@font-face{font-family:'OfficinaSerifC-Bold';font-display:swap;src: url('/system/fonts/OfficinaSerifC-Bold.eot');src: url('/system/fonts/OfficinaSerifC-Bold.eot?#iefix') format('embedded-opentype'),url('/system/fonts/OfficinaSerifC-Bold.svg#OfficinaSerifC-Bold') format('svg'),url('/system/fonts/OfficinaSerifC-Bold.woff') format('woff'),url('/system/fonts/OfficinaSerifC-Bold.ttf') format('truetype');}
@font-face{font-family:'OfficinaSerifC-Book';font-display:swap;src: url('/system/fonts/OfficinaSerifC-Book.eot');src: url('/system/fonts/OfficinaSerifC-Book.eot?#iefix') format('embedded-opentype'),url('/system/fonts/OfficinaSerifC-Book.svg#OfficinaSerifC-Book') format('svg'),url('/system/fonts/OfficinaSerifC-Book.woff') format('woff'),url('/system/fonts/OfficinaSerifC-Book.ttf') format('truetype');}

@font-face{font-family:'DINPro-Black';font-display:swap;src:url('/system/fonts/DINPro-Black/DINPro-Black.eot');src:url('/system/fonts/DINPro-Black/DINPro-Black.eot?#iefix') format('embedded-opentype'),url('/system/fonts/DINPro-Black/DINPro-Black.svg#DINPro-Black') format('svg'),url('/system/fonts/DINPro-Black/DINPro-Black.ttf') format('truetype'),url('/system/fonts/DINPro-Black/DINPro-Black.woff') format('woff');}
@font-face{font-family:'DINPro-Bold';font-display:swap;src:url('/system/fonts/DINPro-Bold/DINPro-Bold.eot');src:url('/system/fonts/DINPro-Bold/DINPro-Bold.eot?#iefix') format('embedded-opentype'),url('/system/fonts/DINPro-Bold/DINPro-Bold.svg#DINPro-Bold') format('svg'),url('/system/fonts/DINPro-Bold/DINPro-Bold.ttf') format('truetype'),url('/system/fonts/DINPro-Bold/DINPro-Bold.woff') format('woff');}
@font-face{font-family:'DINPro-Regular';font-display:swap;src:url('/system/fonts/DINPro-Regular/DINPro-Regular.eot');src:url('/system/fonts/DINPro-Regular/DINPro-Regular.eot?#iefix') format('embedded-opentype'),url('/system/fonts/DINPro-Regular/DINPro-Regular.svg#DINPro-Regular') format('svg'),url('/system/fonts/DINPro-Regular/DINPro-Regular.ttf') format('truetype'),url('/system/fonts/DINPro-Regular/DINPro-Regular.woff') format('woff');}
@font-face{font-family:'DINPro-Light';font-display:swap;src:url('/system/fonts/DINPro-Light/DINPro-Light.eot');src:url('/system/fonts/DINPro-Light/DINPro-Light.eot?#iefix') format('embedded-opentype'),url('/system/fonts/DINPro-Light/DINPro-Light.svg#DINPro-Light') format('svg'),url('/system/fonts/DINPro-Light/DINPro-Light.ttf') format('truetype'),url('/system/fonts/DINPro-Light/DINPro-Light.woff') format('woff');}

