html, body{background: #FAF5EA;}
.hour-x{height: 75px; width: 100%; position: fixed; z-index: 3;     transition: all 200ms ease-out;}
.hour-x.newfixbg{background: #FAF5EA; opacity: 0.9;}
.hour-x > .tv3logo{background: url(../images/tv3.png) no-repeat 50% 50%; height: 130px; width: 130px; position: absolute; background-size: contain; left: 10%; top: 10px;}
.hour-x > .textheader{font-size:25px; color:#FFFFFF; line-height:50px; text-shadow:0px 2px 2px rgba(0,0,0,0.25); text-align:center;}
.hour-x.newfixbg > .textheader{color: black}
.main-column.first{max-width: 1000px;text-align: justify}
.main-column.five{max-width: 1000px;text-align: justify}
.main-column.second{max-width: 1400px; line-height: 45px; text-align: center; background:url(../images/hhh.png) no-repeat 50% 0%;}
.main-column.three{max-width: 1000px;text-align: justify; background:url(../images/hhh.png) no-repeat 50% 0%;}
.block.heading-block.first{max-width: 469px;text-align: center; height: 93px; background:url(../images/geadr.png) 50% 50%; margin: 0 auto;  margin-bottom: 70px; background-size: contain;}
.block.heading-block.first > h3{line-height: 2.5;}
.block.heading-block.second > h3{font-size:50px;}
.block.heading-block.three > h3{font-size:50px; text-align: center}
.section-text.first{background-image: url(../images/ramka.png); background-position: 57% 0%; background-repeat: no-repeat; margin-top: 45px; margin-bottom: 45px; background-size: contain}
.section-text.five{background-image: url(../images/ramka_2.png); background-position: 50% 0%; background-repeat: no-repeat; margin-top: 45px; margin-bottom: 45px}
.section-text.second{background-image: url(../images/bgn.jpg); padding-top: 70px;}
.section-text.three{padding-top: 70px;}
.section-text.three.sec{padding-top: 70px; padding-bottom: 70px}
.section-text.three.secs{padding-top: 70px; padding-bottom: 0px}
.main-column{padding-top: 100px}
.main-column.unit{padding-top: 0px}
.block.text-block.first{line-height:45px;}
.block.text-block.five{line-height:30px; margin-top: 40px; margin-bottom: 100px;}
.block.text-block.second{font-size:30px; line-height:45px; text-align:center; margin-top: 70px; margin-bottom: 70px;}
.block.text-block.three{margin-top: 70px; margin-bottom: 70px; line-height:45px;}
.block.text-block.first > p, .block.text-block.three > p{padding-bottom: 50px;}
.block.text-block.three.N > p{padding-bottom: 20px;}
.block.text-block.five > p{padding-bottom: 20px;}
.lineupc{height: 23px; background: url(../images/lineup.png) no-repeat; margin-bottom: 30px;}
.linedownc{height: 23px; background: url(../images/linedown.png) 100% no-repeat; margin-top: -40px; margin-bottom: 110px;}
p.spec{margin-left: 60px;margin-right: 60px;}
.linesuper{background: url(../images/bar.png) no-repeat 50% 50%; height: 160px; background-size: contain; margin-top: 0px; margin-bottom: 50px;}
.linesuper2{background: url(../images/bar_half.png) no-repeat 50% 50%; height: 90px; background-size: contain; margin-bottom: 0px; position: absolute; width: 100%; bottom: 0;}
.lineddd{background: url(../images/lineddd.png) no-repeat 50% 50%; height: 20px; background-size: contain; margin-bottom: 50px;}
.section.wtf{margin-top: 0px; margin-bottom: 0px;}
.scrollmation-background .main-column{background: none}
.section-header{background: transparent; height: 0px}
.section-text-over-media .text{min-width: 60%; width: 60%;}
.story-title.text-inner.x-small{text-align: center; background: url(../images/text.png) no-repeat 50% 50%; height: 240px; background-size: contain;}
.section-text-over-media .text.top{top:10%}
.story-heading.text-inner.normal{text-align: center; color: white; text-shadow: 0 4px 4px rgba(0,0,0,0.3); transform: matrix(1, 0, 0, 1, 0, 0);}
.section-background .section-background-image.first{top:40px}
a{color:black}
.flip-clock-wrapper{margin-top: 43px; height: 35px; margin-right: 27%; font: normal 15px "Playfair Display", serif}
.flip-clock-wrapper ul{width: 35px; height: 35px; line-height: 35px; margin: 5px}
.section-text-over-media a, .section-text-over-media a:hover, .section-text-over-media a:visited{border-bottom: 0px}
.flip-clock-wrapper ul li a div div.inn{color: #212121; text-shadow: 0 1px 2px rgba(0,0,0,0.5); background-color: #FAF5EA; font-size:18px; border-radius: 10px}
.flip-clock-divider .flip-clock-label{top: -30px;
    right: -65px;
    color: white;
    text-shadow: none;
    font-size: 20px;}
    .flip-clock-divider.hours .flip-clock-label{right: -65px}
    .flip-clock-divider.minutes .flip-clock-label{right: -75px}
    .flip-clock-divider.seconds .flip-clock-label{right: -75px}
    .flip-clock-dot{opacity: 0}
    .twit{    position: absolute;    float: right;
    width: 33px;
    height: 33px;
    background: url(../images/twit.png) no-repeat 50% 50%;
    background-size: contain;
    right: 10%;
    top: 20px;z-index: 3;}
    .face{    position: absolute;    float: right;
    width: 33px;
    height: 33px;
    background: url(../images/fb.png) no-repeat 50% 50%;
    background-size: contain;
    right: 10%;
    margin-right: 50px;
    top: 20px;z-index: 3;}
    .vk{    position: absolute;    float: right;
    width: 33px;
    height: 33px;
    background: url(../images/vk.png) no-repeat 50% 50%;
    background-size: contain;
    right: 10%;
    margin-right: 100px;
    top: 20px;z-index: 3;}
    .twit:hover, .face:hover, .vk:hover{cursor: pointer; opacity: 0.5}
    .hour-x > a{position: initial;}
@media (max-width: 1330px){
	.section-text.first{background-image: none; background-position: 57% 0%; background-repeat: no-repeat; margin-top: 0px;}
	.main-column{padding-top: 0px}
	.linedownc{margin-bottom:0px}
	.block.heading-block.second{padding-top: 85px;}
	.block.heading-block.three{padding-top: 85px;}
	.block.heading-block.three.fuu{padding-top: 85px;}
	.block.heading-block.three.fu{padding-top: 85px;}
	.block.heading-block.three{padding-top: 85px;}
	.block.text-block.five{margin-top: 170px;}
}
@media (max-width: 800px){
	.flip-clock-wrapper{margin-right: 0%;}
	.block.heading-block.first > h3{line-height: 3;}
	.main-column.second, .main-column.three, .section-text.five{background: none}
	.block.heading-block.second, .block.heading-block.three{background: url(../images/geadr.png) 50% 50%; margin: 0 auto; background-size: contain; height: 132px; margin-bottom: 30px; max-width: 660px; text-align: center;}
	.block.heading-block.second > h3, .block.heading-block.three > h3{font-size: 45px; line-height: 2.7;}
	.section-text.second{padding-top: 40px}
	.section-text.five{margin-top: 0px; margin-bottom: 0px}
	.linesuper2{height: 40px; width: 95%; margin-bottom: 0px;}
	.section.wtf{margin-top: 0px}
	.scrollmation-background .tiny-scrollmation{display: none}
	.block.heading-block.three.fu > h3{line-height: 1.2; padding-top: 17px; font-size: 41px;}
	}
	@media (max-width: 500px){
.hour-x{display: none}
.section-text-over-media .text{width: 80%;}
.story-title.text-inner.x-small{height: 160px}
.block.heading-block.first > h3{line-height: 2.5;}
.block.heading-block.first{height: 76px; margin-bottom: 30px;}
.block.text-block.first > p, .block.text-block.three > p{padding-bottom: 0px;}
.block.text-block.first > p.spec, .block.text-block.three > p.spec{padding-bottom: 40px;}
.section-text.second{padding-top: 0px}
.main-column.second, .main-column.three{background: none}
.section-text.three{padding-top: 0px}
.block.heading-block.three.fu > h3{line-height: 1.2; padding-top: 10px; font-size: 130%;}
.block.heading-block.second > h3, .block.heading-block.three > h3{font-size: 130%; line-height: 3;}
.block.text-block.second{font-size: 20px;
    line-height: 35px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;}
    .block.text-block.three {font-size: 20px;
    line-height: 35px;
margin-top: 0px;
    margin-bottom: 0px;}
    .section-text.three.secs{padding-top: 20px}
.block.heading-block.second, .block.heading-block.three{background: url(../images/geadr.png) 50% 50%; margin: 0 auto; background-size: contain; height: 76px; margin-bottom: 30px;}
.section-text.three.sec{padding-top: 0px; padding-bottom: 0px}
.linesuper{margin-bottom: 20px; height: 50px;}
.section-text.five{background: none; margin-top: 0px; margin-bottom: 0px}
.block.text-block.five{margin-top: 0px; margin-bottom: 0px}
.section.wtf{margin-top: 0px}
.scrollmation-background .tiny-scrollmation{display: none}
.section-header{display: none}
.olimp-clock{display: none}
.story-heading.text-inner.normal{display: none}
.linesuper2{height: 20px; width: 90%; margin-bottom: 0px;}
}

@media (max-width: 400px){
.hour-x{display: none}
.section-text-over-media .text{width: 80%;}
.story-title.text-inner.x-small{height: 160px}
.block.heading-block.first > h3{line-height: 2.5;}
.block.heading-block.first{height: 69px; margin-bottom: 30px;}
.block.text-block.first > p, .block.text-block.three > p{padding-bottom: 0px;}
.block.text-block.first > p.spec, .block.text-block.three > p.spec{padding-bottom: 40px;}
.section-text.second{padding-top: 0px}
.main-column.second, .main-column.three{background: none}
.section-text.three{padding-top: 0px}
.block.heading-block.three.fu > h3{line-height: 1.2; padding-top: 10px; font-size: 125%;}
.block.heading-block.second > h3, .block.heading-block.three > h3{font-size: 130%; line-height: 3;}
.block.text-block.second{font-size: 20px;
    line-height: 35px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;}
    .block.text-block.three {font-size: 20px;
    line-height: 35px;
margin-top: 0px;
    margin-bottom: 0px;}
    .section-text.three.secs{padding-top: 20px}
.block.heading-block.second, .block.heading-block.three{background: url(../images/geadr.png) 50% 50%; margin: 0 auto; background-size: contain; height: 69px; margin-bottom: 30px;}
.section-text.three.sec{padding-top: 0px; padding-bottom: 0px}
.linesuper{margin-bottom: 20px; height: 50px;}
.section-text.five{background: none; margin-top: 0px; margin-bottom: 0px}
.block.text-block.five{margin-top: 0px; margin-bottom: 0px}
.section.wtf{margin-top: 0px}
.scrollmation-background .tiny-scrollmation{display: none}
.section-header{display: none}
.olimp-clock{display: none}
.story-heading.text-inner.normal{display: none}
.linesuper2{height: 20px; width: 90%; margin-bottom: 0px;}
}
@media (max-width: 340px){
	.block.heading-block.first, .block.heading-block.second, .block.heading-block.three{height: 58px;}
		.block.heading-block.first > h3, .block.heading-block.second > h3, .block.heading-block.three > h3{line-height: 2.2;}
		.section-text.three.secs{padding-top: 0px}
		.block.heading-block.three.fuu > h3{line-height: 1; padding-top: 5px; font-size: 130%;}
		.block.heading-block.three.fu > h3{line-height: 1; padding-top: 8px; font-size: 120%;}
	}