/*!
 * BetterWeather - v1.4
 * Author: BetterStudio (http://themeforest.net/user/Better-Studio)
 * @license BetterStudio
 */
@font-face{font-family:weather;src:url(../font/weathericons-regular-webfont.eot);src:url(../font/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../font/weathericons-regular-webfont.woff) format('woff'),url(../font/weathericons-regular-webfont.ttf) format('truetype'),url(../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg) format('svg');font-weight:400;font-style:normal}[class^=wi-],[class*=" wi-"]{font-family:weather;font-weight:400;font-style:normal;text-decoration:inherit;text-transform:none;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^=wi-]:before,[class*=" wi-"]:before{text-decoration:inherit;display:inline-block;speak:none}.wi-day-cloudy-gusts:before{content:"\f000"}.wi-day-cloudy-windy:before{content:"\f001"}.wi-day-cloudy:before{content:"\f002"}.wi-day-fog:before{content:"\f003"}.wi-day-hail:before{content:"\f004"}.wi-day-lightning:before{content:"\f005"}.wi-day-rain-mix:before{content:"\f006"}.wi-day-rain-wind:before{content:"\f007"}.wi-day-rain:before{content:"\f008"}.wi-day-showers:before{content:"\f009"}.wi-day-snow:before{content:"\f00a"}.wi-day-sprinkle:before{content:"\f00b"}.wi-day-sunny-overcast:before{content:"\f00c"}.wi-day-sunny:before{content:"\f00d"}.wi-day-storm-showers:before{content:"\f00e"}.wi-day-thunderstorm:before{content:"\f010"}.wi-cloudy-gusts:before{content:"\f011"}.wi-cloudy-windy:before{content:"\f012"}.wi-cloudy:before{content:"\f013"}.wi-fog:before{content:"\f014"}.wi-hail:before{content:"\f015"}.wi-lightning:before{content:"\f016"}.wi-rain-mix:before{content:"\f017"}.wi-rain-wind:before{content:"\f018"}.wi-rain:before{content:"\f019"}.wi-showers:before{content:"\f01a"}.wi-snow:before{content:"\f01b"}.wi-sprinkle:before{content:"\f01c"}.wi-storm-showers:before{content:"\f01d"}.wi-thunderstorm:before{content:"\f01e"}.wi-windy:before{content:"\f021"}.wi-night-alt-cloudy-gusts:before{content:"\f022"}.wi-night-alt-cloudy-windy:before{content:"\f023"}.wi-night-alt-hail:before{content:"\f024"}.wi-night-alt-lightning:before{content:"\f025"}.wi-night-alt-rain-mix:before{content:"\f026"}.wi-night-alt-rain-wind:before{content:"\f027"}.wi-night-alt-rain:before{content:"\f028"}.wi-night-alt-showers:before{content:"\f029"}.wi-night-alt-snow:before{content:"\f02a"}.wi-night-alt-sprinkle:before{content:"\f02b"}.wi-night-alt-storm-showers:before{content:"\f02c"}.wi-night-alt-thunderstorm:before{content:"\f02d"}.wi-night-clear:before{content:"\f02e"}.wi-night-cloudy-gusts:before{content:"\f02f"}.wi-night-cloudy-windy:before{content:"\f030"}.wi-night-cloudy:before{content:"\f031"}.wi-night-hail:before{content:"\f032"}.wi-night-lightning:before{content:"\f033"}.wi-night-rain-mix:before{content:"\f034"}.wi-night-rain-wind:before{content:"\f035"}.wi-night-rain:before{content:"\f036"}.wi-night-showers:before{content:"\f037"}.wi-night-snow:before{content:"\f038"}.wi-night-sprinkle:before{content:"\f039"}.wi-night-storm-showers:before{content:"\f03a"}.wi-night-thunderstorm:before{content:"\f03b"}.wi-celcius:before{content:"\f03c"}.wi-cloud-down:before{content:"\f03d"}.wi-cloud-refresh:before{content:"\f03e"}.wi-cloud-up:before{content:"\f040"}.wi-cloud:before{content:"\f041"}.wi-degrees:before{content:"\f042"}.wi-down-left:before{content:"\f043"}.wi-down:before{content:"\f044"}.wi-fahrenheit:before{content:"\f045"}.wi-horizon-alt:before{content:"\f046"}.wi-horizon:before{content:"\f047"}.wi-left:before{content:"\f048"}.wi-lightning:before{content:"\f016"}.wi-night-fog:before{content:"\f04a"}.wi-refresh-alt:before{content:"\f04b"}.wi-refresh:before{content:"\f04c"}.wi-right:before{content:"\f04d"}.wi-sprinkles:before{content:"\f04e"}.wi-strong-wind:before{content:"\f050"}.wi-sunrise:before{content:"\f051"}.wi-sunset:before{content:"\f052"}.wi-thermometer-exterior:before{content:"\f053"}.wi-thermometer-internal:before{content:"\f054"}.wi-thermometer:before{content:"\f055"}.wi-tornado:before{content:"\f056"}.wi-up-right:before{content:"\f057"}.wi-up:before{content:"\f058"}.wi-wind-east:before{content:"\f059"}.wi-wind-north-east:before{content:"\f05a"}.wi-wind-north-west:before{content:"\f05b"}.wi-wind-north:before{content:"\f05c"}.wi-wind-south-east:before{content:"\f05d"}.wi-wind-south-west:before{content:"\f05e"}.wi-wind-south:before{content:"\f060"}.wi-wind-west:before{content:"\f061"}

