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

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: 'Open Sans', 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-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:33px;
	line-height:45px;
	margin-bottom:20px;
}
.content h2{font-family: 'Open Sans', sans-serif;	font-weight: 300;	font-size:20px;	line-height:22px;	margin-bottom:20px;   }
.whatshappening_box h1{ width:60%; }

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 3em}
img.alignleft {float:left; margin:0 3em 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;}

.ninesixty{width:1172px;position:relative;margin:0 auto;}
#interactive-map  .content.in img:first-child{ position:absolute; top: 0;}
#crumbs{ display:inline; }
.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, ul, li{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
.mapdiv, .mapdiv div{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }

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

/*FOOTER*/
	.stay_informed{border-top:1px solid #DDD; padding-top:20px; margin-top:50px;}
	.si_half{ float:left; width:50%; font-size:14px; font-weight:300; padding-right:20px; box-sizing:border-box; position:relative; margin-bottom:40px; }
	.si_half:nth-of-type(2n+2){ padding-right:0;}
	.si_title{ font-size:20px; line-height:24px; padding-bottom:10px; }
	.si_half input[type="email"]{ width:76%;  margin-top:38px; margin-right:2%; border-radius:5px; border:1px solid #bbb; padding:8px 10px; font-weight:300; font-family: 'Open Sans', sans-serif;	font-size: 14px;  }
	.si_half input[type="submit"]{  background:#1D94B6; border-radius:5px; border:1px solid #bbb; padding:10px 10px; width:22%; color:#FFF; font-size:12px; }

	.footer{ background:#F5F3F1; padding:40px 0; }

	.f_address, .f_menu, .f_connect{ float:left; padding-right:20px; font-size:13px; font-weight:300  }

	.f_address a, .f_menu a, .f_connect a, .f_address label{  font-size:13px; font-weight:300 }
	.f_title{ padding-bottom:10px; font-size:16px; font-weight:400; }
	.f_menu li, .f_menu ul{ list-style:none; padding:0; margin:0; }

	.Facebook{ width:30px; height:30px; background:#355E9F; display:block;  text-align:center; float:left; margin-right:10px; border-radius:5px;}
	.Facebook:after{ content:'A'; color:#FFF; font-family:'Glyphter';  line-height:30px; width:30px;}

	.Twitter{ width:30px; height:30px; background:#29A9E0; display:block;  text-align:center; float:left; margin-right:2px;margin-right:10px; border-radius:5px; }
	.Twitter:after{ content:'B'; color:#FFF; font-family:'Glyphter';  line-height:30px; width:30px;}

	.Flickr{ width:30px; height:30px; background:#EC328E; display:block;  text-align:center; float:left; margin-right:2px; margin-right:10px; border-radius:5px;}
	.Flickr:after{ content:'F'; color:#FFF; font-family:'Glyphter';  line-height:30px; width:30px;}

	.Youtube{ width:30px; height:30px; background:#E6282B; display:block;  text-align:center; float:left; margin-right:2px; margin-right:10px; border-radius:5px;}
	.Youtube:after{ content:'D'; color:#FFF; font-family:'Glyphter';  line-height:30px; width:30px; font-size:21px;}

	.Tripadvisor{ width:30px; height:30px; background:#378D46; display:block;  text-align:center; float:left; margin-right:2px; margin-right:10px; border-radius:5px;}
	.Tripadvisor:after{ content:'G'; color:#FFF; font-family:'Glyphter';  line-height:30px; width:30px;}
	

/*DEFAULT*/
	.header{top:0;position: fixed;top: 0;z-index: 999;}
	.nav-up { top: -115px; }
	.nav-up .logo{ margin-top: -215px;}
	.header_slider{height: 765px;max-width:1550px;position:relative;margin:0 auto;top: 44px;}
		.hs_image{ height:765px; background-size:cover !important; background-position:50% !important;}
		.flexslider .slides > li {position: absolute !important;width: 100%;height: 765px;background: transparent;}
		.fs_title {  position:absolute; top:250px; left:180px; color:#FFF; font-weight:400;      text-shadow: 2px 2px 4px rgba(0,0,0,0.7); font-size: 45px;    margin: 0;   line-height: 45px; margin:0; padding:0; }
		.fs_title span {position:relative;top:30px; color:#FFF;margin-top:40px;display: block; text-transform:uppercase; margin:0; padding:0;  text-shadow: 2px 2px 4px rgba(0,0,0,0.7); }
	.hanmer_top_logo{width:270px;height:175px;display:block;position:relative;background:url("img/logo.jpg") no-repeat -570px 0;position:absolute;top: -2px;}
		.logo{width:270px;height:175px;display:block;position:absolute; z-index: 9999;top: -42px; left:-7px; box-shadow:0 0 5px 0 rgba(0,0,0,0.5);}
	.spa_top_logo{  width:190px; height:296px; display:block;position:relative;background:url("img/logo.jpg") no-repeat -190px 0;position:absolute;top: 0px;}
		.spalogo{  width:190px; height:296px; display:block;position:absolute; z-index: 9999;top: -42px; left:-7px; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); }

	.cafe_top_logo{  width:267px; height:174px; display:block;position:relative;background:url("img/logo.jpg") no-repeat -1042px 0;position:absolute;top: 0px;}
		.cafelogo{  width:267px; height:174px; display:block;position:absolute; z-index: 9999;top: -42px; left:-7px; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); }

	.header_top_bar{position: fixed;top:0;left:0;width:100%;height: 42px;background:#fafafa;border-top:2px solid #3095B4;z-index:999;}

	.header_main_menu_bar{height:65px;background: rgba(255,255,255,0.9);top: 44px;position: fixed;z-index:9;box-shadow: 0 4px 5px -3px rgba(0,0,0,0.4);z-index: 999;width: 100%;}
	
	.header_image{width:100%;height: 350px;max-width: 1530px;position:relative;margin:0 auto;top: 44px;margin-bottom:100px;background-repeat:no-repeat !important;background-position:50% !important;background-size:cover !important;}

	.content, .content p{ font-weight:300; font-size:14px;  }
	.content h1{font-weight: 300;}
	.content h3{ padding-bottom:20px; font-weight:400; }
	.half{width:48%;float: left;margin-right:2%;position: relative;}
	.half:nth-of-type(2){ margin-right:0; }
	.half .flexslider{ height:350px; }
	.half .flexslider .hs_image{ height:450px;}	
	.half .flexslider .flex-control-nav {width: 100%;position: absolute;bottom: 30px;text-align: center;margin-left:0;}
	.cafe_slider_title{z-index:99999;color:#000;position:absolute;top: 322px;display:block;/* text-shadow:0 0 5px; */background: #FFF;width: 100%;padding: 10px;font-size: 14px;font-weight: 400;}

	.half iframe{ height:40px !important; }

/*POOL PRICES*/
	.half table td{ padding:10px 15px; font-size:14px; border:1px solid #ddd; }
	.half table{  border-radius:5px;  }
	.half table tr:nth-of-type(odd) td{ background:#F9F9F9; }
	.tablehead td{ color:#3095B4; padding:20px 15px; font-size:20px !important; line-height:26px; font-weight:400;}

/*HOME*/
	.homeboxes{position:absolute;bottom: 0;z-index:99;width:100%;}
	.home_headerboxes { display:block; background:#003B5C; width:23.5%;  text-align:center; margin-right:2%; bottom:0; float:left; height:175px; position:relative;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
	.home_headerboxes:hover{ bottom:6px; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.5); }
	.home_headerboxes:last-of-type{ margin-right:0; }
	.home_headerboxes a{ background:#1D94B6; margin-top:120px; display:inline-block;  width:auto; color:#FFF; padding:3px 15px; font-size:12px; border-radius:5px;  }
	.home_headerboxes a:hover{ background:#187D99; }
	.hh_title{ color:#FFF; width:100%; text-align:center; position:absolute; bottom:92px;     text-shadow: 2px 2px 4px rgba(0,0,0,0.7); font-size:24px; }
	.weather .hh_title{ bottom:82px;}
	.hh_title span{ display:block; clear:both; position:absolute;  width:100%;     text-shadow: 2px 2px 4px rgba(0,0,0,0.7); font-size:13px; margin-top:5px;}

	.pools_pricing:before{ content:''; width:91%; height:180px; background:url('img/hbox_pool_prices.png') no-repeat; background-size:contain; background-position:50%; position:absolute; top:-66px; left:8%; }
	.seasonal_special:before{ content:''; width:91%; height:180px; background:url('img/hbox_seasonal_special.png') no-repeat; background-size:contain; background-position:50%; position:absolute; top:-66px; left:8%; }
	.poolplus_card:before{ content:''; width:247px; height:166px; background:url('img/hbox_pool_plus_card.png') no-repeat; background-size:contain; background-position:50%; position:absolute; top:-76px; left:10px; }
	
	.welcome_box{ width:49%; float:left; margin-right:2%; position:relative;  }
	.welcome_box p, .whatshappening_box, .welcome_box{ font-size:14px;  font-weight:300;  line-height:22px; }
	.whatshappening_box{ width:49%; float:left;}

	.twobuttons a{background:#1D94B6; margin:10px 0px 16px 0; display:inline-block;  width:auto; color:#FFF; padding:3px 15px; font-size:12px; border-radius:5px;  }
	.twobuttons a:hover{ background:#187D99; }

	.bottom_boxes{ margin:50px 0 40px 0px; }
	.bottom_boxes .ninesixty { border-top:1px solid #ddd; padding:30px 0;  }
	.bboxes{ width: 23.5%; float:left; margin-right:2%; }
	.bboxes:nth-of-type(4n+4){ margin-right:0; }
	.bboxes h3{ font-size: 20px; line-height:24px; padding-bottom:10px; }
	.bboxes:nth-of-type(odd) img{ border:4px solid #FFF; box-shadow:0 0 4px 0 rgba(0,0,0,0.4); }
	.bottom_introtext{ font-size:14px; font-weight:300; padding-top:10px;}
	.bboxes:nth-of-type(odd) a{ background:#1D94B6; margin:10px 0px 16px 0; display:inline-block;  width:auto; color:#FFF; padding:3px 15px; font-size:12px; border-radius:5px;   }
	.bboxes:nth-of-type(even) a{ color:#187D99; font-size:11px; text-transform:uppercase;  }
	.bboxes:nth-of-type(even) a:before{ content:'>'; padding-right:5px;}

	.weather_info{ background:#1D94B6; width:80%; margin:0 auto; top:-50px; height:110px; position:absolute; left:10%; overflow:hidden; }
	.weather_info, .weather_info div, .weather_info span{ color:#FFF; }
	.currentwicon{ width:50%; left:25%; position:absolute; text-align:center; }
	.currentwicon img{ max-height:60px; padding-top:15px; position:relative; display:block; margin:0 auto; }
	.currentwdegrees{ position:absolute; left:10px; top:30%; text-align:center; }
	.currentwdegrees span{ display:block; font-size:12px; }

	.currentwdegreesdev{ position:absolute; right:10px; top:30%; text-align:left; width:30px;; }
	.currentwdegreesdev span{ display:block;  font-size:12px; }


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

	.contact_info{ width:47%; float: left; margin-right:3%;  }
	.form_div{  width:49%; float:left; margin-left:1%; }
	.form_div textarea{ height:353px; }
	.form_div input[type="submit"]{ width:auto; background:#198bc7; color:#FFF; padding:10px; font-size:12px; }

	.ci_header{ font-weight:600; padding-bottom:10px;}
	

/*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: 100%;float:right;bottom:0;position:absolute;right:0;text-align:left; height:115px; box-sizing:border-box; padding:0 70px; }
	.submenu{ display:none; }
	
	.menu-top-bar-navigation-container{width: 100%;right:0;position:relative;top:0;}
	#menu-top-bar-navigation{display:block;right: 0;position: absolute;}
	#menu-top-bar-navigation a{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s   }
	#menu-top-bar-navigation:after{ clear:both; }
	.menu-top-bar-navigation-container li	{list-style: none;padding: 0;margin: 0;/* float:left; */position:relative;position:relative;display: inline-block;}
	
	.menu-top-bar-navigation-container a{line-height: 42px; font-weight:300; }
	#menu-top-bar-navigation .current-menu-item a{ 
		background: rgb(44,135,163);
		background: -moz-linear-gradient(top, rgba(44,135,163,1) 0%, rgba(48,149,180,1) 23%, rgba(48,149,180,1) 100%);
		background: -webkit-linear-gradient(top, rgba(44,135,163,1) 0%,rgba(48,149,180,1) 23%,rgba(48,149,180,1) 100%);
		background: linear-gradient(to bottom, rgba(44,135,163,1) 0%,rgba(48,149,180,1) 23%,rgba(48,149,180,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c87a3', endColorstr='#3095b4',GradientType=0 ); color:#FFF; }
	#menu-top-bar-navigation a:hover{  color:#FFF; background:rgb(44,135,163); }
	.menu-top-bar-navigation-container a {text-transform:uppercase;padding: 0 15px 0 15px;display: block;font-weight: 400;font-size: 13px;color: #999;}

	
	.menu-main-menu-container{ right:0; position:absolute; }
	.menu-main-menu-container li{ list-style:none; display:block; float:left; position:relative; }
	.menu-main-menu-container li a{ line-height:65px; padding:0 20px; color: #004065; text-shadow: 0 1px 0 #ffffff; }
	.menu-main-menu-container li:hover a, .menu-main-menu-container .current-menu-item a{ color: #3095B4 !important; text-shadow:0 1px 0 #FFF; }
	.menu-main-menu-container a{ white-space:nowrap;}

	.menu-main-menu-container li:hover ul{ height:auto; padding:30px; }
	.menu-main-menu-container li ul{ position:absolute; background:rgba(0, 65, 101, .8); -webkit-column-count: 3;   -moz-column-count: 3;    column-count: 3; margin-left:-30px; height:0; padding:0 30; overflow:hidden; }
	.menu-main-menu-container li ul li{ float:none; position:relative;    }
	/*.menu-main-menu-container li:hover a, .menu-main-menu-container .current-menu-item a {*/
	.menu-main-menu-container li:hover .sub-menu li a{ color:#FFF !important; }
	.menu-main-menu-container li:hover .sub-menu li a:hover{ color:#3095B4 !important; }
	.menu-main-menu-container li ul li a,  .menu-main-menu-container .current-menu-item li a, .menu-main-menu-container li.current-menu-parent:hover li a{ line-height:35px; padding:0 10px;  color:#FFF !important; font-size:14px; text-shadow:none !important; }
	.menu-main-menu-container li ul li a:hover, .menu-main-menu-container li.current-menu-parent:hover li a:hover{ color: #3095B4 !important;  text-shadow: 0 1px 0 #ffffff;}


	.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*/

/* INteractive Map */
#interactive-map {
  background: url(img/banner-bg.png) bottom center no-repeat;
  padding-top: 36px;
  top: -16px;
  padding-bottom: 76px;
  position: relative;
}
#interactive-map .container {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  height: 400px;
}
#interactive-map .markers {
  list-style: none;
  padding: 0;
  margin: 0;
}
#interactive-map .marker {
  cursor: pointer;
  background: url(img/sprite.png) -140px 0 no-repeat;
  color: #fff;
  position: absolute;
  padding: 5px 5px 18px 1px;
  text-align: center;
  height: 17px;
  width: 23px;
  -webkit-transition: top 0.25s ease-out;
  /* Chrome 1-25, Safari 25.2+ */
  -moz-transition: top 0.25s ease-out;
  /* Firefox 4-15 */
  -o-transition: top 0.25s ease-out;
  /* Opera 10.50–12.00 */
  transition: top 0.25s ease-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
#interactive-map .key {
  position: absolute;
  right: 0;
  bottom: -115px;
  width: 40%;
}
#interactive-map .key li {
  color: #CB1E26;
}
#interactive-map .key a {
  color: #202020;
}
#interactive-map ol {
  width: 50%;
  float: left;
  padding: 0;
  margin: 0;
}
#interactive-map ol.first {
  width: 40%;
}
#interactive-map h3 {
  font-size: 20px;
  text-indent: -17px;
}
.csstransitions #marker-1.off,
.csstransitions #marker-2.off,
.csstransitions #marker-3.off,
.csstransitions #marker-4.off,
.csstransitions #marker-5.off,
.csstransitions #marker-6.off,
.csstransitions #marker-7.off,
.csstransitions #marker-8.off,
.csstransitions #marker-9.off,
.csstransitions #marker-10.off,
.csstransitions #marker-11.off {
  top: -9%;
}
#marker-1 {
  left: 57%;
  top: 27%;
}
#marker-2 {
  left: 34%;
  top: 49%;
}
#marker-3 {
  left: 32%;
  top: 26%;
}
#marker-4 {
  left: 37%;
  top: 13%;
}
#marker-5 {
  left: 37%;
  top: 21%;
}
#marker-6 {
  left: 73%;
  top: 9%;
}
#marker-7 {
  left: 78%;
  top: 28%;
}
#marker-8 {
  left: 40%;
  top: 7%;
}
#marker-9 {
  left: 31%;
  top: 7%;
}
#marker-10 {
  left: 55%;
  top: 11%;
}
#marker-11 {
  left: 63%;
  top: 9%;
}
/* Internal Banners */
.bannergroup {
  width: 100%;
  padding-top: 109px;
  max-height: 512px;
  text-align: center;
}
.bannergroup img {
  margin: 0 auto;
}





/*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){
	  
	}