body{
    overflow: hidden;
    padding:0;
    margin:0;
    font-family: 'Lato', sans-serif;
}

.second-font{
    font-family: "Brush Script MT";
}

.green{color:#34633e;}

.color-green{
    color:#B5D242;
}

.color-red{
    color:red;
}

.color-blue{
    color:blue;
}

.color-orange{
    color:orange;
}

.header{
    height: 100px;
    background:url(/images/info/header_bg.jpg) top left no-repeat;
    margin:0;
    position: relative;
    z-index: 9999;
}

.header-logo{
    margin:15px;
    height: 70px;
}

#clock{
    position: absolute;
    top:0;
    right:0;
    height: 100px;
    font-size: 42px;
    line-height: 100px;
    color:#fff;
    background-color:#34633e;
    font-weight: 700;
    width:250px;
    text-align: center;
}

#date{
    position: absolute;
    top:0;
    right:300px;
    line-height: 100px;
    height: 100px;
    color:#34633e;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
}

.main{
    /*height:500px;*/
    height: calc(100vh - 121px);
    background-color:#fff;
    margin:0;
    position: relative;
}

h1,
.h1{
    font-size: 72px;
}

h2{
    font-size:56px;
}

h3{
    font-size: 42px;
}

.slides{
    

}

.slide{
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity: 0;
    transition:opacity 2s ease;
    background-color:#fff;
}

.slide.active{
    opacity: 1;
}

.d-table{
    display: table;
    width: 100%;
    height: 100%;
}

.d-table-cell{
    display: table-cell;
    vertical-align: middle;
}

.text-center{
    text-align: center;
}

.text-left{
    text-align: left;
}

.body-text{
    font-size: 36px;
    max-width: 1450px;
    margin:0 auto;
}

.body-text table{
    margin:30px auto;
    font-size: 21px;
}

.body-text table tr td{
    background-color:#f2f2f2;
    padding:5px;
}

.body-text table tr:first-of-type td{
    background-color:#e2e2e2;
}

.weather{
    background:url(/images/info/weather_bg.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.weather h1{
    margin:0;
}

.yr-short{
    width:750px;
    margin:0 auto 30px;
    font-size: 32px;
}

.yr-short h3{
    text-transform: capitalize;
    margin-bottom: 5px;
}

.yr-short strong{
    display: none;
}

.yr-item{
    width:200px;
    display: inline-block;
    padding:60px 20px;
}

.yr-item + .yr-item{
    border-left:1px solid #dcdcdc;
}

.yr-item-title{
    font-size: 21px;
    text-transform: capitalize;
}

.yr-symbol{
    width:130px;
    height: auto;
}

.yr-temp{
    margin-top:20px;
    padding:15px 0;
    border-top: 1px solid #dcdcdc;
    font-size: 32px;
    font-weight: 700;
    color:#c95353;
}

.yr-temp.cold{
    color:#5390c9;
}

.iframe-container{
    display: block;
    width:100%;
    height:100%;
}

.iframe-container > iframe{
    width:100%;
    height: 100%;
}

.full-image{
    background-color:#000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.full-image-text{
    position: absolute;
    bottom:0;
    right:0;
    left:0;
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    padding:30px;
    font-size: 24px;
}

.kf-embed-mainTitle{
    font-size: 36px !important;
    padding-left: 20px;
}

.footer{
    height: 21px;
    background-color:#c1d668;
}