.better-weather{
    color: #ffffff;
    background-color: #e0e0e0;
    -moz-text-shadow: 0 1px 0 rgba(0,0,0,.75);
    -webkit-text-shadow: 0 1px 0 rgba(0,0,0,.75);
    text-shadow: 0 1px 0 rgba(0,0,0,.75);
    position: relative;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 320px;
    margin-bottom: 15px;
}
.better-weather *{
    padding: 0 ;
    margin: 0;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.better-weather p{
    line-height: normal;
    font-size: 13px;
    margin: 0;
    padding: 0;
    display: block;
}
.better-weather .bw_days{
    height: 85px;
    padding: 14px 0;
    width: 100%;
    top: inherit;
    right: inherit;
    left: 0;
    bottom: 0;
    position: absolute;
}
.better-weather .bw_days li{
    margin: 0;
    width: 25%;
    text-align: center;
}

.better-weather .bw-loader{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #67707B;
}
.better-weather.bw-loaded .bw-loader{
    display: none;
}
.better-weather .bw-loader-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #FFF;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 50%;
    margin-left: -10px;
}
.better-weather .bw-loader-icon:before, .bw-loader-icon:after{
    content: '';
    position: absolute;
    bottom: 8px;
    left: 7px;
    width: 2px;
    height: 7px;
    box-sizing: border-box;
    border: 1px solid #FFF;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: clock .9s linear infinite;
    animation: clock .9s linear infinite;
}
.better-weather .bw-loader-icon:after
{
    height: 5px;
    animation-duration: 4s;
    -webkit-animation-duration: 5s;
}
@-webkit-keyframes clock
{
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}


/* bw-error */
.better-weather .bw-error{
    text-align: center;
    padding: 10px;
    width: 100%;
    height: 85px;
    position: absolute;
    top: 50%;
    margin-top: -44px;
    font-size: 13px;
    color: #616161;
    text-shadow: none;
}
.better-weather .bw-error[max-width~="100px"]{
    padding: 10px 5px;
}
.better-weather .bw-error[max-width~="100px"] .bw-error-title{
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
}
.better-weather .bw-error .bw-error-sign{
    font-size: 29px;
    line-height: 30px;
    margin: 0 0 2px;
}
.better-weather .bw-error .bw-error-title{
    font-weight: bold;
    margin: 0 0 2px;
}
.better-weather .bw-error .bw-error-text{
    margin: 0 0 2px;
    font-style: normal;
    font-size: 13px;
}

/* bw_date-loc */
.better-weather .bw_date-loc{
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}
.better-weather .bw_date-loc .bw_separator{
    margin: 0 7px;
}


/* .bw_summary */
.better-weather .bw_summary{
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
}
.better-weather .bw_summary p{
    font-size: 13px;
    color: inherit;
    text-transform: capitalize;
}


/* .bw_degree */
.better-weather .bw_degree{
    position: absolute;
    top: 206px;
    left: 0;
    height: 60px;
    width: 100%;
    line-height: 60px;
}
.better-weather .bw_degree p{
    font-size: 60px;
    font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
    line-height: normal;
    color: inherit;
    text-align: center;
}

