@import url('https://brendum.ru/files/fonts/gilroy/font.css');
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} bod0097B6y {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse;	border-spacing: 0;}
::-webkit-scrollbar {width: 0px; background: transparent;}
html {-ms-overflow-style: none; scrollbar-width: none;}
:focus {outline: none !important;}
::-moz-focus-inner {border: 0px !important;}
input, button { -webkit-appearance: none;}
* {-webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;}
strong {font-family: 'bold', sans-serif;}

@media (min-width: 101px) and (max-width: 3500px) {

html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #000; font-family: 'medium', sans-0097B6serif; font-size: 1.1vw; font-style: normal; line-height: 150%; background: #fff;}
#body {position: relative; margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden;}
.home #content {width: 100%; margin: 0; padding: 0; min-height: 50vh;} 
#content {width: 80vw; margin: 0; padding: 10vw 10vw; min-height: 50vh;} 

.progress-container {position: fixed; z-index: 999; top: 0; left: 0; width: 100vw; height: 0.1vw; background: #f2f3f7;}
.progress-bar {height: 0.1vw; background: #ff0000; width: 0%;}

.home header {position: fixed; width: 100%; height: 3vw; margin: 0; z-index: 10; background: transparent;}
.home header.small {background: linear-gradient(45deg, #040436, #3F307D);}
header {position: fixed; width: 100%; height: 3vw; margin: 0; z-index: 10; background: linear-gradient(45deg, #040436, #3F307D);}

.home header .logo {position: absolute; width: 7.5vw; height: auto; margin: 0; top: 3vw; left: 10vw;}
header .logo img {width: 100%;}
.home header.small .logo {top: 0.65vw;}
header .logo {position: absolute; width: 7.5vw; height: auto; margin: 0; top: 0.65vw; left: 10vw;}


.home header nav {position: absolute; margin: 2.85vw 0 0 0; right: 7.5vw;}
.home header.small nav {position: absolute; margin: 0.5vw 0 0 0;}
header nav {position: absolute; margin: 0.5vw 0 0 0; right: 7.5vw;}
header nav ul li {position: relative; float: left; margin: 0 3.5vw 0 0;}
header nav ul li a, header nav ul li .separator {color: #fff; text-decoration: none; font-family: 'light', sans-serif; font-size: 75%;}
header nav ul li a:hover {color: #0097B6; text-decoration: none;}
header nav ul.nav.menu .current a {color: #0097B6; margin: 0; }

header nav ul.nav.menu li.item-144, header nav ul.nav.menu li.item-145 {display: none;}
header nav ul.nav.menu li:last-child {margin: 0;}
header nav ul.nav.menu li:last-child a {color: #3F307D; padding: 0.5vw 2vw 0.5vw 2vw; border-radius: 0.25vw; background: #fff; font-family: 'medium', sans-serif;}
header nav ul.nav.menu li:last-child a:hover {color: #0097B6;}
header nav ul.nav.menu .menu_note {position: absolute; width: 100%; margin: 2vw 0 0 0; line-height: 125%; font-size: 65%;  color: #758495;}

header nav ul.nav.menu ul {position: absolute; display: block; width: auto; opacity: 0; visibility: hidden; margin: 0.5vw 0 0 -5vw; background: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border: none; padding: 5vw; box-shadow: 0 1vw 2vw #90A0B7; border-radius: 0.5vw;}
header nav ul.nav.menu li:hover > ul {opacity: 1; visibility: visible;}
header nav ul.nav.menu li ul li {float: none; margin: 0 0 2vw 0; background: transparent; padding: 0; width: 15vw;}
header nav ul.nav.menu li ul li:last-child {margin: 0;}
header nav ul.nav.menu li ul li:last-child a {margin: 0; padding: 0; border: none; font-family: 'medium', sans-serif; color: #00829D;}
header nav ul.nav.menu li ul li:last-child a:hover {border: none;}
header nav ul.nav.menu li ul li a {color: #0097B6;}
header nav ul.nav.menu li ul li:hover a {color:#000 !important;}
header nav ul.nav.menu li ul .current a {color:#000; margin: 0;}
header nav ul.nav.menu li ul li .menu_note {position: relative; width: 100%; margin: 1vw 0 0 0; line-height: 125%; font-size: 65%;  color: #D1D9E6;}

h1 {position: relative; padding: 0 0 2vw 0; font-size: 450%; color: #0097B6; font-family: 'bold', sans-serif; line-height: 125%;}
h2 {position: relative; padding: 0 0 2vw 0; font-size: 450%; color: #0097B6; font-family: 'bold', sans-serif; line-height: 125%;}
h3 {position: relative; padding: 1vw 0; font-size: 175%; color: #453AA2; font-family: 'bold', sans-serif; line-height: 125%;}
h4 {position: relative; padding: 1vw 0; font-size: 150%; color: #000; font-family: 'bold', sans-serif; line-height: 125%;}


.home .block_a {position: relative; margin: 0; padding: 0; width: 100vw; height: 45vw; z-index: 1; color: #fff;}
.home .block_a .info {position: relative; margin: 0; padding: 13vw 0 0 20vw; z-index: 2;}
.home .block_a .info h1 {position: relative; margin: 0; font-size: 450%; color: #fff; line-height: 100%;}
.home .block_a .text {position: relative; padding: 0 0 0 1vw; line-height: 175%; width: 50vw; font-family: 'light', sans-serif;}
.home .block_a .btn {position: relative; margin: 3vw 0 0 0;}
.home .block_a .btn a {color: #3F307D; text-decoration: none; background: #fff; border-radius: 0.25vw; padding: 0.75vw 2vw 1vw 2vw;}
.home .block_a .btn a:hover {color: #0097B6;}
.home .block_a .img {position: absolute; width: 100vw; margin: 0; line-height: 0; z-index: 1;}
.home .block_a .img img {width: 100%;}

.home .block_b {position: relative; margin: 0; padding: 10vw; width: 80vw; height: auto; background: #f2f3f7;}
.home .block_b ul {position: relative; overflow: hidden; width: 100%;}
.home .block_b ul li {position: relative; float: left; width: 21vw; margin: 0 7.5vw 0 0;}
.home .block_b ul li:last-child {margin: 0;}
.home .block_b ul li .img {position: relative; width: 3vw; height: auto; line-height: 0; margin: 0 0 2vw 0;}
.home .block_b ul li .img img {width: 100%;}
.home .block_b ul li .title {position: relative; font-size: 150%; margin: 0 0 1vw 0;}

.home .block_c {position: relative; margin: 0; padding: 0; width: 100vw; height: auto;}
.home .block_c ul {position: relative; overflow: hidden; width: 100%;}
.home .block_c ul li {position: relative; float: left; width: 33.33333vw; height: 25vw; margin: 0;}
.home .block_c ul li:nth-child(2), .home .block_c ul li:nth-child(6), .home .block_c ul li:nth-child(7) {background: #f2f3f7;}
.home .block_c ul li .img {position: relative; width: 33.33333vw; height: auto; line-height: 0; margin: 0;}
.home .block_c ul li .img img {width: 100%;}
.home .block_c ul li .title {position: relative; font-size: 150%; margin: 5vw 0 2vw 5vw;}
.home .block_c ul li .text {position: relative; margin: 0 5vw 2vw 5vw; color: #90A0B7;}
.home .block_c ul li .btn {position: relative; margin: 0 0 0 5vw;}
.home .block_c ul li .btn a {color: #0097B6; text-decoration: none;}
.home .block_c ul li .btn a:before {position: absolute; content: '➜'; margin: 0 0 0 -1.5vw; color: #0097B6; }
.home .block_c ul li .btn a:hover {margin: 0 0 0 1.5vw;}

.home .block_d {position: relative; margin: 0; padding: 10vw; width: 80vw; height: auto;}
.home .block_d ul {position: relative; overflow: hidden; width: 100%;}
.home .block_d ul li {position: relative; float: left; width: 12vw; margin: 0 5vw 0 0; text-align: center;}
.home .block_d ul li:last-child {margin: 0;}
.home .block_d ul li .img {position: relative; width: 7.5vw; height: auto; line-height: 0; margin: 0; }
.home .block_d ul li .img img {width: 100%; filter: grayscale(1)}
.home .block_d ul li .img:hover img {width: 100%; filter: grayscale(0)}


.services .info {position: relative; width: 45vw;}
.services .tabs {margin: 4vw 0 0 0;}
.services .tabs dt {float: left; position: relative; margin: 0 0.5vw 0 0; padding: 0.75vw 1vw; height: auto; line-height: 100%; font-size: 100%; color: #0097B6;  cursor: pointer; border: 0.15vw solid #f2f3f7; background: #f2f3f7; border-radius: 0.25vw; font-family: 'medium', sans-serif;}
.services .tabs dt.selected {color: #3F307D;  cursor: pointer; border: 0.15vw solid #3F307D; background: #fff;}
.services .tabs dd {background: #fff; float: right; width: 100%; height: auto; position: relative; z-index: 2; margin: 5vw 0 7.5vw -100%; border: none; padding: 0; display: none;}
.services .tabs dd.selected {z-index: 3; height: auto; display: block;}
.services .tabs .tab-content {border: none; padding: 0;}
.services .tabs .tab-content .img {position: relative; width: 100vw; height: auto; margin: 0 0 5vw -10vw; line-height: 0;}
.services .tabs .tab-content .img img {width: 100%;}
.services .tabs .tab-content h2 {font-size: 200%;}


.about .block_a {position: relative; }
.about .block_a .img {position: relative; width: 100vw; margin: 5vw 0 0 -10vw; line-height: 0;}
.about .block_a .img img {width: 100%;}

.about .block_b {position: relative; margin: -5vw 0 0 0;}
.about .block_b span {position: relative; display: block; margin: 0 0 3vw 0; color: #fff;}
.about .block_b ul {position: relative; width: 100%; overflow: hidden; margin: 5vw 0;}
.about .block_b ul li {position: relative; float: left; width: 15vw; margin: 0 5vw 0 0; color: #90A0B7;}
.about .block_b ul li:nth-child(2) {width: 20vw;}
.about .block_b ul li:last-child {width: 35vw; margin: 0;}

.about .block_c {position: relative; width: 80vw; margin: 10vw 0 10vw -10vw; padding: 5vw 10vw; background: #f2f3f7;}
.about .block_c h2 {position: relative; font-size: 200%;}
.about .block_c ul {position: relative; width: 100%; overflow: hidden; margin: 0 0 0 -3vw; padding: 3vw;}
.about .block_c ul li {position: relative; float: left; width: 10vw; margin: 0 7.25vw 0 0; text-align: center;}
.about .block_c ul li:last-child {margin: 0;}
.about .block_c ul li .img {position: relative; width: 10vw; border-radius: 10vw; margin: 0 0 1vw 0; line-height: 0; overflow: hidden; filter: drop-shadow(0 1vw 1vw rgba(0,0,0,.35));}
.about .block_c ul li .img img {width: 100%;}
.about .block_c ul li .name {position: relative; margin: 0 0 0.5vw 0;}
.about .block_c ul li .pos {position: relative; margin: 0;  color: #90A0B7; font-size: 75%; line-height: 125%;}

.about .block_d {position: relative; width: 80vw; margin: 0; padding: 0;}
.about .block_d h2 {position: relative; font-size: 200%;}
.about .block_d ul {position: relative; width: 100%; overflow: hidden; margin: 3vw 0 5vw 0;}
.about .block_d ul li {position: relative; float: left; width: 23vw; margin: 0 5vw 0 0;}
.about .block_d ul li:last-child {margin: 0;}
.about .block_d ul li .img {position: relative; width: 3vw; margin: 0 0 1vw 0; line-height: 0;}
.about .block_d ul li .img img {width: 100%;}
.about .block_d ul li .name {position: relative; margin: 0 0 1vw 0; font-size: 125%;}
.about .block_d ul li .pos {position: relative; margin: 0;  color: #90A0B7; font-size: 75%; line-height: 150%;}


.careers .block_a {position: relative; }
.careers .block_a .img {position: relative; width: 100vw; margin: 5vw 0 0 -10vw; line-height: 0;}
.careers .block_a .img img {width: 100%;}

.careers .block_b {position: relative; margin: -3.5vw 0 0 0;}
.careers .block_b span {position: relative; display: block; margin: 0 0 3vw 0; color: #fff; font-size: 200%;}
.careers .block_b ul {position: relative; width: 100%; overflow: hidden; margin: 5vw 0;}
.careers .block_b ul li {position: relative; float: left; width: 15vw; margin: 0 5vw 0 0; color: #90A0B7;}
.careers .block_b ul li:nth-child(2) {width: 20vw;}
.careers .block_b ul li:last-child {width: 35vw; margin: 0;}

.careers .block_c {position: relative; width: 80vw; margin: 10vw 0 10vw -10vw; padding: 5vw 10vw; background: #f2f3f7;}
.careers .block_c h2 {position: relative; font-size: 200%;}
.careers .block_c ul {position: relative; width: 100%; overflow: hidden; margin: 0 0 0 -3vw; padding: 3vw;}
.careers .block_c ul li {position: relative; float: left; width: 10vw; margin: 0 7.25vw 0 0; text-align: center;}
.careers .block_c ul li:last-child {margin: 0;}
.careers .block_c ul li .img {position: relative; width: 10vw; border-radius: 10vw; margin: 0 0 1vw 0; line-height: 0; overflow: hidden; filter: drop-shadow(0 1vw 1vw rgba(0,0,0,.35));}
.careers .block_c ul li .img img {width: 100%;}
.careers .block_c ul li .name {position: relative; margin: 0 0 0.5vw 0;}
.careers .block_c ul li .pos {position: relative; margin: 0;  color: #90A0B7; font-size: 75%; line-height: 125%;}

.careers .block_d {position: relative; width: 80vw; margin: 0; padding: 0;}
.careers .block_d h2 {position: relative; font-size: 200%;}
.careers .block_d ul {position: relative; width: 100%; overflow: hidden; margin: 3vw 0 5vw 0;}
.careers .block_d ul li {position: relative; float: left; width: 23vw; margin: 0 5vw 0 0;}
.careers .block_d ul li:last-child {margin: 0;}
.careers .block_d ul li .img {position: relative; width: 3vw; margin: 0 0 1vw 0; line-height: 0;}
.careers .block_d ul li .img img {width: 100%;}
.careers .block_d ul li .name {position: relative; margin: 0 0 1vw 0; font-size: 125%;}
.careers .block_d ul li .pos {position: relative; margin: 0;  color: #90A0B7; font-size: 75%; line-height: 150%;}


.news [class^='leading-'] {margin: 0 0 5vw 0;}
.news h1 {font-size: 200%;}


.contact h2 {font-size: 200%;}


footer {position: relative; width: 80vw; height: 22vw; margin: 0 10vw; padding: 0; font-size: 75%; border-top: 0.05vw solid #c5c5c5;}
footer .copy {position: absolute; margin: 0; top: 5vw; right: 0; font-size: 75%;}
footer .logo {position: absolute; width: 5vw; margin: 0; padding: 0; top: 5vw;}
footer .logo img {width: 100%;}
footer .about {position: absolute; margin: 0; padding: 0; top: 8.5vw; width: 12.5vw; line-height: 150%;}
footer .tel {position: absolute; margin: 0; padding: 0; top: 5vw; left: 35vw;}
footer .mail {position: absolute; margin: 0; padding: 0; top: 6.5vw; left: 35vw;}
footer .adress {position: absolute; margin: 0; padding: 0; top: 9.5vw; left: 35vw; width: 12vw; line-height: 150%;}

footer nav {position: absolute; margin: 0; top: 5vw; left: 20vw;}
footer nav ul li {position: relative; float: none; margin: 0 0 0.5vw 0;}
footer nav ul li a, footer nav ul li .separator {color: #040436; text-decoration: none;}
footer nav ul li a:hover {color: #000; text-decoration: none;}
footer nav ul.nav.menu .current a {color: #000; margin: 0; }
footer ul.nav.menu li:last-child {margin: 0;}
footer nav ul.nav.menu ul {display: none;}


.senks {position: relative; line-height: 125%;}
.senks h2 {position: relative; padding: 0 0 2vw 0; font-size: 250%; color: #000; font-family: 'black', sans-serif; line-height: 125%;}

.pull-left.item-image {position: relative; float: right; margin: 0 0 2vw 5vw; width: 30vw; line-height: 0;}
.pull-left.item-image img {width: 100%;}


#form {position: relative; width: 25vw; height: auto; margin: 0 0 5vw 0; padding: 0;} 
#form .rsform-block-namename, #form .rsform-block-telname, #form .rsform-block-mailname, #form .rsform-block-passname {position: relative; font-size: 75%; font-family: 'medium', sans-serif; margin: 0 0 0 1.5vw;}
#form .rsform-block-name, #form .rsform-block-tel, #form .rsform-block-mail {display: block; overflow: hidden; margin: 0 0 0.5vw 0; width: 100%;}
#form .rsform-block-name label, #form .rsform-block-tel label, #form .rsform-block-mail label, #form .rsform-block-pass label {display: none;} 
#form .rsform-block-name input, #form .rsform-block-tel input, #form .rsform-block-mail input, #form .rsform-block-pass input {width: 23vw; border: 0.1vw solid #D1D9E6; border-radius: 0.25vw; transition-duration: 0.3s; background: #fff; cursor: pointer; margin: 0; padding: 1vw; color: #90A0B7; font-size: 100%; font-family: 'regular', sans-serif;}
#form .rsform-block-name input:focus, #form .rsform-block-tel input:focus, #form .rsform-block-mail input:focus {border: 0.1vw solid #90A0B7; transition-duration: 0.3s; background: #F2F3F7; color: #000;}
#form .rsform-block-text {position: absolute; display: block; margin: -5vw 0 0 30vw; width: 30vw; padding: 5vw; background: #f2f3f7;}
#form .rsform-block-text .list {width: 25vw; padding: 0; margin: 0;}
#form .rsform-block-submit {display: block; overflow: hidden; margin: 0; width: 100%;}
#form .rsform-block-submit button[type='submit'] {color: #000; text-decoration: none; background: transparent; border-radius: 0.25vw; padding:0.75vw 2vw 0.75vw 2vw; border: 0.2vw solid #000; font-family: 'bold', sans-serif; font-size: 100%;}
#form .rsform-block-submit button[type='submit']:hover {background: #000; color: #fff; cursor: pointer;}
#form label {margin: 0 3vw 0 0;}
#form label input[type='checkbox'] {height: 2vw; width: 2vw; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 0.25vw solid #90A0B7; border-radius: 0.25vw; outline: none; transition-duration: 0.3s; background: #F2F3F7; cursor: pointer; margin: 0 1vw 0 0;}  
#form label input[type='checkbox']:checked {border: 0.25vw solid #D8D8D8; background: #000;}


.spoilers {position: relative; width:100%; margin: 3vw 0 0 0;}
.spoilers .title {background: #f2f3f7; padding: 0; margin: 0 0 1vw 0; padding: 0 0 1vw 0; cursor: pointer; position: relative; z-index: 2; border-bottom: 0.05vw solid #f2f3f7; font-size: 125%; font-family: 'medium', sans-serif;}
.spoilers .title:after {position: absolute; content: ''; z-index: 3; top: 0; right: 0; width: 1.25vw; height: 1.25vw; background: url("../../../images/up.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.spoilers .title.active:after {position: absolute; content: ''; z-index: 3; top: 0; right: 0; width: 1.25vw; height: 1.25vw; background: url("../../../images/down.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.spoilers .title:hover {color: #0097B6;}
.spoilers .title.active {color: #0097B6; margin: 0 0 1vw 0; padding: 0 0 1vw 0;}
.spoilers .desc {display: none; margin: 0; padding: 0 0 5vw 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; position: relative; z-index: 1;}


}