@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,500,700&display=swap&subset=cyrillic,greek-ext');

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

body{margin:0;padding:0;}

p, span, input, select, option{font-weight:300;}
b, strong{font-weight:500;}
h1, h2, h3, h4, h5, h6{font-weight:700;}

a, a:hover{text-decoration:none;border:0;outline:none;color:inherit;font-weight:300;}

.hidden{opacity:0;}
.visible{opacity:1;}

textarea:focus, input:focus, select:focus, option:focus{outline:none;}

select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;}

::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-thumb{border:0;background:#d2e154;}
::-webkit-scrollbar-track{border:0;background:#eee;}

hr{position:absolute;top:-5px;bottom:100%;left:0;background:#d2e154;width:10px;border:0;transition:all 2s ease 0s;}
hr.active{bottom:-5px;}

#preloader{position:fixed;top:0;bottom:0;left:0;right:0;background:#222;z-index:100;}
#preloader:before{position:absolute;content:"";border:30px solid #333;left:-80px;bottom:-80px;width:150px;height:150px;box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:50px;-webkit-animation:rotate 35s linear 0ms infinite normal;animation:rotate 35s linear 0ms infinite normal;}
#preloader .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#preloader .circle{height:20px;width:20px;background:#d2e154;border-radius:100%;margin:15px;display:inline-block;}
#preloader .circle.item0{animation:1s pulse0 infinite;}
#preloader .circle.item1{animation:1s pulse1 infinite;}
#preloader .circle.item2{animation:1s pulse2 infinite;}

#menu{position:fixed;top:0;left:0;right:0;height:60px;transition:all 0.3s ease 0s;z-index:9;}
#menu .logo{position:absolute;top:0;left:20px;height:60px;line-height:65px;}
#menu .logo span{color:#fff;font-family:'Fira Sans';font-size:25px;font-weight:700;letter-spacing:1px;}
#menu .tel{position:absolute;top:22px;right:234px;}
#menu .tel span{color:#fff;font-family:'Fira Sans';font-size:16px;text-shadow:1px 1px 1px #000;}
#menu .btn{position:absolute;background:#d2e154;top:14px;right:82px;width:140px;height:32px;line-height:32px;box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:30px;text-align:center;overflow:hidden;}
#menu .btn:before{position:absolute;content:"";background:rgba(255,255,255,.25);top:-10px;bottom:-10px;width:15px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:blick 2s infinite ease;animation:blick 2s infinite ease;}
#menu .btn:after{position:absolute;content:"";background:#fff;width:0;height:0;border-radius:100%;-webkit-transition:width .4s ease-in-out,height .4s ease-in-out;transition:width .4s ease-in-out,height .4s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#menu .btn:hover:after{width:335%;height:562.5px;}
#menu .btn span{position:relative;color:#222;font-family:'Fira Sans';font-size:14px;z-index:1;}
#menu .pm{position:absolute;top:16px;right:20px;width:50px;height:28px;cursor:pointer;}
#menu .pm .a{position:absolute;top:0;right:0;left:0;height:4px;background:#fff;transition:all 0.3s ease 0s;}
#menu .pm .b{position:absolute;top:12px;right:0;left:0;height:4px;background:#fff;transition:all 0.3s ease 0s;}
#menu .pm .d{position:absolute;bottom:0;left:0;right:30px;height:4px;background:#fff;transition:all 0.3s ease;}
#menu .pm:hover .d{right:0;}
#menu .nav{position:absolute;background:#fff;top:100px;right:20px;width:calc(100% - 40px);max-width:205px;padding:10px 0;box-shadow:0 0 30px rgba(0,0,0,.1);opacity:0;transition:all 0.5s ease;border-radius:15px;visibility:hidden;}
#menu .nav.active{top:70px;opacity:1;visibility:visible;}
#menu .nav div{position:relative;padding:6px 25px;transition:all 0.3s ease 0s;font-family:'Fira Sans';font-size:16px;color:#222;}
#menu .nav div:before{position:absolute;content:"";left:25px;top:5px;bottom:10px;width:0;background:#d2e154;transition:all 0.3s ease 0s;}
#menu .nav div:hover:before{width:5px;}
#menu .nav div:hover{padding-left:35px;}
#menu.active{background:#222;box-shadow:0 5px 5px 0 rgba(0,0,0,.05);}
#menu.active .nav{background:#222;}
#menu.active .nav div{color:#fff;}

@media screen and (max-width:600px){#menu .btn, #menu .tel span{display:none;}#menu .tel{background:#d2e154 url(../img/tel.svg) no-repeat center / 40%;width:32px;height:32px;top:14px;right:85px;border-radius:100%;box-shadow:0 2px 2px #111;}}

#shapka{position:relative;border-bottom:1px solid #eee;width:100%;padding:250px 0 220px;overflow:hidden;}
#shapka:before{position:absolute;content:"";background:url(../img/shapka/bg.jpg) center / cover;top:0;bottom:0;left:0;right:0;-webkit-transform:scale(1.5);transform:scale(1.5);transition:all 25s ease;}
#shapka:after{position:absolute;content:"";background:rgba(0,0,0,.65);top:0;bottom:0;right:0;left:0;z-index:1;}
#shapka .title{position:relative;margin:0 20px 30px;max-width:600px;padding-left:20px;}
#shapka .title h1{color:#fff;font-family:'Fira Sans';font-size:40px;margin:0;padding:0;text-shadow:2px 2px 2px rgba(0,0,0,.4);}
#shapka .txt{position:relative;margin:0 20px;max-width:600px;}
#shapka .txt span{color:#fff;font-family:'Fira Sans';font-size:17px;}
#shapka.active:before{transform:scale(1);}

@media screen and (max-width:800px){#shapka{padding:230px 0 200px;}#shapka .title, #shapka .txt{text-align:left;}#shapka .title h1{font-size:40px;}}
@media screen and (max-width:450px){#shapka{padding:200px 0 170px;}#shapka .title h1{font-size:35px;}}

#info{position:relative;background:url("../img/texture.png");width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#info .container{display:flex;flex-wrap:wrap;}
#info .title{position:relative;margin:60px 20px 0;padding-left:20px;width:calc(100% - 40px);}
#info .title h2{color:#222;font-family:'Fira Sans';font-size:30px;margin:0;padding:0;}
#info .txt{position:relative;display:inline-block;margin:60px 20px;width:calc(50% - 40px);text-align:justify;}
#info .txt span{color:#333;font-family:'Fira Sans';font-size:17px;}
#info .img{position:relative;display:inline-block;margin:0 20px 60px 40px;width:calc(50% - 60px);background:#fff;border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,.02);}
#info .img:before{position:absolute;content:"";background:url(../img/book.jpg) center / cover;box-shadow:0 0 15px 5px rgba(0,0,0,.25);top:-20px;bottom:20px;left:-20px;right:20px;border-radius:10px;z-index:1;}
#info .img .play{position:absolute;top:calc(50% - 55px);left:calc(50% - 55px);width:70px;height:70px;background:#fff;border-radius:100%;box-shadow:0 0 10px 3px rgba(0,0,0,.3);transition:all 0.3s ease;z-index:5;}
#info .img .play:hover{background:#ddd;}
#info .img .play:before{position:absolute;content:"";top:-5px;bottom:-5px;left:-5px;right:-5px;border:2px solid #d2e154;border-radius:100%;-webkit-animation:pulse 2.5s linear 0ms infinite normal;animation:pulse 2.5s linear 0ms infinite normal;}
#info .img .play:after{position:absolute;content:"";top:-15px;bottom:-15px;left:-15px;right:-15px;border:1.5px solid #d2e154;border-radius:100%;-webkit-animation:pulse 2.5s linear 0ms infinite normal;animation:pulse 2.5s linear 0ms infinite normal;}
#info .img .play .pl{position:absolute;top:calc(50% - 11px);left:calc(50% - 6px);border-top:12px solid transparent;border-left:18px solid #333;border-bottom:12px solid transparent;}

@media screen and (max-width:800px){#info .txt{width:calc(100% - 40px);}#info .img{margin-top:0;width:calc(100% - 60px);height:250px;}}

#catalog{position:relative;background:#fff;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#catalog .title{position:relative;margin:60px 20px;padding-left:20px;}
#catalog .title h3{color:#222;font-family:'Fira Sans';font-size:30px;margin:0;padding:0;}
#catalog .colums{position:relative;display:flex;margin-bottom:50px;flex-wrap:wrap;}
#catalog .colums .col{position:relative;display:inline-block;background:#f8f8f8;box-shadow:0 2px 0 rgba(0,0,0,.2);margin:20px;width:calc(33.3333% - 90px);vertical-align:top;padding:25px;border-radius:10px;}
#catalog .colums .col img{position:relative;width:calc(100% + 50px);margin:-25px -25px 20px;border-radius:10px;box-shadow:0 2.5px 0 rgba(0,0,0,.25);}
#catalog .colums .col span, strong{color:#222;font-family:'Fira Sans';font-size:16px;}
#catalog .colums .col .btn{position:relative;background:#d2e154;margin:30px 0 0 auto;width:180px;height:35px;line-height:35px;box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:30px;text-align:center;overflow:hidden;}
#catalog .colums .col .btn:before{position:absolute;content:"";background:rgba(255,255,255,.25);top:-10px;bottom:-10px;width:15px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:blick 2s infinite ease;animation:blick 2s infinite ease;}
#catalog .colums .col .btn:after{position:absolute;content:"";background:#222;width:0;height:0;border-radius:100%;-webkit-transition:width .4s ease-in-out,height .4s ease-in-out;transition:width .4s ease-in-out,height .4s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#catalog .colums .col .btn:hover:after{width:335%;height:562.5px;}
#catalog .colums .col .btn span{position:relative;transition:all 0.3s ease 0s;color:#222;font-family:'Fira Sans';font-size:14px;font-weight:300;z-index:1;}
#catalog .colums .col .btn:hover span{color:#fff;}

@media screen and (max-width:900px){#catalog .colums .col{width:calc(100% - 90px);}}

#carusel{position:relative;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#carusel:before{position:absolute;content:"";background:url(../img/shapka/bg.jpg) center / cover;top:0;bottom:0;left:0;right:0;-webkit-transform:scale(1.5);transform:scale(1.5);transition:all 25s ease;}
#carusel:after{position:absolute;content:"";background:rgba(0,0,0,.65);top:0;bottom:0;right:0;left:0;z-index:1;}
#carusel .txt{position:relative;margin:80px 20px 30px;text-align:justify;}
#carusel .txt span{color:#fff;font-family:'Fira Sans';font-size:18px;}
#carusel .colums{display:flex;flex-wrap:wrap;margin:0 10px 70px;width:calc(100% - 20px);}
#carusel .colums .col{position:relative;display:inline-block;margin:10px;width:calc(20% - 20px);box-shadow:0 2px 0 rgba(0,0,0,.2);background:#f8f8f8;padding:15px;box-sizing:border-box;border-radius:15px;text-align:left;}
#carusel .colums .col:before{position:absolute;content:attr(data-text);right:15px;top:5px;color:#fff;font-family:'Fira Sans';font-size:35px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.2);}
#carusel .colums .col span{color:#333;font-family:'Fira Sans';font-size:17px;position:relative;z-index:1;}
#carusel.active:before{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

@media screen and (max-width:900px){#carusel .colums .col:last-child{display:none;}#carusel .colums .col{width:calc(50% - 20px);}}
@media screen and (max-width:450px){#carusel .colums .col:last-child{display:block;}#carusel .colums .col{width:calc(100% - 20px);}}

#pochemu{position:relative;background:url("../img/texture.png");width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#pochemu .title{position:relative;margin:60px 20px;padding-left:20px;}
#pochemu .title h4{color:#222;font-family:'Fira Sans';font-size:30px;margin:0;padding:0;}
#pochemu .colums{display:flex;margin-bottom:50px;flex-wrap:wrap;}
#pochemu .colums .col{position:relative;display:inline-block;margin:65px 20px 20px;width:calc(33.3333% - 40px);text-align:justify;vertical-align:top;}
#pochemu .colums .col:before{position:absolute;content:attr(data-text);left:0;top:-50px;color:#fff;font-family:'Fira Sans';font-size:45px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.2);z-index:-1;}
#pochemu .colums .col:after{position:absolute;content:"";border:3px solid #d2e154;left:57px;top:-15px;width:5px;height:5px;border-radius:3px;-webkit-animation:rotate 15s linear 0ms infinite normal;-moz-animation:rotate 15s linear 0ms infinite normal;-ms-animation:rotate 15s linear 0ms infinite normal;animation:rotate 15s linear 0ms infinite normal;}
#pochemu .colums .col span{color:#222;font-family:'Fira Sans';font-size:16px;}

@media screen and (max-width:1000px){#pochemu .colums .col{width:calc(50% - 40px);}}
@media screen and (max-width:600px){#pochemu .colums .col{width:calc(100% - 40px);}}

#client{position:relative;background:#fff;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#client .title{position:relative;margin:60px 20px;padding-left:20px;}
#client .title h4{color:#222;font-family:'Fira Sans';font-size:30px;margin:0;padding:0;}
#client .logos{display:flex;flex-wrap:wrap;margin:20px 10px;}
#client .logos .logo{display:inline-block;margin:10px;width:calc(20% - 20px);height:120px;border-radius:15px;background-position:center;background-repeat:no-repeat;background-size:60%;background-color:#f8f8f8;box-shadow:0 2px 0 rgba(0,0,0,.2);transition:all 0.5s ease;}
#client .colums{display:table;margin-bottom:60px;}
#client .colums .col{position:relative;display:inline-block;background:#000;margin:20px;width:calc(33.3333% - 64px);border:12px solid #555;box-shadow:inset 0 0 0 2px #fff, 0 5px 15px 5px rgba(0,0,0,.15);overflow:hidden;}
#client .colums .col:before{position:absolute;content:"";background:url(../img/link.svg) center / cover;top:calc(50% - 20px);left:60%;width:40px;height:40px;opacity:0;transition:all 0.3s ease;z-index:1;}
#client .colums .col:hover:before{opacity:1;left:calc(50% - 15px);}
#client .colums .col img{width:100%;margin-bottom:-5px;transition:all 0.3s ease;}
#client .colums .col:hover img{opacity:.25;}

@media screen and (max-width:700px){#client .logos .logo.mb{display:none;}#client .logos .logo{width:calc(25% - 20px);}#client .colums .col{width:calc(100% - 64px);}}
@media screen and (max-width:500px){#client .logos .logo{width:calc(50% - 20px);height:100px;}}

#galary{position:relative;background:url("../img/texture.png");width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#galary .title{position:relative;margin:60px 20px;padding-left:20px;}
#galary .title h5{color:#222;font-family:'Fira Sans';font-size:30px;margin:0;padding:0;}
#galary .colums{position:relative;margin:0 -1px;width:calc(100% + 2px);}
#galary .colums .col{position:relative;margin:0.5px;float:left;width:calc(25% - 1px);height:225px;background-position:center;background-size:cover;}
#galary .colums .col:before{position:absolute;content:"";background:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;transition:all 0.3s ease 0s;}
#galary .colums .col:after{position:absolute;content:"+";width:50px;height:50px;line-height:50px;top:calc(50% - 25px);left:calc(50% - 25px);transition:all 0.3s ease 0s;color:#fff;font-family:'Fira Sans';font-size:100px;text-align:center;opacity:0;}
#galary .colums .col:hover:before{background:rgba(0,0,0,.35);}
#galary .colums .col:hover:after{opacity:1;}

@media screen and (max-width:800px){#galary .colums .col{width:calc(50% - 1px);}}
@media screen and (max-width:600px){#galary .colums .col{width:calc(100% - 1px);}}

#faq{position:relative;background:#fff;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#faq .title{position:relative;margin:60px 20px 0;padding-left:20px;}
#faq .title h5{color:#222;font-family:'Fira Sans';font-size:30px;margin:0;padding:0;}
#faq .vopros-otvet{position:relative;margin:70px 20px 60px;text-align:justify;}
#faq .vopros-otvet .spoiler{position:relative;margin:0 0 15px;width:100%;}
#faq .vopros-otvet .spoiler .vopros{position:relative;background:#f8f8f8;padding:15px 10px 15px 35px;border-radius:10px;box-shadow:1px 1px 1px 0 rgba(0,0,0,.1);cursor:pointer;color:#222;font-family:'Fira Sans';font-size:16px;}
#faq .vopros-otvet .spoiler .vopros:before{position:absolute;content:"";background:#d2e154;top:50%;left:15px;width:10px;height:3px;}
#faq .vopros-otvet .spoiler .otvet{position:relative;margin:20px 0 20px 45px;text-align:justify;color:#333;font-family:'Fira Sans';font-size:16px;}
#faq .vopros-otvet .spoiler .otvet a{border-bottom:1px dashed #555;}
#faq .vopros-otvet .spoiler .otvet a:hover{border:0;}

#kak{position:relative;background:url("../img/texture.png");width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#kak .title{position:relative;margin:60px 20px;padding-left:20px;}
#kak .title h6{color:#222;font-family:'Fira Sans';font-size:30px;margin:0;padding:0;}
#kak .colums{display:flex;margin-bottom:50px;flex-wrap:wrap;}
#kak .colums .col{position:relative;display:inline-block;margin:65px 20px 20px;width:calc(33.3333% - 40px);text-align:justify;vertical-align:top;}
#kak .colums .col:before{position:absolute;content:attr(data-text);left:0;top:-50px;color:#fff;font-family:'Fira Sans';font-size:45px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.2);z-index:-1;}
#kak .colums .col:after{position:absolute;content:"";border:3px solid #d2e154;left:57px;top:-15px;width:5px;height:5px;border-radius:3px;-webkit-animation:rotate 15s linear 0ms infinite normal;-moz-animation:rotate 15s linear 0ms infinite normal;-ms-animation:rotate 15s linear 0ms infinite normal;animation:rotate 15s linear 0ms infinite normal;}
#kak .colums .col span{color:#222;font-family:'Fira Sans';font-size:16px;}

@media screen and (max-width:1000px){#kak .colums .col{width:calc(50% - 40px);}}
@media screen and (max-width:600px){#kak .colums .col{width:calc(100% - 40px);}}

#book{position:relative;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#book:before{position:absolute;content:"";background:url(../img/shapka/bg.jpg) center / cover;top:0;bottom:0;left:0;right:0;-webkit-transform:scale(1.5);transform:scale(1.5);transition:all 25s ease;}
#book:after{position:absolute;content:"";background:rgba(0,0,0,.65);top:0;bottom:0;right:0;left:0;z-index:1;}
#book .txt{position:relative;margin:80px 20px;width:calc(100% - 300px);float:left;}
#book .txt span{color:#fff;font-family:'Fira Sans';font-size:17px;}
#book .btn{position:relative;background:#d2e154;float:right;margin:80px 20px;width:200px;height:40px;line-height:40px;box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:30px;text-align:center;overflow:hidden;}
#book .btn:before{position:absolute;content:"";background:rgba(255,255,255,.25);top:-10px;bottom:-10px;width:15px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:blick 2s infinite ease;animation:blick 2s infinite ease;}
#book .btn:after{position:absolute;content:"";background:#fff;width:0;height:0;border-radius:100%;-webkit-transition:width .4s ease-in-out,height .4s ease-in-out;transition:width .4s ease-in-out,height .4s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#book .btn:hover:after{width:335%;height:562.5px;}
#book .btn span{position:relative;color:#222;font-family:'Fira Sans';font-size:14px;font-weight:300;z-index:1;}
#book.active:before{transform:scale(1);}

@media screen and (max-width:800px){#book .txt{margin:60px 20px 20px;width:calc(100% - 40px);}#book .btn{margin:0 20px 50px;}}

#contact{position:relative;width:100%;height:350px;border-bottom:1px solid #eee;overflow:hidden;}
#contact iframe{margin:-500px;width:calc(100% + 1000px);height:calc(100% + 1000px);border:0;}

#footer{position:relative;background:#222;width:100%;overflow:hidden;}
#footer:before{position:absolute;content:"";border:30px solid #333;left:-80px;bottom:-80px;width:150px;height:150px;box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:50px;-webkit-animation:rotate 35s linear 0ms infinite normal;-moz-animation:rotate 35s linear 0ms infinite normal;-ms-animation:rotate 35s linear 0ms infinite normal;animation:rotate 35s linear 0ms infinite normal;}
#footer .colums{position:relative;margin:30px 10px;}
#footer .colums .col{position:relative;margin:10px;width:calc(33.3333% - 20px);float:left;}
#footer .colums .col:first-child{padding-right:20px;width:calc(33.3333% - 40px);}
#footer .colums .col .ttl{position:relative;margin:0 0 25px;padding-left:20px;}
#footer .colums .col .ttl h6{color:#fff;font-family:'Fira Sans';font-size:25px;margin:0;padding:0;}
#footer .colums .col span, #footer .colums .col span a{color:#fff;font-family:'Fira Sans';font-size:16px;border-bottom:0;}
#footer .colums .col.nav .links div{position:relative;padding:2px 25px;transition:all 0.3s ease 0s;font-family:'Fira Sans';font-size:16px;color:#fff;}
#footer .colums .col.nav .links div:before{position:absolute;content:"";left:0;top:calc(50% - 2px);height:2px;width:10px;background:#d2e154;}
#footer .colums .col.nav .links div:hover{color:#d2e154;padding-left:35px;}
#footer .line{position:relative;margin:0 20px;width:calc(100% - 40px);height:1px;background:#444;}
#footer .prava{position:relative;float:left;width:calc(50% - 40px);margin:20px;text-align:left;}
#footer .artlanding{position:relative;float:right;width:calc(50% - 40px);margin:20px;text-align:right;}
#footer .prava span, #footer .artlanding span, #footer .artlanding span a{color:#fff;font-family:'Fira Sans';font-size:16px;border-bottom:0;}
#footer .colums .col .logo{position:relative;margin-bottom:25px;}
#footer .colums .col .logo span{color:#fff;font-family:'Fira Sans';font-size:25px;font-weight:700;letter-spacing:1px;}
#footer .colums .col .btn{position:relative;background:#d2e154;margin:20px 0 0 auto;width:200px;height:35px;line-height:35px;box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:30px;text-align:center;overflow:hidden;}
#footer .colums .col .btn:before{position:absolute;content:"";background:rgba(255,255,255,.25);top:-10px;bottom:-10px;width:15px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:blick 2s infinite ease;animation:blick 2s infinite ease;}
#footer .colums .col .btn:after{position:absolute;content:"";background:#fff;width:0;height:0;border-radius:100%;-webkit-transition:width .4s ease-in-out,height .4s ease-in-out;transition:width .4s ease-in-out,height .4s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#footer .colums .col .btn:hover:after{width:335%;height:562.5px;}
#footer .colums .col .btn span{position:relative;color:#222;font-family:'Fira Sans';font-size:14px;z-index:1;}
#footer .colums .col a.blog{color:#d2e154;border-bottom:1px dashed #fff;}
#footer .colums .col a.blog:hover{border:0;}

@media screen and (max-width:700px){#footer .colums .col{width:calc(100% - 20px);margin-bottom:20px;}#footer .colums .col:first-child{padding-right:0;width:calc(100% - 20px);}#footer .prava, #footer .artlanding{width:calc(100% - 40px);float:none;text-align:left;}#footer .prava{margin-bottom:-10px;}}

#swipebox-overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:100 !important;background:#222;overflow:hidden;user-select:none;}
#swipebox-overlay:before{position:absolute;content:"";border:30px solid #333;left:-80px;bottom:-80px;width:150px;height:150px;box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:50px;-webkit-animation:rotate 35s linear 0ms infinite normal;-moz-animation:rotate 35s linear 0ms infinite normal;-ms-animation:rotate 35s linear 0ms infinite normal;animation:rotate 35s linear 0ms infinite normal;}
#swipebox-container{position:relative;width:100%;height:100%;}
#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer;}
#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block;}
#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px;}
#swipebox-slider .slide img{display:inline-block;max-height:calc(100% - 40px);max-width:calc(100% - 40px);margin-top:10px;vertical-align:middle;border-radius:10px;box-shadow:0 0 50px 10px rgba(0,0,0,.1);}
#swipebox-bottom-bar{position:absolute;left:0;right:0;top:calc(50% - 20px);height:40px;}
#swipebox-arrows{display:block;margin:0 auto;width:100%;height:40px;}
#swipebox-prev{position:relative;float:left;margin:0 20px;cursor:pointer;width:25px;height:40px;}
#swipebox-prev:before{position:absolute;content:"";top:7px;left:2px;width:0;height:0;border-top:13px solid transparent;border-right:18px solid #fff;border-bottom:13px solid transparent;}
#swipebox-next{position:relative;float:right;margin:0 18px;cursor:pointer;width:25px;height:40px;}
#swipebox-next:before{position:absolute;content:"";top:7px;right:2px;width:0;height:0;border-top:13px solid transparent;border-left:18px solid #fff;border-bottom:13px solid transparent;}
#swipebox-close{position:absolute;width:25px;height:25px;top:20px;right:20px;cursor:pointer;z-index:101;}
#swipebox-close:before{position:absolute;content:"\2715";top:0;bottom:0;left:0;right:0;line-height:25px;color:#fff;font-size:30px;text-align:center;transition:all 0.3s ease;}
#swipebox-close:hover:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.swipebox-no-close-button #swipebox-close{display:none;}
#swipebox-prev.disabled, #swipebox-next.disabled{opacity:.3;}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s;}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s;}
.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{backface-visibility:hidden;transition:all .3s ease;content:"";position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0;}
.swipebox-touch #swipebox-container:before{left:0;box-shadow:inset 10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-container:after{right:0;box-shadow:inset -10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1;}

#modal_call{max-width:800px;width:calc(100% - 40px);position:fixed;top:calc(50% - 200px);left:20%;right:0;margin:auto;display:none;opacity:0;z-index:101;}
#modal_call:before{position:absolute;content:"";top:-10px;bottom:10px;width:50%;background:url(../img/book.jpg) center / cover;border-radius:10px;}
#modal_call .Forma{position:relative;padding:30px 35px;float:right;top:10px;width:50%;background:#fff;border-radius:10px;}
#modal_call .Forma:before{position:absolute;content:"+";top:15px;right:30px;color:#f5f5f5;font-family:'Fira Sans';font-size:50px;text-shadow:1px 1px 1px #ddd;z-index:0;}
#modal_call .Forma:after{position:absolute;content:"+";top:20px;right:45px;color:#f5f5f5;font-family:'Fira Sans';font-size:100px;text-shadow:1px 1px 1px #ddd;z-index:0;}
#modal_call .Forma .title{position:relative;margin-bottom:20px;text-align:justify;z-index:1;}
#modal_call .Forma .title h6{color:#222;font-family:'Fira Sans';font-size:25px;margin:0;padding:0;}
#modal_call .Forma .title span{color:#222;font-family:'Fira Sans';font-size:16px;}
#modal_call .Forma .input{border:0;border-bottom:2px solid #222;color:#000;font-family:'Fira Sans';font-size:14px;text-align:left;padding:0px;vertical-align:middle;position:relative;margin-bottom:5px;width:100%;height:35px;line-height:35px;border-radius:0;transition:all 0.3s ease-out 0s;}
#modal_call .Forma .Button{position:relative;margin-top:25px;width:100%;height:50px;line-height:50px;border-radius:50px;background:#d2e154;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden;text-align:center;cursor:pointer;}
#modal_call .Forma .Button:before{position:absolute;content:"";background:rgba(255,255,255,.25);top:-10px;bottom:-10px;width:15px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:blick 2s infinite ease;animation:blick 2s infinite ease;}
#modal_call .Forma .Button:after{position:absolute;content:"";background:#222;width:0;height:0;border-radius:100%;-webkit-transition:width .4s ease-in-out,height .4s ease-in-out;transition:width .4s ease-in-out,height .4s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#modal_call .Forma .Button:hover:after{width:335%;height:562.5px;}
#modal_call .Forma .Button span{position:relative;transition:all 0.3s ease 0s;color:#222;font-family:'Fira Sans';font-size:15px;z-index:1;}
#modal_call .Forma .Button:hover span{color:#fff;}
#modal_call .Forma .call{position:relative;margin-top:15px;text-align:justify;}
#modal_call .Forma .call span{color:#222;font-family:'Fira Sans';font-size:16px;}

@media screen and (max-width:850px){#modal_call:before{display:none;}#modal_call{max-width:400px;}#modal_call .Forma{top:0;width:calc(100% - 70px);}}

#modal_book{max-width:800px;width:calc(100% - 40px);position:fixed;top:calc(50% - 200px);left:20%;right:0;margin:auto;display:none;opacity:0;z-index:101;}
#modal_book .Forma{position:relative;padding:30px;background:#fff;border-radius:10px;}
#modal_book .Forma:before{position:absolute;content:"+";top:15px;right:30px;color:#f5f5f5;font-family:'Fira Sans';font-size:50px;text-shadow:1px 1px 1px #ddd;z-index:0;}
#modal_book .Forma:after{position:absolute;content:"+";top:20px;right:45px;color:#f5f5f5;font-family:'Fira Sans';font-size:100px;text-shadow:1px 1px 1px #ddd;z-index:0;}
#modal_book .Forma .title{position:relative;margin:0 5px 20px;text-align:justify;z-index:1;}
#modal_book .Forma .title h6{color:#222;font-family:'Fira Sans';font-size:25px;margin:0;padding:0;}
#modal_book .Forma .title span{color:#222;font-family:'Fira Sans';font-size:16px;}
#modal_book .Forma .input, #modal_book .Forma select{border:0;border-bottom:2px solid #222;color:#000;font-family:'Fira Sans';font-size:14px;text-align:left;padding:0px;vertical-align:middle;position:relative;margin:0 5px 5px;width:calc(100% - 10px);height:35px;line-height:35px;border-radius:0;transition:all 0.3s ease-out 0s;}
#modal_book .Forma select{width:calc(50% - 12px);display:inline-block;}
#modal_book .Forma .Button{position:relative;margin-top:25px;width:100%;height:50px;line-height:50px;border-radius:50px;background:#d2e154;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden;text-align:center;cursor:pointer;}
#modal_book .Forma .Button:before{position:absolute;content:"";background:rgba(255,255,255,.25);top:-10px;bottom:-10px;width:15px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:blick 2s infinite ease;animation:blick 2s infinite ease;}
#modal_book .Forma .Button:after{position:absolute;content:"";background:#222;width:0;height:0;border-radius:100%;-webkit-transition:width .4s ease-in-out,height .4s ease-in-out;transition:width .4s ease-in-out,height .4s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#modal_book .Forma .Button:hover:after{width:335%;height:562.5px;}
#modal_book .Forma .Button span{position:relative;transition:all 0.3s ease 0s;color:#222;font-family:'Fira Sans';font-size:15px;z-index:1;}
#modal_book .Forma .Button:hover span{color:#fff;}
#modal_book .Forma .call{position:relative;margin-top:15px;text-align:justify;}
#modal_book .Forma .call span{color:#222;font-family:'Fira Sans';font-size:16px;}

@media screen and (max-width:550px){#modal_book .Forma select{width:calc(100% - 10px);}}

.modal_doc{position:fixed;top:calc(50% - 275px);left:20%;right:0;margin:auto;width:calc(100% - 40px);max-width:400px;display:none;opacity:0;z-index:101;}
.modal_doc .img{position:relative;border-radius:10px;overflow:hidden;}
.modal_doc .img img{width:100%;margin-bottom:-5px;}

.modal_video{position:fixed;max-width:800px;width:calc(100% - 40px);top:calc(50% - 225px);left:-20%;right:0;margin:auto;height:450px;display:none;opacity:0;z-index:101;border-radius:10px;overflow:hidden;}
.modal_video .video{position:absolute;background:#fff;left:0;right:0;top:0;bottom:0;}
.modal_video .video iframe{border:0;width:100%;height:100%;}

#exit{position:fixed;background:#222;top:0;bottom:0;left:0;right:0;opacity:0;display:none;overflow:hidden;z-index:102;}
#exit:before{position:absolute;content:"";border:30px solid #333;left:-80px;bottom:-80px;width:150px;height:150px;box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:50px;-webkit-animation:rotate 35s linear 0ms infinite normal;animation:rotate 35s linear 0ms infinite normal;}
#exit .exit_modal{position:absolute;top:calc(50% - 210px);left:-20%;right:0;margin:auto;width:800px;}
#exit .exit_modal:before{position:absolute;content:"";top:-10px;bottom:10px;width:50%;background:url(../img/book.jpg) center / cover;border-radius:10px;}
#exit .exit_modal .Forma{position:relative;padding:30px 35px;background:#fff;top:10px;width:50%;border-radius:10px;float:right;}
#exit .exit_modal .Forma .title{position:relative;margin-bottom:20px;text-align:justify;}
#exit .exit_modal .Forma .title h6{color:#222;font-family:'Fira Sans';font-size:25px;margin:0;padding:0;}
#exit .exit_modal .Forma .title span{color:#222;font-family:'Fira Sans';font-size:16px;}
#exit .exit_modal .Forma .input{background:transparent;border:0;border-bottom:2px solid #222;color:#000;font-family:'Fira Sans';font-size:14px;text-align:left;padding:0px;vertical-align:middle;position:relative;margin-bottom:5px;width:100%;height:40px;line-height:40px;border-radius:0;transition:all 0.3s ease-out 0s;}
#exit .exit_modal .Forma .Button{position:relative;margin-top:25px;width:100%;height:47px;line-height:47px;border-radius:50px;background:#d2e154;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden;text-align:center;cursor:pointer;}
#exit .exit_modal .Forma .Button:before{position:absolute;content:"";background:rgba(255,255,255,.25);top:-10px;bottom:-10px;width:15px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:blick 2s infinite ease;animation:blick 2s infinite ease;}
#exit .exit_modal .Forma .Button:after{position:absolute;content:"";background:#222;width:0;height:0;border-radius:100%;-webkit-transition:width .4s ease-in-out,height .4s ease-in-out;transition:width .4s ease-in-out,height .4s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#exit .exit_modal .Forma .Button:hover:after{width:335%;height:562.5px;}
#exit .exit_modal .Forma .Button span{position:relative;transition:all 0.3s ease 0s;color:#222;font-family:'Fira Sans';font-size:15px;z-index:1;}
#exit .exit_modal .Forma .Button:hover span{color:#fff;}
#exit .exit_modal .Forma .call{position:relative;margin-top:15px;text-align:justify;}
#exit .exit_modal .Forma .call span{color:#222;font-family:'Fira Sans';font-size:16px;}

#overlay{position:fixed;background:#222;bottom:0;right:0;top:0;left:0;display:none;overflow:hidden;cursor:pointer;z-index:100;}
#overlay:before{position:absolute;content:"";border:30px solid #333;left:-80px;bottom:-80px;width:150px;height:150px;box-shadow:0 0 1px 1px rgba(0,0,0,.1);border-radius:50px;-webkit-animation:rotate 35s linear 0ms infinite normal;animation:rotate 35s linear 0ms infinite normal;}

#close, .close{position:fixed;width:25px;height:25px;top:20px;right:20px;cursor:pointer;display:none;z-index:101;}
#close:before, .close:before{position:absolute;content:"\2715";top:0;bottom:0;left:0;right:0;line-height:25px;color:#fff;font-size:30px;text-align:center;transition:all 0.3s ease;}
#close:hover:before, .close:hover:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

@-webkit-keyframes light{from{box-shadow:0 0 3px 2px #888,0 0 4px 7px #888;}to{box-shadow:0 0 8px 2px rgba(0,0,0,.2),0 0 2px 15px rgba(0,0,0,.0);}}
@keyframes light{from{box-shadow:0 0 3px 2px #888,0 0 4px 7px #888;}to{box-shadow:0 0 8px 2px rgba(0,0,0,.2),0 0 2px 15px rgba(0,0,0,.0);}}

@keyframes pulse0{0%{transform:scale(1);}10%{transform:scale(2);}43.3%{transform:scale(1);}76.6%{transform:scale(1);}100%{transform:scale(1);}}
@keyframes pulse1{0%{transform:scale(1);}10%{transform:scale(1);}43.3%{transform:scale(2);}76.6%{transform:scale(1);}100%{transform:scale(1);}}
@keyframes pulse2{0%{transform:scale(1);}10%{transform:scale(1);}43.3%{transform:scale(1);}76.6%{transform:scale(2);}100%{transform:scale(1);}}

@-webkit-keyframes pulse{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;transform:scale(1.3);}}
@keyframes pulse{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;transform:scale(1.3);}}

@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@keyframes rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}

@keyframes blick{from{left:-150px;}to{left:calc(100% + 150px);}}
@-webkit-keyframes blick{from{left:-150px;}to{left:calc(100% + 150px);}}

@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}

.shake{-webkit-animation:shake 1 linear 1s;-moz-animation:shake 1 linear 1s;-o-animation:shake 1 linear 1s;animation:shake 1 linear 1s;}
@-webkit-keyframes shake{0%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}@-moz-keyframes shake{0%, 100%{-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-moz-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80%{-moz-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}@-o-keyframes shake{0%, 100%{-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-o-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80%{-o-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}@keyframes shake{0%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}20%, 40%, 60%, 80% {-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}}