/*Base - base style , variables , mixin etc*/
/*Base Font Family and Font Size */
/*Base Font Family and Font Size */
/*$tw-1360:140px;
$hw-1360:94px;
$ww-1360:105px;
$rw-1360:106px;
$text-1360: 0.7rem;
$val-1360:1.0rem;*/
@font-face {
  font-family: 'NotoSans-Bold';
  src: url("../../fonts/NotoSans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'NotoSans-Light';
  src: url("../../fonts/NotoSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'NotoSans-ExtraLight';
  src: url("../../fonts/NotoSans-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: 'NotoSans-Regular';
  src: url("../../fonts/NotoSans-SemiBold.ttf") format("truetype"), url("../../fonts/NotoSans-Regular.ttf") format("truetype"), url("../../fonts/NotoSans-Medium.ttf") format("truetype"), url("../../fonts/NotoSans-Light.ttf") format("truetype"), url("../../fonts/NotoSans-Italic.ttf") format("truetype"), url("../../fonts/NotoSans-ExtraLight.ttf") format("truetype"), url("../../fonts/NotoSans-BoldItalic.ttf") format("truetype"), url("../../fonts/NotoSans-Bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Barlow-ExtraLight';
  src: url("../../fonts/Barlow-ExtraLight.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Barlow-Bold';
  src: url("../../fonts/Barlow-Bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Barlow-Thin';
  src: url("../../fonts/Barlow-Thin.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Barlow-Light';
  src: url("../../fonts/Barlow-Light.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Barlow-Regular';
  src: url("../../fonts/Barlow-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Barlow-Medium';
  src: url("../../fonts/Barlow-Medium.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'OpenSans-Regular';
  src: url("../../fonts/OpenSans-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: url("../../fonts/OpenSans-Bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url("../../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url("../../fonts/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Montserrat-Medium';
  src: url("../../fonts/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Montserrat-Light';
  src: url("../../fonts/Montserrat-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'Montserrat-Thin';
  src: url("../../fonts/Montserrat-Thin.ttf") format("truetype");
}


.f,._degreef{display:none;}
#galleria-loader{height:1px!important}.galleria-theme-classic{position:relative;overflow:hidden;background:#000}.galleria-theme-classic img{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none}.galleria-theme-classic .galleria-stage{position:absolute;top:10px;bottom:60px;left:10px;right:10px;overflow:hidden}.galleria-theme-classic .galleria-thumbnails-container{height:50px;bottom:0;position:absolute;left:10px;right:10px;z-index:2}.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list{margin-left:30px;margin-right:30px}.galleria-theme-classic .galleria-thumbnails .galleria-image{height:40px;width:60px;background:#000;margin:0 5px 0 0;border:1px solid #000;float:left;cursor:pointer}.galleria-theme-classic .galleria-counter{position:absolute;bottom:10px;left:10px;text-align:right;color:#fff;font:400 11px/1 arial,sans-serif;z-index:1}.galleria-theme-classic .galleria-loader{background:#000;width:20px;height:20px;position:absolute;top:10px;right:10px;z-index:2;display:none;background:url(classic-loader.gif) no-repeat 2px 2px}.galleria-theme-classic .galleria-info{width:100%;top:15px;left:15px;z-index:2;position:absolute}.galleria-theme-classic .galleria-info-text{background-color:#000;padding:12px;display:none;zoom:1}.galleria-theme-classic .galleria-info-title{font:700 12px/1.1 arial,sans-serif;margin:0;color:#fff;margin-bottom:7px}.galleria-theme-classic .galleria-info-description{font:italic 12px/1.4 georgia,serif;margin:0;color:#bbb}.galleria-theme-classic .galleria-info-close{width:9px;height:9px;position:absolute;top:5px;right:5px;background-position:-753px -11px;opacity:.5;cursor:pointer;display:none}.galleria-theme-classic .notouch .galleria-info-close:hover{opacity:1}.galleria-theme-classic .touch .galleria-info-close:active{opacity:1}.galleria-theme-classic .galleria-info-link{background-position:-669px -5px;opacity:.7;position:absolute;width:20px;height:20px;cursor:pointer;background-color:#000}.galleria-theme-classic.notouch .galleria-info-link:hover{opacity:1}.galleria-theme-classic.touch .galleria-info-link:active{opacity:1}.galleria-theme-classic .galleria-image-nav{position:absolute;top:50%;margin-top:-62px;width:100%;height:62px;left:0}.galleria-theme-classic .galleria-image-nav-left,.galleria-theme-classic .galleria-image-nav-right{opacity:.3;cursor:pointer;width:62px;height:124px;position:absolute;left:10px;z-index:2;background-position:0 46px}.galleria-theme-classic .galleria-image-nav-right{left:auto;right:10px;background-position:-254px 46px;z-index:2}.galleria-theme-classic.notouch .galleria-image-nav-left:hover,.galleria-theme-classic.notouch .galleria-image-nav-right:hover{opacity:1}.galleria-theme-classic.touch .galleria-image-nav-left:active,.galleria-theme-classic.touch .galleria-image-nav-right:active{opacity:1}.galleria-theme-classic .galleria-thumb-nav-left,.galleria-theme-classic .galleria-thumb-nav-right{cursor:pointer;display:none;background-position:-495px 5px;position:absolute;left:0;top:0;height:40px;width:23px;z-index:3;opacity:.8}.galleria-theme-classic .galleria-thumb-nav-right{background-position:-578px 5px;border-right:none;right:0;left:auto}.galleria-theme-classic .galleria-thumbnails-container .disabled{opacity:.2;cursor:default}.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover,.galleria-theme-classic.notouch .galleria-thumb-nav-right:hover{opacity:1;background-color:#111}.galleria-theme-classic.touch .galleria-thumb-nav-left:active,.galleria-theme-classic.touch .galleria-thumb-nav-right:active{opacity:1;background-color:#111}.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover{opacity:.2;background-color:transparent}.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left,.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right{display:block}.galleria-theme-classic .galleria-image-nav-left,.galleria-theme-classic .galleria-image-nav-right,.galleria-theme-classic .galleria-info-close,.galleria-theme-classic .galleria-info-link,.galleria-theme-classic .galleria-thumb-nav-left,.galleria-theme-classic .galleria-thumb-nav-right{background-image:url(classic-map.png);background-repeat:no-repeat}.galleria-theme-classic.galleria-container.videoplay .galleria-counter,.galleria-theme-classic.galleria-container.videoplay .galleria-info{display:none!important}
a.white {
  color: white;
  margin: 2px;
}
a.white:hover {
  color: #eb6933;
}
a.white:visited {
  color: white;
}
.w-37per {
  width: 37%;
}

@media screen and (min-width: 992px) {
  .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .navbar .nav-item {
    padding: .5rem .5rem;
    margin: 0 .25rem;
  }

  .navbar .nav-item:first-child {
    padding-left: 0;
  }
  .navbar .dropdown {
    position: static;
  }
  .navbar .dropdown-menu {
    width: 757px;
    box-shadow: 0 2px 5px 0 rgba(78, 72, 72, 0.55);
    background-color: #f6f7f6;
    left: 0;
    right: 0;
    top: 50px;
    margin: 0;
    padding: 0;
    margin-top: 2px;
  }

  .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
    display: block !important;
  }

  .dropdown-menu {
    border-radius: 0;
  }
}
.carousel {
  position: relative;
  display: block;
  width: 100%;
}
label.health {
  text-transform: uppercase;
  background-color: #f1a12b;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #FFFFFF;
}

label.weather {
  text-transform: uppercase;
  background-color: #eb6933;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #FFFFFF;
}

label.travel {
  text-transform: uppercase;
  background-color: #1f5dea;
  float: left;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #FFFFFF;
}

label.food {
  text-transform: uppercase;
  background-color: #6741dc;
  float: left;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #FFFFFF;
}

label.climate {
  text-transform: uppercase;
  background-color: #4dcf8f;
  float: left;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #FFFFFF;
}

.carousel-item > a > .overlay {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.54) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.54) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.54) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24000000', endColorstr='#57000000',GradientType=0 );
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 385px;
  border-radius: 4px;
}

.carousel-item > a {
  display: block;
  position: relative;
  border-radius: 4px;
}

.carousel-item > a > img {
  width: 100%;
  height: 385px;
  border-radius: 4px;
}

.carousel-item > a > .carousel-caption {
  position: absolute;
  top: 15px;
  left: 15px;
}
.carousel-control-prev {
  position: absolute;
  top: -323px;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
  right: -88%;
}

.carousel-control-next {
  position: absolute;
  top: -323px;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* width: 15%; */
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
  right: 0%;
}



/* line 472, ../../../../../Htmls/mobile/scss/base/_base.scss */
.prev:hover {
  opacity: 1;
}

/* line 476, ../../../../../Htmls/mobile/scss/base/_base.scss */
.prev :hover {
  opacity: 1;
}


/* line 484, ../../../../../Htmls/mobile/scss/base/_base.scss */
.left-right-no-margin {
  margin-left: 0;
  margin-right: 0;
}

/* line 489, ../../../../../Htmls/mobile/scss/base/_base.scss */
.no-left-margin {
  margin-left: 0;
}

/* line 493, ../../../../../Htmls/mobile/scss/base/_base.scss */
.no-right-margin {
  margin-right: 0;
}

/* line 497, ../../../../../Htmls/mobile/scss/base/_base.scss */
.no-left-paddng {
  padding-left: 0;
}

/* line 501, ../../../../../Htmls/mobile/scss/base/_base.scss */
.no-right-padding {
  padding-right: 0;
}

/* line 505, ../../../../../Htmls/mobile/scss/base/_base.scss */
.padd-top-bottom-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* line 510, ../../../../../Htmls/mobile/scss/base/_base.scss */
.margin-15-0-15-15 {
  margin: 15px 0px 15px 15px;
}

/* line 514, ../../../../../Htmls/mobile/scss/base/_base.scss */
.margin-15 {
  margin: 15px;
}

/* line 518, ../../../../../Htmls/mobile/scss/base/_base.scss */
.margin-right-20 {
  margin-right: -20px;
}

/* line 522, ../../../../../Htmls/mobile/scss/base/_base.scss */
.pd-top32 {
  padding-top: 32%;
}

/* line 526, ../../../../../Htmls/mobile/scss/base/_base.scss */
.pd-top15 {
  padding-top: 12%;
}

/* line 530, ../../../../../Htmls/mobile/scss/base/_base.scss */
.pd-top10 {
  padding-top: 10px;
}

/* line 534, ../../../../../Htmls/mobile/scss/base/_base.scss */
.pd-left0 {
  padding-left: 0px;
}

/* line 538, ../../../../../Htmls/mobile/scss/base/_base.scss */
.pd-right0 {
  padding-right: 0px;
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@keyframes placeHolderShimmer {
  /* line 543, ../../../../../Htmls/mobile/scss/base/_base.scss */
  0% {
    background-position: -468px 0;
  }

  /* line 547, ../../../../../Htmls/mobile/scss/base/_base.scss */
  100% {
    background-position: 468px 0;
  }
}

/* line 552, ../../../../../Htmls/mobile/scss/base/_base.scss */
.animated-background {
  position: relative;
}

/* line 556, ../../../../../Htmls/mobile/scss/base/_base.scss */
.forecast-loading-item {
  height: 489px;
}

/* line 560, ../../../../../Htmls/mobile/scss/base/_base.scss */
.background-masker {
  background: #7b8a92;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #8d999f;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px;
}

/* line 572, ../../../../../Htmls/mobile/scss/base/_base.scss */
.background-masker {
  margin: 8px;
}

/* line 576, ../../../../../Htmls/mobile/scss/base/_base.scss */
.background-masker.temperature-load {
  width: 100px;
  height: 100px;
}

/* line 581, ../../../../../Htmls/mobile/scss/base/_base.scss */
.background-masker.location-state-district-load {
  width: 160px;
  height: 20px;
}

/* line 586, ../../../../../Htmls/mobile/scss/base/_base.scss */
.background-masker.location-state-tehshil-load {
  width: 180px;
  height: 10px;
}

/* line 591, ../../../../../Htmls/mobile/scss/base/_base.scss */
.background-masker.aqivalue-load {
  width: 60px;
  height: 60px;
}

/* line 596, ../../../../../Htmls/mobile/scss/base/_base.scss */
.background-masker.aqi-prescription-load {
  width: 140px;
  height: 8px;
}

/* line 601, ../../../../../Htmls/mobile/scss/base/_base.scss */
.background-masker.gauge-load {
  width: 300px;
  height: 10px;
}

/* line 606, ../../../../../Htmls/mobile/scss/base/_base.scss */
.background-masker.bktibx-load {
  width: 148px;
  height: 148px;
  display: inline-block;
  list-style: none;
}

/* line 613, ../../../../../Htmls/mobile/scss/base/_base.scss */
.background-masker.bktibx-load-first {
  margin-left: -30px;
}

/* line 617, ../../../../../Htmls/mobile/scss/base/_base.scss */
.custumul li {
  list-style: none;
}

/* line 621, ../../../../../Htmls/mobile/scss/base/_base.scss */
.nav-submenu {
  margin-left: 30px;
  margin-right: 30px;
  padding-top: 10px;
}

/* line 627, ../../../../../Htmls/mobile/scss/base/_base.scss */
.entry-content > iframe {
  width: 350px!important;
}

/*Base Font Family and Font Size */
/*Base Font Family and Font Size */
/*$tw-1360:140px;
$hw-1360:94px;
$ww-1360:105px;
$rw-1360:106px;
$text-1360: 0.7rem;
$val-1360:1.0rem;*/
/*Module - Individual component*/
/*Base Font Family and Font Size */
/* line 4, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery {
  clear: both;
  position: relative;
}
/* line 9, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery h1 {
  font-family: "Barlow-Bold";
  color: #000000;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  clear: both;
  width: 100%;
}
/* line 23, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery h1::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 170px;
  position: absolute;
  height: 2px;
  /* bottom: 43px; */
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 35, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery #listitems {
  clear: both;
  position: relative;
  display: block;
  min-height: 1500px;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* line 43, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery #listitems .clearfix {
  clear: both;
}
/* line 47, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery #listitems ul {
  position: absolute;
  left: 0;
  padding: 0px;
  width: 100%;
}
/* line 54, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery #listitems ul li {
  padding: 20px;
  margin: -2px;
  font-size: 18px;
  /*width: 148px;*/
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 10px;
  margin-top: 15px;
  width: 51%;
  float: left;
}
/* line 70, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery #listitems ul li:nth-child(even) {
  padding-right: 0px;
}
/* line 74, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery #listitems ul li:nth-child(odd) {
  padding-left: 0px;
}
/* line 78, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery #listitems ul li a {
  font-family: "Barlow-Bold";
  font-size: 1.0em;
  color: #363d48;
  line-height: 1.5rem;
  padding-top: 10px;
  font-size: 1.1rem;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* line 92, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery #listitems ul li a > div.storyTitle {
  font-family: "Barlow-Bold";
  font-size: 1.1rem;
  color: #363d48;
  line-height: 1.5rem;
  padding-top: 0px;
  height: 70px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* line 106, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #gallery #listitems ul li a > img {
  width: 100%;
}
/* line 114, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList h1 {
  font-family: "Barlow-Bold";
  color: #000000;
  text-transform: uppercase;
  font-size: 1.2rem;
  /*border-bottom: 3px solid #e8eaed;*/
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  clear: both;
  width: 100%;
}
/* line 128, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList #fd_wraper {
  width: 100%;
  margin: 0 auto;
  font-family: 'Droid Sans', sans-serif;
}
/* line 136, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .fd_airport {
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 152, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .fd_airport_alternate {
  background-color: #FFFFFF;
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 166, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .fd_fog {
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 180, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .nodelays {
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 194, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .fd_delay {
  float: left;
  font-family: "Barlow-Bold";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #048355;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 208, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .fd_delay_alternate {
  float: left;
  font-family: "Barlow-Bold";
  font-size: 1.1rem;
  background-color: #FFFFFF;
  color: #048355;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 222, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .nodelays_alternate {
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 238, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .fd_fog_alternate {
  background-color: #FFFFFF;
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 254, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .fd_ds {
  float: left;
  font-family: "Barlow-Regular";
  font-size: 1.2rem;
  background-color: #3b3e3f;
  color: #FFFFFF;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
}
/* line 265, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .fd_fs {
  float: left;
  font-family: "Barlow-Regular";
  font-size: 1.2rem;
  background-color: #3b3e3f;
  color: #FFFFFF;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
}
/* line 276, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .fd_air {
  float: left;
  font-family: "Barlow-Regular";
  font-size: 1.2rem;
  background-color: #3b3e3f;
  color: #FFFFFF;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
}
/* line 287, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .minordelay {
  padding-top: 8px;
  padding-bottom: 7px;
  color: #3f3f3f;
  font-size: 18px;
  border: 2px solid #FFE119;
  background-color: #fffbdf;
  text-align: center;
  box-shadow: inset 2px -1px 25px 16px #fff3a7, 18px 27px 68px -47px #dddddd;
  -webkit-box-shadow: inset -1px 0px 18px 4px #fff3a7, 18px 27px 68px -47px #dddddd;
  -moz-box-shadow: inset 2px -1px 25px 16px #fff3a7, 18px 27px 68px -47px #dddddd;
  -o-box-shadow: inset 2px -1px 25px 16px #fff3a7, 18px 27px 68px -47px #dddddd;
  margin-top: 2px;
  width: 22.9%;
  margin-left: 1%;
}
/* line 304, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .shutdown {
  padding-top: 8px;
  padding-bottom: 7px;
  color: #3f3f3f;
  font-size: 18px;
  border: 2px solid #ff7b7b;
  background-color: #ffdada;
  text-align: center;
  box-shadow: inset 2px -1px 25px 16px #ff9a9a, 18px 27px 68px -47px #dddddd;
  -webkit-box-shadow: inset -1px 0px 18px 4px #ff9a9a, 18px 27px 68px -47px #dddddd;
  -moz-box-shadow: inset 2px -1px 25px 16px #ff9a9a, 18px 27px 68px -47px #dddddd;
  -o-box-shadow: inset 2px -1px 25px 16px #ff9a9a, 18px 27px 68px -47px #dddddd;
  margin-top: 2px;
  width: 22.9%;
  margin-left: 1%;
}
/* line 323, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .nodelay {
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 339, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .majordelay {
  padding-top: 8px;
  padding-bottom: 7px;
  color: #3f3f3f;
  font-size: 18px;
  border: 2px solid #fcc364;
  background-color: #fef0d9;
  text-align: center;
  box-shadow: inset 2px -1px 25px 16px #fdd798, 18px 27px 68px -47px #dddddd;
  -webkit-box-shadow: inset -1px 0px 18px 4px #fdd798, 18px 27px 68px -47px #dddddd;
  -moz-box-shadow: inset 2px -1px 25px 16px #fdd798, 18px 27px 68px -47px #dddddd;
  -o-box-shadow: inset 2px -1px 25px 16px #fdd798, 18px 27px 68px -47px #dddddd;
  margin-top: 2px;
  width: 22.9%;
  margin-left: 1%;
}
/* line 358, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .clear {
  clear: both;
}
/* line 362, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .flat {
  float: left;
}
/* line 366, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .flr {
  float: right;
}
/* line 370, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #trainList .fd_row {
  width: 100%;
  display: block;
}
/* line 376, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList {
  /*h1::after {
      content: "";
      border-bottom: 3px solid #ff7036;
      width: 520px;
      position: absolute;
      height: 2px;
      bottom: 54px;
      z-index: auto;
      left: 15px;
      top: 64px;
  }*/
}
/* line 378, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList h1 {
  font-family: "Barlow-Bold";
  color: #000000;
  text-transform: uppercase;
  font-size: 1.2rem;
  /*border-bottom: 3px solid #e8eaed;*/
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  clear: both;
  width: 100%;
}
/* line 402, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList #fd_wraper {
  width: 100%;
  margin: 0 auto;
  font-family: 'Droid Sans', sans-serif;
}
/* line 410, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .fd_airport {
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 33.3%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 426, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .fd_airport_alternate {
  background-color: #FFFFFF;
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 33.3%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 440, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .fd_fog {
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 33.3%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 454, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .fd_delay {
  float: left;
  font-family: "Barlow-Bold";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #048355;
  text-align: center;
  padding: 10px 15px;
  width: 33.3%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 468, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .fd_delay_alternate {
  float: left;
  font-family: "Barlow-Bold";
  font-size: 1.1rem;
  background-color: #FFFFFF;
  color: #048355;
  text-align: center;
  padding: 10px 15px;
  width: 33.3%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 482, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .nodelays {
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 33.3%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 496, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .nodelays_alternate {
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 33.3%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 512, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .fd_fog_alternate {
  background-color: #FFFFFF;
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 33.3%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 528, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .fd_ds {
  float: left;
  font-family: "Barlow-Regular";
  font-size: 1.2rem;
  background-color: #3b3e3f;
  color: #FFFFFF;
  text-align: center;
  padding: 10px 15px;
  width: 33.3%;
  height: 76px;
}
/* line 540, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .fd_fs {
  float: left;
  font-family: "Barlow-Regular";
  font-size: 1.2rem;
  background-color: #3b3e3f;
  color: #FFFFFF;
  text-align: center;
  padding: 10px 15px;
  width: 33.3%;
  height: 76px;
}
/* line 552, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .fd_air {
  float: left;
  font-family: "Barlow-Regular";
  font-size: 1.2rem;
  background-color: #3b3e3f;
  color: #FFFFFF;
  text-align: center;
  padding: 10px 15px;
  width: 33.3%;
  height: 76px;
}
/* line 564, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .minordelay {
  padding-top: 8px;
  padding-bottom: 7px;
  color: #3f3f3f;
  font-size: 18px;
  border: 2px solid #FFE119;
  background-color: #fffbdf;
  text-align: center;
  box-shadow: inset 2px -1px 25px 16px #fff3a7, 18px 27px 68px -47px #dddddd;
  -webkit-box-shadow: inset -1px 0px 18px 4px #fff3a7, 18px 27px 68px -47px #dddddd;
  -moz-box-shadow: inset 2px -1px 25px 16px #fff3a7, 18px 27px 68px -47px #dddddd;
  -o-box-shadow: inset 2px -1px 25px 16px #fff3a7, 18px 27px 68px -47px #dddddd;
  margin-top: 2px;
  width: 22.9%;
  margin-left: 1%;
}
/* line 581, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .shutdown {
  padding-top: 8px;
  padding-bottom: 7px;
  color: #3f3f3f;
  font-size: 18px;
  border: 2px solid #ff7b7b;
  background-color: #ffdada;
  text-align: center;
  box-shadow: inset 2px -1px 25px 16px #ff9a9a, 18px 27px 68px -47px #dddddd;
  -webkit-box-shadow: inset -1px 0px 18px 4px #ff9a9a, 18px 27px 68px -47px #dddddd;
  -moz-box-shadow: inset 2px -1px 25px 16px #ff9a9a, 18px 27px 68px -47px #dddddd;
  -o-box-shadow: inset 2px -1px 25px 16px #ff9a9a, 18px 27px 68px -47px #dddddd;
  margin-top: 2px;
  width: 22.9%;
  margin-left: 1%;
}
/* line 600, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .nodelay {
  float: left;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  background-color: #dfe1e2;
  color: #3f3f3f;
  text-align: center;
  padding: 10px 15px;
  width: 23.2%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 616, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .majordelay {
  padding-top: 8px;
  padding-bottom: 7px;
  color: #3f3f3f;
  font-size: 18px;
  border: 2px solid #fcc364;
  background-color: #fef0d9;
  text-align: center;
  box-shadow: inset 2px -1px 25px 16px #fdd798, 18px 27px 68px -47px #dddddd;
  -webkit-box-shadow: inset -1px 0px 18px 4px #fdd798, 18px 27px 68px -47px #dddddd;
  -moz-box-shadow: inset 2px -1px 25px 16px #fdd798, 18px 27px 68px -47px #dddddd;
  -o-box-shadow: inset 2px -1px 25px 16px #fdd798, 18px 27px 68px -47px #dddddd;
  margin-top: 2px;
  width: 22.9%;
  margin-left: 1%;
}
/* line 635, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .clear {
  clear: both;
}
/* line 639, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .flat {
  float: left;
}
/* line 643, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .flr {
  float: right;
}
/* line 647, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #flightList .fd_row {
  width: 100%;
  display: block;
}
/* line 653, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #sitemap {
  clear: both;
  position: relative;
}
/* line 658, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #sitemap h1 {
  font-family: "Barlow-Bold";
  color: #000000;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  clear: both;
  width: 100%;
}
/* line 672, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #sitemap h1::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 80px;
  position: absolute;
  height: 2px;
  /* bottom: 43px; */
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 687, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #sitemap ul li {
  font-family: "Barlow-Regular";
  font-size: .8rem;
  position: relative;
  display: block;
  padding: 0.3rem 0.55rem;
  margin-left: -1px;
  line-height: 1.25;
  border-radius: 2px;
}
/* line 698, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #sitemap ul li a {
  font-family: "Barlow-Regular";
  font-size: .8rem;
  position: relative;
  display: block;
  padding: 0.3rem 0.55rem;
  margin-left: -1px;
  line-height: 1.25;
  border-radius: 2px;
}
/* line 709, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #sitemap ul li a.active {
  color: #eb6933;
}
/* line 713, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #sitemap ul li:last-child {
  padding-top: 15px;
}
/* line 717, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #sitemap ul li button {
  float: left;
  background-color: #eb6933;
  border: 0;
  padding: 2px;
  width: 35px;
  height: 35px;
  color: #FFFFFF;
}
/* line 729, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #fog h1 {
  font-family: "Barlow-Bold";
  color: #000000;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  clear: both;
  position: relative;
  width: 100%;
}
/* line 744, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #fog h1::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 320px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 756, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #fog .fog_block {
  display: block;
  font-family: "Barlow-Light";
  font-size: 1.1rem;
  padding: 10px 10px 10px 0px;
  border-bottom: 1px solid rgba(223, 225, 226, 0.8);
  width: 100%;
}
/* line 765, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #fog .fog_block span {
  font-family: "Barlow-Bold";
  color: #3b3e3f;
}
/* line 771, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #rainfall {
  /*h1::after {
      content: "";
      border-bottom: 3px solid #ff7036;
      width: 320px;
      position: absolute;
      height: 2px;
      bottom: 54px;
      z-index: auto;
      left: 15px;
      top: 64px;
  }*/
}
/* line 772, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #rainfall h1 {
  font-family: "Barlow-Bold";
  color: #000000;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  clear: both;
  width: 100%;
}
/* line 798, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #rainfall ul.pageMenu {
  position: relative;
  padding: 0;
  margin-bottom: 20px;
}
/* line 804, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #rainfall ul.pageMenu li {
  list-style: none;
  display: inline-block;
  background-color: #3b3e3f;
  color: #FFFFFF;
  position: relative;
  margin-left: -3px;
}
/* line 813, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #rainfall ul.pageMenu li a {
  list-style: none;
  font-family: "Barlow-Regular";
  text-transform: uppercase;
  display: inline-block;
  background-color: #3b3e3f;
  color: #FFFFFF;
  font-size: .66rem;
  padding: 7px 13px;
}
/* line 824, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #rainfall ul.pageMenu li a.active {
  list-style: none;
  display: inline-block;
  background-color: #686969;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: .66rem;
  padding: 7px 13px;
  position: relative;
}
/* line 835, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #rainfall ul.pageMenu li a.active::after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 6px 6px;
  border-color: #f6f6f6 transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: 23px;
  left: 40%;
}
/* line 849, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast {
  padding-top: 15px;
}
/* line 852, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast h1 {
  position: relative;
  font-family: "Barlow-Bold";
  color: #000000;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  clear: both;
  width: 100%;
}
/* line 867, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast h1::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 340px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 879, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast ul.pageMenu {
  position: relative;
  padding: 0;
  margin-bottom: 20px;
}
/* line 885, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast ul.pageMenu li {
  list-style: none;
  display: inline-block;
  background-color: #3b3e3f;
  color: #FFFFFF;
  position: relative;
  margin-left: -3px;
}
/* line 894, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast ul.pageMenu li a {
  list-style: none;
  font-family: "Barlow-Regular";
  text-transform: uppercase;
  display: inline-block;
  background-color: #3b3e3f;
  color: #FFFFFF;
  padding: 12px 24px;
}
/* line 904, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast ul.pageMenu li a.active {
  list-style: none;
  display: inline-block;
  background-color: #686969;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 12px 28px;
  position: relative;
}
/* line 914, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast ul.pageMenu li a.active::after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: #f6f6f6 transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: 40px;
  left: 35px;
}
/* line 927, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast ul.pageMenu li:first-child {
  margin-left: 0px;
}
/* line 932, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast .best-place-widget {
  width: 100%;
  float: left;
  margin-top: 7px;
  background-color: #FFFFFF;
  border-left: 4px solid #dddddd;
  border-radius: 4px;
}
/* line 941, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast .best-place-widget > a {
  display: block;
  font-family: "Barlow-Regular";
  text-transform: uppercase;
  display: inline-block;
  color: #3b3e3f;
  width: 100%;
  width: 100%;
  padding: 12px;
  border: 1px solid #eaeaea;
}
/* line 953, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast .best-place-widget > a:hover {
  display: block;
  font-family: "Barlow-Regular";
  text-transform: uppercase;
  display: inline-block;
  color: #3b3e3f;
  width: 100%;
  width: 100%;
  padding: 10px;
  border: 1px solid #afafaf;
}
/* line 965, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast .best-place-widget > a > .bestplacesItem {
  display: block;
  width: 100%;
}
/* line 971, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast .best-place-widget > a > .bestplacesItem > .bestplacesName {
  width: 50%;
  float: left;
}
/* line 976, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #seasonalforecast .best-place-widget > .bestplacesCondition {
  width: 45.3%;
  float: left;
}
/* line 984, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #liveweather h1 {
  position: relative;
  font-family: "Barlow-Bold";
  color: #000000;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  clear: both;
  width: 100%;
}
/* line 999, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #liveweather h1::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 200px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 1011, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #liveweather .detailbox {
  width: 169px;
  float: left;
  border: 1px solid #d1d1d1;
  margin-left: 10px;
}
/* line 1018, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #liveweather .textboxhead {
  background-color: #3f3f3f;
  font-size: 15px;
  line-height: 30px;
  color: #FFFFFF;
  padding: 2px 15px;
}
@media screen and (min-device-width: 1600px) and (max-width: 2048px) {
  /* line 1027, ../../../../../Htmls/mobile/scss/module/_sections.scss */
  section #liveweather #mapblock {
    width: 870px;
    float: left;
  }
}
@media screen and (min-device-width: 1024px) and (max-width: 1400px) {
  /* line 1034, ../../../../../Htmls/mobile/scss/module/_sections.scss */
  section #liveweather #mapblock {
    width: 645px;
    float: left;
  }
}
/* line 1042, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon {
  min-height: 1135px;
  /* (1366x768) WXGA Display */
}
/* line 1045, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon h1 {
  position: relative;
  font-family: "Barlow-Bold";
  color: #000000;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  clear: both;
  width: 100%;
}
/* line 1060, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon h1::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 145px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 1073, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon h4 {
  font-family: "Barlow-Bold";
  color: #000000;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid rgba(232, 234, 237, 0.3);
  /*padding-bottom: 16px;
      margin-bottom: 20px;*/
  position: relative;
  /*margin-top: 10px;*/
}
/* line 1086, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .heading {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  color: #363d48;
  font-size: 1.2rem;
  /*padding-bottom: 11px;
  margin-bottom: 0px;
  padding-top: 20px;*/
  display: block;
}
/* line 1097, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .videos {
  display: block;
  margin-bottom: 15px;
}
/* line 1101, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .videos ul {
  position: relative;
  left: 0;
  padding: 0px;
  width: 100%;
}
/* line 1108, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .videos ul li {
  padding: 20px;
  margin: -2px;
  font-size: 18px;
  /* width: 148px; */
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 0px 10px;
  margin-top: 15px;
  width: 51%;
  float: left;
}
/* line 1123, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .videos ul li a {
  font-family: "Barlow-Bold";
  font-size: 1.1rem;
  color: #363d48;
  line-height: 1.4rem;
  padding-top: 10px;
}
/* line 1131, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .videos ul li:first-child {
  padding-left: 0;
}
/* line 1137, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon ul {
  position: absolute;
  left: 0;
  padding: 0px;
  width: 100%;
}
/* line 1146, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon ul li a {
  font-family: "Barlow-Bold";
  line-height: 1.4rem;
  padding-top: 10px;
  font-size: 1.0rem;
  color: #363d48;
  line-height: 1.5rem;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* line 1160, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon ul li:first-child {
  padding: 0px 15px;
  margin-top: 0px;
  width: 100%;
}
/* line 1166, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon ul li:first-child .thumbnail > img {
  width: 100%;
  height: 170px;
}
/* line 1171, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon ul li > .featured-aritcle {
  width: 100%;
  float: left;
}
/* line 1178, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .thumbnail {
  width: 100%;
  position: relative;
}
/* line 1182, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .thumbnail label.weather {
  text-transform: uppercase;
  background-color: #eb6933;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #FFFFFF;
}
/* line 1193, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .thumbnail label.food {
  text-transform: uppercase;
  background-color: #6741dc;
  float: left;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #FFFFFF;
}
/* line 1206, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .thumbnail label.health {
  text-transform: uppercase;
  background-color: #f1a12b;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #FFFFFF;
}
/* line 1217, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .thumbnail label.weather {
  text-transform: uppercase;
  background-color: #eb6933;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #FFFFFF;
}
/* line 1228, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .thumbnail label.travel {
  text-transform: uppercase;
  background-color: #1f5dea;
  float: left;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #FFFFFF;
}
/* line 1240, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .thumbnail label.climate {
  text-transform: uppercase;
  background-color: #4dcf8f;
  float: left;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 20px;
  left: 10px;
  color: #FFFFFF;
}
/* line 1253, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon ul li > a > .thumbnail > img {
  width: 100%;
  height: 155px;
}
/* line 1259, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon ul li:first-child > a > .thumbnail > img {
  width: 100%;
  height: 285px;
}
/* line 1264, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .videos ul li {
  padding-left: 0;
  width: 33.3%;
  padding: 10px;
}
/* line 1270, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .videos ul li:first-child {
  padding-left: 0px;
}
/* line 1274, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .videos ul li:last-child {
  padding-right: 0px;
}
/* line 1278, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .videos ul li > a > img {
  width: 100%;
  height: 100%;
}
/* line 1283, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .advance-monsoon {
  margin-right: 10px;
}
/* line 1287, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .advance-monsoon > a {
  display: block;
  border: 1px solid #d1d1d1;
  padding: 2px;
  border-radius: 3px;
}
/* line 1294, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .advance-monsoon > a > div > img {
  width: 100%;
  height: 100%;
}
@media screen and (min-device-width: 1600px) and (max-width: 2048px) {
  /* line 1300, ../../../../../Htmls/mobile/scss/module/_sections.scss */
  section #monsoon .videos ul li > a > img {
    height: 255px;
  }
}
@media screen and (min-device-width: 1024px) and (max-width: 1400px) {
  /* line 1306, ../../../../../Htmls/mobile/scss/module/_sections.scss */
  section #monsoon .videos ul li > a > img {
    height: 195px;
  }
}
/* line 1312, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .weekly {
  width: 100%;
}
/* line 1315, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .weekly .rainfall {
  position: relative;
  width: 48.5%;
  margin-right: 12px;
  float: left;
  min-height: 339px;
}
/* line 1323, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .weekly .cloud-forecast {
  position: relative;
  width: 48%;
  margin-left: 12px;
  float: left;
  min-height: 339px;
}
/* line 1331, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .weekly .rainfall > .cloud-forecast-map > a {
  display: block;
  width: 100%;
  float: left;
  border: 1px solid #d1d1d1;
  padding: 2px;
  border-radius: 3px;
}
/* line 1340, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .weekly .cloud-forecast > .cloud-forecast-map > a {
  display: block;
  width: 100%;
  float: left;
  border: 1px solid #d1d1d1;
  padding: 2px;
  border-radius: 3px;
}
/* line 1350, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .Satellite {
  min-height: 230px;
}
/* line 1356, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .satelliteimages ul {
  position: relative;
  left: 0;
  padding: 0px;
  width: 100%;
}
/* line 1363, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .satelliteimages ul li {
  padding: 20px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 0px 23px;
  float: left;
}
/* line 1373, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .satelliteimages ul li a {
  font-family: "Barlow-Light";
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4rem;
  display: block;
  position: relative;
}
/* line 1382, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .satelliteimages ul li:first-child {
  padding-left: 0;
}
/* line 1387, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .satelliteimages ul li {
  padding-left: 0;
  width: 20%;
  padding: 10px;
  height: 180px;
}
/* line 1394, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .satelliteimages ul li:first-child {
  padding-left: 0px;
}
/* line 1398, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .satelliteimages ul li:last-child {
  padding-right: 0px;
}
/* line 1402, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .satelliteimages ul li > a > img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
/* line 1409, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .satelliteimages ul li > a > .overlay {
  position: absolute;
  width: 100%;
  top: 0;
  display: block;
  left: 12%;
  text-align: center;
  border: 1px solid #d1d1d1;
  background-color: rgba(59, 62, 63, 0.91);
}
@media screen and (min-device-width: 1600px) and (max-width: 2048px) {
  /* line 1421, ../../../../../Htmls/mobile/scss/module/_sections.scss */
  section #monsoon .satelliteimages ul li > a > img {
    height: 155px;
  }
  /* line 1425, ../../../../../Htmls/mobile/scss/module/_sections.scss */
  section #monsoon .satelliteimages ul li > a > .overlay {
    display: block;
    margin-top: 65px;
    width: 150px;
    padding: 9px;
  }
}
@media screen and (min-device-width: 1024px) and (max-width: 1400px) {
  /* line 1434, ../../../../../Htmls/mobile/scss/module/_sections.scss */
  section #monsoon .satelliteimages ul li > a > img {
    height: 120px;
  }
  /* line 1438, ../../../../../Htmls/mobile/scss/module/_sections.scss */
  section #monsoon .satelliteimages ul li > a > .overlay {
    margin-top: 50px;
    width: 113px;
    padding: 6px;
    font-size: .8em;
  }
}
/* line 1446, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon #wsi {
  min-height: 325px;
  display: block;
  background-color: #303334;
  padding: 8px 15px 7px 15px;
  margin-top: 25px;
}
/* line 1453, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon #wsi h4 {
  font-family: "Barlow-Bold";
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid rgba(232, 234, 237, 0.3);
  padding-bottom: 16px;
  margin-bottom: 20px;
  position: relative;
  margin-top: 10px;
}
/* line 1465, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon #wsi ul {
  padding-left: 15px;
}
/* line 1469, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon #wsi ul li {
  list-style-type: none;
  border-bottom: 1px solid rgba(246, 247, 246, 0.08);
  padding-bottom: 7px;
  background: rgba(255, 255, 255, 0);
  width: 86%;
  margin: 12px 15px 0 15px;
}
/* line 1478, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon #wsi ul li a {
  font-family: "Barlow-Light";
  font-size: 0.9rem;
  line-height: 15px;
  letter-spacing: normal;
  color: #d4d7dd;
  padding-top: 5px;
  padding-bottom: 5px;
  /* margin: 0px 0; */
  list-style-type: none;
}
/* line 1491, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon #Videos > a > img {
  height: 100%;
}
/* line 1495, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon #Videos > a > div > img {
  height: 100%;
}
/* line 1499, ../../../../../Htmls/mobile/scss/module/_sections.scss */
section #monsoon .monsoon-innerblock {
  margin-top: 10px;
}