/* down up degrees */
.better-weather .bw_down-degree,
.better-weather .bw_up-degree{
    position: absolute;
    bottom: 5px;
    left: 22px;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
}
.better-weather .bw_down-degree{
    left: 70px;
}
.better-weather .bw_currently .bw_up-degree:before,
.better-weather .bw_currently .bw_down-degree:before{
    font-family: weather;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: "\f044";
    margin-right: 2px;
    font-size: 20px;
    line-height: 20px;
    vertical-align: middle;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -11px;
}
.better-weather .bw_currently .bw_up-degree:before{
    content: "\f058";
}

/* bw_days */
.better-weather .bw_days{
    background-color: rgba(0, 0, 0, 0.2);
}
.better-weather .bw_days ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.better-weather .bw_days ul li{
    padding: 0;
    margin: 0;
    float: left;
    border: none;
}
.better-weather .bw_days ul li p,
.better-weather .bw_days ul li{
    color: inherit;
    margin: 0;
}
.better-weather .bw_days li .bw_icon-container{
  margin: 0;
}
.better-weather .bw_days li:after,
.better-weather .bw_days li:before{
  display: none;
}

/*******
 Normal Style
 *******/
.better-weather.style-normal .bw_currently{
    text-align: center;
}


/*******
 Modern Style
 *******/
.better-weather.style-modern .bw_degree{
    position: absolute;
    top: 219px;
    left: 0;
    height: 60px;
    width: 100%;
    line-height: 60px;
    padding-left: 6px;
}
.better-weather.style-modern .bw_summary {
    position: absolute;
    top: 214px;
    left: inherit;
    width: 100%;
    right: 10px;
    text-align: right;
}



/*******
 Modern & Normal Style

 Smaller than 2000
 *******/
