@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic.woff2') format('woff2'),
        url('fonts/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('fonts/OpenSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


:root {
  --text: black; /*#676767;*/
  --a-color:  #2f368f;
  --svg-color: #810220;
  --bg-color: lightgray; /*#6c74dc;*/
  --btns-bg: darkgray; /*#2f368f;*/
  --btns-bg-hover: #810220;
  --btn-form-bg: #810220; /* #2f368f; */
  --btn-form-bg-hover: #720315; /*#2f368f;*/
}


.vac-big .form .input-file .btn-file {border-color: var(--btns-bg);}
.container { color: var(--text);}
a {color: var(--a-color); }
svg {fill: var(--svg-color); }
.green-bg:before, .purple-theme .green-bg {background: var(--bg-color);}
.green-bg .tabs ul li a {background: var(--btns-bg);}
.green-bg .tabs ul li a:hover {background: var(--btns-bg-hover);} /*цвет кнопок в списке вакансий при наведении*/
button {background: var(--btn-form-bg);}
button:hover {background: var(--btn-form-bg-hover);}
.green-bg .tabs-content .block {color: var(--text);}
.green-bg .tabs ul li.active a {color: var(--a-color);}

video {
  -webkit-mask-image: -webkit-radial-gradient(white, black)!important;
  -webkit-backface-visibility: hidden!important;
  -moz-backface-visibility: hidden!important;
}

html {min-width: 1180px;}

 body {position: relative; margin: 0; padding: 0px 0 0 0; height: auto !important; min-height: 100%; min-width: 1180px; font-family: 'Open Sans';}

 html > body {padding: 0;}
 img {padding: 0; margin: 0; border: 0;}
 .cleaner {clear: both;}
 a:hover {text-decoration: none;}
input::-moz-placeholder {opacity: 1;}
input::-webkit-input-placeholder {opacity: 1;}
input:focus::-moz-placeholder {opacity: 0!important;}
input:focus::-webkit-input-placeholder {opacity: 0!important;}
textarea::-moz-placeholder {opacity: 1;}
textarea::-webkit-input-placeholder {opacity: 1;}
textarea:focus::-moz-placeholder {opacity: 0;}
textarea:focus::-webkit-input-placeholder {opacity: 0;}
* {outline: none}
.all {z-index:2; width:100%; position: relative; max-width:1180px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
form {padding: 0; margin: 0; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}
button, a {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}


.container {box-sizing: border-box; position: relative; position: relative; width:100%; max-width: 1920px; overflow: hidden; margin: 0 auto;}
header {border-bottom: 2px solid rgba(236,236,236,0.6); position: relative; height: 62px; display:flex; align-items: center;justify-content:space-between;}
header .logo {width: 160px; display: block;}
header nav.topmenu {position: absolute; left: 50%; transform: translateX(-50%); line-height: 100%;}
header nav.topmenu ul {padding: 0; margin: 0; list-style-type: none;}
header nav.topmenu ul li {margin:0 15px; display: inline;}
header nav.topmenu ul li a {font-size: 13px; color: #151515; text-decoration:none;}
header .menu-icon {display:none;}

.first-screen {display: flex; align-items: center; padding: 40px 0; font-size: 14px; line-height: 1.71;   }
.first-screen .text {position: relative; font-size: 14px; line-height: 1.71;    width: calc(100% - 575px); padding: 0 20px 0 0; box-sizing: border-box;}
.first-screen h1 {font-size: 34px; line-height: 38px;  font-weight: normal; color: #101010; padding: 0 0 24px; margin: 0;}
.first-screen p {padding: 0 0 30px; margin: 0;}
.first-screen .text .btn { font-weight: 500; font-size: 19px; text-transform: uppercase; text-decoration: none; color: #2f2f2f; width: 250px; height: 52px; border-radius: 5px; background-color: #ffcc00; display: flex; align-items: center; justify-content: center; line-height: 18px; padding: 4px 0 0 0; box-sizing: border-box;}
.first-screen .text .btn:hover {box-shadow: 0 2px 15px 0 rgba(255, 204, 0, 0.41), 0 2px 4px 0 #ffd100, inset 0 -1px 0 0 #ffaf00;  background-color: #ffd200;}
.first-screen .right-pic {width: 575px;}
.first-screen .right-pic img {width:100%;}


.green-bg .filter-icon {display: none;}
.green-bg {margin: 0 0 60px;   position: relative; padding: 50px 0 80px;}
.green-bg:before {  content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -2000px; right: -2000px; width: calc(100% + 4000px);}
.green-bg * {position: relative;}
.green-bg h2 { padding: 0 0 20px; margin: 0; font-size: 42px;  font-weight: normal;  line-height: 1.14; color: #ffffff; }
.green-bg .filter {display: flex; position: absolute; top: 56px; right: 0;}
.green-bg .filter .block {width: 200px; margin-left: 6px; }
.green-bg .filter .block input.search {display: block; box-sizing: border-box; width: 100%; height: 36px; line-height: 36px;   border: 0;border-radius: 3px; font-size: 13px; padding: 2px 12px 0; text-transform: uppercase; color: #151515;}
.green-bg .filter .block input.search::-moz-placeholder {opacity: 1; color: #151515;}
.green-bg .filter .block input.search::-webkit-input-placeholder {opacity: 1; color: #151515;}
.green-bg .filter .block input.loop {position: absolute; display: block; border: 0;cursor: pointer; background: url(img/search.png) center center no-repeat; top: 0; height: 36px; width: 36px; right: 0;}
.green-bg .filter .block select {padding: 0 12px; color: #151515; font-weight: 500;  font-size: 13px; text-transform: uppercase; width:100%; height: 36px; margin: 0; box-sizing: border-box; border: 0; border-radius: 3px;}
.green-bg .filter .block .jq-selectbox__select-text {display: block; height: 36px; display: flex; align-items: center; background: #fff; border-radius: 3px;  font-size: 14px; padding: 2px 12px 0; text-transform: uppercase; font-weight: 500; color: #151515;  cursor: pointer;}
.green-bg .filter .block .jq-selectbox__trigger {position: absolute; top: 0; right: 0; width: 34px; height: 36px; cursor: pointer; background: url(img/chevron-down.png) center center no-repeat;}
.green-bg .filter .block .jq-selectbox__dropdown {position: absolute; width:100%!important; box-shadow: 0 3px 3px 1px rgba(0,0,0,0.05); margin: 8px 0; font-size: 13px;   background: #fff; border-radius: 3px;}
.green-bg .filter .block .jq-selectbox__dropdown:before {content: ''; display: block; position: absolute; width: 7px; height:7px; transform: rotate(45deg); top: -2px; right: 23px; background: #fff;}
.green-bg .filter .block .jq-selectbox__dropdown ul {max-height: 999px!important; padding: 0; margin: 0; list-style-type:none;}
.green-bg .filter .block .jq-selectbox__dropdown ul li {border-bottom: 1px solid #f5f5f5; padding: 15px 20px; cursor: pointer;}
.green-bg .filter .block .jq-selectbox__dropdown ul li:last-child {border: 0;}
.green-bg .filter .block .jq-selectbox__dropdown ul li:hover {color: #151515;}
.green-bg .filter .block .jq-selectbox__dropdown ul li.selected {color: #151515;}
.green-bg .filter .block .jq-selectbox__dropdown ul li:first-child{display: none;}

.green-bg .tabs {margin: 0 0 22px; text-transform:uppercase; display: flex; align-items:flex-start;   font-size: 14px;  font-weight: 500;  line-height: 1.14;  color: #ffffff;}
.green-bg .tabs>span {padding: 14px 0 0 0;}
.green-bg .tabs ul {flex-wrap: wrap; padding: 0; margin: 0 0 0 20px; list-style-type: none; display: flex;}
.green-bg .tabs ul li {margin: 3px 6px 3px 0;}
.green-bg .tabs ul li a {  display: flex; align-items: center; justify-content:center; padding: 0px 21px 0; height: 36px; box-sizing: border-box; border-radius: 3px; text-decoration: none; color: #fff; }
.green-bg .tabs ul li.active a {background: #fff;}

.green-bg .tabs-content {flex-wrap: wrap; display: flex; width: calc(100% + 12px); margin: 0 -6px 30px;}
.green-bg .tabs-content .block {text-decoration:none; font-size: 13px; line-height: 1.54;    background: #fff; border-radius: 8px; padding: 19px 30px 60px; box-sizing: border-box; position: relative; width: calc(100% /3 - 12px); margin: 0 6px 12px;}
.green-bg .tabs-content .block>span {display: block;}
.green-bg .tabs-content .block .title { margin: 0 0 10px; font-size: 20px;  line-height: 1.3;   }
.green-bg .tabs-content .block .salary {padding: 0 0 16px; margin: 0 0 16px; position: relative; font-size: 13px;  font-weight: 500;  line-height: 1.54;  color: #101010;}
.green-bg .tabs-content .block .salary:after {width: 50px; content: ''; display: block; position: absolute; left: 0; bottom: 0;  height: 3px;  border-radius: 2.5px;   }
.green-bg .tabs-content .block .city {font-size: 13px;  font-weight: 500;  line-height: 1.54;  color: #101010; position: absolute; bottom: 24px;}

.green-bg .center-text {max-width: 635px; margin: 0 auto;  text-align:center; color: #fff; font-size: 20px;  line-height: 1.5;  color: #ffffff;}
.green-bg .center-text h2 {padding: 0 0 10px; margin: 0; font-size: 32px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  color: #ffffff;}
.green-bg .center-text p {padding: 0 0 20px; margin: 0;}
.green-bg .center-text .btn {font-size: 14px; text-transform: uppercase; text-decoration: none; color: #2f2f2f; width: 204px; height: 36px; border-radius: 3px; background-color: #fff; display: flex; align-items: center; justify-content: center; line-height: 36px; padding: 4px 0 0 0; box-sizing: border-box; margin: 0 auto;}



.about-block {display: flex; align-items: center; margin: 0 0 40px;}
.about-block .pic {position: relative; width: 445px; margin: 0 30px 0 0;}
.about-block .pic img {width: 100%; position: relative;}
.about-block .pic .abs {height: 380px; position: absolute; left: -165px; top: 50%; transform: translateY(-50%);}
.about-block .text {font-size: 14px; line-height: 1.71;   padding: 0 50px 0 0; box-sizing: border-box; width: calc(100% - 475px);}
.about-block .text p.title {max-width: 570px; font-size: 28px;  line-height: 115%;   color: #101010; padding: 0 0 22px; margin: 0;}
.about-block .text .president {display:flex;align-items: center; margin: 0 0 40px;}
.about-block .text .president .photo {margin: 0 14px 0 0; width: 65px; height: 65px;overflow: hidden; border-radius:50%;}
.about-block .text .president .photo img {width:100%; min-height: 100%;}
.about-block .text .president .info {font-size: 13px; line-height: 1.54;  width: calc(100% - 80px);}
.about-block .text .president .info span {margin: 0 0 4px; display: block; font-weight: 500; line-height: 1.54; color: #101010;}
.about-block .text p {padding: 0 0 20px; margin: 0;}
.about-block .text p:last-child {padding: 0;}

.about-icons {display:flex; padding: 0 0 60px;}
.about-icons .block {font-size: 13px; line-height: 1.54;   width: 25%; padding: 0 40px 0 0;box-sizing: border-box;}
.about-icons .block .icon img {height:80px;}
.about-icons .block .icon svg {height:80px;}
.about-icons .block .icon {margin: 0 0 12px;}

.vac-big {display: flex; align-items: flex-start; padding: 50px 0 90px;}
.vac-big .text {font-size: 14px; line-height: 1.71;   width: calc(100% - 350px); padding: 0 40px 0 0; box-sizing:border-box;}
.vac-big .text .btn { font-size: 16px; text-transform:uppercase; text-decoration: none; color: #2f2f2f; font-weight: 500; display:none; width: 309px; margin: 15px 0 15px; max-width: 100%; justify-content: center; align-items: center;   height: 46px;  border-radius: 5px;     background-color: #ffcc00;}
.vac-big .text h2 { max-width: 635px; font-size: 42px; padding: 0 0 22px; margin: 0; line-height: 1.14; color: #101010;}
.vac-big .text h3 { padding: 12px 0 10px; margin: 0; font-size: 22px; line-height: 1.27; color: #101010;}
.vac-big .text ul {list-style-type: none; padding: 0 0 10px; margin: 0;}
.vac-big .text ul li {position: relative; padding-left: 15px;}
.vac-big .text ul li:before {content: ''; display: block;width: 6px; top: 11px; height:2px; position: absolute; left: 0; background: #70b33e; font-weight: normal;}
.vac-big .text p {padding: 0 0 10px; margin: 0;}
.vac-big .text .salary {display: inline-block; vertical-align:middle; padding: 0 0 22px; margin: 0 30px 0 0; font-size: 18px;  font-weight: 300; line-height: 1.11; color: #101010;}
.vac-big .text .city {position: relative; vertical-align:middle; display: inline-block; font-size: 18px;  font-weight: 300; line-height: 1.11; color: #101010; padding: 0 0 20px 20px;}
.vac-big .text .city:before {content: url(img/map-pin.png);position: absolute;top:1px; left: 0;}
.vac-big .text b {font-weight: 500;}
.vac-big .form {position: relative; width: 350px; background: #f8f8f8; border-radius: 10px; padding: 20px; box-sizing: border-box;}
.vac-big .form.sended form {filter: blur(2px);}
.vac-big .form.sended p.title  {filter: blur(2px);}
.vac-big .form.sended:after {content: ''; display:block; position: absolute;top: 0; bottom: 0; left: 0; width: 100%; background: rgba(255,255,255,0.8);}
.vac-big .form p.title {  padding: 0 0 12px; margin: 0; font-size: 26px;  font-weight: 500; color: #101010; line-height: 1.46;}
.vac-big .form input[type=text] {box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05); height: 46px; line-height: 46px; border: 0; padding: 2px 15px 0; box-sizing: border-box; margin: 0 0 10px; display: block; width: 100%;font-family: inherit; font-size: 13px;   background-color: #ffffff;}
.vac-big .form .input-file {position: relative; margin: 0 0 12px;}
.vac-big .form .input-file input {width: 100%; opacity: 0; display:block; height: 46px;position: relative; padding: 0; margin: 0; z-index: 2; cursor: pointer;}
.vac-big .form .input-file .btn-file {position: absolute; top: 0; left: 0; height: 46px; display: flex; align-items: center;justify-content: center; font-size: 13px;   font-weight: 500; color: #2f2f2f; width:100%; box-sizing:border-box; line-height: 44px; text-align:center;  border-radius: 5px;  border-width: 2px; border-style: solid;}
.vac-big .form .input-file .btn-file:before {content: url(img/file.png); margin: 0 5px -5px 0;}
.vac-big .form input[type=submit] {width:100%; font-size: 19px;text-transform:uppercase;  font-weight: 500;color: #fff; border: 0; cursor: pointer;  display: flex; align-items: center; justify-content:center; margin: 0 0 14px; height: 52px;  border-radius: 5px; padding:4px 0 0 0; box-sizing: border-box;   }
.vac-big .form small {display: block; font-size: 12px; text-align:center; line-height: 1.5; color: #a7a7a7;}
.vac-big .form .thanks {z-index: 20; text-align:center; position:absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.vac-big .form .thanks img {display: block; margin: 0 auto 20px; }
.vac-big .form .thanks small {box-sizing:border-box;  padding: 0 30px; }
.vac-big .form .thanks span {box-sizing: border-box; display: block; font-size: 19px; font-weight: 500; color: #2f2f2f; padding: 0 0 10px; margin: 0; text-transform: uppercase; }

footer {padding:34px 0; text-align:center;}
footer h2 {font-weight:normal; text-align:center; font-size: 36px;padding: 0 0 35px; margin: 0;}
footer a {  text-decoration: none;}
footer p {padding: 0 0 10px;margin: 0;}
footer img {width: 190px; display: block; margin: 25px auto 0;}


@media screen and (max-width: 1000px) {
footer h2 {font-size: 28px;}
footer img {width: 120px;}
.about-icons .block .icon {text-align: center;}
.about-icons .block {text-align:center;}
.green-bg .filter {width: 100%; position: relative; top: auto; right: auto; margin: 0 0 22px;}
.green-bg .filter .block {margin: 0; width: calc(100% / 3);}
.green-bg .filter .block:nth-child(2) {margin: 0 10px;}
.green-bg .tabs ul {flex-wrap: wrap; max-width: calc(100% - 120px);}


*:not(select) {max-height: 9999999999px; -webkit-appearance: none!important;}
header nav.topmenu {left: auto; transform: none; right: 0;}
header .logo {width: 224px; margin-top: 2px;}
header {border-bottom-width: 1px;}
.all {padding: 0 40px;}
.green-bg .tabs-content .block {width: calc(50% - 12px);}
.about-block .pic {width: 324px;}
.about-block .text {width: calc(100% - 354px);}
.about-block .text p.title {font-size: 20px; line-height: 30px;}
.about-block .pic .abs {height: 290px;}
.vac-big {display: block;}
.vac-big .text {width: 100%; padding: 0 0 40px;margin: 0;}
.vac-big .text .btn {display:flex;}
.vac-big .form {width:100%; }
.vac-big .form form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.vac-big .form input[type=text] {width: calc(50% - 10px); margin: 0 0 20px;}
.vac-big .form input[type=submit] {width: calc(50% - 10px); height: 46px; font-size: 16px;}
.vac-big .form .input-file {width: calc(50% - 10px);}
.vac-big .form small {width:100%;}






html, body {min-width: 320px;}


.first-screen h1 {font-size: 30px; line-height: 110%;}
.first-screen {flex-wrap: wrap; align-items: stretch;}
.first-screen h1 {width:100%; max-width: 560px;}
.first-screen .right-pic {width: 348px;}
.first-screen .text {position: relative; padding: 0 20px 50px 0; width: calc(100% - 348px);}
.first-screen .text .btn {position: absolute;bottom: 0;}

.about-block {flex-wrap: wrap;}
.about-block>p {width:100%; font-size: 14px; line-height: 24px;  padding: 15px 0; margin: 0;}
.about-icons {flex-wrap: wrap;}
.about-icons .block {width: 50%; margin: 0 0 40px;}

.first-screen {font-size: 13px; position: relative; display: block;}
.first-screen .text {font-size: 13px; position: static; padding: 0; width: 100%;}
.first-screen .text .btn {bottom: 60px; width: 290px; left: 50%; transform: translateX(-50%);}
.first-screen .right-pic {max-width:100%; margin: 0 auto;}
.about-block {flex-wrap: wrap; }
.about-block .text {order: 1; width:100%; padding: 0; margin: 0;}
.about-block .pic {max-width: 450px; order: 2; width:100%; padding: 0; margin: 30px auto 0;}
.about-block .pic .abs {display:none;}
.about-icons .block {width:100%; padding: 0;}
.about-block>p {order: 3;}
.about-block .text p.title {font-size: 18px; line-height: 28px;}

header .menu-icon {display:block; position: relative; width: 20px; height: 12px; border: 2px solid #000; border-right: 0; border-left: 0;}
header .menu-icon span {display: block; position: absolute; top: 50%; margin: -1px 0 0 0; width:100%; height: 2px; left: 0; background: #000;}
.vac-big .text h2 {font-size: 22px; line-height: 30px;}
.vac-big .form input[type=text] {width: 100%; margin: 0 0 10px;}
.vac-big .form .input-file {width: 100%;}
.vac-big .form input[type=submit] {width: 100%;}
header .logo {width: 175px;}
header nav.topmenu {  font-weight:bold; box-sizing:border-box; padding: 20px; top: 52px; z-index: 999; right: -110%; width: 100%;display: block; background: #fff; box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); transition: right 0.3s ease;}
header nav.topmenu ul li {display: block; }
header nav.topmenu ul li a {font-size: 18px; display:block; padding: 10px 0;}
header nav.topmenu.visible {right: 0;}
header {height: 50px;}
.first-screen h1 {padding: 0 0 14px; font-size: 20px; line-height: 30px;}



.green-bg .center-text h2 {font-size: 22px; line-height: 28px;}
.green-bg .center-text {font-size: 16px; line-height: 24px;}
.green-bg {padding: 35px 0;}
.green-bg .filter-icon {position:absolute;top: 35px; right: 5px; z-index: 2; display: block;}
.green-bg .filter .block {width:100%; margin: 0 0 10px!important;}
.green-bg .tabs>span {width:100%; text-align:center; margin: 0 0 15px; display: block;}
.green-bg .tabs ul li a {height: 30px; padding: 0 10px;}
.green-bg .tabs ul li {width: 100%; margin: 0 0 6px;}
.green-bg .tabs ul {margin: 0; max-width: 100%;}

.green-bg .filter {display:none;}
.green-bg .tabs {display:none;}
.green-bg h2 {font-size: 22px; line-height: 110%;}
.green-bg .tabs-content .block {width:100%; border-radius: 3px; padding: 12px 12px 50px;}
.all {padding: 0 15px;}

.about-icons {padding: 0 0 20px;}

}






/* by vds */

/* fix */
.green-bg .filter .block select { position: relative; }

button#btn_register {width:100%; font-size: 19px; text-transform:uppercase; font-weight: 500;color: #fff; border: 0; cursor: pointer;  display: flex; align-items: center; justify-content:center; margin: 0 0 14px; height: 52px;  border-radius: 5px; padding:4px 0 0 0; box-sizing: border-box;  }
button#btn_send_code {width:100%; font-size: 19px; text-transform:uppercase; font-weight: 500;color: #fff; border: 0; cursor: pointer;  display: flex; align-items: center; justify-content:center; margin: 0 0 14px; height: 52px;  border-radius: 5px; padding:4px 0 0 0; box-sizing: border-box; }