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




font-family: 'Open Sans', sans-serif;
font-family: 'Teko', sans-serif;

*/


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


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

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

/*ICONS*/
@font-face {
    font-family: 'Icons';
    src: url('fonts/Icons/Glyphter.eot');
    src: url('fonts/Icons/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/Icons/Glyphter.woff') format('woff'),
         url('fonts/Icons/Glyphter.ttf') format('truetype'),
         url('fonts/Icons/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: 'Open Sans', sans-serif;
	font-size: 14px;	line-height: 18px; 
}

html {  position:relative; overflow-x:hidden; }
strong {
	font-weight: bold;
}
p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
img{max-width:100%;height: auto;}
h1{
	color:#000;
	font-size:24px;
	font-weight:bold;
}

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

.defaultcontent ul,
.defaultcontent ol,
.gettingherecontent ul,
.gettingherecontent ol {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
	padding: 0;
}
.defaultcontent ul, .gettingherecontent ul {
	list-style: disc outside;
}
.defaultcontent ol, .gettingherecontent ol {
	list-style: decimal outside;
}
.defaultcontent ul ul, .gettingherecontent ul ul
.defaultcontent ol ol, .gettingherecontent ol ol,
.defaultcontent ul ol, .gettingherecontent ul ol,
.defaultcontent ol ul, .gettingherecontent ol ul, {
	margin-bottom: 0;
}
.defaultcontent li, .gettingherecontent li {
	margin: 0 0 0 24px;
	margin: 0 0 0 1.714285714rem;
}
.defaultcontent dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.defaultcontent dt {
	font-weight: bold;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.defaultcontent dd {
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}



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.alignleft {
	display: inline;
	float: left;
	margin: 0 24px 12px 0 !important;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	display: inline;
	float: right;
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	clear: both;
	display: block;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}

a:hover, a:link, a:visited{
	color: #DB2438;
	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;}


.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, .pp_default, .pp_default div{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }

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

/*FACEBOOK FEED*/
	.wp_social_stream_footer {
		width: 100%;
		background-color: #f3f1f1 !important;
		padding-bottom: 10px;
		border-radius: 0px 0px 5px 5px;
		padding: 15px;
		box-sizing: border-box;
		color: #000 !important;
	}
	.wp_social_stream_footer p, .wp_social_stream_footer div, .wp_social_stream_footer h2, .wp_social_stream_footer a{ color:#002743 !important; }
	.wp_social_stream_section_right { display:none !important; }
	#uss-main-full-section {
		font-family: inherit !important;
		font-size: 16px;
		font-weight: 300;
		letter-spacing:0px !important;
		line-height: 1.7;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		overflow: hidden;
		padding: 0px 0 !important;
		padding-bottom: 0px !important;
		height: auto !important;
	}


/*FOOTER*/
	.our_supporters{padding: 80px 0 0px;}
	.os_title{font-family:'Teko';line-height:60px;font-weight:bold;font-size:20px;width: 18%;float: left;position: relative;top: -8px;}
		.os_logos{ width:60%; float:left;   }
		.supporterlogo{ width:auto; max-width:150px; float:left; display:block; height:100px;  position:relative; top:-40px; overflow:hidden; margin-right:20px; text-align:center; padding:10px;}
			.supporterlogo img{ max-height:100%; position:relative; top:50%; transform:translateY(-50%) }

	.footer{ padding:80px 0; background:#002743; color:#FFF;  }
	.footer_logo{ width:33%; float:left; left:-40px; margin-top:-30px; position:relative; }
	.footer ul.sub-menu li:first-of-type a:before{ display:none; }
	.nls_title{ font-family:'Teko'; color:#FFF; font-weight:600; font-size:30px; width:55%; line-height:27px; float:left;  }
	.newslettersignup form{ display:block; float:left; width:45%; padding-left:40px; box-sizing:border-box; margin-bottom:100px;  }
	.newslettersignup input[type="email"]{background:#1a3d56;border:0;height:40px;width: 65%;color:#FFF !important;font-size:16px;font-family:'Teko';padding:0 10px;box-sizing:border-box;display:block;margin: 0;float: left;}
	.newslettersignup input[type="submit"]{color:#FFF !important;font-size: 20px;width: 34%;height:40px; line-height:40px; margin-left: 1%;font-family:'Teko';background:#002743;border:1px solid #1a3d56;float:left;display:block;box-sizing: border-box;text-transform: uppercase;}
	.newslettersignup input[type="submit"]:hover{ background:#15344a; cursor:pointer; text-shadow:0 0 15px; }
	
	.footer_menu{width: 67%;float:left;}
	.footermenu{ text-align:right; margin-bottom:15px; }
	.footermenu li{ list-style:none; }
	.footermenu a{ color:#FFF; font-size:13px; line-height:24px; font-weight:900; }
	.footer .socialmeidaicons{ width:auto; }
	.footer .socialmeidaicons span{ width:40px; height:40px; line-height:40px; }
	.footer .socialmeidaicons span:after{ line-height:40px; font-size:22px;}
	
	.subpagefoot{ background:#F6F6F6;  }
	.subpagefoot .latestnews{bottom: 200px;}


/*DEFAULT*/
	.header{top:0;position: fixed;top: 0;z-index: 999999999;}
	.subpageheader{ width:100%; height:200px; background:url('img/subpageheader.jpg'); background-size:cover; background-position:50%; position:relative;  }
	.subpagebigheader{width:100%;height: 430px;background-size:cover !important;background-position: 50% 44% !important;position: relative;}
	.subpageheader:before, .subpagebigheader:before{content:'';background:url("img/snwobg_small-compressor.png");background-size: cover;background-position: 50%;width: 100%;height: 100%;display: block;z-index: 99;top: 0;left: 0;position: absolute;}

	.strong_text, .strong_text strong{  font-size: 16px;	line-height: 20px; font-weight: bold; }
	.title_text, .title_text strong{  font-size: 20px;	line-height: 26px; font-weight: bold; font-family: 'Teko'; display:block; padding-top:10px;}
	.introduction{font-size: 16px;line-height: 20px;font-weight: bold;display: block;padding-bottom: 30px;text-align: center;}
	.nav-up { top: -115px; }
	.nav-up .logo{ margin-top: -215px;}
	.header_slider{height:850px;position: relative;}
		.hs_image{ height:850px; background-size:cover !important; background-position:50% !important;}
		.flexslider .slides > li {position: relative;width: 100%;height: 850px;background: #FFF;}
	.logo{ max-width:275px; position:absolute; top:0; z-index:9999; }
	.ninesixty{ width:1345px; position:relative; margin:0 auto; }

	.header_banner{height:105px;z-index: 9999999;position: relative;}
	.topgreybar{height:45px;background:#f5f5f7;position:absolute;top:0;width:100%;z-index: 999;}
	.socialmeidaicons{ float:right; width:200px;  height:45px; text-align:right; }
	.socialmeidaicons span{ background:#fd1638; width:29px; height:29px; display:inline-block; margin:8px 0 0 8px; border-radius:50%; text-align:center; box-shadow:0 0 10px 0 rgba(0,0,0,0.5); }
			.facebook:after{ display:block; content:'A'; font-family:'Icons'; color:#FFF; line-height:29px; font-size:19px; }
			.instagram:after{ display:block; content:'B'; font-family:'Icons'; color:#FFF; line-height:29px; font-size:19px; }
			.youtube:after{ display:block; content:'G'; font-family:'Icons'; color:#FFF; line-height:29px; font-size:19px; }
			.tripadvisor:after{ display:block; content:'D'; font-family:'Icons'; color:#FFF; line-height:29px; font-size:19px; }
	.socialmeidaicons span:hover{box-shadow:0 0 15px 0 rgba(0,0,0,0.8);   }

	.header_slider:before{content:'';background:url("img/snwobg_small-compressor.png");background-size: cover;background-position: 50%;width: 100%;height: 100%;display: block;z-index: 99;top: 0;left: 0;position: absolute;}
	.flexslider .headertitle{ position:absolute; top:40%; width:1345px; left:50%; width:505px; margin-left:-670px;   }
	.flexslider h1, .flexslider h2{ text-shadow:0 0 15px rgba(0,0,0,0.5) }
	.flexslider .fs_title { color:#FFF; font-family:'Teko'; font-size:90px; line-height:90px;  }
	.flexslider .fs_subtitle {   color:#FFF; font-size:16px; font-weight:900; line-height:19px; width:340px;  }

	.defaultcontent{padding:80px 0;/* text-align: center; */ width:80%; max-width:800px;}
		.defaultcontent.photogallerypage{width:100%;max-width: 1010px;}
		.defaultcontent.latestnewspage{width:100%;max-width: 1010px;}
	.defaultcontent h1, .snowreport h1{ text-align:center; font-family:'Teko'; font-size:90px; line-height:100px; padding-bottom:30px; }

	.gettingherecontent{ padding:80px 0 50px;/* text-align: center; */  width:80%;  max-width:800px;}
	.gettingherecontent h1{ text-align:center; font-family:'Teko'; font-size:90px; line-height:100px; padding-bottom:30px; }

	.bottom_boxes{ display:block; margin:50px 0 0; }
	.bb_box{width:33.3333%;height:270px;float:left;display: table;background-size: cover !important;background-position: 50% !important; position:relative; }
	.bb_box h2{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; color:#FFF; font-family:'Teko'; font-size:40px; font-weight:bold; line-height:40px; text-shadow:0 0 10px rgba(0,0,0,0.7); }
	.bb_box:hover{ cursor:pointer;  transform:scale(1.02,1.02); z-index:10; box-shadow:0 0 25px 0 rgba(0,0,0,0.5); }

/* DYNAMIC LAYOUT */
	.red_button_bar{
		width: 100%;
		box-sizing: border-box;
		margin:30px auto;
		padding:20px; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee3476+0,d61f26+100 */
		background: rgb(238,52,118); /* Old browsers */
		background: -moz-linear-gradient(-45deg, rgba(238,52,118,1) 0%, rgba(214,31,38,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(238,52,118,1) 0%,rgba(214,31,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(238,52,118,1) 0%,rgba(214,31,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3476', endColorstr='#d61f26',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		position:relative;
		display: block;
		clear: both;
	}
	.rbb_title{  color:#FFF; font-family:'Teko'; font-size:40px; font-weight:600; line-height:40px; max-width:70%; }
	.rbb_button{ max-width:20%; float:Right;  position:absolute; right:10%; top:0;  top:50%; margin-top:-17px;; }
		.rbb_button span{color:#FFF;line-height: 19px;border:1px solid #FFF;padding: 12px 20px 8px;display:Block;width:100%;text-align:center;font-family:'Teko';font-size:20px;text-transform:uppercase;position: relative;top: 50%;transform:  translateY(-50%);margin-top: 16px;}
	.rbb_button:hover span{ box-shadow:0 0 15px 0 rgba(255,255,255,0.7); background:#002743;  }

	.tablecontent{width: 100%;margin:30px auto;padding: 0px 0;margin:20px 0;display:block;clear: both;}
	.tablecontent table{ cellspacing:0; border:0; width:100%; }
	.tablecontent thead th{ border-top:2px solid #000; border-bottom:2px solid #000; padding:15px 0; font-size:22px; font-family:'Teko'; font-weight:600; }
	.tablecontent thead th:first-of-type{ text-align:left; width:35%;}
	
	.tablecontent tbody td{ border-bottom:2px solid #c9c9c9; padding:15px 0; font-size:16px;  font-weight:900;  }
	.tablecontent tbody td{ text-align:center;}
	.tablecontent tbody td:first-of-type{ text-align:left; }

	.imageandtext{ width:100%; position:relative; margin-bottom:20px; background:#f9f7f7; padding:20px;  }
		.imgtext_image{ width:30%; height:180px;  background-size:cover !important; background-position:50% !important; float:left; position:relative; display:block; }
		.imgtext_content{ width:70%; display:block; float:left; box-sizing:border-box; padding-left:50px;  }
		.imageandtext h6{ font-weight:bold; font-size:18px; padding-bottom:20px; }

/*SNOW REPORT*/
	.snowreport{padding:80px 0;  padding-right:80px; box-sizing:border-box;width:80%;max-width:800px;float:left; }

	.webcameras{ padding:80px 0; width:20%; float:left; height:auto; padding:80px 0; box-sizing:border-box; }
	.webcameras h3{text-align:center;font-family:'Teko';font-size:40px;line-height: 30px;padding-bottom:30px;padding-top: 145px;}
	.cameras img{ width:100%; display:block; margin-bottom:20px; border:10px solid #FFF;  box-shadow:0 0 15px 0 rgba(0,0,0,0.1); }
	#snowreport h3{  color:#FFF; font-family:'Teko'; font-size:30px; font-weight:600; line-height:40px; max-width:100%; padding:10px 40px; display:block; margin:30px 0 10px;
		background: rgb(238,52,118); /* Old browsers */
		background: -moz-linear-gradient(-45deg, rgba(238,52,118,1) 0%, rgba(214,31,38,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(238,52,118,1) 0%,rgba(214,31,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(238,52,118,1) 0%,rgba(214,31,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3476', endColorstr='#d61f26',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	#snowreport ul{margin:0;padding: 0;}
	#snowreport li p{padding:0;margin: 0;}
	#snowreport ul li{ margin-left:50px; display:block; }
	#snowreport li, #snowreport li p, #snowreport li b{ font-size:18px; line-height:30px;}

/*GALLERY*/
	.photogallery div{width:32%;margin-right:2%;margin-bottom:2%;height: 250px;display:block;float:left;position:relative;}
		.photogallery div:nth-of-type(3n+3){ margin-right:0; }
		span.photo{width:100%;display:block;height: 100%;background-size:cover !important;background-position:50% !important;}
		.photogallery p{ display:block; position:absolute; bottom:0; text-align:center; width:100%; background:rgba(0,0,0,0.5); color:#FFF; padding:5px; box-sizing:border-box; font-style:italic; font-size:10px; }

/*HOME*/
	a.latestnews{color:#FFF; margin-right:-685px; font-family:'Teko'; font-size:40px; padding-top:10px; z-index:9999; line-height:84px; text-align:center;  width:334px; height:74px; display:block; position:absolute; bottom:0; right:50%; background:url('img/latestnews.png'); }
	
	.home_boxes{ height:925px; position:relative; }
	.home_four{ width:60%; float:left; height:100%; }
		.home_four div{height:50%;width:30%;float:left;background-size:cover !important;background-position:50% !important;display:table;margin: 0;border: 0;padding: 0;}
		.home_four div:first-of-type, .home_four div:nth-of-type(3){ width:70%; }
		.home_four h2{color:#FFF;display:block;font-family:'Teko';font-size:40px; text-align:center;margin: 0 auto;line-height:40px;text-shadow:0 0 10px rgba(0,0,0,0.4); display:table-cell; vertical-align:middle; padding:0 15%; z-index:9; position:relative; }
		.home_four div:first-of-type h2, .home_four div:nth-of-type(3) h2{ text-align:right; }
		.homef{ display:block; position:relative; cursor:pointer;  }
		.homef:after, .home_seasonpass:after{ content:''; width:100%; height:100%; display:block; position:absolute; top:0; left:0; opacity:0; z-index:8; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s 
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aeef+0,0082a4+100&0.75+0,0.75+100 */
				background: -moz-linear-gradient(-45deg, rgba(0,174,239,0.75) 0%, rgba(0,130,164,0.75) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg, rgba(0,174,239,0.75) 0%,rgba(0,130,164,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(135deg, rgba(0,174,239,0.75) 0%,rgba(0,130,164,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf00aeef', endColorstr='#bf0082a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
		.homef:hover, .home_seasonpass:hover{ transform:scale(1.02,1.02); z-index:999; box-shadow:0 0 10px 0 rgba(0,0,0,0.4) }
		.homef:hover:after{ opacity:1; }
		.home_seasonpass:hover:after{ opacity:1; }
	.home_seasonpass{width:40%;float:left;height:100%;background-size:cover !important;background-position:50% !important;margin-left: -1px; position:relative; cursor:pointer; }
	.home_seasonpass img{ display:block; z-index:9; position:absolute; top:20%; left:20px;}
		.home_seasonpass img.showspecial{ height:80%; top:10%; left:70px; }
		.home_seasonpass .soldouthover img.showspecial{ z-index:0; }
		.soldouthover:after{ content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1; }
			.home_seasonpass img.soldout{ max-width:300px; position:absolute; left:70px;}
	
	.latest_news{ padding:120px 0; }
	.latest_news h3{ font-size:75px; font-family:'Teko'; line-height:80px; padding-bottom:30px; }
	.home_news{ width:32%; float:left; margin-right:2%; }
	.home_news:nth-of-type(3n+3){ margin-right:0; }
	.home_news a{ color:#000; }
	.home_news_img{ max-height:250px; width:100%; overflow:hidden; display:block; margin-bottom:10px; position:relative; }
	.home_news_img img{ width:100%; height:auto; bottom:0; position:relative; display:block; }
	.home_news h5{ font-weight:900; padding-bottom:10px; display:block; font-size:20px; line-height:25px; }
	.home_news p, .home_news, .home_news a{font-size: 14px; }
	.home_news_tags{ font-size:12px; padding:12px 0; font-weight:900; }
	.publishingdate{ font-size:9px; }

	.staytekapo{ background-size:cover !important; background-position:50% !important;   }
	.sttp{ padding:100px 54px; width:465px; box-sizing:border-box;   color:#FFF;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aeef+0,0082a4+100&0.75+0,0.75+100 */
				background: -moz-linear-gradient(-45deg, rgba(0,174,239,0.75) 0%, rgba(0,130,164,0.75) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg, rgba(0,174,239,0.75) 0%,rgba(0,130,164,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(135deg, rgba(0,174,239,0.75) 0%,rgba(0,130,164,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf00aeef', endColorstr='#bf0082a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
	.sttp h6{ font-size:75px; font-family:'Teko'; line-height:80px; padding-bottom:10px; font-weight:bold;  }
	.sttp strong{font-size:20px; display:block; padding-bottom:20px; line-height:25px;}
	.sttp a{ display:block; color:#FFF; margin-top:40px; padding:14px 0 8px 0; border:1px solid #FFF; width:150px; text-align:center; font-size:20px; font-family:'Teko'; text-transform:uppercase; font-weight:bold;}
	.sttp a:hover{ background:#148FC2; }
/*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*/
	.menu-main-menu-container{ margin-right:15%; }
	.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{top: -105px;position:relative;right:0;display:inline-block;text-align:left;height:60px;box-sizing:border-box;padding:0;padding-right:7px;margin-top:45px;background: #FFF;width: 100%;box-sizing:border-box;}
	.navigation  .menu-main-menu-container{width: 100%;float:right;position:relative;display:block;z-index: 999; margin-right:0; }
	.current_status{
					width: 12%;
					position:relative;
					display:inline-block;
					float: right;
					text-align:center;
					line-height:60px;
					color:#FFF;
					font-weight:900;
					font-family:'Teko';
					font-size:20px;
					height:60px;
					margin-top:45px;
					box-sizing:border-box; 
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec326f+1,d61f26+100 */
					z-index: 9999;
					background: #ec326f; /* Old browsers */
					background: -moz-linear-gradient(-45deg, #ec326f 1%, #d61f26 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(-45deg, #ec326f 1%,#d61f26 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(135deg, #ec326f 1%,#d61f26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec326f', endColorstr='#d61f26',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
					}
	.current_status_details{ 
		width:290px; position:absolute; right:0; background: rgba(238,238,238,0.8);
		
		 right:0%;
		height:0; overflow:hidden; padding:0;
	}
	.current_status:hover .current_status_details{opacity:1;right:0px;padding: 50px 20px;width: 365px;height:auto;}
	.degrees{ color:#0081a3;font-size:77px; font-family:'Teko'; line-height:77px; display:block; float:left; width:50%; text-align:center; font-weight:900; }
	.degrees sup{ font-size:37px; position:absolute; font-family:'Teko'; font-weight:900; }
	.weather_icon{ width:50%; float:left; height:77px;  text-align:left; }
		.weather_icon.snowing:before{ width:100%;  height:77px; color:#d61f26; content:'D'; font-family:'weather'; font-size:60px; position:relative; top:15px;  }
	.submenu{ display:none; }
	.current_status_details{}
	
	.status_info{ display:block; color:#0081a3; width:100%; text-align:left; font-size:18px; font-weight:normal; margin-bottom:20px;  }
		.status_info label{ display:inline-block; width:40%; padding-left:10%; text-align:left; font-size:18px; line-height:28px;  }
		.status_info span{font-size: 17px;line-height:28px;text-transform:uppercase;}
	.csd_links{ width:100%; text-align:left; padding-left:10%;  }
		.csd_links a{ line-height:40px; font-size:15px; }
		.webcams:before{ width:40px; height:40px; content:'F'; font-size:20px; color:#d61f26;line-height:40px; position:relative; left:0; padding-right:10px; top:4px;font-family:'icons'}
		.photos:before{ width:40px; height:40px; content:'C'; font-size:24px; color:#d61f26;line-height:40px; position:relative; left:-2px; padding-right:8px; top:6px;font-family:'icons'}
		.videos:before{ width:40px; height:40px; content:'E'; font-size:24px; color:#d61f26;line-height:40px; position:relative; left:-2px; padding-right:8px; top:6px;font-family:'icons'}
	

	.menubar ul:first-of-type li{ float:left; line-height:60px; display:inline-block !important; float:right; }
	.menubar ul:first-of-type li a{ font-family:'Teko'; font-size:20px; padding:0 24px; font-weight:900; color:#686869; position:relative; }
	.menubar ul ul{ display:none; }

	.menubar:hover .navigation{ top:60px; }

	.navigation{position:absolute;top:60px;opacity:0;right:-100%;height:0;width:100%;background: rgba(238,238,238,0.9);z-index:98;overflow: hidden;}
	.menubar:hover .navigation{ height:auto; opacity:1; right:0; }
	.menubar .topmenubar{ position:relative; z-index:999; height:60px; }
	.topmenubar a:before{ content:''; position:absolute; width:0; height:2px;  background:#FFF; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
	.topmenubar a:after{ content:''; bottom:-15px; left:25px; position:absolute; width:0; height:2px;  background:#FFF; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
	.topmenuhovered a:before{ background: #d61f26; width:calc( 100% - 50px ); }
	.topmenuhovered a:after{  background:#d61f26;  width:calc( 100% - 50px ); }

	/*first level menu*/
		.navigation ul{ text-align:center;  }
		.navigation ul:first-of-type li{ float:left; line-height:60px; display:inline-block !important; float:left; }
		.navigation ul:first-of-type li{display:inline-block;position:relative;width:21%;margin:0 2%;text-align: left;padding-top: 100px;padding-bottom: 50px;}
		.menubar .navigation ul:first-of-type li a{font-size:20px;color: #8b8b8c;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
		.menubar .navigation ul:first-of-type li.dropdownmenuhovered a{font-size:20px;color: #676769;}
		ul.sub-menu li:first-of-type a:before{content:'';width:80px;height:2px;background: #8b8b8c;position:absolute;top:-15px;left:0;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }
		li.dropdownmenuhovered ul.sub-menu li:first-of-type a:before{content:'';width:80px;height:2px;background: #d61f26;position:absolute;top:-15px;left:0;}

	/*second level menu*/
		.navigation ul ul li{ width:100% !important; display:block !important; padding:0 !important; }
		.menubar .navigation ul ul a{display:block;white-space:nowrap;width:100%;height:auto;background:transparent;font-size: 16px !important; padding:0 5px; line-height:40px;}
		.menubar .navigation ul:first-of-type li.dropdownmenuhovered a:first-child { font-size:30px !important; line-height:30px; letter-spacing:-1px; }
		.menubar .navigation ul:first-of-type li.dropdownmenuhovered ul li a:first-child{ font-size:16px !important; letter-spacing:0; line-height:40px}
		.menubar .navigation ul ul a:hover{ color:#000 !important; }
		.navigation ul ul{ display:block; position:relative; padding-top:10px; }

	.show_navigation{ height:auto; }
	

	.mobileonly{ display:none; }
	.smartphoneonly{ display:none; }
	.mobilemenu_button{ margin-top:45px; position:absolute; z-index:999999999; right:10px; 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:5px; line-height:40px; padding:0 10px;  color:#d61f26; }
	.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: 20px;left: 0;/* 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, .mainmenuspan{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;}

	.mobilmenu	.submenu {    display: block; }

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

/*VIDEOS*/
	#videosth  {float:left;width:31.666%;box-sizing:border-box;padding:10px 0;height: auto;background-color:#fff;margin-bottom:3%;margin-right:2.5%;  border:1px solid #d61f26;  background:#000; }
	#videosth:nth-of-type(3n+3){ margin-right:0; }
	#videosth span{ display:Block; width:100%; padding:5px 10px 0; box-sizing:border-box; font-family:'Teko' !important;  line-height:30px; font-size:18px; text-align:center }
	#videosth img{display:block;width: 100%;}
	#videosth p{font-size: 12px !important;line-height: 14px;text-align: center;padding: 10px 10px 0 10px; color:#FFF;}
	

/*RESPONSIVE*/
	
	@media only screen and (max-width:1920px){
		.logo{ max-width:205px; }
		.ninesixty{ width:1010px; }

		.bb_box{width:33.3333%;height:230px;}
		.bb_box h2{ font-size:30px; }

		.home_boxes{ height:695px; position:relative; }

		.header_slider{ height:740px; }
		.hs_image{ height:740px; }
		.flexslider .slides > li { height: 740px; }
		.flexslider .headertitle{  margin-left:-500px;   }
		a.latestnews{ margin-right:-505px; }

		.menubar{width: 100%;}
		.current_status{ width: 15%;}
		.home_news{ width:30%; float:left; margin-right:5%; }
		.home_news_img{ max-height:200px;  }
		.home_news h5{  display:block; font-size:17px; line-height:20px; }
		.home_news p, .home_news, .home_news a{font-size: 14px; }
		.home_news_tags{  padding:10px 0; }

	}

	@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%;}
		.header_slider {    height: 480px; }
		.topmenubar{ display:none; }
		.socialmeidaicons { margin-right:20px; }
		.current_status {    width: auto; padding:8px 20px 0;    position: absolute; right:190px; top:-60px; }
		.flexslider .headertitle { position: absolute; top: 20%; width: 100%; left: 0%; margin-left: 40px; }
		a.latestnews{ margin-right:20px; right:0; }
		.header_slider:before {	background-size:120%;	background-position: 50%;	width: 100%; }
		
		.home_four {    width: 100%;    float: right;    height: 100%; }
			.home_four div:first-of-type h2, .home_four div:nth-of-type(3) h2 {    text-align: left;}
		.home_seasonpass {    width: 100%; }
		.latest_news h3 { text-align:center;    font-size: 65px;    line-height: 80px; padding-top:10px;   padding-bottom: 20px; }
		.latest_news {   padding: 120px 20px; }
		.our_supporters {    padding: 80px 20px 120px; }
		.footer {    padding: 80px 20px; }
	}

	@media only screen and (max-width: 767px){
	  .mobileonly{ display:block; }
	   body, html{ width:100%;}
	  .ninesixty{ width:100%;}
	  .socialmeidaicons{ display:none; }
	  	.current_status {    padding: 8px 10px 0;    right: 0px;    top: -60px; }
		.logo {    max-width: 160px; }

		.header_slider:before {display:none; }
			.flexslider .headertitle {    position: absolute;    top:10%;    width: 100%;    left: 0%;    margin-left: 0; padding:0 20px; box-sizing:border-box; }
			.flexslider .fs_title {  font-size: 60px;  line-height: 70px; } 
		.home_boxes {    height: auto;    position: relative; }

		.home_four div{height:200px;width:100%;margin-bottom: 5px;}
			.home_four div:first-of-type, .home_four div:nth-of-type(3) {    width: 100%; }

		.home_seasonpass {    width: 100%; height:300px; }
			.home_seasonpass img{ max-height: 70%;}

		.home_news {width: 100%;margin-right: 0%;margin-bottom: 40px;float:none;display:block;}
		.latest_news {   padding:80px 20px 0px; }
		.sttp {    padding: 80px 24px;    width: 100%;} 
			.sttp h6 {    font-size: 45px;    font-family: 'Teko';    line-height: 40px; }

		.our_supporters {padding: 40px 20px 0px;}
		.os_title {line-height: 60px;font-size: 20px;width: 100%;float: left;position: relative;top: -8px;text-align: center;margin: 0 0 20px 0;}
		.os_logos {width: 100%;float: left;clear:both;margin-bottom: 0px;}
			.supporterlogo{ width:auto; max-width:120px; float:left; display:block; height:100px;  position:relative; top:-40px; overflow:hidden; margin-right:20px; text-align:center; padding:10px;}
		
		.nls_title {    font-size: 22px;    width: 100%; }
		.newslettersignup form {    width:100%;    padding-left: 0px;    margin-bottom: 100px;    margin-top:20px; }
		.footer_logo {    width: 100%;    float: left;    left: -0;    margin-top: -30px;    text-align:center}
		.footer_logo img{ width:120px; }
		.footer_menu{ display:none; }

		.bb_box {width: 100%;height: 200px;margin-bottom: 5px;}
		.subpagefoot .latestnews {    bottom: -430px;}
		.defaultcontent h1, .snowreport h1 {    font-size: 40px;    line-height: 40px;    padding-bottom: 30px; }
		.introduction { padding:0 0px; }
		.defaultcontent {padding: 80px 20px;width: 100%;box-sizing: border-box;}

		.photogallery div {    width: 100%;    margin-right: 0%;    margin-bottom: 2%;    height: 200px; }

		.snowreport{ box-sizing:border-box;width:100%;max-width:800px;float:left; padding: 80px 20px 0; }
		.webcameras{  width:100%; float:left; height:auto; padding: 0; box-sizing:border-box; }
			.webcameras h3 {    padding-top: 45px; }
		#snowreport ul li {    margin-left: 20px;    display: block; }
		#snowreport h3 {    color: #FFF;    font-family: 'Teko';    font-size: 24px;    font-weight: 600;    line-height: 40px;    max-width: 100%;    padding: 5px 20px;    display: block;    margin: 30px 0 10px; }
		.gettingherecontent h1 {font-size: 40px;line-height: 40px;padding: 30px 0;}	
		.mapdiv{ margin:30px 0 ; }	
		.gettingherecontent .introduction{ padding: 0 20px; box-sizing:border-box;  }
		.gettingherecontent:nth-of-type(2n+3){ padding:0 20px; box-sizing:border-box; }

		.imageandtext {       padding: 20px; box-sizing:border-box; }
		.imgtext_image{ width:100%; height:180px; margin-bottom:20px; }
		.imgtext_content{ width:100%; display:block; float:left; box-sizing:border-box; padding-left:0px;  }

		.rbb_title{  color:#FFF; font-family:'Teko'; font-size:40px; font-weight:600; line-height:40px; max-width:100%; }
		.rbb_button{max-width: 75%;width:100%;float:unset;margin:0 auto;box-sizing:border-box;position:relative;right:10%;top:0;/* top:50%; */margin-top: 18px;display: block;}
		
		#videosth {       width: 100%;    margin-right: 0%; }
			#videosth p { display:block; bottom:30px; position:relative; }

		.fields input, .fields textarea { width:100% } 
		.fields input[type="submit"] {    width: 90px;    float: right;    margin-right: 0%; }
	}

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

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