html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td { 
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	vertical-align:baseline;
}
@font-face {
    font-family: 'GothamBold';
    src: url('fonts/GothamBold.eot');
    src: url('fonts/GothamBold.eot') format('embedded-opentype'),
         url('fonts/GothamBold.woff2') format('woff2'),
         url('fonts/GothamBold.woff') format('woff'),
         url('fonts/GothamBold.ttf') format('truetype'),
         url('fonts/GothamBold.svg#GothamBold') format('svg');
}
@font-face {
    font-family: 'gothambook';
    src: url('fonts/gothambook.eot');
    src: url('fonts/gothambook.eot') format('embedded-opentype'),
         url('fonts/gothambook.woff2') format('woff2'),
         url('fonts/gothambook.woff') format('woff'),
         url('fonts/gothambook.ttf') format('truetype'),
         url('fonts/gothambook.svg#gothambook') format('svg');
}
@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica.eot');
    src: url('fonts/Helvetica.eot') format('embedded-opentype'),
         url('fonts/Helvetica.woff2') format('woff2'),
         url('fonts/Helvetica.woff') format('woff'),
         url('fonts/Helvetica.ttf') format('truetype'),
         url('fonts/Helvetica.svg#Helvetica') format('svg');
}
body {
	color:#000;
	padding:0;
	margin:0;
	font-size:14px;
	font-family: 'gothambook';
	position: relative;
}
ul,ol { list-style:none; }
img,fieldset { border:none; }	
a { text-decoration:none; }
a:hover { text-decoration:none; }
article,aside,details,figcaption,figure,footer,
header,hgroup,main,nav,section,summary { display: block; }
figure {
	margin:0;
	padding:0;
}
.clearfix {
	clear: both;
	width:100%;
	overflow:hidden;
}
embed,iframe,
object,
video { max-width: 100%; }
html { -webkit-text-size-adjust: none; }
input, textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.footer_social_logo .social_icon img,
#contact_form input[type="submit"],
.btn_down_arrow {	
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.banner_bottom_info h2,
.banner_bottom_info p { font-family: 'Source Han Sans Simplified Chinese'; }
/*----------------------*/
/*  Page structure      */
/*----------------------*/
#wrapper { width: 100%; }
.container { 
	width: 100%; 
	padding: 0 20px;
}
.center_content {
	max-width: 1171px;
	margin: 0 auto; 
}
/*----------------------*/
/*  container_header    */
/*----------------------*/
.container_header { 
	background: #f8f400; 
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	z-index: 5000;
}
#header { 
	overflow: hidden;
	padding: 3px 10px 8px 10px;
}
.logo { float: left; }
.logo img {
	width: 51px;
	height: 57px;	
}
.header_right { 
	float: right; 
	padding: 12px 0 0 0;	
}
.btn_menu { margin-right: 17px; }
.btn_menu img {
	width: 38px;
	height: 39px;	
}
.btn_social img {
	width: 40px;
	height: 39px;	
}
/*----------------------*/
/*  container_banner    */
/*----------------------*/
.container_banner { 
	padding: 0; 
	position: relative;	
	min-height: 924px;
	background: url(images/image_banner.jpg) no-repeat center;
	background-size: cover;
}
.bg_over_banner { 
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(0,0,0, .15)
}
.banner_info_contant { padding-right: 14.29%; }
.banner_info {
	margin-top: 456px;
	padding-bottom: 20px;
	text-align: right;
	overflow: hidden;	
}
.banner_info_aline { 
	width: 500px;
	display: inline-block;
	text-align: left;
}
.banner_top_info h1 { 
	font-family: 'GothamBold';
	font-size: 55.1px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
}
.banner_top_info p {
	font-size: 20.68px;
	color: #FFF;
	margin-top: -4px;
	padding-bottom: 20px;
}
.banner_solid_bar { 
	border: 1.5px solid #FF0; 
	margin-right: 8px;	
}
.banner_bottom_info { padding-top: 10px; }
.banner_bottom_info h2 {
	font-size: 67px;
	color: #FFF;
	font-weight:bold;
}
.banner_bottom_info p {
	font-size: 26.25px;
	color: #FFF;
	position: relative;
	z-index: 105;
}
.btn_down_arrow {
	width: 38px;
	height: 18px;
	margin: 0 auto;
	background: url(images/bottom_arrow-1.png) no-repeat center;
	background-size: cover;
	cursor: pointer;
	position: absolute;
	bottom: 55px;
	left: 0;
	right: 0;
	z-index: 101;	
}
.btn_down_arrow:hover { 
	background: url(images/bottom_arrow-2.png) no-repeat center; 
	background-size: cover;	
}
.banner_bottom_ring { 
	position: absolute;
	right: 0;
	bottom: -193px;
	z-index: 101;
}
.banner_bottom_ring img {
	display: block;
	max-width: 100%;
	height: auto;
}
/*-----------------------*/
/*  philosophi_contant   */
/*-----------------------*/
.philosophi_contant { 
	max-width: 980px;
	margin: 0 auto;
	padding: 83px 0 82px;
	position: relative;
	z-index: 102;
}
.section_top_image { text-align: center; }
.section_top_image span { 
	background: url(images/icon_philosophi_top.png) no-repeat center; 
	padding: 40px;	
	display: inline-block;
	margin: 0 auto;
}
.philosophy_info { 
	overflow: hidden; 
	padding: 89px 0 0 0;	
}
.philosophy_info_left {
	float: left;
	width: 50%;	
	padding: 0 5px; 
}
.philosophy_info_left h2 {
	font-family: 'GothamBold';
	font-size: 36.6px;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;	
	padding-bottom: 41px;
}
.philosophy_info_left p {
	font-size: 22.63px;
	color: #000;
	line-height: 27px;
	margin: 28px 0;	
}
.philosophy_info_right {
	float: right;
	width: 50%;
	padding: 0 5px; 	
}
.philosophy_info_right h2 {
	font-family: 'Source Han Sans Simplified Chinese';
	font-size: 37.48px;
	font-weight: 500;
	color: #010101;
	padding-bottom: 21px;
}
.philosophy_info_right p {
	font-family: 'Source Han Sans Simplified Chinese';
	font-size: 22.63px;
	font-weight: 400;
	line-height: 38px;
	color: #010101;
	margin: 38px 0;
}
.image_philosophi { margin: 29px 0 102px 0; }
.image_philosophi img {
	display: block;
	max-width: 100%;
	height: auto;
}	
/*------------------------*/
/*  container_full_image  */
/*------------------------*/
.container_full_image { 
	padding: 0; 
	position: relative;	
}
.philosophi_full_image {
	min-height: 608px;
	background: url(images/Philosophi_images-2.jpg) no-repeat center;
	background-size: cover;	
}
.philosophi_full_image img {
	display: block;
	max-width: 100%;
	height: auto;	
}
.philosophi_top_ring {
	position: absolute;
	top: -240px;
	left: 0;	
	z-index: 103;
}
.philosophi_bottom_ring img,
.philosophi_top_ring img {
	display: block;
	width: 100%;
	height: auto;	
}
.philosophi_bottom_ring {
	position: absolute;
	bottom: -287px;
	right: 0;
	z-index: 103;	
}
/*------------------------*/
/*  about_us_contant      */
/*------------------------*/
.about_us_contant { 
	max-width: 980px;
	margin: 0 auto;
	padding: 97px 0 77px;
	position: relative;
	z-index: 102;
}
.section_top_image { text-align: center; }
.section_top_image span { 
	background: url(images/icon_philosophi_top.png) no-repeat center; 
	padding: 40px;	
	display: inline-block;
	margin: 0 auto;
}
.about_us_info { 
	overflow: hidden; 
	padding: 65px 0 0 0;	
}
.about_us_info_left {
	float: left;
	width: 50%;	
	padding: 0 5px; 
}
.about_us_info_left h2 {
	font-family: 'GothamBold';
	font-size: 36.6px;
	color: #010101;
	font-weight: normal;
	text-transform: uppercase;	
	padding-bottom: 41px;
}
.about_us_info_left p {
	font-size: 22.63px;
	color: #010101;
	line-height: 27px;
	margin: 28px 0;	
}
.about_us_info_right {
	float: right;
	width: 50%;
	padding: 0 8px; 	
}
.about_us_info_right h2 {
	font-family: 'Source Han Sans Simplified Chinese';
	font-size: 36.6px;
	font-weight: 500;
	color: #010101;
	padding-bottom: 11px;
}
.about_us_info_right p {
	font-family: 'Source Han Sans Simplified Chinese';
	font-size: 21.92px;
	font-weight: 400;
	line-height: 38px;
	color: #010101;
	margin: 38px 0 39px;
}
.image_about_us { margin:59px 0 102px 0; }
.image_about_us img {
	display: block;
	max-width: 100%;
	height: auto;
}	
/*---------------------------*/
/*  container_about_us_full  */
/*---------------------------*/
.container_about_us_full { 
	padding: 0; 
	position: relative;	
}
.about_us_full_image {
	min-height: 608px;
	background: url(images/about_us_images-2.jpg) no-repeat center;
	background-size: cover;	
}
.about_us_top_ring {
	position: absolute;
	top: -180px;
	left: 0;	
	z-index: 104;
}
.about_us_top_ring img,
.about_us_top_ring img {
	display: block;
	width: 100%;
	height: auto;	
}
.about_us_bottom_ring {
	position: absolute;
	bottom: -172px;
	right: 0;
	z-index: 104;	
}
/*---------------------------*/
/*  capabilities_contant     */
/*---------------------------*/
.capabilities_contant { 
	max-width: 980px;
	margin: 0 auto;
	padding: 97px 0 77px;
	position: relative;
	z-index: 102;
}
.capabilities_info { 
	overflow: hidden; 
	padding: 65px 0 0 0;	
}
.capabilities_left {
	float: left;
	width: 50%;	
	padding: 0 5px; 
}
.capabilities_left h2 {
	font-family: 'GothamBold';
	font-size: 36.6px;
	color: #010101;
	font-weight: normal;
	text-transform: uppercase;	
	padding-bottom: 41px;
}
.capabilities_left p {
	font-size: 22.63px;
	color: #010101;
	line-height: 27px;
	margin: 28px 0 54px;	
}
.capabilities_left p strong { font-weight: 700; }
.capabilities_right {
	float: right;
	width: 50%;
	padding: 0 8px; 	
}
.capabilities_right h2 {
	font-family: 'Source Han Sans Simplified Chinese';
	font-size: 36.6px;
	font-weight: 500;
	color: #010101;
	padding-bottom: 18px;
}
.capabilities_right p {
	font-family: 'Source Han Sans Simplified Chinese';
	font-size: 21.92px;
	font-weight: 400;
	line-height: 41px;
	color: #010101;
	margin: 38px 0 46px;
}
/*-------------------------------*/
/*  container_capabilities_full  */
/*-------------------------------*/
.container_capabilities_full { 
	padding: 0; 
	position: relative;	
}
.capabilities_full_image {
	min-height: 608px;
	background: url(images/capabilities_image1.jpg) no-repeat center;
	background-size: cover;	
}
.capabilities_top_ring {
	position: absolute;
	top: -164px;
	left: 0;	
	z-index: 1;
}
.capabilities_bottom_ring {
	position: absolute;
	bottom: -232px;
	right: 0;
	z-index: 104;	
}
/*--------------------*/
/*  brands_contant    */
/*--------------------*/
.brands_contant { 
	max-width: 980px;
	margin: 0 auto;
	padding: 86px 0 77px;
	position: relative;
	z-index: 102;
}
.brands_info { 
	overflow: hidden; 
	padding: 90px 0 0 0;	
}
.brands_info_left {
	float: left;
	width: 50%;	
	padding: 0 5px; 
}
.brands_info_left h2 {
	font-family: 'GothamBold';
	font-size: 36.6px;
	color: #010101;
	font-weight: normal;
	text-transform: uppercase;	
	padding-bottom: 41px;
}
.brands_info_left p {
	font-size: 22.63px;
	color: #010101;
	line-height: 27px;
	margin: 28px 0;	
}
.brands_info_right {
	float: right;
	width: 50%;
	padding: 0 8px; 	
}
.brands_info_right h2 {
	font-family: 'Source Han Sans Simplified Chinese';
	font-size: 37.48px;
	font-weight: 500;
	color: #010101;
	padding-bottom: 11px;
}
.brands_info_right p {
	font-family: 'Source Han Sans Simplified Chinese';
	font-size: 22.63px;
	font-weight: 400;
	line-height: 38px;
	color: #010101;
	margin: 38px 0 39px;
}
.image_brands { margin: 90px 0 65px 0; }
.image_brands img {
	display: block;
	max-width: 100%;
	height: auto;
}	
/*---------------------------*/
/*  container_brands_full    */
/*---------------------------*/
.container_brands_full { 
	padding: 0; 
	position: relative;	
}
.brands_full_image {
	min-height: 608px;
	background: url(images/brands_image2.jpg) no-repeat center;
	background-size: cover;	
}
.brands_top_ring {
	position: absolute;
	top: -214px;
	left: 0;	
	z-index: 99;
}
.brands_top_ring img,
.brands_bottom_ring img {
	display: block;
	width: 100%;
	height: auto;	
}
.brands_bottom_ring {
	position: absolute;
	bottom: -242px;
	right: 0;
	z-index: 104;	
}
/*---------------------*/
/*  container_contact  */
/*---------------------*/
.container_contact { position: relative; }
.bg_image_left {
	position: absolute;
	left: 0;
	bottom: 187px;
	z-index: -1;	 
}
.contact_contant {
	max-width: 990px;
	margin: 0 auto;	
	padding: 68px 0 111px 0;
}
.contact_title {
	font-family: 'GothamBold';
	font-size: 36.6px;
	color: #010101;
	font-weight: normal;
	padding: 85px 10px 66px;
}
.contact_title span {
	font-family: 'Source Han Sans Simplified Chinese';
	font-size: 37.48px;
	font-weight: 500;
}
.contact_top_info { padding: 0 0 50px 0; }
.contact_info { 
	overflow: hidden; 
	padding: 0 10px 69px;		
}
.contact_info span { display: block; }
.contact_left {
	float: left;
	width: 50%;	
	padding-right: 10px;
}
.contact_right h3,
.contact_left h3 {
	font-family: 'GothamBold';
	font-size: 22.63px;
	color: #010101;
	font-weight: normal;
	padding-bottom: 28px;	
}
.contact_right h3 span,
.contact_left h3 span { 
	font-family: 'Source Han Sans Simplified Chinese'; 
	padding-top: 4px;	
}
.contact_right p,
.contact_left p {
	font-size: 22.63px;
	color: #010101;
}
.contact_right p span,
.contact_left p span { padding-top: 2px; }
.contact_right p span a,
.contact_left p span a { color: #010101; }
.contact_right p span a:hover,
.contact_left p span a:hover { color: #666; }
.contact_right {
	float: right;
	width: 50%;
	padding-left: 10px;	
}
.form_title h3 {
	font-family: 'GothamBold';
	font-size: 22.63px;
	color: #010101;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 0 51px 10px;
}
.form_title h3 span {
	display: block;
	font-family: 'Source Han Sans Simplified Chinese'; 
}
#contact_form .form_element { overflow: hidden;	 }
#contact_form .form_content_left { 
	float: left;
	width: 50%;
	padding: 0 8px;
}
#contact_form .form_content_right {
	float: right;
	width: 50%;
	padding: 0 8px;	
}
#contact_form div input[type="text"],
#contact_form input[type="email"],
#contact_form div textarea,
#contact_form input[type="submit"] {
	border: none;
	padding: 0 15px;
	margin: 9px 0;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'gothambook';
	font-size: 14.14px;
	font-weight: normal;
	text-transform: uppercase;
	background: #ededed;
	color: #454347;
}
#contact_form div input[type="text"],
#contact_form input[type="email"] {
	font-family: 'gothambook';
	font-size: 14.14px;
	width: 100%;
	height: 52px;
}
#contact_form div textarea {
	font-family: 'gothambook';
	font-size: 14.14px;
	height: 190px;
	resize: none;
	width: 100%;
	overflow: hidden;	
	padding: 17px 18px;
}
#contact_form .btn_submit { 
	text-align: right; 
	padding-right: 8px;
}
#contact_form input[type="submit"] {
	font-family: 'GothamBold';
	display: inline-block;
	background: #f0e502;
	font-size: 16.97px;
	color: #010101;
	line-height: 49px;
	padding: 0 49px;
	cursor: pointer;
}
#contact_form input[type="submit"]:hover { background: #FF0; }
/*---------------------*/
/*  footer_container   */
/*---------------------*/
.footer_container { background: #363636; }
#footer { 
	max-width: 990px;
	margin: 0 auto;
	overflow: hidden; 
	padding: 72px 0 47px;	
}
.footer_left_contact { 
	float: left;  
	font-family: 'Helvetica';
	font-size: 12.73px;	
	font-weight: 700;
}
.footer_left_contact h3 {
	color: #7d7d7d;	
	font-weight: normal;
	padding: 4px 0 12px;
}
.footer_left_contact p { 
	color: #FFF; 
	font-weight: 600;
	padding-bottom: 28px;
	line-height: 16px;
}
.footer_left_contact p span { 
	display: block; 
	line-height: 22px;	
}
.footer_left_contact p span a { color: #FFF; }
.footer_left_contact p span a:hover { color: #CCC; }
.footer_social_logo { text-align: center; }
.footer_social_logo ul { 
	padding-left: 13.5%; 
	overflow: hidden;
}
.footer_social_logo ul li {
	width: 45px;
	height: 45px;
	float: left;
	margin: 6.5px 6px;
}
.footer_social_logo ul li a {
	display: block;
	width: 45px;
	height: 45px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	vertical-align: middle;
	overflow: hidden; 
}
.footer_social_logo ul li.facebook_icon a { background:url(images/icon_facebook.png) no-repeat 0 0; }
.footer_social_logo ul li.twiter_icon a { background:url(images/icon_twiter.png) no-repeat 0 0;}
.footer_social_logo ul li.googlePlus_icon a { background:url(images/icon_googlePlus.png) no-repeat 0 0; }
.footer_social_logo ul li.in_icon a { background:url(images/icon_in.png) no-repeat 0 0; }
.footer_social_logo ul li.viewes_icon a { background:url(images/icon_viewes.png) no-repeat 0 0; }
.footer_social_logo ul li.comment_icon a { background:url(images/icon_comment.png) no-repeat 0 0; }
.footer_social_logo ul li.webcam_icon a { background:url(images/icon_webcam.png) no-repeat 0 0; }
.footer_social_logo ul li a { background-size: 45px 92px !important; }
.footer_social_logo ul li a:hover { background-position: 0 -48px; }
.footer_social_logo .social_icon img { background: #363636; }
.footer_social_logo .social_icon:hover img { background: #000; }
#footer .creative {
	padding-top: 96px;
	text-align: right;
	color: #7d7d7d;
}
#footer .creative p {
	font-family: 'Helvetica';
	font-size: 12.73px;
	color: #7d7d7d;
	font-weight: 600;
	line-height: 24px;	
}
#footer .creative p a { color: #7d7d7d; }
#footer .creative p a:hover { color: #a9a8a8; }
#footer .creative span { 
	color: #696969; 
	font-size: 12px;	
}
.form_element .error {
	border:2px solid #F99!important;
	-webkit-box-shadow: inset 0px 0px 7px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 7px -2px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 7px -2px rgba(0,0,0,0.75);
}
#contact_form span.ajaxloader {
	padding-top:15px;
	padding-right:15px;
	display:none;
}
.status_message_container {text-align:right;}
#statusMessage {
	display:inline-block;
	padding:5px 10px;
	font-size:16px;
}
span.message_sent {
	border:2px solid #090;
}
span.message_failed {
	border:2px solid #F00;
}
#menu, #social-menu {
	position:fixed;
	width:100%;
	height:100%;
	background:#f8f400;
	z-index:200;
	display:none;
}
.menu_inner {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
}
.menu_inner ul li a {
	font-size:76px;
	line-height:100%;
	color:#000;
	font-family: 'GothamBold';
	font-weight:normal;
	text-transform:uppercase;
}
.menu_inner ul li a:hover {color:#fff;}
p.share_this {
	font-family: 'gothambook';
	font-size:28px;
	font-weight:400;
	padding-bottom:10px;
}
a.btn_menu {
	width:40px;
	height:42px;
	display:inline-table;
	background:url(images/btn_menu.png) no-repeat left top;
	background-size:cover;
}
a.btn_social {
	width:45px;
	height:42px;
	display:inline-table;
	background:url(images/image_Social_button.png) no-repeat left top;
	background-size:cover;
}
a.active_menu, a.active_social_menu {
	background:url(images/close-blk1.png) no-repeat left top;
	background-size:cover;
}
.philosophy_info_right h2,
.about_us_info_right h2,
.capabilities_right h2,
.brands_info_right h2,
.contact_title span { font-weight:bold; }