/* ----------------------------------

Name:style.css
Version:1.0.0

----------------------------------

Table of Contents

1.  Reset
2.  Typography
3.  Float, Display, Margin, Padding and position
4.  Wordpress default insert image classess
5.  Page titles
6.  Button


/* ===================================
    Reset
====================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display:block; }

html { -webkit-font-smoothing:antialiased; }

body {  margin: 0 auto; padding: 0; -webkit-text-size-adjust: none;  -webkit-font-smoothing:antialiased; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; -webkit-font-moothing: ntialiased;-webkit-text-stroke-width: 0.1px;font-family: 'Montserrat', sans-serif;font-size:14px;color: #fff;background: #010e2e;position: relative;}

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:before,
*:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.nav:before,
.nav:after { display:table; content:" "; }

.clearfix:after,
.container:after,
.row:after, .nav:after { clear:both; }

.hide { display:none !important; }
.show { display:block !important; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

img { vertical-align:middle; border:0; outline: none; max-width: 100%;}
a img { outline: none; }

a {outline:none;text-decoration:none;font-size: 16px; color: #132576; line-height:25px;}
a:hover { outline:none;text-decoration: none;color: #ff4b4b;}
a:focus { outline:none;text-decoration: none;}

a[href^=tel] { color:inherit; text-decoration:none; }
p{ font-size: 16px; line-height:22px; margin:0 0 15px;}
span{}
strong{  }

ol, ul{margin:0; padding: 0 0 0 20px;}

ol li,ul li{font-size: 16px; line-height:22px;}



input, select, textarea, input.Textbox, input[type="text"] {color: #333; line-height:normal; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
input.Textbox, textarea, input[type="text"], input[type="password"] {background: #fff;font-size: 16px;color: #000;padding:10px 20px;border: 0;width: 100%;margin-bottom: 10px;}
textarea {height:auto;padding:10px 20px;}




input:focus,
textarea:focus {
	outline: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance:button; cursor:pointer; }

table,
th,
td{ border: 1px solid #fff; padding: 10px 15px; color: #fff;}
table { border-collapse: collapse;}


/* ===================================
    Reset END
====================================== */

/* ===================================
    Typography
====================================== */

h1,h2,h3,h4,h5,h6{ padding:0; margin:0 0 10px;font-family: 'Montserrat', sans-serif;color: #fff;}
h1 {font-size:30px;font-weight: 600;}
h2 {font-size:24px;font-weight: bold;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);}
h3 {font-size:20px;font-weight: 500;}
h4 {font-size:19px;}
h5 {font-size:18px;}
h6 {font-size:17px;}

/* ===================================
    Typography END
====================================== */

/* ===================================
    Float, Display, Margin, Padding and position
====================================== */
/*Float*/
.fl { float:left; }
.fr { float:right; }
.no-float { float:none;}

/* ===================================
    Wordpress default insert image classess
====================================== */

.alignnone { margin: 0 !important; display:block !important;}
.aligncenter{ margin:auto auto 15px auto; display:inline-block; }
.alignright { float: right; margin:15px 0 15px 15px !important;  }
.alignleft { float: left; margin: 0  15px 15px 0 !important;  }


/* ===================================
    Wordpress default insert image classess  END
====================================== */

/* ===================================
    Button
====================================== */