::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-thumb{border-width:1px 1px 1px 2px;border-color:#777;background-color:#cb4e4e;}
::-webkit-scrollbar-track{border-left:1px solid #ccc;background-color:#ddd;}

body{margin:0;padding:0;}

.container{position:relative;margin:0 auto;text-align:left;max-width:1150px;text-align:left;}

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

a, a:hover{display:contents;text-decoration:none;border-bottom:none;}
textarea:focus, input:focus{outline:none;}

#menu{position:fixed;background:#111;left:0px;right:0;top:0px;z-index:10;}
#menu .pm{position:absolute;top:12.5px;left:20px;width:50px;height:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;display:none;cursor:pointer;}
#menu .pm:before{position:absolute;content:"";top:calc(50% - 1.5px);left:0;width:60%;height:2px;background:#fff;transition:all .3s;}
#menu .pm:hover:before{width:100%;}
#menu .nav{display:inline-block;margin:0 20px;transition:all .5s;}
#menu .nav div{position:relative;display:inline-block;margin:0;padding:15px 25px 15px 0;transition:all .3s;}
#menu .nav div span{font-family:DINPro-Regular;font-size:13.5px;color:#fff;text-shadow:0px -1px 0px rgba(0,0,0,.8);}
#menu .nav div:before{position:absolute;content:"";background:#cb4e4e;left:0;top:50%;height:10px;width:0;z-index:-1;transition:all .5s;}
#menu .nav div:hover:before{width:50%;}
#menu .lang{position:relative;float:right;margin:12.5px 20px;width:120px;border-radius:3px;overflow:hidden;box-shadow:0px 2px 2px rgba(0,0,0,.1);}
#menu .lang div{position:relative;float:left;margin:0;height:25px;line-height:25px;width:33.3333%;background:#f5f5f5;text-align:center;transition:all .5s;color:#333;font-family:DINPro-Regular;font-size:13px;}
#menu .lang div:hover, #menu .lang div.active{background:#cb4e4e;color:#fff;text-shadow:0px -1px 0px rgba(0,0,0,.6);}
#menu .lang div.active{cursor:default;}

@media screen and (max-width:1000px){#menu .pm{display:block;}#menu .nav{position:absolute;visibility:hidden;opacity:0;top:100px;background:#111;width:180px;padding:10px 15px;border-radius:3px;}#menu .nav div{width:calc(100% - 25px);padding:5px 25px 5px 0;}}

#mini-shapka{position:relative;background:#fff;padding-top:50px;z-index:1;}
#mini-shapka .logo{position:absolute;background:#fff url(/system/images/logo.png) no-repeat center / 85%;left:20px;top:0;height:100px;width:75px;border-radius:5px;    box-shadow:0 15px 10px rgba(0,0,0,.15);}
#mini-shapka .tel{display:inline-block;margin:15px 20px 15px 115px;}
#mini-shapka .tel span{color:#333;font-family:DINPro-Regular;font-size:18px;}
#mini-shapka .button{display:inline-block;float:right;margin:15px 20px;width:200px;height:40px;background:#cb4e4e;border-radius:3px;box-shadow:0 3px #ab3c3c, 0px 2px 4px rgba(0,0,0,.4);transition:all .5s;line-height:40px;text-align:center;text-shadow:0px -1px 0px rgba(0,0,0,.6);}
#mini-shapka .button:hover{background:#b54242;box-shadow:0 3px #952d2d, 0 2px 2px rgba(0,0,0,.4);}
#mini-shapka .button span{font-family:DINPro-Bold;font-size:18px;color:#fff;}

@media screen and (max-width:600px){#mini-shapka .button span{display:none;}#mini-shapka .button{width:60px;background:#cb4e4e url(/system/images/call.svg) no-repeat center / auto 80%;}}
@media screen and (max-width:400px){#mini-shapka .tel{display:none;}}
	
#shapka{position:relative;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 .title{display:inline-block;margin:180px 20px;width:calc(100% - 420px);}
#shapka .title h1{color:#fff;font-family:DINPro-Bold;font-size:40px;text-shadow:1px 1px 3px #333;}
#shapka .title hr{width:150px;border:0;background:#fff;height:3px;margin:15px 0px 10px;}
#shapka .title span{color:#fff;font-family:DINPro-Bold;font-size:20px;text-shadow:1px 1px 3px #333;}
#shapka .Forma{position:relative;float:right;background:#E9FFFF;margin:100px 20px;width:330px;box-shadow:0 1px 4px rgba(0,0,0,.5);}
#shapka .Forma .head{position:relative;background:#333;margin:0 0 30px;padding:20px;text-align:center;}
#shapka .Forma .head:after{position:absolute;content:"";bottom:-10px;left:calc(50% - 20px);border-left:20px solid transparent;border-right:20px solid transparent;border-top:10px solid #333;}
#shapka .Forma .head strong{color:#fff;font-family:DINPro-Bold;font-size:18px;}
#shapka .Forma .head span{color:#fff;font-family:DINPro-Regular;font-size:16px;}
#shapka .Forma .Editbox1, #shapka .Forma .Editbox2{display:inline-block;margin:0 20px 5px;width:calc(100% - 52px);background:#FFF;border:1px #A9A9A9 solid;height:35px;line-height:35px;padding-left:10px;box-shadow:2px 2px 0px 0px #E6E6FA inset;color:#000;font-family:DINPro-Regular;font-size:18px;}
#shapka .Forma .jq-file{display:inline-block;margin:0 20px 5px;width:calc(100% - 40px);height:35px;box-shadow:0 1px 2px rgba(0,0,0,.1);}
#shapka .Forma .jq-file__name{overflow:hidden;box-sizing:border-box;width:100%;height:35px;line-height:30px;padding-left:10px;border:1px #A9A9A9 solid;background:#FFF;box-shadow:2px 2px 0px 0px #E6E6FA inset;font-size: 18px;font-family: DINPro-Regular;color:#A4A4A4;}
#shapka .Forma .jq-file__browse{position:absolute;width:70px;height:100%;line-height:30px;top:0;right:0;background:#cb4e4e;text-align:center;font-size:17px;font-family: DINPro-Bold;color:#fff;transition:all .3s;box-shadow:0 1px #333;}
#shapka .Forma .jq-file:hover .jq-file__browse{background:#333;cursor:pointer;}
#shapka .Forma .Button{display:inline-block;margin:15px 20px 0;width:calc(100% - 40px);height:45px;background:#cb4e4e;color:#fff;font-family:DINPro-Bold;font-size:20px;border-radius:3px;box-shadow:0 3px #ab3c3c, 0px 2px 4px rgba(0,0,0,.4);transition:all .5s;border:0;}
#shapka .Forma .Button:hover{background:#B54242;box-shadow:0 3px #952D2D, 0px 2px 2px rgba(0,0,0,.4);cursor:pointer;}
#shapka .Forma .dok{display:inline-block;margin:15px 20px 25px;width:calc(100% - 40px);text-align:center;}
#shapka .Forma .dok span{color:#333;font-family:DINPro-Regular;font-size:18px;border-bottom:1px dashed;transition:all .2s;}
#shapka .Forma .dok span:hover{color:#cb4e4e;}

@media screen and (max-width:700px){#shapka .title{margin:180px 20px 0;width:calc(100% - 40px);}#shapka .Forma{width:auto;margin-top:35px;}#shapka .title h1{font-size:35px;}}

#info1{position:relative;background:#f5f5f5;padding:1px 0;}
#info1 .colums{display:flex;flex-wrap:wrap;margin:10px;}
#info1 .colums .img{display:inline-block;margin:10px;width:calc(16.6666% - 20px);height:70px;filter:grayscale(100%);opacity:.5;transition:all .5s;}
#info1 .colums .img:hover{filter:grayscale(50%);}

@media screen and (max-width:1000px){#info1 .colums .img{width:calc(33.3333% - 20px);}}
@media screen and (max-width:600px){#info1 .colums .img{width:calc(50% - 20px);}}
	
#info2{position:relative;background:#fff;padding:1px 0;}
#info2 .title{position:relative;margin:50px 20px;text-align:center;}
#info2 .title h2{color:#333;font-family:DINPro-Bold;font-size:35px;}
#info2 .title hr{width:150px;border:0;background:#333;height:2px;margin:15px auto;}
#info2 .colums{display:flex;flex-wrap:wrap;margin:50px 10px;}
#info2 .colums .col{display:inline-block;margin:10px;padding:10px;width:calc(25% - 40px);background:#f5f5f5;box-shadow:0 2.5px 1px rgba(0,0,0,.15);text-align:center;vertical-align:top;}
#info2 .colums .col .img{position:relative;width:100px;height:100px;border-radius:100%;margin:20px auto;background-repeat:no-repeat;background-position:center;background-color:#333;transition:all .2s;}
#info2 .colums .col .img:before{position:absolute;content:"";left:5px;right:5px;top:5px;bottom:5px;border-radius:100%;border:2px solid #333;transition:all .2s;z-index:-1;}
#info2 .colums .col:hover .img{background-color:#cb4e4e;}
#info2 .colums .col:hover .img:before{left:-5px;right:-5px;top:-5px;bottom:-5px;z-index:1;}
#info2 .colums .col span{color:#333;font-family:DINPro-Regular;font-size:20px;}
#info2 .colums .col .button{position:relative;margin:15px auto;max-width:180px;height:30px;background:#cb4e4e;border-radius:3px;box-shadow:0 3px #ab3c3c, 0px 2px 4px rgba(0,0,0,.4);transition:all .5s;line-height:30px;text-align:center;font-family:DINPro-Bold;font-size:18px;color:#fff;}
#info2 .colums .col .button:hover{background: #b54242;box-shadow:0 3px #952d2d, 0 2px 2px rgba(0, 0, 0, 0.4);}

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

#info3{position:relative;background:url(/system/images/shapka/poster.jpg) center / cover;padding:1px 0;}
#info3 .youtube{display:inline-block;margin:100px 20px;width:calc(100% - 420px);box-shadow:0 1px 5px rgba(0,0,0,.5);border:2px solid #eee;}
#info3 .youtube iframe{width:100%;height:100%;border:0;}
#info3 .Forma{position:relative;float:right;background:#E9FFFF;margin:100px 20px;width:330px;box-shadow:0 1px 4px rgba(0,0,0,.5);}
#info3 .Forma .head{position:relative;background:#333;margin:0 0 30px;padding:20px;text-align:center;}
#info3 .Forma .head:after{position:absolute;content:"";bottom:-10px;left:calc(50% - 20px);border-left:20px solid transparent;border-right:20px solid transparent;border-top:10px solid #333;}
#info3 .Forma .head strong{color:#fff;font-family:DINPro-Bold;font-size:18px;}
#info3 .Forma .head span{color:#fff;font-family:DINPro-Regular;font-size:16px;}
#info3 .Forma .Editbox1, #info3 .Forma .Editbox2{display:inline-block;margin:0 20px 5px;width:calc(100% - 52px);background:#FFF;border:1px #A9A9A9 solid;height:35px;line-height:35px;padding-left:10px;box-shadow:2px 2px 0px 0px #E6E6FA inset;color:#000;font-family:DINPro-Regular;font-size:18px;}
#info3 .Forma .jq-file{display:inline-block;margin:0 20px 5px;width:calc(100% - 40px);height:35px;box-shadow:0 1px 2px rgba(0,0,0,.1);}
#info3 .Forma .jq-file__name{overflow:hidden;box-sizing:border-box;width:100%;height:35px;line-height:30px;padding-left:10px;border:1px #A9A9A9 solid;background:#FFF;box-shadow:2px 2px 0px 0px #E6E6FA inset;font-size: 18px;font-family: DINPro-Regular;color:#A4A4A4;}
#info3 .Forma .jq-file__browse{position:absolute;width:70px;height:100%;line-height:30px;top:0;right:0;background:#cb4e4e;text-align:center;font-size:17px;font-family: DINPro-Bold;color:#fff;transition:all .3s;box-shadow:0 1px #333;}
#info3 .Forma .jq-file:hover .jq-file__browse{background:#333;cursor:pointer;}
#info3 .Forma .Button{display:inline-block;margin:15px 20px 0;width:calc(100% - 40px);height:45px;background:#cb4e4e;color:#fff;font-family:DINPro-Bold;font-size:20px;border-radius:3px;box-shadow:0 3px #ab3c3c, 0px 2px 4px rgba(0,0,0,.4);transition:all .5s;border:0;}
#info3 .Forma .Button:hover{background:#B54242;box-shadow:0 3px #952D2D, 0px 2px 2px rgba(0,0,0,.4);cursor:pointer;}
#info3 .Forma .dok{display:inline-block;margin:15px 20px 25px;width:calc(100% - 40px);text-align:center;}
#info3 .Forma .dok span{color:#333;font-family:DINPro-Regular;font-size:18px;border-bottom:1px dashed;transition:all .2s;}
#info3 .Forma .dok span:hover{color:#cb4e4e;}

@media screen and (max-width:700px){#info3 .youtube{margin:50px 20px 0;height:300px;width:calc(100% - 40px);}#info3 .Forma{width:auto;margin:35px 20px 50px;}}

#info4{position:relative;background:#fff;padding:1px 0;}
#info4 .title{position:relative;margin:50px 20px;text-align:center;}
#info4 .title h3{color:#333;font-family:DINPro-Bold;font-size:35px;}
#info4 .title hr{width:150px;border:0;background:#333;height:2px;margin:15px auto;}
#info4 .colums{display:flex;flex-wrap:wrap;margin:50px 10px;}
#info4 .colums .col{display:inline-block;margin:25px 10px;width:calc(25% - 20px);vertical-align:top;}
#info4 .colums .col .img{display:inline-block;width:70px;height:70px;background:#cb4e4e;border-radius:100%;text-align:center;vertical-align:middle;line-height:70px;overflow:hidden;border:1px solid #eee;}
#info4 .colums .col .img span{position:relative;bottom:-10px;color:#fff;font-family:DINPro-Bold;font-size:70px;}
#info4 .colums .col .txt{display:inline-block;float:right;width:calc(100% - 85px);}
#info4 .colums .col .txt span{color:#333;font-family:DINPro-Regular;font-size:20px;}

@media screen and (max-width:1000px){#info4 .colums .col .txt{width:auto;float:none;}#info4 .colums .col .img{display:block;}}
@media screen and (max-width:700px){#info4 .colums .col{width:calc(50% - 20px);}}
@media screen and (max-width:500px){#info4 .colums .col{width:calc(100% - 20px);margin-top:0;text-align:center;}#info4 .colums .col .img{margin:auto;width:50px;height:50px;}#info4 .colums .col .img span{font-size:50px;bottom:0;}}

#info5{position:relative;background:#f5f5f5;padding:1px 0;}
#info5 .title{position:relative;margin:50px 20px;text-align:center;}
#info5 .title h4{color:#333;font-family:DINPro-Bold;font-size:35px;}
#info5 .title hr{width:150px;border:0;background:#333;height:2px;margin:15px auto;}
#info5 .colums{display:flex;flex-wrap:wrap;margin:50px 19px;box-shadow:0 0 25px rgba(0,0,0,.25);}
#info5 .colums .col{position:relative;display:inline-block;margin:1px;width:calc(16.6666% - 2px);height:175px;background-repeat:no-repeat;background-position:center;background-size:cover;vertical-align:top;}
#info5 .colums .col:before{position:absolute;content:"+";background:rgba(0,0,0,.75);width:100%;height:100%;line-height:175px;text-align:center;color:#fff;font-size:75px;opacity:0;transition:all .5s;}
#info5 .colums .col:hover:before{opacity:1;}
#info5 .colums .col.first{width:calc(50% - 2px);}
#info5 .colums .col.last{width:calc(33.3333% - 2px);}

@media screen and (max-width:1000px){#info5 .colums .col,#info5 .colums .col.first,#info5 .colums .col.last{width:calc(33.3333% - 2px);}}
@media screen and (max-width:600px){#info5 .colums .col,#info5 .colums .col.first{width:calc(50% - 2px);}#info5 .colums .col.last{display:none;}}
@media screen and (max-width:400px){#info5 .colums .col,#info5 .colums .col.first,#info5 .colums .col.last{width:calc(100% - 2px);display:block;}}

#info6{position:relative;background:url(/system/images/shapka/poster.jpg) center / cover;padding:1px 0;}
#info6 .block{display:inline-block;background:#fff;margin:25px;padding:20px;width:calc(100% - 500px);border:2px solid #ccc;outline:5px solid #fff;}
#info6 .block span{color:#333;font-family:DINPro-Regular;font-size:18px;}
#info6 .Forma{position:relative;display:inline-block;background:#E9FFFF;margin:100px 20px;width:330px;box-shadow:0 1px 4px rgba(0,0,0,.5);}
#info6 .Forma .head{position:relative;background:#333;margin:0 0 30px;padding:20px;text-align:center;}
#info6 .Forma .head:after{position:absolute;content:"";bottom:-10px;left:calc(50% - 20px);border-left:20px solid transparent;border-right:20px solid transparent;border-top:10px solid #333;}
#info6 .Forma .head strong{color:#fff;font-family:DINPro-Bold;font-size:18px;}
#info6 .Forma .head span{color:#fff;font-family:DINPro-Regular;font-size:16px;}
#info6 .Forma .Editbox1, #info6 .Forma .Editbox2{display:inline-block;margin:0 20px 5px;width:calc(100% - 52px);background:#FFF;border:1px #A9A9A9 solid;height:35px;line-height:35px;padding-left:10px;box-shadow:2px 2px 0px 0px #E6E6FA inset;color:#000;font-family:DINPro-Regular;font-size:18px;}
#info6 .Forma .jq-file{display:inline-block;margin:0 20px 5px;width:calc(100% - 40px);height:35px;box-shadow:0 1px 2px rgba(0,0,0,.1);}
#info6 .Forma .jq-file__name{overflow:hidden;box-sizing:border-box;width:100%;height:35px;line-height:30px;padding-left:10px;border:1px #A9A9A9 solid;background:#FFF;box-shadow:2px 2px 0px 0px #E6E6FA inset;font-size: 18px;font-family: DINPro-Regular;color:#A4A4A4;}
#info6 .Forma .jq-file__browse{position:absolute;width:70px;height:100%;line-height:30px;top:0;right:0;background:#cb4e4e;text-align:center;font-size:17px;font-family: DINPro-Bold;color:#fff;transition:all .3s;box-shadow:0 1px #333;}
#info6 .Forma .jq-file:hover .jq-file__browse{background:#333;cursor:pointer;}
#info6 .Forma .Button{display:inline-block;margin:15px 20px 0;width:calc(100% - 40px);height:45px;background:#cb4e4e;color:#fff;font-family:DINPro-Bold;font-size:20px;border-radius:3px;box-shadow:0 3px #ab3c3c, 0px 2px 4px rgba(0,0,0,.4);transition:all .5s;border:0;}
#info6 .Forma .Button:hover{background:#B54242;box-shadow:0 3px #952D2D, 0px 2px 2px rgba(0,0,0,.4);cursor:pointer;}
#info6 .Forma .dok{display:inline-block;margin:15px 20px 25px;width:calc(100% - 40px);text-align:center;}
#info6 .Forma .dok span{color:#333;font-family:DINPro-Regular;font-size:18px;border-bottom:1px dashed;transition:all .2s;}
#info6 .Forma .dok span:hover{color:#cb4e4e;}

@media screen and (max-width:1000px){#info6 .block{margin-top:50px;width:calc(100% - 95px);}#info6 .Forma{margin:0 20px 50px;width:auto;}}

#info7{position:relative;background:#fff;padding:1px 0;}
#info7 .title{position:relative;margin:50px 20px;text-align:center;}
#info7 .title h5{color:#333;font-family:DINPro-Bold;font-size:35px;}
#info7 .title hr{width:150px;border:0;background:#333;height:2px;margin:15px auto;}
#info7 .colums{display:flex;flex-wrap:wrap;margin:50px 10px;}
#info7 .colums .col{display:inline-block;margin:25px 10px;width:calc(25% - 20px);vertical-align:top;}
#info7 .colums .col .img{position:relative;width:70px;height:70px;background:#cb4e4e;border-radius:100%;text-align:center;vertical-align:middle;line-height:70px;overflow:hidden;border:1px solid #eee;}
#info7 .colums .col .img span{position:relative;bottom:-10px;color:#fff;font-family:DINPro-Bold;font-size:70px;}
#info7 .colums .col span{color:#333;font-family:DINPro-Regular;font-size:18px;}

@media screen and (max-width:700px){#info7 .colums .col{width:calc(50% - 20px);}}
@media screen and (max-width:500px){#info7 .colums .col{width:calc(100% - 20px);margin-top:0;text-align:center;}#info7 .colums .col .img{margin:auto;width:50px;height:50px;}#info7 .colums .col .img span{font-size:50px;bottom:0;}}

#info8{position:relative;background:#f5f5f5;padding:1px 0;}
#info8 .title{position:relative;margin:50px 20px;text-align:center;}
#info8 .title h6{color:#333;font-family:DINPro-Bold;font-size:35px;}
#info8 .title hr{width:150px;border:0;background:#333;height:2px;margin:15px auto;}
#info8 .content{position:relative;margin:50px 20px;text-align:center;}
#info8 .content span{color:#333;font-family:DINPro-Regular;font-size:25px;}
#info8 .map{position:absolute;margin:0;width:100%;height:400px;border-top:2px solid #fff;overflow:hidden;}
#info8 .map iframe{width:calc(100% + 300px);height:calc(100% + 300px);margin:-150px;border:0;}

.modal_zvonok{position:fixed;max-width:400px;width:calc(100% - 40px);border:3px solid #fff;top:45%;left:50%;transform:translate(-50%,-50%);display:none;opacity:0;z-index:25;}
.modal_zvonok:before{position:absolute;content:"";left:-60px;right:-60px;background:#f5f5f5;top:calc(50% - 10px);height:10px;z-index:-1;transform:rotate(-30deg) skew(-30deg);}
.modal_zvonok:after{position:absolute;content:"";left:-50px;right:-50px;background:#cb4e4e;bottom:calc(50% - 15px);height:15px;z-index:-1;transform: rotate(-30deg) skew(-30deg);}
.modal_zvonok .form{position:relative;background:#f5f5f5;margin:5px;padding:1px 0;}
.modal_zvonok .form .title{position:relative;margin:30px 20px;text-align:center;}
.modal_zvonok .form .title strong{color:#333;font-family:DINPro-Bold;font-size:20px;}
.modal_zvonok .form .title span{color:#333;font-family:DINPro-Regular;font-size:18px;}
.modal_zvonok .form .Editbox1, .modal_zvonok .form .Editbox2{display:inline-block;margin:0 20px 5px;width:calc(100% - 52px);background:#FFF;border:1px #A9A9A9 solid;height:35px;line-height:35px;padding-left:10px;box-shadow:2px 2px 0px 0px #E6E6FA inset;color:#000;font-family:DINPro-Regular;font-size:18px;}
.modal_zvonok .form .Button{display:inline-block;margin:15px 20px 0;width:calc(100% - 40px);height:45px;background:#cb4e4e;color:#fff;font-family:DINPro-Bold;font-size:20px;border-radius:3px;box-shadow:0 3px #ab3c3c, 0px 2px 4px rgba(0,0,0,.4);transition:all .5s;border:0;}
.modal_zvonok .form .Button:hover{background:#b54242;box-shadow:0 3px #952d2d, 0px 2px 4px rgba(0,0,0,.4);cursor:pointer;}
.modal_zvonok .form .security{display:inline-block;margin:15px 20px 25px;width:calc(100% - 40px);text-align:center;}
.modal_zvonok .form .security span{color:#333;font-family:DINPro-Regular;font-size:17px;}

@media screen and (max-width:400px){.modal_zvonok:before, .modal_zvonok:after{display:none;}}

.modal_doc{position:fixed;max-width:900px;width:calc(100% - 40px);height:500px;top:45%;left:50%;transform:translate(-50%,-50%);border:3px solid #fff;display:none;opacity:0;z-index:25;}
.modal_doc:before{position:absolute;content:"";left:-60px;right:-60px;background:#f5f5f5;top:calc(50% - 10px);height:10px;z-index:-1;transform:rotate(-20deg) skew(-20deg);}
.modal_doc:after{position:absolute;content:"";left:-50px;right:-50px;background:#cb4e4e;bottom:calc(50% - 15px);height:15px;z-index:-1;transform:rotate(-20deg) skew(-20deg);}
.modal_doc .text{position:absolute;background:#f5f5f5;top:5px;bottom:5px;left:5px;right:5px;padding:30px;overflow:auto;color:#333;font-family:DINPro-Regular;font-size:17px;}
.modal_doc .text b{font-family:DINPro-Bold;}

@media screen and (max-width:900px){.modal_doc:before, .modal_doc:after{display:none;}}
	
.modal_portfolio{position:fixed;max-width:650px;width:calc(100% - 40px);top:45%;left:50%;transform:translate(-50%,-50%);border:3px solid #fff;display:none;opacity:0;z-index:25;}
.modal_portfolio:before{position:absolute;content:"";left:-60px;right:-60px;background:#f5f5f5;top:calc(50% - 10px);height:10px;z-index:-1;transform:rotate(-20deg) skew(-20deg);}
.modal_portfolio:after{position:absolute;content:"";left:-50px;right:-50px;background:#cb4e4e;bottom:calc(50% - 15px);height:15px;z-index:-1;transform:rotate(-20deg) skew(-20deg);}
.modal_portfolio img{width:calc(100% - 10px);margin:5px 5px 0;}

@media screen and (max-width:650px){.modal_portfolio:before, .modal_portfolio:after{display:none;}}

.modal_uslugi{position:fixed;max-width:900px;width:calc(100% - 40px);top:45%;left:50%;transform:translate(-50%,-50%);border:3px solid #fff;display:none;opacity:0;z-index:25;}
.modal_uslugi:before{position:absolute;content:"";left:-60px;right:-60px;background:#f5f5f5;top:calc(50% - 10px);height:10px;z-index:-1;transform:rotate(-20deg) skew(-20deg);}
.modal_uslugi:after{position:absolute;content:"";left:-50px;right:-50px;background:#cb4e4e;bottom:calc(50% - 15px);height:15px;z-index:-1;transform:rotate(-20deg) skew(-20deg);}
.modal_uslugi .uslugi_text{position:absolute;background:#fff;top:5px;left:5px;bottom:5px;width:calc(50% - 75px);padding:30px;}
.modal_uslugi .uslugi_text strong{color:#333;font-family:DINPro-Bold;font-size:20px;}
.modal_uslugi .uslugi_text hr{width:75px;border:0;background:#333;height:2px;margin:15px 0;}
.modal_uslugi .uslugi_text span{color:#333;font-family:DINPro-Regular;font-size:16px;}
.modal_uslugi .form{position:relative;margin:5px;background:#f5f5f5;width:calc(50% - 50px);float:right;padding:30px;}
.modal_uslugi .form .title{position:relative;margin-bottom:30px;text-align:center;}
.modal_uslugi .form .title strong{color:#333;font-family:DINPro-Bold;font-size:20px;}
.modal_uslugi .form .title span{color:#333;font-family:DINPro-Regular;font-size:18px;}
.modal_uslugi .form .Editbox1, .modal_uslugi .form .Editbox2, .modal_uslugi .form .Editbox3{display:inline-block;margin-bottom:5px;width:calc(100% - 12px);background:#FFF;border:1px #A9A9A9 solid;height:35px;line-height:35px;padding-left:10px;box-shadow:2px 2px 0px 0px #E6E6FA inset;color:#000;font-family:DINPro-Regular;font-size:18px;}
.modal_uslugi .form .Button{display:inline-block;margin-top:15px;width:100%;height:45px;background:#cb4e4e;color:#fff;font-family:DINPro-Bold;font-size:20px;border-radius:3px;box-shadow:0 3px #ab3c3c, 0px 2px 4px rgba(0,0,0,.4);transition:all .5s;border:0;}
.modal_uslugi .form .Button:hover{background:#b54242;box-shadow:0 3px #952d2d, 0px 2px 4px rgba(0,0,0,.4);cursor:pointer;}
.modal_uslugi .form .security{display:inline-block;margin-top:15px;width:100%;text-align:center;}
.modal_uslugi .form .security span{color:#333;font-family:DINPro-Regular;font-size:17px;}

@media screen and (max-width:900px){.modal_uslugi:before, .modal_uslugi:after{display:none;}}
@media screen and (max-width:700px){.modal_uslugi{overflow:auto;}.modal_uslugi .uslugi_text{position:relative;width:calc(100% - 70px);}.modal_uslugi .form{margin-top:0;width:calc(100% - 70px);}.modal_uslugi .form .title, .modal_uslugi .form .security{text-align:left;}.modal_uslugi .wrapper{overflow:auto;position:absolute;top:0;bottom:0;left:0;right:0;}.modal_uslugi{height:500px;}.modal_uslugi .modal_close{position:fixed;}}

#overlay{position:fixed;background:rgba(0,0,0,.8);top:0;left:0;bottom:0;right:0;cursor:pointer;display:none;z-index:24;}
.modal_close{position:absolute;background:url("/system/images/close.png") center / cover;width:20px;height:20px;top:15px;right:15px;cursor:pointer;z-index:10;}

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