@charset "utf-8";
/* CSS Document */

/******************************

COLOR PALETTE




[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Logo
	3.2 Main Navigation
	3.3 Hamburger Menu
	3.4 Full Screen Menu
4. Main Slider
	4.1 Main Slider Dots
	4.2 Main Slider Nav
5. Home Social
6. Features
7. About
	7.1 About Progress Bars
8. Testimonials
	8.1 Testimonials Navigation
9. Services
10. Clients
	10.1 Clients Slider
11. Contact
12. Footer



******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Montserrat:700|Open+Sans:300,400,600,700,800');
@font-face
{
	font-family: 'Myriad Pro Regular';
	src: url('../fonts/myriad-pro-regular.ttf')  format('truetype'),
		 url('../fonts/myriad-pro-regular.otf')  format('opentype');
}

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
}
body
{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 2;
	font-weight: 400;
	background: #FFFFFF;
	color: #6e6e6e;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 2;
	font-weight: 400;
	color: #6e6e6e;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	background: #fde0db;
	color: #ff4200;
}
p::selection
{
	background: #fde0db;
}
h1{font-size: 72px;}
h2{font-size: 30px;}
h3{font-size: 18px;}
h4{font-size: 14px;}
h5{font-size: 11px;}
h1, h2, h3, h4, h5, h6
{
	color: #282828;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
::-webkit-input-placeholder
{
	font-size: 16px !important;
	font-weight: 500;
	color: #777777 !important;
}
:-moz-placeholder /* older Firefox*/
{
	font-size: 16px !important;
	font-weight: 500;
	color: #777777 !important;
}
::-moz-placeholder /* Firefox 19+ */ 
{
	font-size: 16px !important;
	font-weight: 500;
	color: #777777 !important;
} 
:-ms-input-placeholder
{ 
	font-size: 16px !important;
	font-weight: 500;
	color: #777777 !important;
}
::input-placeholder
{
	font-size: 16px !important;
	font-weight: 500;
	color: #777777 !important;
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
	padding-left: 45px;
	padding-right: 45px;
}
.button
{
	width: 187px;
	height: 66px;
	background: #9a715b;
	overflow: hidden;
}
.button a
{
	display: block;
	width: 100%;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 300;
	line-height: 66px;
	text-transform: uppercase;
	letter-spacing: 6.7px;
	
}
.button a:hover { color:inherit}
.button a img
{
	display: inline-block;
	width: 13px !important;
	height: 7px;
	margin-left: 4px;
}
.button a::after
{
	display: block;
	position: absolute;
	top: -50%;
	left: -70px;
	width: 60px;
	height: 200%;
	background: rgba(255,255,255,0.1);
	content: '';
	-webkit-transform: rotate(12.5deg);
	-moz-transform: rotate(12.5deg);
	-ms-transform: rotate(12.5deg);
	-o-transform: rotate(12.5deg);
	transform: rotate(12.5deg);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	z-index: 0;
}
.button a:hover::after
{
	left: calc(100% + 70px);
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 110px;
	padding-left: 48px;
	padding-right: 48px;
	z-index: 20;
	background: #FFFFFF;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/*********************************
3.1 Logo
*********************************/

.logo_container
{
	flex-basis: 50%;
}
.logo
{
	margin-left: 7px;
}
.logo a
{
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 700;
	color: #171717;
	text-transform: uppercase;
}
.logo span:first-of-type
{
	position: absolute;
	top: 0;
	left: -5px;
	color: #ff4200;
	z-index: -1;
}
.logo span:last-of-type
{
	color: #ff4200;
}

/*********************************
3.2 Main Navigation
*********************************/

.main_nav
{
	margin-right: -3px;
	height: 100%;
	flex-basis: 200%;
	text-align: right;
}
.nav_items
{
	height: 100%;
}
.nav_items li
{
	display: inline-block;
	margin-left: 35px;
	height: 100%;
}
.nav_items li a
{
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #0b1033;
	letter-spacing: 3.5px;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-left: 14px;
	padding-right: 10px;
}
.nav_items li.active
{
	background: #ff4200;
}
.nav_items li.active a
{
	color: #FFFFFF;
}
.nav_items li:hover
{
	background: #ff4200;
}
.nav_items li:hover a
{
	color: #FFFFFF;
}

/*********************************
3.3 Hamburger Menu
*********************************/

.hamburger_container
{
	display: none;
	cursor: pointer;
	padding: 10px;
	margin-right: -10px;
	flex-basis: 50%;
	text-align: right;
}
.hamburger_text
{
	display: inline-block;
	margin-right: 7px;
	font-weight: 400;
	color: #171717;
}
.hamburger_icon
{
	position: relative;
	display: inline-block;
	width: 22px;
	height: 3px;
	background: #171717;
	margin-bottom: 4px;
}
.hamburger_icon::before,
.hamburger_icon::after
{
	display: block;
	position: absolute;
	left: 0;
	width: 22px;
	height: 3px;
	background: #171717;
	content: '';
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger_icon.active
{
	background: transparent;
}
.hamburger_icon.active::before
{
	top: -9px;
	transform: translateY(9px) rotate(45deg);
}
.hamburger_icon.active::after
{
	top: 9px;
	transform: translateY(-9px) rotate(-45deg);
}
.hamburger_icon::before
{
	top: -6px;
}
.hamburger_icon::after
{
	top: 6px;
}
.hamburger_container:hover .hamburger_icon::before
{
	top: -8px;
}
.hamburger_container:hover .hamburger_icon::after
{
	top: 8px;
}
.hamburger_container:hover .hamburger_icon.active::before
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	top: 0;
}
.hamburger_container:hover .hamburger_icon.active::after
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	top: 0;
}