/*Layout - Page Layout Component*/
/*Base Font Family and Font Size */
/* line 3, ../../../../../Htmls/mobile/scss/module/_weather.scss */


/* line 26, ../../../../../Htmls/mobile/scss/module/_weather.scss */
.temperature {
  font-family: "Barlow-Thin";
  color: white;
  font-size: 74px;
  padding: 10px 0 0 15px;
  bottom: 0;
  float: left;
  width: 105px;
}

/* line 36, ../../../../../Htmls/mobile/scss/module/_weather.scss */
.temperature sup {
  font-family: "NotoSans-Light";
  font-size: 25px;
  top: -1.6em;
  left: 1px;
}

/* line 43, ../../../../../Htmls/mobile/scss/module/_weather.scss */
.location {
  float: left;
  width: 62%;
  margin-left: 15px;
}

/* line 49, ../../../../../Htmls/mobile/scss/module/_weather.scss */
.location-name {
  text-align: left;
  font-size: 24px;
  font-family: "Barlow-Medium";
  color: white;
  padding-top: 35px;
  line-height: 25px;
}

/* line 58, ../../../../../Htmls/mobile/scss/module/_weather.scss */
.location-state-tehshil {
  text-align: left;
  font-size: 13.2px;
  font-family: "Barlow-Light";
  color: white;
  padding-top: 20px;
  padding-top: 0px;
  margin-top: 3px;
}

