@font-face{font-family:'din_light'; src:url('../fonts/pfdintextcondpro-light-webfont.eot'); src:url('../fonts/pfdintextcondpro-light-webfontd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/pfdintextcondpro-light-webfont.woff') format('woff'),url('../fonts/pfdintextcondpro-light-webfont.ttf') format('truetype'),url('../fonts/pfdintextcondpro-light-webfont.svg#din_light') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'din_medium'; src:url('../fonts/pfdintextcondpro-medium-webfont.eot'); src:url('../fonts/pfdintextcondpro-medium-webfontd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/pfdintextcondpro-medium-webfont.woff') format('woff'),url('../fonts/pfdintextcondpro-medium-webfont.ttf') format('truetype'),url('../fonts/pfdintextcondpro-medium-webfont.svg#din_medium') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'din_regular'; src:url('../fonts/pfdintextcondpro-regular-webfont.eot'); src:url('../fonts/pfdintextcondpro-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),url('../fonts/pfdintextcondpro-regular-webfont.woff') format('woff'),url('../fonts/pfdintextcondpro-regular-webfont.ttf') format('truetype'),url('../fonts/pfdintextcondpro-regular-webfont.svg#din_regular') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'Rupster Script Free'; src:url('../fonts/RupsterScriptFree.eot'); src:url('../fonts/RupsterScriptFree.eot?#iefix') format('embedded-opentype'),url('../fonts/RupsterScriptFree.woff2') format('woff2'),url('../fonts/RupsterScriptFree.woff') format('woff'),url('../fonts/RupsterScriptFree.ttf') format('truetype'),url('../fonts/RupsterScriptFree.svg#RupsterScriptFree') format('svg'); font-weight:normal; font-style:normal}
html{font-size:18px}
body{font-family:Arial,sans-serif; line-height:1.4}
.clear{clear:both}
ul{text-align:left; margin:0 1rem}
ul li{margin:1rem 0; padding-left:5px}
.ulli{list-style:url(../img/ulli.png)}
.ulli1{list-style:url(../img/ulli1.png)}
.ulli2{list-style:url(../img/ulli2.png)}
.ulli3{list-style:url(../img/ulli3.png)}
.ulli4{list-style:url(../img/ulli4.png)}
.ulli5{list-style:url(../img/ulli5.png)}
.no-padding{padding:0}
.p-bold{font-size:1.1rem; font-weight:bold}
section{margin:0 auto; padding:2.5rem 0 3rem; max-width:1920px}
h1{font-size:4rem; line-height:1; color:#E31EAB; font-family:'din_medium',Arial;  text-align:left}
h2{margin:1rem 0; font-size:2.3rem; color:#222; font-family:'din_light',Arial,sans-serif; text-align:center}
h2 span{text-transform:uppercase; font-size:2.6rem; color:#E31EAB; text-align:center; font-family:'din_medium',Arial,sans-serif}
h3{font-family:'din_light',Arial,sans-serif; color:#222; margin:0 auto; font-size:1.6rem}
h4{font-family:'din_light',Arial,sans-serif; color:#222; margin:0 auto 25px; font-size:1.45rem}
h5{font-family:'din_light',Arial,sans-serif; color:#222; margin:0 auto; font-size:1.6rem}
h5 span{text-transform:uppercase}
.topic{width:596px; height:162px; margin:0 auto 60px; text-align:center; padding-top:40px; float:left; position:relative}
.topic:before{content:""; width:230px; height:30px; background:url(../img/vin1.png) no-repeat center; position:absolute; top:0; left:50%; margin-left:-115px}
.topic:after{content:""; width:114px; height:44px; background:url(../img/vin2.png) no-repeat center top; position:absolute; bottom:0; left:50%; margin-left:-57px}
a, a:hover{text-decoration:none}
.clear{clear:both; display:block; width; 100%}
.rel{position:relative}
@media (max-width:575.98px){html{font-size:15px}
p{text-align:center}
p.gal2{text-align:left}
}
.header{margin:0 auto; max-width:1920px; min-height:640px; background:url(../img/heder.png) no-repeat right 20px,url(../img/shariky.png) no-repeat left 0; padding-bottom:4rem; padding-top:15px}
.header h3{color:#222}
.header .topic h3{font-size:1.35rem;  margin-top:3px}
.header h4.fst{font-size:1.75rem; margin-top:42px}
.header .zag2 h4{text-align:left}
.header h4{margin:10px 0 40px}
.header h1{margin-top:12px}
.sharuna1{width:0px; height:0px; position:absolute; right:0; top:0; transition:2s}
.header:hover .sharuna1{width:41px; height:50px; right:255px; top:80px; -o-transform:rotate3d(2,1,0,360deg); -ms-transform:rotate3d(2,1,0,360deg); -moz-transform:rotate3d(2,1,0,360deg); -webkit-transform:rotate3d(2,1,0,360deg); transform:rotate3d(2,1,0,360deg)}
.star-hed1{width:0px; height:0px; position:absolute; right:0; top:0; transition:2s}
.header:hover .star-hed1{width:42px; height:42px; right:32px; top:138px; -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg)}
.star-hed2{width:0px; height:0px; position:absolute; right:0; top:0; transition:2s}
.header:hover .star-hed2{width:36px; height:36px; right:380px; top:35px; -moz-transform:rotate(335deg); -o-transform:rotate(335deg); -webkit-transform:rotate(335deg); transform:rotate(335deg)}
.run-1{width:0px; height:0px; position:absolute; right:43%; top:65px; transition:2s}
.header:hover .run-1{width:63px; height:63px; right:42%; top:26px; -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg)}
.zag2{margin-top:20px}
.strgif{position:absolute; top:-200px; left:50%; margin-left:-100px}
.string>span{position:relative}
.string>span:after{content:""; position:absolute; top:0; left:0em; width:160%; height:100%; background:linear-gradient(to left,rgba(255,255,255,.0),rgba(255,255,255,.8),rgba(255,255,255,.0)) no-repeat -2em 0%; background-size:2em 100%; -moz-transform:skewX(-50deg); -o-transform:skewX(-50deg); -webkit-transform:skewX(-50deg); transform:skewX(-50deg)}
.string>span.blink_on:after{transition:1.5s linear; background-position:160% 0%}
@media (max-width:991.98px){.header{background:url(../img/heder.png) no-repeat right bottom,url(../img/shariky.png) no-repeat left 0; padding-bottom:380px; margin-bottom:40px}
}
@media (max-width:767.98px){h1{font-size:2.5rem; text-align:center; line-height:1.4; padding-top:20px; text-shadow:#fff 2px 0px,#fff 2px 2px,#fff 0px 2px,#fff -2px 2px,#fff -2px 0px,#fff -2px -2px,#fff 0px -2px,#fff 2px -2px}
.topic{background:url(../img/top.png) no-repeat top center; width:100%; height:162px; background-size:100%; padding-top:44px}
.header .topic h3{font-size:1.1rem}
.header{background:url(../img/heder.png) no-repeat right bottom,url(../img/shariky.png) no-repeat left 0; padding-bottom:600px; background-size:100%}
.header .zag2 h4{text-align:center}
.knopka{float:none!important}
}
@media (max-width:575.98px){.header{padding-bottom:450px}
.header .topic h3{font-size:1.25rem}
}
@media (max-width:449.98px){.header{padding-bottom:360px}
.header .topic h3{font-size:1rem}
}

.btn{letter-spacing:1px; display:inline-block; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px; border:none; background:#ED4281; position:relative; padding:12px 30px 11px; font-size:1.25rem; text-align:center; color:#fff; margin:0.25rem auto; border:none; transition:0.5s}
.btn:hover{color:#fff; background:#80B9E7}
@media (max-width:575.98px){.btn{float:none}
}
.button{font-family:"din_regular",Calibri; font-size:22px; min-width:320px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#960047; border-bottom:4px #680338 solid; text-align:center; color:#fff; font-weight:500; padding:19px 25px 14px; letter-spacing:1px; text-transform:uppercase; line-height:1; margin:20px auto 35px; display:inline-block; vertical-align:top; cursor:pointer}
.button:hover, 
.button:active{background:#a00456; border-bottom:4px #680338 solid!important; color:#fff}
.chislo{position:absolute; left:-40px; top:-20px; font-family:'din_light',Arial,sans-serif; font-size:3rem; color:#fff; line-height:1.0}
.numsp{display:block; min-height:3rem; padding-bottom:1rem}
.blok2{padding:0}
.uni-prog .numsp{padding-left:90px; padding-top:35px; padding-bottom:35px}
.unikum{width:80px; height:80px; position:absolute; left:-20px; top:10px; -moz-transform:rotate(-60deg); -o-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); transform:rotate(-60deg); transition:1s}
.uni-prog .numsp:hover .unikum{-moz-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg)}
.uni1{background:url(../img/uni1.png) no-repeat right top}
.uni-prog .numsp:hover .uni1{background:url(../img/uni1-h.png) no-repeat right top}
.uni2{background:url(../img/uni2.png) no-repeat right top}
.uni-prog .numsp:hover .uni2{background:url(../img/uni2-h.png) no-repeat right top}
.uni3{background:url(../img/uni3.png) no-repeat right top}
.uni-prog .numsp:hover .uni3{background:url(../img/uni3-h.png) no-repeat right top}
.uni4{background:url(../img/uni4.png) no-repeat right top}
.uni-prog .numsp:hover .uni4{background:url(../img/uni4-h.png) no-repeat right top}
.uni5{background:url(../img/uni5.png) no-repeat right top}
.uni-prog .numsp:hover .uni5{background:url(../img/uni5-h.png) no-repeat right top}
.uni6{background:url(../img/uni6.png) no-repeat right top}
.uni-prog .numsp:hover .uni6{background:url(../img/uni6-h.png) no-repeat right top}
.uni7{background:url(../img/uni7.png) no-repeat right top}
.uni-prog .numsp:hover .uni7{background:url(../img/uni7-h.png) no-repeat right top}
.unikum .chislo{left:auto; right:-30px; top:50px; font-size:2rem; -moz-transform:rotate(60deg); -o-transform:rotate(60deg); -webkit-transform:rotate(60deg); transform:rotate(60deg); transition:1s}
.uni-prog .numsp:hover .unikum .chislo{color:#E31EAB; top:0; right:-22px; -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg)}
.runyfon{background:url(../img/runyfon.png) no-repeat center top fixed; background-size:120% auto; padding:0; transition:5s}
.runyfon:hover{background-size:100% auto}
.runyfon2{background:url(../img/runyfon.png) no-repeat center bottom fixed; background-size:120% auto; transition:5s}
.runyfon2:hover{background-size:100% auto}
.weitgrad{padding:3rem 0 3.5rem; background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#fff',GradientType=0 )}
.weitgrad2{padding:2rem 0 3.5rem; background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 75%,rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 75%,rgba(255,255,255,1) 100%); background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 75%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#fff',GradientType=0 )}
.graygrad{background:-moz-linear-gradient(-45deg,rgba(222,227,238,1) 0%,rgba(222,227,238,0.15) 34%,rgba(222,227,238,0.2) 50%,rgba(222,227,238,0.3) 66%,rgba(222,227,238,1) 100%); background:-webkit-linear-gradient(-45deg,rgba(222,227,238,1) 0%,rgba(222,227,238,0.15) 34%,rgba(222,227,238,0.2) 50%,rgba(222,227,238,0.3) 66%,rgba(222,227,238,1) 100%); background:linear-gradient(135deg,rgba(222,227,238,1) 0%,rgba(222,227,238,0.15) 34%,rgba(222,227,238,0.2) 50%,rgba(222,227,238,0.3) 66%,rgba(222,227,238,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee3ee',endColorstr='#dee3ee',GradientType=1 )}
.gray-my{padding:3rem 0 3rem; background:#D7DFFF}
.blok3{}
.ico{width:200px; transition:1s}
.bicon-tx:hover .ico{-o-transform:rotate3d(2,1,0,360deg); -ms-transform:rotate3d(2,1,0,360deg); -moz-transform:rotate3d(2,1,0,360deg); -webkit-transform:rotate3d(2,1,0,360deg); transform:rotate3d(2,1,0,360deg)}
.vin-3{width:0; height:0; position:absolute; left:33%; bottom:15px; transition:1s}
.bicon-tx:hover .vin-3{left:25%; bottom:-20px; width:36px; height:30px}
.imicon{width:200px; height:191px; background:url(../img/luzha.png) no-repeat center center; text-align:center; padding:10px; background-size:100%; margin:0.4rem auto 1.6rem; position:relative}
.imicon img{width:32%; margin:34% 0}
.bi-text{background:url(../img/vopr.png) no-repeat right 50%; background-size:82px 171px; text-align:center; transition:2s}
.bicon-tx:hover .bi-text{background-size:109px 228px}
.blok4{background:rgb(255,255,255); background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(215,223,255,1) 100%); background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(215,223,255,1) 100%); background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(215,223,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#d7dfff',GradientType=0 ); padding-bottom:4rem}
.icon2{width:80px; height:80px; margin-top:1rem; margin-bottom:0.5rem; display:inline-block; transition:1s}
.ic-i:hover .icon2{-o-transform:rotate3d(2,1,0,360deg); -ms-transform:rotate3d(2,1,0,360deg); -moz-transform:rotate3d(2,1,0,360deg); -webkit-transform:rotate3d(2,1,0,360deg); transform:rotate3d(2,1,0,360deg)}
.icon3{width:80px; height:80px; margin-top:1rem; margin-bottom:0; display:inline-block; transition:1s}
.ic-i:hover .icon3{-moz-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg)}
.ic-i1{background:url(../img/i1.png) no-repeat center; background-size:100%}
.ic-i:hover .ic-i1{background:url(../img/i1-h.png) no-repeat center; background-size:100%}
.ic-i2{background:url(../img/i2.png) no-repeat center; background-size:100%}
.ic-i:hover .ic-i2{background:url(../img/i2-h.png) no-repeat center; background-size:100%}
.ic-i3{background:url(../img/i3.png) no-repeat center; background-size:100%}
.ic-i:hover .ic-i3{background:url(../img/i3-h.png) no-repeat center; background-size:100%}
.ic-i4{background:url(../img/i4.png) no-repeat center; background-size:100%}
.ic-i:hover .ic-i4{background:url(../img/i4-h.png) no-repeat center; background-size:100%}
.ic-i5{background:url(../img/i5.png) no-repeat center; background-size:100%}
.ic-i:hover .ic-i5{background:url(../img/i5-h.png) no-repeat center; background-size:100%}
.ic-i6{background:url(../img/i6.png) no-repeat center; background-size:100%}
.ic-i:hover .ic-i6{background:url(../img/i6-h.png) no-repeat center; background-size:100%}
.ic-i7{background:url(../img/i7.png) no-repeat center; background-size:100%}
.ic-i:hover .ic-i7{background:url(../img/i7-h.png) no-repeat center; background-size:100%}
.ic-i8{background:url(../img/i8.png) no-repeat center; background-size:100%}
.ic-i:hover .ic-i8{background:url(../img/i8-h.png) no-repeat center; background-size:100%}
.ic-i9{background:url(../img/i9.png) no-repeat center; background-size:100%}
.ic-i:hover .ic-i9{background:url(../img/i9-h.png) no-repeat center; background-size:100%}
.rez:hover .icon3{-moz-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg)}
.rez1{background:url(../img/rez1.png) no-repeat center; background-size:100%}
.rez:hover .rez1{background:url(../img/rez1-h.png) no-repeat center; background-size:100%}
.rez2{background:url(../img/rez2.png) no-repeat center; background-size:100%}
.rez:hover .rez2{background:url(../img/rez2-h.png) no-repeat center; background-size:100%}
.rez3{background:url(../img/rez3.png) no-repeat center; background-size:100%}
.rez:hover .rez3{background:url(../img/rez3-h.png) no-repeat center; background-size:100%}
.rez4{background:url(../img/rez4.png) no-repeat center; background-size:100%}
.rez:hover .rez4{background:url(../img/rez4-h.png) no-repeat center; background-size:100%}
.rez5{background:url(../img/rez5.png) no-repeat center; background-size:100%}
.rez:hover .rez5{background:url(../img/rez5-h.png) no-repeat center; background-size:100%}
.rez6{background:url(../img/rez6.png) no-repeat center; background-size:100%}
.rez:hover .rez6{background:url(../img/rez6-h.png) no-repeat center; background-size:100%}
.rez7{background:url(../img/rez7.png) no-repeat center; background-size:100%}
.rez:hover .rez7{background:url(../img/rez7-h.png) no-repeat center; background-size:100%}
.rez8{background:url(../img/rez8.png) no-repeat center; background-size:100%}
.rez:hover .rez8{background:url(../img/rez8-h.png) no-repeat center; background-size:100%}
.rez9{background:url(../img/rez9.png) no-repeat center; background-size:100%}
.rez:hover .rez9{background:url(../img/rez9-h.png) no-repeat center; background-size:100%}
.blok5{background:#D7DFFF}
.avtor{width:100%; max-width:380px; height:500px; position:relative; background:url(../img/avtor.jpg) no-repeat right top; background-size:auto 100%; border:4px #fff solid; z-index:2; transition:1s}
.blok5:hover .avtor{background-size:auto 110%}
.podavt{width:10px; height:10px; position:absolute; top:40px; left:40px; background:#D7DFFF; z-index:1; transition:1s}
.list1{position:absolute; right:80px; bottom:-155px; -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:4s}
.blok5:hover .list1{right:90px; bottom:-95px; -moz-transform:rotate(-60deg); -o-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); transform:rotate(-60deg)}
.list2{position:absolute; right:40px; bottom:-75px; -moz-transform:rotate(-58deg); -o-transform:rotate(-58deg); -webkit-transform:rotate(-58deg); transform:rotate(-58deg); transition:4s}
.blok5:hover .list2{right:-65px; bottom:10px; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.list3{position:absolute; right:25px; bottom:-35px; -moz-transform:rotate(-30deg); -o-transform:rotate(-30deg); -webkit-transform:rotate(-30deg); transform:rotate(-30deg); transition:4s}
.blok5:hover .list3{right:0; bottom:-18px; -moz-transform:rotate(-5deg); -o-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); transform:rotate(-5deg)}
.star1{position:absolute; right:30px; bottom:-30px; width:0; height:0; transition:4s}
.blok5:hover .star1{width:69px; height:71px; right:290px; bottom:100px}
.star2{position:absolute; width:0; height:0; right:10px; bottom:-10px; transition:4s}
.blok5:hover .star2{width:38px; height:39px; right:5px; bottom:195px}
.blok5:hover .podavt{width:240px; height:240px; top:-14px; left:0; background:#E31EAB}
p.gal2{padding-left:24px; background:url(../img/gal2.png) no-repeat 4px 8px}
p.gal{padding-left:15px; background:url(../img/gal.png) no-repeat left 8px}
.blok6 h2{text-align:center}
.blok6 h5{color:#E31EAB; font-family:'din_medium'; font-size:1.7rem}
.blok6 b p{font-size:1.1rem}
.blok6 ul{margin-left:-20px; list-style:url(../img/li-blu.png)}
.blok6 h3 span{font-size:2.35rem; line-height:1.1; color:#E31EAB; font-family:'Rupster Script Free'; letter-spacing:0.02rem}
.blok6 h3 font{font-size:2.75rem; line-height:1.1; color:#E31EAB;font-family: 'din_regular'}
.blok6 h3{font-size:2.35rem; line-height:1.1; color:#222}
.day1{   width:100%; max-width:350px}
.st-day1{position:absolute; right:0; top:0; width:0; height:0; transition:2s}
.day-pr:hover .st-day1{   right:28px; top:142px; width:24px; height:24px}
.day1-run1{position:absolute; left:0; top:0; width:0; height:0; transition:2s}
.day-pr:hover .day1-run1{left:26px; top:92px; width:39px; height:39px}
.day1-run2{position:absolute; right:100px; top:0; width:0; height:0; transition:2s}
.day-pr:hover .day1-run2{right:20px; top:60px; width:44px; height:44px}
.st-day2{position:absolute; right:0; top:0; width:0; height:0; transition:2s}
.day-pr:hover .st-day2{right:45px; top:70px; width:24px; height:24px}
.day2-run1{position:absolute; left:0; top:0; width:0; height:0; transition:2s}
.day-pr:hover .day2-run1{left:26px; top:71px; width:39px; height:39px}
.day2-run2{position:absolute; left:0; top:0; width:0; height:0; transition:2s}
.day-pr:hover .day2-run2{left:72px; top:120px; width:46px; height:47px}
.st-day3{position:absolute; left:0; top:0; width:0; height:0; transition:2s}
.day-pr:hover .st-day3{left:28px; top:90px; width:20px; height:20px}
.st-day32{position:absolute; left:0%; top:0; width:0; height:0; transition:2s}
.day-pr:hover .st-day32{left:50%; top:50px; width:16px; height:16px}
.day4-run2{position:absolute; right:0; top:0; width:0; height:0; transition:2s}
.day-pr:hover .day4-run2{right:188px; top:57px; width:40px; height:40px}
.st-day4{position:absolute; right:0; top:0; width:0; height:0; transition:2s}
.day-pr:hover .st-day4{right:43px; top:70px; width:24px; height:24px}
.st-day5{position:absolute; right:100px; top:0; width:0; height:0; transition:2s}
.day-pr:hover .st-day5{right:28px; top:141px; width:24px; height:24px}
.day5-run1{position:absolute; right:0; top:0; width:0; height:0; transition:2s}
.day-pr:hover .day5-run1{right:23px; top:91px; width:39px; height:39px}
.day5-run2{position:absolute; left:0; top:0; width:0; height:0; transition:2s}
.day-pr:hover .day5-run2{left:18px; top:62px; width:44px; height:44px}
.run1{position:absolute; left:240px; top:65px; width:70px; transition:2s}
.day-pr:hover .run1{left:267px; top:105px; width:26%; max-width:120px}
.run2{position:absolute; left:475px; top:0px; width:0; transition:3s}
.day-pr:hover .run2{left:345px; top:200px; width:26%; max-width:120px}
.priz{position:absolute; left:300px; top:350px; width:110px; transition:1s}
.day-pr:hover .priz{left:247px; top:290px; width:37%; max-width:173px}
.snegovik{position:absolute; right:110px; top:220px; width:200px; transition:2s}
.clock{position:absolute; left:0; top:0; width:0; transition:2s}
.day-pr:hover .clock{left:46px; top:225px; width:26.5%; max-width:126px}
@media (max-width:991.98px){.run2{right:0; left:auto; top:auto; bottom:0; transition:2s}
.run1{left:auto; right:0; top:auto; bottom:500px; transition:2s}
.day-pr:hover .run1{left:auto; top:auto; right:180px; bottom:550px; width:30%}
.day-pr:hover .run2{left:auto; top:auto; right:0; bottom:400px; width:30%}
.priz{left:auto; right:0; top:auto; bottom:0; width:110px; transition:1s}
.day-pr:hover .priz{left:auto; right:150px; top:auto; bottom:370px}
}
@media (max-width:767.98px){.day-pr:hover .run1{right:80px; bottom:600px}
.day-pr:hover .priz{right:20px}
.blok6 h5{text-align:center}
}
@media (max-width:699.98px){.day-pr:hover .priz{right:60px; bottom:410px}
}
@media (max-width:575.98px){.run2{display:none}
.day-pr:hover .snegovik{right:0; top:0; width:80%; max-width:298px}
}
.blok7{background:#D7DFFF; padding-bottom:4rem}
.blok7:hover .day1-run1{left:24%; top:9px; width:44px; height:44px}
.blok7:hover .day1-run2{right:65%; top:96px; width:52px; height:52px}
.blok7:hover .day2-run2{left:38%; top:51px; width:50px; height:50px}
.blok7:hover .st-day1{right:51%; top:159px; width:42px; height:41px}
.blok7:hover .st-day3{left:68%; top:160px; width:33px; height:34px}
.blok7:hover .st-day32{left:75%; top:215px; width:29px; height:28px}
.whi-ram{display:inline-block; padding:40px 60px; border:2px #fff solid}
.blok7 .btn{min-width:300px; margin-top:0}
.im-format{margin-top:170px; width:100%; max-width:400px}
.formatp{display:block; min-height:60px; margin-bottom:20px; padding-left:70px}
.formatp h3{margin:0}
.formico{position:absolute; left:0; top:-10px; width:48px; height:48px; transition:1s}
.formatp:hover .formico{-o-transform:rotate3d(2,1,0,360deg); -ms-transform:rotate3d(2,1,0,360deg); -moz-transform:rotate3d(2,1,0,360deg); -webkit-transform:rotate3d(2,1,0,360deg); transform:rotate3d(2,1,0,360deg)}
.formico1{background:url(../img/formico1.png) no-repeat center}
.formatp:hover .formico1{background:url(../img/formico1-h.png) no-repeat center}
.formico2{background:url(../img/formico2.png) no-repeat center}
.formatp:hover .formico2{background:url(../img/formico2-h.png) no-repeat center}
.formico3{background:url(../img/formico3.png) no-repeat center}
.formatp:hover .formico3{background:url(../img/formico3-h.png) no-repeat center}
.formico4{background:url(../img/formico4.png) no-repeat center}
.formatp:hover .formico4{background:url(../img/formico4-h.png) no-repeat center}
.formico5{background:url(../img/formico5.png) no-repeat center}
.formatp:hover .formico5{background:url(../img/formico5-h.png) no-repeat center}
.formico6{background:url(../img/formico6.png) no-repeat center}
.formatp:hover .formico6{background:url(../img/formico6-h.png) no-repeat center}
.formico7{background:url(../img/formico7.png) no-repeat center}
.formatp:hover .formico7{background:url(../img/formico7-h.png) no-repeat center}
.formico8{background:url(../img/formico8.png) no-repeat center}
.formatp:hover .formico8{background:url(../img/formico8-h.png) no-repeat center}
.formico9{background:url(../img/formico9.png) no-repeat center}
.formatp:hover .formico9{background:url(../img/formico9-h.png) no-repeat center}
.formico10{background:url(../img/formico10.png) no-repeat center}
.formatp:hover .formico10{background:url(../img/formico10-h.png) no-repeat center}
.spec-predlog{font-size:1.75rem}
.spec-predlog .h2{color:#E31EAB; font-size:1.75rem}
.spec-predlog .h2 font{font-size:3rem}
.spik{width:60px; height:42px; background:url(../img/spik.png) no-repeat center bottom; background-size:80%; display:block; margin:0 30px; transition:1s}
.kaspik:hover .spik{background:url(../img/spik-h.png) no-repeat center bottom; background-size:100%; -o-transform:rotate3d(2,1,0,360deg); -ms-transform:rotate3d(2,1,0,360deg); -moz-transform:rotate3d(2,1,0,360deg); -webkit-transform:rotate3d(2,1,0,360deg); transform:rotate3d(2,1,0,360deg)}
.kaspik h5{margin:1rem 0 0.5rem}
p.slova{font-family:'Museo Sans Cyrl 100'; font-style:italic; font-size:0.9rem; text-align:left}
.otifr{width:320px; height:180px; display:block; margin:30px auto 0; background:#ccc; border:4px #fff solid; box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.otifr .youtube, .otifr iframe{width:100%; height:100%}
.sl-frame{width:100%; max-width:400px; min-height:225px; height:100%; max-height:312px; vertical-align:top}
.play1{background:url(../img/play1.jpg) no-repeat center top; background-size:100%; height:100%}
.play2{background:url(../img/play2.jpg) no-repeat center top; background-size:100%; height:100%}
.play3{background:url(../img/play3.jpg) no-repeat center top; background-size:100%; height:100%}
.play4{background:url(../img/play4.jpg) no-repeat center top; background-size:100%; height:100%}
.play5{background:url(../img/play5.jpg) no-repeat center top; background-size:100%; height:100%}
.play6{background:url(../img/play6.jpg) no-repeat center top; background-size:100%; height:100%}
.play7{background:url(../img/play7.jpg) no-repeat center top; background-size:cover; height:100%}
.play8{background:url(../img/play8.jpg) no-repeat center top; background-size:cover; height:100%}
.play9{background:url(../img/play9.jpg) no-repeat center top; background-size:100%; height:100%}
.play10{background:url(../img/play10.jpg) no-repeat center top; background-size:100%; height:100%}
.play11{background:url(../img/play11.jpg) no-repeat center top; background-size:cover; height:100%}
.play12{background:url(../img/play12.jpg) no-repeat center top; background-size:cover; height:100%}
.play13{background:url(../img/play13.jpg) no-repeat center top; background-size:cover; height:100%}
.play14{background:url(../img/play14.jpg) no-repeat center top; background-size:cover; height:100%}
.play15{background:url(../img/play15.jpg) no-repeat center top; background-size:cover; height:100%}
.play16{background:url(../img/play16.jpg) no-repeat center top; background-size:cover; height:100%}
.play17{background:url(../img/play17.jpg) no-repeat center top; background-size:cover; height:100%}
.play18{background:url(../img/play18.jpg) no-repeat center top; background-size:cover; height:100%}
.play19{background:url(../img/play19.jpg) no-repeat center top; background-size:100%; height:100%}
.play20{background:url(../img/play20.jpg) no-repeat center top; background-size:100%; height:100%}
.play21{background:url(../img/play21.jpg) no-repeat center top; background-size:cover; height:100%}
.play22{background:url(../img/play22.jpg) no-repeat center top; background-size:cover; height:100%}
.play23{background:url(../img/play23.jpg) no-repeat center top; background-size:cover; height:100%}
.play24{background:url(../img/play24.jpg) no-repeat center top; background-size:cover; height:100%}
.play25{background:url(../img/play25.jpg) no-repeat center top; background-size:cover; height:100%}
.play26{background:url(../img/play26.jpg) no-repeat center top; background-size:cover; height:100%}
.play27{background:url(../img/play27.jpg) no-repeat center top; background-size:cover; height:100%}
.play28{background:url(../img/play28.jpg) no-repeat center top; background-size:cover; height:100%}
.play29{background:url(../img/play29.jpg) no-repeat center top; background-size:100%; height:100%}
.play30{background:url(../img/play30.jpg) no-repeat center top; background-size:100%; height:100%}
.play31{background:url(../img/play31.jpg) no-repeat center top; background-size:cover; height:100%}
.play32{background:url(../img/play32.jpg) no-repeat center top; background-size:cover; height:100%}
.play33{background:url(../img/play33.jpg) no-repeat center top; background-size:cover; height:100%}
.play34{background:url(../img/play34.jpg) no-repeat center top; background-size:cover; height:100%}
.play35{background:url(../img/play35.jpg) no-repeat center top; background-size:cover; height:100%}
.play36{background:url(../img/play36.jpg) no-repeat center top; background-size:cover; height:100%}
.play37{background:url(../img/play37.jpg) no-repeat center top; background-size:cover; height:100%}
.play38{background:url(../img/play38.jpg) no-repeat center top; background-size:cover; height:100%}
.youtube{background-position:center; background-repeat:no-repeat; position:relative; display:inline-block; overflow:hidden; transition:all 200ms ease-out; cursor:pointer; margin:0 auto}
.youtube .play{display:block; background:url(../img/play.png) no-repeat center center; background-size:62px 44px; position:absolute; height:100%; width:100%; opacity:.8; filter:alpha(opacity=80); -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out}
.youtube .play:hover{opacity:1; filter:alpha(opacity=100)}
.blokotz h5{margin:2rem 0 0.5rem}
.blokotz h4{text-transform:uppercase; margin-bottom:0}
.vopr{text-align:center}
footer{background:#b5bddd; color:#fff; font-size:0.8rem}
footer a{color:#fff; border-bottom:1px #fff dotted}
footer a:hover{color:#b4e4fb}
@media (max-width:1199.98px){.topic{width:100%}
.header{background:url(../img/heder.png) no-repeat right bottom; background-size:40%; padding-bottom:260px}
.header:hover .sharuna1{right:75%; top:155px}
.strgif{top:-150px}
h1, .header .zag2 h4{text-align:center}
.header:hover .run-1{right:10%}
}
@media (max-width:991.98px){.header{background:url(../img/heder.png) no-repeat center bottom; background-size:340px; padding-bottom:300px}
.avtor{margin:0 auto; height:460px; position:relative; background:url(../img/avtor.jpg) no-repeat center top; background-size:100%}
.blok5:hover .avtor{background-size:110%}
.blok5:hover .podavt{left:50%; margin-left:-204px}
.string>span:after{width:100%}
.string>span.blink_on:after{background-position:100% 0%}
}
@media (max-width:767.98px){.blok7 .rel img{display:none}
}
@media (max-width:567.98px){.blok4 p br{display:none}
}
@media (max-width:449.98px){.header{background:url(../img/heder.png) no-repeat center bottom; background-size:300px}
.string>span:after{width:0; height:0; padding:0}
.string>span.blink_on:after{background-position:0 0}
.btn{letter-spacing:0; font-size:1rem; padding:12px 20px 11px}
.whi-ram{width:100%; padding:40px 20px}
.blok7 .btn{min-width:240px}
.spec-predlog .h2{display:inline-block}
.otifr{width:304px; height:171px}
.list2{display:none}
.avtor{height:420px}
}