@charset "UTF-8";
/* CSS Document */
/* ===================================
      weather sec css
====================================== */
.weather-sec .heading{
    color: #202020;
    font-size: 40px;
    margin-bottom: 40px;
}
.weather-sec .weather-form{
    width: auto;
}

@media screen and (min-width:767px) {
    .weather-sec .weather-form{
        width: 95%;
    }
}

.weather-sec .weather-form input{
    color: #8799a3;
    font-size: 16px;
    height: 50px;
    padding: 25px;
}
.weather-sec .weather-form .form-control{
    border-radius: 0;
    border:solid 2px #eceef2;
}
.weather-sec .weather-form input::placeholder{
    color: #8799a3;
    font-size: 16px;
}
.weather-sec .weather-form textarea{
    padding: 13px;
    padding-left: 25px;
    height: 202px;
    color: #8799a3;
    font-size: 16px;
}
.weather-sec .weather-form .black-btn{
    margin-top: 15px;
}

/*weather details*/
.weather-sec .weather-background{
    position: absolute;
    right: 0;
    top: -35px;
    z-index: -1;
}
.weather-sec .weather-details{
    font-family: Roboto, sans-serif;
    width: 90%;
    margin-left: 20px;
}
.weather-sec .weather-details .heading{
    margin-bottom: 50px;
}
.weather-sec .weather-details .text{
    color: #202020;
    opacity: .8;
}
.weather-sec .weather-details ul{
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 50px;
}
.weather-sec .weather-details ul li{
    color: #202020;
    opacity: .8;
    list-style: none;
    margin-bottom: 22px;
    font-size: 16px;
    display: flex;
    align-items: center;
}
.weather-sec .weather-details ul li:first-child{
    width: 60%;
}
.weather-sec .weather-details ul li span{
    display: inline-block;
    padding-right: 30px;
}
.weather-sec .weather-details ul li span:last-child{
    padding-right: 0;
}
.weather-sec .weather-details ul li i{
    font-size: 38px;
    margin-right: 20px;
    margin-bottom: 8px;
    color: #202020;
}
.weather-sec .weather-details ul li i.email{
    transform: rotate(-30deg);
}
/* ===================================
      extra styles added css
====================================== */

.weather-board {
		padding-top:25px;
	
}