/* line 70, ../../../../../Htmls/mobile/scss/module/_weather.scss */

/* 8, June 2021 */

/*
.weather-parameter .temperature {
  float: left;
  width: 50%;
  padding-bottom: 10px;
  padding-top: 17px;
  height: 72px;
}

.weather-parameter .temperature > img {
  float: left;
  width: 30px;
}

.weather-parameter .temperature > .val {
  float: left;
  width: 75px;
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4a4a4a;
  padding-left: 10px;
}

.weather-parameter .temperature > .val sup {
  font-family: Verdana;
  font-size: 0.5rem;
  top: -1.3em;
  left: 0px;
}

.weather-parameter .temperature > .text {
  float: left;
  width: 75px;
  font-family: "Barlow-Light";
  text-transform: uppercase;
  font-size: 12px;
  color: #4a4a4a;
  padding-left: 10px;
  margin-top: -3px;
}

*/
/* line 111, ../../../../../Htmls/mobile/scss/module/_weather.scss */

/* 8, June 2021 */

/*
.weather-parameter .humidity {
  float: left;
  width: 40%;
  padding-left: 10%;
  border-left: 1px solid #f1f2f4;
  padding-top: 17px;
  padding-bottom: 12px;
  height: 72px;
}

.weather-parameter .humidity > img {
  float: left;
  width: 18px;
  margin-top: 5px;
}

.weather-parameter .humidity > .val {
  float: left;
  width: 75px;
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4a4a4a;
  padding-left: 10px;
}

.weather-parameter .humidity > .val sup {
  font-family: Verdana;
  font-size: 0.5rem;
  top: -1.3em;
  left: 0px;
}

.weather-parameter .humidity > .text {
  float: left;
  width: 75px;
  font-family: "Barlow-Light";
  text-transform: uppercase;
  font-size: 12px;
  color: #4a4a4a;
  padding-left: 10px;
  padding-bottom: 10px;
}

.weather-parameter .wind {
  float: left;
  width: 50%;
  padding-left: 16px;
  border-left: 1px solid #f1f2f4;
  border-top: 1px solid #f1f2f4;
  padding-top: 15px;
  padding-bottom: 10px;
  height: 72px;
}

.weather-parameter .wind > img {
  float: left;
  width: 30px;
  margin-top: 5px;
}

.weather-parameter .wind > .val {
  float: left;
  width: 75px;
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4a4a4a;
  padding-left: 10px;
}

.weather-parameter .wind > .val sup {
  font-family: Verdana;
  font-size: 0.5rem;
  top: -1.3em;
  left: 0px;
}

.weather-parameter .wind > .text {
  float: left;
  width: 75px;
  font-family: "Barlow-Light";
  text-transform: uppercase;
  font-size: 12px;
  color: #4a4a4a;
  padding-left: 10px;
}

.weather-parameter .rain {
  float: left;
  width: 50%;
  padding-left: 10%;
  border-left: 1px solid #f1f2f4;
  border-top: 1px solid #f1f2f4;
  padding-top: 14px;
  padding-bottom: 13px;
  height: 72px;
}

.weather-parameter .rain > img {
  float: left;
  width: 30px;
}

.weather-parameter .rain > .val {
  float: left;
  width: 75px;
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4a4a4a;
  padding-left: 10px;
}

.weather-parameter .rain > .val sup {
  font-family: Verdana;
  font-size: 0.5rem;
  top: -1.3em;
  left: 0px;
}

.weather-parameter .rain > .text {
  float: left;
  width: 75px;
  font-family: "Barlow-Light";
  text-transform: uppercase;
  font-size: 12px;
  color: #4a4a4a;
  padding-left: 10px;
}


*/



/* line 302, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.lightning {
  position: relative;
  padding-left: 27px;
  font-family: "Barlow-Light";
  text-transform: capitalize;
  font-size: .9rem;
  color: #f6f7f6;
}

/* line 311, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.lightning:before {
  content: "";
  background: url(../images/lightning.svg) no-repeat;
  position: absolute;
  height: 15px;
  width: 15px;
  /* z-index: 55; */
  top: 2px;
  left: 0;
  background-position: 0px;
}

/* line 323, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.monsoon {
  position: relative;
  padding-left: 27px;
  font-family: "Barlow-Light";
  text-transform: capitalize;
  font-size: .9rem;
  color: #f6f7f6;
}

/* line 332, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.monsoon:before {
  content: "";
  background: url(../images/monsoon.svg) no-repeat;
  position: absolute;
  height: 15px;
  width: 15px;
  /* z-index: 55; */
  top: 2px;
  left: 0;
  background-position: 0px;
}

/* line 345, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.satellite {
  position: relative;
  padding-left: 27px;
  font-family: "Barlow-Light";
  text-transform: capitalize;
  font-size: .9rem;
  color: #f6f7f6;
}

/* line 354, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.satellite:before {
  content: "";
  background: url(../images/satellite.svg) no-repeat;
  position: absolute;
  height: 15px;
  width: 15px;
  /* z-index: 55; */
  top: 2px;
  left: 0;
  background-position: 0px;
}

/* line 366, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.pollution {
  position: relative;
  padding-left: 27px;
  font-family: "Barlow-Light";
  text-transform: capitalize;
  font-size: .9rem;
  color: #f6f7f6;
}

/* line 375, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.pollution:before {
  content: "";
  background: url(../images/satellite.svg) no-repeat;
  position: absolute;
  height: 15px;
  width: 15px;
  /* z-index: 55; */
  top: 2px;
  left: 0;
  background-position: 0px;
}

/* line 387, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.lightning:hover {
  text-decoration: none;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000000 50%, rgba(0, 0, 0, 0.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

/* line 394, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.monsoon:hover {
  text-decoration: none;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000000 50%, rgba(0, 0, 0, 0.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

/* line 401, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.satellite:hover {
  text-decoration: none;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000000 50%, rgba(0, 0, 0, 0.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

/* line 408, ../../../../../Htmls/mobile/scss/module/_weather.scss */
a.pollution:hover {
  text-decoration: none;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000000 50%, rgba(0, 0, 0, 0.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  /* line 416, ../../../../../Htmls/mobile/scss/module/_weather.scss */
  from {
    -webkit-mask-position: 150%;
  }

  /* line 420, ../../../../../Htmls/mobile/scss/module/_weather.scss */
  to {
    -webkit-mask-position: -50%;
  }
}



/* line 185, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > #location-block {
  display: flex;
  float: right;
  margin-top: 15px;
}

/* line 191, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > #location-block > img {
  display: flex;
  float: right;
}

/* line 196, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > #location-block > .location {
  float: right;
  /*width:200px;*/
  /*background-color:#FF0000;*/
}

/* line 202, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > #location-block > .location > #location-temp {
  color: white;
  font-size: 2.6rem;
  font-family: "Barlow-ExtraLight";
  letter-spacing: -1px;
  margin-top: -17px;
  padding-left: 5px;
}

/* line 211, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > #location-block > .location > #location-temp sup {
  font-family: "OpenSans-Regular";
  top: -1.2em;
  left: 0.1em;
  font-size: 40%;
}

/* line 218, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > #location-block > .location > #location-name {
  color: white;
  font-size: 12px;
  font-family: "NotoSans-Light";
  letter-spacing: -1px;
  margin-top: -10px;
  padding-left: 7px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 67px;
}

/* line 232, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > #location-block > .location > #location-name:hover:after {
  border: 1px solid #fc0;
  padding: 3px 6px;
  background: #fffea1;
  content: attr(data-title);
  position: absolute;
  right: -40px;
  top: -26px;
}

/* line 242, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > .crop-block {
  float: right;
  border-right: 1px solid rgba(158, 158, 158, 0.33);
  margin: 15px 15px 15px 6px;
  width: 58%;
  height: 30px;
}

/* line 250, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > .crop-block > #crop-name {
  color: white;
  font-size: 0.9rem;
  font-family: "Barlow-Light";
  margin-top: -5px;
  margin-right: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
}

/* line 264, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > .crop-block > #aqi {
  color: white;
  font-size: 12px;
  font-family: "Barlow-Light";
  margin-top: -4px;
  margin-right: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
}

/* line 279, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > .crop-block > #crop-name span {
  font-family: "Barlow-Bold";
  font-size: 0.8rem;
}

/* line 285, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > .crop-block > #aqi-info {
  clear: both;
  color: white;
  font-size: 12px;
  font-family: "Barlow-Light";
  margin-top: 2px;
  margin-right: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: normal;
}

/* line 306, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > .crop-block > #crop-period {
  clear: both;
  color: white;
  font-size: 0.9rem;
  font-family: "NotoSans-Bold";
  margin-top: 2px;
  margin-right: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
}

/* line 321, ../../../../../Htmls/mobile/scss/layout/_header.scss */
#brandsection > .container > .crop-block > #crop-period span {
  font-family: "NotoSans-Regular";
  font-size: 0.8rem;
}

@media (min-width: 992px) {
  /* line 327, ../../../../../Htmls/mobile/scss/layout/_header.scss */
  .mt-lg-0, .my-lg-0 {
    margin-top: -3px !important;
  }
}
@media (min-width: 1500px) {
  /* line 333, ../../../../../Htmls/mobile/scss/layout/_header.scss */
  .mt-lg-0, .my-lg-0 {
    margin-top: -3px !important;
  }
}

