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

*/


/* =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;	
}
html, body{ font-family: 'Roboto', sans-serif;	font-size: 16px;	line-height: 20px; }

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{ font-family: 'Roboto', sans-serif;	font-size: 16px;	line-height: 20px; }


html {  position:relative; overflow-x:hidden; }

p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
img{ max-width:100%;}
h1{ font-size:30px; line-height:30px; padding:10px 0 20px; font-weight:900; }
.ninesixty h1:after{ content:''; width:100px; height:2px; background:#add135; display:block; margin-top:10px; }
.content_left h1{ color:#2c9ad5; }
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;
	

}

a:hover, a:link, a:visited{
	color:black;
	text-decoration:none;
	transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s;
}
.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{ width:1155px; 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{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }



/*FOOTER*/
	.footer{ padding:50px 0; background:#00415a; color:#FFF; }
	.footer a{ color:#FFF !important; }
	.caf_title{ font-size:30px; font-weight:900; line-height:45px; margin-bottom:10px; }
	.footer_contact{ width:66.6%; float:left; }
	.fc_half{ width:50%; float:left; }
	.footer_social{ width:33.4%; float:left; margin-top:50px; }
	.footer_social li{ line-height:22px;}
	.footer_social img{ max-width:56px; padding-right:20px; box-sizing:content-box }
	.boldtext{ font-weight:bold; padding-right:10px;}

/*DEFAULT*/
	.header{top:0;position: fixed;top: 0;z-index: 999999999; width:100%; }
	.nav-up { top: -232px; }
	.nav-down{ top:-170px; }

	.darkblue{ color:#00415a; }
	.green{ color:#add135; }
	.lightblue{ color:#2c9ad5;}
	.whitetext{ color:#FFF !important; }

	.bluebg{ background:#00415a; }
	.greenbg{ background:#add135; }
	.lightbluebg{ background:#2c9ad5;}

	.topbar{ width:100%; height:53px; }
	.topbarbutton{ float:right;  padding:0 20px; height:53px;  }
	.topbarbutton a{ font-size:13px; font-weight:700; line-height:53px; color:#FFF; }

	.logobar{ padding:23px 0; background:#FFF;  }
	.logo{ float:left; }
	.header_phone, .header_email{ float:right; font-size:13px; font-weight:400; margin-left:40px; padding-left:40px; position:relative; margin-top:15px; line-height:15px; }
	.header_phone span, .header_email span{ font-weight:700; font-size:13px; display:block;  line-height:15px;}
	.header_phone:before{ font-family:'Glyphter'; content:'G'; position:absolute; left:0; top:8px; font-size:20pt; }
	.header_email:before{ font-family:'Glyphter'; content:'E'; position:absolute; left:0; top:8px; font-size:20pt; }
	
	.menubar{ height:65px; box-shadow: 0 0 5px 0px rgba(0,65,90,0.3); background:#FFF; }

	.pagetitle{ line-height:90px; color:#FFF; font-size:35px; font-weight:900;}

	.content_left{width:77%;float:left;box-sizing:border-box;padding-right:70px;display: block; padding-bottom: 1px;}
	.content_right{ width:23%; float:left; box-sizing:border-box; }
	
	.rhs_title{ font-size:20px; line-height:20px; padding:0px; font-weight:900; position:relative; display:block;}
	.ninesixty .rhs_title:after{ content:''; width:100px; height:2px; background:#add135; display:block; margin-top:10px; margin-bottom:20px; }
	.servicesmenubox{ background:#f5f5f5; padding:20px 0; } 
	.servicesmenubox li, .servicesmenubox li a{ display:block; clear:both; line-height:35px !important; padding:0 !important;  }

	.howcanwehelp{ padding:25px 30px 30px; color:#FFF; font-size:14px; }
	.hch_title{ font-size:20px; font-weight:900; padding-bottom:20px;}
	.hch_phone{ display:block; color:#add135;  font-size:20px; font-weight:700;  position:relative; padding-left:50px; margin-top:20px;}
	.hch_phone:before{  font-family:'Glyphter'; content:'G'; position:absolute; left:0; top:2px; font-size:25pt; font-weight:normal; }

	
/*HOME*/
	.header_slider{ height:555px; position:relative; width:100%; background:#FFF; margin-top:230px; }
	.header_image{height:375px; position:relative; width:100%; background:#FFF; margin-top:230px;  background-size:cover !important; background-position:50% !important; overflow:hidden; }
	.hs_image{ height:555px; width:100%; max-width:1965px; background-size:cover !important; background-position:50% !important; position:relative; margin:0 auto;  background:rgb(0,65,90); }
	.hs_title{width:100%; max-width:740px;  height:100%; position:absolute; top:0; z-index:1; display:table; left:50%; margin-left:-570px; }
	.hs_title h1{ display:table-cell; height:100%; vertical-align:middle; color:#FFF; font-size:42px; line-height:50px; }

	.minilogo{position: absolute;left:-70px;overflow:hidden;width:50px;height: 65px; }
	.minilogo:after{  font-family:'Glyphter';content: 'H'; color:#339AD5;font-size:50px; line-height:100%; top:108px; position:absolute; transition:all 0.8s ;  -webkit-transition:all 0.8s ;  -o-transition:all 0.8s ;  -moz-transition:all 0.8s  }
	.nav-down .minilogo:after{ top:8px !important; }
	.logohover{position:absolute;z-index:9999;top: -20px;right: 50px;width: auto;height: 100%; }
	.logohover:after{ font-family:'Glyphter';content: 'H'; color:#FFF;font-size:600px; line-height:100%; opacity:0.7}
	.header_image .logohover{ right:100px; top:-70px; }
	.header_image .logohover:after{ font-size:500px;  }
	.fade_left{		width:300px;		background:black;		height:100%;		position:absolute;		top:0;		left:50%;		margin-left: -990px; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00415a+0,00415a+100&1+0,1+81,1+81,0+100 */
			background: -moz-linear-gradient(left,  rgba(0,65,90,1) 0%, rgba(0,65,90,1) 11%, rgba(0,65,90,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left,  rgba(0,65,90,1) 0%,rgba(0,65,90,1) 11%,rgba(0,65,90,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right,  rgba(0,65,90,1) 0%,rgba(0,65,90,1) 11%,rgba(0,65,90,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00415a', endColorstr='#0000415a',GradientType=1 ); /* IE6-9 */
	}

	.fade_right{	width:300px;height:100%;	position:absolute;	top:0;	right: 50%;	margin-right: -990px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00415a+0,00415a+100&0+0,1+50,1+85,1+85,1+100 */
			background: -moz-linear-gradient(left,  rgba(0,65,90,0) 0%, rgba(0,65,90,1) 85%, rgba(0,65,90,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left,  rgba(0,65,90,0) 0%,rgba(0,65,90,1) 85%,rgba(0,65,90,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right,  rgba(0,65,90,0) 0%,rgba(0,65,90,1) 85%,rgba(0,65,90,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000415a', endColorstr='#00415a',GradientType=1 ); /* IE6-9 */
	}

	.homecontent{ padding:90px 0; background:#f5f6f6; }
	a.mainpage_seeall{ position:absolute; display:block; right:0; padding:0 15px; line-height:45px; font-size:15px; text-transform:uppercase; color:#FFF; font-weight:700; }
	.homeintro{ max-width:960px; font-size:14px; line-height:17px; padding-bottom:20px;}
	.mainpage_service{ width:31.66667%; float:left; background:#FFF; margin-right:2.5%; position:relative; }
	.mainpage_service:hover{ box-shadow:0 -5px 15px 0px rgba(0,0,0,0.3); }
	.mainpage_service:nth-of-type(3){ margin-right:0; }
	.mps_bgimage{ width:100%; height:180px; background-position:50% !important; background-size:cover !important; }
	.mps_title{ padding:30px 30px 0 30px; font-size:20px; line-height:30px; font-weight:600; }
	.mps_intro{ padding:0 30px;  }
	a.mps_button{ position:absolute; bottom:-45px; right:0; line-height:45px; color:#ADD135; display:block; padding:0 30px 0 70px; text-transform:uppercase; font-size:15px;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s; }
	.mps_button:after{ content:'+'; position:absolute; left:0; line-height:45px; width:45px; text-align:center; background:rgba(0,0,0,0.3); }
	a.mps_button:hover{ background:#339ad5;}

	/*HOME - WHY CHOOSE US*/
	.whychooseus{ padding:90px 0;}
	.facts_wrapper{ width:47.5%; float:left; display:block; margin-right:5%; }

	.testimonials_wrapper{ width:47.5%; float:left; display:block; }
	.wcuintro{ font-size:14px; line-height:17px; margin-bottom:20px; }
	.facts{width:50%;float:left;display:block;box-sizing:border-box;padding-right:30px;font-size:14px;line-height:17px;margin-bottom: 20px;}
	.facts:nth-of-type(odd){ padding-right:0; }
	.fct_icon{width:75px;height:75px;background-color: #FFF;float:left;display:table;background-size:contain !important;text-align:center;border-radius: 10px;}
	.fct_icon span{ display:table-cell; vertical-align:middle; width:100%; height:100%; }
	.fct_intro{width:calc(100% - 75px);box-sizing:border-box;padding-left:20px;display:table;position:relative;float:left;height: 75px;overflow: hidden;}
	.fct_intro span{font-size: 13px;line-height: 17px !important;display:table-cell;vertical-align:middle;}
	
	.testimonials_wrapper{height:260px; background:#FFF;position: relative;}
	.tthings{overflow:hidden;position:relative;height: 260px;}
	.tthings:after{
    content:'"';
    position:absolute;
    z-index:10000;
    position:absolute;
    top: 0px;
    left:30px;
    font-size:170px;
    line-height:0px;
    color:#f2f2f2;
    font-weight:900;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    }
	.tthing{ height:260px; position:relative; overflow:hidden; width:100%; padding-top:80px;  }
	.tt_text{padding:0px 36px;margin-top: 0px;height: 119px;overflow-x:auto;}
	.tt_name{ background:#023544; line-height:45px; height:45px; position:absolute; bottom:0; width:100%; box-sizing:border-box; padding:0 30px; color:#FFF; font-style:italic;  }
	.hidephoto{ opacity:0 !important; }
	.tt_photo{width:147px;height:137px;background:#444;border-radius:10px;position:absolute;right:30px;top: -70px;background-position:50% !important;background-size:cover !important;z-index:999;}
	.tt_name span{ font-weight:bold; padding-right:10px;}
	.nextbutton{ position:absolute; height:auto;  right:0; bottom:-41px; background:#ADD135; padding:0 10px; line-height:40px; cursor:pointer;}
	.nextbutton:hover{ background:#2c9ad5; }
	
	/*HOME - ABOUT*/
	.homeabout{ padding:90px 0; }
	.ha_left{ width:50%; float:left; box-sizing:border-box; padding-right:30px; }
	.ha_left h3{ font-size:25px; line-height:27px; font-weight:600; padding:10px 0 30px 0; }
	.ha_right{ width:50%; float:left; box-sizing:border-box; padding-left:30px; }

	/*HOME - PARTNERS*/
	.software_partners{  background:#f5f5f5; padding:20px 0 15px; }
	.opsp_title{ float:left; display:block; color:#ADD135; text-transform:uppercase; font-weight:900; font-size:15px; line-height:16px; width:200px; padding:45px 0; }
	.partner_logos{ float:left;  }

/*SERVICES*/
	.services_firsttable{ width:100%; }
	.services_firsttable td{ border:1px solid #b0b0b0; padding:10px; vertical-align:middle;}
	.services_firsttable tr:first-of-type td:first-of-type{ border:0;}
	.services_firsttable tr:first-of-type td:nth-of-type(2){ background:#3499d5; color:#FFF; line-height:40px; font-size:18px; }
	.services_firsttable tr:nth-of-type(2) td:nth-of-type(1), .services_firsttable tr:nth-of-type(2) td:nth-of-type(2), .services_firsttable tr:nth-of-type(2) td:nth-of-type(3){ background:#9dc4e8; }
	.services_firsttable tr:nth-of-type(2) td:nth-of-type(4), .services_firsttable tr:nth-of-type(2) td:nth-of-type(5){ background:#dedede; }

	.services_firsttable tr:nth-of-type(even) td, .services_secondtable tr:nth-of-type(even) td{ background:#f5f5f5; }

	.services_secondtable{ width:100%; }
	.services_secondtable td{ border:1px solid #b0b0b0; padding:15px; vertical-align:middle; }
	.services_secondtable tr:first-of-type td{  background:#3499d5; color:#FFF; text-transform:uppercase; }

/*our_people*/	
	.optitle{ font-weight:bold; margin-bottom:50px; display:block; position:relative; }
	.our_people{ width:18%; margin-right:2%; float:left; margin-bottom:4%; background:#f7f8f8;}
	.our_people:nth-of-type(5n+5){ margin-right:0;   }
	.op_photo_holder{ background-color:#DDD; height:180px; width:100%; position:relative; }
	.op_photo_holder:before{ background:url('img/people_shadow.png'); content:''; position:absolute; top:0; width:100%; height:100%; display:block;  background-size:90%; background-repeat:no-repeat; background-position:50% bottom; z-index:0;}
	.op_photo{ height:180px; width:100%; background-position:50% !important; background-size:cover !important; z-index:111; position:absolute;}
		.op_photo_casual{ height:180px; width:100%; background-position:50% !important; background-size:cover !important; z-index:111; position:absolute; opacity:0; }
	.op_photo_holder:hover .op_photo{ opacity:0; }
	.op_photo_holder:hover .op_photo_casual{ opacity:1; }
	.op_name{ background:#d0d6d9; width:100%; display:block; padding:5px 10px; font-size:14px; font-weight:900; color:#00415a;}
	.op_title{  padding:10px 10px; font-size:12px; line-height:16px;color:#00415a;  }

/*CONTACT*/
	#sending, #sent{display:none;}
	.halffield{ width:49.5%; float:left; margin-right:1%; }
	.halffield:nth-of-type(even){ margin-right:0; }
	.fields input, .fields textarea{ width:100%; display:block; margin-bottom:10px; padding:5px 10px; font-size:15px; background:#f5f5f5; border:0; color:#3499d5; line-height:30px; }
	.fields textarea{ height:150px;}
	.homeabout .fields label{ display:none; }
	.fields label{text-transform: uppercase;/* display:none; */ margin-top:10px; display:block;color:#00415a}
	.fields input[type="submit"]{ width:90px; float:right; margin-right:0%; background:#2c9ad5; border:0; color:#FFF; margin-top:-45px; text-transform:uppercase; }
	    .ha_right .fields input[type="submit"]{ margin-top:0; }  
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color:#3499d5; text-transform:uppercase; 
	}
	::-moz-placeholder { /* Firefox 19+ */
	 color:#3499d5; text-transform:uppercase; 
	}
	:-ms-input-placeholder { /* IE 10+ */
	  color:#3499d5; text-transform:uppercase; 
	}
	:-moz-placeholder { /* Firefox 18- */
	  color:#3499d5; text-transform:uppercase; 
	}
	.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 ul{margin-left:0; }
	.{width: 100%;float:left;bottom:0;position:relative;right:0;text-align:left; height:65px; box-sizing:border-box; padding:0 0px; }
	.submenu{ display:none; }
	

	.page_item	{		list-style: none;		padding: 0;		margin: 0;	float:left; position:relative; position:relative;}
	.page_item a:first-of-type{ line-height:65px; color:#182b53;}
	.page_item > li	{		position: relative;		float: right;		height: 40px;		width: auto;		background: transparent;		display:block;		padding:0 10px 20px 0px; 	}
	/*.current-menu-item, .current_page_parent {background: #be001a !important;}*/
	.page_item a {	padding: 0 23px 0 0;	display: block;	font-weight:600; font-size:16px;  }
	.menu_item_has_children:hover .first_level_submenu{visibility:visible; opacity:1; height:auto; }
	.first_level_submenu{ width:auto;position:absolute;top:65px;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; }
	.first_level_submenu li{ position:relative; left:-50%;display:block; top:auto; background:#00415A; margin-left:-30px; }
	.first_level_submenu li:first-child{border-top:10px solid #00415A}
	.first_level_submenu li:last-child, .first_level_submenu li:last-child(1), .first_level_submenu li:last-child(2){ border-bottom:10px solid #00415A;  }
	.first_level_submenu a{ font-size:13px; color:#FFF !important; line-height:30px !important;  white-space:nowrap; text-transform:none; 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 ;  }
	.first_level_submenu li:hover a, .current-submenu-item a{background: #ADD135;display:block;}
	.parent_of_current_page a.flevel{ color:#3499d5; }

	.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:#FFF; 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; }
	.first_level_submenu .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{ color:#FFF; 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:#ADD135 !important; display:block; color:#FFF !important; }
	.first_level_menu .menu_item:first-child .first_level_submenu .second_level_submenu, .first_level_menu .menu_item:nth-of-type(2) .first_level_submenu .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:5px; position:absolute; z-index:999999999; right:50px; cursor:pointer; top:5px; width:50px;}
	.mobilemenu_button img{ width:100%; }	
	
	.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){
	  
	}