.Scattered-thunderstrom,.breezy,.cloudy,.fair-weather,.mostly-sunny,.partly-cloudy,.rainy,.shower,.sunny,.tempreture,.tempreture .location p,.tempreture .location p span,.thunderstrom{color:#FFF!important}.details,.tempreture{float:left;width:50%}.wday,.wmax,.wmin,.wsunrise,.wsunset,.wtoday{text-transform:uppercase}#divWeather{text-align:left!important}#divWeather .bacontArea{text-align:center!important}.tempreture{border-right:none;min-height:180px;padding:0 12px 5px 0}.cloudy{background:url(../img/cloud-img.jpg) left -120px no-repeat}.partly-cloudy{background:url(../img/partly-cloudy.jpg) right -120px no-repeat}.sunny{background:url(../img/sunny-day.jpg) right top no-repeat}.mostly-sunny{background:url(../img/sunny-day-m.jpg) left -120px no-repeat}.fair-weather{background:url(../img/fairweather.jpg) left -120px no-repeat}.thunderstrom{background:url(../img/thunderstrom.jpg) left -120px no-repeat}.Scattered-thunderstrom{background:url(../img/thunderstrom-s.jpg) left -120px no-repeat}.rainy{background:url(../img/rainy-weathern.jpg) left -120px no-repeat}.breezy{background:url(../img/breezy.jpg) left -120px no-repeat}.shower{background:url(../img/shower.jpg) left -120px no-repeat}#divWeather .top-container{padding:80px 0 0;height:100%}.tempreture .location{padding:0;margin-bottom:0;margin-top:0;font-weight:400;text-align:left;font-size:1.3em;letter-spacing:1px}.tempreture .location p{font-size:105%!important;line-height:36px}.tempreture .location p span{font-size:1.5em!important;text-transform:uppercase;font-weight:800}.margin-5{margin-top:5px!important}.details .detail-bgk,.details .windprsr{padding:10px;margin-top:10px}.details .windprsr{margin-bottom:0;margin-top:0;text-align:center;float:right}.details .windprsr h4{margin-top:0;margin-bottom:0;font-size:150%;font-weight:400;color:#fff}.forcast{padding:0}.forcast ul{list-style:none;margin:0;padding:0}.forcast ul li{list-style:none;display:inline-block}.forcast ul li .day{color:#08C;text-decoration:underline}.forcast ul li .max{font-weight:700}.forcast ul li .text{font-size:10px;line-height:10px}.tempreture h1,.tempreture h4,.tempreture h5{color:#fff;text-shadow:3px 4px 5px rgba(0,0,0,.64)}.tempreture h1{font-size:550%}.tempreture h5{font-size:150%}input.location-txt{border-radius:0;border:1px solid #FFF;color:#000!important;webkit-box-shadow:inset 0 1px 1px transparent;box-shadow:inset 0 1px 1px transparent;background:url(../img/map-icon-black.png) left 5px no-repeat #fff!important;padding-left:40px;border-bottom:1px solid #CECECE}.forcast .max,.forcast .min,.wminmax{color:#FFF!important}input.form-control:focus{webkit-box-shadow:0!important;box-shadow:0!important;border-color:#FFF;border-bottom:1px solid #CECECE!important}.inner-content .forcast p{margin-top:0}.wminmax{font-size:2.4em;margin-top:15px;font-weight:100}.forcast .max{font-size:1em}.forcast .min{font-size:.7em;opacity:.6}.forcast .forecasttype{margin:0;text-align:center;min-height:52px;padding:4px;color:#FFF!important;font-size:1em;opacity:.7}.forcast h5{color:#FFF;font-weight:400;padding:6px;text-align:center;font-size:16px;margin-bottom:3px}.top-container{margin-left:0;margin-right:0}.forcast .col-md-2,.forcast .col-xs-2{padding-left:5px!important;padding-right:5px!important}.forcast .col-md-2:last-child,.forcast .col-xs-2:last-child{padding-right:0!important}.forcast .col-md-2:first-child,.forcast .col-xs-2:first-child{padding-left:0!important}.tempreture img{width:86px}.details .windprsr .windImg{width:60px;background:url(../img/pillar.png) 24px 25px no-repeat;height:95px;margin:auto}.details .windprsr .wind-dtl{width:auto;color:#fff}.details .windprsr .windImg .wind-fan{background:url(../img/fan.png) 1px -4px no-repeat;width:57px;height:50px;-webkit-animation-name:spin;-webkit-animation-duration:4s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:4s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:4s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}.box-section{border:none;position:absolute;width:80%;top:100px;margin:auto;left:0;right:0}.cfbutton{position:relative;z-index:1;margin-top:15px;float:left}.cfbutton li{display:inline-block;color:#fff}.map-weather{border:1px solid #c7c7c7;padding:10px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.31);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.31);box-shadow:0 2px 5px 0 rgba(0,0,0,.31)}.whumidity{color:#fff}.wdate,.wday{color:#00daff;font-size:1.2em}.wdate{text-align:right;float:right}.wday{float:left;font-weight:600}.weatherbg h5{clear:both;float:left;width:100%;margin-bottom:5px}.wsunrise,.wsunset{font-size:1.2em;line-height:20px;margin-bottom:10px}.wsunrise span{display:block;letter-spacing:3px}.wsunset span{display:block}.todaytemp,.wmax span,.wmin span{display:block;font-size:1em}.wmax,.wmin,.wtoday{font-size:2em;line-height:43px}.todaytemp sup,.wmax sup,.wmin sup{top:-1.3em;font-size:34%;margin-left:-5px}.weatherbg{background:rgba(0,34,86,.23);padding:10px}.todayweather{font-size:1em}.weatherbg img,.weatherbg object,.weatherbg svg{height:60px}.wtodayimg img,.wtodayimg object,.wtodayimg svg{height:100px}.details{color:#fff;padding:0 0}.wtoday{line-height:30px}#weatherloader{background:rgba(0,0,0,.6);position:absolute;left:0;right:0;z-index:2;text-align:center;top:0;width:100%;height:100vh}#weatherloader i{font-size:80px;margin:200px 0 0;color:rgba(255,255,255,.87)}@-ms-keyframes spin{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1440px){.box-section{width:90%}.details{padding:0 15px}}@media (max-width:1366px){.tempreture h1{font-size:430%}@media (max-width:1024px){.tempreture h1{font-size:280%}.tempreture .location,.wsunrise,.wsunset{font-size:1em}.box-section{width:95%}.tempreture .location p{line-height:26px}.wmax,.wmax span,.wmin,.wmin span,.wtoday{font-size:1.7em}.wtodayimg img,.wtodayimg object,.wtodayimg svg{height:80px}}@media (max-width:801px){#divWeather,.resp-cst-wdth{width:100%!important}.tempreture h1{font-size:450%}.tempreture .location p span{font-size:1.2em!important}.tempreture .location p{line-height:20px;font-size:.8em!important}.details{padding:0}.wmax,.wmax span,.wmin,.wmin span,.wtoday{font-size:1.2em;font-weight:800}.todayweather,.wsunrise,.wsunset{font-size:.8em}.wmax,.wmin,.wtoday{line-height:20px}.wsunrise span{letter-spacing:0}.todayweather{text-align:center;font-weight:600}.details .windprsr h4{font-size:1em}.details .windprsr .wind-dtl,.whumidity{font-size:.8em}.cfbutton .btn{padding:.1rem .65rem;font-size:.8rem}.wdate,.wday,.forcast .forecasttype{font-size:.8em}.forcast .forecasttype{height:auto}.forcast .max{font-size:.6em}.forcast .min{font-size:.5em}}@media (max-width:640px){.details .windprsr h4{font-size:105%}.cloudy{background-position:left -10px}.box-section{border:none;position:inherit;width:100%;top:80px}.weathercls{position:absolute;top:80px}#weatherloader{top:-79px;text-align:center}#weatherloader i{font-size:40px;margin-top:30%}}@media (max-width:600px){.tempreture{width:100%;min-height:inherit}.tempreture .location{float:left}.cfbutton{float:right;margin:0}.windprsr{display:none}.details{width:100%}.mob4grid{float:left;width:33.333%}.todaytemp sup,.wmax sup,.wmin sup{margin-left:0}.wsunrise span,.wsunset span{font-weight:600;font-size:1.2em}.tempreture .location p span{font-size:1.6em!important}}}