/* line 81, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weathernews > h1 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 16px;
}

/* line 89, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weathernews > h1::after {
  content: "";
  border-bottom: 2px solid #ff7036;
  width: 145px;
  position: absolute;
  height: 2px;
  /* bottom: 43px; */
  z-index: auto;
  left: 16px;
  top: 39px;
}

/* line 101, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork {
  position: relative;
  min-height: 445px;
  margin-bottom: 35px;
  /*#mapblock > #map::after {
      content: "Explore More Weather Maps >";
      font-family: $font-family-Barlow-Regular;
      font-size: 0.95rem;
      background-color: #ff9858;
      width: 100%;
      position: absolute;
      height: 52px;
      z-index: auto;
      left: 0px;
      top: 287px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      color: #FFFFFF;
      padding: 15px 8px 8px 20px;
  }*/
  /*.leaflet-popup-tip-container {
      display: none !important;
  }*/
}
/* line 106, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork h3 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 20px;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
}
/* line 120, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork h3::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 140px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 132, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork #mapblock {
  border-radius: 5px;
  position: relative;
  height: 380px;
}
/* line 138, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork #mapblock > #map {
  position: relative;
  height: 330px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
/* line 145, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork #mapblock > .map-footer {
  /*content: "Explore More Weather Maps >";*/
  font-family: "Barlow-Regular";
  font-size: 0.95rem;
  background-color: #ff9858;
  width: 100%;
  height: 52px;
  /* bottom: 43px; */
  z-index: auto;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #FFFFFF;
  padding: 15px 8px 8px 20px;
}
/* line 160, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork #mapblock > .map-footer a {
  color: white;
  font-family: "Barlow-Medium";
  font-size: 16px;
}
/* line 181, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup {
  display: none;
}
/* line 185, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper, #awsnetwork .leaflet-popup-tip {
  background: rgba(4, 4, 4, 0.94);
  color: #FFFFFF;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
/* line 191, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content {
  width: 250px !important;
}
/* line 195, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .pop-up-weather-block {
  background-color: transparent !important;
  font-size: 12px !important;
}
/* line 201, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .temperature {
  font-family: "Barlow-Light";
  color: white;
  font-size: 1.5rem;
  padding: 0 0 0 0px;
  bottom: 0;
  float: left;
  width: 65px;
}
/* line 211, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .temperature sup {
  font-size: 0.8rem;
  top: -0.8em;
  left: 1px;
}
/* line 217, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .location {
  float: left;
  width: 60%;
}
/* line 222, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .location > .location-name {
  text-align: left;
  font-size: 0.9rem;
  font-family: "Barlow-Light";
  color: white;
  text-transform: capitalize;
  padding-top: 0px;
}
/* line 231, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .location > .location-state-tehshil {
  text-align: left;
  font-size: 0.6rem;
  font-family: "Barlow-Light";
  color: white;
  text-transform: capitalize;
  padding-top: 7px;
}
/* line 240, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter {
  margin-top: 20px;
}
/* line 244, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .border-btm {
  border-bottom: 1px solid rgba(209, 209, 209, 0.28);
  /* bottom: 15px; */
  padding-bottom: 20px;
}
/* line 250, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter {
  /*Humidity section */
  /* Wind section */
  /* Rain section */
}
/* line 251, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .temperature {
  width: 90px;
  float: left;
  color: white;
}
/* line 256, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .temperature .text {
  font-family: "Barlow-Thin";
  text-transform: uppercase;
  font-size: 0.7rem;
  padding-left: 0px;
}
/* line 263, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .temperature .val {
  font-family: "Barlow-Regular";
  text-transform: uppercase;
  font-size: 1.0rem;
  padding-left: 0px;
}
/* line 270, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .temperature .val sup {
  font-size: 0.4rem;
  top: -0.9em;
  left: 1px;
  padding-right: 4px;
}
/* line 277, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .temperature .val sub {
  font-family: "Barlow-Thin";
  text-transform: lowercase;
  font-size: 0.7rem;
  bottom: -0.1em;
}
/* line 285, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .humidity {
  width: 60px;
  float: left;
  color: white;
}
/* line 290, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .humidity .text {
  font-family: "Barlow-Thin";
  text-transform: uppercase;
  font-size: 0.7rem;
  padding-left: 0px;
}
/* line 297, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .humidity .val {
  font-family: "Barlow-Regular";
  text-transform: uppercase;
  font-size: 1.0rem;
  padding-left: 0px;
}
/* line 304, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .humidity .val sup {
  font-size: 0.4rem;
  top: -0.9em;
  left: 1px;
  padding-right: 4px;
}
/* line 311, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .humidity .val sub {
  font-family: "Barlow-Thin";
  text-transform: lowercase;
  font-size: 0.7rem;
  bottom: -0.1em;
}
/* line 319, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .wind {
  width: 60px;
  float: left;
  color: white;
}
/* line 324, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .wind .text {
  font-family: "Barlow-Thin";
  text-transform: uppercase;
  font-size: 0.7rem;
  padding-left: 0px;
}
/* line 331, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .wind .val {
  font-family: "Barlow-Regular";
  text-transform: uppercase;
  font-size: 1.0rem;
  padding-left: 0px;
}
/* line 338, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .wind .val sup {
  font-size: 0.4rem;
  top: -0.9em;
  left: 1px;
  padding-right: 4px;
}
/* line 345, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .wind .val sub {
  font-family: "Barlow-Thin";
  text-transform: lowercase;
  font-size: 0.7rem;
  bottom: -0.1em;
}
/* line 353, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .rain {
  width: 40px;
  float: left;
  color: white;
}
/* line 358, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .rain .text {
  font-family: "Barlow-Thin";
  text-transform: uppercase;
  font-size: 0.7rem;
  padding-left: 0px;
}
/* line 365, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .rain .val {
  font-family: "Barlow-Regular";
  text-transform: uppercase;
  font-size: 1.0rem;
  padding-left: 0px;
}
/* line 372, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .rain .val sup {
  font-size: 0.4rem;
  top: -0.9em;
  left: 1px;
  padding-right: 4px;
}
/* line 379, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .rain .val sub {
  font-family: "Barlow-Thin";
  text-transform: lowercase;
  font-size: 0.7rem;
  bottom: -0.1em;
}
/* line 389, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .pop-up-weather-parameter .pop-up-weather-parameter {
  height: 83px;
}
/* line 394, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .latlongblock {
  clear: both;
  color: white;
  margin-top: 20px;
  padding-bottom: 10px;
}
/* line 400, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .latlongblock .latlongtext {
  font-family: "Barlow-Thin";
  text-transform: uppercase;
  font-size: 0.7rem;
  padding-left: 0px;
}
/* line 407, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .latlongblock .latlongval {
  font-family: "Barlow-Regular";
  text-transform: uppercase;
  font-size: 1.0rem;
  padding-left: 0px;
}
/* line 415, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-content-wrapper .clearfix {
  clear: both;
}
/* line 420, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .leaflet-popup-tip-container {
  left: 103% !important;
  top: 104px !important;
  transform: rotate(270deg) !important;
}
/* line 428, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .baloonarrow :after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 10px 0 10px 11px;
  border-color: transparent #000000;
  display: block;
  width: 0;
  z-index: 1;
  right: -11px;
  top: 85px;
}
/* line 441, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#awsnetwork .custom {
  bottom: -123px !important;
  left: -312px !important;
}

/* line 450, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#aqiBlock {
  background-color: #94a0a5;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px 15px 25px 15px;
  border-radius: 4px;
}



/* line 557, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast {
  position: relative;
  min-height: 435px;
  margin-bottom: 40px;
}
/* line 562, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast h3 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 20px;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
}
/* line 576, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast h3::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 190px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 590, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast div.guide {
  margin: 12px 24px;
}
/* line 594, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast div.guide span {
  color: #ff0000;
  font: italic 14px Arial, Helvetica, sans-serif;
}
/* line 599, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast div.guide p {
  color: #000000;
  font: 14px Arial, Helvetica, sans-serif;
}
/* line 604, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast div.guide pre {
  color: #990000;
}
/* line 608, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast div.guide p.title {
  color: #df501f;
  font: 18px Arial, Helvetica, sans-serif;
}
/* line 613, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .html5gallery-tn-image-0 {
  margin-top: -10px !important;
}
/* line 617, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .html5gallery-tn-0 {
  margin-left: 1px;
  margin-right: 1px;
}
/* line 622, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .html5gallery-tn-selected-0 {
  margin-left: 1px;
  margin-right: 1px;
}
/* line 627, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast #youtubegallery {
  margin-left: 14px !important;
}

/* line 632, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast {
  /*.nav-tabs > .nav-item:first-child {
      padding-left: 10px;
  }*/
}
/* line 633, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast #vediolist {
  background: #212324;
  /* Old browsers */
  background: -moz-linear-gradient(left, #212324 0%, #303334 5%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #212324 0%, #303334 5%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #212324 0%, #303334 5%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212324', endColorstr='#303334',GradientType=1 );
}
/* line 641, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .nav-tabs > .nav-item {
  margin: 0 0 0 0px;
  display: block;
  background-color: transparent;
  width: 100%;
  padding: 5px 0 15px 0px;
  border-bottom: 1px solid #515252;
  margin-left: 10px;
}
/* line 652, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .tab-content > .active {
  display: block;
  /* padding-right: 6px; */
  background-color: #303334;
}
/* line 658, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .tab-content > .active > img {
  height: 330px;
  width: 100%;
}
/* line 665, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .nav-tabs > .nav-item > .nav-link:hover {
  background-color: transparent;
  color: #FFFFFF;
}
/* line 670, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .nav-tabs > .nav-item > .nav-link {
  color: #000000;
  border: 0;
  padding-left: 0px;
}
/* line 676, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .nav-tabs > .nav-item > .nav-link > .thumb {
  width: 90px;
  float: left;
}
/* line 681, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .nav-tabs > .nav-item > .nav-link > .thumb > img {
  width: 100%;
  display: flex;
}
/* line 686, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .nav-tabs > .nav-item > .nav-link > .title {
  padding-left: 10px;
  width: 61%;
  float: left;
}
/* line 692, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .nav-tabs > .nav-item > .nav-link > .title > p {
  font-family: "NotoSans-Regular";
  font-size: .69rem;
  color: #d4d7dd;
  line-height: 15px;
  margin-bottom: 0;
  height: 45px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* line 706, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .nav-tabs > .nav-item > .nav-link > .title > .datetime {
  font-size: .6rem;
  font-family: "Barlow-Light";
  color: #abb3bf;
  padding-top: 4px;
}
/* line 713, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .nav-tabs > .nav-item > .nav-link.active {
  color: #FFFFFF;
  border: 0;
  background-color: transparent;
}
/* line 719, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .scrollbar {
  background-color: #F5F5F5;
  float: left;
  height: 330px;
  overflow-y: scroll;
}
/* line 726, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast .force-overflow {
  min-height: 450px;
}
/* line 730, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast #vediolist::-webkit-scrollbar {
  width: 6px;
  margin-right: 10px;
  background-color: #F5F5F5;
}
/* line 736, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast #vediolist::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #57595a;
  margin-right: 10px;
}
/* line 743, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weatherforecast #vediolist::-webkit-scrollbar-track {
  margin-right: 10px;
  border-radius: 0px;
  background-color: #303334;
}

/* line 750, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite {
  position: relative;
  height: 415px;
}
/* line 754, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite p.satellite {
  font-size: .8rem;
  font-family: "Barlow-Light";
  color: #858d98;
  padding-top: 8px;
  margin-bottom: 0px;
  line-height: 15px;
}
/* line 763, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite h3 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 20px;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
}
/* line 777, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite h3::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 170px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 789, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite h3 > a.right, #satellite a.left {
  margin-top: -20px;
}
/* line 793, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite h3 > a.left > img {
  height: 50px;
  width: 30px;
}
/* line 798, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite h3 > a.right > img {
  height: 50px;
  width: 30px;
}
/* line 803, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite p.datetime {
  font-size: .7rem;
  font-family: "Barlow-Light";
  color: #abb3bf;
  padding-top: 8px;
}
/* line 812, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite #Carousel1 .carousel-inner {
  height: 260px;
}
/* line 816, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite #Carousel1 .carousel-inner > .carousel-item {
  width: 85%;
  margin-left: 8%;
}
/* line 821, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite #Carousel1 .carousel-inner > .carousel-item > .satellite-small > a > .articale-heading {
  font-family: "NotoSans-Bold";
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #363d48;
  padding-top: 10px;
  height: 28px;
}
/* line 834, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite #Carousel1 .carousel-inner > .carousel-item > .satellite-small > p.datetime {
  font-family: "NotoSans-ExtraLight";
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #abb3bf;
}
/* line 845, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite #Carousel1 .carousel-inner > .carousel-item > .satellite-small > p.datetime > img.calendar {
  padding-right: 5px;
  margin-top: -2px;
}
/* line 850, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite #Carousel1 .carousel-inner > .carousel-item > a > .thumbnail > img {
  border-radius: 5px;
}
/* line 855, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite #Carousel1 #inset {
  padding: 4px 20px;
}
/* line 859, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite #Carousel1 #meteosat {
  padding: 4px 20px;
}
/* line 863, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite #Carousel1 #rain {
  padding: 4px 0px;
}
/* line 870, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#satellite #Carousel1 .thumbnail > img {
  height: 250px;
  width: 100%;
  border-radius: 5px;
}

/* line 878, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread {
  position: relative;
}
/* line 881, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread h3 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 20px;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
}
/* line 895, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread h3::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 105px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 907, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread h3 > a {
  font-family: "Barlow-Regular";
  text-transform: capitalize;
  font-size: 0.8rem;
  border-radius: 5px;
  text-align: center;
  color: #9da5b0 !important;
  /* margin-bottom: 30px; */
  margin-left: 10px;
}
/* line 919, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread h3 > a.active {
  color: #eb6933 !important;
  cursor: pointer;
}
/* line 924, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread h3 > select {
  font-family: "Barlow-Regular";
  text-transform: capitalize;
  font-size: 18px;
  color: #9da5b0;
  background-color: transparent;
  float: right;
  border: 0;
}
/* line 934, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .gallery-title {
  font-size: 36px;
  color: #42B32F;
  text-align: center;
  font-weight: 500;
  margin-bottom: 70px;
}
/* line 942, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .gallery-title:after {
  content: "";
  position: absolute;
  width: 7.5%;
  left: 46.5%;
  height: 45px;
  border-bottom: 1px solid #5e5e5e;
}
/* line 952, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .port-image {
  width: 100%;
}
/* line 956, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .gallery_product {
  margin-bottom: 15px;
}
/* line 960, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .gallery_product > .thumbnail-block {
  float: left;
  width: 132px;
  height: 90px;
  position: relative;
}
/* line 967, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .gallery_product > .thumbnail-block > img {
  width: 100%;
  height: 90px;
}
/* line 972, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .gallery_product > .articleheading-block {
  float: left;
  width: 55%;
  padding: 0 0 0 10px;
}
/* line 978, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .gallery_product > .articleheading-block > h5 {
  font-family: "NotoSans-Bold";
  color: #363d48;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 988, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .gallery_product > .articleheading-block > .datetime {
  font-family: "NotoSans-ExtraLight";
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #abb3bf;
}
/* line 999, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .gallery_product > .articleheading-block > .datetime > img.calendar {
  padding-right: 5px;
  margin-top: -2px;
}
/* line 1007, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .articlescrollbar {
  background-color: #F5F5F5;
  float: left;
  height: 400px;
  overflow-y: scroll;
}
/* line 1014, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .article-overflow {
  min-height: 390px;
  margin-top: 15px;
}
/* line 1019, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread #article-gallery::-webkit-scrollbar {
  width: 6px;
  margin-right: 10px;
  background-color: #F5F5F5;
}
/* line 1025, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread #article-gallery::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #cccccc;
  margin-right: 10px;
}
/* line 1032, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread #article-gallery::-webkit-scrollbar-track {
  margin-right: 10px;
  border-radius: 0px;
  background-color: #f6f7f6;
}
/* line 1038, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .articledetails-overlay {
  position: absolute;
  width: 93%;
  top: 0px;
  left: 15px;
  border-radius: 5px;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.54) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.54) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.54) 100%);
}
/* line 1050, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .articledetails-overlay > .content {
  position: absolute;
  margin: 220px 15px 15px 20px;
  bottom: 0;
  left: 0;
}
/* line 1056, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .articledetails-overlay > .content h5 {
  font-family: "NotoSans-Bold";
  color: #FFFFFF;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1066, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .articledetails-overlay > .content .datetime {
  font-family: "NotoSans-Regular";
  font-size: .7rem;
  padding-top: 2px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #abb3bf;
}
/* line 1078, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread .articledetails-overlay > .content label.health {
  text-transform: uppercase;
  background-color: #f1a12b;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: relative;
  bottom: 0;
  left: 0px;
  color: #FFFFFF;
}

/* line 1091, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#weathernews {
  margin-bottom: 15px;
}



/* line 1185, ../../../../../Htmls/mobile/scss/layout/_home.scss */
.form-inline {
  position: relative;
}

