*{margin:0; padding:0;}
h1{font-size:50px; color:#14377d; font-family:'Barlow', sans-serif; font-weight:600; letter-spacing:0.015em;}
	h1 span{font-weight:800;}
h2{padding-bottom:20px; font-size:28px; color:#14377d; font-family:'Barlow', sans-serif; font-weight:600; letter-spacing:0.015em;}
	h2 span{font-weight:800;}
h3{font-size:20px; color:#14377D; font-family:'Barlow', sans-serif; font-weight:600; letter-spacing:0.015em;}
	h3 span{font-weight:800;}
h4{font-size:16px; color:#0088ce; font-family:'Barlow', sans-serif; font-weight:bold; letter-spacing:2px;}
	h4 span{font-weight:800;}
h5{font-size:12px; color:#4D4D4D; font-family:'Barlow', sans-serif; font-weight:normal; letter-spacing:1px;}
	h5 span{font-weight:800;}

.special-header{font-size:50px;}

a{display:inline-flex; text-decoration:none; cursor:pointer;}
li,p{font-size:16px; color:#4d4d4d; font-family:'Barlow', sans-serif; line-height:30px;}

.container{display:flex; justify-content:space-between; flex-flow:row wrap; max-width:1200px; margin:0 auto; padding: 0 90px;}
.txtContainer{max-width:900px; margin:0 auto;}
.container-block {max-width: 1200px; margin: 0 auto;}

.flex {display: flex;}

.whole{display:flex; flex-basis:100%;}
.threequarter{display:flex; flex-basis:75%;}
.half{display:flex; flex-basis:50%;}
.third{display:flex; flex-basis:33.333333%;}
.quarter{display:flex; flex-basis:25%;}
.width-auto{width:auto;}

.justify-center{justify-content:center;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.justify-around{justify-content:space-around;}
.justify-between{justify-content:space-between;}
.justify-evenly{justify-content:space-evenly;}

.align-center{align-items:center}
.align-start{align-content:flex-start}
.align-end{align-items:flex-end}

.flow-column{flex-flow:column;}

.txt-align-center{text-align:center;}
.txt-align-left{text-align:left;}

.wrap{flex-wrap:wrap;}
.hide {display: none;}

.bg-contain{background-size:contain!important;}

.transition{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.padTop20{padding-top:20px}
.padTop50{padding-top:50px}
/*GENERIC*/

audio{width:100%; height:40px; outline:0;}
audio::-webkit-media-controls-enclosure{background:none;color:#fff;}

.uppercase{text-transform:uppercase;}
.bold{font-weight:bold;}
.semiBold{font-weight:600;}
.normal{font-weight:normal;}

.noselect {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.inline-flex{display:inline-flex;}
.no-bg{background:none!important}
.no-marg{margin:0!important;}
button{background:none; border:none; cursor: pointer;}

/*TOGGLE BOX STORM ALERT PAGE*/
.toggleBox{}
  .toggleBox h3{padding:10px 0 10px 10px!important; cursor:pointer; }
     .toggleBox h3 span{}
  .toggleBox p{position:relative; display:block; margin-bottom:10px; padding:0 20px; background:#f7f7f7; overflow:hidden; transition-duration:0.5s;}

/*COLORED BULLET POINTS*/
ul{list-style:none;}
ul li::before {display:inline-block; width:1em; margin-left:-1em; content:"\2022"; color:#0088cf; font-weight:bold;}

/*WAVE SECTION SEPERATOR*/
.wave-top,
.wave-bot,
.wave-top-mobile,
.wave-bot-mobile {
	height: 100px;
	width: 100%;
	fill: #f7f7f7;
}
.wave-top,
.wave-top-mobile {
	vertical-align: bottom;
}
.wave-bot,
.wave-bot-mobile {
	vertical-align: top;
}
.wave-top,
.wave-bot {
	display: block;
}
.wave-top-mobile,
.wave-bot-mobile {
	display: none;
}
@media (max-width: 1024px) {
	.wave-top,
	.wave-bot {
		display: none;
	}
	.wave-top-mobile,
	.wave-bot-mobile {
		display: block;
	}
}

/*INPUTS*/
input{width:333px; height:35px; text-indent:24px; outline:0;}
textarea{width:333px; height:350px; padding:12px; text-indent:0; outline:0; overflow: hidden;}
	input::placeholder,textarea::placeholder{color:#13377e;}
 input[type='text'],textarea{ margin-right:22px;  font-family:'Barlow', sans-serif; font-size:16px; color:#13377e; border: 1px solid #13377e; border-radius:22px}

 input[type='submit']{background:none;  border:0; font-family:'Barlow', sans-serif; font-size:16px; color:#fff; font-weight:bold;}
 input[type='submit']:hover{color:#14377D;}

/*RECAPTCHA*/
.grecaptcha-badge { visibility: hidden;}
.recapchanotice{margin-top:20px;}
	.recapchanotice p{color:#fff; font-size:12px;}
	.recapchanotice a{font-size:12px; font-weight:normal}

/*BUTTONS*/
.btn{color:#0088CE; font-size:15px; font-family:'Barlow', sans-serif; font-weight:bold; letter-spacing:0.08em;}
.btn-group:hover .btn{color:#14377D;}
.btn-wave{width:100%; height:9px; background: no-repeat url('../png/wave.png'); background-size: 100% 100%;}
.btn-group:hover .btn-wave{background: no-repeat url('../png/wave-hover.png'); background-size: 100% 100%;}
.btn.blue{height: 20px; margin:15px 0; padding:10px; background:#0088cf; color:#ffffff; text-align:center; font-size:16px; font-weight:600; border-radius:19px;}
.btn.dark-blue {
	background: #14377D;
}

/*BUTTON ICONS*/
.btn-icon{margin:0 10px 0 0; background:url('../jpg/btn-icons.jpg')no-repeat;}
.btn-icon-dl{min-width:23px; height:20px; background-position:0 0;}
.btn-icon-scocial{min-width:17px; height:19px; background-position:-24px 0;}
.btn-icon-play{min-width:29px; height:22px; background-position:-41px 0;}
.btn-icon-mag{min-width:27px; height:22px; background-position:-71px 0;}

.btn .two-line-text {font-size: 13px;}

.audio-icon{position: relative; top:3px;  height:20px; margin:0 10px 0 0;}

/*NEXT - PREVIOUS BUTTONS*/
.btn-dir{width:42px; height:42px; border-radius:100%; text-align:center; color:#f7f7f7; background:#d2d2d2; font-family:'Barlow', sans-serif; font-size:50px; font-weight:bold; cursor:pointer; transition-duration:0.1s;}
	.btn-dir span{display:block; width:42px; height:42px; position:relative; top:-15px; left:3px;}
	.btn-prev span{left:-2px;}
	.btn-dir:hover,.btn-dir.active{background:#4d4d4d;}
.btn-dir.small{width:22px; height:22px; font-size:24px;}
	.btn-dir.small span{top:-7px;}
	.btn-prev.small span{left:-1px;}
	.btn-next.small span{left:2px;}

/*NAV*/
nav{height:200px; z-index:9; transition-duration: 0.1s;}
	nav img{height:78px;}
.nav-header{height:40px; background:#0088cf;}
	.nav-header .container{height:100%; justify-content:flex-end; align-items:center;}
	.nav-header a{color:#fff; font-family:'Barlow', sans-serif; font-size:16px; font-weight:bold; letter-spacing:0.08em;}
.nav-content{height: calc(100% - 40px); padding-top:30px; padding-bottom: 30px; box-sizing: border-box; background: #ffffff;}
	.nav-content .nav-scroll {height:100px; width:100%; background:white; box-sizing: border-box; padding-bottom: 10px; padding-top: 10px;}
	.nav-content .nav-scroll.scrolling {position: fixed; top: 0; z-index: 2;}
	.nav-content .nav-scroll.scroll-shadow {box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
	.nav-content .container{height:100%; align-items: flex-end; padding-bottom: 10px;}
	.nav-content a{color:#14377d; font-family:'Barlow Condensed', sans-serif; font-size:20px; letter-spacing:0.08em; font-weight:bold;}
	.nav-content a:hover, .nav-content a.active{color:#0088cf;}
	.nav-content .btn-wave{visibility:hidden; height: 9px;}
	.nav-content a:hover .btn-wave, .nav-content a.active .btn-wave{visibility:visible;}
	.nav-content .nav-logo {}
	.nav-content .nav-menu {display:flex; flex:1; margin-left:80px; justify-content:space-around;}
		.nav-content .nav-menu a{position:relative; top: -6px;}
/*WEATHER WORKS LOGO STYLES*/
.letter-group .weather{z-index:9}
.letter-group .works{z-index:8}
.letters{position:relative; left:0; transition-duration:0.5s}

#svgLogo{display:flex; height:78px;}
	#svgLogo *{display:flex; align-items:baseline;}
	#svgLogo svg{position:relative; left:0; margin-right:2px; transition-duration:0.5s}
	#svgLogo img{width:62px; margin-right:7px;}
	#svgLogo .W{margin-right:-4px;}
	#svgLogo .lastW{margin-left:-2px;}
	#svgLogo .s{margin-left:-4px;}
	#svgLogo .logoTxt{align-self:center;}
.tm{height:3px; margin:11px 0 0 -3px; align-self:start;}

.largeLetters{height:40px;}
.smallLetters{position:relative; height:32px;}
.darkBlue svg{fill:#13377e;}
.lightBlue svg{fill:#0088cf;}

/*FOOTER*/
footer{padding:30px 0 10px 0; background:url('../png/footer-bg.png') center center no-repeat; background-size:cover;}
	footer h2{padding-bottom:0; font-size:25px; font-weight:600;}
	footer .contact-box{margin:30px 0;}
	footer .social-icons {display: flex; flex-grow: 1; justify-content: space-around;}
		footer .social-icons .icon{height:45px; }
		footer .social-icons .yt{height:38px;}
	footer .site-map-privacy {display: flex; justify-content: center; width: 30%;}
	footer .address {flex-direction: column; align-items: center; width: 40%;}
	footer a,footer span{font-family:'Barlow', sans-serif; font-weight:bold; letter-spacing:0.08em;}
	footer .clearStyle span{padding:0; font-weight:normal;}
	footer span{padding:0 15px;}
	footer h2,footer p,footer a,footer span{color:#fff;}
	footer input[type='submit']{color:#fff; cursor:pointer;}
	footer input[type='submit'][disabled]{cursor: auto;}
	footer input[type='submit']:hover, footer a:hover{color:#d2d2d2;}

.hidden{margin:0; padding:0; position:absolute; }
	.hidden svg{width:0; height:0;}

/*HOME PAGE*/
.section-title{font-size:32px;}

#billboard{height:320px; background:url('../jpg/billboard-bg.jpg') center center no-repeat; background-size:cover;}
	#billboard .container{height:100%; justify-content:center; align-items:center;}
	#billboard h1{font-family:'Barlow Condensed'; text-align:center; font-size:90px; font-weight:bold; line-height:89px; letter-spacing:0.2em;}
		#billboard h1 span{color:#0088CE;}
#weather{}
	#weather h2{padding-top:45px; padding-bottom:14px;}
	#weather .txtContainer {text-align: center;}
	#weather p.pad20{padding:20px 0;}
	#weather .btn-group{margin:30px auto; text-align: center;}
	#weather .btn-group{margin: 30px 0; }

#products{background:#f7f7f7;}
#products .section-title{margin-top:20px;}
	#products .btn-group{margin-top:10px; margin-bottom:30px;}
	#products #product-icons{align-items:center; margin:30px 0;}
		#products #product-icons img{height: 203px;}
		#products #product-name{font-size:28px; margin-top:26px; margin-bottom:0; padding-bottom:20px;}

.desktop-product {display: none; text-align: center;}
.desktop-product.active {display: block;}

.snowfall-totals-icon{height:79px; width:78px; cursor:pointer; background:url('../png/snowfall-totals-icon-gray.png') center center; background-repeat:no-repeat;}
.winter-risk-icon{height:81px; width:74px; cursor:pointer; background:url('../png/winter-risk-icon-gray.png') center center; background-repeat:no-repeat;}
.storm-alert-icon{height:87px; width:88px; cursor:pointer; background:url('../png/storm-alert-icon-gray.png') center center; background-repeat:no-repeat;}
.snowtistics-icon{height:77px; width:74px; cursor:pointer; background:url('../png/snowtistics-icon-gray.png') center center; background-repeat:no-repeat;}
.forecast-management-icon{height:90px; width:90px; cursor:pointer; background:url('../png/forecast-management-icon-gray.png') center center; background-repeat:no-repeat;}
.past-weather-reports-icon{height:74px; width:93px; cursor:pointer; background:url('../png/past-weather-reports-icon-gray.png') center center; background-repeat:no-repeat;}
.verifreeze-icon{height:74px; width:93px; cursor:pointer; background:url('../png/verifreeze-icon-gray.png') center center; background-repeat:no-repeat;}

.snowfall-totals-icon.active{background:url('../png/snowfall-totals-icon.png') center center; background-repeat:no-repeat;}
.winter-risk-icon.active{background:url('../png/winter-risk-icon.png') center center; background-repeat:no-repeat;}
/*.winter-risk-icon.active{background:url('../assets/img/product-icons/Weather-Risk-Icon.png') center center; background-repeat:no-repeat;}*/
.storm-alert-icon.active{background:url('../png/storm-alert-icon.png') center center; background-repeat:no-repeat;}
.snowtistics-icon.active{background:url('../png/snowtistics-icon.png') center center; background-repeat:no-repeat;}
.forecast-management-icon.active{background:url('../png/forecast-management-icon.png') center center; background-repeat:no-repeat;}
.past-weather-reports-icon.active{background:url('../png/past-weather-reports-icon.png') center center; background-repeat:no-repeat;}
.verifreeze-icon.active{background:url('../png/verifreeze-icon.png') center center; background-repeat:no-repeat;}

#home-testimonials{padding:0 0 95px 0;}
	#home-testimonials .section-title{margin-top:15px;}
	#home-testimonials h3{padding:0 0 40px 0;}
	#mobile-home-testimonials h3{padding:0 0 30px 0;}
	#home-testimonials .slider-wrap{flex-basis:100%;}
		#home-testimonials .slider-wrap .slider{ height: auto;}
			#home-testimonials .slider-wrap .slider .slide{width:339px; border-right:1px solid #14377d;}
				#home-testimonials .slider-wrap .slider .slide p{padding:0 20px 0 17px; font-size:16px; line-height:24px; font-style: italic;}
	#home-testimonials .controls{flex-basis:5%; margin-top: 40px;}
 	#home-testimonials #dots{display:none;}

#hereforyou{padding:56px 0; background:url('../jpg/hereforyou-bg.jpg') center center no-repeat; background-size:cover;}
	#hereforyou .main {flex-basis:450px;}
	#hereforyou .lists {display: flex; flex-direction: row; margin-left: 10px; width: 400px;}
	#hereforyou .lists ul {margin-left: 30px;}
	#hereforyou .threequarter h2{padding-bottom:16px;}
	#hereforyou .threequarter h2.section-title span{padding-left:15px;}
	#hereforyou .threequarter p{font-size:25px; line-height:38px; padding-right:42px;}
	#hereforyou ul li::before{color:#fff;}
	#hereforyou li, #hereforyou p, #hereforyou h2{color:#fff;}

#information{padding:72px 0 72px 0;}
	#information .posts {display: flex; flex-direction: column; margin:0 auto; align-items: center;}
		#information .posts .post {display: flex; flex-direction: row;}
			#information .posts .post .post-img {z-index: 1;}
				#information .posts .post .post-img img{width: 215px; height: 215px; border-radius: 100%}
			#information .posts .post .post-main-wrap {display: flex; align-items: center;}
				#information .posts .post .post-main-wrap .post-main {width: 500px; padding: 25px 0; border-top: 3px solid #e1e1e1; border-bottom: 3px solid #e1e1e1;}
				#information .posts .post .post-main-wrap .post-main {margin-left: -50px; margin-right: 0; padding-left: 75px; padding-right: 0;}
				#information .posts .post.reverse .post-main-wrap .post-main {margin-left: 0; margin-right: -50px; padding-left: 0; padding-right: 75px;}
				#information .posts .post .post-heading h4{font-size:18px; padding-bottom: 5px; letter-spacing: 0.08em;}
				#information .posts .post .post-heading h5{font-size:14px; padding-bottom: 26px; letter-spacing: normal;}
			#information .posts .post .post-content p{color: #4d4d4d; line-height: 24px;}

	#seeMorePost{margin: 40px 0 0 0;}

/*ABOUT PAGE*/
#about{}
	#about h1{padding:25px 0;}
	#about h2{padding-bottom:40px;}
	#about #company-profile p{padding-bottom:40px}

#clients{background:#f7f7f7;}
	#clients h2{padding:25px 0;}
	#clients #logo-container {justify-content:center; padding-bottom:20px;}
		#clients #logo-container .logo{display:flex; height:190px; text-align:center; border-radius:20px; overflow:hidden;}
			#clients #logo-container .logo img{width:55%; margin:60px auto;}
#team{margin-top: 60px;}
	#team h2{padding-bottom:40px;}
	#team #ceo h4{padding-bottom:20px;}
	#team #ceo p{padding-bottom:20px;}
	#team #ceo img{width:220px; height:220px; border-radius:100%;}
	#team #staff #staff-imgs{border-top:1px solid #e1e1e1; padding-top:40px; padding-bottom:40px;}
	#team #staff .staff-member {display: none;}
	#team #staff .staff-member.active {display: block;}
		#team #staff h3{margin-top:10px;}
		#team #staff #position{font-weight:600}
		#team #staff img{width:148px; height:148px; border-radius:100%; opacity:0.5; cursor:pointer;}
		#team #staff img.active{opacity:1;}
		#team #staff p:first-of-type{padding-top:20px;}
		#team #staff p:last-of-type{padding-bottom:40px;}
		#abouttext{min-height:125px;}
/*PRODUCT OVERVIEW PAGE*/
	#solutions h1{padding:25px 0;}
	#solutions h2{padding:64px 0 20px 0;}
	#product-list{}
		#product-list .product-icons{padding: 60px 0;}
		#product-list .product-icons img{height: 203px;}
		#product-list .btn-group{padding:40px 0 0 0;}

		#product-list .snowfall-totals-icon{height:203px; width:195px;}
		#product-list .winter-risk-icon{height:203px; width:185px;}
		#product-list .storm-alert-icon{height:203px; width:203px;}
		#product-list .snowtistics-icon{height:203px; width:196px;}
		#product-list .forecast-management-icon{height:203px; width:203px;}
		#product-list .past-weather-reports-icon{height:203px; width:253px;}
#product-content{height:125px;}
	#testimonials{padding:24px 0 48px 0; background:#f7f7f7;}
		#testimonials .controls{margin-top: 40px;}
		#testimonials h4{padding-bottom:5px;}
		#testimonials p{font-size:18px; font-style:italic;}
		#testimonials #dots{margin:36px 0;}
			#testimonials #dots .dot{position:relative; z-index:9; width:10px; height:10px; margin:0 6px; cursor:pointer; background:#bbb8b8; border-radius:100%;}
			#testimonials #dots .dot.active{background:#4d4d4d;}

#overview-testimonials #testimonials .slider{height:auto;}
	#overview-testimonials #testimonials p{line-height:30px;}

/*PRODUCT HEADERS*/
.cst-header{background:url('../jpg/cst.jpg') center center no-repeat; background-size:cover;}
.fms-header{background:url('../jpg/fms.jpg') center center no-repeat; background-size:cover;}
.stormalert-header{background:url('../jpg/stormalert.jpg') center center no-repeat; background-size:cover;}
.winterrisk-header{background:url('../jpg/weatherrisk-big.jpg') center center no-repeat; background-size:cover;}
.pwr-header{background:url('../jpg/pwr.jpg') center center no-repeat; background-size:cover;}
.snowtistics-header{background:url('../jpg/snowtistics.jpg') center center no-repeat; background-size:cover;}
.radio-header{background:url('../jpg/radio.jpg') center center no-repeat; background-size:cover;}

#product{padding-bottom:55px;}
.product-header{display:flex; align-items:center; justify-content:center; height:249px; margin-bottom:56px;}
	.product-header img{height:140px;}
.productContentBox{margin-bottom:30px; padding:0 20px; background:#f7f7f7;}
#product-info{flex-basis:calc(75% - 1px); border-right:1px solid #13377e;}
	#product-info .padding{padding-right:60px;}
	#product-info h1{padding-bottom:40px;}
	#product-info h3{padding-bottom:20px;}
	#product-info h4{padding:5px 0;}
	#product-info ul{margin:10px 0 0 22px;}
	#product-info a{color:#0088ce;}
	#product-info .view-additional{padding-top:30px;}
	#product-info .feature{width: 31%; padding:10px 5px}
	#product-info .feature .txt-align-center{height: 70px;}
	#product-info .featuresBox{padding: 15px 10px 5px 10px; background:#f7f7f7; border:1px solid #e5e4e4; border-radius:5px;}
	#product-info .padTop{padding-top:30px;}
#stormAlert .toggleBoxHeadline, h4.cstFeatures,
#winterRiskIncluded,.productListHeader {padding:20px 0 0 0!important;}

#product-extra{}
	#product-extra .padding{padding-left:45px;}
	#product-extra .btn{display:flex; align-items: center;}

/*CONTACT PAGE*/
#contact-container{padding-top:30px; padding-bottom:30px;}
	#contact-container .contact-header {display: flex; align-items: flex-end; height: 40px; padding-bottom: 10px;}
#contact-form-container{flex-basis: calc(64% - 1px); padding-right:51px; border-right:1px solid #13377e;}
	#pick-products{margin:20px 0 0 0;}
		#pick-products h3{margin: 20px 0;}
		#pick-products h3 .shrink{font-size:13px; font-weight: 600; font-style: italic; color:#777;}
		#pick-products .selectProducts{margin:30px 0;}
		#pick-products .selectProducts h5{font-size:14px;}
		#pick-products input[type='checkbox']{display:none;}
	#contact-form-container #contact-form{}
		#contact-form-container #contact-form label{display:flex; flex-flow:column; align-items:center; text-align:center; cursor:pointer;}
			#contact-form-container #contact-form label h5{width: 100%; margin: 10px 0; flex: 1 1 auto; display: flex; align-items: flex-end; justify-content: center;}
		#contact-form-container #contact-form input{width:100%; margin:14px 0;}
		#contact-form-container #contact-form input[type='checkbox']{width:auto; height:auto; cursor:pointer;}
		#contact-form-container #contact-form textarea{width:calc(100% - 24px); margin:14px 0; resize:vertical; }
	#contact-form-container #contact-form input[type='submit']{margin:5px 0 30px 0; color:#0088cf; font-size:20px; cursor:pointer;}
	#contact-form-container #contact-form input[type='submit'][disabled]{cursor: auto;}
#contact-info{padding-left:33px;}
	#contact-info h5{padding-top:40px;}
input[type="text"].error,
input[type="select"].error,
input[type="multiselect"].error,
textarea.error{box-shadow: 0 0 3px 2px red;}

/*DATA REQUEST CONTACT FORM*/
.data-request-header {
	margin: 30px 0 20px;
}
.data-request-partner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.data-request-description {
	padding-bottom: 15px;
}

#contact-form-container #contact-form textarea#contact-locations{
	height: 150px;
	width: calc(100% - 33px);
	padding-left: 21px;
}

#contact-form-container #contact-form #contact-timescale {
	display: flex;
	align-items: center;
	margin: 9px 0 23px 0;
	font-family: 'Barlow', sans-serif;
	font-size: 18px;
	color: #13377e;
}
#contact-form-container #contact-form #contact-timescale .contact-timescale-label {
	width: 150px;
	margin-right: 25px;
}
#contact-form-container #contact-form #contact-timescale .contact-timescale-option {
	display: flex;
	flex-flow: row;
	min-width: 110px;
	margin: 5px 20px 5px 0;
	user-select: none;
}
#contact-form-container #contact-form #contact-timescale .contact-timescale-option input[type="checkbox"] {
	height: 0;
	width: 0;
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
#contact-form-container #contact-form #contact-timescale .contact-timescale-option .checkmark {
	height: 35px;
	width: 35px;
	margin-right: 10px;
	border: 1px solid #13377e;
	border-radius: 12px;
}
#contact-form-container #contact-form #contact-timescale .contact-timescale-option .checkmark:after {
	display: none;
	position: relative;
	left: 12px;
	top: 4px;
	width: 9px;
	height: 20px;
	border: solid #13377e;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
	content: "";
}
#contact-form-container #contact-form #contact-timescale .contact-timescale-option input[type="checkbox"]:checked ~ .checkmark:after {
	display: block;
}
#contact-form-container #contact-form #contact-timescale .contact-timescale-option input[type="checkbox"].error ~ .checkmark {
	box-shadow: 0 0 3px 2px red;
}

#snowbidder-logo {height: 20px; padding-left: 5px;}

/*NEWS INDEX PAGE*/
.blog-overview-header{padding-top:25px;}
#search-form{padding-top:10px;}
#search-term{width:100%; margin:20px auto 0 auto; }
.search-btn{position:relative; float:right; margin-top:-30px; z-index:9;}
.blogs-container {display: block;}
#blog-list {display: flex; flex-wrap: wrap; justify-content: space-around;}
#blog-list h2{margin-top:40px;}
#blog-list .btn.blue{margin:60px auto 150px auto; padding:12px 15px;}
.blog-box{display: flex; flex-direction: column; box-sizing: border-box; width: 350px; margin: 140px 10px 0 10px; padding: 30px; border: 3px solid #e1e1e1; text-align: center;}
.blog-box p{flex: 1 1 auto; padding:24px 0 32px 0; line-height:26px; font-style: italic;}
.noImg{width:162px;height:162px;}
.blog-box-img{display: flex; justify-content: center; position:relative; width:160px; height:160px; margin:-120px auto 30px auto; background:#fff; border:1px solid #e7e7e7; border-radius:100%; overflow:hidden;}
	.blog-box-img img{height: 100%;}
.blog-box-title{margin-bottom:10px;}
.blog-box .date, .blog-box .writenBy{font-size:14px;}

#blog-pagination{margin: 50px 0; display: flex; flex-direction: row; justify-content: center;}
	#blog-pagination .btn {display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 5px; border-radius: 100%; text-align: center; background: #0088CE; color: #fff;}
	#blog-pagination .btn.active {background: #ccc; pointer-events: none;}
	#blog-pagination .btn:hover {background: #14377d;}


/*NEWS FOCUS PAGE*/
#blog-header img {display: block; width: 900px; max-width: 100%; margin-left: auto; margin-right: auto;}
#blog-body img {display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#blog-content {padding-bottom: 30px;}
#blog-content * {font-family: 'Barlow', sans-serif;}
	#blog-content h1 {padding-top: 30px;}
	#blog-content h5 {padding: 15px 0 45px 0; font-size: 14px;}
	#blog-content p {padding-bottom: 20px; line-height: 26px;}
	#blog-content a {display: inline;}

.share-social {height: 160px; background: #f7f7f7; display: flex; flex-direction: column; justify-content: center;}
	.share-social .container {display: flex; flex-direction: row; margin: 0 auto; justify-content: center; align-items: center;}
		.share-social h4 {margin: 0 15px;}
		.share-social .social-icons {margin: 0 15px;}
		.share-social img {margin-right: 10px;}

/*LOGO SPRITES*/
.logo-sprites{display: inline-flex; transform:scale(0.5); background:url('../png/sprite-logos.png')no-repeat; cursor:pointer;}

.winter-risk-sprite{width:200px; height:220px;  background-position:0 0;}
.winter-risk-sprite:hover{background-position:0 -220px;}
.storm-alert-sprite{width:200px; height:200px;  background-position:-200px 0;}
.storm-alert-sprite:hover{background-position:-200px -202px;}
.snowtistics-sprite{width:200px; height:200px;  background-position:-400px 0;}
.snowtistics-sprite:hover{background-position:-400px -208px;}
.snowfall-totals-sprite{width:202px; height:208px;  background-position:-600px 0;}
.snowfall-totals-sprite:hover{background-position:-600px -208px;}
.past-weather-reports-sprite{width:252px; height:202px;  background-position:-800px 0;}
.past-weather-reports-sprite:hover{background-position:-800px -202px;}
.forecast-management-sprite{width:200px; height:202px;  background-position:-1052px 0;}
.forecast-management-sprite:hover{background-position:-1052px -200px;}

/*ERROR MESSAGE*/
.error-msg h2 {margin: 40px 0;}

@media (max-width: 1260px) {
	#product-extra .padding .btn {font-size: 13px;}
	#product-extra .padding .btn .btn-icon{margin:0 5px 0 0;}
	.btn-icon-play{display:none;}
}
@media (min-width: 1000px) {
	#blog-content {max-width: 900px;}
}
@media (min-width: 900px) {
	#blog-header img {height: 300px;}
}
@media (max-width: 899px) {
	#blog-header img {height: auto;}
}
@media (max-width:1200px){
	.nav-content .nav-menu{margin-left:40px;}
	.nav-content a{font-size:20px;}
	/*CONTACT*/
	#contact-form-container{flex-basis:100%; padding-right:0; border:0;}
	#contact-info{flex-basis:100%; padding:20px 0 ; border-top: 1px solid #13377e;}
		#contact-methods {display: flex; flex-wrap: wrap; justify-content: left;}
			#contact-address {margin-right: 20px;}
			#contact-phone-numbers {display: flex; flex-wrap: wrap;}
				#contact-phone-numbers .contact-phone-number {margin-right: 20px;}
}
@media (max-width:1050px){
	.largeLetters{height:41px;}
	.smallLetters{height:31px;}
}
@media (min-width:1025px){
	/*HIDE SHOW MOBILE*/
	#mobile-staff,
	#mobile-products,
	#mobile-information,
	#mobile-nav,
	#mobile-nav-content,
	#mobile-home-testimonials,
	#mobile-hereforyou,
	#mobile-testimonials,
	.mobile-product-header{display:none;}
}
@media (max-width:1024px){
	/*HIDE SHOW MOBILE*/
	#mobile-staff,
	#mobile-products,
	#mobile-nav,
	#mobile-nav-content,
	#mobile-home-testimonials
	#mobile-hereforyou,
	#mobile-testimonials,
	.mobile-product-header{display:flex;}

	#staff,
	#products,
	#information,
	#product-icons,
	#home-testimonials,
	#hereforyou,
	#testimonials,
	.product-header,
	nav{display:none;}

	.container{width: calc(100% - 180px); padding:0 90px}
	.container-block {width: calc(100% - 180px); padding: 0 90px;}

	.hide-1024{display:none}
	.justify-center-1024{justify-content:center; text-align: center;}
	.txt-align-left-1024{text-align:left;}

	nav{height:160px;}
	.client-login{height:40px; text-align:right; justify-content:flex-end;}
		.client-login a{align-self:center; font-size: 16px; color:#fff; font-family:'Barlow', sans-serif; font-weight: bold; letter-spacing: 0.08em}
	#mobile-nav .nav-header{display:flex; width: 100%;}
	#mobile-nav .nav-header.open {/*position: fixed; z-index: 1;*/}
	.mobile-logos{display:flex; margin-top:42px; text-align:center;}
		.mobile-logos .mobile-logo{height:54px; margin-top: -5px;}
		.mobile-logos .hamburger{width:30px; height:30px; cursor:pointer;}

	#mobile-nav-links{position:fixed; top: 0; bottom: 0; left: 0; right: 0; z-index:-1; transition-duration:0.5s; background:#048acf; opacity:0.0; color:#fff;}
		#mobile-nav-links .page-links a:first-child{margin-top:50px;}
		#mobile-nav-links .page-links a{display:flex; justify-content:center; margin:30px 0; font-size:31px; color:#fff; text-transform:uppercase; font-family:'Barlow Condensed', sans-serif; letter-spacing:0.08em; font-weight:bold;}
	#mobile-nav-content{width:100%; position:relative; transition-duration:0.5s;}

	.nav-content{display:none;}

	.section-title{display:flex; flex-wrap:wrap;}

	/*HOME PAGE*/
#billboard{height:300px;}
	#billboard h1{font-size:60px; font-weight:bold; line-height:72px; letter-spacing:0.2em;}
	#weather .txtContainer {text-align: left;}
	#mobile-products{background:#f7f7f7;}
	.mobile-product{margin:20px 0;}
		.mobile-product .whole{margin-bottom:20px;}
		.mobile-product img{height:85px; display:inline-flex}
		.mobile-product h2{display:inline-flex; margin-left:20px; padding-bottom:0; font-size:25px; align-self:center;}
		.mobile-product p{line-height:26px;}
		.mobile-product a{padding-top:10px; font-family:'Barlow', sans-serif; color:#0088CE; text-transform:uppercase; font-weight:bold;}
	#mobile-home-testimonials{margin-bottom:40px;}
		#mobile-home-testimonials .slider{height:auto; padding-bottom:20px;}

	#mobile-hereforyou{padding:35px 0; background: url(../jpg/hereforyou-bg.jpg) center center no-repeat;background-size: cover;	}
		#mobile-hereforyou h2{padding-bottom:25px;}
		#mobile-hereforyou ul{width: 100%; margin-top: 15px; padding-top: 15px; padding-left: 30px; border-top: 1px solid #fff;}
			#mobile-hereforyou ul li::before{color:#fff;}
			#mobile-hereforyou li,
			#mobile-hereforyou p,
			#mobile-hereforyou h2{color:#fff;}
	#mobile-information{padding:40px 0;}
	#mobile-information h2{padding:0;}
		#mobile-information .blog-box img{width:160px; height:160px;}

	/*NEWS FOCUS PAGE*/
	#blog-content{padding:0;}

	/*ABOUT US PAGE*/
	#about{padding-bottom:0}
	#about .container p{width:100%;}
	#clients h2{padding:0 0 50px 0;}
		#clients #logo-container .logo{height:130px;}
			#clients #logo-container .logo img{margin:30px auto;}
	#team{margin-top: 30px;}
	#team #ceo .quarter,#ceo .threequarter{flex-basis:100%;}
	#team #ceo img{display:flex; margin:0 auto; margin-bottom:10px; border-radius:100%;}
	#team #ceo h4{padding-bottom:0;}
	#team .mtt-h2{justify-content: center;}
	#mobile-staff img{display:block; width:148px; height:148px; margin:0 auto; margin-bottom:10px; border-radius:100%;}
	#mobile-staff .slider-wrap{flex-basis:100%!important;}
	#mobile-staff .slider{height:auto; padding-bottom:20px;}
	#mobile-staff .controls{position:relative; z-index:9; top:90px;}
	#mobile-staff h4,#ceo h4{margin-bottom:10px; font-size:12px;}

	/*PRODUCT INDEX*/
	#mobile-testimonials{padding-bottom:20px; background:#f7f7f7;}
		#mobile-testimonials .slider-wrap{flex-basis:100%; }
		#mobile-testimonials .slider{height:auto; padding-bottom:10px;}

	/*PRODUCT SPECIFIC*/
	#product{padding-bottom:20px;}
	#product .section-title{text-align:center; font-size:38px;}
	.mobile-product-header{align-items:center; height:162px; margin-bottom:50px;}

		.mobile-product-header img{height:60px;}
		 .pwr-header img{height:100px;}
	#product-info{flex-basis:100%; margin-bottom:50px; padding-bottom:20px; border-right:0; border-bottom:1px solid #13377e;}
		#product-info .padding{padding:0;}
		#product-info .features{flex-wrap:wrap;}
		#product-info .feature{flex-basis:100%;}
	#product-extra{flex-basis:100%;}
		#product-extra .padding{Display:flex; Flex-wrap:wrap; padding:0; Justify-content:space-around; }
			#product-extra .padding .btn{min-width:240px;}
			#product-extra .padding .btn-icon-play{display:block;}
			#product-extra .padding .btn .btn-icon{margin:0 10px 0 0;}

	.cst-header{background:url('../jpg/cst-2.jpg') center center no-repeat; background-size:cover;}
	.fms-header{background:url('../jpg/fms-2.jpg') center center no-repeat; background-size:cover;}
	.stormalert-header{background:url('../jpg/stormalert-2.jpg') center center no-repeat; background-size:cover;}
	.winterrisk-header{background:url('../jpg/weatherrisk-small.jpg') center center no-repeat; background-size:cover;}
	.pwr-header{background:url('../jpg/pwr-2.jpg') center center no-repeat; background-size:cover;}
	.snowtistics-header{background:url('../jpg/snowtistics-2.jpg') center center no-repeat; background-size:cover;}

	/*FOOTER*/
	footer input{width:100%; margin:0; padding:0;}
	footer textarea{margin:0;}
	footer input[type="submit"]{display:block; margin: 0 auto; text-indent:0;}
	footer .social-icons{flex-basis:100%; justify-content: space-between;}
	footer .site-map-privacy, footer .address{flex-basis:100%; margin-top:30px;}
		footer .icon{display:inline-flex; }


	.sampleBox{max-width:260px;}
}

@media (max-width:768px){
	.container{width:calc(100% - 60px); padding:0 30px;}
	.container-block {width: calc(100% - 60px); padding: 0 30px;}

	#blog-content h1 {font-size: 40px;}

	#product-info .features{padding: 0 20px;}
	#product-info .feature{padding: 10px 0;}
	#product-info .feature, #product-info p{width:100%;}
}
@media (max-width:600px){
	#product-extra .padding .btn{flex-basis:100%}

	#blog-pagination .btn {display:none;}
	#blog-pagination .btn.prv,
	#blog-pagination .btn.active,
	#blog-pagination .btn.nxt{display:block;}

	.share-social a{ padding-top: 5px;}

.sampleBox{max-width:100%;width:100%}
}
@media (max-width:400px){
	.blog-box{width:100%}

	#blog-content h1 {font-size: 36px;}

	#contact-form-container #contact-form label{justify-content:start;}
	.snowfall-totals-icon{height:58px; width:57px;}
	.winter-risk-icon{height:61px; width:53px;}
	.storm-alert-icon{height:67px; width:68px;}
	.snowtistics-icon{height:56px; width:53px;}
	.forecast-management-icon{height:61px; width:61px;}
	.past-weather-reports-icon{height:53px; width:74px;}
}
@media (max-width:1233px){
	.sampleBox h3{display:block!important; margin-top: 6px; text-align:center;  font-size: 16px; }
	.sampleBox img{display:block!important; margin: 0 auto;}

	.time{text-align: right; }
	.audioTitle{display: block;}
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #noSupport{display:block!important; margin: 10px 0; text-align:center;}
	.audioSample{display:none}
}
/*AUDIO PLAYER*/
#noSupport{display:none;}
.sampleBox{padding: 15px 10px 5px 10px; background:#f7f7f7; border:1px solid #e5e4e4; border-radius:5px}
	.sampleBox h3{display: inline-block;}
	.sampleBox img{display:inline-block;}
.audioSample{width:100%;margin: 30px 0 20px 0;}
.audioTitle{color:#818181; float:right;}
.ply{display:inline-block!important; margin-right:10px;}
.time{display: inline-block; width:calc(100% - 36px); position: relative; top: -4px; color:#818181;}

.progress-bar {-webkit-appearance: none; appearance: none; width: 100%; height: 5px; background: #cbc5c5; border-radius: 30px;}
.progress-bar::-webkit-slider-thumb { -webkit-appearance: none; height: 10px; width: 7px; margin-top: -3px; margin-left: 0px; border: 0; background: #0088cf; border-radius: 30px; cursor: pointer;}
.progress-bar::-webkit-slider-runnable-track { -webkit-appearance: none; appearance: none; cursor: pointer; max-height: 5px; border-radius: 30px;}
.progress-bar:focus {outline: none;}

/*Play + Pause btns*/
.gg-play-pause-o{cursor:pointer;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:22px;color:#818181;}.gg-play-pause-o::before{content:"";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;left:6px;top:6px;border-left:2px solid;border-right:2px solid;color:#818181;}.gg-play-button-o{cursor:pointer;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:20px;color:#818181;}.gg-play-button-o::before{content:"";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid;top:4px;left:7px}