.button{font-size:16px;font-weight: bold;text-transform: uppercase;color: #010e2e;background: #fff;border-radius: 5em;padding:10px 20px;display: inline-block; vertical-align: middle;line-height: 18px;}
.button:hover{background:#c50031;}


/* ===================================
    Button END
====================================== */

/*homepage*/
body{position: relative;}
.inner-detail {position: relative;z-index: 5;}
.home:before{background:url(../images/home-bg.jpg) no-repeat;position: absolute;content: "";width: 100%;height: 640px;top: 0;left: 0;background-size: cover;z-index: -1;background-position: center;}
body:after{
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(1,14,46,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(1,14,46,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(1,14,46,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(1,14,46,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(1,14,46,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(1,14,46,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#010e2e', GradientType=0 );
position: absolute; content:"";height:480px;top:160px;z-index:1;right: 0;left: 0;}


.top-add {margin: 22px 4px 22px 18px;}
.logo{max-width: 385px;margin-top: 23px;float: left;margin-bottom: 36px;		}
.navigation-bar{background: #010e2e;}
.navigation-links ul{padding: 0;font-size: 0;margin: 0 -12px;}
.navigation-links ul li{display: inline-block; vertical-align: middle;margin: 0 12px;}
.navigation-links ul li a{color: #fff;display: inline-block;vertical-align: middle;padding: 15px 0;border-bottom:4px solid transparent;}
.active-menu {border-color: #ffffff !important;font-weight: bold;}
.navigation-links ul li a:hover{border-color: #fff;}
.navigation-links ul li ul{padding: 10px 0;display: none;}
.navigation-links ul li ul li {margin: 0;}
.navigation-links ul li ul li a{border: 0;padding: 5px 10px !important;}
.navigation-links ul li a span{display: inline-block;vertical-align: middle;background: url(../images/down-arrow.png) no-repeat;width: 12px;height: 6px;margin-left: 5px;}
form{margin-bottom: 50px;}

.navigation-links ul ul ul {left: 100%; top: 100%;}


.footer{background: #142982;padding-top: 14px;text-align: center;padding-bottom: 20px;}
.footer-links {margin-top: 32px;}
.footer-links ul{padding: 0;font-size: 0;}
.footer-links ul li{display: inline-block; vertical-align: middle;margin: 0 9px;}
.footer-links ul li a{color: #49aee2;display: inline-block;vertical-align: middle;padding:10px 0 !important;border-bottom:4px solid transparent;}
.footer-links ul li a:hover{color: #ff4b4b;}
.copyright {margin-top: 10px;}
.copyright p{margin: 0;font-weight: 500;}
.copyright p a{color: #fff;}

.uptadet-text{background: #c70200;margin: 15px 0 13px;}
.uptadet-text p{font-size: 20px;font-weight: 600;margin: 0;padding:8px 11px 7px 11px;}
.uptadet-text p a{font-weight: bold;color: #fff;margin-left: 20px;font-size: 20px;}

.imagery-item-inner{margin: 0 -15px;}

/*single-img*/
.imagery-item-inner.imagery-itemsingle {margin: 0;}
.imagery-itemsingle .imagery-item{margin: 0 0 14px 0;width: 100%;text-align: center;}
.imagery-itemsingle .imagery-img a{width: 100%;}
.imagery-itemsingle .imagery-img a img{width: 100%;}
/*two-img*/
.imagery-itemtwo .imagery-item{width:361px;text-align: center;margin:0 14px 14px;}

/*three-img*/
.imagery-itemthree .imagery-item{width:228px;text-align: center;margin:0 14px 14px;}

/*four-img*/
.imagery-itemfour .imagery-item{width:166px;text-align: center;margin:0 14px 14px;}
.imagery-itemfour .imagery-content h3{font-size: 16px;}
.imagery-itemfour .imagery-content p{font-size: 14px;}

.imagery-img{border: 2px solid #fff;}
.imagery-img a{display: inline-block;vertical-align: top;}
.imagery-content h3{margin-bottom:0px;margin-top: 8px;}
.imagery-content p{color: #85d6ff;font-weight: 500;}

.add-banner {margin:38px 0 44px;}

.blog-post{border-bottom: 1px solid #fff;padding-bottom: 20px;}
.blog-post h2 {margin-bottom: 8px;}
.blog-image{width: 263px;margin-top: 7px;}
.blog-content {padding-left: 32px;width: 487px;}
.blog-content span{font-size: 16px;font-weight: 500;margin-bottom: 7px;display: block;}
.blog-content span a{color: #49aee2;}
.blog-content span a:hover{color: #ff4b4b;}

.weather-report {border-bottom: 1px solid #ffffff;padding: 20px 0 18px;}
.report2{border-color: #979797;}
.weather-report ul{padding: 0;font-size: 0;margin: 0 -15px;}
.weather-report ul li{display: inline-block;vertical-align: top;width:25%;text-align: center;padding: 0 15px;}
.report-img {background: #ffffff none repeat scroll 0 0;border: 1px solid #ffffff;text-align: center;width:100%;}
.report-content p{font-size: 14px;color: #85d5ff;font-weight: 500;line-height: 17px;margin-top: 8px;margin-bottom: 0;}
.report-img img.lazyloaded {width: 100%;}

.video-inner{border: 2px solid #fff;height: 205px;width: 100%;}


.social-section {margin: 25px 0 20px;}
.detail .social-section {margin: 25px 0 20px;}
.social-section ul{padding: 0; font-size: 0;}
.social-section ul li{display: block;margin-bottom: 18px;}
.social-section ul li a {color: #85d6ff;display: inline-block;font-size: 20px;padding:2px 0 2px 56px;vertical-align: middle;}
.social-section ul li a:hover{color: #ff4b4b;}
.twitter a{background: url(../images/Twitter.png) no-repeat;background-position: 0px 0px;}
.fb a{background: url(../images/Facebook.png) no-repeat;background-position:10px 0px;}
.comments a{background: url(../images/Comments.png) no-repeat;background-position:3px 0px;}

.tweet-post {margin: 30px 0 50px;}
.detail .strom-guide {margin-bottom: 0;}
.strom-guide {margin: 38px 0 30px;}
.strom-guide h2{margin-bottom: 14px;}
.image-map p {background:#000;font-size: 18px;font-weight: bold;margin: 0;padding: 4px 0;text-align: center;text-transform: uppercase;width: 100%;}
.image-map span {background:#000;display: inline-block;font-size: 13px;margin: 0;text-align: center;vertical-align: middle;width: 100%;}
.image-map img[usemap] {border: none;height: auto;max-width: 100%;width: auto;}



.web-cams{margin-bottom: 20px;}
.web-cams-inner{margin-top: 18px;}
.webcams-img img.lazyloaded {
  width: 100%;
}
.webcams-slider{margin: 0 -15px;}
.webcams-item{width: 164px;text-align: center;float: left;margin: 0 15px;}
.webcams-img{border: 1px solid #fff;}
.webcams-text a{color: #85d5ff;font-size: 14px;font-weight: 500;line-height: 17px;margin-bottom: 0;margin-top: 8px;display: inline-block;vertical-align: top;min-height: 34px;}
.webcams-text a:hover{color: #ff4b4b;}
.slick-arrow {height: 26px;top:59px;width: 16px;}
.slick-prev{left: 0;}
.slick-prev::before {background:url("../images/prev-arrow.png") no-repeat scroll 0 0;content: "";height:100%;left: 0;position: absolute;width:100%;z-index: 1;top: 0;}
.slick-prev:after{position: absolute;content: "";height: 168px;width:94px;top:-50px;left:0px;z-index: -1;
background: rgba(1,14,46,1);
background: -moz-linear-gradient(left, rgba(1,14,46,1) 28%, rgba(1,14,46,0.93) 33%, rgba(1,14,46,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(28%, rgba(1,14,46,1)), color-stop(33%, rgba(1,14,46,0.93)), color-stop(100%, rgba(1,14,46,0)));
background: -webkit-linear-gradient(left, rgba(1,14,46,1) 28%, rgba(1,14,46,0.93) 33%, rgba(1,14,46,0) 100%);
background: -o-linear-gradient(left, rgba(1,14,46,1) 28%, rgba(1,14,46,0.93) 33%, rgba(1,14,46,0) 100%);
background: -ms-linear-gradient(left, rgba(1,14,46,1) 28%, rgba(1,14,46,0.93) 33%, rgba(1,14,46,0) 100%);
background: linear-gradient(to right, rgba(1,14,46,1) 28%, rgba(1,14,46,0.93) 33%, rgba(1,14,46,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010e2e', endColorstr='#ffffff', GradientType=1 );
}

.slick-next {right: 8px;}
.slick-next::before {background:url("../images/next-arrow.png") no-repeat scroll 0 0;content: "";height:100%;right: 0;position: absolute;top: 0;width:100%;z-index: 1;}
.slick-next:after{position: absolute;content: "";height: 168px;width: 60px;top:-50px;right: -10px;z-index: -1;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(1,14,46,0) 0%, rgba(1,14,46,0.46) 33%, rgba(1,14,46,1) 71%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,14,46,0)), color-stop(33%, rgba(1,14,46,0.46)), color-stop(71%, rgba(1,14,46,1)));
background: -webkit-linear-gradient(left, rgba(1,14,46,0) 0%, rgba(1,14,46,0.46) 33%, rgba(1,14,46,1) 71%);
background: -o-linear-gradient(left, rgba(1,14,46,0) 0%, rgba(1,14,46,0.46) 33%, rgba(1,14,46,1) 71%);
background: -ms-linear-gradient(left, rgba(1,14,46,0) 0%, rgba(1,14,46,0.46) 33%, rgba(1,14,46,1) 71%);
background: linear-gradient(to right, rgba(1,14,46,0) 0%, rgba(1,14,46,0.46) 33%, rgba(1,14,46,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#010e2e', GradientType=1 );
}
.slick-prev[aria-disabled="true"] {opacity: 0;}


/*advance-page*/
.advance:before{background:url(../images/advancepage-bg.jpg) no-repeat;position: absolute;content: "";width: 100%;height: 640px;top: 0;left: 0;background-size: cover;z-index: -1;background-position: center;}
.welcome-note {border-bottom: 1px solid #ffffff;margin-top: 15px;padding-bottom: 10px;}

/*detail*/
.detail:before{background:url(../images/detailpage-bg.jpg) no-repeat;position: absolute;content: "";width: 100%;height: 640px;top: 0;left: 0;background-size: cover;z-index: -1;background-position: center;}
.satellite-hd-view {border-bottom: 1px solid #ffffff;padding-bottom: 30px;}
.satellite-hd-view h2{margin-bottom:16px;}
.hdview-map {border-bottom: 1px solid rgb(255, 255, 255);padding-bottom: 30px;}
.hdview-map > h2 {margin-bottom: 20px;}
.hdview-map .map-button {margin-top: 24px;text-align: center;width: 100%;cursor: pointer;}
.hdview-map .map-button img{width: auto;}
.hdview-map img{width: 100%;cursor: pointer;}
.map-button ul{font-size: 0;padding: 0;}
.map-button ul li{display: inline-block;vertical-align: middle;margin: 0 15px;}
.map-button ul li input{background: none;border: 0;height: 21px;}
.map-button ul li.last-fram input{background: url(../images/video-control1.png) no-repeat;background-position: center;width: 21px;height: 20px;}
.map-button ul li.step input{background: url(../images/video-control2.png) no-repeat;background-position: center;width:17px;}
.map-button ul li.backward-slowly input{background: url(../images/video-control3.png) no-repeat;background-position: center;width: 18px;}
.map-button ul li.backward-quickly input{background: url(../images/video-control4.png) no-repeat;background-position: center;width: 27px;}
.map-button ul li.forward-quickly input{background: url(../images/video-control5.png) no-repeat;background-position: center;width: 27px;}
.map-button ul li.forward-slowly input{background: url(../images/video-control6.png) no-repeat;background-position: center;width: 18px;}
.map-button ul li.forward-frame input{background: url(../images/video-control7.png) no-repeat;background-position: center;width: 17px;}
.map-button ul li.stop-frame input{background: url(../images/video-control8.png) no-repeat;background-position: center;width: 32px;}

.detail .welcome-note > h2 {margin-bottom: 18px;margin-top: 20px;}

.detail .social-section .at-share-btn{border-radius: 0 !important;}






/* Important styles */
#toggle {float: right;height: 30px;margin: 10px 0 0;width: 28px;}
#toggle:after {position: absolute;bottom:0px;right:20px;content: "";display: block;border-left:7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid white;display: none;}
.on#toggle:after{display: block;}
#toggle span:after, #toggle span:before {content: "";position: absolute;left: 0;top: -9px;}
#toggle span:after {top: 9px;}
#toggle span {position: relative;display: block;}
#toggle span, #toggle span:after, #toggle span:before {width: 100%;height: 5px;background-color: #fff;transition: all 0.3s;backface-visibility: hidden;border-radius: 2px;}
/* on activation */
#toggle.on span {background-color: transparent;}
#toggle.on span:before {transform: rotate(45deg) translate(5px, 5px);}
#toggle.on span:after {transform: rotate(-45deg) translate(7px, -8px);}
#toggle.on + #menu {opacity: 1;visibility: visible;display: block;}
/* menu appearance*/
#menu {background: #ffffff;box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);color: #999999;position: absolute;right: 0;text-align: left;top: 100%;transition: opacity 0.4s ease 0s;width: 100%;z-index: 5;height: 295px;overflow-y: scroll;overflow-x: hidden;}


/*img.lazy{background: url(../images/big-loading-gif.gif) no-repeat;background-size:20% auto;background-position: center;}*/

.lazyload,
.lazyloading {
 opacity: 0.5;
 text-align: center;
}
.lazyloaded {
 opacity: 1;
 transition: opacity 300ms;
}


		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		  .lazyloaded { width: 100%;}
			.imagery-item {margin: 0 14px 7px;}
			.blog-content {width: 486px;}
}

@media screen and (min-width:0) and (min-resolution:.001dpcm) {

	.lazyloaded { width: 100%;}
  .imagery-item {margin: 0 14px 14px;}
  .blog-content {width: 486px;}

}


.strom-guide .image-map map area {
  display: block !important;
}
#warnings{
    min-height: 40px;
}