/* line 1189, ../../../../../Htmls/mobile/scss/layout/_home.scss */
.autocomplete-items {
  color: #ffffff;
  position: absolute;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 1px;
  width: 89%;
  margin-left: 4%;
}

/* line 1203, ../../../../../Htmls/mobile/scss/layout/_home.scss */
.autocomplete-items ul {
  padding: 10px;
  cursor: pointer;
  background-color: #e8eaed;
  border-bottom: 1px solid #d4d4d4;
  list-style: none;
}

/* line 1211, ../../../../../Htmls/mobile/scss/layout/_home.scss */
.autocomplete-items ul li {
  padding: 10px;
  border-bottom: 1px solid #d4d4d4;
}

/* line 1216, ../../../../../Htmls/mobile/scss/layout/_home.scss */
.autocomplete-items ul li.autocomplete-active {
  background-color: #282a2b;
}

/* line 1220, ../../../../../Htmls/mobile/scss/layout/_home.scss */
.autocomplete-items ul li.autocomplete-active > a {
  color: white;
}

/* line 1224, ../../../../../Htmls/mobile/scss/layout/_home.scss */
.autocomplete-items ul li > a {
  font-family: "Barlow-Thin";
  font-size: .7rem;
  text-decoration: none;
  color: black;
  cursor: pointer;
}

/* line 1232, ../../../../../Htmls/mobile/scss/layout/_home.scss */
.autocomplete-items ul li:last-child {
  border-bottom: 0;
}

/* line 1236, ../../../../../Htmls/mobile/scss/layout/_home.scss */
.loading {
  background-image: url("http://dev.skymetweather.com/themes/skymet/images/listloader.svg") !important;
  background-position: 90% 0px, 95% 0px !important;
}

/* line 1242, ../../../../../Htmls/mobile/scss/layout/_home.scss */
.pop-up-weather-block {
  background-color: #000 !important;
  font-size: 12px !important;
}




/*Base Font Family and Font Size */
/* line 3, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
#sky-site-content {
  padding-top: 15px;
  /* padding-bottom: 35px;*/
  margin: 0 auto;
  display: flex;
}
.currentweather{
	padding: 10px;
	margin-bottom: 10px;
}
/* line 10, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
#sky-site-content .story-slider {
  margin-top: 15px;
  
}

/* line 14, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.thumbnail {
  width: 100%;
  position: relative;
      height: 115px;
}

/* line 21, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
#sky-site-content p.datetime {
  font-size: .7rem;
  font-family: "Barlow-Light";
  color: #abb3bf;
  padding-top: 8px;
  padding-bottom: 10px;
}

/* line 29, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.thumbnail > img.article {
  width: 100%;
  height: 126px;
}

/* line 34, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.articale-heading {
  font-family: "Barlow-Bold";
  font-size: 1.0rem;
  color: #363d48;
  line-height: 1.5rem;
  padding-top: 0px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 43px;
}

#articlegallery2 h3::after {
    top: 28px!important;
}
/* line 48, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.articale-heading:hover {
  font-family: "Barlow-Bold";
  text-decoration: none;
  color: #363d48;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.6) 30%, #000000 50%, rgba(0, 0, 0, 0.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  /* line 58, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
  from {
    -webkit-mask-position: 150%;
  }

  /* line 62, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
  to {
    -webkit-mask-position: -50%;
  }
}

/* line 67, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item {
  border: 1px solid #E1E1E1;
  border-radius: 5px;
  background: #FFF;
}

/* line 73, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .photo img {
  margin: 0 auto;
  width: 100%;
}

/* line 78, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .info {
  padding: 10px;
  border-radius: 0 0 5px 5px;
  margin-top: 1px;
}

/* line 84, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item:hover .info {
  background-color: #F5F5DC;
}

/* line 88, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .price {
  float: left;
  margin-top: 5px;
}

/* line 93, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .price h5 {
  line-height: 20px;
  margin: 0;
}

/* line 98, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.price-text-color {
  color: #219FD1;
}

/* line 102, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .info .rating {
  color: #777;
}

/* line 106, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .rating {
  /*width: 50%;*/
  float: left;
  font-size: 17px;
  text-align: right;
  line-height: 52px;
  margin-bottom: 10px;
  height: 52px;
}

/* line 116, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .separator {
  border-top: 1px solid #E1E1E1;
}

/* line 120, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.clear-left {
  clear: left;
}

/* line 124, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .separator p {
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 10px;
  text-align: center;
}

/* line 131, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .separator p i {
  margin-right: 5px;
}

/* line 135, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .btn-add {
  width: 50%;
  float: left;
}

/* line 140, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .btn-add {
  border-right: 1px solid #E1E1E1;
}

/* line 144, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.col-item .btn-details {
  width: 50%;
  float: left;
  padding-left: 10px;
}

/* line 150, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.controls {
  margin-top: 20px;
}

/* line 154, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
[data-slide="prev"] {
  margin-right: 5px;
}

/* line 158, ../../../../../Htmls/mobile/scss/layout/_sitecontent.scss */
.entry-content > p > iframe {
  width: 330px!important;
  height: 280px!important;
}


/*Base Font Family and Font Size */
/* line 3, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.menu-box {
  /*box-shadow: 0 2px 5px 0 rgba(78, 72, 72, 0.55);*/
  /* width: 95%; */
  margin: 0px;
  background-color: #FFFFFF;
}

/* line 10, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  /* min-width: 10rem; */
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
}

/* line 28, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.menu-box-col-1 {
  flex: 0 0 27%;
  max-width: 27%;
  margin-left: 15px;
  float: left;
  margin-bottom: 0rem !important;
}

/* adds some margin below the link sets  */
/*.navbar .dropdown-menu div[class*="col"] {
    margin-bottom: 1rem;
}*/
/* line 42, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.menu-box-col-2 {
  flex: 0 0 68%;
  max-width: 68%;
  margin-right: 15px;
  float: left;
  padding: 27px;
  padding-left: 42px;
}

/* line 51, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.submenu-article-link {
  display: block;
  background-color: transparent;
  text-decoration: none;
  color: #3b3e3f;
  font-family: "NotoSans-Bold";
  font-size: 0.75rem;
}

/* line 60, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.submenu-article-link > .thumbnail {
  position: relative;
}

/* line 64, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.submenu-article-link > .thumbnail > img {
  max-width: 100%;
  height: 115px;
}

/* line 69, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.submenu-article-link > .thumbnail > .newstype {
  font-family: "NotoSans-Regular";
  text-transform: uppercase;
  background-color: #eb6933;
  padding: 2px 6px;
  font-size: 0.55rem;
  color: #ffffff;
  position: absolute;
  bottom: 0px;
  left: 10px;
}

/* line 81, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.submenu-article-link > .articale-heading {
  font-family: "NotoSans-Regular";
  text-transform: initial;
  font-size: .68rem;
  line-height: 1.38;
  letter-spacing: normal;
  color: #363d48;
}

/* line 90, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.submenu-article-link > .datetime {
  font-family: "Barlow-Light";
  font-size: .5rem;
  color: #abb3bf;
  text-transform: lowercase;
  margin-top: 3px;
}

/* line 98, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.nav-submenu > .subnav-item {
  margin: 0 0 0 0px;
  display: block;
  background-color: #f6f7f6;
  width: 100%;
  padding: 0 0 0 0px;
  font-family: "NotoSans-Regular";
  font-size: .7rem;
}

/*.nav-submenu > .subnav-item:first-child
{
    padding-top:10px;
}*/
/* line 113, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.nav-submenu > .subnav-item > .nav-link:hover {
  background-color: #FFFFFF;
  color: #000000;
  -webkit-mask-image: none;
  -webkit-mask-size: 200%;
  animation: none;
}

/* line 122, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.nav-submenu > .subnav-item > .nav-link {
  font-family: "NotoSans-Regular";
  font-size: .7rem;
  color: #363d48;
  border: 0;
  padding-left: 15px;
}

/* line 130, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.nav-submenu > .subnav-item > .nav-link.active {
  font-family: "NotoSans-Regular";
  font-size: .7rem;
  background-color: #FFFFFF;
  color: #363d48;
  border: 0;
}

/*--------------------breadcrumb---------------------------*/
/* line 142, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.breadcrumb {
  white-space: nowrap;
  padding-left: 0;
  display: none;
}

/* line 148, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.breadcrumb li {
  font-family: "Barlow-Light";
  color: #abb3bf;
  font-size: .75rem;
  display: inline-block;
  line-height: 26px;
  margin: 0 9px 0 -10px;
  padding: 0 20px;
  position: relative;
}

/* line 159, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.breadcrumb li::before {
  border-right: 1px solid #abb3bf;
  content: '';
  display: block;
  height: 20%;
  position: absolute;
  left: 0;
  right: 0;
  top: 9px;
  z-index: -1;
  transform: skewX(45deg);
}

/* line 173, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.breadcrumb li::after {
  border-right: 1px solid #abb3bf;
  content: '';
  display: block;
  height: 20%;
  position: absolute;
  left: 0;
  right: 0;
  top: 14px;
  z-index: -1;
  transform: skewX(45deg);
}

/* line 186, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.breadcrumb li::after {
  transform: skewX(-45deg);
}

/* line 191, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.breadcrumb li:last-of-type::before,
.breadcrumb li:last-of-type::after {
  display: none;
}

/* line 195, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.breadcrumb li a {
  font-family: "Barlow-Light";
  color: #eb6933;
  font-size: .75rem;
  margin-top: 1px;
  margin-left: 5px;
  text-decoration: none;
}

/* line 204, ../../../../../Htmls/mobile/scss/layout/_nav.scss */
.breadcrumb li:first-child {
  padding-left: 0px;
}

/* Media SCSS */
/*Base Font Family and Font Size */


/* line 122, ../../../../../Htmls/mobile/scss/layout/_common.scss */
h3 {
  font-family: "Barlow-Bold";
  color: #363d48;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 16px;
  margin-bottom: 20px;
  position: relative;
}

/* line 133, ../../../../../Htmls/mobile/scss/layout/_common.scss */
h3::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 105px;
  position: absolute;
  height: 2px;
  z-index: auto;
  left: 0px;
  top: 36px;
}

.message h3{
	    color: #f0f1f3;
}

/* line 146, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  width: 100%;
  border-top: 1px solid #dfe1e2;
  padding-top: 25px;
  margin-top: 19px;
}

/* line 157, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.page-item {
  font-family: "NotoSans-Regular";
  font-size: 12px;
  position: relative;
  display: block;
  padding: 0.3rem 3px;
  margin-left: -1px;
  line-height: 1.25;
  border-radius: 2px;
  padding-bottom: 0;
}

/* line 169, ../../../../../Htmls/mobile/scss/layout/_common.scss */
li.page-link > a.current {
  background-color: #000000;
}

/* line 174, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.page-item input {
  width: 30px;
  margin-left: 3px;
}
/* line 179, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.page-item [type="button"] {
  background-color: transparent;
  border: 0;
  color: #eb6933;
  padding: 4px;
}

/* line 187, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

/* line 193, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

/* line 198, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #eb6933;
}

/* line 204, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

/* line 212, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.page-link {
  font-family: "NotoSans-Regular";
  font-size: .8rem;
  position: relative;
  display: block;
  padding: 0.3rem 0.55rem;
  margin-left: -1px;
  line-height: 1.25;
  border-radius: 2px;
}

/* line 223, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

/* line 231, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* line 237, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

/* line 241, ../../../../../Htmls/mobile/scss/layout/_common.scss */
#WeatherNewsnAnalysis {
  margin-top: 10px;
}

/* line 248, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  width: 100%;
  /*border-top: 1px solid #dfe1e2;*/
  padding-top: 25px;
  margin-top: 19px;
}
/* line 261, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.pagination ul li {
  font-family: "NotoSans-Regular";
  font-size: .8rem;
  position: relative;
  display: block;
  padding: 0.3rem 0.55rem;
  margin-left: -1px;
  line-height: 1.25;
  border-radius: 2px;
  float: left;
}
/* line 273, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.pagination ul li a {
  font-family: "NotoSans-Regular";
  font-size: .8rem;
  position: relative;
  display: block;
  padding: 0.3rem 0.55rem;
  margin-left: -1px;
  line-height: 1.25;
  border-radius: 2px;
  float: left;
}
/* line 285, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.pagination ul li a.active {
  color: #eb6933;
}
/* line 289, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.pagination ul li:last-child {
  padding-top: 15px;
}
/* line 293, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.pagination ul li button {
  float: left;
  background-color: #eb6933;
  border: 0;
  padding: 2px;
  width: 35px;
  height: 35px;
  color: #FFFFFF;
}
/* line 303, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.pagination .page-item .page-link {
  background-color: transparent;
  color: #eb6933;
  border: 0;
}
/* line 309, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.pagination .page-item > input {
  width: 20px;
  margin-left: 10px;
}
/* line 314, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.pagination .page-item > input[type="button"] {
  font-family: "Barlow-Bold";
  width: 50px;
  background-color: transparent;
  color: #eb6933;
  border: 0;
  font-size: 12px;
  padding-left: 0px;
  margin-left: 0px;
}

/* line 326, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.container > .row > .col-md-9 {
  /*h1::after {
      content: "";
      border-bottom: 3px solid #ff7036;
      width: 260px;
      position: absolute;
      height: 2px;
      bottom: 54px;
      z-index: auto;
      left: 0px;
      top: 39px;
  }*/
}
/* line 328, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.container > .row > .col-md-9 h1 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
}

/* line 357, ../../../../../Htmls/mobile/scss/layout/_common.scss */
#season {
  /* (1366x768) WXGA Display */
}
/* line 358, ../../../../../Htmls/mobile/scss/layout/_common.scss */
#season .season-left {
  width: 100%;
  float: left;
  margin-right: 20px;
}
/* line 363, ../../../../../Htmls/mobile/scss/layout/_common.scss */
#season .season-left .tempreature-title {
  font-family: "Barlow-Bold";
  font-size: 1.2rem;
  color: #3b3e3f;
  padding: 12px 0;
  /* background-color: #e0e0e0; */
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
}
/* line 373, ../../../../../Htmls/mobile/scss/layout/_common.scss */
#season .season-left .left-col-season {
  font-family: "Barlow-Light";
  font-size: 1.0rem;
  padding: 5px;
}
/* line 379, ../../../../../Htmls/mobile/scss/layout/_common.scss */
#season .season-left .right-col-season {
  font-family: "Barlow-Light";
  font-size: 1.0rem;
  padding: 5px;
}
/* line 386, ../../../../../Htmls/mobile/scss/layout/_common.scss */
#season .season-right {
  width: 10%;
  float: left;
  width: 137px;
  display: none;
}
/* line 395, ../../../../../Htmls/mobile/scss/layout/_common.scss */
#season .season-right > .season-months {
  list-style: none;
  display: inline-block;
  background-color: #3b3e3f;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 7px 60px 7px 45px;
  position: relative;
  width: 135px;
}
/* line 406, ../../../../../Htmls/mobile/scss/layout/_common.scss */
#season .season-right > .selected-season-month {
  list-style: none;
  display: inline-block;
  background-color: #686969;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 12px 60px;
  position: relative;
}
/* line 416, ../../../../../Htmls/mobile/scss/layout/_common.scss */
#season .season-right > .selected-season-month:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 13px 16px 13px 0;
  border-color: transparent #686969;
  display: block;
  width: 0;
  z-index: 1;
  left: -16px;
  top: 14px;
}
/* line 430, ../../../../../Htmls/mobile/scss/layout/_common.scss */
#season .season-right > .season-months > a {
  font-family: "Barlow-Light";
  font-size: 1.2rem;
  color: #FFFFFF;
}

/* line 444, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.center_text_error {
  text-align: center;
  vertical-align: middle;
  line-height: 262px;
}

/* line 449, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.seveldayforecast-load #viewContainer-load {
  overflow: hidden;
}

/* line 452, ../../../../../Htmls/mobile/scss/layout/_common.scss */
.seveldayforecast-load #tslshow-load {
  width: 1000px;
}