/*********************************
3.4 Full Screen Menu
*********************************/

.fs_menu_container
{
	position: fixed;
	top: -100vh;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #FFFFFF;
	z-index: 19;
	-webkit-transition: all 1s 0s cubic-bezier(1,0,0,1);
	-moz-transition: all 1s 0s cubic-bezier(1,0,0,1);
	-ms-transition: all 1s 0s cubic-bezier(1,0,0,1);
	-o-transition: all 1s 0s cubic-bezier(1,0,0,1);
	transition: all 1s 0s cubic-bezier(1,0,0,1);
	padding-left: 48px;
	padding-right: 63px;
	padding-top: 150px;
	text-align: right;
}
.fs_menu_shapes
{
	position: absolute;
	bottom: 32px;
	left: -70px;
	width: 25%;
}
.fs_menu_shapes img
{
	width: 100%;
}
.fs_menu_container.active
{
	top: 0;
}
.fs_menu_list
{
	display: inline-block;
}
.fs_menu_list li
{
	overflow: hidden;
}
.fs_menu_list li a
{
	display: inline-block;
	font-size: 62px;
	font-weight: 700;
	color: #171717;
	line-height: 1.4;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
	-moz-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
	-ms-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
	-o-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
	transition: all 1600ms cubic-bezier(.19,1,.22,1);
}
.fs_menu_list li:first-child a {transition-delay: 600ms;}
.fs_menu_list li:nth-child(2) a {transition-delay: 670ms;}
.fs_menu_list li:nth-child(3) a {transition-delay: 740ms;}
.fs_menu_list li:nth-child(4) a {transition-delay: 810ms;}
.fs_menu_list li:nth-child(5) a {transition-delay: 880ms;}
.fs_menu_list li:nth-child(6) a {transition-delay: 950ms;}
.fs_menu_list li:nth-child(7) a {transition-delay: 900ms;}
.fs_menu_list li:nth-child(8) a {transition-delay: 950ms;}
.fs_menu_list li:nth-child(9) a {transition-delay: 1000ms;}
.fs_menu_list li:nth-child(10) a {transition-delay: 1050ms;}
.fs_menu_container.active .fs_menu_list li a
{
	transform: none;
}
.fs_menu_list li a span
{
	position: relative;
}
.fs_menu_list li a span span
{
	position: absolute;
	top: -1px;
	left: -5px;
	color: #ff4200;
	z-index: -1;
}
.fs_menu_list li a > span::after
{
	display: block;
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 0%;
	height: 3px;
	background: #171717;
	content: '';
	-webkit-transition: all 600ms cubic-bezier(.19,1,.22,1);
	-moz-transition: all 600ms cubic-bezier(.19,1,.22,1);
	-ms-transition: all 600ms cubic-bezier(.19,1,.22,1);
	-o-transition: all 600ms cubic-bezier(.19,1,.22,1);
	transition: all 600ms cubic-bezier(.19,1,.22,1);
}
.fs_menu_list li a:hover span::after
{
	width: 100%;
}
.fs_social_container
{
	position: absolute;
	bottom: 0px;
	right: 63px;
	width: auto;
	height: 74px;
	z-index: 11;
}
.fs_social li
{
	display: inline-block;
	margin-left: 10px;
}
.fs_social li a
{
	width: 100%;
	height: 100%;
	padding: 10px;
}
.fs_social li i
{
	font-size: 13px;
	color: rgba(255,66,0,0.6);
}
.fs_social li:hover i
{
	color: rgba(255,66,0,1);
}

