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

body{margin:0;padding:0;}

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

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

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 0 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;-moz-animation:beg 3s infinite ease-in-out;-ms-animation:beg 3s infinite ease-in-out;-o-animation:beg 3s infinite ease-in-out;animation:beg 3s infinite ease-in-out;}

h1, h2, h3, h4, h5, h6, strong, b{font-weight:normal;}

#shapka.active:before, #action.active:before{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

#preloader{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;opacity:1;position:fixed;left:0;top:0;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:100}
#preloader .spinner{width:80px;height:80px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;z-index:100}
#preloader .spinner .double-bounce1, #preloader .spinner .double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#4e758d;opacity:.6;position:absolute;top:0;left:0;z-index:100;-webkit-animation:sk-bounce 2s ease-in-out infinite;animation:sk-bounce 2s ease-in-out infinite}
#preloader .spinner .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}

#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:245px;}
#menu .tel span{color:#fff;font-family:Roboto; font-weight:400;font-size:16px;}
#menu .btn{position:absolute;background:#b8240a;top:17px;right:85px;width:150px;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:Roboto; font-weight:400;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:210px;padding:10px 0;box-shadow:0 0 30px rgba(0,0,0,.1);opacity:0;transition:all 0.5s ease;visibility:hidden;}
#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:Roboto; font-weight:400;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:before{position:absolute;content:"";background:url(../img/shapka/bg.jpg) center / cover;top:0;bottom:0;left:0;right:0;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);transition:all 20s 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:290px 20px 20px;max-width:550px;}
#shapka .title hr{background:#fff;}
#shapka .title hr:before{background:#333;}
#shapka .title h1{color:#fff;font-family:Roboto; font-weight:900;font-size:40px;margin:0;padding:0;text-shadow:2px 2px 2px rgba(0,0,0,.4);text-transform:uppercase;}
#shapka .txt{position:relative;margin:0 20px;max-width:550px;}
#shapka .txt span{color:#fff;font-family:Roboto; font-weight:400;font-size:18px;}
#shapka .txt span b{font-family:Roboto; font-weight:700;font-size:21px;}
#shapka .btn{position:relative;margin:20px 20px 210px;width:100%;max-width:230px;height:38px;line-height:38px;border-radius:30px;background:#fff;box-shadow:0 0 5px 5px rgba(0,0,0,.05);overflow:hidden;text-align:center;cursor:pointer;}
#shapka .btn:before{position:absolute;content:"";background:#eee;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 .btn:hover:before{width:335%;height:562.5px;}
#shapka .btn:after{position:absolute;content:"";background:rgba(0,0,0,.35);top:-10px;bottom:-10px;width:25px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:blick 2.5s infinite ease;animation:blick 2.5s infinite ease;opacity:.3}
#shapka .btn span{position:relative;color:#333;font-family:Roboto; font-weight:400;font-size:15px;}

