/*
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: 'Ubuntu', sans-serif;	font-size: 16px;	line-height: 20px;
}



html {  position:relative; overflow-x:hidden; }
html { height: 100%; width:100%; }
body {height: 100%; width:100%; }

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}

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;}

#savetarget{ padding: 0; margin: 0; border: 0; display: block; width: 0; height: 0; }

.ninesixty{ width:960px; 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;}
.cl110{height:110px;}
.cl120{height:120px;}
.cl130{height:130px;}
.cl140{height:140px;}
.smartphoneonly{ display: none; }

div, input, span{ 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;
}


/* LANDING */
	.fullbg{ width:100%; height:100%; background:url("img/background.jpg") no-repeat; background-size:cover; background-position:50% 50px;  }
	.triangles{ position:fixed; width:100%; height:100%; overflow-x:hidden; top:-150px; }
	.bluetriangle, .orangetriangle, .whitetriangle{ position:absolute; }
	
	.orangetriangle{ top:-50px; left:-900px; z-index:10;}
	.whitetriangle{  top:81px; }
	.bluetriangle{ top:0; left:-100px; }
	
	.bluetriangle svg g{ fill:rgba(0,47,81,0.7); }
	.orangetriangle svg g{ fill:rgba(241,117,37,1); }
	.whitetriangle svg g{ fill:rgba(255,255,255,1); }

	.landinglogo{ position:fixed; left:50%; top:180px; margin-left:-600px;}
	.facebook{ position:fixed; left:50%; top:50px; }

	.services{ font-family:'Lato', sans-serif; width:960px; position:absolute; bottom:80px; left:50%; margin-left:-480px; background:rgba(0,47,81,0.7); text-align:center; max-width:90%; }
	.services .service{font-family: 'Lato', sans-serif;display: inline-block;color:#FFF;line-height:80px;text-transform:uppercase;font-weight:900;padding: 0 30px 0 10px;position:relative;font-size:20px;}
	.service:after{ content:'/'; position:absolute; right:-0px; color:#F17525; font-weight:900; font-size:24px; font-family:verdana; }

	.new_website{ position:absolute; top:500px; left:50%; width:600px; margin-left:-600px; }
	.new_website h1{ font-size:51pt; text-transform:uppercase; color:#002e51; font-weight:900; line-height:50pt; padding-bottom:10px;}
	.new_website h2{ font-size:21pt; color:#002e51; font-weight:900; line-height:25pt; }
	
	@media only screen and (max-width:1600px) {
		.orangetriangle{ top:-100px; left:-900px; z-index:10;}
		.whitetriangle{  top:31px; }
		.bluetriangle{ top:-50px; left:-700px; }
		.facebook{ top:20px; }
		.logo{/* left:50%; *//* top:130px; *//* margin-left:-600px; *//* width:400px; */}
		.new_website{ top:350px; }
		.new_website h1{ font-size:40pt; line-height:40pt;}
		.new_website h2{ font-size:25pt; line-height:30pt;}
		.fullbg{ background-position:50% 0px;  }
	}

	@media only screen and (max-width:1220px){
		.orangetriangle{ top:-150px; left:-1200px; z-index:10;}
		.whitetriangle{  top:5px; }
		.bluetriangle{ top:-100px; left:-700px; }
		.facebook{ top:10px; }
		.logo{ left:50px;; top:100px; margin-left:-0; width:300px;}
		.new_website{ top:350px; left:50px; margin-left:0;}
		.services{ width:100%; margin:0; left:0; max-width:unset; }
		.services .service{ font-size:14px; }
		.new_website h1{ font-size:40pt; line-height:40pt; }
		.new_website h2{ font-size:18pt; line-height:25pt;}
	}




/*FOOTER*/
	.footer{background-color:#012C4D;position:relative;}
	.footer:after{content:'';width:100%;height:444px;position:absolute;bottom:-10px;right: 11%;z-index: 100;background:url(img/footer_triangle.png);background-repeat: no-repeat;background-size: cover;background-position: bottom right;opacity: 0.5;}
		
		.footer .ninesixty:after{content:'';position:absolute;top:0;right: 390px;width: 3000px;height:100%;z-index: 100;background:url("img/footerbg.png") no-repeat;background-size: cover;background-position: top right;opacity: 0.1;padding-right: 500px;box-sizing: border-box;}
		.footer_navigation{width:300px;display:block;padding: 90px 0;float: left; z-index:99999; position:relative;}
		.footer_navigation .menu-item{ display:block;   }
		.footer_navigation .menu-item a {
			text-transform: lowercase;
			color:#FFF !important;
			padding: 0 8px 0 15px;
			display: block;
			font-weight: 600;
			font-size: 23px;
			line-height: 45px !important;
		}
		.footer_navigation .menu-item:hover:after, .footer_navigation  .current_page_item:after,.footer_navigation  .parent_of_current_page:after, .footer_navigation .current_page_parent:after, .footer_navigation .current-menu-item:after {
   			display:none; }
   		.footer_navigation li:before{  width:15px; height:5px; background:#f27525; display:block; content:''; position:absolute; top:20px; left:-20px; }
		
		.footer_getintouch{float:right;background:#0189C8;color:#FFF;position:relative;right:0;top: 0; min-height:100%;padding: 100px 0 0 272px;box-sizing: border-box; }
			.footer_getintouch:before{ height:40px; width:100%; content:''; background:#0189C8; position:absolute; top:-40px; left:0; }
			.footer_getintouch:after{ content:''; width:20000px; height:100%; position:absolute; right:-20000px; top:-40px; background:#0189C8; padding-bottom:40px;  }

			.footer_getintouch .title{font-size:31px; line-height:30px; z-index:9999; position:relative; }
			.footer_phone{ font-size:39px; font-weight:lighter; padding-bottom:20px;  z-index:9999; position:relative; }
			.footer_email a, .footer_email{ font-size:19px; font-weight:lighter;  z-index:9999; position:relative;  }
			.footer_email{ padding-bottom:70px;}
			.masterbuilders{ margin-bottom:50px;  z-index:9999; position:relative;  }

			.trapezoid_border_left{position:absolute;height:100%;top:-40px;padding-bottom:40px;left:0;width:172px;background:url('img/fleft.png');background-size:cover;z-index: 99;}
			
			.fg_gradient{ position:absolute; z-index:8; width:3000px; height:100%; left:0; bottom:0; 

					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0189c8+0,23557b+98&0+1,1+100 */
				background: -moz-linear-gradient(top, rgba(1,137,200,0) 0%, rgba(1,136,199,0) 1%, rgba(35,85,123,0.98) 98%, rgba(35,85,123,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, rgba(1,137,200,0) 0%,rgba(1,136,199,0) 1%,rgba(35,85,123,0.98) 98%,rgba(35,85,123,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, rgba(1,137,200,0) 0%,rgba(1,136,199,0) 1%,rgba(35,85,123,0.98) 98%,rgba(35,85,123,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000189c8', endColorstr='#23557b',GradientType=0 ); /* IE6-9 */
			  }
		
	.footerbc{background:#033051;color:#FFF;text-align:center;padding:20px 0;position: relative;z-index: 99999999;}
	.footerbc a{ color:#FFF;}

/*DEFAULT*/
	.header{top:0;position: fixed;top: 0;z-index: 999999999;width: 100%;background: #FFF;height: 67px;}
	.header_image{height:588px;position:relative;display:block;background-size: cover !important;background-position: 50% !important;}
		.headercontent{ height:67px; width:1625px; position:relative; margin:0 auto; }
			.logo{background:#012C4D;position:absolute;padding: 97px 63px  56px  63px;top:0;text-align: center;}
				.logo img{ width:270px;}
	.nav-up, .nav-down { box-shadow:0 0 20px 0 rgba(0,0,0,0.5);  }
	.nav-up .logo, .nav-down .logo{margin-top:-70px;padding: 90px 63px 20px;}
		.nav-up .logo img, .nav-down .logo img{  }
	.header_slider{height:710px;position:relative;margin-top: 67px;}
		.header_overlayer{ position:absolute; bottom:0; left:0; width:100%; height:340px; background:url("img/homeslider_toplayer.png"); z-index:1000; background-size:cover; background-position:50%; }
		.hs_image{ height:710px; background-size:cover !important; background-position:50% !important;}
		.flexslider .slides > li {    position: relative;    width: 100%;    height: 710px;   
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeff3+13,60a8d8+49,03498e+98 */
				background: rgb(234,239,243); /* Old browsers */
				background: -moz-linear-gradient(45deg, rgba(234,239,243,1) 13%, rgba(96,168,216,1) 49%, rgba(3,73,142,1) 98%); /* FF3.6-15 */
				background: -webkit-linear-gradient(45deg, rgba(234,239,243,1) 13%,rgba(96,168,216,1) 49%,rgba(3,73,142,1) 98%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(45deg, rgba(234,239,243,1) 13%,rgba(96,168,216,1) 49%,rgba(3,73,142,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeff3', endColorstr='#03498e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		 }
		 	.slides li:before{
		 			animation-timing-function:linear;
					content:"";
					width:100%;
					height:100%;
					position:absolute;
					background:url("img/clouds.png") no-repeat;
					background-size:contain;
					background-position:top left;
					top:0px;
					right:0;
					z-index:0;
					-webkit-animation: clouds 60s linear infinite;
					-moz-animation:    clouds 60s linear infinite;
					-o-animation:      clouds 60s linear infinite;
					animation: clouds 60s linear infinite;
				}
		 	.slides li:after{ 
					animation-timing-function:linear;
		 			content:""; width:100%; height:100%; position:absolute; background:url("img/clouds.png") no-repeat; background-size:contain; 
		 					background-position:top left; top:-200px; right:-100%;z-index:0; 

							-webkit-animation: clouds2 60s linear infinite; 
						  -moz-animation:    clouds2 60s linear  infinite; 
						  -o-animation:      clouds2 60s linear infinite; 
						  animation:         clouds2 60s linear infinite; 
						 
		 	}	
				

			@-webkit-keyframes clouds {
							  0%   { left: 0%; }						 						 
						  100% { left: -100%; }
				}
				@-moz-keyframes clouds {
							 0%   { left: 0%; }						 						 
						  100% { left: -100%; }
				}
				@-o-keyframes clouds {
						  0%   { left: 0%; }						 						 
						  100% { left: -100%; }
				}
				@keyframes clouds {
						  0%   { left: 0%; }						 						 
						  100% { left: -100%; }
				}

			@-webkit-keyframes clouds2 {
							   0%   { right: -100%; }						 						 
						  	100% { right:0%;}
				}
				@-moz-keyframes clouds2 {
							   0%   { right: -100%; }						 						 
						  	100% { right:0%;}
				}
				@-o-keyframes clouds2 {
						     0%   { right: -100%; }						 						 
						  	100% { right:0%;}
				}
				@keyframes clouds2 {
						   0%   { right: -100%; }						 						 
						  	100% { right:0%;}
				}

		
		 		
		 	.slides .hs_image{ z-index:11; position:relative; }
		.slider_title{ position:absolute; top:50%; transform:translateY(-50%); left:50%; margin-left:-500px; }
			.slider_title h1{ color:#FFF; font-size:50px; line-height:50px;}
			.slider_title h2{ color:#FFF; font-size:30px; line-height:30px;}
	
	.header_facebook{display:block;float:right;width: 30px;}
		.facebook_icon{ display:block; width:30px; height:30px; background:#f27525; position:relative; top:17px; border-radius:50%; cursor:pointer; }
		.facebook_icon:hover{ background: #23282d; }
			.facebook_icon:after{ content:"A"; font-family:"Glyphter"; text-align:center; width:100%; position:relative; display:block; color:#FFF; line-height:30px;}

/*HOME*/
	.home_content{ padding:200px 0;  }
		.home_content .ninesixty{  max-width:790px; }
		.home_content .home_title{ width:325px; float:left; }
			.home_title .title{ position:relative; top:50%; transform:translateY(-50%); }
		.home_content .content{float:left;width: auto;display: block;position: relative;max-width: 465px; font-size:18px; line-height:25px; box-sizing:border-box; padding-left:90px; color:#737373; }
		.title{ font-size:46px; line-height:37px;; font-weight:bold; }
			.title:after{ content:""; height:8px; width:80px; background:#f27525; display:block; margin-top:20px; margin-bottom:40px; }
			h1.boldcontent{ font-size:18.6px; font-weight:600; line-height:25px; padding-bottom:20px; }
			
	.he_img1{ width:23.7%; margin-right:0.7%; background-size:cover !important; background-position:top right !important;  float:left; box-sizing:border-box; }
	.he_img2{ width:50%; margin-right:0.7%; background-size:cover !important; background-position:top right !important;  float:left; box-sizing:border-box;  }
	.he_exp{width:24.9%;float:left;box-sizing:border-box;padding: 0 129px;background:#0189C8;color:#FFF;}
		.hexp_title{font-size:40px;font-weight:600;line-height: 28px;}
			.hexp_title:after{content:"";height: 8px;width: 50px;background:#f27525;display:block;margin-top:20px;margin-bottom: 20px;}
		.hexp_content{ font-size:16.6px; line-height:25px; }
		a.hexp_button{  background:#f27525; color:#FFF; padding:13px 21px; font-size:12px; font-weight:600; top:20px; position:relative; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s;}

	.header_buttons{position: absolute;margin:0 auto;display:block;width: auto;left: 50%;margin-left: -272px;bottom: -48px;z-index: 9999;}
	.header_button{ width:262px; height:93px; line-height:93px; background:#f27525; display:block; float:left; margin:0 10px; color:#FFF;  text-align:center; box-shadow:0 0 15px 0 rgba(0,0,0,0.5); }
		.header_button:hover, .button:hover{background:#012c4d;  box-shadow:2px 2px 30px 2px rgba(0,0,0,0.3); }
		a.header_button{ color:#FFF; font-size:23px; font-weight:600; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s   }
		.getintouch{ background:#0189C8; }

	.specialsits{ padding:160px 0; background:#F2F2F2; }
		.si_title{ font-size:40.8px; font-weight:bold; text-align:center; line-height:40px; padding-bottom:40px; color:#8c8c8c; }
		.si_button{ background:#FFF; width:165px; height:165px; display:block; float:left; border-radius:50%; margin:0 5px; text-align:center;  position:relative; overflow:hidden;}
			.si_button:hover{ background:rgba(100, 100, 100, 0.8); transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s; color:#FFF; }
				.si_button:hover p{ color:#FFF; }
				.si_button:hover img{  
						-webkit-animation: truckmove 3s infinite; /* Safari 4+ */
						  -moz-animation:    truckmove 3s infinite; /* Fx 5+ */
						  -o-animation:      truckmove 3s infinite; /* Opera 12+ */
						  animation:         truckmove 3s infinite; /* IE 10+, Fx 29+ */
				}
						@-webkit-keyframes truckmove {
							 0%   { left: 50%; }
						  	10% { left:54%; }
							50% { left: -48%; bottom:0; opacity:1; }
							51%{ bottom:-200px; }
							52%{ left:130%; bottom:0; }
							 
						  	100% { left: 50%; }
						}
						@-moz-keyframes truckmove {
							 0%   { left: 50%; }
						 	 10% { left:54%; }
							50% { left: -48%; bottom:0; opacity:1; }
							51%{ bottom:-200px; }
							52%{ left:130%; bottom:0; }
							 
						  	100% { left: 50%; }
						}
						@-o-keyframes truckmove {
						  0%   { left: 50%; }
						 	 10% { left:54%; }
							50% { left: -48%; bottom:0; opacity:1; }
							51%{ bottom:-200px; }
							52%{ left:130%; bottom:0; }
							 
						  	100% { left: 50%; }
						}
						@keyframes truckmove {
						  0%   { left: 50%; }
						 	 10% { left:54%; }
							50% { left: -48%; bottom:0; opacity:1; }
							51%{ bottom:-200px; }
							52%{ left:130%; bottom:0; }
							 
						  	100% { left: 50%; }
						}

			.si_button .si_img{ height:97px; display:block; position:relative; }
				.si_img img{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s; }
			.si_button .si_btit{ display:block;text-align:center; padding:0 25px; position:relative;   color:#404040; height:58px;}
				.si_btit p{ position:relative; top:50%; transform:translateY(-50%);  font-size:17px; line-height:15px; font-weight:bold;  }
/*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: 67px;box-sizing:border-box;padding: 0 30px 0 0;}
	.submenu{ display:none; }
	

	.menu-item	{list-style: none;padding: 0;margin: 0;display: inline-block;/* position:relative; */position:relative;}
	.menu-item:hover:after, .current_page_item:after, .parent_of_current_page:after, .current_page_parent:after, .current-menu-item:after {content:'';width:100%;height: 8px;background: #f17626;position:absolute;bottom: -8px;left:5px;}
	.menu-item a:first-of-type{line-height: 67px;color: #808080;}
	.page_item > li	{		position: relative;		float: right;		height: 40px;		width: auto;		background: transparent;		display:block;		padding:100px 10px 20px 0px; 	}
	/*.current-menu-item, .current_page_parent {background: #be001a !important;}*/
	.menu-item a {text-transform:uppercase;padding: 0 8px 0 15px;display: block;font-weight: 600;font-size: 15px;}
	.menu-item:hover .sub-menu{visibility:visible; opacity:1; height:auto; }
	.sub-menu{ width:auto;position:absolute;top:67px; left: 50%;list-style: none;margin-top:-10px;clear:both;text-align:left;box-sizing:border-box;padding:10px 0px;width: auto; display:block; visibility:hidden; opacity:0; transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s ; height:0; }
	.sub-menu li{position:relative;left:-50%;display:block;top:auto;background: #f27525c7;margin-left:-30px;}
		.menu-item .sub-menu li:first-of-type{ padding:20px 0 0 0; }
	.menu-item .sub-menu li:last-of-type{ padding:0 0 20px 0; }
	.menu-item .sub-menu a{color:#FFF;font-weight:normal;line-height:30px !important;white-space:nowrap;text-transform:none;padding:0 20px;font-size: 12px;text-align:center;transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;}
	.sub-menu li:hover a, .current-submenu-item a{ background:#f27525; display:block; }
	.menu-item .sub-menu .menu-item:after{ display:none; }

	.submenu_item_has_children{ position:relative; }
	.submenu_item_has_children:after{content:'A';font-family:'Arrows';-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);position:absolute;right:10px;color: #264348;z-index: 999;top: 4px;}
	.submenu_item_has_children:hover .second_level_submenu{visibility:visible; opacity:1; height:auto;  }
	.submenu_item_has_children:hover .second_level_submenu{visibility:visible; opacity:1; height:auto;  }
	.second_level_submenu{ width:auto;position:absolute;top:0;left: 100%; z-index:10; list-style: none;margin-top:-10px;clear:both;text-align:left;box-sizing:border-box;padding:10px 0px;width: auto; display:block; visibility:hidden; opacity:0; transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s ; height:0; }
	.sub-menu .second_level_submenu li{ position:relative; left:0%;display:block; top:auto; background:rgba(255,255,255,0.4) !important; margin-left:-20px; }
	.second_level_submenu li:first-child, .second_level_submenu li:last-child{ border:0; }
	.second_level_submenu a{ line-height:30px !important; white-space:nowrap; text-transform:none; background:rgba(255,255,255,0.4) !important; padding:0 20px; text-align:center;transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s ;  }
	.second_level_submenu a:hover, .current-submenu-item a{ background:#fff !important; display:block; }
	.first_level_menu .menu_item:first-child .sub-menu .second_level_submenu, .first_level_menu .menu_item:nth-of-type(2) .sub-menu .second_level_submenu, .first_level_menu .menu_item:nth-of-type(3) .first_level_submenu .second_level_submenu{ left:unset; right:100%;}


	.mobileonly{ display:none; }
	.smartphoneonly{ display:none; }
	.mobilemenu_button{ margin-top:25px; position:absolute; z-index:999999999; right:50px; cursor:pointer; top:5px; }	
	.mobilemenu_button:before{ content:'a'; font-family:'Arrows'; color:#FFF; display:block; position:absolute;right:0px; font-size:39px; top:5px; line-height:40px; padding:0 10px;  color:rgb(0,194,223); }
	.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:rgb(0,194,223);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:1920px){
		
	}

	@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%;}

	}

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

	}

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

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