/*********************************
4. Main Slider
*********************************/

.home
{
	overflow: hidden;
}
.hero_slider_container
{
	width: 100%;
	height: 840px;
	margin-top: 68px;
}
.main_slider_shapes
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 16%;
	max-width: 25%;
	height: auto;
	z-index: 2;
}
.main_slider_item_bg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.main_slider_content
{

	height: 100%;
	margin-top: 240px;
}
.main_slider_content h1
{
	font-weight: 300;
	line-height: 1.15;
	color: #fff;
	font-size:65px;
	text-shadow: 2px 1px #333;
}
.main_slider_content h1:after { content: " ";display: block; margin:50px 0 0; width:40px; height: 3px; background-color:#fff; clear: both;}

.main_slider_content h1 span
{
	font-family: 'Myriad Pro Regular', sans-serif;
}
.main_slider_content p
{
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	padding-left: 5px;
	margin-top: 10px;
}
.discover_button
{
	margin-top: 42px;
	margin-left: 5px;
}

/*********************************
4.1 Main Slider Dots
*********************************/

.main_slider_dots
{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 74px;
	width: 100%;
	z-index: 11;
}
.main_slider_custom_dots li
{
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	line-height: 74px;
	color: #FFFFFF;
	padding-left: 12px;
	padding-right: 12px;
	cursor: pointer;
	margin-right: -4px;
}
.main_slider_custom_dots li.active
{
	background: #9a715b;
}
.main_slider_custom_dot.active,
.main_slider_custom_dot:hover
{
	background: #9a715b;
}

/*********************************
4.2 Main Slider Nav
*********************************/

.main_slider_nav
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 11;
	padding: 10px;
	cursor: pointer;
}
.main_slider_nav_left
{
	left: 39px;
}
.main_slider_nav_right
{
	right: 39px;
}
.main_slider_nav i
{
	color: #FFFFFF;
	font-size: 18px;
}
.main_slider_nav:hover i
{
	color: #ff4200;
}

/*********************************
5. Home Social
*********************************/

.home_social_container
{
	position: absolute;
	top: 110px;
	right: 0px;
	width: auto;
	height: 74px;
	background: #ff4200;
	z-index: 11;
	padding-right: 38px;
	padding-left: 45px;
	display:none
}
.home_social li
{
	display: inline-block;
	margin-left: 10px;
}
.home_social li a
{
	width: 100%;
	height: 100%;
	padding: 10px;
}
.home_social li i
{
	font-size: 13px;
	color: rgba(255,255,255,0.6);
}
.home_social li:hover i
{
	color: rgba(255,255,255,1);
}

/*********************************
6. Features
*********************************/