/*Base Font Family and Font Size */
/*Base Font Family and Font Size */
/*$tw-1360:140px;
$hw-1360:94px;
$ww-1360:105px;
$rw-1360:106px;
$text-1360: 0.7rem;
$val-1360:1.0rem;*/
/* line 5, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast {
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  margin-bottom: 40px;
  /*h1::after {
      content: "";
      border-bottom: 3px solid #ff7036;
      width: 170px;
      position: absolute;
      height: 2px;
      z-index: auto;
      left: 0px;
      top: 39px;
  }*/
}
/* line 12, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast h1 {
  font-family: "Barlow-Bold";
  color: black;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 8px;
  margin-bottom: 20px;
  padding-top: 5px;
  position: relative;
}
/* line 24, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .extended_forecast {
  display: block;
  position: relative;
  padding-bottom: 10px;
}
/* line 39, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast h1.exteneded {
  font-family: "Barlow-Bold";
  color: black;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 8px;
  margin-bottom: 10px;
  padding-top: 5px;
  position: relative;
}
/* line 52, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast h1.exteneded::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 170px;
  position: absolute;
  height: 2px;
  /* bottom: 43px; */
  z-index: auto;
  left: 0px;
  top: 59px;
}
/* line 65, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast h1.hourly {
  font-family: "Barlow-Bold";
  color: black;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 8px;
  margin-bottom: 10px;
  padding-top: 5px;
  position: relative;
}
/* line 78, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast h1.hourly::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 170px;
  position: absolute;
  height: 2px;
  /* bottom: 43px; */
  z-index: auto;
  left: 0px;
  top: 59px;
}
/* line 90, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast h1.weekly {
  font-family: "Barlow-Bold";
  color: black;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 8px;
  margin-bottom: 10px;
  padding-top: 5px;
  position: relative;
}
/* line 103, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast h1.fifteen::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 170px;
  position: absolute;
  height: 2px;
  /* bottom: 43px; */
  z-index: auto;
  left: 0px;
  top: 59px;
}
/* line 115, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast h1.weekly {
  font-family: "Barlow-Bold";
  color: black;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 8px;
  margin-bottom: 10px;
  padding-top: 5px;
  position: relative;
}
/* line 128, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast h1.fifteen::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 170px;
  position: absolute;
  height: 2px;
  /* bottom: 43px; */
  z-index: auto;
  left: 0px;
  top: 59px;
}
/* line 140, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .extended-forecast {
  position: relative;
  display: block;
  min-height: 35px;
}
/* line 145, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .extended-forecast a {
  font-family: "Barlow-Medium";
  color: black;
  text-transform: capitalize;
  color: #9da5b0;
  font-size: 1.1rem;
  margin-left: 10px;
  cursor: pointer;
}
/* line 155, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .extended-forecast a.active {
  font-family: "Barlow-Medium";
  color: black;
  text-transform: capitalize;
  color: #eb6933;
  font-size: 1.1rem;
  margin-left: 15px;
  cursor: pointer;
}
/* line 167, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .hourly-forecast {
  position: relative;
  display: block;
  min-height: 35px;
}
/* line 172, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .hourly-forecast a {
  font-family: "Barlow-Medium";
  color: black;
  text-transform: capitalize;
  color: #9da5b0;
  font-size: 1.1rem;
  margin-left: 10px;
  cursor: pointer;
}
/* line 182, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .hourly-forecast a.active {
  font-family: "Barlow-Medium";
  color: black;
  text-transform: capitalize;
  color: #eb6933;
  font-size: 1.1rem;
  margin-left: 15px;
  cursor: pointer;
}
/* line 193, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weekly-forecast {
  position: relative;
  display: block;
  min-height: 35px;
}
/* line 198, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weekly-forecast a {
  font-family: "Barlow-Medium";
  color: black;
  text-transform: capitalize;
  color: #9da5b0;
  font-size: 1.1rem;
  margin-left: 10px;
  cursor: pointer;
}
/* line 208, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weekly-forecast a.active {
  font-family: "Barlow-Medium";
  color: black;
  text-transform: capitalize;
  color: #eb6933;
  font-size: 1.1rem;
  margin-left: 15px;
  cursor: pointer;
}
/* line 219, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .fifteen-forecast {
  position: relative;
  display: block;
  min-height: 35px;
}
/* line 224, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .fifteen-forecast a {
  font-family: "Barlow-Medium";
  color: black;
  text-transform: capitalize;
  color: #9da5b0;
  font-size: 1.1rem;
  margin-left: 10px;
  cursor: pointer;
}
/* line 234, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .fifteen-forecast a.active {
  font-family: "Barlow-Medium";
  color: black;
  text-transform: capitalize;
  color: #eb6933;
  font-size: 1.1rem;
  margin-left: 15px;
  cursor: pointer;
}
/* line 245, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast {
  padding: 20px 18px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  background: #7b8a92;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7b8a92 0%, #8d999f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #7b8a92 0%, #8d999f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7b8a92 0%, #8d999f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8a92', endColorstr='#8d999f',GradientType=0 );
  /* IE6-9 */
  /* Hourly Forecast */
}
/* line 256, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .currentweather > label.ch {
  font-family: "Barlow-Medium";
  color: white;
  font-size: .8rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.1px;
}
/* line 267, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .temperature {
  font-family: "Barlow-Light";
  color: white;
  font-size: 4.5rem;
  font-size: 4.5rem;
  padding: 0;
  bottom: 0;
  float: left;
  line-height: 80px;
  width: 95px;
}
/* line 279, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .temperature sup {
  font-family: Verdana;
  font-size: 1.5rem;
  top: -1.6em;
  left: 2px;
}
/* line 286, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .location {
  width: 60%;
  padding-top: 38px;
  line-height: 20px;
  margin-left: 10px;
}
/* line 293, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .location > .location-state-tehshil {
  text-align: left;
  font-size: 1.0rem;
  font-family: "Barlow-Light";
  color: white;
  padding-top: 20px;
  padding-top: 0px;
  margin-top: -5px;
}
/* line 305, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .aqi > label.aqitext {
  font-family: "Barlow-Medium";
  color: white;
  text-transform: uppercase;
  float: left;
  font-size: .8rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.1px;
}
/* line 318, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .aqi > label.aqitext {
  font-family: "Barlow-Medium";
  color: white;
  text-transform: uppercase;
  float: left;
  font-size: .8rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.1px;
}
/* line 331, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .aqi > label.aqipm25 {
  font-family: "Barlow-Medium";
  color: white;
  text-transform: uppercase;
  float: right;
  font-size: .8rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.1px;
}
/* line 344, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .aqi > .aqivalue {
  font-family: "Barlow-Light";
  color: white;
  text-transform: uppercase;
  font-size: 2.1rem;
  width: 63px;
  float: left;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 358, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .aqi > .aqi-prescription {
  font-family: "Barlow-Light";
  color: #d0d4dc;
  text-transform: capitalize;
  font-size: 0.7rem;
  width: 42%;
  float: left;
  margin-top: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 373, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .aqi > .aqigauge {
  /*.gauge {
          width: 300px;
          height: 6px;
          opacity: 0.8;
          border-radius: 93.6px;
          background-image: linear-gradient(to right, #6dd270, #7bd666 7%, #91da5f 14%, #acde58 20%, #cde350 27%, #e7dc49 34%, #e7dc49 34%, #ead342 39%, #edc83c 43%, #f1bd35 48%, #f4b02e 52%, #f8a127 57%, #f8a127 57%, #f88c28 61%, #f9782a 65%, #f9642b 70%, #fa502d 74%, #fa3c2e 78%, #fa3c2e 78%, #fa1d10 83%, #e90d03 87%, #cd0702 91%, #b00301 96%, #930000);
      }*/
}
/* line 374, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .aqi > .aqigauge .gauge > img {
  width: 100%;
}
/* line 378, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .aqi > .aqigauge label.hazardous {
  font-family: "Barlow-Medium";
  color: #d0d4dc;
  text-transform: capitalize;
  float: right;
  font-size: .7rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.1px;
}
/* line 390, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .aqi > .aqigauge label.good {
  font-family: "Barlow-Medium";
  color: #d0d4dc;
  text-transform: capitalize;
  float: left;
  font-size: .7rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.1px;
}
/* line 410, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast {
  width: 100%;
  /*background-color: rgba(255, 255, 255, 0.1);*/
  /*height: 150px;*/
  height: 260px;
  margin-top: 10px;
  position: relative;
  /*.bktibx > .more > .rh-rain > .block > label.rh, label.wind, label.rin {
      font-family: $font-family-Barlow-Light;
      color: $white-color;
      text-transform: $uppercase;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      clear: both;
      padding: 5px 15px 0px 3px;
      margin-bottom: 2px;
  }*/
}
/* line 418, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast #leftArrow {
  width: 40px;
  height: 40px;
  position: absolute;
  left: -18px;
  cursor: pointer;
  top: 60px;
}
/* line 427, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast #rightArrow {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -50px;
  cursor: pointer;
  top: 60px;
}
/* line 437, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast #leftArrow_extended {
  width: 40px;
  height: 40px;
  position: absolute;
  left: -18px;
  cursor: pointer;
  top: 60px;
}
/* line 446, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast #rightArrow_extended {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -50px;
  cursor: pointer;
  top: 60px;
}
/* line 455, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast #viewContainer {
    width: 100%;
    height: 232px;
    /* background: #00ff00; */
    position: absolute;
    /* left: 50%; */
    /* margin-left: -180px; */
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
/* line 466, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx {
  margin: 0 5px 0 0;
  font-size: 18px;
  width: 95px;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 15px 15px 2px 15px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  float: left;
  margin-top: 10px;
}
/* line 482, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast #forecast .weatherforecast .threeforecast .bktibx:nth-child(3) {
  margin-right: 0px;
}
/* line 487, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .day {
  font-family: "Barlow-Light";
  color: white;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}


#forecast .weatherforecast .threeforecast .bktibx > .day-date {
    font-family: "Barlow-Light";
    color: white;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-top: 6px;
}

/* line 499, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .skyicon {
  height: 60px;
}
/* line 503, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .skyicon > img {
  width: 35px;
  padding: 13px 0 13px 0;
}
/* line 508, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .temperature {
  color: white;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 519, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .temperature > label.maxtemp {
  font-family: "Barlow-Regular";
  color: white;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 531, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .temperature > sup {
  font-size: 0.5rem;
  top: -1.2em;
  left: -2px;
}
/* line 537, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .temperature > .mintemp {
  font-family: "Barlow-Light";
  color: white;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 549, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .more {
  font-family: "Barlow-Bold";
  color: white;
  text-transform: lowercase;
  font-size: .6rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  clear: both;
  padding: 5px 15px 5px 3px;
  width: 100px;
}
/* line 564, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .more > .rh-rain > .block {
  position: relative;
  display: block;
  padding-bottom: 7px;
}
/* line 583, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .more > .rh-rain > .block > label {
  font-family: "Barlow-Light";
  color: white;
  text-transform: lowercase;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  clear: both;
  padding: 5px 15px 0px 3px;
  margin-bottom: 2px;
  display: inline;
}
/* line 599, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .more > .rh-rain > .block > img.rh {
  width: 10px;
  margin-right: 5px;
}
/* line 604, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .more > .rh-rain > .block > img.wind {
  width: 12px;
  margin-right: 5px;
}
/* line 609, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .bktibx > .more > .rh-rain > .block > img.rain {
  width: 14px;
  margin-right: 5px;
}
#forecast .weatherforecast .threeforecast #tslshow {
  position:absolute;
  left: 0;
  padding: 0px;
  width:700px;
}
#forecast .weatherforecast .threeforecast .showall {
  font-family: "Barlow-Medium";
  color: #FFFFFF;
  text-transform: capitalize;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
/* line 637, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .threeforecast .showall > img {
  display: inline;
}
/* line 642, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast {
  width: 100%;
  /*background-color: rgba(255, 255, 255, 0.1);*/
  /*height: 150px;*/
  height: 430px;
  margin-top: 10px;
  position: relative;
  /*.bktibx > .more > .rh-rain > .block > label.rh, label.wind, label.rin {
      font-family: $font-family-Barlow-Light;
      color: $white-color;
      text-transform: $uppercase;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      clear: both;
      padding: 5px 15px 0px 3px;
      margin-bottom: 2px;
  }*/
}
/* line 650, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast #leftArrow {
  width: 40px;
  height: 40px;
  position: absolute;
  left: -18px;
  cursor: pointer;
  top: 60px;
}
/* line 659, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast #rightArrow {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -50px;
  cursor: pointer;
  top: 60px;
}
/* line 669, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast #leftArrow_extended {
  width: 40px;
  height: 40px;
  position: absolute;
  left: -18px;
  cursor: pointer;
  top: 60px;
}
/* line 678, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast #rightArrow_extended {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -50px;
  cursor: pointer;
  top: 60px;
}
/* line 687, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast #viewContainer {
  width: 100%;
  height: 100%;
  /*background: #00ff00;*/
  position: absolute;
  /* left: 50%; */
  /* margin-left: -180px; */
  overflow: hidden;
}
/* line 698, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx {
  margin: 0 5px 0 0;
  font-size: 18px;
  width: 95px;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 15px 15px 2px 15px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  float: left;
  margin-top: 10px;
}
/* line 714, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast #forecast .weatherforecast .threeforecast .bktibx:nth-child(3) {
  margin-right: 0px;
}
/* line 719, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .day {
  font-family: "Barlow-Light";
  color: white;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 731, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .skyicon {
  height: 60px;
}
/* line 735, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .skyicon > img {
  width: 35px;
  padding: 13px 0 13px 0;
}
/* line 740, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .temperature {
  color: white;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 751, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .temperature > label.maxtemp {
  font-family: "Barlow-Regular";
  color: white;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 763, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .temperature > sup {
  font-size: 0.5rem;
  top: -1.2em;
  left: -2px;
}
/* line 769, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .temperature > .mintemp {
  font-family: "Barlow-Light";
  color: white;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 781, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .more {
  font-family: "Barlow-Bold";
  color: white;
  text-transform: lowercase;
  font-size: .6rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  clear: both;
  padding: 5px 15px 5px 3px;
  width: 100px;
}
/* line 796, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .more > .rh-rain > .block {
  position: relative;
  display: block;
  padding-bottom: 7px;
}
/* line 815, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .more > .rh-rain > .block > label {
  font-family: "Barlow-Light";
  color: white;
  text-transform: lowercase;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  clear: both;
  padding: 5px 15px 0px 3px;
  margin-bottom: 2px;
  display: inline;
}
/* line 831, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .more > .rh-rain > .block > img.rh {
  width: 10px;
  margin-right: 5px;
}
/* line 836, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .more > .rh-rain > .block > img.wind {
  width: 12px;
  margin-right: 5px;
}
/* line 841, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .bktibx > .more > .rh-rain > .block > img.rain {
  width: 14px;
  margin-right: 5px;
}
/* line 846, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast #tslshow {
  position: relative;
  left: 0;
  padding: 0px;
  /*width: 1200px;*/
}
/* line 853, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast #tslshow {
  position: absolute;
  left: 0;
  padding: 0px;
  width: 1200px;
}
/* line 860, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .showall {
  font-family: "Barlow-Medium";
  color: #FFFFFF;
  text-transform: capitalize;
  font-size: 14px;
  text-align: right;
  cursor: pointer;
}
/* line 869, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .seveldayforecast .showall > img {
  display: inline;
}
/* line 874, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast {
  width: 100%;
  /*background-color: rgba(255, 255, 255, 0.1);*/
 /* height: 150px;*/
  height:170px;
  margin-top: 0px;
  position: relative;
}
/* line 881, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast #leftArrow {
  width: 40px;
  height: 40px;
  position: absolute;
  left: -40px;
  cursor: pointer;
  top: 60px;
}
/* line 890, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast #rightArrow {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -60px;
  cursor: pointer;
  top: 60px;
}
/* line 899, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast #hourlyContainer {
  width: 100%;
  height: 100%;
  /*background: #00ff00;*/
  position: absolute;
  /* left: 50%; */
  /* margin-left: -180px; */
  overflow: hidden;
}
/* line 909, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul {
  position: absolute;
  left: 0;
  padding: 0px;
  width: 1200px;
}
/* line 916, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li {
  margin: -2px;
  display: inline-block;
  overflow-x: scroll;
  width: 278px;
  height: 150px;
  position: relative;
  overflow-y: hidden;
  /*padding: 20px;
  margin: -2px;
  font-size: 18px;*/
  /*width: 148px;*/
  /*display: inline-block;
  background: rgba(255,255,255,.1);
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 20px 23px;
  margin-top: 15px;*/
  /*border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;*/
}
/* line 940, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
/*
#forecast .weatherforecast .hourlyforecast ul li {
  padding: 20px;
  margin: -2px;
  font-size: 18px; 
  display: inline-block; 
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  color: #000000;
  padding: 20px 10px;
      text-align: center;
}
*/
#forecast .weatherforecast .hourlyforecast ul li {
    /* position: absolute; */
    width: 77px;
     height: 185px; 
    padding: 0px;
    /* background: #FFFFFF; */
    border-radius: 0;
    margin-top: 15px;
    margin-left: 0px;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-top: 15px;
	  text-align: center;
}

