@charset "UTF-8";

@font-face {
font-family: Montserrat;
src: url(/wp-content/themes/g23/fonts/Montserrat-Regular/Montserrat-Regular.eot);
src: url(/wp-content/themes/g23/fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix)
format('embedded-opentype'),
url(/wp-content/themes/g23/fonts/Montserrat-Regular/Montserrat-Regular.woff2) format('woff2'),
url(/wp-content/themes/g23/fonts/Montserrat-Regular/Montserrat-Regular.woff) format('woff'),
url(/wp-content/themes/g23/fonts/Montserrat-Regular/Montserrat-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
} .vacancy-section input[type='checkbox'],
.vacancy-section input[type='radio'] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.vacancy-section textarea {
overflow: auto;
}
.vacancy-section ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.vacancy-section ul li {
margin: 0;
padding: 0;
}
.vacancy-section h2 {
font-size: 22px;
font-weight: 400;
margin-top: 0;
margin-bottom: 10px;
line-height: 24px;
}
.vacancy-section h3 {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
}
.vacancy-section h4 {
font-size: 15px;
letter-spacing: 2.4px;
line-height: 24px;
margin: 0 0 8px 0;
}
.vacancy-section .container {
max-width: 1260px;
width: 100%;
margin-right: auto;
margin-left: auto;
position: relative;
padding: 0 20px;
}
.g-btn {
background: #034f9a;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-weight: 600;
font-size: 13px;
height: 48px;
line-height: 48px;
padding: 0 52px;
display: inline-block;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
border: 0;
}
.g-btn:hover {
background: #105eaa;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.g-white-btn {
opacity: 1;
background: #fff;
font-weight: 600;
font-size: 13px;
line-height: 48px;
height: 48px;
border: 1px solid #e2e7ee;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 0 56px;
color: #545454;
margin-right: 16px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
display: inline-block;
cursor: pointer;
}
.g-white-btn:hover {
border: 1px solid #c4ccd7;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
color: #1d1d1d;
}
.info {
padding: 100px 0;
}
.info__title {
font-weight: 600;
font-size: 36px;
line-height: 140%;
color: #1d1d1d;
text-align: center;
margin: 0;
margin-bottom: 20px;
}
.info__desc {
font-weight: 600;
font-size: 20px;
line-height: 145%;
text-align: center;
color: #545454;
margin: 0;
margin-bottom: 48px;
}
.info__item {
background: #fff;
-webkit-box-shadow: 0 10px 20px rgba(145, 161, 171, 0.16);
box-shadow: 0 10px 20px rgba(145, 161, 171, 0.16);
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.info__item:not(:last-child) {
margin-bottom: 8px;
}
.info__item:hover {
background: #034f9a;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.info__item:hover .info__city,
.info__item:hover .info__date {
color: #bdd3e8;
}
.info__item:hover .info__name {
color: #fff;
}
.info__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 36px;
}
.info__link-first {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.info__date {
border-right: 1px solid #ddd;
padding: 23px 36px;
font-weight: 500;
font-size: 18px;
line-height: 145%;
color: #545454;
margin-right: 36px;
}
.info__city-mob {
display: none;
}
.info__name {
font-weight: 500;
font-size: 18px;
line-height: 145%;
color: #034f9a;
}
.info__city {
font-weight: 500;
font-size: 18px;
line-height: 145%;
color: #545454;
}
.info__detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #fff;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 10px 20px rgba(145, 161, 171, 0.16);
box-shadow: 0 10px 20px rgba(145, 161, 171, 0.16);
border-top: 1px solid #ddd;
padding: 36px;
}
.info__detail-text {
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
}
.vacancy-section .info__detail-title {
font-weight: 600;
font-size: 18px;
line-height: 145%;
color: #1d1d1d;
margin: 0;
margin-bottom: 16px;
}
.info__detail-descr {
font-weight: 400;
font-size: 16px;
line-height: 145%;
margin: 0;
color: #545454;
margin-bottom: 24px;
}
.info__detail-subtitle {
font-weight: 600;
font-size: 14px;
line-height: 145%;
color: #1d1d1d;
margin: 0;
margin-bottom: 16px;
}
.info__detail-list {
margin-bottom: 24px;
}
.info__detail-item {
position: relative;
font-weight: 400;
font-size: 16px;
line-height: 145%;
color: #545454;
padding-left: 12px;
}
.info__detail-item:not(:last-child) {
margin-bottom: 12px;
}
.info__detail-item:before {
content: '';
position: absolute;
top: 9px;
left: 0;
width: 5px;
height: 5px;
background: #034f9a;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.info__detail-explanation {
-ms-flex-preferred-size: 42%;
flex-basis: 42%;
background: #f7f9fc;
-webkit-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.info__detail-image {
width: 100%;
height: 390px;
}
.info__detail-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.info__detail-explanation-text {
padding: 36px;
}
.info__detail-explanation-title {
font-weight: 600;
font-size: 18px;
line-height: 145%;
color: #1d1d1d;
margin: 0;
margin-bottom: 16px;
}
.info__detail-explanation-descr {
font-weight: 400;
font-size: 16px;
line-height: 145%;
color: #545454;
margin: 0;
margin-bottom: 20px;
}
.g-popup {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(29, 29, 29, 0.48);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: auto;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: -webkit-transform 0.1s ease-out;
transition: -webkit-transform 0.1s ease-out;
-o-transition: transform 0.1s ease-out;
transition: transform 0.1s ease-out;
transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
}
.g-popup.open {
z-index: 1002;
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.g-popup__content {
width: 600px;
max-height: calc(100% - 20px);
background: #fff;
margin: 0 auto;
padding: 20px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
overflow: auto;
position: relative;
}
.g-popup__clsoe {
position: absolute;
top: 7px;
right: 7px;
cursor: pointer;
}
.index-popup__content {
background: #fff;
max-width: 1020px;
width: 100%;
}
.index-popup__content .g-btn {
padding: 0 35px;
}
.index-popup__content .close {
cursor: pointer;
}
.follow-popup__close {
cursor: pointer;
}
.index-popup__content-type {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
.index-popup__content-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.index-popup__content-form {
width: 100%;
}
.index-popup__content-progress-num {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index-popup__content-progress-bar {
position: relative;
border-bottom: 1px solid #ddd;
overflow: hidden;
padding: 24px 36px;
font-weight: 600;
font-size: 18px;
line-height: 145%;
color: rgba(29, 29, 29, 0.32);
}
.index-popup__content-progress-bar span.active-num {
color: #034f9a;
}
.progress {
position: absolute;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
height: 4px;
bottom: -1px;
}
.progress.first {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
left: -430px;
}
.progress.second {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
left: -210px;
}
.progress.therd {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
left: 0;
}
.index-popup__content-form-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 24px;
}
.index-popup__content-form-head .g-input:first-child {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.index-popup__content-form-head .g-input:last-child,
.index-popup__content-form-head .g-input:nth-child(2) {
-ms-flex-preferred-size: 34%;
flex-basis: 34%;
}
.index-popup__content-form-name {
position: relative;
display: inline-block;
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: #222;
margin-bottom: 5px;
}
.index-popup__content-form-name .star {
position: absolute;
right: -7px;
top: 0;
color: #dc3535;
}
.index-popup__content-form-content {
padding: 32px 36px 36px;
}
.index-popup__content-form-content.hide {
display: none;
}
.index-popup__content-form-content-title {
font-weight: 500;
font-size: 20px;
line-height: 145%;
color: #1d1d1d;
margin: 0;
margin-bottom: 16px;
}
.index-popup__content-form-content-descr {
font-weight: 400;
font-size: 16px;
line-height: 145%;
color: #545454;
}
.index-popup__content-form-bot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-gap: 24px 0;
margin-bottom: 24px;
}
.index-popup__content-form-bot.index-popup__content-form-bot--second {
margin-bottom: 109px;
}
.index-popup__content-form-bot .g-input {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
.index-popup__content-form-bot .g-input--third {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
height: 107px;
}
.index-popup__content-form-bot .g-input__flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.index-popup__content-form-bot .g-input__flex .g-radio:first-child {
margin-right: 20px;
}
.index-popup__content-form-bot textarea.g-input__textarea {
resize: vertical;
height: 80px;
width: 100%;
padding: 12px 16px;
font-weight: 400;
font-size: 14px;
line-height: 24px;
border: 1px solid #e2e7ee;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.index-popup__content-form-bot textarea.g-input__textarea:focus {
border-color: #c4ccd7;
}
.index-popup__content-form-bot textarea.g-input__textarea:hover {
border-color: #c4ccd7;
}
.index-popup__content-form-bot
textarea.g-input__textarea::-webkit-input-placeholder {
color: #848484;
}
.index-popup__content-form-bot textarea.g-input__textarea::-moz-placeholder {
color: #848484;
}
.index-popup__content-form-bot
textarea.g-input__textarea::-ms-input-placeholder {
color: #848484;
}
.index-popup__content-form-bot textarea.g-input__textarea::placeholder {
color: #848484;
}
label.index-popup__content-form-bot--third {
margin-bottom: 37px;
}
.form__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.index-popup__content-slider {
-ms-flex-preferred-size: 41%;
flex-basis: 41%;
max-width: 300px;
overflow: hidden;
}
.index-popup__content-slider .slick-list,
.index-popup__content-slider .slick-track {
height: 100%;
}
.index-popup__content-slider .slick-dots {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
position: absolute;
bottom: 36px;
left: 36px;
}
.index-popup__content-slider .slick-dots li {
margin-right: 8px;
}
.index-popup__content-slider .slick-dots li.slick-active button {
background: #fff !important;
}
.index-popup__content-slider .slick-dots button {
display: block;
border: 0;
font-size: 0;
width: 9px;
height: 9px;
background: rgba(255, 255, 255, 0.2) !important;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 !important;
padding: 0;
}
div.index-popup__content-slide {
height: 100%;
padding: 36px;
padding-bottom: 76px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}
.index-popup__content-slide-name {
font-weight: 500;
font-size: 15px;
line-height: 145%;
color: #fff;
display: block;
}
.g-select {
position: relative;
display: inline-block;
width: 100%;
}
.g-select .children-btn {
color: #848484;
}
.g-select__error {
position: absolute;
color: #d01246;
font-size: 10px;
margin-top: 2px;
display: none;
}
.g-input.error .g-select__error {
display: block;
}
.g-input.error .g-select__selected,
.g-input.error .g-select__selected:hover {
border-color: #dc3535;
}
.g-select__selected {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 16px;
padding-top: 3px;
height: 48px;
cursor: pointer;
border: 1px solid #e2e7ee;
-webkit-border-radius: 3px;
border-radius: 3px;
outline-offset: 0;
-webkit-transition: 0.05s;
-o-transition: 0.05s;
transition: 0.05s;
}
.g-select__selected-name {
color: #677387;
font-weight: 400;
font-size: 14px;
}
.g-select__arrow {
width: 12px;
height: 7px;
line-height: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.g-select__arrow svg {
width: 100%;
height: 100%;
}
.g-select__list {
position: absolute;
width: 100%;
max-height: 230px;
overflow-y: auto;
background-color: #fff;
top: calc(100% - 10px);
border: 2px solid rgba(103, 115, 135, 0.4);
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: 125ms ease;
-o-transition: 125ms ease;
transition: 125ms ease;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
visibility: hidden;
opacity: 0;
z-index: 2;
scrollbar-width: none;
}
.g-select__list::-webkit-scrollbar {
width: 0;
background: 0 0;
}
.g-select__list-multiple {
top: 38px;
}
.g-select__item {
font-size: 14px;
line-height: 24px;
font-weight: 400;
padding-left: 16px;
padding-top: 11px;
padding-bottom: 11px;
cursor: pointer;
color: #848484;
}
.g-select__item--active {
color: #1d1d1d;
}
.g-select__item:hover {
color: #1d1d1d;
}
.g-select--opened .g-select__list {
-webkit-transform: translateY(16px);
-ms-transform: translateY(16px);
transform: translateY(16px);
visibility: visible;
opacity: 1;
}
.g-select--opened .g-select__arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.g-input {
display: inline-block;
position: relative;
}
input[type='text'].g-input__input {
width: 100%;
font-weight: 400;
font-size: 14px;
height: 48px;
line-height: 48px;
color: #1d1d1d;
padding: 0 18px;
border: 1px solid #e2e7ee;
-webkit-border-radius: 3px;
border-radius: 3px;
outline-offset: 0;
}
input[type='text'].g-input__input:focus {
border-color: #c4ccd7;
}
input[type='text'].g-input__input:hover {
border-color: #c4ccd7;
}
input[type='text'].g-input__input::-webkit-input-placeholder {
color: #848484;
}
input[type='text'].g-input__input::-moz-placeholder {
color: #848484;
}
input[type='text'].g-input__input::-ms-input-placeholder {
color: #848484;
}
input[type='text'].g-input__input::placeholder {
color: #848484;
}
.g-input.error input[type='text'].g-input__input,
.g-input.error .g-input__textarea {
border-color: #dc3535;
}
.g-input.error .g-input__sub {
display: block;
position: absolute;
margin-top: 2px;
}
.g-input__sub {
display: none;
font-weight: 400;
font-size: 11px;
line-height: 18px;
color: #dc3535;
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
content: '';
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.g-slider {
margin-right: -35px;
width: 1200px;
}
.g-slider__item {
height: 190px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: rgba(103, 115, 135, 0.4);
margin-right: 37px;
}
.slick-arrow {
position: absolute;
top: 81px;
display: block;
z-index: 2;
}
.next-arrow,
.prev-arrow {
width: 40px;
height: 40px;
background: rgba(103, 115, 135, 0.4);
-webkit-border-radius: 50%;
border-radius: 50%;
right: 18px;
}
.prev-arrow {
left: -17px;
}
.g-radio {
position: relative;
font-size: 0;
display: inline-block;
}
.g-radio__input {
position: absolute;
width: 0;
height: 0;
top: 0;
left: 0;
z-index: -10;
visibility: hidden;
opacity: 0;
}
.g-radio__input:enabled ~ .g-radio__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.g-radio__input:enabled ~ .g-radio__body .g-radio__box {
border-color: #e2e7ee;
}
.g-radio__input:enabled ~ .g-radio__body .g-radio__text {
color: #848484;
}
.g-radio__input:enabled:checked ~ .g-radio__body .g-radio__box {
border-color: rgba(25, 28, 33, 0.7);
border-width: 2px;
}
.g-radio__input:enabled:checked ~ .g-radio__body .g-radio__box:before {
content: '';
display: block;
-webkit-border-radius: 100px;
border-radius: 100px;
width: 8px;
height: 8px;
background: #034f9a;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.g-radio__input:enabled:checked ~ .g-radio__body .g-radio__text {
color: #191c21;
}
.g-radio__input:disabled:checked ~ .g-radio__body .g-radio__box {
border-color: pink;
background-color: gray;
}
.g-radio__box {
width: 20px;
height: 20px;
border: 1px solid grey;
display: inline-block;
vertical-align: top;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.g-radio__text {
font-weight: 400;
font-size: 14px;
line-height: 24px;
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
.g-input-file__file-inp {
display: none;
}
.g-input-file__file-nm {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 14px 16px;
color: #848484;
text-align: center;
font-weight: 400;
font-size: 14px;
line-height: 24px;
cursor: pointer;
border: 1px dashed #e2e7ee;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 100%;
}
.g-input-file__file-nm svg {
margin-right: 10px;
}
.g-input-file__file-nm:hover {
background: #fafbfd;
}
.g-input-file__file-nm-complited {
color: #1d1d1d;
}
.g-input-file__all-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.g-input-file__img-image {
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
}
.g-input-file__img {
position: relative;
margin-right: 10px;
display: inline-block;
}
.g-input-file__img-close {
position: absolute;
top: -3px;
right: -5px;
display: none;
width: 15px;
height: 15px;
background: #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
border: 0.5px solid rgba(103, 115, 135, 0.7);
}
.g-input-file__img:hover .g-input-file__img-close {
display: block;
}
.parent-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.children-text {
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #1d1d1d;
}
.children-size {
padding-left: 8px;
color: #848484;
}
.children-btn {
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: #dc3535;
cursor: pointer;
}
.g-checkbox {
position: relative;
font-size: 0;
display: block;
}
.g-checkbox__input {
position: absolute;
width: 0;
height: 0;
top: 0;
left: 0;
z-index: -10;
visibility: hidden;
opacity: 0;
}
.g-checkbox__input .g-checkbox__box {
border-color: #e2e7ee;
}
.g-checkbox__input:enabled ~ .g-checkbox__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.g-checkbox__input:enabled ~ .g-checkbox__body .g-checkbox__box {
border-color: #e2e7ee;
}
.g-checkbox__input:enabled ~ .g-checkbox__body .g-checkbox__text {
color: #222;
}
.g-checkbox__input:enabled:checked ~ .g-checkbox__body .g-checkbox__box {
border: 2px solid #191c21;
background-position: center center;
background-image: url(/wp-content/themes/g23/images/svg/checked.svg);
background-repeat: no-repeat;
}
.g-checkbox__input:enabled:checked ~ .g-checkbox__body .g-checkbox__text {
color: #191c21;
}
.g-checkbox__input:disabled:checked ~ .g-checkbox__body .g-checkbox__box,
.g-checkbox__input:disabled:checked ~ .g-checkbox__body .g-checkbox__text {
border-color: rgba(103, 115, 135, 0.4);
color: #c2c7cf;
}
.g-checkbox__box {
width: 18px;
height: 18px;
border: 1px solid #e2e7ee;
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.g-checkbox__text {
font-weight: 400;
font-size: 12px;
line-height: 140%;
display: inline-block;
vertical-align: top;
color: #222;
max-width: 620px;
}
.g-checkbox__text a {
font-size: 12px;
font-weight: 400;
color: #034f9a;
text-decoration: underline;
}
.success-popup__content {
max-width: 800px;
width: 100%;
background: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.success-popup__content-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #ddd;
padding: 24px 36px;
margin-bottom: 32px;
}
.success-popup__content-top span {
font-weight: 500;
font-size: 18px;
line-height: 145%;
color: #1d1d1d;
}
.success-popup__content-info {
padding: 0 36px 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.success-popup__content-info-text {
-ms-flex-preferred-size: 34%;
flex-basis: 34%;
}
.success-popup__content-info-video-block {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
}
.success-popup__content-info-video {
border-radius: 4px;
background-image: url(/wp-content/themes/g23/images/vacancy/video.jpg);
background-repeat: no-repeat;
width: 100%;
height: 275px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 24px;
}
.success-popup__content-info-video iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
}
.success-popup__content-info-video.play iframe {
display: block;
}
.success-popup__content-info-video button {
border: 0;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #034f9a;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 12px;
}
.success-popup__content-info-video button:hover {
background: #105eaa;
}
.success-popup__content-info-video span {
font-weight: 500;
font-size: 14px;
line-height: 145%;
color: #fff;
}
.success-popup__content-info-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.success-popup-overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(29, 29, 29, 0.48);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: auto;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: -webkit-transform 0.1s ease-out;
transition: -webkit-transform 0.1s ease-out;
-o-transition: transform 0.1s ease-out;
transition: transform 0.1s ease-out;
transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
}
.success-popup-overlay.open {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
}
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
line-height: 17px;
font-size: 13px;
color: #000;
-webkit-font-smoothing: antialiased;
}
.g-btn:hover,
.g-btn:active {
color: #fff;
}
.g-select--opened .g-select__selected {
border: 1px solid #c4ccd7;
}
.g-select--opened .g-select__list {
border: 1px solid #e2e7ee;
}
input[type='submit'].g-btn {
background: #034f9a;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-weight: 600;
font-size: 13px;
height: 48px;
line-height: 48px;
padding: 0 52px;
display: inline-block;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
border: 0;
}
input[type='submit'].g-btn:hover {
background: #105eaa;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.g-input-file__gallery .parent-block {
margin-top: 5px;
}
.info__list .info__detail {
display: none;
}
.vacancy-section {
padding: 48px 0 100px;
}
.info__detail.opened {
display: flex;
}
.vacancy-section .info__list {
padding-top: 48px;
}
.info-item {
border-radius: 4px;
}
.children-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 230px;
}
.g-select__selected-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
}
.select-label {
max-width: 48%;
}
.success-popup__content-info .index-popup__content-form-content-descr {
margin-bottom: 24px;
}
.success-popup__content-info .g-white-btn {
padding: 15px 29px;
height: auto;
line-height: 18px;
}
.success-popup__content-info-text svg {
margin-bottom: 20px;
}
.vacancy-section .title {
font-size: 36px;
font-weight: 600;
text-align: center;
margin: 0;
color: var(--title);
}
.vacancy-section .subtitle {
margin: 20px auto 0;
font-size: 20px;
font-weight: 500;
text-align: center;
max-width: 776px;
color: var(--text);
}
.info__item:hover .info__city-mob {
color: #fff;
}
@media (max-width: 1023px) {
.info__detail {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.info__detail-image {
display: none;
}
.index-popup__content-slider {
display: none;
}
.success-popup__content-info {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.success-popup__content-info-video {
height: 203px;
margin-bottom: 24px;
-webkit-background-size: cover;
background-size: cover;
}
.success-popup__content-info-video iframe {
width: 100%;
}
.success-popup__content-info-text {
text-align: center;
}
}
@media (max-width: 767px) {
.select-label {
max-width: 100%;
}
.vacancy-section {
padding: 80px 0;
}
.vacancy-section .title {
font-weight: 600;
font-size: 24px;
line-height: 140%;
text-align: center;
}
.vacancy-section .subtitle {
margin: 16px auto 0;
font-weight: 500;
font-size: 16px;
line-height: 145%;
}
.vacancy-section .info__list {
padding-top: 24px;
}
.g-btn {
height: 40px;
line-height: 40px;
}
.info {
padding: 40px 0;
}
.info__link {
padding: 16px;
}
.info__link-first {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.info__title {
font-size: 24px;
margin-bottom: 16px;
}
.info__desc {
font-size: 16px;
margin-bottom: 24px;
}
.info__date-informarion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
}
.info__date {
padding: 0;
border: 0;
font-size: 14px;
margin-right: 13px;
}
.info__name {
font-size: 14px;
}
.info__city {
display: none;
}
.info__city-mob {
display: block;
font-weight: 500;
font-size: 14px;
line-height: 145%;
color: #545454;
}
.info__link:hover .info__city-mob {
color: #fff;
}
.info__detail {
padding: 0;
}
.vacancy-section .info__detail-title {
font-size: 14px;
padding-left: 0; padding-top: 16px;
margin-bottom: 14px;
}
.info__detail-descr {
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
font-size: 12px;
}
.info__detail-subtitle {
margin-bottom: 12px;
padding-left: 16px;
padding-right: 16px;
font-size: 10px;
}
.info__detail-list {
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
}
.info__detail-item {
font-size: 12px;
}
.info__detail-item:not(:last-child) {
margin-bottom: 8px;
}
.info__detail-item:before {
top: 7px;
}
.info__detail-explanation {
width: 100%;
}
.info__detail-explanation-text {
padding: 16px;
}
.info__detail-explanation-title {
font-size: 14px;
margin-bottom: 8px;
}
.info__detail-explanation-descr {
font-size: 12px;
margin-bottom: 16px;
}
.index-popup__content-form-bot,
.index-popup__content-form-head {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 0;
margin-bottom: 0;
}
.index-popup__content-form-bot textarea.g-input__textarea {
height: 120px;
}
.index-popup__content-form-bot .index-popup__content-type {
margin-bottom: 20px;
}
.index-popup__content {
height: 100%;
}
.index-popup__content-form-content {
padding: 0 16px;
padding-top: 20px;
}
.index-popup__content-form-content.second .index-popup__content-form-bot {
margin-bottom: 24px;
}
.index-popup__content-form-content .g-input {
margin-bottom: 20px;
}
.index-popup__content-form-content .form__btns {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.index-popup__content-form-content .form__btns .g-btn {
width: 100%;
height: 48px;
line-height: 48px;
margin-bottom: 12px;
}
.index-popup__content-form-content .form__btns .g-white-btn {
width: 100%;
height: 48px;
line-height: 48px;
text-align: center;
margin-right: 0;
}
.index-popup__content-flex {
padding-bottom: 25px;
background: #fff;
height: auto;
}
.index-popup__content-flex .g-checkbox__input:enabled ~ .g-checkbox__body {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.index-popup__content-flex .g-checkbox__box {
margin-top: 3px;
}
.index-popup__content-flex .g-checkbox__text {
max-width: 300px;
}
.index-popup__content-form-content-title {
font-size: 18px;
margin-bottom: 12px;
}
.index-popup__content-form-content-descr {
font-size: 14px;
margin-bottom: 24px;
}
.success-popup__content {
height: 100%;
}
.success-popup__content-info .g-white-btn {
margin-right: 0;
}
.success-popup__content-top span {
font-size: 14px;
}
.info__detail-text {
padding: 0 16px;
}
}