/*********************************Первый экран*********************************/
@font-face {font-family: 'Bold'; src: url('../fonts/Geometria-Bold.eot'); src: local('?'), url('../fonts/Geometria-Bold.woff') format('woff'), url('../fonts/Geometria-Bold.ttf') format('truetype'), url('../fonts/Geometria-Bold.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Regular'; src: url('../fonts/Geometria.eot'); src: local('?'), url('../fonts/Geometria.woff') format('woff'), url('../fonts/Geometria.ttf') format('truetype'), url('../fonts/Geometria.svg') format('svg'); font-weight: normal; font-style: normal;}


body, html {height: 100%; margin: 0px; padding: 0px; font-family: 'Regular'; font-size: 18px; line-height: 28px;}
.content { background-color: #f7f8fa; color: #054a60; }
* {box-sizing: border-box;}

a {text-decoration: none; color: #004a60;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
a:hover {color: #31a38c;}
b, strong {font-weight: normal; font-family: 'Bold';}
.clear {clear: both;}
.center {text-align: center !important;}
body.noscroll {overflow: hidden;}
p {margin-top: 0px; margin-bottom: 15px;}
h1, h2, h3, h4, h5 {margin-top: 0px;}
.rel {position: relative;}


header {display: block; width: 100%; background-color: #f7f8fa; padding: 15px 140px; position: relative;}
header .logo {display: inline-block; width: 30%; vertical-align: middle; position: relative; z-index: 3; padding-right: 30px;}
header .logo img {width: 100%; height: 100%; margin-right:}
header .block {display: inline-block; width: 70%; vertical-align: middle; position: relative;}
header .block .top {display: block; clear: both; padding-bottom: 15px; border-bottom: 1px solid #becdd3;}
header .block .top .left a{font-size: 15px; font-family: 'Bold'; margin-right: 30px;}
header .block .top .left {float: left;}
header .block .top .right {float: right;}
header .block .top .right a{font-size: 15px; font-family: 'Bold'; margin-left: 30px; text-transform: uppercase;}
header .block .top .right a svg {fill: #004a60; display: inline-block; margin-right: 10px; vertical-align: middle;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
header .block .top .right .block1.active {color: #31a38c;}
header .block .top .right .block1.active svg {fill: #31a38c;}
header .block .top .right a:hover svg{fill: #31a38c;}
header .block .bottom {display: block; clear: both; padding-top: 15px; margin-bottom: 0px;}
header .block .bottom .menu {display: inline-block; vertical-align: middle; width: calc(100% - 224px);}
header .block .bottom .menu:hover .submenu{z-index: 4;}
header .block .bottom .menu .item-menu {display: inline-block;}
header .block .bottom .menu .item-menu .mn{position: relative; z-index: 3;}
header .block .bottom .menu .item-menu .rel {position: relative;}
header .block .bottom .menu .item-menu:hover .submenu{z-index: 5; opacity: 1;}
header .block .bottom .menu .item-menu .submenu {position: absolute; top: 23px; left: -30px; width: 300px; padding-top: 30px; opacity: 0; z-index: -3; background-color: #f7f8fa; padding-left: 30px; padding-right: 30px;

    box-shadow: 0px 6px 5px rgba(0,0,0,0.5);
}
/*header .block .bottom .menu .item-menu .submenu:after {content: ''; display: block; position: absolute; top: 47px; left: 0px; width: 0;  z-index: 2; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #86a3ac;}*/
header .block .bottom .menu .item-menu .submenu ul {padding-left: 0px; margin: 0px; position: relative; z-index: 2; padding-bottom: 0px;}
header .block .bottom .menu .item-menu .submenu li {list-style: none; padding-left: 0px; margin-bottom: 25px; line-height: 20px;}
header .block .bottom .menu .item-menu .submenu li a{text-transform: none; line-height: 16px;}
header .block .bottom .menu .item-menu .submenu i.fon {display: block; content: ''; background-color: #f7f8fa; position: absolute; height: 100%; width: calc(100vw - 20px); top: 0px; left: 0px; z-index: 1;}
header .block .bottom .menu .item-menu .submenu i.fon:after {content: ''; display: block; height: 1px; width: calc(100% - 280px); position: absolute; left: 140px; top: 55px; background-color: #86a3ac;}

header .block .bottom .menu a {font-size: 15px; font-family: 'Bold'; margin-right: 30px; text-transform: uppercase;}
header .block .bottom .a-cabinet {display: inline-block; vertical-align: middle; font-size: 15px; font-family: 'Bold'; text-transform: uppercase; background-color: #054a60; color: #f7f8fa; padding: 7px; width: 224px; text-align: center; position: relative; z-index: 2;}
header .block .bottom .a-cabinet:hover {background-color: #31a38c;}
header .aMenuMobile {display: block; width: 50px; height: 50px; position: relative; display: none;}
header .aMenuMobile:after {display: block; content: ''; position: absolute; left: 0px; top: 7px; width: 100%; height: 3px; background-color: #054a60;}
header .aMenuMobile i {display: block; position: absolute; width: 100%; height: 3px; background-color: #054a60; left: 0px; top: 23px;}
header .aMenuMobile:before {display: block; content: ''; position: absolute; left: 0px; bottom: 8px; width: 100%; height: 3px; background-color: #054a60;}
header .logo .img {background: url('../i/logo35.png')  no-repeat; position: static; background-size: 100% auto; width: 398px; max-width: 100%; height: 98px;}

.menu-mobile {padding: 30px; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 999; background-color: #f7f8fa; display: none;}
.menu-mobile .column {margin-bottom: 30px;}
.menu-mobile .mn {font-family: 'Bold'; text-transform: uppercase; font-size: 20px;}
.menu-mobile ul li {list-style: none; padding-left: 0px; font-size: 18px; margin-bottom: 20px;}
.menu-mobile .a-cabinet-mobile {color: white; background-color: #054a60; padding: 15px 30px; text-transform: uppercase; font-family: 'Bold';}
.menu-mobile .contacts {padding-top: 5px;}
.menu-mobile .contacts a{margin-right: 30px; display: inline-block; font-family: 'Bold'; margin-bottom: 30px;}
.menu-mobile .contacts .left {margin-top: 30px; margin-bottom: 30px;}
.menu-mobile .contacts a svg {fill: #004a60; display: inline-block; margin-right: 10px; vertical-align: middle;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.menu-mobile .close {position: absolute; right: 0px; top: 0px; display: block; width: 50px; height: 50px;}
.menu-mobile .close:after {content: ''; display: block; height: 3px; width: 40px; background-color: #054a60; transform: rotate(45deg); position: absolute; left: 5px; top: 23px;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
.menu-mobile .close:before {content: ''; display: block; height: 3px; width: 40px; background-color: #054a60; transform: rotate(135deg); position: absolute; left: 5px; top: 23px;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
.menu-mobile .close:hover:before, #form-call .close:hover:after {background-color: #31a38c;}


#block1 {position: relative; overflow: hidden; height: 0px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
#block1.active {height: auto;}
#block1 .text {border-top: 1px solid #86a3ac; padding-top: 70px; font-size: 15px; border-bottom: 1px solid #86a3ac; padding-bottom: 70px;}
#block1 .text .caption {display: inline-block; vertical-align: top; width: 30%; padding-right: 50px; margin-top: -10px;}
#block1 .text .caption h3 {font-size: 30px; font-weight: normal; line-height: 40px}
#block1 .text .column {display: inline-block; vertical-align: top; width: 30%;}
#block1 .text .mr10 {margin-right: 10%;}

#block2 {position: relative; overflow: hidden; height: 0px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
#block2.active {height: auto;}
#block2 .text {border-top: 1px solid #86a3ac; padding-top: 30px; font-size: 15px; border-bottom: 1px solid #86a3ac; padding-bottom: 0px;}
#block2 .text .column {display: inline-block; vertical-align: top; padding-right: 30px; width: calc(100% / 5); float: left; padding-bottom: 30px;}
#block2 .text .column:last-child {padding-right: 0px;}
#block2 ul {padding-left: 0px; margin: 0px; position: relative; z-index: 2;}
#block2 li {list-style: none; padding-left: 0px; margin-bottom: 25px; line-height: 20px;}
#block2 li a{text-transform: none; line-height: 16px; font-family: 'Bold';}
#block2 .mn {font-size: 20px; font-family: 'Bold'; text-transform: uppercase; position: relative; margin-bottom: 20px; display: inherit;}

.closeBlock1 {text-align: center; margin-top: 20px;}
.closeBlock1 a {font-size: 15px; text-transform: uppercase; font-family: 'Bold'; position: relative; padding-right: 30px;}
.closeBlock1 a:before {content: ''; display: block; background-color: #004a60; width: 14px; height: 3px; position: absolute; right: 0px; bottom: 8px; transform: rotate(45deg);
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.closeBlock1 a:after {content: ''; display: block; background-color: #004a60; width: 14px; height: 3px; position: absolute; right: 8px; bottom: 8px; transform: rotate(135deg);
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.closeBlock1 a:hover:after {animation: arrow-1 1s linear infinite; background-color: #31a38c;}
.closeBlock1 a:hover:before {animation: arrow-1 1s linear infinite; background-color: #31a38c;}
@keyframes arrow-1 {0% {bottom:8px;}12% {bottom:4px;}88% {bottom:12px;}100% {bottom:8px;}}

.services-main {background-color: #054a60; padding-left: 140px; padding-right: 140px; position: relative; z-index: 0; overflow: hidden;}
.services-main .bg {display: block; position: absolute; background: url('../i/bg1.png'); width: 883px; height: 912px; right: -50px; top: -50px;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
.services-main:hover .bg {top: 0px; right: 0px;}
.services-main .top {border-bottom: 1px solid #dfdfdf; padding-top: 30px; padding-bottom: 35px; margin-bottom: 30px;}
.services-main .top .caption {color: white; font-size: 30px; line-height: 40px; padding-right: 100px; width: 70%; display: inline-block; vertical-align: top;}
.services-main .top .short {color: white; font-size: 16px; line-height: 26px; width: 30%; display: inline-block; vertical-align: top; opacity: 0.7; padding-top: 30px;}

.services-main .bx-controls{margin-top: 0px !important; display: none;}
.slider1 .bx-viewport li {min-height: 750px !important;}
#bxslider1 .service {display: inline-block; vertical-align: top; width: calc(100% / 3); position: relative; margin-bottom: 20px; opacity: 1; min-height: 120px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
#bxslider1 .service.hide {opacity: 0;}
/*#bxslider1 .service:nth-child(2n+1) {padding-right: 75px; padding-left: 0px;}*/
#bxslider1 .service .ico {width: 90px; height: 50px; background: #ffffff; position: absolute; text-align: center; display: inline-block; left: 0px; top: 7px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
#bxslider1 .service .ico svg {fill: #054a60; position: relative; z-index: 2; margin-top: -10px; width: 70px;}
#bxslider1 .service .ico:before {content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-bottom: 25px solid #ffffff;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
#bxslider1 .service .ico:after {content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-top: 25px solid #ffffff;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}

#bxslider1 .service .link {font-family: 'Bold'; font-size: 18px; display: inline-block; vertical-align: top; color: white; padding-left: 110px; line-height: 28px; margin-top: 18px; padding-right: 40px; position: relative;}
#bxslider1 .service .link:hover {color: #31a38c;}
#bxslider1 .service .link:hover .ico {background-color: #31a38c;}
#bxslider1 .service .link:hover .ico:before { border-bottom: 25px solid #31a38c;}
#bxslider1 .service .link:hover .ico:after { border-top: 25px solid #31a38c;}

#bxslider2 li {position: relative;}
#bxslider2 li .img {display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1;}

#bxslider2 li .img:before {z-index: 2; display: block; content: ''; position: absolute; left: 0px; height: 60%; width: 100%; bottom: 0px; background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));}

#bxslider2 .line {position: absolute; margin-left: 140px; margin-right: 140px; width: calc(100% - 280px); bottom: 90px; border-bottom: 1px solid #dfdfdf; left: 0px; z-index: 3; overflow: hidden; height: 100%;}
#bxslider2 .line .cap {font-size: 30px; line-height: 40px; color: white; margin-right: 30%; padding-bottom: 30px; position: absolute; bottom: -100px; opacity: 0;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
/*
#bxslider2 li .cap:before {z-index: 2; display: block; content: ''; position: absolute; left: 0px; height: 100%; width: 100%; bottom: 0px; background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgb(0, 0, 0));}
/**/
#bxslider2 .line .cap .gray{display: block; font-size: 18px;}
#bxslider2 .line.active .cap {bottom: 30px; opacity: 1;}
.slider1 .bx-controls {margin-top: 0px; position: absolute; right: 200px; bottom: 110px;}
.slider1 .bx-wrapper {margin-bottom: 0px;}

#a-call {position: fixed; right: 20px; bottom: 50px; z-index: 4; background: #008985; width: 84px; height: 45px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
#a-call svg {fill: white; position: absolute; left: 15px; top: -3px; z-index: 3;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
#a-call:before {content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 42px solid transparent; border-right: 42px solid transparent; border-bottom: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
#a-call:after {content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 42px solid transparent; border-right: 42px solid transparent; border-top: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}

.isTop {position: fixed; left: 20px; bottom: 50px; z-index: 4; background: #008985; width: 84px; height: 45px; box-shadow: 0 0 10px rgba(0,0,0,0.5); display: none;}
.isTop i {position: absolute; left: 63px; top: 32px;}
.isTop:before {content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 42px solid transparent; border-right: 42px solid transparent; border-bottom: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.isTop:after {content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 42px solid transparent; border-right: 42px solid transparent; border-top: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.isTop i:before {content: ''; display: block; background-color: white; width: 28px; height: 6px; position: absolute; right: 0px; bottom: 8px; transform: rotate(45deg);
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.isTop i:after {content: ''; display: block; background-color: white; width: 28px; height: 6px; position: absolute; right: 15px; bottom: 8px; transform: rotate(135deg);
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.isTop:hover  i:after {animation: arrow-2 1s linear infinite;}
.isTop:hover  i:before {animation: arrow-2 1s linear infinite;}
@keyframes arrow-2 {0% {bottom:8px;}12% {bottom:4px;}88% {bottom:12px;}100% {bottom:8px;}}

.a-sub {display: inline-block; position: relative; width: 30px; height: 20px; vertical-align: text-top; transform: rotate(180deg); margin-left: 20px;}
.a-sub:before {content: ''; display: block; background-color: #004a60; width: 17px; height: 3px; position: absolute; right: 0px; bottom: 8px; transform: rotate(45deg);
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.a-sub:after {content: ''; display: block; background-color: #004a60; width: 17px; height: 3px; position: absolute; right: 10px; bottom: 8px; transform: rotate(135deg);
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.a-sub.active {transform: rotate(0deg);}

#bxslider1 .service .ico svg {position: relative; z-index: 2; margin-top: -10px; width: 70px;}
#serv341 .ico svg,
#serv308 .ico svg
{width: 50px !important; margin-top: -2px !important;}

#serv310 .ico svg {width: 50px !important; margin-top: -2px !important; margin-left: 10px;}
#serv309 .ico svg {width: 50px !important; margin-top: -2px !important; margin-left: 10px;}
#serv311 .ico svg {width: 60px !important; margin-top: -6px !important; margin-left: 2px;}


#a-call:hover svg{transform: rotate(30deg);}

#form-call{position: fixed; top: 50px; width: 70%; margin-left: 15%; background-color: white; z-index: 999; text-align: center; padding: 50px; display: none;}
#form-call .cap1 {font-size: 30px; line-height: 40px;}
#form-call .cap2 {font-size: 16px; line-height: 36px;}

.form .input {position: relative; border: 1px solid #7ea1ad; display: inline-block; margin-bottom: 30px;}
.form .input span {position: absolute; top: 15px; left: 20px;font-size: 18px; line-height: 28px; font-family: 'Bold';
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.form .input.active span {top: 0px !important; left: 20px; font-size: 13px; font-family: 'Regular'; opacity: 0.3; line-height: 16px;}
.form .input input {font-size: 18px; line-height: 28px; font-family: 'Bold'; padding: 15px 20px; width: 600px; color: #054a60; position: relative; background-color: transparent; z-index: 3; border: 0px;}

.form .textarea {position: relative; border: 1px solid #7ea1ad; display: inline-block; margin-bottom: 30px;}
.form .textarea span {position: absolute; top: 15px; left: 20px;font-size: 18px; line-height: 28px; font-family: 'Bold';
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.form .textarea.active span {top: 0px; left: 20px; font-size: 13px; font-family: 'Regular'; opacity: 0.3; line-height: 16px;}
.form .textarea textarea {font-size: 18px; line-height: 28px; font-family: 'Bold'; padding: 15px 20px; width: 600px; color: #054a60; border: none; position: relative; background-color: transparent; z-index: 3;}


.form input[type="submit"] {border: 0px; background-color: #054a60; color: white; text-transform: uppercase; font-size: 16px; line-height: 26px; font-family: 'Bold'; text-transform: uppercase; padding: 18px 40px; cursor: pointer; margin-bottom: 30px; vertical-align: top;}
#form-call .close {position: absolute; right: 50px; top: 20px; display: block; width: 50px; height: 50px;}
#form-call .close:after {content: ''; display: block; height: 3px; width: 40px; background-color: #054a60; transform: rotate(45deg); position: absolute; left: 5px; top: 23px;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
#form-call .close:before {content: ''; display: block; height: 3px; width: 40px; background-color: #054a60; transform: rotate(135deg); position: absolute; left: 5px; top: 23px;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
#form-call .close:hover:before, #form-call .close:hover:after {background-color: #31a38c;}
#form-call .maininput {text-align: left; font-size: 14px; width: 100%; max-width: 600px; margin: 0px auto; margin-bottom: 30px;}

.closeTop {position: absolute; right: 140px; top: 20px; display: block; width: 50px; height: 50px;display: none;}
.closeTop:after {content: ''; display: block; height: 3px; width: 40px; background-color: #054a60; transform: rotate(45deg); position: absolute; left: 5px; top: 23px;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
.closeTop:before {content: ''; display: block; height: 3px; width: 40px; background-color: #054a60; transform: rotate(135deg); position: absolute; left: 5px; top: 23px;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
.closeTop:hover:before, .closeTop:hover:after {background-color: #31a38c;}

#bg-black {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: black; opacity: 0.5; z-index: 4; display: none;}

.news-main {padding-left: 140px; padding-right: 140px; padding-top: 30px;}
.news-main .news-m {padding-right: 50px; width: calc(100% - 512px); display: inline-block; vertical-align: top;}
.news-main .news-m .cap {font-size: 30px; line-height: 40px;}
.news-main .news-m .news-list-main {margin-top: 30px; border-top: 1px solid #86a3ac; margin-bottom: 30px;}
.news-main .news-m .news-list-main a {display: block; padding-top: 15px; border-bottom: 1px solid #becdd3; padding-bottom: 15px; padding-left: 250px; padding-right: 100px; position: relative; font-size: 20px; line-height: 30px; font-family: 'Bold'; min-height: 125px; overflow: hidden;}
.news-main .news-m .news-list-main a .date {font-family: 'Regular'; font-size: 16px; display: block; position: absolute; left: 0px; top: 30px;}
.news-main .news-m .news-list-main a img {position: absolute; left: -50px; top: 15px; z-index: 3; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; opacity: 0;}
.news-main .news-m .news-list-main a:hover img {left: 0px; opacity: 1;}

.news-main .afisha-main {width: 512px; display: inline-block; vertical-align: top;}
.news-main .afisha-main .cap {font-size: 30px; line-height: 40px;}
.news-main .afisha-main a.bn {display: block; position: relative; margin-bottom: 30px; width: 100%; min-height: 100px; min-height: 400px;}
.news-main .afisha-main a.bn .img {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
.news-main .afisha-main a.bn .top {position: absolute; padding: 30px; left: 0px; top: 0px; color: #f7f8fa; font-size: 30px; line-height: 40px; z-index: 2;}
.news-main .afisha-main a.bn .bottom {position: absolute; padding: 30px; bottom: 0px; left: 0px; color: #f7f8fa; font-size: 20px; line-height: 30px; font-family: 'Bold'; z-index: 2;}
.news-main .afisha-main a.bn:after {position: absolute; display: block; content: ''; bottom: 0px; left: 0px; width: 100%; height: 100%; background-image: linear-gradient(rgb(0,0,0,0), rgba(0,0,0,0.9)); z-index: 1; opacity: 0;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.news-main .afisha-main a.bn:hover:after {opacity: 1;}
.seeAlso {font-family: 'Bold'; font-size: 15px; text-transform: uppercase;}

.subs-main {padding-left: 140px; padding-right: 140px; padding-top: 0px; position: relative; margin-top: 30px; margin-bottom: 70px; position: relative;}
/*.subs-main:after {display: block; content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 320px; background-color: #054a60; z-index: -1;}*/

.subs-main .subscribe {padding: 30px; width: calc(100% - 562px); display: inline-block; vertical-align: top; border: 1px solid #86a3ac; margin-right: 50px; background-color: #f7f8fa;}
.subs-main .subscribe .cap {font-size: 30px; line-height: 40px; margin-bottom: 30px;}
.subs-main .subscribe .input {margin-right: 30px;}
.subs-main .subscribe input[type="text"] {width: 400px; border: 0px;}
.subs-main .subscribe .cap3 {font-size: 14px; margin-bottom: 0px;}
.subs-main .subscribe .cap3 a{text-decoration: underline;}
.subs-main .subscribe label {font-size: 14px;}
.subs-main .subscribe p {margin-bottom: 0px;}
.subs-main .subscribe .maininput {display: inline-block;}
.subs-main .subscribe .maininput {margin-bottom: 30px;}
.subs-main .subscribe .maininput .input {margin-bottom: 10px;}

.subs-main .cabinet {width: 512px; display: inline-block; vertical-align: top; border: 1px solid #86a3ac; padding: 30px; background-color: #054a60; color: #f7f8fa; overflow: hidden; position: relative; height: 292px;}
.subs-main .cabinet .cap {font-size: 30px; line-height: 40px; margin-bottom: 30px; position: relative; z-index: 1;}
.subs-main .cabinet a {background-color: #f7f8fa; color: #054a60; text-transform: uppercase; font-size: 16px; line-height: 26px; font-family: 'Bold'; text-transform: uppercase; padding: 10px 40px;}
.subs-main .cabinet p {position: relative; z-index: 1; margin-bottom: 0px;}
.subs-main .cabinet .mrt {margin-top: 26px; margin-bottom: 10px; position: relative; z-index: 1;}
/*.subs-main .cabinet:after {display: block; position: absolute; left: -50px; bottom: -50px; content: ''; background: url('../i/bg1.png') 307px 851px; width: 300px; height: 250px; z-index: 0; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
.subs-main .cabinet:hover:after {left: 0px; bottom: 0px;}*/


.bnr {margin-bottom: 70px; padding-left: 140px; padding-right: 140px;}
.bnr img {width: 100%; height: auto;}

.main-urls {padding-left: 140px; padding-right: 140px;}
.main-urls .cap {font-size: 30px; line-height: 40px; border-bottom: 1px solid #86a3ac; padding-bottom: 30px; margin-bottom: 30px;}
.main-urls li a {display: inline-block; vertical-align: top; border: 1px solid #86a3ac; padding: 30px; margin-right: 30px; width: calc((100% - 60px) / 3); opacity: 1; overflow: hidden; height: 260px;}
.main-urls li a.hide {opacity: 0;}
.main-urls li a:nth-child(3) {margin-right: 0px;}
.main-urls li a span {display: block; font-size: 20px; font-family: 'Bold'; margin-top: 20px; line-height: 30px;}
.main-urls .bx-controls {margin-top: 20px;}
.main-urls .bx-wrapper .bx-prev::before,
.main-urls .bx-wrapper .bx-prev::after,
.main-urls .bx-wrapper .bx-next::before,
.main-urls .bx-wrapper .bx-next::after {background-color: #054a60;}

.main-urls .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main-urls .bx-wrapper .bx-pager.bx-default-pager a.active,
.main-urls .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #054a60; border: 1px solid #054a60;}
.main-urls .bx-wrapper .bx-pager.bx-default-pager a {border: 1px solid #054a60;}

footer {background-color: #f4f4f4; padding: 50px 140px;}
footer .menu-footer {display: inline-block; width: calc(100% - 168px); padding-right: 50px;}
footer .menu-footer .column {padding-right: 30px; display: inline-block; vertical-align: top; padding-bottom: 30px;}
footer .menu-footer .column .mn {font-family: 'Bold'; font-size: 14px; text-transform: uppercase;}
footer .menu-footer .column .mn.active {color: #31a38c;}
footer .menu-footer .column ul {padding: 0px; margin: 0px; margin-top: 20px;}
footer .menu-footer .column ul li {list-style: none; line-height: 13px; margin-bottom: 12px;}
footer .menu-footer .column ul li a {font-size: 13px;}
footer .menu-footer .column ul li a.active {color: #31a38c;}
footer .soc {display: inline-block; vertical-align: top; text-align: right; width: 168px;}
footer .soc a {display: inline-block; width: 52px;}
footer .soc a svg {fill: #054a60; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
footer .soc a:hover svg {fill: #31a38c;}
footer .contacts {border-bottom: 1px solid #86a3ac;padding-bottom: 30px; padding-top: 30px;}
footer .contacts a {font-size: 14px; font-family: 'Bold'; margin-right: 20px; white-space: nowrap;}
footer .copyright {padding-top: 30px; font-size: 16px;}
footer .copyright .left {float: left; width: 50%; max-width: 500px;}
footer .copyright .mhs {float: right; margin-top: 15px;}
footer .copyright .mhs a {font-family: 'Bold'; text-decoration: underline;}
footer .search {float: right; margin-top: -10px;}
footer .search .input {background-color: white; margin-bottom: 0px;}
footer .search .input input {font-size: 14px; line-height: 24px; padding: 10px; width: 250px;}
footer .search .input span {font-size: 14px; line-height: 24px; left: 10px; top: 10px;}
footer .search .input.active span {left: 10px; font-size: 11px;}
footer .search .send {display: inline-block; width: 35px; vertical-align: middle; margin-left: 10px; height: 35px; margin-right: 0px;}
footer .search .send svg {width: 100%; fill: #054a60; height: 100%;}
footer .search .send:hover svg {fill: #31a38c;}




#cookies {background-color: white; position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 50px; z-index: 1000; border-top: 1px solid #86a3ac;}
#cookies span {margin-bottom: 20px; margin-right: 30px;}
#cookies a {display: inline-block; padding: 10px 30px; color: white; font-size: 16px; text-transform: uppercase; background-color: #31a38c; font-family: 'Bold';}

.search-list {padding-left: 0px;}
.search-list li{list-style: none; padding-left: 0px; margin-bottom: 50px;}
.search-list li .t-select {background-color: #b4c9d0;}
.search-list li a {color: #054a60; text-decoration: underline;}
.search-list li a:hover {color: #31a38c;}

.pages a {display: inline-block; padding: 10px; font-size: 24px;}
.pages a.active {color: #31a38c;}

.search2 .send {display: inline-block; width: 50px; vertical-align: middle; margin-left: 20px;}
.search2 .send svg {width: 100%; fill: #054a60;}
.search2 .send:hover svg {fill: #31a38c;}

.header {display: block; position: relative; padding: 30px 140px; overflow: hidden; background-color: #054a60; color: white; /*min-height: 320px;/**/ margin-bottom: 50px;}
.header * {position: relative; z-index: 2;}
.header .bg {background: url('../i/bg1.png') top center no-repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1;}
.header .pageName {font-size: 30px; font-weight: normal; font-family: 'Regular'; display: inline-block; vertical-align: top; width: 70%; padding-right: 50px; line-height: 40px;}
.header .short {font-size: 16px; line-height: 26px; display: inline-block; vertical-align: top; width: 30%; color: #b4c9d0;}
.header .short .big {color: white; margin-bottom: 30px;}
.header .short .big span {font-size: 30px; line-height: 40px;}
.header .navigation {font-size: 12px; line-height: 22px; text-transform: uppercase; color: #f7f8fa; opacity: 0.7; margin-bottom: 20px; position: relative; z-index: 2;}
.header .navigation a {color: #f7f8fa;}
.header .but {font-size: 16px; line-height: 26px; font-family: 'Bold'; text-transform: uppercase; color: white; opacity: 0.8; border: 1px solid; padding: 15px 30px; display: inline-block; margin-top: 30px;}
.header .but:hover {background-color: white; color: #054a60;}

.services-inner {margin-top: 90px; position: relative;}
.services-inner:after {display: block; content: ''; position: absolute; left: 140px; width: calc(100% - 280px); top: 0px; height: 1px; background-color: #86a3ac;}

.services-inner .item {padding: 30px 140px; padding-left: 300px; position: relative; min-height: 150px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.services-inner .item:before {display: block; content: ''; position: absolute; left: 140px; width: calc(100% - 280px); bottom: 0px; height: 1px; background-color: #86a3ac;}

.services-inner .item .ico {width: 90px; height: 50px; background: #008985; text-align: center; display: inline-block; position: absolute; left: 140px; top: 35px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.services-inner .item .ico:before {content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-bottom: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.services-inner .item .ico:after {content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-top: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.services-inner .item .ico svg {fill: white; position: relative; z-index: 2; margin-top: -10px; width: 70px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.services-inner .item a.caption {font-size: 24px; font-family: 'Bold'; display: inline-block;  vertical-align: top; width: 70%; padding-right: 50px;}
.services-inner .item .short {font-size: 16px; line-height: 26px; display: inline-block;  vertical-align: top; width: 30%;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}

.services-inner .other-hrefs {position: absolute; padding-top: 30px; margin-top: 30px; bottom: 60px; left: 300px; width: calc(100% - 490px); opacity: 0;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;

}

.services-inner .item .ico svg {position: relative; z-index: 2;width: 50px !important; margin-top: -2px !important;}

#serv310 .ico svg {width: 50px !important; margin-top: -2px !important; margin-left: 10px;}
#serv309 .ico svg {width: 50px !important; margin-top: -2px !important; margin-left: 10px;}
#serv311 .ico svg {width: 60px !important; margin-top: -6px !important; margin-left: 2px;}


.services-inner .other-hrefs:before {background-color: #7cc1c0; height: 1px; width: calc(100% + 210px); position: absolute; top: 0px; left: -210px; display: block; content: '';}
.services-inner .other-hrefs  a {display: inline-block; vertical-align: middle; font-size: 14px; text-transform: uppercase; font-family: 'Bold'; margin-right: 40px; position: relative; color: #ffffff;}
.services-inner .other-hrefs  a:after {display: block; content: ''; position: absolute; right: -17px; height: 2px; width: 7px;  transform: rotate(45deg); background-color: #ffffff; top: 11px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.services-inner .other-hrefs  a:before {display: block; content: ''; position: absolute; right: -17px; height: 2px; width: 7px;  transform: rotate(135deg); background-color: #ffffff; top: 15px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.services-inner .other-hrefs  a:hover:after, .services-inner .other-hrefs  a:hover:before {right: -23px;}
.services-inner .other-hrefs  a.but {border: 1px solid #ffffff; padding: 10px 30px;}
.services-inner .other-hrefs  a.but:after, .services-inner .other-hrefs  a.but:before {display: none;}

.services-inner .item.type1:hover {background-color: #008985;}
.services-inner .item.type1:hover a,
.services-inner .item.type1:hover .short
{color: white;}
.services-inner .item.type1:hover .ico svg {fill: #008985;}
.services-inner .item.type1:hover .ico {background-color: white;}
.services-inner .item.type1:hover .ico::before {border-bottom: 25px solid white;}
.services-inner .item.type1:hover .ico::after {border-top: 25px solid white;}
.services-inner .item.type1:hover {padding-bottom: 150px;min-height: 280px;}
.services-inner .item.type1:hover .other-hrefs {opacity: 1; bottom: 30px;}

.sub-services {position: relative; padding-left: 140px; display: none;}

.services-inner .item.type2,
.services-inner .item.type2.active
{cursor: pointer;}

.services-inner .item.type2:hover,
.services-inner .item.type2.active
{background-color: #054a60;}

.services-inner .item.type2:hover a,
.services-inner .item.type2:hover .short,
.services-inner .item.type2.active a,
.services-inner .item.type2.active .short
{color: white;}

.services-inner .item.type2:hover .ico svg,
.services-inner .item.type2.active .ico svg
{fill: #054a60;}

.services-inner .item.type2:hover .ico,
.services-inner .item.type2.active .ico
{background-color: white;}

.services-inner .item.type2:hover .ico::before,
.services-inner .item.type2.active .ico::before
{border-bottom: 25px solid white;}

.services-inner .item.type2:hover .ico::after,
.services-inner .item.type2.active .ico::after
{border-top: 25px solid white;}

.subs-inner {padding-left: 140px; padding-right: 140px; padding-top: 100px; position: relative; margin-top: 30px; margin-bottom: 70px; position: relative;}
/*.subs-inner:after {display: block; content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 320px; background-color: #054a60; z-index: -1;}*/

.subs-inner .subscribe {padding: 50px; width: 100%; display: inline-block; vertical-align: top; border: 1px solid #86a3ac; margin-right: 50px; padding-right: 100px; background-color: #f7f8fa; text-align: center;}
.subs-inner .subscribe .cap {font-size: 30px; line-height: 40px; margin-bottom: 30px;}
.subs-inner .subscribe .input {margin-right: 30px;}
.subs-inner .subscribe input[type="text"] {width: 400px; border: 0px;}
.subs-inner .subscribe .cap3 {font-size: 14px; margin-bottom: 0px;}
.subs-inner .subscribe .cap3 a{text-decoration: underline;}
.subs-inner .subscribe label {font-size: 14px;}
.subs-inner .subscribe .maininput {display: inline-block; text-align: left; margin-bottom: 30px;}
.subs-inner .subscribe .maininput .input {margin-bottom: 10px;}
.subs-inner .subscribe .maininput p {margin-bottom: 0px;}

.services-item {padding-left: 140px; padding-right: 140px;}
.services-item .slide1 {margin-top: 50px; margin-bottom: 100px;}
.services-item .column {display: inline-block; vertical-align: top; width: calc((100% - 125px) / 2);}
.services-item .column.f22 {font-size: 22px; line-height: 32px;}
.services-item .column.mrr125 {margin-right: 125px;}
.services-item .text-service {width: 100%; max-width: 1000px;}

.menu-slides {border-bottom: 1px solid #86a3ac; padding-bottom: 20px; margin-bottom: 50px; background-color: #f7f8fa; width: 100%; position: relative; top: 0px; left: 0px; padding-top: 20px; padding-left: 140px; padding-right: 140px; z-index: 4; line-height: 40px;}
.menu-slides a {color: #004a60; font-family: 'Bold'; text-transform: uppercase; margin-right: 50px; position: relative; display: inline-block;}
.menu-slides a.active:after {display: block; content: ''; position: absolute; width: 100%; height: 3px; background-color: #008985; bottom: -20px; left: 0px;}
.menu-slides.fix {position: fixed;}
.copyMenu {display: block; opacity: 0;}

a.bold {font-family: 'Bold'; text-decoration: underline;}

.services-item h3 {font-size: 30px; line-height: 54px; font-family: 'Regular'; font-weight: normal; line-height: 40px;}

.step.bt {border-top: 1px solid #86a3ac;}
.step {display: block; position: relative; padding-left: 250px; padding-top: 30px; padding-bottom: 30px; min-height: 200px; border-bottom: 1px solid #86a3ac;}
.step .ico {width: 90px; height: 50px; background: #008985; position: absolute; text-align: center; display: inline-block; left: 0px; top: 55px;  font-family: 'Bold'; color: white; font-size: 45px; line-height: 52px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.step .ico svg {fill: #054a60; position: relative; z-index: 2; margin-top: -10px; width: 70px;}
.step .ico:before {content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-bottom: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.step .ico:after {content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-top: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.step .caption {display: inline-block; vertical-align: top; font-size: 24px; font-family: 'Bold'; line-height: 34px; width: 45%; padding-right: 50px; padding-top: 15px;}
.step .short {display: inline-block; vertical-align: top; font-size: 16px; line-height: 26px; width: 55%; padding-top: 15px;}

a.str {font-family: 'Bold'; display: inline-block; position: relative;}
a.str:after {display: block; content: ''; position: absolute; right: -17px; height: 2px; width: 7px;  transform: rotate(45deg); background-color: #054a60; top: 11px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
a.str:before {display: block; content: ''; position: absolute; right: -17px; height: 2px; width: 7px;  transform: rotate(135deg); background-color: #054a60; top: 15px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
a.str:hover:after, a.str:hover:before {right: -23px;  background-color: #008985;}

.services-item .slide3 {display: block; margin-top: 100px;}
.services-item .slide3 .docs {border-top: 1px solid #86a3ac;}
.services-item .slide3 .docs .item {border-bottom: 1px solid #86a3ac; padding-bottom: 30px; padding-top: 30px;}
.services-item .slide3 .docs .item a {font-size: 20px; line-height: 30px; font-family: 'Bold';}

.services-item .slide4 {display: block; margin-top: 100px;}

.faqs {position: relative; margin-bottom: 80px; border-top: 1px solid #86a3ac; }
.faqs .item {display: block; position: relative; padding-left: 250px; padding-top: 30px; padding-bottom: 30px; min-height: 165px; border-bottom: 1px solid #86a3ac; cursor: pointer;
}
.faqs .item:after {display: block; position: absolute; left: -140px; width: calc(100% + 280px); content: ''; height: 100%; background-color: #008985; top: 0px; opacity: 0; z-index: 1;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.faqs .item .ico {width: 90px; height: 50px; background: #008985; position: absolute; text-align: center; display: inline-block; left: 0px; top: 55px;  font-family: 'Bold'; color: white; font-size: 52px; line-height: 52px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; z-index: 2;
}
.faqs .item .ico i:after {display: block; content: '+'; font-style: normal; font-size: 65px; font-family: 'Regular'; line-height: 45px;}
.faqs .item .ico svg {fill: #054a60; position: relative; z-index: 2; margin-top: -10px; width: 70px;}
.faqs .item .ico:before {content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-bottom: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.faqs .item .ico:after {content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-top: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.faqs .item .quest {font-size: 20px; font-family: 'bold'; line-height: 34px; position: relative;  z-index: 2;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.faqs .item .answer {font-size: 16px; line-height: 28px; margin-top: 30px; display: none; position: relative;  z-index: 2;}
.faqs .item.active .ico i:after {display: block; content: '-'; font-style: normal; font-size: 100px; font-family: 'Regular'; line-height: 40px;}
.faqs .item:hover .quest{color: #008985;}
.faqs .item.active:after {opacity: 1;}
.faqs .item.active .ico {background: white;}
.faqs .item.active .ico:before {border-bottom: 25px solid white;}
.faqs .item.active .ico:after {border-top: 25px solid white;}
.faqs .item.active .ico i:after {color: #008985;}
.faqs .item.active .ico i:after {display: block; content: '-'; font-style: normal; font-size: 100px; font-family: 'Regular'; line-height: 32px;}
.faqs .item.active .answer {display: block;}
.faqs .item.active {color: white;}
.faqs .item.active:hover .quest {color: white;}

.services-item .slide5 {display: block; margin-top: 100px;}
.services-item .slide5 .text {border-top: 1px solid #86a3ac; border-bottom: 1px solid #86a3ac; padding-top: 30px; padding-bottom: 30px;}
.services-item .slide5 .but {font-size: 16px; line-height: 26px; font-family: 'Bold'; text-transform: uppercase; color: white; border: 1px solid #008985; padding: 15px 40px; display: inline-block; margin-top: 30px; background-color: #008985;}
.services-item .slide5 .but:hover {background-color: white; color: transparent; color: #008985;}
.services-item .slide5 .text svg {width: 110px; position: absolute; left: 0px; top: 0px;}
.services-item .slide5 .text svg polygon {background: url('../files/banner.jpg');}
.services-item .post {font-family: 'Bold'; padding-left: 150px; position: relative; padding-top: 30px; min-height: 150px;}

.add-quest {background-color: white; padding: 30px 140px; margin-bottom: 30px;}
.add-quest .caption {font-size: 30px; line-height: 40px; font-family: 'Regular'; font-weight: normal; border-bottom: 1px solid #008985; padding-bottom: 30px; margin-bottom: 30px;}
.add-quest .short {display: inline-block; vertical-align: top; padding-right: 125px; width: calc((100% - 125px) / 2);}
.add-quest .form {display: inline-block; vertical-align: top; width: calc((100% - 125px) / 2);}
.add-quest .form .cap3 {font-size: 14px;}
.add-quest .form .cap3 a {text-decoration: underline;}
.add-quest .error {display: block; margin-top: 50px; margin-bottom: 50px;}

.calendar h3 {border-bottom: 1px solid #008985; padding-bottom: 30px; margin-bottom: 0px;}
.calendar .list-calendar {margin-bottom: 80px;}
.calendar .list-calendar .item {border-bottom: 1px solid #008985; }
.calendar .list-calendar .item .date {display: inline-block; vertical-align: top; width: 200px; border-right: 1px solid #008985; padding-top: 0px; padding-bottom: 30px; min-height: 100px; margin-top: 30px; margin-bottom: 30px; font-size: 66px; line-height: 76px;}
.calendar .list-calendar .item .date span {display: block; font-size: 20px; line-height: 30px;}
.calendar .list-calendar .item .date small {display: block; font-size: 30px; line-height: 40px;}
.calendar .list-calendar .item .caption {display: inline-block; vertical-align: top; width: calc((100% - 200px) * 0.7); padding-left: 30px; padding-right: 50px; padding-top: 30px;}
.calendar .list-calendar .item .caption a {font-size: 20px; line-height: 30px; font-family: 'Bold';}
.calendar .list-calendar .item .location {display: inline-block; vertical-align: top; width: calc((100% - 200px) * 0.3); padding-top: 30px; font-size: 16px;}

.docs h3 {border-bottom: 1px solid #008985; padding-bottom: 30px; margin-bottom: 0px;}
.docs .list-docs {margin-bottom: 80px;}
.docs .list-docs .item {border-bottom: 1px solid #008985;  padding-left: 200px; position: relative; min-height: 180px;}
.docs .list-docs .item .caption {display: inline-block; vertical-align: top; width: calc(100% * 0.7); padding-left: 0px; padding-right: 50px; padding-top: 30px;}
.docs .list-docs .item .caption a {font-size: 20px; line-height: 30px; font-family: 'Bold';}
.docs .list-docs .item .type {display: inline-block; vertical-align: top; width: calc(100% * 0.3); padding-top: 30px; font-size: 16px;}
.docs .list-docs .item .type strong {text-transform: uppercase; margin-right: 10px;}
.docs .list-docs .item .ico {width: 90px; height: 50px; background: #008985; position: absolute; text-align: center; display: inline-block; left: 0px; top: 40px;  font-family: 'Bold'; color: white; font-size: 52px; line-height: 52px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.docs .list-docs .item .ico:before {content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-bottom: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.docs .list-docs .item .ico:after {content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-top: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.docs .list-docs .item .ico i {position: absolute; width: 20px; height: 30px; outline: 4px solid white; background-color: #008985; top: 3px; left: 28px; z-index: 3;}
.docs .list-docs .item .ico i:after {display: block; content: ''; position: absolute; width: 20px; height: 30px; outline: 4px solid white; background-color: #008985; top: 15px; left: 15px; z-index: 3;}


.speakers h3 {border-bottom: 1px solid #008985; padding-bottom: 30px; margin-bottom: 0px;}
.speakers .list-speakers {margin-bottom: 80px;}
.speakers .list-speakers .item {border-bottom: 1px solid #008985;  padding-left: 200px; position: relative; min-height: 163px; padding-bottom: 30px;}
.speakers .list-speakers .item .caption {display: inline-block; vertical-align: top; width: calc((100% - 200px) * 0.7); padding-left: 30px; padding-right: 50px; padding-top: 42px;}
.speakers .list-speakers .item .caption a {font-size: 24px; line-height: 34px; font-family: 'Bold';}
.speakers .list-speakers .item .type {display: inline-block; vertical-align: top; width: calc((100% - 200px) * 0.3); padding-top: 50px; font-size: 16px;}
.speakers .list-speakers .item svg {position: absolute; width: 110px; left: 0px; top: 20px;}

.slidevent .step{padding-left: 200px; margin-bottom: 100px;}
.slidevent .caption {width: calc((100% - 200px) * 0.7); padding-left: 30px;}
.slidevent .short {width: calc((100% - 200px) * 0.3);}

.form-event {display: block; padding: 50px; background: url('../i/bg1.png') top center no-repeat; background-color: #054a60; color:white; text-align: center; margin-bottom: 70px;}
.form-event .form .input input,
.form-event .form .textarea textarea {background-color: transparent; border: 0px; color: white}
.form-event .cap1 {font-size: 30px; line-height: 40px; margin-bottom: 70px;}
.form-event .cap3 {font-size: 13px;}
.form-event .cap3 a {color: #ffffff; text-decoration: underline;}
.form-event .form input[type="submit"] {background-color: white; color: #054a60;}

.block-text {margin-bottom: 100px;}
.block-text .text {border-top: 1px solid #86a3ac; border-bottom: 1px solid #86a3ac; padding-top: 50px; padding-bottom: 50px;}
.block-text .text .column1 {display: inline-block; vertical-align: top; width: 40%; text-align: center; padding-right: 100px; font-size: 16px;}
.block-text .text .column1 svg {width: 110px; margin-bottom: 30px;}
.block-text .text .column1 .name {font-family: 'Bold'; font-size: 24px;}
.block-text .text .column2 {display: inline-block; vertical-align: top; width: 60%; padding-right: 50px;}
.block-text .text .column2 #hide1 {display: none;}

.mission {display: block; padding: 50px 140px; background-color: #054a60; color:white; margin-bottom: 70px; position: relative;}
.mission * {position: relative; z-index: 2;}
.mission .img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url('../i/bg1.png') top left no-repeat; z-index: 1;}
.mission.block-text .text .column1 h4{text-align: left; font-size: 30px; font-weight: normal; line-height: 40px;}
.mission.block-text .text {border: 0px;}
.mission.block-text .text .column2 {text-align: left; font-size: 24px; line-height: 34px; color: #f7f8fa;}

.news-inner {margin-left: 140px; margin-right: 140px; margin-bottom: 100px;}
.news-inner h3 {font-weight: normal; font-size: 30px; line-height: 40px; font-family: 'Regular'; border-bottom: 1px solid #86a3ac; padding-bottom: 50px; margin-bottom: 0px;}
.news-inner .item {border-bottom: 1px solid #86a3ac; padding-bottom: 50px; padding-top: 50px;}
.news-inner .item .date {width: 200px; display: inline-block; vertical-align: top; font-size: 16px;}
.news-inner .item .caption {display: inline-block; vertical-align: top; width: calc((100% - 200px) * 0.7); padding-left: 50px; padding-right: 50px; font-size: 20px; font-family: 'Bold'; line-height: 30px;}
.news-inner .item .short {display: inline-block; vertical-align: top; width: calc((100% - 200px) * 0.3); font-size: 16px;}

.letters {margin-left: 140px; margin-right: 140px; border-bottom: 1px solid #86a3ac; margin-bottom: 100px;}
.letters  h3 {font-weight: normal; font-size: 30px; line-height: 40px; font-family: 'Regular'; border-bottom: 1px solid #86a3ac; padding-bottom: 50px; margin-bottom: 0px; margin-bottom: 50px;}
#bxslider4 a {display: inline-block;}
#bxslider4 li a {margin-right: 50px; position: relative; width: calc((100% - 150px) / 4);}
#bxslider4 li a.hide {opacity: 0;}
#bxslider4 li a img{ width: 100%; height: auto; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
#bxslider4 li a:after {position: absolute; display: block; content: ''; left: 50%; top: 50%; background: url('../i/maxi.png'); width: 84px; height: 96px; margin-left: -42px; margin-top: -48px; z-index: 2; opacity: 0;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
#bxslider4 li a:nth-child(4) {margin-right: 0px;}
#bxslider4 li a:hover:after {opacity: 1;}
#bxslider4 li a:hover img {opacity: 0.5;}
.letters .bx-wrapper .bx-prev::before,
.letters .bx-wrapper .bx-prev::after,
.letters .bx-wrapper .bx-next::before,
.letters .bx-wrapper .bx-next::after {background-color: #054a60;}

.letters .bx-wrapper .bx-pager.bx-default-pager a:hover,
.letters .bx-wrapper .bx-pager.bx-default-pager a.active,
.letters .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #054a60; border: 1px solid #054a60;}
.letters .bx-wrapper .bx-pager.bx-default-pager a {border: 1px solid #054a60;}
.letters .bx-controls {margin-top: 0px;}

.black-blocks {padding-left: 140px; padding-right: 140px; margin-bottom: 100px;}
.black-blocks .block1 {padding: 60px;  background: url('../i/bg1.png') bottom right no-repeat; background-color: #054a60; color:white; margin-right: 55px; width: calc((100% - 55px) / 2); display: inline-block; vertical-align: top; position: relative; height: 500px;}
.black-blocks .block1 h3 {font-weight: normal; font-size: 30px; line-height: 40px; border-bottom: 1px solid; line-height: 54px; padding-bottom: 20px; margin-bottom: 30px;}
.black-blocks .block1 ul {padding-left: 16px; font-family: 'Bold';}
.black-blocks .block1 .but {position: absolute; bottom: 60px; left: 60px; color:#054a60; background-color: #f7f8fa; padding: 15px 30px; font-size: 16px; font-family: 'Bold'; text-transform: uppercase; }
.black-blocks .block2 {padding: 60px;  background: url('../i/gerb.png') 90% 270px no-repeat; background-color: #054a60; color:white; width: calc((100% - 55px) / 2); display: inline-block; vertical-align: top; position: relative; height: 500px;}
.black-blocks .block2 h3 {font-weight: normal; font-size: 30px; line-height: 40px; border-bottom: 1px solid; line-height: 54px; padding-bottom: 20px; margin-bottom: 30px;}
.black-blocks p {font-size: 16px; line-height: 26px; color: #f7f8fa;}
.black-blocks .block1 .but,
.black-blocks .block2 .but
{position: absolute; bottom: 60px; left: 60px; color:#054a60; background-color: #f7f8fa; padding: 15px 30px; font-size: 16px; font-family: 'Bold'; text-transform: uppercase; }

.block-text .text.pt0 {padding-top: 0px; border-top: 0px;}

.years { border-bottom: 1px solid #86a3ac; padding-bottom: 50px; margin-bottom: 100px;}
.years .year {position: relative;}
.years .year .caption {display: inline-block; vertical-align: top; width: 430px; font-size: 66px; line-height: 86px; padding-right: 30px;}
.years .year .caption span {display: block; font-size: 24px; line-height: 34px;}
.years .year .text {display: inline-block; vertical-align: top; width: calc(100% - 431px); border-left: 1px solid #86a3ac; padding-left: 100px; padding-bottom: 100px;}
.years .year .text h3 {font-size: 22px; font-family: 'Bold'; line-height: 34px; font-weight: normal; margin-top: 20px;}

.posts { border-bottom: 1px solid #86a3ac; padding-bottom: 30px; margin-bottom: 30px;}
.posts .item {position: relative;}
.posts .item .caption {display: inline-block; vertical-align: top; width: 430px; font-size: 25px; line-height: 35px;}
.posts .item .text {display: inline-block; vertical-align: top; width: calc(100% - 431px); border-left: 1px solid #86a3ac; padding-left: 50px;}
.posts .item .text .post-item {display: inline-block; width: 50%; padding-left: 50px; margin-bottom: 30px; vertical-align: top;}
.posts .item .text .post-item .img {position: relative; overflow: hidden; line-height: initial !important; margin-bottom: 20px;}
.posts .item .text .post-item .img a { line-height: initial !important; font-size: 0px; display: block;}
.posts .item .text .post-item .img a span {display: block; position: absolute; left: 0px; bottom: -40px; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 30px; background-color: #008985; color: white; font-size: 15px; font-family: 'Bold'; text-transform: uppercase; opacity: 0;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.posts .item .text .post-item .img a:hover span {opacity: 1; bottom: 0px;}
.posts .item .text .post-item .img img {width: 100%; height: auto;}
.posts .item .text .post-item .caption {display: block;/* height: 80px;/**/}
.posts .item .text .post-item .post {display: block; /*height: 80px; /**/padding: 0px; font-size: 20px; font-family: 'Bold'; min-height: 10px !important;}
.posts .item .text .post-item .phone {display: block; /*height: 80px;/**/ padding: 0px; font-size: 20px; font-family: 'Regular'; min-height: 10px !important; padding-top: 10px;}

.bigPost {background-color: white; width: 1200px; padding: 70px 140px; margin: 0px auto; position: absolute; z-index: 4; top: 50px; left: 50%; margin-left: -600px; display: none;}
.bigPost .cap1 {font-size: 30px; line-height: 40px; margin-top: 50px; margin-bottom: 20px;}
.bigPost .cap2 {font-size: 24px; line-height: 34px; margin-bottom: 40px; font-family: 'Bold';}
.bigPost .next {margin-top: 50px; padding-top: 30px; border-top: 1px solid #86a3ac; text-align: center;}
.bigPost .next a {font-family: 'Bold'; text-transform: uppercase;}
.bigPost a.close {font-family: 'Bold'; text-transform: uppercase; position: absolute; right: 140px; top: 70px; padding-right: 30px;}
.bigPost a.close:after {content: ''; display: block; height: 3px; width: 20px; background-color: #054a60; transform: rotate(45deg); position: absolute; right: 5px; top: 13px;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
.bigPost a.close:before {content: ''; display: block; height: 3px; width: 20px; background-color: #054a60; transform: rotate(135deg); position: absolute; right: 5px; top: 13px;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;}
.bigPost a.close:hover:before, .bigPost a.close:hover:after {background-color: #31a38c;}
.bgAll {display: block; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #00202a; opacity: 0.5; z-index: 1; display: none;}

.news-item {/*margin-left: 140px; margin-right: 140px; /**/padding-top: 50px; /*margin-top: 50px;/**/ border-top: 1px solid #86a3ac; max-width: 1000px; margin: 0px auto;}
.news-item p {width: 100%; max-width: 1000px;}
.news-item img {max-width: 100%; height: auto;}
.news-item iframe {max-width: 100%;}
.share {background-color: #f4f4f4; padding: 30px 140px; margin-top: 50px; margin-bottom: 50px;}
.share .cap {display: inline-block; vertical-align: middle; margin-right: 30px; font-size: 24px; font-family: 'Bold';}
.ya-share2  {display: inline-block; vertical-align: middle;}
.ya-share2__item_service_vkontakte .ya-share2__badge,
.ya-share2__item_service_facebook .ya-share2__badge,
.ya-share2__item_service_twitter .ya-share2__badge
{background-color: transparent !important;}
.ya-share2__item_service_vkontakte .ya-share2__icon {background: url('../i/vk.png') !important; width: 53px !important; height: 61px !important;}
.ya-share2__item_service_facebook .ya-share2__icon {background: url('../i/fb.png') !important; width: 54px !important; height: 61px !important;}
.ya-share2__item_service_twitter .ya-share2__icon {background: url('../i/tw.png') !important; width: 53px !important; height: 61px !important;}

.contacts-list .type

.contacts-list {position: relative; margin-bottom: 30px; border-top: 1px solid #86a3ac; }
.contacts-list .type {display: block; position: relative; padding-left: 350px; padding-top: 30px; padding-bottom: 30px; min-height: 200px; border-bottom: 1px solid #86a3ac; cursor: pointer; padding-right: 140px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
/*.contacts-list .type:after {display: block; position: absolute; left: -140px; width: calc(100% + 280px); content: ''; height: 100%; background-color: #008985; top: 0px; opacity: 0; z-index: -1;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}/**/
.contacts-list .type .ico {width: 110px; height: 60px; background: #008985; position: absolute; text-align: center; display: inline-block; left: 140px; top: 55px;  font-family: 'Bold'; color: white; font-size: 52px; line-height: 52px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.contacts-list .type .ico i:after {display: block; content: '+'; font-style: normal; font-size: 63px; font-family: 'Regular'; line-height: 56px;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.contacts-list .type .ico svg {fill: #054a60; position: relative; z-index: 2; margin-top: -10px; width: 70px;}
.contacts-list .type .ico:before {content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 55px solid transparent; border-right: 55px solid transparent; border-bottom: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.contacts-list .type .ico:after {content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 55px solid transparent; border-right: 55px solid transparent; border-top: 25px solid #008985;
    -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s;
}
.contacts-list .type .caption {font-size: 26px; font-family: 'Bold'; padding-top: 20px;}

.sub-contacts {display: none;}
.list-contacts-post {padding-left: 140px; padding-right: 50px;}
.list-contacts-post .item {border-bottom: 1px solid #a4bac0;  padding-left: 200px; position: relative; min-height: 180px;}
.list-contacts-post .item .caption {display: inline-block; vertical-align: top; width: calc(100% * 0.4); padding-left: 30px; padding-right: 50px; padding-top: 30px;}
.list-contacts-post .item .phone {display: inline-block; vertical-align: top; width: calc(100% * 0.3); padding-top: 30px; font-size: 16px;}
.list-contacts-post .item .phone a {font-family: 'Bold';}
.list-contacts-post .item .cabinet {display: inline-block; vertical-align: top; width: calc(100% * 0.3); padding-top: 30px; font-size: 16px;}
.list-contacts-post .item svg {position: absolute; width: 110px; left: 0px; top: 20px;}

.contacts-list .type.active,
.contacts-list .type:hover
{background-color: #054a60;}

.contacts-list .type.active .ico,
.contacts-list .type:hover .ico
{background-color: white;}

.contacts-list .type.active .ico::before,
.contacts-list .type:hover .ico::before
{border-bottom: 25px solid white;}

.contacts-list .type.active .ico::after,
.contacts-list .type:hover .ico::after
{border-top: 25px solid white;}

.contacts-list .type.active .ico i::after,
.contacts-list .type:hover .ico i::after
{color: #054a60;}

.contacts-list .type.active .caption,
.contacts-list .type:hover .caption
{color: white;}

.error {font-size: 14px; line-height: 24px; color: red;}
.error li {list-style: none;}
.error p {margin-bottom: 0px;}
.congrats {font-size: 18px; font-family: 'Bold'; margin-bottom: 50px;}

.did {padding: 50px 140px; max-width: 1400px;}
.did a {color:#008985;}
.did a:hover {text-decoration: underline;}

.hideBlock {display: none;}

.maininput p a {text-decoration: underline;}


.menu-mobile .search .input {background-color: white; margin-bottom: 0px;}
.menu-mobile .search .input input {font-size: 14px; line-height: 24px; padding: 10px; width: 250px;}
.menu-mobile .search .input span {font-size: 14px; line-height: 24px; left: 10px; top: 10px;}
.menu-mobile .search .input.active span {left: 10px; font-size: 11px;}
.menu-mobile .search .send {display: inline-block; width: 35px; vertical-align: middle; margin-left: 10px; height: 35px; margin-right: 0px;}
.menu-mobile .search .send svg {width: 100%; fill: #054a60; height: 100%;}
.menu-mobile .search .send:hover svg {fill: #31a38c;}


.blockcabinet .img {display: inline-block; vertical-align: top; width: calc(30% - 50px); margin-right: 50px;}
.blockcabinet .img img {max-width: 100%; height: auto;}
.blockcabinet .text {display: inline-block; vertical-align: top; width: 69%;}
.blockcabinet .bigA {display: inline-block; padding: 10px 20px; background-color: #054a60; color: white; text-transform: uppercase;}
.blockcabinet .bigA:hover {background-color: #31a38c;}

@media all and (max-width: 1900px) {
    /*#block2.active {height: 1000px;}*/
}

@media all and (max-width: 1800px) {

}

@media all and (max-width: 1720px) {
    header {padding: 30px 80px}
    .services-main {padding-left: 80px; padding-right: 80px;}
    #bxslider2 .line {margin-left: 80px; margin-right: 80px; width: calc(100% - 160px);}
    .slider1 .bx-controls {right: 140px;}
    .news-main {padding-left: 80px; padding-right: 80px; padding-top: 50px;}
    .subs-main {padding-left: 80px; padding-right: 80px;}
    .bnr {padding-left: 80px; padding-right: 80px;}
    .main-urls {padding-left: 80px; padding-right: 80px;}
    footer {padding-left: 80px; padding-right: 80px;}
    .header {padding-left: 80px; padding-right: 80px;}
    /*.services-inner .item .ico {left: 80px;}*/
    .services-inner .item {padding-left: 290px; padding-right: 80px;}
    .services-inner .item::before,
    .services-inner::after
    {left: 80px; width: calc(100% - 160px);}
    .services-inner .other-hrefs {left: 290px;}
    .services-inner .other-hrefs::before {width: calc(100% + 210px);}
    .subs-inner {padding-left: 80px; padding-right: 80px;}
    .services-item {padding-left: 110px; padding-right: 80px;}
    .mission {padding: 50px 80px}
    .news-inner {margin-left: 80px; margin-right: 80px;}
    .menu-slides {padding-left: 80px; padding-right: 80px;}
    .letters {margin-left: 80px; margin-right: 80px;}
    .black-blocks {padding-left: 80px; padding-right: 80px;}
    .docs .list-docs .item {padding-left: 150px;}
    .add-quest {padding-left: 80px; padding-right: 80px;}
    .faqs .item::after {left: -80px; width: calc(100% + 160px);}
    .news-item {margin-left: 80px; margin-right: 80px;}
    .share {padding: 30px 80px;}
    .contacts-list .type .ico {left: 80px;}
    .contacts-list .type {padding-left: 250px;  padding-right: 80px;}
    .list-contacts-post {padding-left: 80px;}
}

@media all and (max-width: 1600px) {
    header {padding: 30px 30px}
    .services-main {padding-left: 60px; padding-right: 30px;}
    #bxslider2 .line {margin-left: 30px; margin-right: 30px; width: calc(100% - 60px);}
    .slider1 .bx-controls {right: 90px;}
    .news-main {padding-left: 30px; padding-right: 30px;}
    .subs-main {padding-left: 30px; padding-right: 30px;}
    .bnr {padding-left: 30px; padding-right: 30px;}
    .main-urls {padding-left: 30px; padding-right: 30px;}
    footer {padding-left: 30px; padding-right: 30px;}
    .header {padding-left: 30px; padding-right: 30px;}
    .services-inner .item .ico {left: 110px;}
    .services-inner .item {padding-left: 240px; padding-right: 30px;}
    .services-inner .item::before,
    .services-inner::after
    {left: 30px; width: calc(100% - 60px);}
    .services-inner .other-hrefs {left: 240px; width: calc(100% - 270px);}
    .subs-inner {padding-left: 30px; padding-right: 30px;}
    .services-item {padding-left: 110px; padding-right: 30px;}
    .services-item .slide1 .menu-slides {display: none;}
    .mission {padding: 50px 30px}
    .news-inner {margin-left: 30px; margin-right: 30px;}
    .menu-slides {padding-left: 30px; padding-right: 30px;}
    .letters {margin-left: 30px; margin-right: 30px;}
    .black-blocks {padding-left: 30px; padding-right: 30px;}
    .subs-inner .subscribe {margin-right: 0px;}
    .add-quest {padding: 30px;}
    .faqs .item::after {left: -30px; width: calc(100% + 60px);}
    .news-item {margin-left: 30px; margin-right: 30px;}
    .share {padding: 30px 30px;}
    .contacts-list .type .ico {left: 30px;}
    .contacts-list .type {padding-left: 200px; padding-right: 30px;}
    .list-contacts-post {padding-right: 30px; padding-left: 30px;}
}

@media all and (max-width: 1500px) {
    header .block .bottom .menu a {margin-right: 20px;}
    header .block .bottom .a-cabinet {width: 200px;}
    header .block .bottom .menu {width: calc(100% - 200px);}
    .subs-main .subscribe {padding: 50px;}
    .subs-main .cabinet {height: 378px;}
    .subs-main .subscribe {height: 378px;}
    .menu-slides a.active {color: #008985;}
    .menu-slides a.active:after {display: none;}
    /*#block2.active {height: 1100px;}*/
}

@media all and (max-width: 1400px) {
    header .block .bottom .menu a {margin-right: 15px;}
    header .block .bottom .a-cabinet {width: 175px; padding: 13px;}
    header .block .bottom .menu {width: calc(100% - 175px);}
    header .block .top .right a.block1 {margin-left: 0px;}
    #bxslider2 .line .cap {margin-right: 10%;}
    .news-main .news-m .news-list-main a {padding-right: 30px;}
    .subs-main .cabinet {height: 420px; padding: 30px;}
    .subs-main .subscribe {height: 420px; padding: 30px;}
    .posts .item .caption {font-size: 30px; line-height: 40px; width: 330px;}
    .posts .item .text {padding-left: 0px;}
    .posts .item .post-item .caption {width: 100%;}
    #block2 .text .column {width: calc(100% / 4);}
    /*#block2.active {height: 1200px;}*/
    .did {padding: 30px;}
}

@media all and (max-width: 1300px) {
    header .block .top .left {float: none; margin-bottom: 20px;}
    header .block .top .right {float: none;}
    header .block .bottom .a-cabinet {position: absolute; top: 0px; right: 0px;}
    header .block .bottom .menu {width: 100%;}
    .services-main .top .caption {font-size: 38px; line-height: 48px;}
    .news-main .news-m .news-list-main a {padding-right: 0px; padding-left: 210px;}
    .news-main .afisha-main {width: 412px;}
    .news-main .afisha-main img {max-width: 100%; height: auto;}
    .news-main .news-m {width: calc(100% - 412px);}
    .step {padding-left: 200px;}
    #bxslider1 .service {width: calc(100% / 2);}
    #block2 .text .column {width: calc(100% / 3);}
    /*#block2.active {height: 1350px;}*/
}

@media all and (max-width: 1200px) {
    #bxslider2 .line .cap {font-size: 30px; line-height: 40px;}
    .subs-main .subscribe .cap,
    .subs-main .cabinet .cap
    {font-size: 30px; line-height: 40px;}
    .subs-main .cabinet {width: 312px;}
    .subs-main .subscribe {width: calc(100% - 362px)}
    footer .menu-footer .column {width: 33%; margin-bottom: 30px;}
    .services-inner .other-hrefs {left: 110px; width: calc(100% - 110px);}
    .subs-inner .subscribe .cap {font-size: 30px; line-height: 40px;}
    .subs-main .cabinet {height: 420px;}
    .subs-main .subscribe {height: 420px;}
    .posts .item .text .post-item .post {font-size: 22px;}
    .bigPost {width: 100%; margin-left: 0px; left: 0px; top: 0px;}
}

@media all and (max-width: 1100px) {
    header .block .bottom .a-cabinet {padding: 5px;}
    header .logo {position: absolute; left: 30px; top: 30px; width: 40%;}
    header .block {margin-left: 40%; padding-left: 30px; width: 60%;}
    header .block .bottom {margin-left: -40vw;}
    .services-main .top .caption {font-size: 28px; line-height: 38px;}
    .services-main .top .short {padding-top: 0px;}
    .news-main .afisha-main {width: 290px;}
    .news-main .news-m {width: calc(100% - 290px);}
    .news-main .afisha-main a.bn .top {padding: 15px; font-size: 28px; line-height: 38px;}
    .news-main .afisha-main a.bn .bottom {padding: 15px;}
    .main-urls li a span {font-size: 18px; line-height: 28px;}
    .header .pageName {width: 60%;}
    .header .short {width: 40%;}
    .services-inner .item {padding-left: 220px;}
    .sub-services {padding-left: 100px;}
    .block-text .text .column1 {padding-right: 30px;}
    .black-blocks .block1 {padding: 30px;}
    .black-blocks .block2 {padding: 30px;}
    .black-blocks .block1 .but,
    .black-blocks .block2 .but
    {left: 30px; bottom: 30px;}
    .years .year .caption {width: 330px;}
    .years .year .text {width: calc(100% - 331px);}
    .form .input {max-width: 100%;}
    .form .input input{max-width: 100%;}
    .form .textarea {max-width: 100%;}
    .form .textarea textarea{max-width: 100%;}
    #block2 .text .column {width: calc(100% / 2);}
    /*#block2.active {height: 1350px;}*/
}

@media all and (max-width: 1000px) {
    header .block .top .right a {font-size: 11px;}
    header .block .bottom .a-cabinet span {display: none;}
    header .block .bottom .a-cabinet {width: 110px;}
    #bxslider1 .service {width: 100%; padding-right: 0px !important; padding-left: 0px !important; margin-bottom: 30px;}
    #bxslider1 .service .ico {left: 0px;}
    #bxslider2 .line {bottom: 40px;}
    .slider1 .bx-controls {bottom: 60px;}
    .news-main .news-m {width: 100%; padding-right: 0px;}
    .news-main .afisha-main {width: 100%; max-width: 520px;}
    .main-urls li a {padding: 15px;}
    footer .menu-footer .column {width: 50%;}
    footer .copyright .left {width: 100%; max-width: 1000px; float: none; margin-bottom: 30px;}
    footer .copyright .mhs {float: none;}
    #a-call {width: 50px; height: 30px; right: 0px;}
    #a-call::before,
    #a-call::after
    {border-left: 25px solid transparent; border-right: 25px solid transparent;}
    #a-call::before {border-bottom: 18px solid #008985; top: -17px;}
    #a-call::after {border-top: 18px solid #008985; bottom: -17px;}
    #a-call svg {width: 40px; left: 6px; top: -8px;}
    .isTop {width: 50px; height: 30px; left: 0px;}
    .isTop::before,
    .isTop::after
    {border-left: 25px solid transparent; border-right: 25px solid transparent;}
    .isTop::before {border-bottom: 18px solid #008985; top: -17px;}
    .isTop::after {border-top: 18px solid #008985; bottom: -17px;}
    .isTop i::before {width: 18px; height: 3px;}
    .isTop i::after {width: 18px; height: 3px; right: 11px;}
    .isTop i {left: 40px; top: 22px;}
    #form-call .form .input {width: 100%;}
    .sub-services {padding-left: 70px;}
    .subs-inner .subscribe {padding: 20px; margin-right: 0px;}
    .subs-inner .subscribe .cap {font-size: 24px; line-height: 34px;}
    .subs-inner .subscribe input[type="text"] {max-width: 100%;}
    .header .pageName {font-size: 30px; line-height: 40px;}
    .mrr125 {margin-right: 0px !important;}
    .services-item .column {width: 100%; margin-bottom: 50px;}
    .step .caption {padding-right: 0px; width: 100%; margin-bottom: 30px;}
    .step .short {width: 100%;}
    .services-item h3 {font-size: 30px; line-height: 40px;}
    .services-item .slide3 .docs .item a {font-size: 20px; line-height: 30px;}
    .news-inner .item .date {width: 100px;}
    .news-inner .item .caption {width: calc((100% - 100px) * 0.7);}
    .news-inner .item .short {width: calc((100% - 100px) * 0.3);}
    .years .year .caption {width: 300px;}
    .years .year .text {width: calc(100% - 301px); padding-left: 50px;}
    .posts .item .caption {display: block; width: 100%; margin-bottom: 30px;}
    .posts .item .text {border-left: 0px; width: 100%;}
    .posts .item .text .post-item {padding-left: 0px; padding-right: 30px;}
    .bigPost a.close {top: 20px; right: 20px;}
    .bigPost {padding-left: 80px; padding-right: 80px;}
    .faqs .item {padding-left: 150px;}
    #block1 .text .caption {display: block; width: 100%;}
    #block1 .text .column {width: 50%;}
    #block1 .text .column.mr10 {margin-right: 0px; padding-right: 50px;}
    .slider1 .bx-viewport li {min-height: 500px !important}
    .services-inner .item .ico {left: 60px;}
    .services-inner .item {padding-left: 180px;}
    .services-item {padding-left: 60px;}
    #bxslider1 .service .link {padding-right: 0px;}
    .services-inner .other-hrefs {left: 60px; width: calc(100% - 60px);}
}

@media all and (max-width: 900px) {
    header .block .bottom .a-cabinet {width: 87px; font-size: 13px;}
    .subs-main .subscribe {width: 100%; margin-right: 0px; margin-bottom: 30px;}
    .subs-main .cabinet {width: 100%;}
    #form-call .cap1 {font-size: 30px; line-height: 40px;}
    .sub-services {padding-left: 50px;}
    .subs-main .cabinet {height: auto;}
    .subs-main .subscribe {height: auto;}
    .menu-slides a {margin-right: 20px; margin-bottom: 10px; font-size: 16px; line-height: 26px;}
    .black-blocks .block1 h3  {font-size: 30px; line-height: 40px;}
    .black-blocks .block1,
    .black-blocks .block2
    {padding: 15px;}
    .black-blocks .block1 .but,
    .black-blocks .block2 .but
    {left: 15px; bottom: 15px;}
    .docs .list-docs .item .caption a {font-size: 20px; line-height: 30px;}
    .add-quest .caption {font-size: 30px; line-height: 40px;}
    .list-contacts-post .item .caption {width: 100%; padding-right: 0px;}
    .list-contacts-post .item .phone {width: 50%; padding-left: 30px;}
    .list-contacts-post .item .cabinet {width: 50%; padding-left: 30px;}
    .slider1 .bx-viewport li {min-height: 450px !important}
}

@media all and (max-width: 800px) {
    header .block .bottom {display: none;}
    header .block .top {display: none;}
    header .aMenuMobile {display: block;}
    header .block {width: 80px; margin-left: 0px;}
    header .logo {width: calc(100% - 80px); vertical-align: middle; position: relative; left: auto; top: auto;}
    .services-main .top .caption {width: 100%; padding-right: 0px; margin-bottom: 30px;}
    .services-main .top .short {width: 100%;}
    #bxslider1 .service .link {font-size: 18px; line-height: 28px;}
    #bxslider2 .line .cap {margin-right: 0px; font-size: 24px; line-height: 34px;}
    footer .menu-footer {width: 100%; padding-right: 0px;}
    .header .pageName {width: 100%;}
    .header .short {width: 100%;}
    .services-inner .item a.caption {width: 100%; padding-right: 0px; margin-bottom: 20px;}
    .services-inner .item .short {width: 100%;}
    .sub-services {padding-left: 0px;}
    .services-inner .other-hrefs {opacity: 1; bottom: 30px;}
    .services-inner .other-hrefs a {color: #054a60;}
    .services-inner .item.type1 {padding-bottom: 150px;}
    .services-inner .other-hrefs a::before,
    .services-inner .other-hrefs a::after
    {background-color: #054a60;}
    .services-inner .other-hrefs a.but {border-color: #054a60;}
    .services-inner .item:hover .other-hrefs a::before,
    .services-inner .item:hover .other-hrefs a::after
    {background-color: white;}
    .services-inner .item:hover a.but {border-color: white;}
    .block-text .text .column1 {display: block; width: 100%; margin-bottom: 50px;}
    .block-text .text .column2 {padding-right: 0px; width: 100%;}
    .main-urls li a {height: 350px !important;}
    .letters #bxslider4 li a {width: calc((100% - 50px) / 2);}
    #bxslider4 li a:nth-child(2) {margin-right: 0px;}
    .letters h3 {font-size: 30px; line-height: 40px;}
    .years .year .caption {width: 100%;}
    .years .year .text {width: 100%; padding-right: 0px; padding-left: 0px; border-left: 0px;}
    .years {padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px;}
    .subs-inner {padding-top: 0px;}
    .bigPost .cap1 {font-size: 30px; line-height: 40px;}
    .docs .list-docs .item .ico {display: none;}
    .docs .list-docs .item {padding-left: 0px;}
    .docs .list-docs .item .caption {padding-left: 0px;}
    .add-quest .short {padding-right: 0px; width: 100%;}
    .add-quest .form {width: 100%;}
    .news-inner h3 {font-size: 30px; line-height: 40px;}
    .form-event .cap1 {font-size: 30px; line-height: 40px; margin-bottom: 30px;}
    .calendar .list-calendar .item .date {width: 100%; border-right: 0px; padding-top: 0px; padding-bottom: 0px; margin: 0px; margin-top: 30px;}
    .calendar .list-calendar .item .caption {width: 100%; padding: 0px; margin-bottom: 20px;}
    .calendar .list-calendar .item .location {width: 100%; padding: 0px; margin-bottom: 20px;}
    .search2 .input {width: calc(100% - 80px);}
}

@media all and (max-width: 700px) {
    .news-main .news-m .news-list-main a {font-size: 20px; line-height: 30px;}
    .main-urls li a {width: 100%; margin-right: 0px; margin-bottom: 30px; padding: 30px;}
    #form-call {top: 0px; width: 100%; margin-left: 0px; padding: 30px;}
    #form-call .close {top: 0px; right: 0px;}
    .step {padding-left: 130px;}
    .main-urls li a {height: 250px !important;}
    .menu-slides a {margin-right: 10px; margin-bottom: 7px; font-size: 14px; line-height: 24px;}
    .news-inner .item {padding-top: 20px; padding-bottom: 20px;}
    .news-inner .item .date {display: block; width: 100%; margin-bottom: 10px;}
    .news-inner .item .caption {display: block; width: 100%; padding: 0px; margin-bottom: 10px;}
    .news-inner .item .short {display: block; width: 100%; padding: 0px; }
    .black-blocks .block1 {width: 100%; margin-right: 0px; margin-bottom: 30px; height: auto; padding-bottom: 100px;}
    .black-blocks .block2 {width: 100%; margin-right: 0px; height: auto; padding-bottom: 100px;}
    .bigPost {padding-left: 30px; padding-right: 30px;}
    .bigPost img {max-width: 100%; height: auto;}
    #block1 .text .column {width: 100%;}
    #block1 .text .column.mr10 {padding-right: 0px;}
    #block2 .text .column {width: 100%;}
    footer .search {display: block; float: none; margin-top: 30px;}
}

@media all and (max-width: 600px) {
    header .logo {padding-right: 0px;}
    #bxslider1 .service .link {padding-right: 0px;}
    #bxslider1 .service .ico {width: 80px; height: 50px;}
    #bxslider1 .service .ico::before {border-left: 40px solid transparent; border-right: 40px solid transparent;}
    #bxslider1 .service .ico::after {border-left: 40px solid transparent; border-right: 40px solid transparent;}
    #bxslider1 .service .ico svg {width: 60px;}
    #bxslider2 .line .cap {margin-right: 0px; font-size: 18px; line-height: 28px;}
    #bxslider2 .line {bottom: 10px;}
    .slider1 .bx-controls {bottom: 30px;}
    #bxslider2 .line .cap {padding-bottom: 10px;}
    #bxslider2 .line.active .cap {bottom: 50px;}
    .slider1 .bx-wrapper img {height: 300px; width: auto;}
    .subs-main .subscribe .input {max-width: 100%;}
    .subs-main .subscribe input[type="text"] {max-width: 100% !important;}
    footer .menu-footer .column {width: 100%;}
    #form-call .cap1 {font-size: 24px; line-height: 34px;}
    #form-call .cap2 {line-height: 26px;}
    .services-inner .item {padding-left: 60px;}
    .services-inner .item .ico {position: relative; top: 0px; left: 0px; float: left; margin-right: 20px; margin-bottom: 25px;}
    .services-inner .item a.caption {display: block;}
    .news-inner .item .caption {font-size: 20px; line-height: 30px;}
    .letters h3 {font-size: 24px; line-height: 34px; padding-bottom: 20px; margin-bottom: 20px;}
    .posts .item .text .post-item {padding-right: 0px; width: 100%;}
    .posts .item .text .post-item .caption {height: auto;}
    .bigPost .cap1 {font-size: 24px; line-height: 34px;}
    .docs .list-docs .item .caption {width: 100%; padding-right: 0px;}
    .docs .list-docs .item {padding-bottom: 30px;}
    .faqs .item {padding-left: 0px;}
    .faqs .item .ico {display: none;}
    .add-quest .caption {font-size: 24px; line-height: 34px;}
    .form-event .cap1 {font-size: 24px; line-height: 34px;}
    .form-event {padding: 30px;}
    .list-contacts-post .item {padding-left: 15px;}
    .list-contacts-post .item svg {position: relative;}
    .list-contacts-post .item .caption {display: block; padding-left: 0px;}
    .list-contacts-post .item .phone {padding-left: 0px;}
    .contacts-list .type {padding-left: 30px; height: auto; min-height: 50px;}
    .contacts-list .type .ico {display: none;}
    .list-contacts-post .item {padding-bottom: 30px;}
    #block1.active {height: 900px;}
    #block1 .text .caption h3 {font-size: 30px; line-height: 40px;}
    .slider1 .bx-viewport li {min-height: 350px !important;}
    .did {padding: 15px;}
}

@media all and (max-width: 500px) {
    header .logo {padding-right: 0px;}
    header {padding: 15px;}
    .menu-mobile {padding: 15px;}
    .services-main {padding-left: 60px; padding-right: 15px;}
    .subs-main {padding-left: 15px; padding-right: 15px;}
    #bxslider2 .line {margin-left: 15px; margin-right: 15px; width: calc(100% - 30px);}
    .slider1 .bx-controls {right: 80px;}
    .news-main {padding-left: 15px; padding-right: 15px;}
    .news-main .news-m .news-list-main a {padding-left: 0px; padding-top: 70px;}
    .news-main .news-m .news-list-main a img {display: none;}
    .news-main .afisha-main .cap,
    .news-main .news-m .cap,
    .main-urls .cap
    {font-size: 30px; line-height: 40px;}
    .subs-main .subscribe .cap,
    .subs-main .cabinet .cap
    {font-size: 24px; line-height: 34px;}
    .bnr {padding-left: 15px; padding-right: 15px;}
    .main-urls {padding-left: 15px; padding-right: 15px;}
    footer {padding-left: 15px; padding-right: 15px;}
    .header {padding-left: 15px; padding-right: 15px;}
    .services-inner .item {padding-left: 60px; padding-right: 15px;}
    .services-inner .item::before,
    .services-inner::after
    {left: 15px; width: calc(100% - 30px);}
    .services-inner .item a.caption {font-size: 22px; line-height: 32px;}
    .subs-inner {padding-left: 15px; padding-right: 15px;}
    .services-inner .item.type1 {padding-bottom: 230px;}
    .services-inner .item.type1:hover {padding-bottom: 230px;}
    .header .pageName {font-size: 24px; line-height: 34px;}
    .services-item {padding-left: 60px; padding-right: 15px;}
    .step {padding-left: 0px;}
    .step .ico {position: relative; float: left; top: 0px; display: block;margin-right: 15px; margin-bottom: 30px;}
    .step .caption {display: block; font-size: 22px; line-height: 32px; padding-top: 0px;}
    .step .short {padding-top: 0px;}
    .mission {padding: 30px 15px}
    .news-inner {margin-left: 15px; margin-right: 15px;}
    .main-urls li a {height: 320px !important;}
    .menu-slides {padding-left: 15px; padding-right: 15px;}
    .letters {margin-left: 15px; margin-right: 15px;}
    .letters #bxslider4 li a {width: 100%; margin-right: 0px;}
    .black-blocks {padding-left: 15px; padding-right: 15px;}
    .posts .item .caption {font-size: 24px; line-height: 34px;}
    .bigPost {padding-left: 15px; padding-right: 15px;}
    .services-item h3 {font-size: 24px; line-height: 34px;}
    .add-quest {padding: 15px;}
    .faqs .item::after {left: -15px; width: calc(100% + 30px);}
    .news-item {margin-left: 15px; margin-right: 15px;}
    .share {padding: 30px 15px;}
    .news-inner h3 {font-size: 24px; line-height: 34px;}
    .form-event {padding: 15px;}
    #block1 .text {padding-bottom: 0px;}
    .subs-main .subscribe .maininput {max-width: 100%;}
    .subs-inner .subscribe .maininput {max-width: 100%;}
}


@media all and (max-width: 400px) {
    .subs-main .cabinet a {padding: 18px 35px;}
    .services-item .post {padding-left: 120px;}
    #block1.active {height: 980px;}
    .search .input {width: calc(100% - 50px);}
}