@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;font-weight:300}

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

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

textarea,input{font-weight:300;}
textarea:focus,input:focus{outline:none;}

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

hr{position:relative;margin:5px auto 0;height:4px;width:100px;background:#425d70;border:0;overflow:hidden;}
hr:before{position:absolute;content:"";background:#fff;top:0;bottom:0;-webkit-animation:beg 3s infinite ease-in-out;animation:beg 3s infinite ease-in-out;transform:skew(50deg);-webkit-transform:skew(50deg);}

#menu{position:fixed;top:0;left:0;right:0;height:70px;transition:all 0.3s ease 0s;z-index:9;}
#menu .logo{position:absolute;top:10px;left:20px;height:50px;width:95px;background:url(../img/logo-w.png) center / cover;transition:all 0.3s ease 0s;}
#menu .tel{position:absolute;top:27px;right:260px;}
#menu .tel span{color:#fff;font-family:GloberBook, 'Fira Sans';font-size:16px;}
#menu .btn{position:absolute;background:#b8240a;top:17px;right:85px;width:165px;height:35px;line-height:35px;box-shadow:0 0 5px 5px rgba(0,0,0,.05);border-radius:30px;text-align:center;overflow:hidden;}
#menu .btn:before{position:absolute;content:"";background:#425d70;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:before{width:335%;height:562.5px;}
#menu .btn span{position:relative;color:#fff;font-family:GloberBook, 'Fira Sans';font-size:14px;}
#menu .pm{position:absolute;top:20px;right:20px;width:55px;height:25px;border-top:2px solid #fff;border-bottom:2px solid #fff;transition:all 0.3s ease 0s;cursor:pointer;}
#menu .pm:before{position:absolute;content:"";top:calc(50% - 1px);right:0;left:40%;height:2px;background:#fff;transition:all 0.3s ease 0s;}
#menu .pm:hover:before{left:0;}
#menu .nav{position:absolute;background:#fff;top:100px;right:20px;width:calc(100% - 40px);max-width:230px;padding:10px 0;box-shadow:0 0 30px rgba(0,0,0,.1);opacity:0;transition:all 0.5s ease;visibility:hidden;border-radius: 20px;}
#menu .nav.active{top:80px;opacity:1;visibility:visible;}
#menu .nav div{position:relative;padding:6px 25px;transition:all 0.3s ease 0s;font-family:GloberBook, 'Fira Sans';font-size:16px;color:#333;}
#menu .nav div:before{position:absolute;content:"";left:25px;top:calc(50% - 2px);height:4px;width:0;background:#c93034;transition:all 0.3s ease 0s;}
#menu .nav div:hover:before{width:15px;}
#menu .nav div:hover{padding-left:45px;}
#menu.active{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.05);}
#menu.active .logo{background:url(../img/logo-r.png) center / cover;}
#menu.active .tel span{color:#333;}
#menu.active .pm{border-color:#333;}
#menu.active .pm:before{background:#333;}

@media screen and (max-width:700px){#menu .tel{display:none;}}
@media screen and (max-width:500px){#menu .btn{background:#b8240a url(../img/tel.svg) no-repeat center / 40%;width:35px;}#menu .btn:before, #menu .btn span{display:none;}}

#shapka{position:relative;border-bottom:1px solid #eee;width:100%;overflow:hidden;}
#shapka video{position:absolute;top:0;bottom:0;right:0;left:0;min-width:100%;min-height:100%;margin:auto;overflow:hidden;z-index:0;}
@media (min-aspect-ratio: 16/9) {#shapka video {height:300%;top:-100%;}}
@media (max-aspect-ratio: 16/9) {#shapka video{width:300%;left:-100%;}}
@supports (object-fit: cover) {#shapka video{top:0;left:0;width:100%;height:100%;object-fit:cover;}}
#shapka:before{position:absolute;content:"";background:rgba(0,0,0,.6);top:0;bottom:0;right:0;left:0;z-index:1;}
#shapka .title{position:relative;margin:280px 20px 20px;text-align:center;}
#shapka .title hr{background:#fff;}
#shapka .title hr:before{background:#333;}
#shapka .title h1{color:#fff;font-family:'Fira Sans';font-size:54px;margin:0;padding:0;text-shadow:3px 3px 3px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:1px;}
#shapka .txt{position:relative;margin:0 20px;text-align:center;}
#shapka .txt span{color:#fff;font-family:'Fira Sans';font-size:18px;}
#shapka .Forma{position:relative;margin:70px 20px 80px;padding:30px;width:calc(100% - 100px);background:#fff url(../img/wave.png) no-repeat center top 20px / 100%;border-radius:20px;box-shadow:0 0 35px 5px rgba(0,0,0,.5);}
#shapka .Forma .input{background:transparent;border:0;border-bottom:2px solid #333;color:#000;font-family:'Fira Sans';font-size:15px;padding:0px;vertical-align:middle;position:relative;float:left;margin:5px;width:calc(25% - 10px);height:40px;line-height:40px;border-radius:0;transition:all 0.3s ease-out 0s;}

#shapka .Forma .input.min{width:calc(12.5% - 10px);}
#shapka .Forma .input.max{width:calc(50% - 10px);}

#shapka .Forma .Button{position:relative;float:left;margin:5px;width:calc(50% - 10px);height:45px;line-height:45px;border-radius:30px;background:#b8240a;box-shadow:0 0 5px 5px rgba(0,0,0,.05);overflow:hidden;text-align:center;cursor:pointer;}
#shapka .Forma .Button:before{position:absolute;content:"";background:#425d70;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%);}
#shapka .Forma .Button:hover:before{width:335%;height:562.5px;}
#shapka .Forma .Button span{position:relative;color:#fff;font-family:'Fira Sans';font-size:15px;}
#shapka .Forma .Button img{position:relative;width:70px;height:75px;vertical-align:middle;top:-15px;}
#shapka.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:700px){#shapka .title h1{font-size:38px;}#shapka .Forma{padding:20px;width:calc(100% - 80px);}#shapka .Forma .input,#shapka .Forma .input.min,#shapka .Forma .input.max{width:calc(33.3333% - 10px);}#shapka .Forma .Button{margin-top:20px;width:calc(100% - 10px);}}
@media screen and (max-width:550px){#shapka .Forma .input,#shapka .Forma .input.min,#shapka .Forma .input.max{width:calc(50% - 10px);}}
@media screen and (max-width:350px){#shapka .Forma .input,#shapka .Forma .input.min,#shapka .Forma .input.max{width:calc(100% - 10px);}}

#info{position:relative;background:#fff url(../img/wave.png) no-repeat center top 50px / 100%;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#info .title{position:relative;margin:70px 20px 0;text-align:center;}
#info .title h2{color:#333;font-family:'Fira Sans';font-size:35px;margin:0;padding:0;text-transform:uppercase;}
#info .img{position:relative;float:right;margin:50px 20px 30px;width:calc(50% - 40px);background:url(../img/info/map.png) no-repeat right / contain;}
#info .img .tabs{display:table;margin:0 0 10px auto;width:calc(100% - 40px);max-width:230px;box-shadow:0 0 5px 5px rgba(0,0,0,.05);border-radius:30px;overflow:hidden;}
#info .img .tabs div{position:relative;display:inline-block;background:#425d70;width:50%;height:35px;line-height:35px;text-align:center;vertical-align:middle;overflow:hidden;}
#info .img .tabs div:before{position:absolute;content:"";background:#b8240a;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%);}
#info .img .tabs div:hover:before, #info .img .tabs div.active:before{width:335%;height:562.5px;}
#info .img .tabs div span{position:relative;color:#fff;font-family:GloberBook, 'Fira Sans';font-size:14px;}
#info .img .tabs div:hover{cursor:pointer;}
#info .img .tabs div.active:hover{cursor:default;}
#info .img img{width:100%;}
#info .txt{position:relative;float:left;margin:120px 0 70px 20px;width:calc(50% - 40px);text-align:justify;}
#info .txt span{color:#333;font-family:'Fira Sans';font-size:16px;}
#info ul{display:flex;flex-wrap:wrap;margin:0 -25px 10px 0;padding:0;list-style:none;}
#info ul li{position:relative;display:inline-block;width:calc(50% - 50px);margin:25px 25px 50px;background:#fff;color:#333;font-family:'Fira Sans';font-size:16px;}
#info ul li:before{position:absolute;content:attr(data-text);left:-28px;top:-30px;line-height:50px;color:#ddd;font-family:'Fira Sans';font-size:45px;font-weight:bold;text-shadow:1px 1px 1px rgba(0,0,0,.2);z-index:-1;}

@media screen and (max-width:850px){#info .txt{margin:60px 20px 0;width:calc(100% - 40px);}#info ul{margin-bottom:0;}#info .img{margin:30px 20px 50px;width:calc(100% - 40px);}}
@media screen and (max-width:500px){#info ul li{width:calc(100% - 50px);margin-bottom:30px;}}

#action{position:relative;background:#f8f8f8;width:100%;border-bottom:1px solid #eee;padding: 1px 0;z-index:1;}
#action .txt{position:relative;float:left;margin:70px 20px;width:calc(100% - 350px);text-align:justify;}
#action .txt span{color:#333;font-family:'Fira Sans';font-size:18px;}
#action .btn{position:relative;float:right;background:#b8240a;margin:70px 20px;width:230px;height:45px;line-height:45px;box-shadow:0 0 5px 5px rgba(0,0,0,.05);border-radius:30px;text-align:center;overflow:hidden;}
#action .btn:before{position:absolute;content:"";background:#425d70;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%);}
#action .btn:hover:before{width:335%;height:562.5px;}
#action .btn span{position:relative;color:#fff;font-family:'Fira Sans';font-size:14px;transition:all 0.3s ease;}

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

#footer{position:relative;background:#fff url(../img/wave.png) no-repeat center bottom / 100%;width:100%;overflow:hidden;}
#footer .colums{position:relative;margin:40px 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;}
#footer .colums .col .ttl h6{color:#333;font-family:GloberBlack, 'Fira Sans';font-size:25px;margin:0;padding:0;}
#footer .colums .col span, #footer .colums .col span a{color:#333;font-family:GloberBook, '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:GloberBook, 'Fira Sans';font-size:16px;color:#333;}
#footer .colums .col.nav .links div:before{position:absolute;content:"";left:0;top:calc(50% - 3px);height:3px;width:10px;background:#c93034;}
#footer .colums .col.nav .links div:hover{padding-left:35px;}
#footer .colums .col .apps{position:relative;margin:15px 0 0;}
#footer .colums .col .apps img{height:30px;margin-right:7px;opacity:.65;transition:all 0.3s ease 0s;}
#footer .colums .col .apps img:hover{opacity:.9;}
#footer .colums .col .btn{position:relative;background:#b8240a;margin:25px 0 0 auto;width:230px;height:38px;line-height:40px;box-shadow:0 0 5px 5px rgba(0,0,0,.05);border-radius:30px;text-align:center;overflow:hidden;}
#footer .colums .col .btn:before{position:absolute;content:"";background:#425d70;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:before{width:335%;height:562.5px;}
#footer .colums .col .btn span{position:relative;color:#fff;font-family:GloberBook, 'Fira Sans';font-size:14px;}
#footer .line{position:relative;margin:0 20px;width:calc(100% - 40px);height:1px;background:#ddd;}
#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{color:#333;font-family:GloberBook, 'Fira Sans';font-size:16px;}
#footer .colums .col .logo{position:relative;margin-bottom:5px;height:50px;width:95px;background:url(../img/logo-r.png) center / cover;}
#footer .colums .col .logo img{position:relative;height:50px;}

@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;}}


.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:before{position:absolute;content:"";top:-10px;bottom:10px;width:50%;background: url(../img/book.jpg) center / cover;}
.modal_book .Forma{position:relative;padding:30px 35px;float:right;top:10px;width:calc(50% - 70px);background:#fff url(../img/wave.png) no-repeat center bottom / 400%;}
.modal_book .Forma .title{position:relative;margin-bottom:25px;text-align:justify;}
.modal_book .Forma .title strong{color:#333;font-family:'Fira Sans';font-size:25px;}
.modal_book .Forma .title span{color:#333;font-family:'Fira Sans';font-size:16px;}
.modal_book .Forma .input{background:transparent;border:0;border-bottom:2px solid #333;color:#000;font-family:GloberBook, 'Fira Sans';font-size:15px;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;}
.modal_book .Forma .Button{position:relative;margin-top:30px;width:100%;height:45px;line-height:45px;border-radius:30px;background:#b8240a;box-shadow:0 0 5px 5px rgba(0,0,0,.05);overflow:hidden;text-align:center;cursor:pointer;}
.modal_book .Forma .Button:before{position:absolute;content:"";background:#425d70;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:before{width:335%;height:562.5px;}
.modal_book .Forma .Button span{position:relative;color:#fff;font-family:'Fira Sans';font-size:15px;}
.modal_book .Forma .call{position:relative;margin:15px 0 0;text-align:justify;}
.modal_book .Forma .call span{color:#333;font-family:'Fira Sans';font-size:16px;}

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

#overlay{position:fixed;background:rgba(0,0,0,.85);bottom:0;right:0;top:0;left:0;display:none;overflow:hidden;cursor:pointer;z-index:100;}

#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{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}

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

@keyframes beg{from{left:-10px;width:5px;}to{left:200px;width:50px;}}
@-webkit-keyframes beg{from{left:-10px;width:5px;}to{left:200px;width:50px;}}
@-moz-keyframes beg{from{left:-10px;width:5px;}to{left:200px;width:50px;}}
@-o-keyframes beg{from{left:-10px;width:5px;}to{left:200px;width:50px;}}
@-ms-keyframes beg{from{left:-10px;width:5px;}to{left:200px;width:50px;}}

@-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);}}