/*
Theme Name: Beck & Caul
Theme URI: http://www.beckandcaul.co.nz
Author: Beck & Caul
Version: 1.0

*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */

/*ARROWS*/
@font-face {
    font-family: 'Arrows';
    src: url('fonts/arrows/Glyphter.eot');
    src: url('fonts/arrows/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/arrows/Glyphter.woff') format('woff'),
         url('fonts/arrows/Glyphter.ttf') format('truetype'),
         url('fonts/arrows/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Glyphter (http://www.glyphter.com) on  Wed Sep 07 2016*/
@font-face {
    font-family: 'Glyphter';
    src: url('fonts/Glyphter.eot');
    src: url('fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/Glyphter.woff') format('woff'),
         url('fonts/Glyphter.ttf') format('truetype'),
         url('fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-facebook:before{content:'\0041';}
.icon-twitter:before{content:'\0042';}
.icon-googleplus:before{content:'\0043';}
.icon-youtube:before{content:'\0044';}


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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;	
	font-family: 'Raleway', sans-serif; font-size: 16px;	line-height: 21px; 
}

#savetarget{ padding: 0; margin: 0; border: 0; display: block; width: 0; height: 0; }
html {  position:relative; overflow-x:hidden; }
p, span, a{ color:inherit; }
p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
img{ max-width:100%;}
h1{
	color:#434343;
	font-size:24px;
	font-weight:bold;
}

ol, ul{ margin-left:20px; padding-left:5px; }

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
::placeholder{ color:#FFF; opacity:1; text-transform:uppercase;  }
::-moz-placeholder{ color:#FFF; opacity:1; text-transform:uppercase;  }
a:hover, a:link, a:visited{
	color:black;
	text-decoration:none;
}
.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
#sending, #sent{display:none;}
input, select, textarea{box-sizing: border-box;}

.ninesixty{max-width: 1270px;width:100%;position:relative;margin:0 auto;}
.clear{clear:both;}
.cl5{ height:5px;}
.cl10{ height:10px;}
.cl20{height:20px;}
.cl30{height:30px;}
.cl40{height:40px;}
.cl50{height:50px;}
.cl60{height:60px;}
.cl70{height:70px;}
.cl80{height:80px;}
.cl90{height:90px;}
.cl100{height:100px;}
.smartphoneonly{ display: none; }

div, input, span, a{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
.mapdiv, .mapdiv div, div#map, #map div{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }

::selection {
  background: #2bbbdb; /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: #2bbbdb; /* Gecko Browsers */
   color:#FFF;
}

/*FOOTER*/
	.footer{ background:url(img/footer-compressor.jpg); background-size:cover; background-position:50%; color:#FFF;  }
	.footer_content{width:50%;margin:0 auto;position:relative;padding: 0px 0 0;}
		.footer_left, .footer_right{width:50%;float:left;padding: 57px 0 0;}
		.footer_left .menu li{ display:block; list-style:none;  line-height:40px; padding:0; margin:0; }
			.footer_left .current-menu-item:after { display:none !important; }
		.footer_left .menu li a{ color:#FFF; line-height:20px;  padding:0; margin:0; text-transform:uppercase; font-weight:600; font-size:16px;}
		.footer_left .menu li:hover:after{ display:none !important; }
		.footer_left .menu{  padding:0; margin:0; }

		.fphone{font-size:32px;font-weight:900;line-height:40px;padding-top: 48px;}
			.fphone span{ display:block; font-size:45px; color:#ec3337; line-height:45px;  }
			.faddr{  margin-bottom:70px; display:block; padding-top:10px; font-size:25px;  }

		.footerquote{
			position:relative;
			box-sizing:border-box; padding:0 40px 40px; margin-top:50px;
			 background: #ec3337; /* Old browsers */
				background: -moz-linear-gradient(-45deg, #ec3337 1%, #b82025 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg, #ec3337 1%,#b82025 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(135deg, #ec3337 1%,#b82025 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3337', endColorstr='#b82025',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
		}
			.fqtitle{ font-weight:bold; font-size:26px; line-height:30px;  font-weight:900; }
				.fqtitle span{ font-size:35px; display:block; line-height:30px;  }
			.fqsubtitle{ padding:5px 0 20px; font-size:20px; }
			.footerquote .fields input[type="text"], .footerquote .fields textarea{width:100%;background:rgba(0,0,0,0.1);border:0;color:#FFF;padding: 10px 10px;font-size: 14px;font-weight: 600;}
			.fqright input[type="submit"]{ background:#ec3337; width:100%; border:0; color:#FFF; text-transform:uppercase; line-height:40px; }
			.footerquote label{ display:none; }
			.footerquote:before{ content:''; width:100%; left:0px; top:-100px; height:100px; background:url(img/footerqtop.png) no-repeat left bottom; background-size:conttain; position:absolute;  }
		.fqleft{ width:70%; float:left;  overflow:hidden;  }
			.rc-anchor-checkbox-label {    width: 85px !important;}
		.fqright{ width:25%; float:left; margin-left:5%; font-size:12px; text-align:center; line-height:36px; }
			.fqright span{ font-size:inherit; line-height:inherit; }
		
/*DEFAULT*/
	.header{top:0;position: fixed;top: 0;z-index: 999999999;}
	.header_banner{height:85px;width:100%;position:fixed;background:#FFF;z-index: 999;}
	.header_banner.nav-down, .header_banner.nav-up{ box-shadow:0 0 15px 0 rgba(0,0,0,0.5); }
	.header_image{top: 85px;position:relative;height:335px;width:100%;background-size: cover !important;background-position: 50% !important;/* z-index: 999999; */clear: both;background-color:#ccc;display: block;}
	
	.defaultcontent{padding:80px 0;max-width: 50%;}
	.nav-up .logo, .nav-down .logo{top: 0px;}
	.header_slider{ height:535px; }
		.hs_image{ height:535px; background-size:cover !important; background-position:50% !important;}
		.flexslider .slides > li {    position: relative;    width: 100%;    height: 535px;    background: #444; }

	.logo{width:auto;float:left;position:absolute;top: -0;max-width: 235px;margin-top: 8px;}
		.fixlogo .logo{ top:0; }

	.headbar{
			padding:20px 0;
			position:relative;
			display:block;
			/* z-index:9999999; */
			margin-top:85px;
			background: #ec3337; /* Old browsers */
			background: -moz-linear-gradient(-45deg, #ec3337 1%, #b82025 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(-45deg, #ec3337 1%,#b82025 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(135deg, #ec3337 1%,#b82025 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3337', endColorstr='#b82025',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
	 	.headbar h1{  color:#FFF; font-size:28px; }
	 	.headbar .ninesixty{ max-width:50%; }
	.content_left{width:60%;float:left;padding-right:90px;box-sizing:border-box;display: block;}
		.content_left strong{ color:  #b82025; display:block; margin-bottom:30px; font-size:18px; line-height:25px; }
		.content_left li{ padding-bottom:5px; line-height:22px; }
	.content_right{width:40%;float:left;box-sizing:border-box;display: block;} 
		.subservicebox{width:100%;height:300px;float:none;display:block;position: relative; overflow:hidden; }
		.subservicebox:hover .subimg{ transform:scale(1.1); }
		.subimg{width:100%;height:100%;position:absolute;background-size:cover !important;background-position:50% !important;cursor: pointer;}
		.subservicebox h2{ display:block; position:absolute; top:0; width:100%; text-align:center; padding:20px; box-sizing:border-box; color:#FFF; font-size:22px; font-weight:600; z-index:9;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec3337+1,b82025+100 */
				background: #ec3337; /* Old browsers */
				background: -moz-linear-gradient(-45deg, #ec3337 1%, #b82025 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg, #ec3337 1%,#b82025 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(135deg, #ec3337 1%,#b82025 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3337', endColorstr='#b82025',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		 }
/*HOME*/
	.mainheader{width:100%;height: 803px;background:url('img/headbg.jpg');position:relative;overflow:hidden;z-index:1;padding-top: 92px; padding-bottom:50px;}
		.mainheader_left{ position:absolute; bottom:-50px; width:500px; height:505px; background:url('img/concrete_left.png') no-repeat; background-position:right top; z-index:1;  }
		.mainheader_right{ position:absolute; bottom:-50px; left:45%; width:100%; max-width:1300px; height:420px; background:url('img/concrete_right.png') no-repeat; background-position:left top;  z-index:2 }
	.main_content{ background:url(img/mainpagelogo.png) no-repeat; height:100%; width:1173px; margin:0 auto; position:relative; z-index:0; }
		.homepagecontent{ position:absolute; top:550px; left:0; width:300px; font-size:18px; font-weight:600; }
			.homepagecontent p{ font-size:inherit; font-weight:inherit; }
		.contactbutton{display:block;padding: 6px 26px;border:2px solid #b82025;width:140px;text-align:center;margin:20px 0;font-weight: 800;}
			.contactbutton:hover{ background:#b82025; color:#FFF; }

	.servicebox{width:25%;height:350px;float:left;position: relative; overflow:hidden;}
		.servicebox:hover .img{ transform:scale(1.2);  }
		.img{ width:100%; height:100%; position:absolute; background-size:cover !important; background-position:50% !important;}
		
		.servicebox h2{
				display:block;
				position:absolute;
				top:0;
				width:100%;
				text-align:center;
				padding: 30px 20px;
				box-sizing:border-box;
				color:#FFF;
				font-size:22px;
				font-weight:600;
				z-index:9;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec3337+1,b82025+100 */
				background: #ec3337; /* Old browsers */
				background: -moz-linear-gradient(-45deg, #ec3337 1%, #b82025 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg, #ec3337 1%,#b82025 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(135deg, #ec3337 1%,#b82025 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3337', endColorstr='#b82025',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
		 .servicehover{
		 		position:absolute;
		 		left:-200%;
		 		top:-100%;
		 		width:150%;
		 		height:200%;
		 		opacity: .9;
		 		-ms-transform: rotate(40deg); /* IE 9 */
		 		-webkit-transform: rotate(40deg); /* Chrome, Safari, Opera */
		 		transform: rotate(40deg);
		 		background: #ec3337; /* Old browsers */
		 		background: -moz-linear-gradient(-45deg, #ec3337 1%, #b82025 100%); /* FF3.6-15 */
		 		background: -webkit-linear-gradient(-45deg, #ec3337 1%,#b82025 100%); /* Chrome10-25,Safari5.1-6 */
		 		background: linear-gradient(135deg, #ec3337 1%,#b82025 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		 		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3337', endColorstr='#b82025',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		 	}
		  .servicebox:hover .servicehover{  left:-70%;  top:-100%; }
		  .servicehovercontent{ position:absolute; color:#FFF; top:-100%; left:20px; opacity:0; max-width:55%;  transition:all 0.8s ;  -webkit-transition:all 0.8s ;  -o-transition:all 0.8s ;  -moz-transition:all 0.8s }
			.servicebox:hover  .servicehovercontent{ opacity:1; top:90px;  }

/*SERVICES*/
	.sgraybox{
			display:block;
			margin:50px 0;
			padding: 26px 42px;
			color:#FFF;
			font-size: 18px;
			max-width: 100%;
			box-sizing:border-box;
			font-weight:bold;
			line-height:27px;  
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4d4e+1,050505+100 */
			background: #4c4d4e; /* Old browsers */
			background: -moz-linear-gradient(-45deg, #4c4d4e 1%, #050505 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(-45deg, #4c4d4e 1%,#050505 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(135deg, #4c4d4e 1%,#050505 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4d4e', endColorstr='#050505',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.sgraybox span{ color:#ec3337;font-size:22px; font-weight:bold; }

	.plogos{ position:relative; padding:40px 0 0; }
	.plogo{ width:48.5%; float:left; border:1px solid rgba(182,182,182,1); height:150px; margin:0 2% 2% 0; }
		.plogo:nth-of-type(2n+2){ margin: 0 0 2% 0 !important;  }
		.plogo img{ max-width:80%; max-height:60%; position:relative; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); }

/*CONTACT*/
	#sending, #sent{display:none;}
	.fields input, .fields textarea{ width:80%; display:block; margin-bottom:10px; padding:5px 10px; font-size:16px; font-family: 'Raleway', sans-serif;}
	.fields textarea{ height:150px;}
	.fields label{ text-transform: uppercase; font-family: 'Raleway', sans-serif;}
	.fields input[type="submit"]{ width:90px; float:right; margin-right:20%; background:#DFDDDC; border:0; }
	
	.contact_content{ margin:70px 0; }
	.mapdiv{ width:100%; height:500px; background:black; }
	

/*MENU*/
	.main_menu{ z-index:9999; position:fixed; top:0; left:0; width:100%; box-sizing:border-box; background:rgba(255,255,255,0.7);  }
	.menubar{width: auto;float:right;bottom:0;position:relative;right:0;/* text-align:left; */height:85px;text-align: right;box-sizing:border-box;padding:0; z-index:999; }
	.submenu{ display:none; }
		.menu li{display:inline;list-style:none;padding: 0 16px;line-height:85px;position:relative;}
		.menu li:after{ opacity:0; }
		.menu li:hover:after, .current-menu-item:after{content:'';display:block;background:url(img/menuhover.jpg);width:21px;height:21px;position:absolute;top: 31px;right: 16px;opacity:1;}
		.current-menu-item:after{ opacity:1 !important; }
		.menu li a{font-weight:bold;font-size: 11pt;}

	

	.mobileonly{ display:none; }
	.smartphoneonly{ display:none; }
	.mobilemenu_button{margin-top: 20px;position: fixed;z-index:999999999;right: 15px;cursor:pointer;top:5px;display: none;}	
	.mobilemenu_button:before{content:'a';font-family:'Arrows';color:#FFF;display:block;position:absolute;right:0px;font-size:39px;top: 0px;line-height:40px;padding:0 10px;color: #ec3337;}
	.mobilemenu_button:hover:before{ color:rgb(0,40,86); }
	.mobilmenu{left: 0%;position: fixed;width: 100%;background: rgba(0,0,0,0.9);height: 100%;top: -100%;z-index: 0;box-sizing: border-box;padding: 5px 20px 50px 0px;overflow: scroll;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
	.mobilmenushow{ top:0; z-index:99999999999 }
	.mobilmenu ul{clear:both;position: relative;top: 0;text-align: left;padding: 0 0 6px;float: none;}
	.mobilmenu li{list-style: none;float: none;display: block !important;clear:both;display:block;width:100%;padding: 10px 6px;background:#ec3337;box-sizing:border-box;margin-bottom:5px;text-align: left;left: 0px;}
	.mobilmenu li ul {margin-left:30px;left: 20px;/* background: rgba(0,0,0,0.3); */}
	.mobilmenu li ul li{padding:5px;text-align: left;background: rgba(0,0,0,0.1);}
	.mobilmenu a{color: #FFF !important;display:block;clear:both;padding:10px;text-transform: uppercase;line-height:20px !important;}
	.mobilmenu li ul li a{text-transform: none;text-align: left;}
	.mobilmenuclose{ float:right; background:rgba(255,255,255,0.1); color:#FFF; font-size:40px; padding:15px 10px 5px; text-align:Center; margin-bottom:5px; cursor:pointer;}
	.mobilmenuclose span{ color:inherit; display: block; font-size:10px; padding-top:5px;}

	.mobmenu{ width:100%; box-sizing: border-box; clear:both;}
	.mobmenu span{ text-transform: uppercase; background:rgba(255,255,255,0.1); width:100%; display:block; padding:20px 30px; margin-bottom: 5px; box-sizing:border-box;}

/*POSTS*/



/*RESPONSIVE*/
	
	@media only screen and (max-width:2020px){
		.mainheader_left{ right:80%; }
	}


	@media only screen and (max-width:1720px){
		.mainheader_left{ right:85%; }
	}

	@media only screen and (max-width:1490px){
		.mainheader_left{ display:none; }
	}



	@media only screen and (max-width:1280px){
		
	}


	@media only screen and (max-width:960px){
		.mobilemenu_button{ display: block; }
		body, html{max-width:100%; position:relative; }
		.desktoponly{ display:none !important;}		
		.ninesixty{ width:100%;}
		.logo {left:15px; }

		.main_content {background: url(img/mainpagelogo-mobile2.png) no-repeat;background-size: 119%;height: 100%;width: 100%;}
		.mainheader_right {			bottom: -0;			left: unset;	right:-40%;		background-position: left bottom;			background-size:100%;		}
		.homepagecontent {font-weight:bold;    position: absolute;    bottom: -50px;    top:unset;    left: 0;    width: 420px;	padding:0 50px 0 80px; box-sizing:border-box;    font-size: 18px; }
		.servicebox {  width: 50%; }
		.footer_content{ width:95%; }
		.content_left{  }
		.defaultcontent { padding: 80px 20px; box-sizing:border-box;   max-width: unset; }
	}

	@media only screen and (max-width:767px){
	  .mobileonly{ display:block; }
	   body, html{ width:100%;}
	  .ninesixty{ width:100%;}

	  .main_content {background-size: 130%;height: 100%;width: 100%;top: -40px;z-index: 9;}
		.homepagecontent {font-weight:bold;position: absolute;bottom: -49px;top:unset;left: 0;width: 420px;padding: 0 50px 0 16px;box-sizing:border-box;font-size: 18px;}
			.homepagecontent .contactbutton{ display:none; }
		.mainheader {width: 100%;height: 542px;padding-bottom: 0;}

		.servicebox {  width: 100%; }
		.servicebox h2{		
				position:absolute;
				top:unset; bottom:0;
				width:auto;			
				padding: 20px 20px;				
				font-size:22px;
				font-weight:600;
				display:block;
				background: #ec3337; /* Old browsers */
				background: -moz-linear-gradient(-90deg, #ec3337 1%, #b82025 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-90deg, #ec3337 1%,#b82025 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(90deg, #ec3337 1%,#b82025 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3337', endColorstr='#b82025',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
			.servicebox h2:after{ content:''; width:50px; height:100px; display:block; position:absolute; right:-69px; top:-0px;
				width: 0; 
			  height: 0; 
			  border-top: 90px solid transparent;
			  border-bottom: 90px solid transparent;

			  border-left: 70px solid #b82025;
			}

		.smartphoneonly{ display: block; }
		.contactnow{background:#000;width:100%;position: relative;left: -16px;padding-left: 26px; padding-right:0; color: #FFF;line-height: 50px;height: 70px;}
			.cntitle{display:block; float:left; width:50%; line-height: 60px; text-transform:uppercase; }
			.cncontact{ display:block; float:left; width:50%; }
				.cncontact a{ display:block; width:50%; float:left; height:100%; box-sizing:border-box; padding:0 20px; height:70px;  text-align:center;
					background: #4c4d4e; /* Old browsers */
					background: -moz-linear-gradient(-45deg, #4c4d4e 1%, #050505 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(-45deg, #4c4d4e 1%,#050505 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(135deg, #4c4d4e 1%,#050505 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4d4e', endColorstr='#050505',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
				}
				.cncontact img{ padding:10px 0; max-height:38px; }

		.footer .menu{ display:none }
		.footer_left{ width:100%; text-align:center; }
		.footer_right{ width:100%; margin:0; padding:0 0px;}
		.footerquote { padding:0 20px }
		.fqright span{ display:none; }
		.headbar .ninesixty { padding:0 15px; box-sizing:border-box;    max-width: 100%;  }
		.content_left, .content_right{ width:100%; padding:0; }
	}

	@media only screen and (max-width:414px){
	
	}

	@media only screen and (max-width:360px){
	  
	}