.features_col
{
	padding-top: 120px;
	padding-bottom: 120px;
}
.features_item h3
{
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.features_item img
{
	/*margin-bottom: 35px;*/
}
.features_item p
{
	font-weight: 400;
	margin-bottom: 0px;
	margin-top: 23px;
	max-width: 100%;
	word-break:keep-all
}

/*********************************
7. About
*********************************/

.about
{
	padding-top: 195px;
	padding-bottom: 175px;
}
.about_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.about_shapes
{
	position: absolute;
	top: 0;
	left: 0;
}
.section_title h2
{
	display: inline-block;
	position: relative;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.35;
	margin-bottom: 116px;
}
.section_title h2 span
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50px);
	-moz-transform: translate(-50%, -50px);
	-ms-transform: translate(-50%, -50px);
	-o-transform: translate(-50%, -50px);
	transform: translate(-50%, -50px);
	font-size: 72px;
	font-weight: 900;
	color: #ff0000;
	opacity: 0.32;
}
.section_title h2::before
{
	display: block;
	position: absolute;
	bottom: 61px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(calc(-50% - 4px));
	width: 2px;
	height: 45px;
	content: '';
	background: #FFFFFF;
}
.about_text
{
	padding-right: 50px;
}
.about_text p
{
	color: #FFFFFF;
	margin-bottom: 0px;
}
.about_text img
{
	margin-top: 20px;
}
.features { background-color:#CF0}
/*********************************
7.1 About Progress Bars
*********************************/

.skills_container
{
	padding-top: 10px;
}
.pb_item
{
	margin-bottom: 18px;
}
.pb_item h5
{
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 0.3em;
	margin-top: 18px;
}
.skill_bars
{
	height: 3px;
}
.progressbar-text
{
	width: 48px;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	text-align: right;
}

/*********************************
8. Testimonials
*********************************/

.testimonials
{
	padding-top: 195px;
	z-index: 2;
}
.section_title_dark h2
{
	color: #1c1c1c;
}
.section_title_dark h2::before
{
	background: #ff4200;
}
.testimonials_container
{
	width: 100%;
}
.testimonials_container_inner
{
	position: absolute;
	top: 28px;
	left: 0;
	width: 100%;
	height: calc(100% - 28px);
	box-shadow: 0 22px 35px rgba(0,0,0,0.28);
}
.testimonials_container_inner::before
{
	display: block;
	position: absolute;
	top: 35px;
	left: -35px;
	width: calc(100% + 70px);
	height: calc(100% - 70px);
	content: '';
	background: rgba(242,244,249,0.85);
	z-index: -1;
}
.testimonials_container_inner::after
{
	display: block;
	position: absolute;
	top: 70px;
	left: -85px;
	width: calc(100% + 170px);
	height: calc(100% - 140px);
	content: '';
	background: rgba(242,244,249,0.65);
	z-index: -2;
}
.testimonials_slider
{
	z-index: 10;
}
.testimonials_item
{
	padding-top: 28px;
	background: #FFFFFF;
}
.testimonials_content
{
	padding-left: 120px;
	padding-right: 120px;
	padding-bottom: 49px;
	padding-top: 120px;
	max-width: 100%;
}
.test_name
{
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.2em;
	color: #1c1c1c;
	text-transform: uppercase;
}
.test_title
{
	font-size: 15px;
	font-weight: 400;
	color: #ff4200;
	margin-top: -5px;
}
.test_quote
{
	font-size: 30px;
	line-height: 1;
	color: #ff4200;
	font-style: italic;
	margin-top: 15px;
}
.testimonials_content p
{
	max-width: 100%;
}
.testimonials_content p:first-of-type
{
	margin-top: -3px;
}
.test_user_pic
{
	position: absolute;
	top: -28px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 94px;
	height: 94px;
}

/*********************************
8.1 Testimonials Navigation
*********************************/

.test_slider_nav
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	cursor: pointer;
	z-index: 10;
}
.test_slider_nav:hover
{
	background: #ff4200;
}
.test_slider_nav:hover i
{
	color: #FFFFFF;
}
.test_slider_nav i
{
	font-size: 18px;
	color: #ff4200;
}
.test_slider_nav_left
{
	left: -48px;
}
.test_slider_nav_right
{
	right: -48px;
}

/*********************************
9. Services
*********************************/

.services
{
	padding-top: 152px;
	padding-bottom: 120px;
	z-index: 1;
	margin-top: -32px;
}
.services_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.services_shapes
{
	position: absolute;
	top: 116px;
	right: 0;
}
.service_item
{
	margin-bottom: 30px;
}
.service_item h3
{
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-bottom: 31px;
}
.service_item p
{
	color: #FFFFFF;
	max-width: 100%;
}
.icon_container
{
	height: 41px;
	width: auto;
	margin-bottom: 35px;
}
.services_button
{
	margin-top: 66px;
	margin-left: auto;
	margin-right: auto;
}

