body {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    background-color: #FFF;
    color: #FFF;
    background-image: url(file/fon.png);
    height: 100vh;
    width: 100vw;
    margin: 0;
}

.icon_size_48 {
    width: 48px;
    height: 48px;
    display: inline-block;
    background: 50% no-repeat;
}

.icon_thumb_bkn-p-ra-d {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_+ra_d.svg)
}

.icon_thumb_bkn-p-ra-n {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_+ra_n.svg)
}

.icon_thumb_bkn-p-sn-d {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_+sn_d.svg)
}

.icon_thumb_bkn-p-sn-n {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_+sn_n.svg)
}

.icon_thumb_bkn-m-ra-d {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_-ra_d.svg)
}

.icon_thumb_bkn-m-ra-n {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_-ra_n.svg)
}

.icon_thumb_bkn-m-sn-d {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_-sn_d.svg)
}

.icon_thumb_bkn-m-sn-n {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_-sn_n.svg)
}

.icon_thumb_bkn-d {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_d.svg)
}

.icon_thumb_bkn-n {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_n.svg)
}

.icon_thumb_bkn-ra-d {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_ra_d.svg)
}

.icon_thumb_bkn-ra-n {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_ra_n.svg)
}

.icon_thumb_bkn-sn-d {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_sn_d.svg)
}

.icon_thumb_bkn-sn-n {
    background-image: url(http://yastatic.net/weather/i/icons/svg/bkn_sn_n.svg)
}

h1 {
}

iframe {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 999999;
}

img.image {
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.comment {
    color: #565068;
    font-size: 20px;
    font-weight: bold;
}

.zago {
    background-color: #f17e01;
    color: #FFFFFF;
    padding: 1%;
}

.item {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 1%;
    font-size: 24px;
}

.imageFull {
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    width: 90%;
    margin: 0;
}

.image {
    width: 30%;
    float: left;
    margin: 2%;
}

.carousel-control {
    visibility: hidden;
}

.carousel-indicators {
    visibility: hidden;
}

.podoga {
    width: 12%;
}

.weather {
    position: fixed;
    bottom: 0;
    padding-left: 10%;
    width: 40%;
    font-size: 25px;

    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 300s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
}

@-webkit-keyframes myfirst {
    0% {
        left: 0;
    }
    50% {
        left: 300px;
    }
    100% {
        left: 0;
    }
}

.time {
    position: fixed;
    bottom: 0;
    right: 0;
    padding-right: 10%;
    -webkit-animation-name: myfirst2;
    -webkit-animation-duration: 150s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;

}

@-webkit-keyframes myfirst2 {
    0% {
        right: 0;
    }
    50% {
        right: 150px;
    }
    100% {
        right: 0;
    }
}

.temper {
    color: #565068;
    font-size: 30px;
    font-weight: bold;
}

#txt {
    color: #565068;
    font-size: 30px;

}

.telo {
    margin-top: 1%;
    background-color: #565068;
    float: left;
    width: 100%;
    padding: 1%;

    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

.golova {

    background-color: #f17e01;
    padding-left: 10px;
    padding-right: 10px;

    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

.logo {
    z-index: 9999999999;
    position: relative;
    width: 2%;
}

.logoimg {
    width: 450%;
    position: absolute;
}

.logobg {
    width: 450%;
    -webkit-filter: blur(20px);
}

.logotime {
    z-index: 9999999999;
    width: 2%;
    font-size: 60px;
    font-family: Arial, sans-serif;
    color: #FFF;
}