.better-weather[max-width~="2000px"] {
    height: 85px;
}
.better-weather[max-width~="2000px"] .bw_summary{
    top: 15px;
    width: 130px;
    right: inherit;
    left: 20px;
    text-align: center;
}
.better-weather[max-width~="2000px"] .bw_summary .bw_icon{
    font-size: 25px;
}
.better-weather[max-width~="2000px"] .bw_summary p{
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.better-weather[max-width~="2000px"]  .bw_down-degree,
.better-weather[max-width~="2000px"]  .bw_up-degree{
    left: 330px;
    bottom: inherit;
    top: 20px;
    font-size: 12px;
}
.better-weather[max-width~="2000px"]  .bw_down-degree{
    top: 50px;
}
.better-weather[max-width~="2000px"]  .bw_down-degree:before,
.better-weather[max-width~="2000px"]  .bw_up-degree:before{
    font-size: 16px;
}
.better-weather[max-width~="2000px"] .bw_degree{
    top: 18px;
    width: 120px;
    left: 210px;
}
.better-weather.unit-showed[max-width~="2000px"] .bw_degree{
    left: 150px;
}
.better-weather[max-width~="2000px"] .bw_degree p{
    font-size: 50px;
}
.better-weather[max-width~="2000px"] .bw_date-loc{
    top: 32px;
    left: inherit;
    width: 210px;
    right: 0;
}
.better-weather.have-next-days[max-width~="2000px"] .bw_date-loc{
    right: 200px;
}
.better-weather[max-width~="2000px"] .bw_days{
    height: 85px;
    padding: 14px 0;
    width: 210px;
    position: absolute;
    right: 0;
    top: 0;
    left: initial;
}
.better-weather[max-width~="2000px"] .bw_days li{
    margin: 0;
    line-height: 15px;
    font-size: 12px;
    text-align: center;
    width: 25%;
}
.better-weather[max-width~="2000px"] .bw_days li p{
    line-height: 15px;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
}
.better-weather[max-width~="2000px"] .bw_days li .bw_icon-container{
    margin: 10px 0;
    display: inline-block;
}
.better-weather[max-width~="2000px"] .bw_days li .bw_icon-container .bw_icon{
    font-size: 14px;
}
.better-weather[max-width~="2000px"] .bw_days li .bw_day-title{
    margin-top: 7px;
}


/*******
 Modern & Normal Style

 Smaller than 970
 *******/
.better-weather.style-modern[max-width~="970px"] .bw_degree{
    left: 180px;
}

.better-weather.style-modern[max-width~="970px"]  .bw_down-degree,
.better-weather.style-modern[max-width~="970px"]  .bw_up-degree{
    left: 300px;
}


/*******
 * Modern & Normal Style
 *
 * Smaller than 830
 *******/
.better-weather.style-modern[max-width~="830px"] .bw_degree{
    left: 150px;
}
.better-weather.style-modern[max-width~="830px"]  .bw_down-degree,
.better-weather.style-modern[max-width~="830px"]  .bw_up-degree{
  left: 270px;
}
.better-weather.style-modern.unit-showed[max-width~="830px"]  .bw_down-degree,
.better-weather.style-modern.unit-showed[max-width~="830px"]  .bw_up-degree{
  left: 290px;
}


/*******
 * Modern & Normal Style
 *
 * Smaller than 650
 *******/
.better-weather.style-modern.have-next-days[max-width~="650px"] .bw_date-loc{
    display: none;
}


/*******
 * Modern & Normal Style
 *
 * Smaller than 550
 *******/
.better-weather[max-width~="550px"] .bw_summary{
    width: 80px;
}
.better-weather.style-modern[max-width~="550px"] .bw_date-loc{
    width: 150px;
}
.better-weather.style-modern.have-next-days[max-width~="550px"] .bw_degree{
    left: 110px;
}
.better-weather.style-modern.have-next-days[max-width~="550px"]  .bw_down-degree,
.better-weather.style-modern.have-next-days[max-width~="550px"]  .bw_up-degree{
    left: 240px;
}


/*******
 Modern & Normal Style

 Smaller than 550
 *******/
.better-weather[max-width~="440px"] ,
.better-weather[max-width~="440px"] {
    height: 300px !important;
}


/*******
 Modern & Normal Style

 Smaller than 400
 *******/
.better-weather.style-normal[max-width~="440px"] ,
.better-weather.style-modern[max-width~="440px"] {
    height: 300px;
}

.better-weather.style-modern.have-next-days[max-width~="440px"] .bw_date-loc,
.better-weather.style-normal.have-next-days[max-width~="440px"] .bw_date-loc,
.better-weather.style-normal[max-width~="440px"] .bw_date-loc,
.better-weather.style-modern[max-width~="440px"] .bw_date-loc{
    top: 20px;
    right: inherit;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
}
.better-weather.style-normal[max-width~="440px"] .bw_summary{
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
}
.better-weather.style-modern[max-width~="440px"] .bw_summary{
    top: inherit;
    bottom: 11px;
    right: 0;
    left: inherit;
    text-align: center;
    width: auto;
    padding-right: 11px;
    max-width: 130px;
}
.better-weather.style-normal.have-next-days[max-width~="440px"] .bw_summary p,
.better-weather.style-normal[max-width~="440px"] .bw_summary p,
.better-weather.style-modern.have-next-days[max-width~="440px"] .bw_summary p,
.better-weather.style-modern[max-width~="440px"] .bw_summary p{
    font-size: 13px;
}
.better-weather[max-width~="440px"] .bw_summary .bw_icon{
    font-size: 44px !important;
}
.better-weather.style-normal.have-next-days[max-width~="440px"] .bw_degree,
.better-weather.style-modern.have-next-days[max-width~="440px"] .bw_degree,
.better-weather.style-normal[max-width~="440px"] .bw_degree,
.better-weather.style-modern[max-width~="440px"] .bw_degree{
    top: 210px;
    left: 0;
    right: inherit;
    height: 60px;
    width: 100px;
    line-height: 60px;
}
.better-weather.style-normal.have-next-days[max-width~="440px"] .bw_degree,
.better-weather.style-normal[max-width~="440px"] .bw_degree{
    width: 100%;
}
.better-weather[max-width~="440px"] .bw_degree p{
    font-size: 50px !important;
}

.better-weather[max-width~="440px"] .bw_down-degree,
.better-weather[max-width~="440px"] .bw_up-degree {
    position: absolute !important;
    bottom: 11px !important;
    left: 22px !important;
    right: inherit !important;
    top: inherit !important;
    font-size: 14px !important;
    line-height: 20px !important;
}
.better-weather[max-width~="440px"] .bw_down-degree {
    left: 70px !important;
    top: inherit !important;
    bottom: 11px !important;
}
.better-weather.style-normal.have-next-days[max-width~="440px"] .bw_up-degree,
.better-weather.style-modern.have-next-days[max-width~="440px"] .bw_up-degree,
.better-weather.style-normal[max-width~="440px"] .bw_up-degree,
.better-weather.style-modern[max-width~="440px"] .bw_up-degree {
    left: 22px;
}

.better-weather.have-next-days[max-width~="440px"]{
    height: 385px !important;
}
.better-weather.have-next-days[max-width~="440px"] .bw_currently{
    height: 300px !important;
    position: relative  !important;
}

.better-weather[max-width~="440px"] .bw_days{
    height: 85px;
    padding: 14px 0;
    width: 100%;
    top: inherit;
    right: inherit;
    left: 0;
    bottom: 0;
}
.better-weather[max-width~="440px"] .bw_days li{
    margin: 0;
    width: 25%;
}

/*******
 Modern & Normal Style

 Smaller than 300
 *******/
.better-weather.style-normal[max-width~="300px"] .bw_summary{
    top: 100px;
}
/*******
 Modern Style

 Smaller than 170
 *******/
.better-weather.style-modern[max-width~="170px"] {
    height: 300px;
}

.better-weather.style-modern.have-next-days[max-width~="170px"] .bw_degree ,
.better-weather.style-modern[max-width~="170px"] .bw_degree {
    top: 227px;
    width: 60px;
    text-align: left;
}


/*******
 Normal style

 Smaller than 170
 *******/
.better-weather.style-normal[max-width~="170px"] .bw_summary {
    top: 125px;
}
.better-weather.style-normal[max-width~="170px"] .bw_degree p{
    font-size: 36px;
}


/*******
 Modern & Normal style

 Smaller than 170
 *******/
.better-weather.style-normal[max-width~="170px"] .bw_date-loc ,
.better-weather.style-modern[max-width~="170px"] .bw_date-loc {
    font-size: 13px;
}
.better-weather[max-width~="170px"] .bw_date-loc span{
    display: block !important;
    margin-bottom: 5px !important;
}
.better-weather[max-width~="170px"] .bw_date-loc span.bw_separator{
    display: none !important;
}
.better-weather.style-modern[max-width~="170px"] .bw_summary p{
    display: none;
}

.better-weather[max-width~="170px"] .bw_up-degree,
.better-weather[max-width~="170px"] .bw_down-degree
{
    font-size: 11px !important;
}
.better-weather[max-width~="170px"] .bw_down-degree{
    left: 54px !important;
}
.better-weather[max-width~="170px"] .bw_up-degree:before,
.better-weather[max-width~="170px"] .bw_down-degree:before
{
    font-size: 15px !important;
}
.better-weather.style-modern[max-width~="170px"] .bw_summary{
    top: 245px !important;
}
.better-weather[max-width~="170px"] .bw_summary .bw_icon{
    font-size: 34px !important;
}
.better-weather[max-width~="170px"] .bw_degree p{
    font-size: 30px !important;
}

/*******
 Modern & Normal Style

 Smaller than 100
 *******/
.better-weather[max-width~="100px"] {
    height: 300px !important;
}
.better-weather[max-width~="100px"] .bw_date-loc {
    top: 20px !important;
    font-size: 11px !important;
}
.better-weather[max-width~="100px"] .bw_date-loc span{
    display: none !important;
    text-align: center !important;
}
.better-weather[max-width~="100px"] .bw_date-loc span.bw_location{
    display: block !important;
}
.better-weather.style-modern[max-width~="100px"] .bw_summary ,
.better-weather[max-width~="100px"] .bw_summary {
    padding: 0 !important;
    top: 128px !important;
    right: inherit !important;
    left: 0 !important;
    text-align: center !important;
    width: 100% !important;
}
.better-weather[max-width~="100px"] .bw_summary .bw_icon{
    font-size: 32px !important;
}
.better-weather[max-width~="100px"] .bw_summary p{
    display: none !important;
}
.better-weather[max-width~="100px"] .bw_degree{
    padding: 0 5px !important;
    top: 240px !important;
    text-align: center!important;
    width: 100% !important;
}
.better-weather[max-width~="100px"] .bw_degree p{
    font-size: 14px !important;
    text-align: center !important;
}
.better-weather[max-width~="100px"] .bw_up-degree,
.better-weather[max-width~="100px"] .bw_down-degree{
    display: none !important;
}

.better-weather.have-next-days[max-width~="100px"] {
    height: 540px !important;
}
.better-weather.have-next-days[max-width~="100px"] .bw_days{
    height: 240px !important;
}
.better-weather[max-width~="100px"] .bw_days li{
    margin: 0 0 !important;
    width: 100% !important;
    float: none !important;
}
.better-weather[max-width~="100px"] .bw_days li .bw_day-title{
    margin-top:0 !important;
}
.better-weather[max-width~="50px"] .bw_summary .bw_icon{
    font-size: 16px !important;
}


/*******
 Backgrounds
 *******/

/* clear day */
.better-weather.with-natural-background.state-clear-day{
    background: url(../img/day-1170.jpg) no-repeat 0 0 #419de1;
}
.better-weather.with-natural-background.state-clear-day[max-width~="440px"]{
    background-image: url(../img/day-440.jpg);
    background-position: 0 0;
}

/* clear night */
.better-weather.with-natural-background.state-clear-night{
    background: url(../img/night-1170.jpg) no-repeat 0 0 #252a26;
}
.better-weather.with-natural-background.state-clear-night[max-width~="830px"]{
    background-position: -30px 0;
}
.better-weather.with-natural-background.state-clear-night[max-width~="650px"]{
    background-position: -58px 0;
}
.better-weather.with-natural-background.state-clear-night[max-width~="440px"]{
    background-image: url(../img/night-440.jpg);
    background-position: 0 0;
}
.better-weather.with-natural-background.state-clear-night[max-width~="100px"]{
    background-position: -35px 0;
}


/* rain */
.better-weather.with-natural-background.state-rain{
    background: url(../img/rain-1170.jpg) no-repeat 0 0 #7ba64f;
}
.better-weather.with-natural-background.state-rain[max-width~="440px"]{
    background-image: url(../img/rain-440.jpg);
    background-position: 0 0;
}
.better-weather.with-natural-background.state-rain[max-width~="100px"]{
    background-position: -35px 0;
}

/* snow */
.better-weather.with-natural-background.state-snow{
    background: url(../img/snow-1170.jpg) 0 0 #607592;
}
.better-weather.with-natural-background.state-snow[max-width~="440px"]{
    background-image: url(../img/snow-440.jpg) ;
    background-position: 0 0;
}
.better-weather.with-natural-background.state-snow.have-next-days[max-width~="100px"]{
    background-position: -250px 0;
}

/* sleet */
.better-weather.with-natural-background.state-sleet{
    background: url(../img/cloudy-1170.jpg) 0 0 #607592;
}
.better-weather.with-natural-background.state-sleet[max-width~="440px"]{
    background-image: url(../img/cloudy-440.jpg);
    background-position: 0 0;
}

/* wind */
.better-weather.with-natural-background.state-wind{
    background: url(../img/wind-1170.jpg) 0 0 #607592;
}
.better-weather.with-natural-background.state-wind[max-width~="550px"]{
    background-position: -210px 0;
}
.better-weather.with-natural-background.state-wind[max-width~="440px"]{
    background-image: url(../img/wind-440.jpg);
    background-position: 0 0;
}

/* fog */
.better-weather.with-natural-background.state-fog{
    background: url(../img/fog-1170.jpg) 0 0 #47456e;
}
.better-weather.with-natural-background.state-fog[max-width~="440px"]{
    background-image: url(../img/fog-440.jpg);
}
.better-weather.with-natural-background.state-fog[max-width~="100px"]{
    background-position: -240px 0;
}

/* thunderstorm */
.better-weather.with-natural-background.state-thunderstorm{
    background: url(../img/thunderstorm-1170.jpg) 0 0 #47456e;
}
.better-weather.with-natural-background.state-thunderstorm[max-width~="440px"]{
    background-position: 0 0;
    background-image: url(../img/thunderstorm-440.jpg);
}
.better-weather.with-natural-background.state-thunderstorm[max-width~="100px"]{
    background-position: -170px 0;
}

/* cloudy */
.better-weather.with-natural-background.state-cloudy{
    background: url(../img/cloudy-1170.jpg) no-repeat 0 0 #4c79a8;
}
.better-weather.with-natural-background.state-cloudy[max-width~="440px"]{
    background-image: url(../img/cloudy-440.jpg);
    background-position: 0 0;
}

/* partly-cloudy-day */
.better-weather.with-natural-background.state-partly-cloudy-day{
    background: url(../img/partly-cloud-1170.jpg) no-repeat 0 0 #1A4192;
}
.better-weather.with-natural-background.state-partly-cloudy-day[max-width~="440px"]{
    background-image: url(../img/partly-cloud-440.jpg);
    background-position: 0 0;
}


/* partly-cloudy-night */
.better-weather.with-natural-background.state-partly-cloudy-night{
    background: url(../img/partly-cloud-night-1170.jpg) no-repeat 0 0 #0F0F0F;
}
.better-weather.with-natural-background.state-partly-cloudy-night.have-next-days[max-width~="440px"]{
    background-image: url(../img/partly-cloud-night-440.jpg) ;
    background-position: 0 0;
}


/* sunrise */
.better-weather.with-natural-background.state-sunrise{
    background: url(../img/sunrise.jpg) 0 0 #fd654d;
}
.better-weather.with-natural-background.state-sunrise[max-width~="1170px"]{
    background-position: 0px -200px;
}
.better-weather.with-natural-background.state-sunrise[max-width~="1070px"]{
    background-position: -70px -200px;
}
.better-weather.with-natural-background.state-sunrise[max-width~="970px"]{
    background-position: -130px -200px;
}
.better-weather.with-natural-background.state-sunrise[max-width~="870px"]{
    background-position: -150px -200px;
}
.better-weather.with-natural-background.state-sunrise[max-width~="770px"]{
    background-position: -200px -200px;
}
.better-weather.with-natural-background.state-sunrise[max-width~="670px"]{
    background-position: -325px -200px;
}
.better-weather.with-natural-background.state-sunrise.style-modern[max-width~="440px"]{
    background-position: -375px -60px;
}
.better-weather.with-natural-background.state-sunrise.style-normal[max-width~="440px"]{
    background-position: -485px -40px;
}
.better-weather.with-natural-background.state-sunrise.style-modern[max-width~="300px"]{
    background-position: -428px -60px;
}
.better-weather.with-natural-background.state-sunrise.style-normal[max-width~="300px"]{
    background-position: -500px -40px;
}
.better-weather.with-natural-background.state-sunrise.style-modern[max-width~="170px"]{
    background-position: -497px -60px;
}
.better-weather.with-natural-background.state-sunrise.style-normal[max-width~="170px"]{
    background-position: -484px -40px;
}
.better-weather.with-natural-background.state-sunrise.have-next-days[max-width~="100px"]{
    background-position: -535px 0px !important;
}
.better-weather.with-natural-background.state-sunrise[max-width~="100px"]{
    background-position: -535px -60px !important;
}

/* sunset */
.better-weather.with-natural-background.state-sunset{
    background: url(../img/sunset-wide.jpg) no-repeat 0 0 #0F0F0F;
}
.better-weather.with-natural-background.state-sunset[max-width~="1070px"]{
    background-position: -90px -116px;
}
.better-weather.with-natural-background.state-sunset[max-width~="970px"]{
    background-position: -160px -116px;
}
.better-weather.with-natural-background.state-sunset[max-width~="870px"]{
    background-position: -230px -116px;
}
.better-weather.with-natural-background.state-sunset[max-width~="770px"]{
    background-position: -280px -116px;
}
.better-weather.with-natural-background.state-sunset[max-width~="670px"]{
    background-position: -351px -111px;
}
.better-weather.with-natural-background.state-sunset[max-width~="570px"]{
    background-position: -463px -116px;
}
.better-weather.with-natural-background.state-sunset[max-width~="470px"]{
    background-position: -463px -116px;
}
.better-weather.with-natural-background.state-sunset.have-next-days[max-width~="470px"]{
    background-position: -499px -116px;
}
.better-weather.with-natural-background.state-sunset[max-width~="440px"]{
    background: url(../img/sunset.jpg) -550px -180px #c54e24 !important;
}
.better-weather.with-natural-background.state-sunset.have-next-days[max-width~="440px"]{
    background-position: -550px -150px !important;
}
.better-weather.with-natural-background.state-sunset[max-width~="350px"]{
    background-position: -640px -180px !important;
}
.better-weather.with-natural-background.state-sunset[max-width~="300px"]{
    background-position: -570px -130px !important;
}
.better-weather.with-natural-background.state-sunset.have-next-days[max-width~="250px"]{
    background-position: -690px -155px !important;
}
.better-weather.with-natural-background.state-sunset[max-width~="250px"]{
    background-position: -690px -195px !important;
}
.better-weather.with-natural-background.state-sunset[max-width~="200px"]{
    background-position: -720px -196px !important;
}
.better-weather.with-natural-background.state-sunset.have-next-days[max-width~="200px"]{
    background-position: -720px -150px !important;
}
.better-weather.with-natural-background.state-sunset.have-next-days[max-width~="170px"]{
    background-position: -730px -150px !important;
}
.better-weather.with-natural-background.state-sunset[max-width~="170px"]{
    background-position: -730px -196px !important;
}
.better-weather.with-natural-background.state-sunset[max-width~="120px"]{
    background-position: -764px -136px !important;
}
.better-weather.with-natural-background.state-sunset.have-next-days[max-width~="120px"]{
    background-position: -764px 0px !important;
}

/* better-weather-inline */
.better-weather-inline span,
.better-weather-inline{
    font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif !important;

}
.better-weather-inline .bw_icon-container{
    margin-right: 8px;
}
.better-weather-inline .bw_icon-container .bw_icon{
    vertical-align: middle;
}
.better-weather-inline .bw_temperature{
    margin-right: 8px;
}

/* Large size style */
.better-weather-inline.bw_size-large{
    line-height: 24px;
}
.better-weather-inline.bw_size-large:before,
.better-weather-inline.bw_size-large:after {
    content: " ";
    display: table;
}
.better-weather-inline.bw_size-large:after {
    clear: both;
}
.better-weather-inline.bw_size-large .bw_icon-container{
    margin-right: 10px;
    float: left;
}
.better-weather-inline.bw_size-large .bw_icon-container .hw_static-icon{
    font-size: 38px;
    line-height: 38px;
    padding-top: 14px;
    vertical-align: middle;
    display: inline-block;
}
.better-weather-inline.bw_size-large .bw_temperature{
    display: block;
    font-size: 20px;
    margin-top: 6px;
}
.better-weather-inline.bw_size-large .bw_summary{
    display: block;
    font-size: 17px;
}

/* Normal size style */
.better-weather-inline.bw_size-medium{
    line-height: 34px;
    display: inline-block;
}
.better-weather-inline.bw_size-medium .bw_icon-container{
    margin-right: 5px;
}
.better-weather-inline.bw_size-medium .bw_icon-container .bw_icon{
    vertical-align: middle;
}
.better-weather-inline.bw_size-medium .bw_icon-container .hw_static-icon{
    display: inline-block;
    font-size: 18px;
}
.better-weather-inline.bw_size-medium .bw_temperature{
    font-size: 18px;
    margin-right: 5px;
}
.better-weather-inline.bw_size-medium .bw_summary{
    font-size: 18px;
}
.better-weather-inline.bw_size-medium .bw_temperature{
    /*margin-top: 3px;*/
}
.better-weather-inline.bw_size-medium.animated-icons  .bw_icon-container .bw_icon{
    vertical-align: top;
}

/* small size style */
.better-weather-inline.bw_size-small .bw_icon-container{
    display: inline-block;
    line-height: 20px;
}
.better-weather-inline.bw_size-small .bw_icon-container{
    margin-right: 5px;
}
.better-weather-inline.bw_size-small .bw_icon-container .bw_icon{
    vertical-align: middle;
}
.better-weather-inline.bw_size-small  .bw_icon-container .hw_static-icon{
    display: inline-block;
    font-size: 13px;
}
.better-weather-inline.bw_size-small .bw_temperature{
    font-size: 13px;
    margin-right: 5px;
}
.better-weather-inline.bw_size-small .bw_summary{
    font-size: 13px;
}
.better-weather-inline.bw_size-small.animated-icons  .bw_icon-container .bw_icon{
    vertical-align: top;
}