/*********************************
10. Clients
*********************************/

.clients
{
	padding-top: 192px;
	padding-bottom: 110px;
}

/*********************************
10.1 Clients Slider
*********************************/

.clients_slider
{
	margin-top: 87px;
	cursor: pointer;
}
.clients_item
{
	
}
.clients_item img
{
	margin: 0 auto;
	-webkit-filter: opacity(50%) grayscale(100%);
	-ms-filter: opacity(30%), grayscale(100%);
	-moz-filter: opacity(30%) grayscale(100%);
	filter: opacity(30%) grayscale(100%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.clients_item:hover img
{
	-webkit-filter: opacity(100%) grayscale(0%);
	filter: opacity(100%) grayscale(0%);
}
.owl-carousel .owl-item img
{
	width: auto !important;
}

/*********************************
11. Contact
*********************************/

.contact
{
	padding-top: 192px;
	padding-bottom: 120px;
}
.contact_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.contact_shapes
{
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(calc(-50% - 40px));
}
.contact_title h2
{
	margin-bottom: 54px;
}
.contact_text p
{
	color: #FFFFFF;
}
.contact_button
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

/*********************************
12. Footer
*********************************/

.footer
{
	background: #111111;
}
.footer_content
{
	height: 96px;
}
.footer_social_container
{
	display: inline-block;
}
.footer_social li
{
	display: inline-block;
	margin-left: 6px;
}
.footer_social li:first-child
{
	margin-left: 0px;
}
.footer_social li a
{
	width: 100%;
	height: 100%;
	padding: 10px;
}
.footer_social li i
{
	font-size: 14px;
	color: rgba(110,110,110,0.6);
}
.footer_social li:hover i
{
	color: rgba(255,255,255,1);
}
.cr p
{
	margin-bottom: 0px;
}


.tl_consulting_page_warp {width: 100%; padding-bottom:50px}
.tl_consulting_page_warp .inner{max-width:1400px;  margin:0 auto;}
.tl_consulting_page_warp h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding-top:95px}
.tl_consulting_page_warp p { padding-top:22px; text-align:center; letter-spacing:-1px; font-size:14px; margin-bottom:60px}
.tl_consulting_page_warp ul li { float:left; width:20%; text-align:center}
.tl_consulting_page_warp ul li:first-child { margin-left:0;}
.tl_consulting_page_warp ul li p { font-size:17px; font-weight:bold; color:#000; letter-spacing:0}
.tl_consulting_page_warp .circle-img {background-repeat: no-repeat; border-radius: 50%;width: 230px;height: 230px; -webkit-transform: scale(1); transform: scale(1); transition: all 1s ease; -webkit-transition: all 1s ease;}
.tl_consulting_page_warp .circle-img:hover  {
transform:scale(1.1) translate(-1.5%, -1.5%); opacity:1;
-webkit-transition: transform 300ms ease-out, opacity 300ms ease;
-moz-transition: transform 300ms ease-out, opacity 300ms ease;
-ms-transition: transform 300ms ease-out, opacity 300ms ease;
-o-transition: transform 300ms ease-out, opacity 300ms ease;
transition: transform 300ms ease-out, opacity 300ms ease;
}




/*tl_business_now_box_warp*/
.tl_business_now_box_warp { width:100%; padding:150px 0;  clear:both;}
.tl_business_now_box_warp .inner { max-width:1400px; margin:0 auto}
.tl_business_now_box_warp p { text-align:center; padding:30px 10px 80px 10px; color:#555; font-size:15px}
.tl_business_now_box_warp h2 { font-size:42px;  font-weight:bold; text-align:center; letter-spacing:-0.5px}
.tl_business_now_box_warp .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:-87px;/*padding-left:10px*/}
.tl_business_now_box_warp .owl-dots .owl-dot{ background-color:#CCC; width:30px;height:5px;display:inline-block;margin-left:10px; cursor:pointer}
.tl_business_now_box_warp .owl-dots .owl-dot.active{background-color:#75604f}

.a-item {padding: 0; border:0; margin:0 15px; overflow:hidden }
.a-item .img-box { cursor:pointer; background-size:cover; background-position:center; width: 100%; min-height: 420px; padding: 185px 35px 35px 35px; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; overflow:hidden}
.a-item .img-box:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); -webkit-transition: all 1s ease;}
.a-item .img01 { background-image:url(../img/main_work01.jpg);}
.a-item .img02 { background-image:url(../img/main_work02.jpg);}
.a-item .img03 { background-image:url(../img/main_work03.jpg);}
.a-item .img04 { background-image:url(../img/main_work04.jpg);}
.a-item .img05 { background-image:url(../img/main_work05.jpg);}
.a-item .img06 { background-image:url(../img/main_work06.jpg);}
.a-item .img07 { background-image:url(../img/main_work07.jpg);}
.a-item .img08 { background-image:url(../img/main_work08.jpg);}
.a-item .img09 { background-image:url(../img/main_work09.jpg);}
.a-item .img10 { background-image:url(../img/main_work10.jpg);}
.a-item .img11 { background-image:url(../img/main_work11.jpg);}

.a-item .info {display: block;text-decoration: none;padding:30px; text-align:center}
.a-item .subject { font-weight:700; font-size:20px; color:#000; letter-spacing:-1px; text-align:center; padding-top:30px}
.a-item .subject:after {content:""; display:block; height:3px; width:20px; margin:30px 0 0; background-color:#fff} 
.a-item .substance {color:#fff; opacity:0.8; margin-top:9px; font-size:14px; line-height:1.6; word-break:keep-all; display:none}
.a-item .info .time {color:tomato; font-size:0.9em;text-align:right;}
.a-item .more {width: 141px;margin:0px auto; border: 1px solid #888;padding: 14px 0 14px 0; line-height:14px; font-size:14px; background: none; display:block}
.a-item .more:hover {background-color: #4c3a26;color: #FFF;cursor: pointer;opacity: 1;transition: all 0.5s;}
.business_slider .owl-nav {position:absolute; width:100%;top:200px; padding:0; margin:0; text-align:center; display:block}
.business_slider .owl-nav .owl-prev {width:40px; height:40px; line-height:40px; left:-15px; background-color:#32373a; opacity:1; margin:0; position:absolute; cursor:pointer; font-size:14px; color:#fff}
.business_slider .owl-nav .owl-next {width:40px; height:40px; line-height:40px; right:-15px; background-color:#32373a; opacity:1; margin:0; position:absolute; cursor:pointer; font-size:14px; color:#fff}
.business_slider .owl-nav i { font-size:14px}
/*tl_business_now_box_warp*/



@media screen and (max-width:960px) {
.main_slider_content h1 { font-size:34px; line-height:1.4}
.tl_consulting_page_warp h2 { font-size:20px; padding-top:65px}
.tl_consulting_page_warp ul li { width:50%}
.tl_consulting_page_warp .circle-img { width:170px; height:170px}
.tl_main_about_wrap ul li { width:100%; display:none}
}

.tl_main_about_wrap {padding:120px 0px; margin-top:0px; text-align:center;  overflow:hidden; background:url(../img/main_about_wrap_bg.jpg) center top no-repeat; background-size:cover;   position:relative;}
.tl_main_about_wrap h2 {font-size:30px; color:#fff; line-height:30px; font-weight:normal;}
.tl_main_about_wrap h2 span{display:block; font-size:16px; color:rgba(255,255,255,0.6);  line-height:23px; padding:20px; word-break:keep-all}
.tl_main_about_wrap ul {display:table; table-layout:fixed; width:100%; vertical-align:middle; margin-top:80px;}
.tl_main_about_wrap ul li{display:block; width:25%; float:left}
.tl_main_about_wrap ul li .t1{color:rgba(255,255,255,0.9); font-size:20px;}
.tl_main_about_wrap ul li .t2{color:#fff; font-size:68px; font-weight:bold; padding:40px 0px;}
.tl_main_about_wrap ul li .t3{color:rgba(255,255,255,0.8); font-size:20px;}

@media screen and (max-width:960px) {
.tl_main_about_wrap ul li { width:100%}
}