@font-face{font-family:'DINNextCYR-Bold';font-display:swap;src:url('../font/DINNextCYR-Bold/DINNextCYR-Bold.eot') format('eot');src:url('../font/DINNextCYR-Bold/DINNextCYR-Boldd41d.eot?#iefix') format('embedded-opentype'),url('../font/DINNextCYR-Bold/DINNextCYR-Bold.ttf') format('truetype'),url('../font/DINNextCYR-Bold/DINNextCYR-Bold.woff') format('woff');}
@font-face{font-family:'DINNextCYR-Light';font-display:swap;src:url('../font/DINNextCYR-Light/DINNextCYR-Light.eot') format('eot');src:url('../font/DINNextCYR-Light/DINNextCYR-Lightd41d.eot?#iefix') format('embedded-opentype'),url('../font/DINNextCYR-Light/DINNextCYR-Light.ttf') format('truetype'),url('../font/DINNextCYR-Light/DINNextCYR-Light.woff') format('woff');}

::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-thumb{border:none;background-color:#555;}
::-webkit-scrollbar-track{border:none;background-color:#ddd;}

body{margin:0;padding:0;} html{scroll-behavior:smooth;}

.ttl{display:block;margin:65px 20px;}
.ttl h1, .ttl h2, .ttl h3, .ttl h4, .ttl h5, .ttl h6{font-family:'DINNextCYR-Bold';font-size:32.5px;color:#222;font-weight:normal;margin:0;padding:0;}
.ttl h1 span, .ttl h2 span, .ttl h3 span, .ttl h4 span, .ttl h5 span, .ttl h6 span{font-family:'DINNextCYR-Light';font-size:32.5px;color:#222;font-weight:normal;}
.ttl h1 small, .ttl h2 small, .ttl h3 small, .ttl h4 small, .ttl h5 small,.ttl  h6 small{display:block;font-family:'DINNextCYR-Light';font-size:17.5px;color:#fff;}
.ttl sup{position:absolute;margin-left:2.5px;font-family:'DINNextCYR-Light';font-size:12.5px;color:#222;transform:rotate(90deg);}

@media screen and (max-width:700px){.ttl h1 span, .ttl h2 span, .ttl h3 span, .ttl h4 span, .ttl h5 span, .ttl h6 span{display:block;}.ttl sup{display:none;}}

a, a:hover{text-decoration:none;border-bottom:none;display:contents;}

textarea, input, button{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .5s;}
textarea:focus, input:focus, button:focus{outline:none;}

.modal{cursor:pointer;}

.container{position:relative;margin:0 auto;max-width:1150px;width:100%;height:100%;text-align:left;z-index:3;}

hr{position:relative;width:115px;margin:10px 0 0;height:5px;border-width:3px 0 1px;border-style:solid;overflow:visible;}
hr.white{border-color:#fff;} hr.black{border-color:#222;} hr.white:before{background:#222;} hr.black:before{background:#fff;}
hr:before{position:absolute;content:"";top:-3px;height:3px;animation:beg 3s infinite ease;}

.line{position:absolute;top:0;bottom:0;left:0;right:0;}
.line div{position:absolute;height:100%;width:0.5px;background:#222;}
.line div:nth-child(1){left:5%;} .line div:nth-child(2){left:20%;} .line div:nth-child(3){left:35%;} .line div:nth-child(4){left:50%;} .line div:nth-child(5){left:65%;} .line div:nth-child(6){left:80%;} .line div:nth-child(7){left:95%;}
.line div:after{position:absolute;content:"";width:100%;height:25px;background:#555;animation:move 7.5s infinite;}
.line div:nth-child(2n):after{animation-delay:1.5s;top:-200%;}

@keyframes move{0%{top:0;}25%, 100%{top:100%;}}

@media screen and (max-width:800px){.line div:nth-child(4), .line div:nth-child(5), .line div:nth-child(6),.line div:nth-child(7){display:none;}.line div:nth-child(1){left:15%;} .line div:nth-child(2){left:50%;} .line div:nth-child(3){left:85%;}}

#preloader:before, #main:before, #why:before, #type:before, #plan:before, #company:before, #book:before, #service:before{position:absolute;content:"";background:url(../images/noise.gif);left:0;right:0;top:0;bottom:0;opacity:.065;}

#what:before, #exam:before, #how:before, #posts:before, #detal:before{position:absolute;content:"";top:-250px;right:-250px;width:500px;height:500px;border:1px solid #eee;border-radius:100%;animation:fly 15s infinite;} #what:after, #exam:after, #how:after, #posts:after, #detal:after{position:absolute;content:"";top:-275px;right:-200px;width:500px;height:500px;border:1px solid #eee;border-radius:100%;animation:fly 15s infinite reverse;}

#preloader{position:fixed;background:#222;background:linear-gradient(150deg, #222 50%, #111 100%);top:0;left:0;bottom:0;right:0;z-index:1000;overflow:hidden;}
#preloader .load{position:absolute;top:50%;left:50%;width:calc(100% - 40px);max-width:1110px;transform:translate(-50%,-50%);height:5.5px;background:#555;}
#preloader .load div{position:absolute;top:0;bottom:0;width:0;background:#fff;}
#preloader .load strong{position:absolute;top:20px;right:-5px;font-family:'DINNextCYR-Bold';color:#a5de3c;font-size:45px;}

#panel{position:fixed;background:#fff;top:55px;bottom:0px;max-width:300px;width:calc(100% - 65px);transform:translateX(-100%);transition:all 1s;z-index:9;}
#panel .tab{position:absolute;background:rgba(85,85,85,.35);height:100%;width:65px;right:-65px;transition:all .2s;box-shadow:0 0 5px rgba(0,0,0,.15);}
#panel .tab:before{position:absolute;content:attr(data-text);bottom:20px;left:calc(50% - 12.5px);color:#fff;font-family:'DINNextCYR-Light';font-size:15.5px;writing-mode:vertical-lr;transform:rotate(180deg);}
#panel .tab:hover{background-color:rgba(34,34,34,.5);cursor:pointer;}
#panel .wrapper{position:relative;height:100%;overflow:auto;}
#panel .wrapper .content{position:absolute;min-height:100%;}
#panel .wrapper .content:before{position:absolute;content:"";top:0;left:0;width:100%;height:130px;background:#888;}
#panel .wrapper .content:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:200px;background:url(../images/slick/sayt-na-zakaz.png) no-repeat center top / cover;}
#panel .wrapper .content .btn{position:absolute;display:block;left:20px;right:22px;height:50px;line-height:50px;border-bottom:2px solid #555;color:#222;font-family:'DINNextCYR-Light';font-size:17.5px;overflow:hidden;z-index:1;transition:all .3s;} #panel .wrapper .content .btn:hover{color:#fff;padding-left:15px;}
#panel .wrapper .content .btn:before{content:"";position:absolute;background:#555;top:100%;bottom:0;left:0;right:0;transition:all .3s;z-index:-1;}
#panel .wrapper .content .btn:hover:before{top:0;}
#panel .wrapper .content .nav{position:relative;margin:160px 20px 0;}
#panel .wrapper .content .nav strong{display:block;margin-bottom:15px;font-family:'DINNextCYR-Bold';font-size:17.5px;font-size:18.5px;}
#panel .wrapper .content .nav div{position:relative;padding:5px 0 5px 17.5px;font-family:'DINNextCYR-Light';font-size:17.5px;color:#222;transition:all .5s;}
#panel .wrapper .content .nav div:before{position:absolute;content:"";top:50%;left:0;background:#FFD700;width:7.5px;height:2.5px;transition:all .5s;}
#panel .wrapper .content .nav div:hover:before{width:20px;}
#panel .wrapper .content .nav div:hover{padding-left:30px;}
#panel .wrapper .content form{position:relative;margin:30px 20px 160px;z-index:1;}
#panel .wrapper .content form strong{display:block;margin-bottom:15px;font-family:'DINNextCYR-Bold';font-size:18.5px;}
#panel .wrapper .content form span{display:block;margin-bottom:20px;font-family:'DINNextCYR-Light';font-size:16.5px;}
#panel .wrapper .content form input{border:1px #ddd solid;box-shadow:2px 2px 0 0 #eee inset;background:#FFF;color:#000;font-family:'DINNextCYR-Light';font-size:16.5px;padding:0 0 0 5px;position:relative;margin-bottom:5px;width:calc(100% - 7px);height:35px;line-height:35px;}
#panel .wrapper .content form button{position:relative;margin-top:25px;background:#FFD700;box-shadow:inset 0 -2.5px rgba(0,0,0,.15), 0 2.5px 15px rgba(0,0,0,.125);width:100%;height:45px;line-height:45px;border-radius:5px;transition:all .5s;text-align:center;color:#222;font-family:DINNextCYR-Light;font-size:16.5px;overflow:hidden;}
#panel .wrapper .content form button:hover{background:#ffff00;cursor:pointer;} #panel .wrapper .content form button:before{position:absolute;content:"";background:rgba(255,255,255,.15);top:-25%;bottom:-25%;width:25px;transform:rotate(30deg);animation:blick 2.5s infinite ease;}
#panel .wrapper .content form .msg{display:flex;margin:10px -3.5px 0;}
#panel .wrapper .content form .msg a{display:inline-block;margin:3.5px;width:calc(50% - 7px);background:#888;padding:7.5px;box-shadow:inset 0 -2.5px rgba(0,0,0,.15), 0 2.5px 15px rgba(0,0,0,.125);border-radius:5px;text-align:center;color:#fff;font-family:DINNextCYR-Light;font-size:13.5px;transition:all .5s;}
#panel .wrapper .content form .msg a.vb:hover{background:#665CAC;} #panel .wrapper .content form .msg a.tg:hover{background:#0088cc;}

#panel.visible{transform:translateX(0%);}

@media screen and (max-width:1250px){#panel .tab{width:45px;right:-45px;}#panel{max-width:350px;transform:translateX(calc(-100% - 50px));}}

#menu{background:#222;position:fixed;height:55px;width:100%;z-index:10;}
#menu .logo{position:relative;margin:12.5px 20px;float:left;}

#menu .logo span{font-size:25px;font-family:'DINNextCYR-Bold';color:#FFD700;letter-spacing:-1.5px;}

#menu .cont{position:relative;margin:0 20px;height:55px;line-height:55px;float:right;}
#menu .cont span{font-size:17.5px;font-family:'DINNextCYR-Light';color:#222;}
#menu .cont:before{position:absolute;content:"";background:#fff;border-bottom:1px solid #ccc;height:100%;left:-50px;width:10000px;transform:skew(60deg);z-index:-1;}
#menu .cont img{height:25px;margin-left:5px;}
#menu .cont .pm{position:relative;margin:15px 0 15px 15px;display:none;width:45px;height:20px;cursor:pointer;float:right;border-top:2px solid #222;border-bottom:2px solid #222;}
#menu .cont .pm:before{position:absolute;content:"";top:calc(50% - 1px);right:0;left:40%;height:2px;background:#222;transition:all .3s;}
#menu .cont .pm:hover:before{left:0;}
#menu .cont .lg{display:inline-block;float:right;width:50px;margin:14.5px 0 0 12.5px;line-height:normal;background:#ddd;border-radius:2.5px;overflow:hidden;}
#menu .cont .lg a{display:inline-block;height:26.5px;line-height:26.5px;width:50%;text-align:center;font-size:10px;color:#333;font-family:'DINNextCYR-Bold';}
#menu .cont .lg a.act{background:#FFD700;color:#333;}

@media screen and (max-width:1250px){#menu .cont .pm{display:block;}}
@media screen and (max-width:550px){#menu .cont .lg, #menu .cont img, #menu .cont span{display:none;}#menu .cont a.tel{display:inline-block;width:25px;height:25px;margin-top:15px;margin-right:-5px;background:url(../images/phone.svg) no-repeat center / cover;}}
@media screen and (max-width:350px){#menu .cont a.tel{display:none;}}

#main{position:relative;width:100%;height:100vh;background:#222;background:linear-gradient(150deg, #222 50%, #111 100%);overflow:hidden;}
#main .ttl{margin:50px 20px 0;}
#main .ttl small{display:block;margin-bottom:15px;color:#FFD700;font-size:11.2px;font-family:'DINNextCYR-Light';}
#main .ttl h1{margin-left:-2.5px;color:#fff;font-family:'DINNextCYR-Bold';font-size:50px;}
#main .ttl span{display:block;margin-top:25px;color:#fff;font-size:20.5px;font-family:'DINNextCYR-Light';}
#main .ttl .button{position:relative;display:inline-block;margin-top:25px;background:#FFD700;box-shadow:inset 0 -2.5px rgba(0,0,0,.15), 0 2.5px 15px rgba(0,0,0,.125);width:225px;height:45px;line-height:45px;border-radius:5px;transition:all .5s;text-align:center;color:#222;font-family:DINNextCYR-Light;font-size:16.5px;overflow:hidden;}
#main .ttl .button:before{position:absolute;content:"";background:rgba(255,255,255,.15);top:-25%;bottom:-25%;width:25px;transform:rotate(30deg);animation:blick 2.5s infinite ease;}
#main .ttl .button:hover{background:#ffff00;}
#main .ttl i{position:relative;display:inline-block;margin-left:15px;top:-12.5px;font-family:'DINNextCYR-Light';color:#aaa;font-size:12.5px;font-style:inherit;}

@media screen and (max-width:700px){#main .ttl h1{font-size:45px;}#main .ttl i{display:none;}}

#what{position:relative;width:100%;background:#fff;overflow:hidden;}
#what .row{position:relative;display:flex;flex-wrap:wrap;margin:80px 20px;}
#what .row .img{position:absolute;display:inline-block;right:0;width:50%;height:100%;}
#what .row .img:before{position:absolute;content:"";top:0;bottom:0;right:0;width:30%;border:65px solid rgba(0,0,0,.075);box-shadow:inset 0 0 0 10px rgba(0,0,0,.125);} #what .row .img img{position:relative;width:100%;height:100%;object-fit:contain;}
#what .row .txt{display:inline-block;width:50%;text-align:justify;} #what .row .txt span{font-family:'DINNextCYR-Light';font-size:17.5px;color:#222;}
#what .row .txt ul{position:relative;list-style:none;margin:25px 0 0 -10px;padding:0 0 0 35px;}
#what .row .txt ul li{margin-bottom:10px;font-family:'DINNextCYR-Light';color:#222;font-size:17.5px;}
#what .row .txt ul li:before{content:"-";position:absolute;color:#222;left:10px;}

@media screen and (max-width:800px){#what .row .img{display:none;}#what .row .txt{width:100%;}#what .row{margin-bottom:60px;}}

#why{position:relative;width:100%;background:#222;background:linear-gradient(150deg, #222 50%, #111 100%);overflow:hidden;}
#why .colums{display:flex;flex-wrap:wrap;margin:0 0 60px;}
#why .colums .col{position:relative;display:inline-flex;margin:20px;padding-top:25px;width:calc(33.3333% - 40px);text-align:justify;}
#why .colums .col:before{position:absolute;content:attr(data-text);top:-5px;height:25px;overflow:hidden;color:#777;font-family:'DINNextCYR-Bold';font-size:35px;}
#why .colums .col span{font-family:'DINNextCYR-Light';color:#fff;font-size:16.5px;}

@media screen and (max-width:800px){#why .colums .col{width:calc(50% - 40px);}}
@media screen and (max-width:500px){#why .colums .col{width:calc(100% - 40px);}}

#type{position:relative;width:100%;background:#222;background:linear-gradient(150deg, #222 50%, #111 100%);overflow:hidden;}
#type .colums{display:flex;flex-wrap:wrap;margin:0 10px 60px;}
#type .colums .col{position:relative;display:inline-block;background:#fff;margin:10px;padding:20px;width:calc(50% - 60px);box-shadow:0 5px 15px 0 rgba(0,0,0,.15);text-align:justify;overflow:hidden;}
#type .colums .col:before{position:absolute;content:attr(data-text);top:0;right:-15px;color:#fff;font-family:'DINNextCYR-Bold';font-size:85px;}
#type .colums .col strong{display:block;background:#f2f2f2;background:linear-gradient(150deg, #ccc 0, #eee 100%);padding:20px;margin:-20px -20px 25px;font-family:'DINNextCYR-Bold';}
#type .colums .col span{font-family:'DINNextCYR-Light';font-size:16.5px;}

@media screen and (max-width:600px){#type .colums .col{width:calc(100% - 60px);}}

#plan{position:relative;width:100%;background:#222;background:linear-gradient(150deg, #222 50%, #111 100%);overflow:hidden;}
#plan .colums{display:flex;flex-wrap:wrap;margin:0 10px 60px;}
#plan .colums .col{position:relative;display:inline-block;background:#fff;margin:10px;padding:20px;width:calc(50% - 60px);box-shadow:0 5px 15px 0 rgba(0,0,0,.15);text-align:justify;overflow:hidden;}
#plan .colums .col:before{position:absolute;content:attr(data-text);top:0;right:-15px;color:#fff;font-family:'DINNextCYR-Bold';font-size:85px;}
#plan .colums .col strong{display:block;background:#ffd700;padding:20px;margin:-20px -20px 25px;font-family:'DINNextCYR-Bold';}
#plan .colums .col ul{margin:0;padding:0;list-style:none;}
#plan .colums .col ul li{position:relative;padding:7.5px 0 7.5px 22.5px;border-bottom:1px dotted #ddd;font-family:'DINNextCYR-Light';font-size:16.5px;} #plan .colums .col ul li:last-child{border:0;}
#plan .colums .col ul li:before{position:absolute;content:"";left:0;top:calc(50% - 1.5px);width:7.5px;height:3px;background:#FFD700;}

@media screen and (max-width:750px){#plan .colums .col{width:calc(100% - 60px);}}

#exam{position:relative;width:100%;background:#fff;overflow:hidden;}
#exam .colums{display:flex;flex-wrap:wrap;margin:0 10px 80px;width:calc(100% - 20px);box-sizing:border-box;cursor:pointer;}
#exam .colums .col{position:relative;display:inline-block;background:#f2f2f2;background:linear-gradient(150deg, #f2f2f2 0, #eee 100%);margin:10px;padding:30px;width:calc(50% - 20px);float:left;outline:none;border-radius:2.5px;box-sizing:border-box;text-align:justify;overflow:hidden;}
#exam .colums .col img{position:absolute;top:0;left:0;width:335px;height:calc(100% + 50px);object-fit:cover;}
#exam .colums .col strong{position:relative;display:block;margin-bottom:20px;font-family:'DINNextCYR-Bold';font-size:22.5px;color:#222;z-index:1;}
#exam .colums .col strong a{display:inline-block;float:right;margin:5px 0 0 10px;font-family:'DINNextCYR-Light';font-size:12.5px;color:#aaa;outline:none;}
#exam .colums .col span{position:relative;font-family:'DINNextCYR-Light';font-size:17.5px;color:#222;z-index:1;}
#exam .colums .col ul{position:relative;display:flex;flex-wrap:wrap;margin:15px -10px -10px;padding:0;z-index:1;}
#exam .colums .col ul li{display:inline-block;width:calc(50% - 20px);margin:10px;font-family:'DINNextCYR-Light';font-size:17.5px;color:#222;}
#exam .colums .col ul li b{display:block;background:#ff5c5c;width:70px;border-radius:2.5px;padding:2.5px 0;text-align:center;font-family:'DINNextCYR-Light';font-size:13.5px;color:#fff;} #exam .colums.three .col ul li b{background:#FFD700;color:#222;} #exam .colums.three .col strong a{color:#fff;}
#exam .colums .col .btn{position:absolute;display:block;bottom:30px;background:#FFD700;box-shadow:inset 0 -2.5px rgba(0,0,0,.15), 0 2.5px 15px rgba(0,0,0,.125);padding:7.5px 12.5px;border-radius:5px;transition:all .5s;text-align:center;color:#222;font-family:DINNextCYR-Light;font-size:16.5px;overflow:hidden;outline:none;}
#exam .colums .col .btn:before{position:absolute;content:"";background:rgba(255,255,255,.15);top:-25%;bottom:-25%;width:25px;transform:rotate(30deg);animation:blick 2.5s infinite ease;}
#exam .colums .col .btn:hover{background:#ffff00;}
#exam .colums.one .col{padding:30px 30px 30px 365px;}
#exam .colums.two, #exam .colums.three{width:calc(100% + 40%);} #exam .colums.two .col{padding:30px 30px 115px;} #exam .colums.two .col, #exam .colums.three .col{background:#222;background:linear-gradient(150deg,#222 0%,#000 100%);}
#exam .colums.two .col img, #exam .colums.three .col img{width:100%;filter:blur(2px);transform:scale(1.2);opacity:.35;} #exam .colums.two .col strong, #exam .colums.two .col span, #exam .colums.three .col strong, #exam .colums.three .col span, #exam .colums.three .col ul li{color:#fff;}
#exam .colums .nav{position:absolute;width:calc(100% - 35px);margin:0 10px;padding:0;bottom:-25px;text-align:right;}
#exam .colums .nav li{position:relative;display:inline-block;width:12.5px;height:12.5px;border-radius:10px;background:#555;margin:0 5px;cursor:pointer;transition:all .5s;}
#exam .colums .nav li.active{background:#FFD700;width:35px;}

@media screen and (max-width:800px){#exam .colums .col{width:calc(100% - 20px);}#exam .colums.one .col{padding-left:30px;}#exam .colums.two, #exam .colums.three{width:calc(100% - 20px);}#exam .colums.one .col img{display:none;}}
@media screen and (max-width:500px){#exam .colums .col ul li{width:calc(100% - 20px);}#exam .colums .col strong{font-size:20.5px;}}

#company{position:relative;width:100%;background:#222;background:linear-gradient(150deg, #222 50%, #111 100%);overflow:hidden;}
#company .colums{display:flex;flex-wrap:wrap;margin:70px 10px 95px;}
#company .colums .col{position:relative;background:#fff;margin:10px;padding:35px 20px 20px;box-shadow:0 5px 15px 0 rgba(0,0,0,.5);width:calc(25% - 60px);overflow:hidden;}
#company .colums .col:before{position:absolute;content:"";top:-40px;right:-40px;width:50px;height:50px;background:#FFD700;border-radius:100%;border:25px solid #ddd;animation:shadow 5s linear infinite;}
#company .colums .col strong{position:relative;display:block;margin-bottom:15px;font-family:'DINNextCYR-Bold';font-size:18.5px;color:#222;z-index:1;}
#company .colums .col span{position:relative;font-family:'DINNextCYR-Light';font-size:17.5px;color:#222;z-index:1;}

@media screen and (max-width:950px){#company .colums .col{width:calc(50% - 60px);}}
@media screen and (max-width:550px){#company .colums .col{width:calc(100% - 60px);}}

#how{position:relative;width:100%;background:#fff;overflow:hidden;}
#how .colums{display:flex;flex-wrap:wrap;margin:0 0 60px;}
#how .colums .col{position:relative;display:inline-flex;margin:20px;padding-top:25px;width:calc(33.3333% - 40px);text-align:justify;}
#how .colums .col:before{position:absolute;content:attr(data-text);top:-5px;height:25px;overflow:hidden;color:#777;font-family:'DINNextCYR-Bold';font-size:35px;}
#how .colums .col span{font-family:'DINNextCYR-Light';font-size:16.5px;}

@media screen and (max-width:800px){#how .colums .col{width:calc(50% - 40px);}}
@media screen and (max-width:500px){#how .colums .col{width:calc(100% - 40px);}}

#detal{position:relative;width:100%;background:#fff;overflow:hidden;}
#detal .colums{display:block;margin:0 20px 60px;background:#f2f2f2;}
#detal .colums .col{position:relative;display:block;padding:20px 20px 20px 120px;width:calc(100% - 140px);border-top:2px solid #fff;text-align:justify;transition:all .5s;}
#detal .colums .col:hover{background:#FFD700;} #detal .colums .col:hover:before{color:#fff;}
#detal .colums .col:before{position:absolute;content:attr(data-text);top:12.5px;left:15px;height:30px;overflow:hidden;color:#FFD700;font-family:'DINNextCYR-Bold';font-size:40px;transition:all .5s;}
#detal .colums .col span{font-family:'DINNextCYR-Light';font-size:16.5px;}

@media screen and (max-width:800px){#detal .colums .col{padding-left:75px;width:calc(100% - 95px);}}

#service{position:relative;width:100%;background:#222;background:linear-gradient(150deg, #222 50%, #111 100%);overflow:hidden;}
#service .colums{display:flex;flex-wrap:wrap;margin:70px 10px 95px;}
#service .colums .col{position:relative;background:#333;background:linear-gradient(150deg,#333 0%,#000 100%);margin:10px;padding:250px 20px 20px;box-shadow:0 5px 15px 0 rgba(0,0,0,.25);width:calc(25% - 60px);overflow:hidden;}
#service .colums .col img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:.5;transition:all .5s;}
#service .colums .col:hover img{opacity:.75;transform:scale(1.05);}
#service .colums .col strong{position:relative;font-family:'DINNextCYR-Bold';font-size:18.5px;color:#fff;z-index:1;}

@media screen and (max-width:950px){#service .colums .col{width:calc(50% - 60px);}}
@media screen and (max-width:550px){#service .colums .col{width:calc(100% - 60px);}}

#posts{position:relative;width:100%;background:#fff;overflow:hidden;}
#posts .colums{display:block;margin:70px 10px 95px;} #posts .track{display:flex;}
#posts .colums .col{position:relative;display:inline-block;background:#eee;margin:10px;padding:0 20px 75px;width:calc(50% - 60px);overflow:hidden;outline:none;}
#posts .colums .col img{margin:-20px -20px 20px;width:calc(100% + 40px);height:225px;object-fit:cover;}
#posts .colums .col div{position:absolute;left:20px;top:20px;}
#posts .colums .col div small{display:inline-block;padding:2.5px 5px;background:#ff5c5c;border-radius:2.5px;color:#fff;font-family:'DINNextCYR-Light';font-size:12.5px;} #posts .colums .col div small:last-child{margin-left:5px;background:#555;}
#posts .colums .col strong{display:block;margin-bottom:15px;font-family:'DINNextCYR-Bold';font-size:16.5px;color:#333;}
#posts .colums .col span{display:block;font-family:DINNextCYR-Light;font-size:16.5px;color:#333;text-align:justify;}
#posts .colums .col .btn{position:absolute;display:block;right:20px;bottom:20px;background:#FFD700;box-shadow:inset 0 -2.5px rgba(0,0,0,.15), 0 2.5px 15px rgba(0,0,0,.125);width:135px;height:35px;line-height:35px;border-radius:5px;transition:all .5s;text-align:center;color:#222;font-family:DINNextCYR-Light;font-size:16.5px;overflow:hidden;}
#posts .colums .col .btn:before{position:absolute;content:"";background:rgba(255,255,255,.15);top:-25%;bottom:-25%;width:25px;transform:rotate(30deg);animation:blick 2.5s infinite ease;} #posts .colums .col .btn:hover{background:#ffff00;}
#posts .colums .nav{position:absolute;width:calc(100% - 35px);margin:0 10px;padding:0;bottom:-25px;text-align:left;}
#posts .colums .nav li{position:relative;display:inline-block;width:12.5px;height:12.5px;border-radius:10px;background:#555;margin:0 5px;cursor:pointer;transition:all .5s;}
#posts .colums .nav li.active{background:#FFD700;width:35px;}

#book{position:relative;width:100%;background:#222;background:linear-gradient(150deg, #222 50%, #111 100%);overflow:hidden;}
#book .ttl{display:inline-block;margin:65px 20px;width:calc(100% - 335px);text-align:justify;}
#book .ttl strong{display:block;margin-bottom:20px;font-size:20px;color:#fff;font-family:'DINNextCYR-Bold';}
#book .ttl span{font-family:'DINNextCYR-Light';font-size:18.5px;color:#fff;}
#book .button{position:relative;display:block;margin:65px 20px;float:right;background:#FFD700;box-shadow:inset 0 -2.5px rgba(0,0,0,.15), 0 2.5px 15px rgba(0,0,0,.125);width:255px;height:42.5px;line-height:42.5px;border-radius:5px;transition:all .5s;text-align:center;color:#222;font-family:DINNextCYR-Light;font-size:16.5px;overflow:hidden;} #book .button:before{position:absolute;content:"";background:rgba(255,255,255,.15);top:-25%;bottom:-25%;width:25px;transform:rotate(30deg);animation:blick 2.5s infinite ease;} #book .button:hover{background:#ffff00;}

@media screen and (max-width:800px){#book .ttl{width:calc(100% - 40px);}#book .button{margin:-25px 20px 65px auto;float:none;}}

#contct{position:relative;width:100%;background:url(../images/contct/bg.jpg) center / cover;padding:300px 0 50px;}
#contct .txt{position:relative;padding:25px;margin:0 25px;background:#fff;outline:5px solid #fff;border:1.75px solid #ddd;text-align:justify;}
#contct .txt:before{position:absolute;content:"";background:#FFD700;width:100%;height:100%;left:-10px;bottom:-10px;box-shadow:0 0 50px rgba(0,0,0,.05);z-index:-1;}
#contct .txt strong{display:block;margin-bottom:15px;font-family:'DINNextCYR-Bold';font-size:17.5px;color:#222;text-align:right;}
#contct .txt strong a{display:block;float:left;margin-top:2.5px;background:#eee;width:17.5px;height:17.5px;line-height:17.5px;border-radius:100%;text-align:center;font-size:12.5px;color:#aaa;}
#contct .txt span{font-family:'DINNextCYR-Light';font-size:17.5px;color:#222;}

@media screen and (max-width:800px){#contct .txt strong small{display:none;}}

#footer{position:relative;width:100%;background:#fff;} #footer span, #footer a{display:inline-block;margin:5px 20px;width:calc(50% - 40px);text-align:left;font-family:'DINNextCYR-Light';color:#aaa;font-size:16.5px;} #footer a{text-align:right;}

@media screen and (max-width:600px){#footer span, #footer a{width:calc(100% - 40px);text-align:center;}#footer a{margin-top:0;}}

.modal_book{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);max-width:400px;width:calc(100% - 40px);box-shadow:0 0 25px rgba(0,0,0,.25);display:none;opacity:0;z-index:101;}
.modal_book form{position:relative;background:#fff;margin:5px;padding:20px 25px;border:1.75px solid #ddd;outline:5px solid #fff;}
.modal_book form strong{display:block;margin:0 0 20px;font-size:20px;font-family:'DINNextCYR-Bold';}
.modal_book form span{display:block;margin-bottom:25px;font-family:'DINNextCYR-Light';font-size:17.5px;color:#222;}
.modal_book form input{border:1px #A9A9A9 solid;box-shadow:2px 2px 0 0 #eee inset;background:#FFF;color:#000;font-family:'DINNextCYR-Light';font-size:16px;padding:0 0 0 10px;position:relative;margin-bottom:5px;width:calc(100% - 12px);height:40px;line-height:40px;}
.modal_book form button{position:relative;margin-top:30px;width:100%;height:50px;line-height:50px;background:#FFD700;border:0px;color:#363f48;font-family:'DINNextCYR-Light';font-size:16.5px;box-shadow:0 3px #f1a003, 0 2px 4px rgba(0,0,0,.4);border-radius:5px;transition:all .5s;text-align:center;overflow:hidden;}
.modal_book form button:before{position:absolute;content:"";background:rgba(255,255,255,.15);top:-25%;bottom:-25%;width:25px;transform:rotate(30deg);animation:blick 2.5s infinite ease;} .modal_book form button:hover{background:#FFFF00;cursor:pointer;}
.modal_book form small{display:block;margin-top:15px;text-align:justify;color:#222;font-family:'DINNextCYR-Light';font-size:16px;}

@media screen and (max-width:450px){.modal_book .modal_close{top:-30px;right:0;writing-mode:inherit;transform:none;}}

.modal_text{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);max-width:1100px;max-height:625px;width:calc(100% - 40px);height:calc(100% - 40px);box-shadow:0 0 25px rgba(0,0,0,.25);display:none;opacity:0;z-index:101;}
.modal_text .text{position:absolute;background:#fff;top:5px;left:5px;right:5px;bottom:5px;padding:20px 25px 0;text-align:justify;color:#222;font-family:'DINNextCYR-Light';font-size:17.5px;overflow:auto;border:1.75px solid #ddd;outline:5px solid #fff;}
.modal_text .text .faq{display:block;margin:25px 0;background:#f8f8f8;overflow:hidden;}
.modal_text .text .faq .item{position:relative;width:100%;border-bottom:1px solid #fff;}
.modal_text .text .faq .item .qu{position:relative;background:#eee;padding:15px 50px 15px 15px;font-family:'DINNextCYR-Light';font-size:17.5px;color:#222;cursor:pointer;transition:all .5s;} .modal_text .text .faq .item .qu.active, .modal_text .text .faq .item .qu:hover{background:#FFD700;} .modal_text .text .faq .item .qu.active:before{color:#fff;}
.modal_text .text .faq .item .qu:before{position:absolute;content:attr(data-text);top:50%;right:15px;color:#ff5c5c;font-family:'DINNextCYR-Bold';transform:translateY(-50%);}
.modal_text .text .faq .item .an{display:none;margin:15px 15px 15px 35px;text-align:justify;font-family:'DINNextCYR-Light';font-size:17.5px;color:#222;}

@media screen and (max-width:1150px){.modal_text .close{top:-25px;right:0;writing-mode:inherit;transform:none;}}

.modal_book:before, .modal_text:before{position:absolute;content:"";background:#FFD700;width:100%;height:100%;left:-3.5px;bottom:-3.5px;}

.close{position:absolute;top:0;right:-20px;font-family:'DINNextCYR-Light';color:#fff;font-size:13.5px;writing-mode:vertical-lr;transform:rotate(180deg);transition:all .2s;cursor:pointer;}
.close:hover{color:#FFD700;}

#overlay{z-index:100;position:fixed;background:rgba(17,17,17,.95);background:linear-gradient(150deg,rgba(2,2,2,.85) 0%,#111 100%);top:0;bottom:0;left:0;right:0;display:none;cursor:pointer;}

.shake{animation:shake 1 linear 1s;}

.fade_lt, .fade_rt, .fade_up, .fade{opacity:0;transition: all 1s;}
.fade_rt{transform:translateX(-50px);} .fade_lt{transform:translateX(50px);} .fade_up{transform:translateY(50px);}
.fade_lt.active, .fade_rt.active, .fade_up.active, .fade.active{transform:translateX(0);opacity:1;}

@keyframes beg{0%{left:0;width:0;}50%{width:10px;}100%{left:100%;width:0;}}
@keyframes blick{0%{left:-25px;}25%, 50%, 100%{left:calc(100% + 25px);}}
@keyframes shadow{0%, 100%{box-shadow:inset 0 0 10px rgba(0,0,0,.15), 0 0 0 35px #eee;}50%{box-shadow:inset 0 0 10px rgba(0,0,0,.15), 0 0 0 50px #eee;}}
@keyframes fly{0%, 100%{transform:translateY(0);}50%{transform:translateY(5%);}}
@keyframes shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-2.5px);}20%,40%,60%,80%{transform:translateX(2.5px);}}

@keyframes noise{0%{clip:rect(40px,9999px,90px,0);}5%{clip:rect(10px,9999px,73px,0);}10%{clip:rect(20px,9999px,8px,0);}15%{clip:rect(40px,9999px,62px,0);}20%{clip:rect(44px,9999px,82px,0);}25%{clip:rect(80px,9999px,6px,0);}30%{clip:rect(54px,9999px,51px,0);}35%{clip:rect(27px,9999px,83px,0);}40%{clip:rect(30px,9999px,66px,0);}45%{clip:rect(37px,9999px,87px,0);}50%{clip:rect(67px,9999px,100px,0);}55%{clip:rect(16px, 9999px, 26px, 0);}60%{clip:rect(76px, 9999px, 66px, 0);}65%{clip:rect(7px,9999px,2px,0);}70%{clip:rect(80px,9999px,73px,0);}75%{clip:rect(46px,9999px,65px,0);}80%{clip:rect(45px,9999px,62px,0);}85%{clip:rect(65px,9999px,6px,0);}90%{clip:rect(13px,9999px,51px,0);}95%{clip:rect(70px,9999px,83px,0);}100%{clip:rect(75px,9999px,8px,0);}}