@media screen and (max-width:450px){#shapka .title h1{font-size:35px;}}

#info{position:relative;background:#fff;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#info .title{position:relative;margin:70px 20px 0;}
#info .title h2{color:#333;font-family:Roboto; font-weight:900;font-size:30px;margin:0;padding:0;text-transform:uppercase;}
#info .txt{position:relative;margin:50px 20px 70px;width:calc(67% - 40px);float:left;text-align:justify;}
#info .txt ul{position:relative;margin:0 -20px 20px;padding:0;width:calc(100% + 40px);list-style:none;}
#info .txt ul li{position:relative;float:left;margin:20px;padding:0;width:calc(50% - 40px);color:#333;font-family:Roboto; font-weight:400;font-size:16px;}
#info .txt strong{color:#425d70;font-family:Roboto; font-weight:700;font-size:16px;}
#info .img{position:relative;float:right;margin:30px 20px 0;width:calc(33% - 40px);text-align:center;}
#info .img img{width:100%;}

@media screen and (max-width:800px){#info .txt{width:calc(100% - 40px);}#info .img{display:none;}}
@media screen and (max-width:600px){#info .txt ul li{width:calc(100% - 40px);margin-bottom:10px;}#info .img{display:block;margin:-50px 20px 50px;width:calc(100% - 40px);}}

#pochemu{position:relative;background:#f8f8f8;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#pochemu:before{position:absolute;content:"";background:url(../img/coffee.png) no-repeat right top / 250px;top:70px;bottom:70px;left:0;right:0;width:calc(100% - 40px);max-width:1160px;margin:auto;}
#pochemu .title{position:relative;margin:70px 20px 0;}
#pochemu .title h3{color:#333;font-family:Roboto; font-weight:900;font-size:30px;margin:0;padding:0;text-transform:uppercase;}
#pochemu .title hr:before{background:#f8f8f8;}
#pochemu .colums{display:table;margin:50px 0 150px;}
#pochemu .colums .col{position:relative;display:inline-block;margin:20px;width:calc(33.3333% - 40px);text-align:justify;vertical-align:top;}
#pochemu .colums .col:before{position:absolute;content:"";left:0;top:25px;width:40px;height:15px;background:#ddd;z-index:-1;}
#pochemu .colums .col img{width:40px;display:block;margin-bottom:10px;}
#pochemu .colums .col strong{display:block;margin-bottom:10px;font-size:17px;color:#333;font-family:Roboto; font-weight:700;}
#pochemu .colums .col span{color:#333;font-family:Roboto; font-weight:400;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);}}

#otzivi{position:relative;background:#fff;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#otzivi .title{position:relative;margin:170px 20px 0;}
#otzivi .title h4{color:#333;font-family:Roboto; font-weight:900;font-size:30px;margin:0;padding:0;text-transform:uppercase;}
#otzivi .colums{position:relative;margin:70px 0;}
#otzivi .colums .col{position:relative;float:left;background:#000;margin:20px;width:calc(33.3333% - 60px);border:10px solid #425d70;box-shadow:inset 0 0 0 2px #fff, 0 5px 15px 5px rgba(0,0,0,.15);overflow:hidden;}
#otzivi .colums .col:before{position:absolute;content:"";background:url(../img/otzivi/link.svg) center / cover;top:calc(50% - 20px);left:60%;width:40px;height:40px;opacity:0;transition:all 0.3s ease;z-index:1;}
#otzivi .colums .col:hover:before{opacity:1;left:calc(50% - 20px);}
#otzivi .colums .col img{width:100%;margin-bottom:-5px;transition:all 0.3s ease;}
#otzivi .colums .col:hover img{opacity:.3;}

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

#mashine{position:relative;background:#f8f8f8;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#mashine .title{position:relative;margin:70px 20px 0;}
#mashine .title h5{color:#333;font-family:Roboto; font-weight:900;font-size:30px;margin:0;padding:0;text-transform:uppercase;}
#mashine .title hr:before{background:#f8f8f8;}
#mashine .tabs{display:table;margin:30px 20px 30px auto;width:calc(100% - 40px);max-width:500px;box-shadow:0 0 5px 5px rgba(0,0,0,.05);border-radius:30px;overflow:hidden;}
#mashine .tabs div{position:relative;display:inline-block;background:#425d70;width:33.3333%;height:45px;line-height:45px;text-align:center;vertical-align:middle;overflow:hidden;}
#mashine .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%);}
#mashine .tabs div:hover:before, #mashine .tabs div.active:before{width:335%;height:562.5px;}
#mashine .tabs div span{position:relative;color:#fff;font-family:Roboto; font-weight:400;font-size:14px;}
#mashine .tabs div:hover{cursor:pointer;}
#mashine .tabs div.active:hover{cursor:default;}
#mashine .wrapper{position:relative;margin:0 20px 170px;background:#fff url(../img/coffee.png) no-repeat right 35px bottom 35px / 250px;width:calc(100% - 40px);box-shadow:0 0 20px 10px rgba(0,0,0,.02);}
#mashine .wrapper .img{position:relative;float:left;margin:40px;width:calc(35% - 80px);}
#mashine .wrapper .img img{width:100%;}
#mashine .wrapper .txt{position:relative;float:right;margin:40px;width:calc(65% - 80px);text-align:justify;}
#mashine .wrapper .txt strong{color:#333;font-family:Roboto; font-weight:700;font-size:20px;}
#mashine .wrapper .txt span{color:#333;font-family:Roboto; font-weight:400;font-size:16px;}
#mashine .wrapper .txt table{margin:20px 0 30px;width:100%;border-collapse:collapse;}
#mashine .wrapper .txt table td{padding:5px 10px;width:50%;border:1px solid #ddd;color:#333;font-family:Roboto; font-weight:400;font-size:16px;}

@media screen and (max-width:1000px){#mashine .wrapper{background-position:right 25px bottom 25px;}#mashine .wrapper .img{margin:25px;width:calc(40% - 50px);}#mashine .wrapper .txt{margin:25px;width:calc(60% - 50px);}#mashine .tabs{margin:50px 20px 30px auto;}}
@media screen and (max-width:600px){#mashine .wrapper{background-position:right 30px bottom 30px;}#mashine .wrapper .img, #mashine .wrapper .txt{margin:30px;width:calc(100% - 60px);}#mashine .wrapper .img{margin-top:0px;}}

#faq{position:relative;background:#fff;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#faq .title{position:relative;margin:170px 20px 0;}
#faq .title h6{color:#333;font-family:Roboto; font-weight:900;font-size:30px;margin:0;padding:0;text-transform:uppercase;}
#faq .vopros-otvet{position:relative;margin:70px 20px 60px;text-align:justify;}
#faq .vopros-otvet .spoiler{position:relative;margin:0;width:100%;}
#faq .vopros-otvet .spoiler .vopros{position:relative;padding:10px 30px 8px;margin-bottom:10px;background:#f8f8f8;box-shadow:0 1px 1px rgba(0,0,0,.1);cursor:pointer;color:#333;font-family:Roboto; font-weight:400;font-size:16px;}
#faq .vopros-otvet .spoiler .vopros:before{position:absolute;content:"+";top:calc(50% - 13px);left:13px;color:#c93034;font-family:Roboto; font-weight:400;font-size:25px;font-weight:bold;}
#faq .vopros-otvet .spoiler .vopros.active:before{content:"-";font-size:33px;top:calc(50% - 17px);}
#faq .vopros-otvet .spoiler .otvet{position:relative;margin:15px 0 20px 50px;text-align:justify;color:#333;font-family:Roboto; font-weight:400;font-size:16px;}

#kak{position:relative;background:#f8f8f8;width:100%;border-bottom:1px solid #eee;overflow:hidden;}
#kak .title{position:relative;margin:70px 20px 0;}
#kak .title h6{color:#333;font-family:Roboto; font-weight:900;font-size:30px;margin:0;padding:0;text-transform:uppercase;}
#kak .title hr:before{background:#f8f8f8;}
#kak .colums{display:table;margin:50px 0;width:67%;float:left;}
#kak .colums .col{position:relative;display:inline-block;margin:20px;width:calc(50% - 40px);text-align:justify;vertical-align:top;}
#kak .colums .col:before{position:absolute;content:"";left:0;top:25px;width:40px;height:15px;background:#ddd;z-index:-1;}
#kak .colums .col img{width:40px;display:block;margin-bottom:10px;}
#kak .colums .col strong{display:block;margin-bottom:10px;font-size:17px;color:#333;font-family:Roboto; font-weight:700;}
#kak .colums .col span{color:#333;font-family:Roboto; font-weight:400;font-size:16px;}
#kak .img{position:relative;float:right;margin:50px 20px 0;width:calc(33% - 40px);text-align:center;}
#kak .img img{width:95%;}

@media screen and (max-width:800px){#kak .colums{width:100%;}#kak .img{display:none;}}
@media screen and (max-width:600px){#kak .colums .col{width:calc(100% - 40px);}#kak .img{display:block;margin:-30px 20px 50px;width:calc(100% - 40px);}}

#map{position:relative;width:100%;height:350px;border-bottom:1px solid #eee;background:url(../img/map.jpg) center / cover;}

#footer{position:relative;background:#fff;width:100%;overflow:hidden;}
#footer:before{position:absolute;content:"";background:url(../img/coffee.png) no-repeat left bottom / 250px;top:0;bottom:100px;left:0;right:0;width:calc(100% - 40px);max-width:1160px;margin:auto;}
#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;}
#footer .colums .col .ttl h6{color:#333;font-family:Roboto; font-weight:900;font-size:25px;margin:0;padding:0;}
#footer .colums .col span, #footer .colums .col span a{color:#333;font-family:Roboto; font-weight:400;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:Roboto; font-weight:400;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 .btn{position:relative;background:#b8240a;margin:25px 0 0 auto;width:215px;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:Roboto; font-weight:400;font-size:14px;}
#footer .line{position:relative;margin:0 20px;width:calc(100% - 40px);height:1px;background:#ddd;}
#footer .socnetwork{position:relative;float:left;width:calc(50% - 40px);margin:10px 15px;}
#footer .socnetwork div{position:relative;float:left;margin:5px;border-radius:5px;box-shadow:inset 0px -2px 0 rgba(0,0,0,.5);width:100px;text-align:center;}
#footer .socnetwork div img{height:25px}
#footer .artlanding{position:relative;float:right;width:calc(50% - 40px);margin:20px;text-align:right;}
#footer .socnetwork span{color:#fff;font-family:Roboto; font-weight:400;font-size:15px;}
#footer .artlanding span{color:#333;font-family:Roboto; font-weight:400;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 .socnetwork, #footer .artlanding{width:calc(100% - 40px);text-align:left;}#footer .socnetwork{margin-bottom:-10px;}}

#action{position:relative;width:calc(100% - 40px);max-width:1160px;margin:-100px auto;border:1px solid #eee;z-index:4;overflow:hidden;}
#action:before{position:absolute;content:"";background:url(../img/action/bg.jpg) center / cover;top:0;bottom:0;left:0;right:0;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);transition:all 20s ease;}
#action:after{position:absolute;content:"";background:rgba(0,0,0,.6);top:0;bottom:0;right:0;left:0;z-index:1;}
#action .txt{position:relative;margin:50px 20px;width:calc(60% - 40px);float:left;text-align:justify;z-index:2;}
#action .txt span{color:#fff;font-family:Roboto; font-weight:400;font-size:17px;}
#action .txt strong{border-bottom:1px dashed #ccc;color:#fff;font-family:Roboto; font-weight:700;font-size:25px;}
#action .txt b{font-family:Roboto; font-weight:700;font-size:21px;}
#action .Forma{position:relative;margin:35px 15px;width:calc(40% - 30px);float:right;z-index:2;}
#action .Forma .Editbox1, #action .Forma .Editbox2{background:transparent;border:0;border-bottom:2px solid #fff;color:#fff;font-family:Roboto; font-weight:400;font-size:15px;text-align:left;padding:0px;vertical-align:middle;position:relative;float:left;margin:5px;width:calc(50% - 10px);height:35px;line-height:35px;border-radius:0;transition:all 0.3s ease-out 0s;}
#action .Forma .Editbox1::-webkit-input-placeholder, #action .Forma .Editbox2::-webkit-input-placeholder{color:#fff;}
#action .Forma .Editbox1::-moz-placeholder, #action .Forma .Editbox2::-moz-placeholder{color:#fff;}
#action .Forma .Editbox1::-moz-placeholder, #action .Forma .Editbox2::-moz-placeholder{color:#fff;}
#action .Forma .Editbox1::-ms-input-placeholder, #action .Forma .Editbox2::-moz-placeholder{color:#fff;}
#action .Forma .Button{position:relative;margin:20px 5px 0;width:calc(100% - 10px);height:38px;line-height:38px;border-radius:30px;background:#fff;box-shadow:0 0 5px 5px rgba(0,0,0,.05);overflow:hidden;text-align:center;cursor:pointer;}
#action .Forma .Button:before{position:absolute;content:"";background:#eee;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 .Forma .Button:hover:before{width:335%;height:562.5px;}
#action .Forma .Button:after{position:absolute;content:"";background:rgba(0,0,0,.35);top:-10px;bottom:-10px;width:25px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:blick 2s infinite ease;animation:blick 2s infinite ease;opacity:.3}
#action .Forma .Button span{position:relative;color:#333;font-family:Roboto; font-weight:400;font-size:15px;}

@media screen and (max-width:1000px){#action .Forma .Editbox1, #action .Forma .Editbox2{width:calc(100% - 10px);}}
@media screen and (max-width:650px){#action .txt{width:calc(100% - 40px);margin:30px 20px;}#action .Forma{width:calc(100% - 30px);margin:-10px 15px 30px;}}

.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/coffee.png) no-repeat right 35px bottom 30px / 250px;}
.modal_book .Forma .title{position:relative;margin-bottom:25px;text-align:justify;}
.modal_book .Forma .title strong{color:#333;font-family:Roboto; font-weight:900;font-size:25px;}
.modal_book .Forma .title span{color:#333;font-family:Roboto; font-weight:400;font-size:16px;}
.modal_book .Forma .Editbox1, .modal_book .Forma .Editbox2{background:transparent;border:0;border-bottom:2px solid #333;color:#000;font-family:Roboto; font-weight:400;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:Roboto; font-weight:400;font-size:15px;}
.modal_book .Forma .call{position:relative;margin-top:15px;text-align:justify;}
.modal_book .Forma .call span{color:#333;font-family:Roboto; font-weight:400;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);}}

.modal_otziv{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_otziv .img{position:relative;background:#fff;overflow:hidden;}
.modal_otziv .img img{width:calc(100% - 10px);margin:5px 5px 0;box-shadow:0 0 0 1px #ddd;}

@media screen and (max-width:500px){.modal_otziv{top:calc(50% - 200px);}}

#exit{position:fixed;background:rgba(0,0,0,.85);top:0;bottom:0;left:0;right:0;opacity:0;display:none;overflow:hidden;z-index:102;}
#exit .exit_modal{position:absolute;bottom:45%;left:0;right:0;margin:auto;width:800px;margin-bottom:-210px;}
#exit .exit_modal:before{position:absolute;content:"";top:-10px;bottom:10px;width:50%;background: url(../img/book.jpg) center / cover;}
#exit .exit_modal .Forma{position:relative;padding:30px 35px;float:right;top:10px;width:calc(50% - 70px);background:#fff url(../img/coffee.png) no-repeat right 35px bottom 30px / 250px;}
#exit .exit_modal .Forma .title{position:relative;margin-bottom:25px;text-align:justify;}
#exit .exit_modal .Forma .title strong{color:#333;font-family:Roboto; font-weight:900;font-size:25px;}
#exit .exit_modal .Forma .title span{color:#333;font-family:Roboto; font-weight:400;font-size:16px;}
#exit .exit_modal .Forma .title hr{width:5px;}
#exit .exit_modal .Forma .Editbox1, #exit .exit_modal .Forma .Editbox2{background:transparent;border:0;border-bottom:2px solid #333;color:#000;font-family:Roboto; font-weight:400;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;}
#exit .exit_modal .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;}
#exit .exit_modal .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%);}
#exit .exit_modal .Forma .Button:hover:before{width:335%;height:562.5px;}
#exit .exit_modal .Forma .Button span{position:relative;color:#fff;font-family:Roboto; font-weight:400;font-size:15px;}
#exit .exit_modal .Forma .call{position:relative;margin-top:15px;text-align:justify;}
#exit .exit_modal .Forma .call span{color:#333;font-family:Roboto; font-weight:400;font-size:16px;}

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

#message .sms{position:fixed;background:#008000;right:25px;bottom:25px;width:200px;padding:15px;border-radius:10px;box-shadow:0 0 15px 5px rgba(0,0,0,.15);display:none;z-index:10;opacity:.85}
#message .sms span{color:#fff;font-family:Roboto; font-weight:400;font-size:15px;}

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

@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}
@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}

@-webkit-keyframes pulse{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;transform:scale(1.3);}}
@-moz-keyframes pulse{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;transform:scale(1.3);}}
@-o-keyframes pulse{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;transform:scale(1.3);}}
@-ms-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);}}

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

@keyframes blick{from{left:-150px;}to{left:calc(100% + 150px);}}
@-webkit-keyframes blick{from{left:-150px;}to{left:calc(100% + 150px);}}
@-moz-keyframes blick{from{left:-150px;}to{left:calc(100% + 150px);}}
@-o-keyframes blick{from{left:-150px;}to{left:calc(100% + 150px);}}
@-ms-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);}}