#layout {
background: url(//gsl.org/ru/wp-content/themes/gsl/i/vacancies/top-ornament.gif) left top no-repeat;
}
.panel .ornament {
background: url(//gsl.org/ru/wp-content/themes/gsl/i/vacancies/ornament.gif) right bottom no-repeat;
}
.panel .ornament .pictures {
min-height: 231px;
}
.panel .text {
width: 49%;
}
h2 a, h3.gr a, h2 a:visited, h3.gr a:visited, .path-navigation, .gr, .path-navigation a:visited  {
color: var(--color-vacancies);
}
h2 a:hover, h3.gr a:hover, a:hover, h3 a:hover, h4 a:hover, .path-navigation a:hover, .pseudo-link:hover, .gr a:hover .gr-letter, .gr a:hover {
color: #76bf41!important;
}
h2 .icon {
background-image: url(//gsl.org/ru/wp-content/themes/gsl/i/vacancies/header-icons-big-vac.gif);
}
h3 .icon {
background-image: url(//gsl.org/ru/wp-content/themes/gsl/i/vacancies/header-icons-small-vac.gif);
}
p.logo {
background: url(//gsl.org/ru/wp-content/themes/gsl/i/vacancies/artlebedev-bkg.gif) left top  no-repeat;
}
.outer-block a, .content a, a, .contact-person .person a, .pseudo-link, .menu a, .person a, .gr a, h3 a, .slide.pseudo-link, .layout--a h2 {
color: var(--color-vacancies);
}
div.img-preview img:hover,
div.gallery-hover img,
div.gallery-hover a img,
div.img-preview a:hover img {
border-color: #76bf41;
}
.vacancy-category_header {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.vacancy-category_header-switch {
display: flex;
align-items: center;
gap: 5px;
}
.vacancy-category_header-switch-cards {
display: grid;
grid-template-columns: repeat(2, auto);
gap: 2px;
width: 26px;
height: 26px;
cursor: pointer;
}
.vacancy-category_header-switch-list {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 2px;
width: 26px;
height: 26px;
cursor: pointer;
}
.vacancy-category_header-switch-item {
background: #C4C4C4;
}
.vacancy-category_header-switch-list .vacancy-category_header-switch-item {
height: 6px;
}
.vacancy-category_header-switch-cards.active .vacancy-category_header-switch-item,
.vacancy-category_header-switch-list.active .vacancy-category_header-switch-item {
background: var(--color-vacancies);
}
.vacancy-category_header-switch-cards,
.vacancy-category_header-switch-list {
position: relative; 
cursor: pointer;
}
.vacancy-category_header-switch-cards::after,
.vacancy-category_header-switch-list::after {
content: attr(data-tooltip);
position: absolute;
left: 50%;
top: 100%;
transform: translateX(-50%) translateY(8px);
background: #222;
color: #fff;
padding: 5px 10px;
font-size: 13px;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity .2s;
z-index: 10;
box-shadow: 0 4px 16px rgba(0,0,0,0.20);
}
.vacancy-category_header-switch-cards:hover::after,
.vacancy-category_header-switch-list:hover::after {
opacity: 1;
}
.hr-container {
width: 100%;
display: flex;
justify-content: right;
}
.hr-container hr {
width: calc(100% - 30px);
border-color: #fff;
}
.shield {
height: 115.2%;
width: auto;
left: 78%;
bottom: -5%;
max-height: 351px;
}
.pencil-chips {
height: 33%;
width: auto;
left: 105%;
top: 25%;
max-height: 100px;
}
.coin {
height: 37.1%;
width: auto;
left: 68%;
top: -8%;
max-height: 114px;
}
.pick {
height: 91.5%;
width: auto;
left: 63%;
top: 22%;
max-height: 280px;
} .vacancy .block label {
font-size: 90%;
}
.vacancy input, .vacancy textarea {
width: 100%;
}
.vacancy input[type="submit"] {
width: auto;
}
.vacancy .test-result {
margin-bottom: 0.5em;
}
.vacancy .time {
width: 5em;
}
.extra .events-list {
margin-top: 3em;
}
.events-list {
margin-bottom: 1em;
}
.main .events-list li {
margin-bottom: 1em;
}
h3.vacancy-test {
margin-top: 0.3em;
}
.extra p.important {
font-size: 90%;
margin: 0.3em 0 0 10px;
}
.vacancy .file input{
width: auto;
}
.vacancy .file label{
display: inline;
}
.vacancy p {
margin: 0.5em 0 1em;
}
.vacancy p.checkbox {
text-indent: 0px;
}
.vacancy .column {width: 53%;}
.vacancy .column.last {width: 47%;}
.teasers .events-list li {
margin-bottom: 1.7em;
}
#home_page .main ul.events-list {
margin-bottom: 0;
}
.faq-navigation {
margin: 1.2em 0 1.8em 0;
}
.test_div {
background: white;
height: 300px;
overflow: auto;
border: 1px Solid #CCC;
margin-bottom: 20px;
padding: 0 15px;
margin-left: 0 !important;
}
.test_div b{
font-size: 12px;
}
.answers {
margin-left: 20px;
}
.answers p {
margin: 0 0 0 !important;
}
.border_preview{
z-index: 50;
position: absolute;
background: #fff;
border: 1px solid #444;
}
.preview_temp_load {
vertical-align: middle;
text-align: center;
padding: 5px;
}
.preview_temp_load img{
vertical-align: middle;
text-align: center;
}
.extra h3.small { font-size: 1em; }
.extra h3.small .icon { top: -4em; } #salary-results, #salary-error { overflow: hidden; }
.salary { height: 70px; }
.salary p { margin: 0.8em 0; }
.salary p .order-sum { background: #e8eeeb; }
#salary-error p { border-bottom: none; } #cities_list {
max-width: 750px;
}
#cities_list .cities_column {
width: 120px;
padding-right: 5px;
float: left;
}
#map-canvas {
width: 100%;
height: 390px;
} #translations_wrapper table {
width: 100%;
}
#translations_wrapper td {
padding: 0 32px 0 0;
width: 49%;
vertical-align: top;
}
#translations_wrapper td.last{
border-left: 1px solid #cccccc;
padding: 0 0 0 32px;
}
#chart_div {
max-width: 825px;
}
.jobs-single-page .gsl-layout-sider__content  h2 {
font-family: 'SF UI Display';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
color: #2A3138;
}
.jobs-single-page .gsl-layout-sider__content  h3 {
font-family: 'SF UI Display';
font-style: normal;
font-weight: 700;
font-size: 16px;
color: #2A3138;
}
.jobs-single-page .gsl-layout-sider__content > h2,
.jobs-single-page .gsl-layout-sider__content > h3,
.jobs-single-page .gsl-layout-sider__content > h4,
.jobs-single-page .gsl-layout-sider__content > h5,
.jobs-single-page .gsl-layout-sider__content > ul,
.jobs-single-page .gsl-layout-sider__content > table {
margin: 0;
}
.jobs-single-page .main-wide, .main, .extra, .columns {
margin-bottom: 0;
}
.jobs-single-page .gsl-post-header__content-info__title-container h1,
.jobs-single-page .gsl-post-header__content-info__title-container h2{
color: #2A3138;
}
.job-form-title span{
font-family: 'SF UI Display';
font-style: normal;
font-weight: 700;
font-size: 27px;
line-height: 23px;
color: #2A3138;
}
.job-form-title{
margin-top: 0;
margin-bottom: 15px;
}
h3.vacancy-test {
margin-top: 0;
font-family: 'SF UI Display';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 23px;
color: #2A3138;
}
.job-form textarea {
margin: 0 !important;
padding: 15px;
border-radius: var(--radius-elem);
border: 1px solid var( --color-border-input);
height: 100%;
resize: none;
min-height: 200px;
font-family: "SF UI Display", "Helvetica", sans-serif;
font-size: 14px;
}
.job-form {
background: var(--color-bg-form);
padding: var(--padding-element-main);
border-radius: var(--radius-elem);
display: flex;
flex-direction: column;
gap: var(--spacing-element-child);
}
.job-form input{
border-radius: var(--radius-elem);
border: 1px solid var( --color-border-input);
height: 37px;
padding: 0 20px;
}
.job-form textarea:focus-visible,
.job-form input:focus-visible{
outline: 1px solid var(--color-vacancies);
}
.translation_test {
display: flex;
gap: 20px;
}
.translation_test_text {
flex: 1;
}
.translation_test_answer {
flex: 1;
}
.job-form .column-inner {
display: flex;
flex-direction: column;
gap: 15px;
}
.job-form .column-inner {
display: flex;
flex-direction: column;
gap: 15px;
}
.job-form .test_div,
.job-form h3,
.job-form .block,
.job-form .column-inner .block .iti{
margin: 0;
}
.job-form form{
display: flex;
flex-direction: column;
gap: var(--spacing-element-child);
}
.job-form .block.file {
height: 36px;
display: flex;
gap: 8px;
}  
.job-form audio{
background: var(--vacancy-color);
border-radius: 20px;
}
.job-form .translation_test{
display: flex;
flex-direction: column;
gap: var(--spacing-element-child-x2);
}
#translations_wrapper p {
margin: 0;
}
#translations_wrapper {
display: flex;
flex-direction: column;
gap: var(--spacing-element-child);
}
.about_item_container {
display: flex;
gap: var(--spacing-element-child-x2);
}
.job-form .block{
flex: 1;
display: flex;
flex-direction: column;
gap: var(--spacing-element-child-x2);
}
#id_time {
width: 150px;
}
.gsl-button-submit {
width: 150px !important;
color: black !important;
}
.gsl-button.chance-banner-button {
color: black !important;
background: #F9F9F9 !important;
font-weight: 600;
}
input[type="file"] + span.button-small-decorated .gsl-button {
color: #2A3138 !important;
background: #CDDADC;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
}
.button-small-decorated {
margin: 0;
}
#widget_links h3, #widget_video_tour h3, .extra h3 {
color: var(--color-text-main)
}
#widget_links, #widget_links .ex-links, #widget_video_tour {
display: flex;
flex-direction: column;
gap: var(--spacing-text);
}
#widget_links p, #widget_video_tour p {
margin: 0;
font-size: 14px;
}
.video-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.video-list__item {
width: 100%;
}
.video-card {
display: flex;
flex-direction: column;
align-items: center;
}
.video-card__thumbnail {
position: relative;
overflow: hidden;
width: 100%;
}
.video-card__image {
width: 100%;
height: 110px;
border-radius: 4px;
object-fit: cover;
}
.video-card__thumbnail::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
pointer-events: none; 
z-index: 1; 
}
.video-card__thumbnail::before {
content: '\25B6';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
color: #a8c52b;
z-index: 2;
pointer-events: none;
background: rgba(91, 90, 90, 0.54);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
width: 40px;
height: 40px;
text-indent: 4px;
line-height: 0;
}
.video-card__thumbnail:hover::after {
background: rgba(255, 255, 255, 0.7);
}
.video-card__thumbnail:hover::before {
background: rgba(91, 90, 90, 0.7);
}
.video-card__info {
margin-top: 8px;
}
.video-card__title a {
text-decoration: none;
}
.video-card__title a:hover {
text-decoration: underline;
}
.new-form TEXTAREA {
float: none;
}
.person_talk a {
background: var(--color-vacancies);
font-size: 16px;
width: 100% !important;
padding: 10px;
margin-top: 7px;
}
.person_talk p {
font-size: 14px;
}
.additional {
display: flex;
flex-direction: column;
gap: var(--spacing-element-child);
width: 100%;
}
.additional_item {
display: flex;
gap: var(--spacing-element-child-x2);
}
.additional_item a{
font-weight: 600;
}
.additional_item img{
width: 25px;
}
.person {
left: 0 !important;
}
#cboxContent input:focus-visible,  #cboxContent textarea:focus-visible{
outline: none;
}
#form_time-file .block:nth-child(2) {
flex: 3;
}
#cb_talk_with_popup{
display: flex;
flex-direction: column;
gap: var(--spacing-text-child);
}
#cb_talk_with_popup .block {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
margin: 0;
}
#cb_talk_with_popup input, #cb_talk_with_popup textarea{
width: 100%;
background: #FFFFFF;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
padding: 15px;
font-family: 'SF UI Display', 'Helvetica', sans-serif;
font-size: 14px;
}
#cb_talk_with_popup button{
border-radius: 8px   !important;
width: 100%  !important;
background: var(--color-vacancies)  !important;
font-size: 16px;
}
#colorbox {
width: fit-content !important;
height: fit-content !important;
background: white !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
box-shadow: 0px 3.5px 3.5px rgba(0, 0, 0, 0.05), 3.5px 0px 21px rgba(0, 0, 0, 0.05);
}
#cboxWrapper {
position: relative !important;
width: 100%  !important;
height: 100%  !important;
}
#cboxContent {
margin: 0 !important;
width: 100%  !important;
height: 100%  !important;
padding: 30px;
}
#cboxLoadedContent {
margin: 0 !important;
width: 100%  !important;
height: 100%  !important;
}
#cboxClose {
position: absolute;
top: 15px;
right: 15px;
width: 13px;
height: 13px;
text-indent: -9999em;
padding: 0;
background: transparent;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
#cboxClose::before,
#cboxClose::after {
content: '';
position: absolute;
width: 13px;
height: 2px; 
background-color: var(--color-text-hide); 
border-radius: 1px; 
}
#cboxClose::before {
transform: rotate(45deg);
}
#cboxClose::after {
transform: rotate(-45deg);
}
#cboxClose:hover::before,
#cboxClose:hover::after {
background-color: var(--color-vacancies);
}
.cboxPhoto {
width: 100% !important;
height: 100%  !important;
}
.vacancy-category_container h2, .vacancy-category_container h3, .vacancy-category_container li {
margin: 0;
}
.vacancy-category_container, .vacancy-category_item__container, .vacancy-category_item {
display: flex;
flex-direction: column;
gap: var(--spacing-element);
height: 100%;
}
.vacancy-category_name {
font-family: 'SF UI Display';
font-style: normal;
font-weight: 700;
font-size: 20px !important;;
line-height: 28px;
color: #2A3138;
}
.vacancy-item {
padding: var(--padding-card);
display: flex;
flex-direction: column;
gap: var(--spacing-element-child);
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05), 4px 0px 24px rgba(0, 0, 0, 0.05);
border-radius: 25px;
height: auto;
}
.vacancy-item.internship{
border: 4px solid var(--color-vacancies);
}
.vacancy_card .vacancy-item {
height: 100%;
}
.internships_container .vacancy-item {
height: auto;
}
.vacancy_main h2, .vacancy_main h3 {
color: black !important;
margin: 0 !important;
}
.vacancy_main section {
display: flex;
flex-direction: column;
gap: var(--spacing-element);
}
.vacancy-item_name {
text-transform: capitalize;
font-family: 'SF UI Display';
font-style: normal;
font-weight: 700;
font-size: 22px !important;;
letter-spacing: 0.033px;
color: #2A3138;
}
.item_name__container {
display: flex;
flex-direction: column;
gap: 5px;
order: 2;
}
.vacancy_card .item_name__container {
order: 3;
}
.vacancy-dep_name {
width: 100%;
order: 1;
font-size: 15px;
font-weight: 300;
}
.vacancy-price {
font-family: 'SF UI Display';
font-style: normal;
font-weight: 600;
font-size: 22px !important;;
letter-spacing: 0.033px;
color: #2A3138;
}
.vacancy-tags {
display: flex;
gap: 5px;
order: 3;
}
.vacancy_card .vacancy-tags {
order: 2;
}
.vacancy-description {
margin: 0;
order: 4;
}
.vacancy-button {
order: 5;
}
.vacancy-item_dep__container {
display: flex;
align-items: flex-start;
gap: 5px;
}
.vacancy-dep_color {
display: flex;
width: 13px;
height: 12px;
border-radius: 100px;
position: relative;
top: 3px;
}
.vacancy-tag {
padding: 6px 10px;
font-family: 'SF UI Display';
font-style: normal;
font-weight: 400;
font-size: 14px !important;
line-height: 20px;
color: #2A3138;
background: #F5F5F5;
border-radius: 8px;
}
.vacancy-tag_highlighted {
color: var(--color-vacancies);
background: #E4F3E5;
}
.gsl-button_green {
background: var(--color-vacancies) !important;
padding: 8px 20px !important;
font-weight: 500 !important;
font-size: 16px !important;
line-height: 24px !important;
letter-spacing: 0.25px !important;
}
.your-consultant__phone::before {
background-color: var(--color-vacancies);
}
.your-consultant .gsl-contacts__contact a {
background-color: var(--color-vacancies);
}
.want-work {
border: 4px solid var(--color-vacancies);
background: #E8FCE7;
display: flex;
flex-direction: column;
align-items: center;
gap: 13px;
text-align: center;
justify-content: center;
}
.want-work h2{
color: black;
}
.jobs-taxonomy  .gsl-layout-sider__content-extra h2,
.jobs-taxonomy  .gsl-layout-sider__content-extra h3,
.jobs-taxonomy  .gsl-layout-sider__content-extra p{
margin: 0;
color: #2A3138;
}
.jobs-taxonomy  .extra-content{
display: flex;
flex-direction: column;
gap: 36px;
}
.jobs-taxonomy  .extra-content .content-extra_block{
display: flex;
flex-direction: column;
gap: 24px;
text-align: left;
}
.jobs-taxonomy  .extra-content .content-extra_block img{
border-radius: 20px;
}
.popup {
position: fixed;
display: none;
top: 0;
left:0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
justify-content: center;
align-items: center;
z-index: 1000;
overflow: scroll;
scrollbar-width: none; 
-ms-overflow-style: none;
}
.popup::-webkit-scrollbar {
display: none;
}
.popup-content {
background: #fff;
padding: 20px;
border-radius: 22px;
width: 100%;
max-width: 500px;
position: relative;
}
.popup .close {
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
cursor: pointer;
}
.popup-content h2 {
margin-bottom: 20px;
}
.popup-content label {
display: block;
margin-top: 15px;
font-weight: bold;
font-size: 14px;
color: #344054;
margin-bottom: 6px;
}
.popup-content input,
.popup-content select,
.popup-content textarea {
width: 100%;
padding: 10px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 10px;
font-family: 'SF UI Display';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #667085;
resize: none;
}
.popup-content input:focus-visible,
.popup-content select:focus-visible,
.popup-content textarea:focus-visible {
outline: 1px solid #28a745;
}
.phone-wrapper .iti {
margin-bottom: 0 !important;
}
.phone-wrapper {
display: flex;
gap: 10px;
}
.country-code {
width: 30%;
}
.file-upload {
margin-top: 10px;
border: 1px solid #ccc;
padding: 20px;
text-align: center;
border-radius: 10px;
display: flex;
flex-direction: column;
gap: 9px;
justify-content: center;
align-items: center;
}
.file-upload input[type="file"] {
display: none;
}
.file-upload span {
display: block;
font-size: 14px;
color: #191D23;	
}
.file-btn {
width: 30px;
height: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: var(--color-vacancies);
color: white;
font-size: 18px;
line-height: 0;
border-radius: 7px;
cursor: pointer;
user-select: none;
}
.submit-btn {
width: 100%;
background: #28a745;
color: white;
padding: 12px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
margin-top: 20px;
}
.submit-btn:hover, .file-btn:hover {
background-color: #218838;
}
.popup-btn {
padding: 10px 20px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.popup-btn:hover {
background-color: #0056b3;
}
.content-extra_block a h2{
color: #218838 !important;
}
#workPopup .file-info {
overflow-wrap: anywhere;
}
#workPopup .iti {
margin-bottom: 0;
}
.valid_msg {
margin-top: 10px;
color: red;
font-size: 14px;
}
.gsl-post-header__content-info__title-container h1, .gsl-layout h2 {
color: black !important;
}
.vacancy_main .vacancy-category_container{
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: stretch;
gap: 15px;
}
.vacancy_main .content-extra_block, .vacancy_main .extra-content {
display: flex;
flex-direction: column;
gap: 15px;
}
.vacancy_main .gsl-layout-sider__content-container {
width: 75%;
}
.vacancy_main .gsl-layout-sider__inner {
margin: 0;
}
.content-extra_block-links {
display: flex;
flex-direction: column;
gap: 15px;
}
.content-extra_block-link-a {
color: var(--color-vacancies) !important;
cursor: pointer;
}
.cities_container {
display: flex;
gap: 10px;
row-gap: 25px;
flex-wrap: wrap;
align-items: center;
}
.persons_container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
gap: 15px;
row-gap: 25px;
}
.cities-item {
padding: 10px 20px;
background: #EBEBEB;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
}
.persons-img_container {
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 150px;
object-fit: cover;
border: 1px  solid rgba(0, 0, 0, 0.122);
transform: scale(1);
opacity: 1;
transition: all 0.5s ease-in-out;
}
.persons-img_container img{
width: 100%;
height: 100%;
object-fit: cover;
}
.person-img-rotate {
opacity: 0;
transform: scale(0.5);
}
.persons {
display: flex;
flex-direction: column;
gap: 15px;
}
.more-button {
padding: 10px 20px;
color: white !important;
background: var(--color-vacancies) !important;
max-height: 50px;
}
.persons-story_container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}
.persons-story-card {
display: flex;
flex-direction: column;
gap: 10px;
border-radius: 20px;
overflow: hidden;
}
.persons-story-card h3, .persons-story-card p{
margin: 0;
}
.persons-story-card-img_container {
width: 100%;
object-fit: cover;
overflow: hidden;
}
.persons-story-card-img {
width: 100%;
}
.persons-story-card-info_container {
padding: 10px 20px;
background: white;
display: flex;
flex-direction: column;
gap: 15px;
overflow: hidden;
border-radius: 0px 0px 20px 20px;
}
.persons-story-card-info_container a{
text-decoration: none;
}
.persons-story-card_more-btn {
color: var(--color-vacancies);
cursor: pointer;
font-weight: 600;
}
.gsl-layout_container {
display: flex;
flex-direction: column;
gap: var(--spacing-element);;
}
.gsl-layout.gsl-layout_without_sb{
display: flex;
flex-direction: column;
gap: var(--spacing-element);
margin-top: 22px;
margin-bottom: 50px;
}
.gsl-layout.gsl-layout_without_sb h2{
margin: 0;
}
.want-work h3 {
font-size: 22px !important;
}
.pref_container {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 15px;
}
.pref_container h3{
margin: 0;
}
.pref-item {
display: flex;
align-items: flex-start;
gap: 15px;
border: 1px solid #EEEEEE;
border-radius: 20px;
padding: 30px 20px;
}
.pref-item-percent {
color: var(--color-vacancies);
font-weight: 600;
}
.pref-item-info_container {
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
}
.pref-item-percent-bar {
height: 5px;
width: 100%;
background: #EEEEEE;
border-radius: 10px;
}
.pref-item-percent-bar::before {
content: '';
display: block;
top: 0;
left: 0;
height: 5px;
background: var(--color-vacancies);
border-radius: 10px;
}
.pref_icon-container {
width: 60px;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
.pref-icon {
width: 100% !important;
height: 100% !important;
}
.contacts_container {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 15px;
}
.contacts-info-item {
display: flex;
flex-direction: column;
gap: 10px;
}
.contacts-info-item-title {
font-weight: 600;
}
.contacts-info_container {
display: flex;
flex-direction: column;
gap: 15px;
}
.contacts-info_container p {
margin: 0;
}
.content-extra_block a:visited {
color: var(--color-vacancies);
}
.age_container {
height: 500px;
}
.travel {
width: 1440px;
margin: 0 auto;
margin-bottom: 150px;
}
.travel_container {
padding: 0 15px;
width: 100%;
display: flex;
flex-direction: column;
gap: 15px;
}
.travel-title {
color: black;
margin: 0;
}
.travel-local_container {
display: flex;
flex-direction: column;
gap: 15px;
}
.travel-local-region_container {
display: flex;
gap: 10px;
overflow-x: scroll;
padding: 6px 0;
}
.gallery_btn {
position: absolute;
z-index: 1;
width: 45px;
height: 45px;
top: 15px;
right: 15px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.292);
padding: 7px;
cursor: pointer;
}
.travel-city_container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 15px;
}
.travel-city {
border-radius: 20px;
position: relative;
overflow: hidden;
height: 300px;
background-size: cover !important;
display: flex;
flex-direction: column;
justify-content: flex-end;
opacity: 1;
transition: opacity .3s ease-in-out;
}
.travel-city-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.travel-city-name {
color: white;
font-weight: 600;
font-size: 27px;
margin: 0;
}
.travel-city-country {
color: white;
}
.travel-city-info_container {
position: relative;
z-index: 1;
padding: 30px 25px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
display: flex;
flex-direction: column;
gap: 5px;	
}
.travel-local-region.active button{
background: var(--color-vacancies) !important;
color: white !important;
}
.travel-local-region.active button span{
color: white !important;
}
.rand-button {
width: fit-content;
}
.travel-placeholder {
display: flex;
justify-content: space-between;
}
.travel-placeholder-text_container {
width: 70%;
}
.vacancy-tags {
height: fit-content;
}
.vacancy-category_container.list {
grid-template-columns: 1fr;
}
.vacancy-category_container.list .vacancy-item {
flex-direction: row;
}
.vacancy-category_container.list .vacancy-tags {
order: 3;
}
.vacancy-category_container.list .vacancy-price {
order: 4;
}
.vacancy-category_container.list .vacancy-item_dep__container,
.vacancy-category_container.list .vacancy-description,
.vacancy-category_container.list .vacancy-button{
display: none;
}
.vacancy-item_name__container a{
color: black !important;
}
.vacancy-category_container.list,
.vacancy-category_container.list .vacancy-category_item__container,
.vacancy-category_container.list .vacancy-category_item {
height: fit-content;
}
.want-work.list{
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.want-work.list img,
.want-work.list p{
display: none;
}
.want-work.list h3 {
width: auto;
}
.vacancy-description a {
word-break: break-all;
}
.vacancy-feature-photo img{
max-width: 450px;
width: 100%;
}
.chance-banner {
background: var(--color-vacancies);
color: white;
display: flex;
gap: 32px;
justify-content: space-between;
overflow: hidden;
border-radius: 24px;
position: relative;
}
.chance-banner h2 {
color: white !important;
}
.chance-banner-left {
display: flex;
flex-direction: column;
gap: 24px;
width: 70%;
}
.chance-banner-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.white-rounded-box.chance-banner-left {
background: transparent;
}
.chance-banner-button {
background: #F9F9F9 !important;
color: black !important;
font-weight: 600;
}
.chance-banner-button:hover {
background: #F9F9F9 !important;
color: black !important;
font-weight: 600;
}
.chance-banner-img {
width: 100%;
height: 100%;
display: flex;
align-items: center;
width: 30%;
}
.chance-banner img {
position: absolute;
right: 0;
top: 50%;
transform: translate(20%, -50%);
height: 165%;
padding: 15px 20px;
padding-top: 0;
}
@media(max-width: 1440px){
.gsl-layout {
padding: 0 15px;
}
.travel {
width: 100%;
}
}
@media(max-width: 1100px){
.gsl-layout-sider__content-wrapper {
flex-direction: column;
}
.vacancy_main .gsl-layout-sider__content-container {
max-width: 100%;
width: 100%;
}
.gsl-layout-sider__content-extra {
align-items: center;
}
.your-consultant {
max-width: 600px;
width: 100%;
}
.video-card__image {
height: 190px;
}
.content-extra_block-img {
height: 300px;
}
}
@media(max-width: 1024px){
.chance-banner-left {
width: 50%;
}
.chance-banner img {
height: 130%;
}
}
@media(max-width: 700px){
.chance-banner {
flex-direction: column;
position: static;	
}
.chance-banner-left {
width: 100%;
}
.chance-banner img{
display: none;
}
}
@media(max-width: 1000px){
.new-form .block{
overflow: visible !important;
}
.block label {
margin: 0;
}
.persons-story_container, .pref_container {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.vacancy-category_container {
grid-template-columns: repeat(2, 1fr) !important;
}
.vacancy-category_container.list {
grid-template-columns: 1fr !important;
}
.travel-placeholder {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.travel-placeholder-text_container {
width: 100%;
}
}
@media(max-width: 600px){
.hr-container,
.vacancy-category_header-switch {
display: none;
}
.persons_container {
grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
}
.pl-30 {
padding: 0;
}
.gsl-layout-sider__content-extra {
align-items: flex-start;
}
.file-upload {
padding: 10px;
}
.file-upload svg {
display: none;
}
.file-upload > span {
display: none;
}
.popup-content {
top: auto;
left: auto;
transform: none;
}
#colorbox {
width: 91% !important;
}
#workPopup {
padding: 15px 15px;
}
.job-form .about_item_container {
flex-direction: column;
}
.content-photo-small tr {
display: flex;
flex-direction: column;
gap: 15px;
}
.content-photo-small tr td{
width: 100%;
padding: 0;
}
.content-photo-small tr td ul{
text-align: left;
}
.content-photo-small .attachment-large{
width: 100%;
}
.gallery {
gap: var(--spacing-element-child-x2)
}
.gallery a {
margin: 0;
}
.main-wide {
margin: 0;
}
.about_item_container label{
margin: 0;
}
.gsl-layout-sider__content.bottom {
padding: 0;
}
#id_time,
.file-input-decorated .button-small-decorated,
.gsl-button.mini,
.gsl-button-submit {
width: 100% !important;
}
.gsl-post-header__container {
flex-direction: column;
}
.gsl-post-header__content {
width: 100% !important;
}
.persons_container, .cities_container {
row-gap: 14px;
}
.pref-item {
flex-direction: column;
}
.pref_icon-container {
position: relative;
right: 10px;
}
.contacts_container {
display: flex;
flex-direction: column;
}
.swiper-button-next::after, .swiper-button-prev::after {
font-size: 24px !important;
}
.swiper-button-next, .swiper-button-prev {
width: 40px !important;
height: 40px !important;
}
.vacancy-category_container {
grid-template-columns: 1fr !important;
}
}
@media(max-height: 600px){ 
#workPopup {
align-items: flex-start;
}
.popup-content {
height: fit-content;
}
}