/* line 952, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
/*
#forecast .weatherforecast .hourlyforecast ul li:first-child {
  position: absolute;
  width: 50px;
  height: 123px;
  padding: 0px;
  background: #FFFFFF;
  border-radius: 0;
  margin-top: 15px;
  margin-left: 0px;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-top: 15px;
}*/
#forecast .weatherforecast .hourlyforecast ul li {
/*  position: absolute;*/
  width: 76px;
    height: 170px;
    padding: 0px;
    border-radius: 0;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    /* margin-top: 15px; */
    background: #788890;
    border-left: 1px solid #94a0a5;
    padding: 15px 2px 6px 15px;
}
/* line 967, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li:last-child {
  margin-right: 0px;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 974, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
/*
#forecast .weatherforecast .hourlyforecast ul li:first-child > .skyicon {
  padding: 0px 0 53px 0;
  height: 16px;
}*/
/* line 979, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li:first-child:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 10px 10px;
  border-color: #FFFFFF transparent;
  display: block;
  width: 0;
  z-index: 5555;
  top: -10px;
  left: 13px;
}
/* line 992, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li:nth-child(2) {
/*  margin-left: 65px; */
}
/* line 996, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .time {
 	Font-family: "Barlow-Light";
    color: white;
    text-transform: uppercase;
    text-align: left;
    font-size: 0.7em;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-top: 3px;
}
#forecast .weatherforecast .hourlyforecast ul li > .day {
    font-family: "Barlow-Light";
    color: white;
    text-transform: uppercase;
    text-align: left;
    font-size: .95em;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

/* line 1009, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .hourly-scroller-block {
  width: 5447px;
}
/* line 1013, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .hourly-scroller-block > .hourly-data {
  padding: 20px;
  margin: 0px;
  font-size: 18px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 20px 23px;
  margin-top: 15px;
}
/* line 1025, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .hourly-scroller-block > .hourly-data > .time {
  font-family: "Barlow-Light";
  color: white;
  text-transform: uppercase;
  text-align: left;
  font-size: .75rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1038, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .hourly-scroller-block > .hourly-data > .timetext {
  font-family: "Barlow-Light";
  color: black;
  text-transform: uppercase;
  text-align: center;
  font-size: .75rem;
  margin-top: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1052, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .hourly-scroller-block > .hourly-data > .skyicon {
  height: 45px;
  text-align: center;
}
/* line 1057, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .hourly-scroller-block > .hourly-data > .skyicon > img {
  width: 23px;
  height: 42px;
}
/* line 1062, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .hourly-scroller-block > .hourly-data > .temperature {
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.1rem;
  width: 75px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1075, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .hourly-scroller-block > .hourly-data > .temperature > label.maxtemp {
  font-family: "Barlow-Regular";
  color: white;
  text-transform: uppercase;
  font-size: 1.3rem;
  margin-bottom: 0;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1088, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .hourly-scroller-block > .hourly-data > .temperature sup {
  font-size: .5rem;
  top: -0.6rem;
  left: -2px;
}
/* line 1094, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .timetext {
  font-family: "Barlow-Light";
  color: black;
  text-transform: uppercase;
  text-align: center;
  font-size: .75rem;
  margin-top: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1108, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .skyicon {
  height: 45px;
  text-align: left;
}
/* line 1113, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .skyicon > img {
  width: 23px;
  height: 42px;
}

h4.hourly{
	color:#FFFFFF;
	 font-family: "Barlow-Light";
}
.prev-nestblock{
	margin-bottom: 10px;
}
.prev-nestblock a{
	color: #FFF;
    font-size: .99em;	
}
#prev8hr{
	color: #FFF;
    font-size: .99em;	
}
#next8hr{
	color: #FFF;
    font-size: .99em;	
}

/* line 1118, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .temperature {
 color: white;
  text-transform: lowercase;
  text-align: left;
  font-size: 1.1rem;
  width: 60px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
#forecast .weatherforecast .hourlyforecast ul li > .rain {
  font-family: "Barlow-Light";
    color: white;
    text-transform: lowercase;
    text-align: left;
    font-size: 0.8em;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
	padding: 1px 0px;
}
#forecast .weatherforecast .hourlyforecast ul li > .rh {
 font-family: "Barlow-Light";
  color: white;
  text-transform: uppercase;
  text-align: left;
  font-size: 0.8em;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1131, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .temperature > label.maxtemp {
  font-family: "Barlow-Regular";
  color: white;
  text-transform: uppercase;
  font-size: 1.3rem;
  margin-bottom: 0;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1144, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .temperature > sup {
  font-size: 0.5rem;
  top: -1.2em;
  left: -2px;
}
/* line 1150, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .temperature > .mintemp {
  font-family: "Barlow-Light";
  color: white;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1162, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast .weatherforecast .hourlyforecast ul li > .more {
  font-family: "Barlow-Bold";
  color: white;
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1176, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast #forecastcategory {
  /*ul li a:hover {
      border-left: 4px solid #ff9858;
       font-size: 0.97rem;
      cursor: pointer;
      padding: 18px 30px;
      margin-left: -24px;
      border-radius: 3px;
  }*/
}
/* line 1178, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast #forecastcategory ul {
  position: relative;
  left: 0;
  padding: 0px;
  width: 100%;
}
/* line 1185, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast #forecastcategory ul li {
  font-family: "Barlow-Light";
  text-transform: uppercase;
  text-align: left;
  font-size: 0.97rem;
  background-color: #FFFFFF;
  color: #858d98;
  display: inline-block;
  border-left: 4px solid #d4d7dd;
  padding: 15px 12px;
  margin-top: 10px;
  border-radius: 3px;
  margin-right: 20px;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgba(10, 31, 68, 0.1), 0 0 1px 0 rgba(10, 31, 68, 0.08);
}
/* line 1202, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast #forecastcategory ul li a {
  cursor: pointer;
  color: #858d98;
  font-size: 0.97rem;
}
/* line 1215, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast #forecastcategory ul li:nth-child(2) {
  margin-right: 0px;
}
/* line 1219, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#forecast #forecastcategory ul li:nth-child(4) {
  margin-right: 0px;
}

/* line 1225, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#alter {
  font-family: "Barlow-Light";
  font-size: 16px;
  line-height: 28px;
  background-color: #3b3e3f;
  color: #FFFFFF;
  padding: 20px;
  border-radius: 4px;
  position: relative;
  margin-bottom: 25px;
  margin-top: 40px;
}

#alter:before {
  content: url(../../images/alert.svg?v1.3);
  position: absolute;
  top: 25px;
  left: 19px;
}

#alter > span.time {
  display: block;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #777777;
  padding-bottom: 9px;
  margin-bottom: 7px;
}

#alter > span.time:before {
  content: "alert";
  text-align: left;
  position: absolute;
  top: 20px;
  left: 40px;
  text-transform: uppercase;
}

#districtforecast h1 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 2.2rem;
  padding-bottom: 16px;
}
#districtforecast ul {
  position: relative;
  left: 0;
  padding: 0px;
  width: 100%;
}
#districtforecast ul li {
  font-family: "Barlow-Light";
  text-transform: uppercase;
  text-align: left;
  font-size: 1.2rem;
  background-color: #FFFFFF;
  border-left: 4px solid #d4d7dd;
  color: #858d98;
  display: inline-block;
  padding: 15px 20px 15px 20px;
  margin-top: 20px;
  border-radius: 3px;
  margin-right: 20px;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgba(10, 31, 68, 0.1), 0 0 1px 0 rgba(10, 31, 68, 0.08);
}
#districtforecast ul li a {
  display: block;
  color: #858d98;
}
#districtforecast ul li.WARM {
  border-right: 2px solid #f6ee02;
}
#districtforecast ul li a {
  cursor: pointer;
}
/* line 1330, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#districtforecast ul li a > label {
  color: #000000;
}

/* line 1339, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#stateListing h1 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
}
/* line 1353, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#stateListing h1::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 160px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 1366, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#stateListing ul {
  position: relative;
  left: 0;
  padding: 0px;
  width: 100%;
}
/* line 1373, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#stateListing ul li {
  font-family: "Barlow-Light";
  text-transform: uppercase;
  text-align: left;
  font-size: 1.2rem;
  background-color: #FFFFFF;
  border-left: 4px solid #d4d7dd;
  color: #858d98;
  display: inline-block;
  padding: 15px 20px 15px 20px;
  margin-top: 20px;
  border-radius: 3px;
  margin-right: 20px;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgba(10, 31, 68, 0.1), 0 0 1px 0 rgba(10, 31, 68, 0.08);
}
/* line 1390, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#stateListing ul li a {
  display: block;
  color: #858d98;
}
/* line 1397, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#stateListing ul li.WARM {
  border-right: 2px solid #f6ee02;
}
/* line 1401, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#stateListing ul li a {
  cursor: pointer;
}
/* line 1405, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#stateListing ul li a > label {
  color: #000000;
}

/* line 1414, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing h1 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
}
/* line 1428, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing h1::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 260px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 1441, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul {
  position: relative;
  left: 0;
  padding: 0px;
  width: 100%;
}
/* line 1448, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul li {
  font-family: "Barlow-Light";
  text-transform: uppercase;
  text-align: left;
  font-size: 1.2rem;
  background-color: #FFFFFF;
  border-left: 4px solid #d4d7dd;
  color: #858d98;
  display: inline-block;
  padding: 15px 20px 15px 20px;
  margin-top: 20px;
  border-radius: 3px;
  margin-right: 20px;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgba(10, 31, 68, 0.1), 0 0 1px 0 rgba(10, 31, 68, 0.08);
}
/* line 1465, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul li a {
  display: block;
  color: #858d98;
}
/* line 1472, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul li.WARM {
  border-right: 2px solid #f6ee02;
}
/* line 1476, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul li a {
  cursor: pointer;
}
/* line 1480, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul li a > label {
  color: #000000;
}

/* line 1488, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing h1 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
}
/* line 1502, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing h1::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 260px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 1515, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul {
  position: relative;
  left: 0;
  padding: 0px;
  width: 100%;
}
/* line 1522, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul li {
  font-family: "Barlow-Light";
  text-transform: uppercase;
  text-align: left;
  font-size: 1.2rem;
  background-color: #FFFFFF;
  border-left: 4px solid #d4d7dd;
  color: #858d98;
  display: inline-block;
  padding: 15px 20px 15px 20px;
  margin-top: 20px;
  border-radius: 3px;
  margin-right: 20px;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgba(10, 31, 68, 0.1), 0 0 1px 0 rgba(10, 31, 68, 0.08);
}
/* line 1539, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul li a {
  display: block;
  color: #858d98;
}
/* line 1546, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul li.WARM {
  border-right: 2px solid #f6ee02;
}
/* line 1550, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul li a {
  cursor: pointer;
}
/* line 1554, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#countryListing ul li a > label {
  color: #000000;
}

/* line 1562, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#allCountryListing h1 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
}
/* line 1576, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#allCountryListing h1::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 260px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 1589, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#allCountryListing ul {
  position: relative;
  left: 0;
  padding: 0px;
  width: 100%;
}
/* line 1595, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#allCountryListing ul .SectionTitle {
  display: none;
}
/* line 1600, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#allCountryListing ul li {
  font-family: "Barlow-Light";
  text-transform: uppercase;
  text-align: left;
  font-size: 1.2rem;
  background-color: #FFFFFF;
  border-left: 4px solid #d4d7dd;
  color: #858d98;
  display: inline-block;
  padding: 15px 20px 15px 20px;
  margin-top: 20px;
  border-radius: 3px;
  margin-right: 20px;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgba(10, 31, 68, 0.1), 0 0 1px 0 rgba(10, 31, 68, 0.08);
}
/* line 1617, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#allCountryListing ul li > a {
  color: #858d98;
}

/* line 1624, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend {
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  margin-bottom: 40px;
}
/* line 1631, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend h3 {
  font-family: "Barlow-Bold";
  color: black;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
}
/* line 1642, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend h3::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 225px;
  position: absolute;
  height: 2px;
  /* bottom: 43px; */
  z-index: auto;
  left: 0px;
  top: 36px;
}
/* line 1654, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend ul {
  position: relative;
  left: 0;
  padding: 0px;
  width: 100%;
}
/* line 1661, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend ul li {
  font-family: "Barlow-Light";
  text-transform: uppercase;
  text-align: left;
  font-size: 1.2rem;
  background-color: #FFFFFF;
  color: #858d98;
  display: inline-block;
  border-left: 4px solid #d4d7dd;
  padding: 15px 20px;
  margin-top: 20px;
  border-radius: 3px;
  margin-right: 10px;
  width: 47.8%;
  box-shadow: 0 1px 2px 0 rgba(10, 31, 68, 0.1), 0 0 1px 0 rgba(10, 31, 68, 0.08);
}
/* line 1678, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend ul li a {
  cursor: pointer;
  color: #858d98;
}
/* line 1683, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend ul li a:hover {
  border-left: 4px solid #ff9858;
  cursor: pointer;
  padding: 15;
  padding: 13px 20px;
  margin-left: -24px;
  border-radius: 3px;
}
/* line 1692, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend ul li:nth-child(2) {
  margin-right: 0px;
}
/* line 1697, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend ul li:nth-child(4) {
  margin-right: 0px;
}
/* line 1701, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend ul li:nth-child(6) {
  margin-right: 0px;
}
/* line 1705, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend ul li:nth-child(8) {
  margin-right: 0px;
}
/* line 1709, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend ul li:nth-child(10) {
  margin-right: 0px;
}
/* line 1713, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#weathertrend ul li:nth-child(12) {
  margin-right: 0px;
}

/* line 1720, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather {
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}
/* line 1727, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather h3 {
  font-family: "Barlow-Bold";
  color: black;
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
}
/* line 1738, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather h3::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 315px;
  position: absolute;
  height: 2px;
  /* bottom: 43px; */
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 1750, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block {
  margin-bottom: 0px;
  background-color: white;
  padding: 15px 10px;
}
/* line 1755, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .box_0, #topcityweather .weather-block .box_2, #topcityweather .weather-block .box_4, #topcityweather .weather-block .box_6, #topcityweather .weather-block .box_8 {
  padding: 0;
}
/* line 1759, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .weather-block > .row > .col-md-6 {
  width: 100%;
}
/* line 1763, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .weather {
  display: block;
  min-height: 35px;
  width: 84%;
  float: left;
  border-bottom: 1px solid #e8eaed;
  margin-left: 27px;
  padding-top: 7px;
  padding-bottom: 7px;
}
/* line 1774, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .margin-top-bottom25 {
  margin: 25px 0;
}
/* line 1778, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .weather > .sky-icon {
  width: 35px;
  float: left;
  margin-right: 15px;
}
/* line 1784, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .weather > .sky-icon > img {
  width: 72%;
}
/* line 1788, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .weather > .city {
  font-family: "NotoSans-Regular";
  text-transform: capitalize;
  text-align: left;
  font-size: 1em;
  color: #363d48;
  display: inline-block;
  float: left;
  padding-top: 5px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1804, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .weather > .temperature {
  font-family: "NotoSans-Bold";
  text-transform: capitalize;
  text-align: left;
  font-size: 1em;
  color: #363d48;
  display: inline-block;
  float: left;
  padding-top: 5px;
  width: 30px;
  padding-left: 10px;
}
/* line 1817, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .weather > .temperature sup {
  font-family: "NotoSans-Bold";
  font-size: 0.7rem;
  top: -0.9em;
  left: 2px;
}
/* line 1824, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .border-right-light {
  border-right: 1px solid #e8eaed;
  margin-top: 1px;
}
/* line 1829, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .maxwidth {
  max-width: 30%;
}
/* line 1833, ../../../../../Htmls/mobile/scss/module/_forecast.scss */
#topcityweather .weather-block .paddleft-6percent {
  padding-left: 6%;
}

