body{
    font-family:Lato;
}
div.themecolor{
    background: #3690b6;
}
div.maincage{
    height:348px;
    display: block;
    position: relative;
    z-index: 0;
}
div.maincage.rain::after {
    content: "";
    background:url(../images/giphyfff.gif);
    background-size:cover;
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    opacity: 0.54;
    background-size: 133%;
    background-position-x: -87px;
}
div.maincage.sun::after {
    content: "";
    background:url(../images/sun.jpg);
    background-size:cover;
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    opacity: 0.54;
    background-size: 133%;
    background-position-x: -87px;
}
div.maincage.snow::after {
    content: "";
    background:url(../images/hg9_bg.jpg);
    background-size:cover;
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    opacity: 0.54;
    background-size: 133%;
    background-position-x: -87px;
}
div.bgimagecage{
    height:349px;
    z-index: -1;
    text-align: center;
    padding-top:34px;
}
div.commonwidth, div.commonwidth::after {
    /*width: 533px;*/
}
div.locationselect{
    width: 100%;
    height:30px;
    text-align: center;
    background: rgba(0, 0, 0, 0.22);
    padding: 12px 0px 12px 0px;
}
input.city{
    padding: 5px 36px 5px 10px;
    border-radius: 3px;
    border:solid transparent 1px;
    background: none;
    color: rgb(255, 255, 255);
    font-family: lato;
    font-size: 16px;
    width: 33%;
}
input.city:hover{
    border: solid rgb(184, 184, 184) 1px;
}
input.city::-webkit-input-placeholder {color:white;}
:-moz-placeholder {color:white;opacity:  1;}
::-moz-placeholder {color:white;opacity:  1;}
:-ms-input-placeholder {color:white;}

span.city{
    padding: 5px 36px 5px 10px;
    border-radius: 3px;
    border: solid rgb(184, 184, 184) 1px;
    background: none;
    color: rgb(255, 255, 255);
    font-family: lato;
    font-size: 16px;
    width: 19%;
}
span.tempvalue{
    width: 100%;
    height: 80px;
    text-align: center;
    font-size: 100px;
    /*float: left;*/
    color: white;
    letter-spacing: 0px;
    font-weight: 500;
    opacity: 0.7;
    margin-bottom: 0px;
    margin-top: 34px;
}
span.date{
    width: 100%;
    text-align: center;
    font-size: 18px;
    float: left;
    color: white;
    padding: 36px 0 18px 0;
}
span.searchicon{
    padding: 5px;
    border-radius: 3px;
    border: none;
    width: 20px;
    margin-left: -35px;
    cursor: pointer;
    opacity: 0.6;
    background: rgba(45, 122, 154, 0.2);
}
div.todayweather{
    width:100%;
    height:80px;
    float:left;
    background: rgba(0, 0, 0, 0.41);
}
div.todayweatherinner{
    height:80px;
    display: table;
    margin: 0 auto;
    width:90%;
    padding:10px 0px 10px 0px;
    color: white;
    line-height: 72px;
}
i.todayweathericon{
    font-size: 60px;
    opacity: 0.7;
    float:left;
    width: 20%;
}
i.centericon{
    border-radius: 90px;
    font-size:60px;
    padding: 24px 20px 24px 20px;
    background: rgba(0, 0, 0, 0.67);
}
span.todayweathertxtfirst{
    font-size: 30px;
    float: left;
    width: 70%;
    line-height: 61px;
    text-align: left;
    font-weight: 300;
}
span.todayweathertxtfirst b{
    font-style:normal;
    font-weight:100;
    opacity:0.3;
}
i.arrowsupdown{
    opacity:0.4;
}
span.todayweathertxtsecond{
    font-size: 14px;
    float:left;
    width:30%;
    line-height: 30px;
}


span.smalldate{
    font-size:9px;
}
i.weekdayweathericon{
    font-size: 30px;
}
div.daycol{
    width: 14.2%;
    padding: 10px 0 0px 0;
    /*height: 91%;*/
    float: left;
    color: white;
    text-align: center;
    /*line-height: 20px;*/
}
div.activeday{
    background: rgba(0, 0, 0, 0.2);
}
div.dayscell{
    float: left;
    width: 100%;
    /*height: 155px;*/
}
div.dayscellinner{
    width:100%;
    /*height:155px;*/
    float:left;
    background: rgba(0, 0, 0, 0.15);
}
.day-name {
    text-transform: uppercase;
}
/*resize*/
@media screen and (max-width: 1280px) {

}