/*Base Font Family and Font Size */
/* line 5, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle {
  margin-top: 10px;
}
/* line 8, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle h1 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 20px;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
}
/* line 22, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle h1::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 150px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 34, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle h1 > a.right, article #weatherarticle a.left {
  margin-top: -10px;
}
/* line 38, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle h1 > a.left > img {
  height: 50px;
  width: 30px;
}
/* line 43, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle h1 > a.right > img {
  height: 50px;
  width: 30px;
}
/* line 50, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider .carousel {
  position: relative;
  display: block;
  width: 100%;
}
/* line 55, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider .carousel .col-md-4 {
  width: 50%;
}
/* line 58, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider .carousel .col-md-4 p.satellite {
  font-family: "NotoSans-Bold";
  font-size: 1.0rem;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #363d48;
  margin-bottom: 0;
  padding-bottom: 0;
}
/* line 71, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider .carousel .carousel-inner {
  margin-top: 15px;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 265px;
}
/* line 81, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider #sky-site-content .carousel-prev-next {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
  width: 50px;
}
/* line 89, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider #sky-site-content .carousel-prev-next {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
  width: 50px;
}

/* line 110, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider #sky-site-content .carousel-item {
  height: 60vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 120, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider #sky-site-content .carousel-item > .carousel-caption > h2 {
  font-family: "Barlow-Bold";
  font-size: 1.2rem;
  font-stretch: normal;
  line-height: 1.4rem;
  letter-spacing: 1.0px;
  text-align: left;
  text-transform: uppercase;
}
/* line 131, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider #sky-site-content .carousel-item > .carousel-caption > h3 {
  font-family: "Barlow-Bold";
  font-size: 2.0rem;
  font-stretch: normal;
  line-height: 2.5rem;
  letter-spacing: 1.0px;
  text-align: left;
  text-transform: uppercase;
}
/* line 141, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider #sky-site-content .carousel-item > .carousel-caption > p {
  margin-top: 0;
  text-align: left;
  color: #f6f7f6;
  font-family: "Barlow-Light";
  font-size: 0.7rem;
}
/* line 149, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider #sky-site-content .carousel-item > .carousel-caption {
  position: absolute;
  /* right: 15%; */
  /* bottom: 190px; */
  left: 26px;
                /* z-index: 10; 
padding-top: 20px;*/
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  width: 80%;
  height: 300px;
  top: 20px;
                /*position: relative;
right: 15%;
bottom: 190px;
left: 4%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
width: 64%;*/
}
/* line 174, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weatherarticle .story-slider #sky-site-content .carousel-item > .carousel-caption > label.newstype {
  text-transform: uppercase;
  background-color: #eb6933;
  float: left;
  padding: 2px 6px;
  font-size: 0.7rem;
}
/* line 187, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #articleinnercontainer {
  min-height: 1200px;
}
/* line 193, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article h1 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 1.2rem;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 16px;
  position: relative;
}
/* line 205, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article h1 > a > img {
  height: 54px;
}
/* line 209, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article .clearfix {
  clear: both;
}
/* line 213, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article ul {
  position: absolute;
  left: 0;
  padding: 0px;
  width: 100%;
}
/* line 220, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article ul li {
  padding: 20px;
  margin: -2px;
  font-size: 18px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 0px 12px;
  margin-top: 15px;
  width: 50%;
  float: left;
}
/* line 235, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article ul li:first-child {
  width: 100%;
}
/* line 239, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article ul li > .featured-aritcle {
  width: 100%;
  float: left;
}
/* line 244, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article ul li > .featured-aritcle > img {
  width: 100%;
}
/* line 248, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article .thumbnail {
  width: 100%;
  position: relative;
}
/* line 253, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article .thumbnail > img.article {
  width: 100%;
  height: 170px;
}
/* line 258, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article ul li:first-child > .thumbnail {
  width: 100%;
  position: relative;
}
/* line 263, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article ul li:first-child > a > .thumbnail > img.article {
  width: 100%;
  height: 100%;
  /*height: 375px;*/
}
/* line 269, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article h2 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 1.5rem;
  padding-bottom: 16px;
}
/* line 276, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weathertype {
  position: relative;
  margin-top: 40px;
}
/* line 280, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article #weathertype label.weather {
  text-transform: uppercase;
  background-color: #eb6933;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: absolute;
  bottom: 0;
  left: 0px;
  color: #FFFFFF;
}
/* line 293, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article img {
  width: 100%;
  padding-bottom: 18px;
  height: 200px;
}
/* line 299, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article a > .thumbnail > img {
  width: 158px;
  padding-bottom: 18px;
  height: 140px;
}
/* line 305, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article a > .articale-heading {
  font-family: "NotoSans-Bold";
  font-size: 16px;
  color: #363d48;
  line-height: 1.38;
  padding-top: 0px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 68px;
}
/* line 319, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article p {
  font-family: "NotoSans-Regular";
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.62;
  letter-spacing: normal;
  color: #363d48;
  padding-bottom: 20px;
}
/* line 331, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article p a {
  font-family: "NotoSans-Regular";
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.62;
  letter-spacing: normal;
  color: #ff7036;
  padding-bottom: 20px;
}
/* line 343, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article .add728x90 {
  width: 738px;
  height: 100px;
  background-color: rgba(133, 141, 152, 0.21);
  color: #858d98;
  font-family: "Barlow-Light";
  text-align: left;
  font-size: 1.8rem;
  padding-top: 17px;
  padding-left: 37px;
}
/* line 355, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article .add728x90 span {
  display: block;
  color: #858d98;
  font-family: "Barlow-Light";
  text-align: left;
  font-size: 0.7rem;
}
/* line 363, ../../../../../Htmls/mobile/scss/layout/_article.scss */
article h4 {
  font-family: "Barlow-Bold";
  text-transform: capitalize;
  font-size: 1.2rem;
  padding-bottom: 16px;
}

/* line 371, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.social {
  position: relative;
  margin-bottom: 10px;
  border-top: 2px solid #d1d1d1;
  margin-top: 20px;
  width: 100%;
  min-height: 30px;
}

/* line 380, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.social ul {
  padding: 0;
}

/* line 384, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.social ul li {
  list-style-type: none;
  display: inline;
  padding: 11px 15px 0px 15px;
  float: left;
}

/* line 391, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.social ul li a {
  font-family: "NotoSans-Regular";
  color: white;
  text-transform: uppercase;
  font-size: 0.8rem;
  line-height: 2.8;
  letter-spacing: normal;
  margin: 8px 0;
  list-style-type: none;
}

/* line 402, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.trending {
  position: relative;
  margin-bottom: 10px;
  margin-top: 30px;
  width: 100%;
}

/* line 409, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.trending ul {
  padding: 0;
}

/* line 413, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.trending ul li {
  list-style-type: none;
  display: inline;
  padding: 11px 5px 0px 5px;
  float: left;
}

/* line 420, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.trending ul li a {
  font-family: "NotoSans-Regular";
  color: white;
  text-transform: uppercase;
  font-size: 0.8rem;
  line-height: 2.8;
  letter-spacing: normal;
  margin: 8px 0;
  list-style-type: none;
}

/* line 431, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.trending ul li a > label {
  font-family: "NotoSans-Bold";
  color: white;
  text-transform: uppercase;
  text-transform: uppercase;
  color: #858d98;
  font-size: 0.65rem;
  background-color: #e8eaed;
  letter-spacing: normal;
  list-style-type: none;
  padding: 0px 9px;
}

/* line 444, ../../../../../Htmls/mobile/scss/layout/_article.scss */
#comments {
  padding-top: 15px;
}
/* line 447, ../../../../../Htmls/mobile/scss/layout/_article.scss */
#comments input {
  font-family: "NotoSans-Regular";
  color: #6f7986;
  text-transform: capitalize;
  border: 1px solid #e2e2e2;
  color: #6f7986;
  width: 100%;
  font-size: .8rem;
  padding: 10px 16px;
  margin-bottom: 10px;
}
/* line 459, ../../../../../Htmls/mobile/scss/layout/_article.scss */
#comments textarea {
  font-family: "NotoSans-Regular";
  color: #6f7986;
  text-transform: capitalize;
  border: 1px solid #e2e2e2;
  color: #6f7986;
  width: 100%;
  font-size: .8rem;
  padding: 10px 16px;
  min-height: 120px;
}
/* line 471, ../../../../../Htmls/mobile/scss/layout/_article.scss */
#comments .margin-1top15 {
  margin-top: 15px;
}
/* line 475, ../../../../../Htmls/mobile/scss/layout/_article.scss */
#comments .postcomments {
  display: block;
  color: #FFFFFF;
  font-family: "NotoSans-Bold";
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #eb6933;
  border: 1px solid #eb6933;
  padding: 0.375rem 0.75rem;
  font-size: .9rem;
  line-height: 1.5;
  border-radius: 0;
  /* transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
  margin-top: 15px;
  width: 100%;
}

/* line 499, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.WeatherNewsheaderblockbg {
  width: 46% !important;
  margin-right: 10px;
}

/* line 504, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.WeatherNewsheaderblockbg > a > div > img {
  width: 100% !important;
  height: 100% !important;
}

/* line 509, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.WeatherNewsheaderblockbg > a > div > .yuzo-title {
  bottom: 20px !important;
  width: 94% !important;
}

/* line 517, ../../../../../Htmls/mobile/scss/layout/_article.scss */
ol li {
  border-top: 1px solid #d1d1d1;
  margin-top: 30px;
}
/* line 521, ../../../../../Htmls/mobile/scss/layout/_article.scss */
ol li article > footer {
  background-color: transparent;
  padding: 10px 0;
}
/* line 527, ../../../../../Htmls/mobile/scss/layout/_article.scss */
ol li .comment-content p {
  margin-bottom: 0;
}
/* line 532, ../../../../../Htmls/mobile/scss/layout/_article.scss */
ol li ol.children li {
  padding: 0;
  margin: 0;
}

/*ol li:first-child {
    border-top: 0;
}*/
/* line 542, ../../../../../Htmls/mobile/scss/layout/_article.scss */
.comment-notes {
  margin: 15px 0;
}

/* line 546, ../../../../../Htmls/mobile/scss/layout/_article.scss */
#respond h3 {
  font-family: "Barlow-Medium";
  color: #f6f7f6;
  text-transform: uppercase;
  font-size: 1.3rem;
  border-bottom: 2px solid #e8eaed;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

/* line 556, ../../../../../Htmls/mobile/scss/layout/_article.scss */
#respond h3::after {
  border-bottom: 0;
}

/* line 563, ../../../../../Htmls/mobile/scss/layout/_article.scss */
#commonstoryfooter {
  margin-left: -35px;
  margin-right: -12px;
}

/* line 567, ../../../../../Htmls/mobile/scss/layout/_article.scss */
#commonstoryfooter ul {
  position: relative;
}

/* line 572, ../../../../../Htmls/mobile/scss/layout/_article.scss */
#commonstoryfooter ul li {
  width: 50%;
  /*height: 582px;*/
  padding: 20px;
  margin: -2px;
  font-size: 18px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 0px 15px;
  margin-top: 0px;
  float: left;
}

/* line 586, ../../../../../Htmls/mobile/scss/layout/_article.scss */
#commonstoryfooter ul li a > .thumbnail > img {
  width: 100%;
  height: 110px;
}

/*Base Font Family and Font Size */
/*Base Font Family and Font Size */
/*$tw-1360:140px;
$hw-1360:94px;
$ww-1360:105px;
$rw-1360:106px;
$text-1360: 0.7rem;
$val-1360:1.0rem;*/
@media screen and (min-width: 1244px) {
        /*.carousel-item > .overlay {
            background-color: #ff0000;
        }

        header > .top-band {
            background-color: #000000;
        }*/
  /* line 49, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .temperature {
    width: 140px;
  }

  /* line 53, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .temperature > .text {
    font-size: 0.7rem;
  }

  /* line 57, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .temperature > .val {
    font-size: 1rem;
  }

  /* line 61, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .humidity {
    width: 94px;
  }

  /* line 65, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .humidity > .val {
    font-size: 1rem;
  }

  /* line 69, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .humidity > .text {
    font-size: 0.7rem;
  }

  /* line 73, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .wind {
    width: 105px;
  }

  /* line 77, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .wind > .val {
    font-size: 1rem;
  }

  /* line 81, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .wind > .text {
    font-size: 0.7rem;
  }

  /* line 85, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .rain {
    width: 106px;
  }

  /* line 89, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .rain > .val {
    font-size: 1rem;
  }

  /* line 93, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .weather-parameter .rain > .text {
    font-size: 0.7rem;
  }

  /* line 100, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  .carousel-item > .carousel-caption > h3 {
    font-size: 1.7rem;
    line-height: 2.0rem;
  }
}
@media screen and (min-width: 1600px) {
  /* line 112, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  #forecast .weatherforecast .seveldayforecast .bktibx {
    padding: 30px;
    width: 173px;
  }

  /* line 117, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  #forecast .weatherforecast .seveldayforecast {
    height: 175px;
  }

  /* line 121, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  #forecast .weatherforecast .hourlyforecast ul li:nth-child(2) {
    margin-left: 59px;
  }

  /* line 125, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  #forecast .weatherforecast .hourlyforecast ul li:first-child {
    width: 58px;
  }

  /* line 129, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  #awsnetwork {
    min-height: 480px;
  }

  /* line 133, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  #awsnetwork #map {
    height: 365px;
  }

  /* line 137, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  #awsnetwork #map::after {
    top: 365px;
  }

  /* line 141, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  #weathertrend {
    margin-top: 35px;
  }

  /* line 145, ../../../../../Htmls/mobile/scss/base/_mixin.scss */
  #forecast .weatherforecast .hourlyforecast ul li {
    padding: 20px 36px;
  }
}



/* line 878, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new {
  position: relative;
}
/* line 881, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new h3 {
  font-family: "Barlow-Bold";
  text-transform: uppercase;
  font-size: 20px;
  border-bottom: 3px solid #e8eaed;
  padding-bottom: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  display: block;
  position: relative;
  clear: both;
  width: 100%;
}
/* line 895, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new h3::after {
  content: "";
  border-bottom: 3px solid #ff7036;
  width: 105px;
  position: absolute;
  height: 2px;
  bottom: 54px;
  z-index: auto;
  left: 0px;
  top: 39px;
}
/* line 907, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new h3 > a {
  font-family: "Barlow-Regular";
  text-transform: capitalize;
  font-size: 0.8rem;
  border-radius: 5px;
  text-align: center;
  color: #9da5b0 !important;
  /* margin-bottom: 30px; */
  margin-left: 10px;
}
/* line 919, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new h3 > a.active {
  color: #eb6933 !important;
  cursor: pointer;
}
/* line 924, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new h3 > select {
  font-family: "Barlow-Regular";
  text-transform: capitalize;
  font-size: 18px;
  color: #9da5b0;
  background-color: transparent;
  float: right;
  border: 0;
}
/* line 934, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .gallery-title {
  font-size: 36px;
  color: #42B32F;
  text-align: center;
  font-weight: 500;
  margin-bottom: 70px;
}
/* line 942, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .gallery-title:after {
  content: "";
  position: absolute;
  width: 7.5%;
  left: 46.5%;
  height: 45px;
  border-bottom: 1px solid #5e5e5e;
}
/* line 952, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .port-image {
  width: 100%;
}
/* line 956, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .gallery_product {
  margin-bottom: 15px;
}
/* line 960, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .gallery_product > .thumbnail-block {
  float: left;
  width: 132px;
  height: 90px;
  position: relative;
}
/* line 967, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .gallery_product > .thumbnail-block > img {
  width: 100%;
  height: 90px;
}
/* line 972, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .gallery_product > .articleheading-block {
  float: left;
  width: 55%;
  padding: 0 0 0 10px;
}
/* line 978, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .gallery_product > .articleheading-block > h5 {
  font-family: "NotoSans-Bold";
  color: #363d48;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 988, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .gallery_product > .articleheading-block > .datetime {
  font-family: "NotoSans-ExtraLight";
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #abb3bf;
}
/* line 999, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .gallery_product > .articleheading-block > .datetime > img.calendar {
  padding-right: 5px;
  margin-top: -2px;
}
/* line 1007, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .articlescrollbar {
  background-color: #F5F5F5;
  float: left;
  height: 400px;
  overflow-y: scroll;
}
/* line 1014, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .article-overflow {
  min-height: 390px;
  margin-top: 15px;
}
/* line 1019, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new #article-gallery::-webkit-scrollbar {
  width: 6px;
  margin-right: 10px;
  background-color: #F5F5F5;
}
/* line 1025, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new #article-gallery::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #cccccc;
  margin-right: 10px;
}
/* line 1032, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new #article-gallery::-webkit-scrollbar-track {
  margin-right: 10px;
  border-radius: 0px;
  background-color: #f6f7f6;
}
/* line 1038, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .articledetails-overlay {
  position: absolute;
  width: 93%;
  top: 0px;
  left: 15px;
  border-radius: 5px;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.54) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.54) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.54) 100%);
}
/* line 1050, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .articledetails-overlay > .content {
  position: absolute;
  margin: 220px 15px 15px 20px;
  bottom: 0;
  left: 0;
}
/* line 1056, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .articledetails-overlay > .content h5 {
  font-family: "NotoSans-Bold";
  color: #FFFFFF;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
/* line 1066, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .articledetails-overlay > .content .datetime {
  font-family: "NotoSans-Regular";
  font-size: .7rem;
  padding-top: 2px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #abb3bf;
}
/* line 1078, ../../../../../Htmls/mobile/scss/layout/_home.scss */
#mustread-new .articledetails-overlay > .content label.health {
  text-transform: uppercase;
  background-color: #f1a12b;
  padding: 2px 6px;
  font-size: 0.64rem;
  position: relative;
  bottom: 0;
  left: 0px;
  color: #FFFFFF;
}