/*
Theme Name: WP Bootstrap Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 5.4
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@font-face {
font-family: "e-Ukraine Head";
src: url('/wp-content/uploads/fonts/e-UkraineHead-Bold.otf');
font-weight: 700;
}
@font-face {
font-family: "e-Ukraine Head";
src: url('/wp-content/uploads/fonts/e-UkraineHead-Regular.otf');
font-weight: 400;
}
@font-face {
font-family: "e-Ukraine Head";
src: url('/wp-content/uploads/fonts/e-UkraineHead-Medium.otf');
font-weight: 600;
}
body {
margin: 0;
-webkit-font-smoothing: auto;
font-family: 'Inter';
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
color: #24292e;
font-weight: 600;
margin-top: 24px;
margin-bottom: 15px;
}
h1 {
font-size: 32px;
padding-bottom: 10px;
}
h2 {
font-size: 24px;
padding-bottom: 0.3em;
line-height: 1.25;
}
h3 {
font-size: 18px;
line-height: 25px;
}
h4 {
font-size: 16px;
line-height: 20px;
}
h5 {
font-size: 14px;
line-height: 17.5px;
}
p {
margin-bottom: 1.5em;
}
h1.entry-title {
font-size: 1.31rem;
border-bottom: 1px solid #eaecef;
}
h2.entry-title {
border-bottom: 1px solid #eaecef;
}
h3.widget-title {
font-size: 1.2rem;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
html {
scroll-padding: 120px;
}
.container {
width: 100%;
max-width: 1640px;
margin: auto;
padding: 0px 15px;
}
button.navbar-toggler {
display: none;
}
nav.navbar {
display: flex;
align-items: center;
justify-content: space-between;
}
.navbar-nav {
list-style: none;
padding: 0;
display: flex;
}
.navbar-nav li {
margin: 0px 18px;
}
header#masthead {
position: fixed;
left: 0;
top: 0;
right: 0;
padding: 2rem 0;
z-index: 9;
}
.navbar-brand {
display: flex;
align-items: center;
}
.protect_logo {
margin-right: 2.5rem;
}
.main_slider {
height: 100vh;
}
.main_slider-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main_slider-inner {
height: 100%;
}
.main_slider-image {
height: 100%;
position: relative;
}
img.slider-img.slider-img-1 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100vw;
}
.item_slider-container {
height: 100%;
}
.item_slider-container.slider_container-1 {
position: absolute;
left: 0;
bottom: 0;
top: 0;
overflow: hidden;
right: 50vw;
transition: all 1.2s ease-in-out;
}
.main_slider-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.default-btn {
border-radius: 4px;
background: #FD0;
color: #121C2C;
text-align: center;
font-size: 0.9rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.28px;
text-transform: uppercase;
border: 1px solid #FD0;
padding: 12px 20px;
cursor: pointer;
text-decoration: none;
}
.slider_btn {
display: flex;
align-items: center;
justify-content: center;
}
.slider_btn svg {
position: relative;
z-index: 5;
}
.slider_btn .default-btn {
padding: 0 50px;
height: 49px;
margin-left: -5px;
display: flex;
justify-content: center;
align-items: center;
}
.slider_title {
color: #FFF;
text-align: center;
font-size: 2.3rem;
font-style: normal;
font-weight: 500;
line-height: 125%;
/* 47.981px */
letter-spacing: 2.303px;
margin-bottom: 15px;
}
.slider_sub_title {
color: #FFF;
text-align: center;
font-family: "e-Ukraine Head";
font-size: 4.1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-bottom: 3rem;
}
.navbar-nav li a {
color: #FFF;
font-family: Inter;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration: none;
white-space: nowrap;
}
.bottom_slider-text {
position: absolute;
bottom: 2rem;
left: 0;
right: 0;
z-index: 1;
}
.bottom_slider_inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.bottom_slider_inner>div:last-child {
display: none;
}
.bottom_animation_text {
width: 100%;
margin: 0 3rem;
height: 3px;
/* background: #FD0; */
position: relative;
}
.bottom_item_text {
color: #FFF;
font-family: "e-Ukraine Head";
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: 150%;
/* 45px */
letter-spacing: 1.2px;
text-transform: uppercase;
}
h2.default-title {
color: #17385B;
/* font-family: "e-Ukraine Head"; */
font-family: "Martian Mono", monospace;
font-size: 3rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-top: 0;
margin: 0;
padding: 0;
}
.d-flex {
display: flex;
}
.align-center {
align-items: center;
}
.why_us {
padding: 5rem 0;
}
.whyus_lists {
margin-top: 3rem;
display: flex;
flex-wrap: wrap;
}
.whyus_item {
border: 2px solid #ECEAE9;
flex-basis: calc(25% - 3px);
margin-left: -1px;
margin-bottom: -1px;
height: 21vw;
position: relative;
}
.whyus_inner {
position: absolute;
overflow: hidden;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.whyus_hover_image {
position: absolute;
right: 0;
bottom: 0;
left: 0;
top: 0;
}
.whyus_item.why_image img {
width: 100%;
}
.why_image .whyus_inner img {
height: 100%;
object-fit: cover;
transition: all 0.5s ease-in-out;
}
.why_image:hover .whyus_inner img {
transform: scale(1.1);
}
.whyus_item_title {
position: relative;
z-index: 9;
color: #17385B;
font-family: Inter;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 128%;
padding: 2rem;
transition: color 0.7s ease-in-out;
display: flex;
align-items: center;
gap: 25px;
}
.whyus_item_title svg {
min-width: 43px;
transition: 0.4s;
}
.whyus_hover_image img {
position: absolute;
bottom: -3rem;
right: -3rem;
transition: all 0.8s ease-in-out;
max-width: 0px;
/* top: 0; */
/* left: 0; */
border-radius: 100%;
}
.whyus_item:hover .whyus_hover_image img {
max-width: 100%;
border-radius: 20%;
}
.whyus_lists_txt_b {
display: block;
text-align: center;
font-size: 45px;
font-weight: 700;
margin-top: 65px;
text-transform: uppercase;
font-family: "Martian Mono", monospace;
color: #17385B;
}
.whyus_hover_image:after {
content: "";
position: absolute;
right: -7rem;
bottom: -7rem;
border-radius: 100%;
width: 0rem;
height: 0rem;
z-index: -1;
transition: all 1s ease-in-out;
}
.whyus_item:nth-child(1) .whyus_hover_image:after {
background: #ffdd03;
}
.whyus_item:hover .whyus_hover_image:after {
width: 47rem;
height: 47rem;
opacity: 1;
}
.whyus_item:nth-child(2) .whyus_hover_image:after {
background: #1d2435;
}
.whyus_item:nth-child(3) .whyus_hover_image:after {
background: #50aee2;
}
.whyus_item:nth-child(5) .whyus_hover_image:after {
background: #17385b;
}
.whyus_item:nth-child(7) .whyus_hover_image:after {
background: #c9d9e1;
}
.whyus_item:nth-child(8) .whyus_hover_image:after {
background: #ffdd03;
}
.whyus_item:nth-child(8) .whyus_hover_image img {
bottom: -7rem;
right: -3rem;
transform: rotate(11deg);
}
.whyus_item:nth-child(2):hover .whyus_item_title,
.whyus_item:nth-child(3):hover .whyus_item_title,
.whyus_item:nth-child(5):hover .whyus_item_title {
color: #fff;
}
.whyus_item:nth-child(2):hover .whyus_item_title svg,
.whyus_item:nth-child(3):hover .whyus_item_title svg,
.whyus_item:nth-child(5):hover .whyus_item_title svg {
filter: brightness(11);
}
.meet_wrapper {
background: url('/wp-content/uploads/2024/05/meet_bg.jpg');
background-size: cover;
padding: 5rem 0px;
}
.meet_row>div {
flex-basis: calc(50% - 50px);
}
.meet_row {
justify-content: space-between;
}
.meet_image img {
width: 100%;
max-width: 700px;
}
.meet_image {
position: relative;
}
.meet_image:before {
content: "";
position: absolute;
top: -3%;
left: -3%;
background: #F9D800;
width: 20%;
height: 25%;
z-index: -1;
}
.meet_image:after {
content: "";
position: absolute;
right: -1%;
bottom: -2%;
width: 10%;
height: 15%;
background: #9DD8F7;
z-index: -1;
}
.meet_btn_wrapper {
display: flex;
align-items: center;
}
.meet_btn_wrapper svg {
position: relative;
z-index: 5;
}
.meet_btn_wrapper button {
height: 49px;
padding: 0 50px;
display: flex;
justify-content: center;
align-items: center;
margin-left: -4px;
}
.vacancy_lists_cat {
flex-basis: 70%;
}
.faq_lists_wrapper_cat {
display: flex;
gap: 50px;
}
.vacancy_lists_img {
flex-basis: 30%;
display: flex;
flex-direction: column;
gap: 20px;
}
.vacancy_lists_img_item img {
width: 100%;
}
.meet_title {
color: #FFF;
/* font-family: "e-Ukraine Head"; */
font-family: "Martian Mono", monospace;
font-size: 3rem;
font-style: normal;
font-weight: 500;
line-height: 130.1%;
text-transform: uppercase;
margin-bottom: 1.5rem;
max-width: 530px;
}
.meet_title span {
font-weight: 400;
}
.meet_name {
color: #FFF;
font-family: Inter;
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 160%;
margin-bottom: 1.5rem;
}
.meet_text {
max-width: 600px;
color: #FFF;
font-family: Inter;
font-size: 1.5rem;
font-style: italic;
font-weight: 300;
line-height: 160%;
/* 43.2px */
letter-spacing: 0.81px;
}
.meet_desc {
position: relative;
}
div#way {
background: #9DD8F7;
}
.way_title_block {
position: relative;
z-index: 2;
}
.text-center {
text-align: center;
}
.way_title-inner {
padding: 4.2rem 0 4rem;
position: relative;
}
.fixed-way .way_title_block .way_title-inner {
padding-top: 2rem;
transition: all 0.4s ease-in-out;
}
.way_subtitle {
text-align: center;
}
.way_dragonfly {
position: absolute;
bottom: -16px;
left: -29px;
}
.way_lists {
position: relative;
}
.way_lists:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 6px;
background: linear-gradient(180deg, #FFF 94.71%, rgba(255, 255, 255, 0.00) 100%);
}
.way_item_title {
color: #193351;
font-family: Inter;
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 1.3;
}
.way_item-inner {
align-items: center;
position: relative;
justify-content: space-between;
}
.way_image {
text-align: right;
flex-basis: 46%;
}
.way_image img {
width: 100%;
border-radius: 3px;
}
.way_item-desc {
flex-basis: 46%;
}
.way_item-num {
color: #193351;
font-family: Inter;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 150%;
width: 2.5rem;
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background: #fff;
margin-left: -1.1rem;
}
.way_item {
padding: 5rem 0;
}
.way__item_description p span {
color: #193351;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: 150%;
/* 30px */
letter-spacing: 0.4px;
}
html {
font-size: 90%;
}
.way__item_description a {
text-decoration-line: underline;
color: #000;
}
.way__item_description p {
color: #193351;
font-family: Inter;
font-size: 1.2rem;
font-weight: 300;
line-height: 1.4;
}
.way__item_description li {
color: #193351;
font-family: Inter;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.4;
}
.way__item_description li em {
font-weight: 300;
}
.way_image img {
transition: all 0.5s ease-in-out;
}
.way_image {
position: relative;
overflow: hidden;
border-radius: 3px;
transition: all 0.5s ease-in-out;
transform: scale(0.9);
transform-origin: right;
}
.way_image:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 3px;
background: rgba(23, 56, 91, 0.50);
border-radius: 3px;
transition: all 0.5s ease-in-out;
}
.way_item:hover .way_image {
transform: scale(1);
}
.way_item:hover .way_image:before {
opacity: 0;
}
.way_item-num {
transition: all 0.5s ease-in-out;
position: relative;
}
.way_item:hover .way_item-num {
background: #193351;
color: #fff;
}
.way_item-num:before {
content: "";
min-width: 8.4rem;
height: 8.4rem;
position: absolute;
url('data: image/svg+xml,');
url('data: image/svg+xml,');
background: url('data:image/svg+xml,');
left: -2.8rem;
top: -2.9rem;
transition: all 0.5s ease-in-out;
opacity: 0;
}
.way_item:hover .way_item-num:before {
opacity: 1;
}
.fixed-way .way_title_block {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1;
background: #9dd8f7;
}
.way_subtitle {
color: #17385B;
text-align: center;
font-family: Inter;
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 142%;
margin-top: 1.5rem;
}
.fixed-way div#way {
padding-top: 232px;
}
.way_item:nth-child(5) .way_image {
align-self: baseline;
}
.fixed-way.absolut-way .way_title_block {
position: absolute;
}
.faq_wrapper {
background: url('/wp-content/uploads/2024/05/faq_bg.jpg');
background-size: cover;
padding: 5rem 0;
}
h2.default-title.white-title {
color: #fff;
}
.faq_lists-main {
flex-basis: 38%;
}
.quest_banner {
display: flex;
align-items: center;
gap: 100px;
}
.quest_banner .faq_main-img {
border-radius: 5px;
overflow: hidden;
flex-basis: 40%;
margin-bottom: 0;
}
.quest_banner_txt {
flex-basis: 60%;
}
.question_form_block {
padding: 40px 0;
/* margin-top: 100px; */
background: #17385b;
position: relative;
isolation: isolate;
overflow: hidden;
}
.quest_bg_img {
position: absolute;
right: 0;
top: 0;
}
.faq_lists_wrapper {
flex-basis: 100%;
/* margin-right: 4%; */
}
.faq_main-img img {
width: 100%;
display: block;
}
.faq_main-img {
margin-bottom: 2rem;
}
.faq_title {
color: #FFF;
font-family: Inter;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.faq_subtitle {
margin-top: 1rem;
color: #FFF;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin-bottom: 1.5rem;
}
.faq_subtitle a {
text-decoration-line: underline;
/* color: #FD0; */
color: white;
}
a.transparent-link {
border-radius: 3px;
border: 1px solid #FD0;
padding: 1rem 3rem;
display: inline-block;
color: #FD0;
text-align: center;
font-family: Inter;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.313px;
text-transform: uppercase;
text-decoration: none;
}
.faq_lists {
margin-top: 4rem;
max-width: 800px;
}
.faq_item {
border-bottom: 1px solid rgba(157, 216, 247, 1);
padding: 1.5rem;
}
.faq_answer {
color: #FFF;
font-family: Inter;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 165%;
}
.faq_answer p:last-child {
margin-bottom: 0;
}
.faq_answer {
max-height: 0;
overflow: hidden;
}
.faq_question {
display: flex;
align-items: center;
color: #FFF;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 600;
line-height: 165%;
justify-content: space-between;
cursor: pointer;
}
span.arrow-faq {
background: url('data:image/svg+xml,');
background-repeat: no-repeat !important;
width: 19px;
height: 20px;
background-size: contain;
min-width: 13px;
min-height: 20px;
}
.faq_item.active .faq_answer {
max-height: 100%;
}
span.arrow-faq {
transition: all 0.4s ease-in-out;
}
.active span.arrow-faq {
transform: rotate(90deg);
}
span.faq_item_question {
display: block;
max-width: 500px;
}
.work_wrapper {
background: #9DD8F7;
padding: 5rem 0;
}
.work_lists {
display: flex;
flex-wrap: wrap;
}
.work_item {
overflow: hidden;
transition: all 0.5s ease-in-out;
/* background: #1D2435; */
}
.work_item-title {
color: #193351;
font-family: Inter;
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: 128%;
text-decoration: none;
}
a.work_item-inner {
text-decoration: none;
}
/* .work_item.work_iter-2 {
background: #17385B;
}
.work_item.work_iter-3 {
background: #FD0;
}
.work_item.work_iter-4 {
background: #17385B;
} */
.work_item {
/* flex-basis: 25%;*/
flex-basis: 100%;
position: relative;
height: auto;
}
a.work_item-inner {
padding: 1.8rem 2.5rem;
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
box-sizing: border-box;
border-bottom: 2px solid #7CA9DD;
transition: 0.3s;
}
a.work_item-inner:hover {
background: #FD0;
}
.work_lists_items {
flex-basis: 70%;
}
.work_lists_img {
flex-basis: 30%;
}
.work_lists_img img {
width: 100%;
}
.blue_btn_wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.blue_btn_wrapper svg {
position: relative;
z-index: 5;
}
.blue_btn_wrapper .blue_btn {
height: 55px;
margin-left: -4px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 3rem;
}
.blue_btn_wrapper .blue_btn:hover {
border: 1px solid #fff;
}
.work_wrapper_bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
z-index: -1;
}
.work_lists_wrapper {
display: flex;
align-items: center;
gap: 70px;
margin-top: 4rem;
}
span.work_item_hover_text {
color: rgba(255, 255, 255, 0.07);
font-family: Inter;
font-size: 8.9rem;
font-style: normal;
font-weight: 700;
line-height: 128%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
margin: auto;
justify-content: center;
}
.work_iter-2 span.work_item_hover_text,
.work_iter-4 span.work_item_hover_text {
top: 0;
display: flex;
align-self: center;
}
img.work_item_img {
position: absolute;
right: 0;
bottom: 0;
}
.work_iter-3 span.work_item_hover_text {
color: rgba(43, 42, 41, 0.08);
}
.work_item * {
transition: all 0.5s ease-in-out;
}
.work_iter-3 .work_item-title {
color: #17385B;
}
img.work_item_img {
max-width: 90%;
}
.work_item:hover img.work_item_img {
transform: scale(1.15);
}
.work_item:hover span.work_item_hover_text {
font-size: 6rem;
}
.work_text_bottom {
color: #17385B;
text-align: center;
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 142%;
margin: 2.5rem 0;
}
.work_link_bottom {
text-align: center;
}
.blue_btn {
border-radius: 3px;
background: #17385B;
color: #fff;
text-align: center;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.313px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
padding: 1rem 3rem;
border: 1px solid #17385B;
}
img.dragonfly-bg {
max-width: 50vw;
position: absolute;
bottom: -23%;
left: -17%;
}
.work_wrapper {
position: relative;
overflow: hidden;
isolation: isolate;
}
footer#colophon {
background: #17385B;
padding-top: 5rem;
}
.footer-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-row>div {
flex-basis: 25%;
}
.footer-menu {
flex-basis: 33% !important;
}
.footer-logo {
display: flex;
align-items: center;
margin-bottom: 3rem;
}
.footer-logo>img:first-child {
margin-right: 25px;
}
.footer-title {
color: #FFF;
font-size: 1.2rem;
font-style: normal;
font-weight: 600;
line-height: 163%;
text-transform: uppercase;
margin-bottom: 2rem;
}
.footer-social ul {
list-style: none;
padding: 0px;
display: flex;
}
.footer-social ul li {
margin-right: 1.5rem;
}
.footer-copyright {
padding: 2.5rem 0;
border-top: 1px solid rgba(255, 255, 255, 0.50);
margin-top: 3rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-copyright div {
color: #FFF;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 155%;
}
.poweredby-text a {
text-decoration-line: underline;
color: #fff;
}
.footer-menu nav {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.footer-menu nav a {
color: #FFF;
font-family: Inter;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration: none;
flex-basis: 50%;
margin-bottom: 2rem;
}
.footer-contact ul {
list-style: none;
padding: 0px;
}
.footer-contact ul li {
margin-bottom: 10px;
}
.footer_enweb {
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid #fff;
border-radius: 3px;
height: 55px;
padding: 0 30px;
background: transparent;
transition: 0.3s;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.02em;
text-transform: uppercase;
text-align: center;
color: #fff;
text-decoration: none;
margin-top: 25px;
}
.footer_enweb:hover {
border: 1px solid #fff;
color: #17385b;
background: #fff;
}
.footer-contact ul li span {
color: #FFF;
font-size: 1.1rem;
font-style: normal;
font-weight: 300;
line-height: 161%;
margin-right: 10px;
}
.footer-contact ul li a {
color: #FFF;
font-family: Inter;
font-size: 1.1rem;
font-style: normal;
font-weight: 500;
line-height: 161%;
text-decoration: none;
}
.form_wrapper {
background: url('/wp-content/uploads/2024/05/form_main-bg.jpg');
background-size: cover;
padding: 5rem 0;
}
.form_wrapper_liga {
background-image: url('/wp-content/uploads/2024/12/football-field-form.jpg');
}
.form_wrapper-row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.form_wrapper-row>div {
flex-basis: 50%;
}
.form_main-img img {
border-radius: 3px;
width: 100%;
}
.form_main_content {
position: relative;
}
.form_main-title {
position: absolute;
padding: 2rem 3rem;
color: #FFF;
font-family: "e-Ukraine Head";
font-size: 3rem;
font-style: normal;
font-weight: 700;
line-height: 128%;
/* 66.893px */
text-transform: uppercase;
}
.form_row {
display: flex;
flex-wrap: wrap;
margin-top: 2rem;
margin-left: -6px;
margin-right: -6px;
}
.f-basis-50 {
flex-basis: calc(50% - 12px);
margin: 6px;
}
.form_input p {
margin: 0px;
}
.f-basis-100 {
flex-basis: calc(100% - 12px);
margin: 6px;
}
.form_input input,
.form_input textarea {
width: 100%;
border-radius: 5px;
border: 1px solid #FFF;
color: #1F4771;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
padding: 10px 18px;
box-sizing: border-box;
background: transparent;
font-family: 'Inter';
}
.form_block {
flex-basis: 45% !important;
margin-right: 5%;
}
.form_input input::placeholder,
.form_input textarea::placeholder {
color: #1F4771;
}
.form_input textarea {
height: 90px;
}
.form_bottom_text p {
text-align: center;
color: #17385B;
font-size: 1.1rem;
font-style: normal;
font-weight: 500;
line-height: 150%;
margin: 0rem 0 1rem;
}
.btn-submit-form {
text-align: center;
}
.btn-submit-form p {
margin: 0;
}
.btn-submit-form input {
width: 100%;
max-width: 80%;
border-radius: 5px;
background: #17385B;
border: none;
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 1.1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.313px;
text-transform: uppercase;
padding: 15px 0px;
}
span.wpcf7-spinner {
display: none;
}
.text_agree_form p {
margin: 0;
margin-top: 1.8rem;
color: #17385B;
text-align: center;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 155%;
}
.text_agree_form p a {
color: #17385B;
}
.place_wrapper {
padding: 5rem 0;
}
.place_wrapper-row {
display: flex;
align-items: center;
}
.place_main-img img {
width: 100%;
}
.place_main-img {
flex-basis: 45%;
margin-right: 5%;
}
.place_lists-wrapper {
flex-basis: 50%;
width: 50%;
}
.place_subtitle {
color: #9B9B9B;
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 142%;
margin-top: 1rem;
}
.place_lists {
border-radius: 3px;
border: 1px solid #ECEAE9;
margin-top: 2rem;
padding: 2rem;
box-sizing: border-box;
}
.place_item_question {
color: #193351;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 600;
line-height: 150%;
margin-bottom: 2rem;
}
.place_item_answer {
color: #193351;
font-family: Inter;
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.place_item_answer p:last-child {
margin-bottom: 0;
}
.place_link {
margin-top: 2.5rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.default_place_link {
color: #17385B;
font-size: 1.2rem;
font-style: normal;
font-weight: 700;
line-height: 142%;
/* 29.82px */
text-decoration-line: underline;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
}
.place_arrow button {
padding: 0px;
border: none;
background: transparent;
margin-left: 20px;
}
.place_arrow button img {
max-width: 45px;
}
button.arrow-slide.slick-disabled {
opacity: 0.5;
}
.start_main_slider .item_slider-container.slider_container-1 {
right: 25vw;
}
.right-to-left .item_slider-container.slider_container-1 {
right: 75vw;
}
.bottom_slider_inner>div.bottom_item_text {
transform: translate(0px, 50px);
opacity: 0;
transition: all 0.8s ease-in-out;
}
.start-bottom-text .bottom_slider_inner>div:nth-child(1) {
animation: slideUpText 1s ease-in-out forwards;
}
.start-bottom-text .bottom_slider_inner>div:nth-child(3) {
animation: slideUpText 1s ease-in-out forwards;
animation-delay: 2s;
}
.start-bottom-text .bottom_slider_inner>div:nth-child(5) {
animation: slideUpText 1s ease-in-out forwards;
animation-delay: 4s;
}
@keyframes slideUpText {
0% {
opacity: 0;
transform: translate(0px, 50px);
}
100% {
opacity: 1;
transform: translate(0px, 0px);
}
}
@keyframes slideRightLine {
0% {
right: 100%;
}
100% {
right: 0;
}
}
.bottom_animation_text:before {
content: "";
position: absolute;
left: 0;
right: 100%;
top: 0;
bottom: 0;
background: #FD0;
/* transition: all 1s ease-in-out; */
}
.start-bottom-text .bottom_slider_inner>div:nth-child(2)::before {
animation: slideRightLine 2s ease-in-out forwards;
animation-delay: 0.8s;
}
.start-bottom-text .bottom_slider_inner>div:nth-child(4)::before {
animation: slideRightLine 2s ease-in-out forwards;
animation-delay: 2.8s;
}
.place_all_text strong {
color: #193351;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 600;
line-height: 150%;
margin-bottom: 2rem;
}
.place_all_text p {
color: #193351;
font-family: Inter;
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.place_all_text {
max-height: 0;
overflow: hidden;
}
.show-all-text .place_all_text {
max-height: 100%;
}
.place_wrapper-row.show-all-text {
align-items: flex-start;
}
.default-btn:hover {
border-color: #fff;
background: transparent;
color: #fff;
}
.default-btn {
transition: all 0.4s ease-in-out;
}
.blue_btn {
transition: all 0.4s ease-in-out;
}
.blue_btn:hover {
color: #17385B;
background: transparent;
}
.btn-submit-form input {
transition: all 0.4s ease-in-out;
cursor: pointer;
border: 1px solid #17385B;
}
.btn-submit-form input:hover {
color: #17385B;
background: transparent;
}
.arrow-animation {
position: absolute;
bottom: 20%;
left: 0;
right: 0;
margin: auto;
width: 67px;
overflow: hidden;
}
.arrow-animation svg {
transform: translate(0, 50px);
}
.start_main_slider-arrow.arrow-animation svg {
animation: handUp 6s ease-in-out forwards;
}
.start_main_slider-arrow #hand {
animation: hand 5s ease-in-out forwards;
animation-delay: 0.5s;
}
.start_main_slider-arrow #arrow-anim-left {
animation: handArrowLeft 5s ease-in-out forwards;
animation-delay: 0.5s;
}
.start_main_slider-arrow #arrow-anim-right {
animation: handArrowRight 5s ease-in-out forwards;
animation-delay: 0.5s;
}
@keyframes handArrowLeft {
0% {
transform: translate(0px, 0px);
}
25% {
transform: translate(-5px, 0px);
}
50% {
transform: translate(0px, 0px);
}
75% {
transform: translate(-5px, 0px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes handArrowRight {
0% {
transform: translate(0px, 0px);
}
25% {
transform: translate(0px, 0px);
}
50% {
transform: translate(5px, 0px);
}
75% {
transform: translate(0px, 0px);
}
100% {
transform: translate(0px, 0px);
}
}
@keyframes hand {
0% {
transform: rotate(0deg);
transform-origin: 50% 50%;
}
25% {
transform-origin: 50% 50%;
transform: rotate(-8deg);
}
50% {
transform-origin: 50% 50%;
transform: rotate(8deg);
}
75% {
transform-origin: 50% 50%;
transform: rotate(-8deg);
}
100% {
transform-origin: 50% 50%;
transform: rotate(0deg);
}
}
@keyframes handUp {
0% {
transform: translate(0, 50px);
}
15% {
transform: translate(0, 0px);
}
85% {
transform: translate(0, 0px);
}
100% {
transform: translate(0, 50px);
}
}
.overlay-popup {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #0000004f;
z-index: 91;
display: none;
}
.popup_wrapper {
position: fixed;
z-index: 105;
left: 0;
right: 0;
top: 0;
margin: auto;
max-width: 800px;
bottom: 0;
align-self: baseline;
background: url('/wp-content/uploads/2024/05/popupbg.jpg');
border-radius: 10px;
padding: 5rem;
transform: translate(200%, 0px);
opacity: 0;
transition: all 0.4s ease-in-out;
visibility: hidden;
background-size: cover;
}
.popup_body .form_row {
margin-top: 0;
}
.popup_wrapper {
padding: 50px 15px 30px;
}
.popup_wrapper.in {
transform: translate(0%, 0px);
opacity: 1;
visibility: visible;
}
button.cpose_popup {
position: absolute;
right: 10px;
top: 10px;
background: transparent;
padding: 0;
margin: 0;
border: none;
cursor: pointer;
}
.popup_body h2.default-title.text-center {
display: none;
}
.popup_body_inner .form_bottom_text {
max-width: 660px;
margin: auto;
}
.popup_body_inner .btn-submit-form input {
max-width: 400px;
}
.form_input input:focus,
.form_input textarea:focus,
.form_input input:hover,
.form_input textarea:hover {
border-color: #1F4771;
outline: none;
box-shadow: none;
}
.d-flex.align-center.why_us_row {
justify-content: space-between;
}
.footer-social ul a:hover svg rect {
fill: #ffdd03;
}
.footer-social ul a svg rect {
transition: all 0.4s ease-in-out;
}
.footer-menu nav a:hover {
text-decoration: underline;
}
.footer-contact ul li a:hover {
text-decoration: underline;
}
a.transparent-link {
transition: all 0.4s ease-in-out;
}
a.transparent-link:hover {
background: #FD0;
color: #17385b;
}
html {
scroll-behavior: smooth;
}
header#masthead.header-inner-page {
position: fixed;
background: #17385b;
padding: 1.5rem 0;
left: 0;
right: 0;
top: 0;
z-index: 100;
}
/* .post-type-archive-companies div#main {
padding-top: 100px;
} */
.page-template-fullwidth div#main {
padding-top: 100px;
}
body.post-type-archive-companies {
background: #444A38;
}
.post-type-archive-companies footer#colophon {
background: #2A2D24;
}
.company_lists {
display: flex;
flex-wrap: wrap;
margin: 0;
justify-content: space-between;
}
.company_lists>div {
flex-basis: calc(50% - 45px);
margin-bottom: 90px;
}
.company_item-title {
display: flex;
align-items: center;
}
span.main-img {
margin-right: 40px;
}
.company_title_text {
color: #FFF;
font-family: "e-Ukraine Head";
font-size: 3rem;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 1rem;
}
.video-preview {
position: absolute;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-size: cover;
}
.video-preview:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.50);
}
.video-preview svg {
position: relative;
cursor: pointer;
}
.video-preview {
transition: all 0.4s ease-in-out;
}
.playing .video-preview {
opacity: 0;
visibility: hidden;
}
.video-layer iframe {
width: 100%;
height: 380px;
}
.video {
position: relative;
border-radius: 5px;
overflow: hidden;
min-height: 380px;
}
.company_desc {
color: #FFF;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: 165%;
margin-bottom: 2rem;
}
.company_desc p a {
color: #FFDD00;
}
.company_desc p:last-child {
margin-bottom: 0;
}
span.main-img img {
max-width: 76px;
}
.company_item {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.liga_posts .company_item {
align-items: flex-start;
flex-basis: calc(50% - 60px);
}
.company_video {
position: relative;
transition: all 0.4s ease-in-out;
}
/* span.see-video {
color: #FFF;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 600;
line-height: 165%;
position: absolute;
top: 25px;
z-index: 2;
left: 40px;
}
.company_video {
max-height: 75px;
overflow: hidden;
border-radius: 5px;
}
.company_video:hover {
max-height: 390px;
} */
div#content {
overflow-x: hidden;
}
.company_region {
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: 165%;
display: flex;
align-items: center;
}
.company_region:before {
content: "";
display: block;
width: 30px;
height: 1px;
margin-right: 15px;
background: #FFF;
}
.companies_video {
flex-basis: 50%;
}
.main_companies-row>div {
flex-basis: calc(50% - 45px);
}
.main_companies-row {
justify-content: space-between;
margin: 3rem 0 5rem;
}
h1.default-title,
.form_title {
color: #FFF;
font-family: "e-Ukraine Head";
font-size: 3rem;
font-style: normal;
font-weight: 700;
line-height: 126.9%;
/* 63.45px */
text-transform: uppercase;
margin-top: 23px;
margin-bottom: 2rem;
padding-bottom: 0;
}
.popup_wrapper .form_title {
display: none;
}
.form_title {
text-align: center;
display: block;
color: #17385B;
}
.companis_main-desc {
color: #FFF;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: 165%;
}
.transform-none {
text-transform: none !important;
}
.region_wrapper {
display: flex;
}
.region_wrapper h2 {
flex-basis: 500px;
}
.region_lists {
flex-basis: calc(100% - 280px);
display: flex;
flex-wrap: wrap;
justify-content: right;
margin-top: 10px;
}
.faq-hidden-btn {
max-height: 0px;
overflow: hidden;
}
.region_item {
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 0.8rem;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.28px;
/* text-transform: uppercase; */
padding: 0.6rem 0.8rem;
border-radius: 4px;
border: 1px solid #FFF;
margin-left: 0.5rem;
margin-bottom: 0.5rem;
/* height: 40px; */
cursor: pointer;
}
button.btn_show-region {
border-radius: 4px;
border: 1px solid #FD0;
background: transparent;
color: #FD0;
margin-left: 0.5rem;
margin-bottom: 0.5rem;
font-family: Inter;
font-size: 0.8rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.28px;
/* text-transform: uppercase; */
padding: 0.6rem 0.8rem;
/* height: 40px; */
cursor: pointer;
max-width: 140px;
}
.faq-hidden-btn {
flex-basis: 100%;
display: flex;
flex-wrap: wrap;
transition: all 0.8s ease-in-out;
justify-content: flex-end;
}
.region_item:hover {
background: #fff;
color: #444a38;
}
button.btn_show-region:hover {
background: #FD0;
color: #444a38;
}
button.btn_show-region {
transition: all 0.6s ease-in-out;
}
.faq-hidden-btn.show_hidden-btn {
max-height: 500px;
}
.region_item.hidden_term {
/* max-height: 0px;
overflow: hidden;
padding: 0;
margin: 0;
border: none;
max-width: 0; */
display: none;
}
.region_item {
transition: all 0.4s ease-in-out;
}
.region_wrapper {
border-bottom: 1px solid rgba(255, 255, 255, 0.50);
padding-bottom: 45px;
/* margin-bottom: 5rem; */
align-items: flex-start;
}
div#company_lists {
margin-top: 5rem;
}
button.btn_show-region.hidden_btn {
opacity: 0;
margin: 0;
max-width: 0px;
padding: 0px;
border: none;
}
* {
box-sizing: border-box;
}
.region_item.active {
background: #fff;
color: #444a38;
}
.region_item {
display: flex;
align-items: center;
}
div#breadcrumbs {
margin-top: 1rem;
}
div#breadcrumbs a {
color: #fff;
}
div#breadcrumbs span.breadcrumb_last {
color: #ffffffb0;
}
div#breadcrumbs span {
color: #ffffffb0;
}
.page-id-242 {
background: #9DD8F7;
}
.page-id-271 {
background: #9DD8F7;
}
h1.default-title.blue-title {
color: #17385B;
}
.faq_wrapper_page .faq_lists {
margin-top: 0;
}
.faq_wrapper_page .faq_item {
border-color: #17385B;
}
.faq_wrapper_page .faq_question {
color: #17385B;
}
.faq_wrapper_page span.arrow-faq {
background: url('data:image/svg+xml,');
}
.faq_wrapper_page .faq_title {
color: #17385B;
}
.faq_wrapper_page .faq_subtitle {
color: #17385B;
}
.faq_wrapper_page .faq_main-img img {
border-radius: 5px;
}
.inner-page-wrapper {
margin: 3rem 0 3rem;
}
.faq_wrapper_page .faq_answer-inner {
color: #17385B;
}
.page-id-242 div#breadcrumbs a,
.page-id-271 div#breadcrumbs a {
color: #17385b;
}
.page-id-242 div#breadcrumbs span,
.page-id-271 div#breadcrumbs span {
color: #17385bc2;
}
.page-id-242 header#masthead.header-inner-page,
.page-id-271 header#masthead.header-inner-page {
background: #17385B;
}
a.transparent-link.blue-link {
color: white;
border-color: white;
}
a.transparent-link.blue-link:hover {
background: white;
color: #17385b;
border: 1px solid #17385b;
}
.faq_wrapper_page span.faq_item_question {
max-width: 100%;
}
.page-template-page-contact div#main,
.page-template-page-default div#main {
padding-top: 100px;
}
.default_content {
margin-bottom: 60px;
}
.contact-desc {
color: #193351;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 300;
line-height: 150%;
}
.contact-desc a {
color: #193351;
text-decoration: underline;
cursor: pointer;
}
.contact_inner_title {
color: #17385B;
font-family: Inter;
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 161%;
margin-bottom: 5px;
}
.contact_inner-block a {
color: #17385B;
font-family: Inter;
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: 161%;
text-decoration: none;
}
.contact_inner-block {
margin-bottom: 2rem;
}
.page-id-271 .form_wrapper {
padding-top: 3rem;
}
.page-id-242 {
overflow-x: hidden;
}
.page-id-242 div#content {
overflow-x: unset;
}
div#request_form {
overflow: hidden;
}
.navbar-nav li a:hover {
text-decoration: underline;
}
header#masthead {
transition: all 0.3s ease-in-out;
}
header#masthead.fixedHeader {
background: #17385b;
padding: 1.2rem 0;
}
.post-type-archive-companies header#masthead.header-inner-page.fixedHeader {
background: #2A2D25;
}
span.dragonfly-icon-line {
background: linear-gradient(90deg, #ffed02 94.71%, rgba(255, 255, 255, 0.00) 100%);
left: 0;
right: 30px;
position: absolute;
height: 5px;
top: calc(50% - 4px);
transition: all 0.4s ease-in-out;
opacity: 0;
}
.dragonfly-wrapper {
position: relative;
width: 50%;
text-align: right;
}
.why_us_row h2.default-title {
width: 100%;
font-family: "Martian Mono", monospace;
}
span.dragonfly-icon-left {
position: absolute;
right: auto;
left: 0;
}
span.dragonfly-icon-right {
display: block;
}
span.dragonfly-icon {
width: 40px;
overflow: hidden;
display: block;
position: relative;
margin-left: auto;
transition: all 1s ease-in-out;
}
.navbar-brand a img {
width: 100%;
max-width: 200px;
}
.start-dragonfly-animation span.dragonfly-icon {
width: 100%;
}
.start-dragonfly-animation span.dragonfly-icon .dragonfly-icon-line {
opacity: 1;
left: 40px;
}
.post-type-archive-companies header#masthead {
background: #2A2D25;
}
.single-post div#main {
padding-top: 100px;
}
.single {
background: #9DD8F7;
}
.single-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-row>div {
flex-basis: calc(50% - 3rem);
}
.post-thumbnail img {
width: 100%;
border-radius: 5px;
height: auto;
}
div#breadcrumbs span,
div#breadcrumbs a {
color: #17385B !important;
}
.single-vacancy-wrapper div#breadcrumbs {
margin-bottom: 2.5rem;
}
.item-tab {
margin-bottom: 0;
border-bottom: 1px solid rgba(23, 56, 91, 0.50);
/* padding: 1.8rem 0; */
}
span.title_tab-value,
a.title_tab-value {
color: #17385B;
font-family: Inter;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: 142%;
position: relative;
z-index: 10;
/* text-transform: uppercase; */
text-decoration: none;
width: 100%;
padding: 1.8rem 0;
}
.value_tab-inner p:last-child {
margin-bottom: 0;
}
.title_tab {
/* padding: 1.8rem 0; */
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.value_tab-inner p:first-child {
margin-top: 0;
}
.value_tab-inner {
padding-bottom: 1.8rem;
}
/* .value_tab {
max-height: 0;
overflow: hidden;
} */
.value_tab-inner-wrapper {
max-height: 0;
overflow: hidden;
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
translate: 0 -20px;
display: flex;
flex-direction: column-reverse;
}
.title_tab span.arrow-faq {
background: url('data:image/svg+xml,');
}
/* .active .value_tab {
max-height: 1000px;
} */
.active_vacancy .value_tab-inner-wrapper {
max-height: 1000px;
opacity: 1;
visibility: visible;
translate: 0 0;
}
.value_tab {
transition: all 0.4s ease-in-out;
}
.value_tab-inner {
color: #17385B;
font-family: Inter;
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
line-height: 165%;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
isolation: isolate;
}
.postid-858 .value_tab-inner {
flex-direction: column;
}
.bottom-img-dragonfly img {
max-width: 30vw;
}
.bottom-img-dragonfly {
position: absolute;
bottom: 0;
}
section#primary {
position: relative;
}
.top-img-dragonfly img {
max-width: 32vw;
}
.top-img-dragonfly {
position: absolute;
right: 0;
top: 18%;
}
.single-post div#main {
position: relative;
z-index: 1;
}
.blue-btn {
border-radius: 3px;
background: #17385B;
border: none;
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.313px;
text-transform: uppercase;
padding: 1rem 5rem;
margin-right: 2.5rem;
border: 1px solid #17385B;
transition: all 0.4s ease-in-out;
}
.blue-btn:hover {
background-color: #FD0;
border-color: #FD0;
color: #17385B;
}
.action_btns {
display: flex;
align-items: center;
}
button.send-to-email {
padding: 0;
border: none;
background: transparent;
}
.action_btns a,
.action_btns button {
margin-left: 1rem;
}
span.action_btns-text {
display: flex;
align-items: center;
color: #17375A;
font-family: Inter;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 135%;
/* 17.55px */
letter-spacing: 0.26px;
}
.vacancy-actions {
margin-top: 3rem;
}
.single-row {
margin-bottom: 5rem;
}
a.hidden-each-item {
display: none;
}
.roty_lists a {
border-radius: 4px;
background: #FFF;
margin-right: 10px;
margin-bottom: 10px;
color: #17385B;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.22px;
text-transform: none;
text-decoration: none;
padding: 11px;
}
.roty_lists {
display: flex;
flex-wrap: wrap;
}
.access_companies-title {
color: #17385B;
font-size: 1.1rem;
font-style: normal;
font-weight: 500;
line-height: 142%;
margin-bottom: 15px;
}
span.see-all-companies {
border-radius: 4px;
border: 1px solid #17385B;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
color: #17385B;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.22px;
text-transform: none;
cursor: pointer;
}
a.hidden-each-item.show-each-hidden {
display: block;
}
.roty_lists a:hover {
background: #17385B;
color: #fff;
}
.roty_lists a {
transition: all 0.4s ease-in-out;
}
span.see-all-companies {
transition: all 0.4s ease-in-out;
}
span.see-all-companies:hover {
background: #FD0;
border-color: #FD0;
}
.action_btns a:hover svg rect,
.action_btns button:hover svg rect {
stroke: #FD0;
fill: #FD0;
}
.action_btns a svg rect,
.action_btns button svg rect {
transition: all 0.4s ease-in-out;
}
.other-vacancies {
margin-bottom: 5rem;
}
.single .work_link_bottom {
margin-top: 2rem;
}
.overlay-sendemail {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 991;
background: #00000096;
display: none;
}
.popup_send_email {
position: fixed;
z-index: 992;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 300px;
background: url(/wp-content/uploads/2024/05/popupbg.jpg);
border-radius: 10px;
padding: 20px;
transform: translate(500%, 0px);
opacity: 0;
transition: all 0.4s ease-in-out;
visibility: hidden;
align-self: baseline;
}
.popup_send_email.in {
transform: translate(0%, 0px);
opacity: 1;
visibility: visible;
}
button.close_send_email-popup {
background: transparent;
padding: 0;
line-height: 0;
border: none;
position: absolute;
right: 0;
top: 0;
}
.popup_send_email-inner {
margin-top: 20px;
margin-bottom: 20px;
}
input[type="text"] {}
form.form_send_email input {
width: 100%;
margin-bottom: 10px;
width: 100%;
border-radius: 5px;
border: 1px solid #FFF;
color: #1F4771;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
padding: 10px 18px;
box-sizing: border-box;
background: transparent;
font-family: 'Inter';
}
form.form_send_email input::placeholder {
color: #1F4771;
font-size: 14px;
}
form.form_send_email input:focus,
.form_send_email input:hover {
border-color: #1F4771;
box-shadow: none;
outline: none;
}
form.form_send_email button {
width: 100%;
}
div#post_form_success {
text-align: center;
margin-top: 10px;
border: 1px solid #fff;
border-radius: 5px;
padding: 10px;
font-size: 15px;
display: none;
}
.archive.category {
background: #9DD8F7;
}
.archive.category-vakansiyi header#masthead {
background: transparent;
}
.archive.category-vakansiyi header#masthead.fixedHeader {
background: #17385b;
}
.category-search {
background: url('/wp-content/uploads/2024/05/frame-37-1.jpg');
min-height: 50vh;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}
.category-vakansiyi .category-search {
padding: 100px 0 50px;
}
.archive_form_wrapper {
text-align: center;
}
form#archive_search input {
border-radius: 5px 0px 0px 5px;
background: #FFF;
height: 50px;
width: 40%;
border: none;
padding: 15px 30px;
color: #8E8E8E;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.313px;
}
form#archive_search {
display: flex;
justify-content: center;
margin-top: 3rem;
margin-top: 30px;
}
button.search_btn {
border-radius: 0px 5px 5px 0px;
background: #17385B;
border: none;
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 1.1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.313px;
text-transform: uppercase;
min-width: 13%;
}
.faq_wrapper_page .faq_subtitle a {
color: #17385B;
font-weight: 600;
}
.vacancy_wrapper_page {
margin: 4rem 0;
}
.tags_wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 1rem;
margin-top: 35px;
flex-wrap: wrap;
}
.tag_item {
font-weight: 400;
font-size: 14px;
line-height: 128%;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #fff;
border-radius: 2px;
padding: 0 20px;
height: 32px;
cursor: pointer;
transition: 0.3s;
text-decoration: none;
}
.tag_item:hover,
.tag_item.active {
color: #FD0;
border: 1px solid #FD0;
}
a.title_tab {
text-decoration: none;
position: relative;
z-index: 2;
}
.item-tab.active_vacancy .value_tab {
transition: all 0.8s ease-in-out;
}
.active_vacancy span.arrow-faq {
transform: rotate(90deg);
}
.item-tab.active_vacancy .value_tab {
max-height: 1500px;
}
.roty_lists-vacancy span {
display: block;
color: #17385b;
text-decoration: none;
margin: 3px 0;
}
.item-tab {
transition: all 0.4s ease-in-out;
}
.item-tab.active_vacancy .arrow-faq_comp {
translate: 5px 0;
}
.vacancy_lists .item-tab {
padding: 0 1.8rem;
}
a.title_tab .title_tab-value {
text-transform: none;
}
.vacancy_lists .item-tab {
/* border-bottom: 2px solid #17385B; */
/* min-height: 280px;
max-height: 280px; */
transition: 0.3s;
}
.vacancy_lists .item-tab:hover {
background: #FD0;
}
/* .vacancy_lists .item-tab.active_vacancy {
max-height: 700px;
} */
.form-bottom-upload {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
border: 2px dashed #ffffff;
border-radius: 5px;
margin-bottom: 15px;
padding: 12px 10px 10px;
position: relative;
overflow: hidden;
}
.file-name {
margin-top: 10px;
max-width: 400px;
display: block;
text-align: center;
}
.form-bottom-upload .wpcf7-form-control-wrap {
opacity: 0;
position: absolute;
inset: 0;
}
.form-bottom-upload br {
display: none !important;
}
.form-bottom-upload p {
margin: 0;
}
span.files-to-load {
display: block;
text-align: center;
}
.form-bottom-upload .wpcf7-form-control-wrap .wpcf7-file {
width: 100%;
height: 100%;
}
.form-bottom-upload br {
display: none;
}
.bottom-upload-text,
.bottom-upload-btn {
font-weight: 400;
font-size: 14px;
color: #17385b;
background-color: transparent;
text-align: center;
display: block;
}
.bottom_btn_list {
margin-top: 15px;
height: 45px;
padding: 0 25px;
border-radius: 3px;
border: 1px solid white;
color: white;
text-decoration: unset;
background: transparent;
display: inline-flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.bottom_btn_list:hover {
background: white;
border: 1px solid white;
color: black;
}
.item-tab:nth-child(6) .bottom_btn_list {
border: 1px solid black;
color: black;
}
.vacancy_lists .item-tab-contacts {
border-bottom: unset;
background: #FFDD00;
padding: 25px;
text-decoration: unset;
display: block;
position: relative;
isolation: isolate;
}
.vacancy_lists .item-tab-contacts img {
bottom: 0;
transition: 0.3s;
}
.vacancy_lists .item-tab-contacts:hover img {
bottom: -25px;
right: -25px;
scale: 0.9;
}
.item-tab-contacts span {
display: block;
font-weight: 600;
font-size: 20px;
line-height: 142%;
color: #17385b;
margin-bottom: 20px;
}
.item-tab-contacts div {
display: block;
font-weight: 700;
font-size: 32px;
line-height: 142%;
color: #17385b;
text-decoration: unset;
}
.bottom-upload-btn {
text-decoration: underline;
border: none;
margin: 5px auto;
font-family: 'Inter';
}
.files-to-load {
font-weight: 300;
font-size: 13px;
color: #17385b;
}
.company_title_text a {
text-decoration: none;
color: #fff;
}
.single-companies #main {
padding-top: 100px;
}
.single-companies {
background: #444A38;
}
.single-companies header#masthead {
background: #2A2D25;
}
.single-companies footer {
background: #2A2D24 !important;
}
.single-companies div#breadcrumbs span,
.single-companies div#breadcrumbs a {
color: #fff !important;
}
.single-companies .action_btns.d-flex.align-center {
max-width: 400px;
}
.single-companies span.action_btns-text {
color: #FFDD00;
}
.single-companies .vacancy_lists .item-tab {
border-color: #fff;
}
.single-companies a.title_tab span.title_tab-value {
color: #fff;
}
.single-companies .title_tab span.arrow-faq {
background: url('data:image/svg+xml,');
}
/* .single-companies .active_vacancy a.title_tab span.title_tab-value {
color: #444a38;
}
.single-companies .active_vacancy a.title_tab span.arrow-faq {
background: url('data:image/svg+xml,');
} */
.single-companies .faq_subtitle a {
color: #fff;
}
a.transparent-link.white-link {
color: #fff;
border-color: #fff;
}
a.transparent-link.white-link:hover {
color: #444a38;
border-color: #FD0;
}
.single-companies .action_btns a:hover svg rect,
.single-companies .action_btns button:hover svg rect {
fill: #fff;
stroke: #fff;
}
.single-companies .action_btns a:hover svg path,
.single-companies .action_btns button:hover svg path {
fill: #444a38;
}
.single_companies-row {
margin-bottom: 5rem;
}
.single-companies .active_vacancy span.arrow-faq {
transform: rotate(0deg);
}
.error404 {
background: #9DD8F7;
}
h1.title-404 {
color: #fff;
text-align: center;
font-family: Inter;
font-size: 400px;
font-style: normal;
font-weight: 700;
line-height: 126%;
;
margin-top: 2rem;
}
.main-404 {
position: absolute;
bottom: -10rem;
}
section.error-404.not-found {
position: relative;
height: 100vh;
overflow: hidden;
}
.main-404 img {
width: 100vw;
object-fit: cover;
}
h1.default-title.blue-title.nothing-found-title {
margin-top: 60px;
}
body.error404 footer#colophon {
display: none;
}
.error404 header#masthead {
display: none;
}
body.error404 {
height: 100vh;
overflow: hidden;
}
.main-content-404 {
text-align: center;
z-index: 9;
position: relative;
/* margin-top: 7rem; */
}
.main_404-desc {
color: #17385B;
text-align: center;
font-family: Inter;
font-size: 1.5rem;
font-style: normal;
font-weight: 400;
line-height: 126%;
margin-bottom: 40px;
margin-top: 15px;
}
.main-content-404 a {
margin: 0;
}
.mob_menu-bottom {
display: none;
}
.visible-xs {
display: none;
}
.bottom_vacancyy-text.value_tab-inner {
padding-bottom: 0;
margin-top: 20px;
}
.post-type-archive-companies div#breadcrumbs span,
.post-type-archive-companies div#breadcrumbs a {
color: #fff !important;
}
.category-vakansiyi div#breadcrumbs {
margin-bottom: 1rem;
}
.category-vakansiyi div#breadcrumbs a,
.category:has(.subcat_title) div#breadcrumbs a,
.category-vakansiyi div#breadcrumbs span,
.category:has(.subcat_title) #breadcrumbs span {
color: #fff !important;
}
.subcat_title {
margin-top: 15px;
}
.post-type-archive-companies.open-menu header#masthead {
background: #2A2D25;
}
.post-type-archive-companies.open-menu header#masthead .nav_menu-wrapper {
background: #2A2D25;
}
.single-companies.open-menu header#masthead {
background: #2A2D25;
}
.single-companies.open-menu header#masthead .nav_menu-wrapper {
background: #2A2D25;
}
/* .item-tab.item-hover-tab-1.active_vacancy {
background: #1D2435;
} */
/* .item-tab.item-hover-tab-1 {
background-image: url(/wp-content/uploads/2024/08/vakan-bg-1.jpg);
background-size: cover;
} */
/* .item-tab.item-hover-tab-1.active_vacancy .title_tab-value {
color: #fff;
} */
/* .item-tab.item-hover-tab-1 .title_tab-value {
color: #fff;
} */
/* .item-tab.item-hover-tab-1.active_vacancy .arrow-faq {
background: url('data:image/svg+xml,');
} */
/* .item-tab.item-hover-tab-1 .arrow-faq {
background: url('data:image/svg+xml,');
} */
/* .item-tab.item-hover-tab-2.active_vacancy,
.item-tab.item-hover-tab-4.active_vacancy {
background: #17385B;
} */
/* .item-tab.item-hover-tab-2,
.item-tab.item-hover-tab-4 {
background: #17385B;
}
.item-tab.item-hover-tab-2 {
background-image: url(/wp-content/uploads/2024/08/vakan-bg-2.jpg);
background-size: cover;
}
.item-tab.item-hover-tab-3 {
background-image: url(/wp-content/uploads/2024/08/vakan-bg-3.jpg);
background-size: cover;
}
.item-tab.item-hover-tab-5 {
background: #1D2435;
}
.item-tab.item-hover-tab-6 {
background: #FFDD00;
}
.item-tab.item-hover-tab-7 {
background: #17385B;
}
.item-tab.item-hover-tab-8 {
background-image: url(/wp-content/uploads/2024/08/vakan-bg-1.jpg);
background-size: cover;
}
.item-tab.item-hover-tab-9 {
background-image: url(/wp-content/uploads/2024/08/vakan-bg-2.jpg);
background-size: cover;
}
.item-tab.item-hover-tab-10 {
background-image: url(/wp-content/uploads/2024/08/vakan-bg-3.jpg);
background-size: cover;
}
.item-tab.item-hover-tab-11 {
background-image: url(/wp-content/uploads/2024/08/vakan-bg-1.jpg);
background-size: cover;
} */
/* .item-tab.item-hover-tab-2.active_vacancy .title_tab-value,
.item-tab.item-hover-tab-4.active_vacancy .title_tab-value {
color: #fff;
} */
/* .item-tab.item-hover-tab-2 .title_tab-value,
.item-tab.item-hover-tab-3 .title_tab-value,
.item-tab.item-hover-tab-4 .title_tab-value,
.item-tab.item-hover-tab-5 .title_tab-value,
.item-tab.item-hover-tab-7 .title_tab-value,
.item-tab.item-hover-tab-9 .title_tab-value,
.item-tab.item-hover-tab-10 .title_tab-value,
.item-tab.item-hover-tab-11 .title_tab-value,
.item-tab.item-hover-tab-8 .title_tab-value {
color: #fff;
} */
/* .item-tab.item-hover-tab-2.active_vacancy .arrow-faq,
.item-tab.item-hover-tab-4.active_vacancy .arrow-faq {
background: url('data:image/svg+xml,');
} */
/* .item-tab.item-hover-tab-2 .arrow-faq,
.item-tab.item-hover-tab-3 .arrow-faq,
.item-tab.item-hover-tab-4 .arrow-faq,
.item-tab.item-hover-tab-5 .arrow-faq,
.item-tab.item-hover-tab-7 .arrow-faq,
.item-tab.item-hover-tab-9 .arrow-faq,
.item-tab.item-hover-tab-10 .arrow-faq,
.item-tab.item-hover-tab-11 .arrow-faq,
.item-tab.item-hover-tab-8 .arrow-faq {
background: url('data:image/svg+xml,');
} */
/* .item-tab.item-hover-tab-2.active_vacancy span.item-company-vacancy,
.item-tab.item-hover-tab-4.active_vacancy span.item-company-vacancy,
.item-tab.item-hover-tab-1.active_vacancy span.item-company-vacancy {
color: #fff;
} */
/* .item-tab.item-hover-tab-2 span.item-company-vacancy,
.item-tab.item-hover-tab-4 span.item-company-vacancy,
.item-tab.item-hover-tab-1 span.item-company-vacancy,
.item-tab.item-hover-tab-3 span.item-company-vacancy,
.item-tab.item-hover-tab-5 span.item-company-vacancy,
.item-tab.item-hover-tab-7 span.item-company-vacancy,
.item-tab.item-hover-tab-8 span.item-company-vacancy,
.item-tab.item-hover-tab-9 span.item-company-vacancy,
.item-tab.item-hover-tab-10 span.item-company-vacancy,
.item-tab.item-hover-tab-11 span.item-company-vacancy,
.item-tab.item-hover-tab-1 span.item-company-vacancy {
color: #fff;
} */
/* .item-tab.item-hover-tab-3.active_vacancy {
background: #FD0;
} */
/* .item-tab.item-hover-tab-3.active_vacancy .title_tab-value {
color: #fff;
} */
.roty_lists-vacancy {
position: relative;
z-index: 91;
}
.item-tab {
position: relative;
overflow: hidden;
}
span.work_item_hover_text.vacancy_hover-text {
bottom: 0;
right: unset;
left: 20px;
text-align: right;
z-index: 0;
top: unset;
opacity: 0;
transition: all 0.4s ease-in-out;
display: flex;
justify-content: flex-end;
align-self: flex-end;
flex-direction: column;
font-size: 90px;
pointer-events: none;
}
img.work_item_hover_img {
position: absolute;
right: 0;
top: unset;
bottom: -55px;
align-self: center;
opacity: 0;
transition: all 0.4s ease-in-out;
max-width: max-content;
z-index: -1;
}
.item-tab.active_vacancy img.work_item_hover_img {
scale: 0.6;
right: -70px;
}
.item-tab.item-hover-tab-5 img.work_item_hover_img,
.item-tab.item-hover-tab-6 img.work_item_hover_img,
.item-tab.item-hover-tab-7 img.work_item_hover_img,
.item-tab.item-hover-tab-8 img.work_item_hover_img {
height: 220px;
bottom: -4px;
}
/* .active_vacancy span.work_item_hover_text.vacancy_hover-text {
opacity: 1;
} */
span.work_item_hover_text.vacancy_hover-text {
opacity: 1;
}
/* .active_vacancy img.work_item_hover_img {
opacity: 1;
} */
img.work_item_hover_img {
opacity: 1;
}
.vacancy_lists {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 0;
}
.top_slider_wrapper {
/* display: none !important; */
height: 100%;
}
.top_slider_item {
position: relative;
}
.top_slider_item:nth-child(1) .slider_sub_title img {
width: 500px;
}
.top_slider_wrapper .slick-list,
.top_slider_wrapper .slick-track {
height: 100%;
}
.top_slider_wrapper .slick-arrow {
position: absolute;
top: 50%;
translate: 0 -50%;
left: 70px;
z-index: 10;
background: transparent;
border: unset;
width: 40px;
height: 40px;
font-size: 1px;
color: transparent;
cursor: pointer;
padding: 0;
}
.top_slider_wrapper .slick-arrow:before {
content: '';
position: absolute;
width: 40px;
height: 40px;
background-image: url(/wp-content/uploads/2024/07/slider-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
}
.top_slider_wrapper .slick-next {
left: unset;
right: 70px;
}
.top_slider_wrapper .slick-next:before {
rotate: 180deg;
}
.slider_sub_title:has(img) {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.h1_block_title {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 62px;
text-transform: uppercase;
text-align: center;
color: #fff;
max-width: 1215px;
margin: 0 auto;
}
.h1_block_title span {
color: #fd0;
}
.h1_block {
background: #193351;
padding: 100px 0;
position: relative;
isolation: isolate;
z-index: 5;
/* overflow: hidden; */
}
.h1_block_bg {
position: absolute;
top: 0;
left: 50%;
translate: -50% 0;
z-index: -1;
}
.scroll_down_btn {
position: absolute;
left: 50%;
translate: -50% 0;
bottom: -25px;
width: 50px;
height: 50px;
border-radius: 50%;
background: white;
display: flex;
justify-content: center;
align-items: center;
}
.scroll_down_btn svg {
transition: 0.6s;
}
.scroll_down_btn:hover svg {
translate: 0 3px;
}
.header_phone {
color: white;
text-decoration: none;
font-weight: 600;
font-size: 16px;
white-space: nowrap;
}
.header_phone_mob {
display: none;
}
.page-template-page-territory {
background-color: #52591F;
/* background-image: url(/wp-content/uploads/2024/11/ter-bg.svg); */
background-image: url(/wp-content/uploads/2024/11/ter-bg2.svg);
/* background-repeat: no-repeat;
background-size: cover; */
}
.page-template-page-territory header#masthead.header-inner-page {
background: transparent;
}
.page-template-page-territory #breadcrumbs {
padding-top: 112px;
}
.page-template-page-territory header#masthead.fixedHeader {
background: #52591F;
}
.page-template-page-territory div#breadcrumbs span,
.page-template-page-territory div#breadcrumbs a {
color: white !important;
}
.territory_title_wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
position: relative;
}
.territory_title span {
font-size: 56px;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -1;
}
.territory_title img {
width: 100%;
height: 100%;
display: block;
filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.7));
}
.territory_title {
margin: 0;
padding: 0;
}
.territory_content {
margin-top: 116px;
}
.territory_item {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.territory_item_img img {
width: 100%;
height: 100%;
display: block;
filter: drop-shadow(0px 0px 33px rgba(0, 0, 0, 0.5));
}
.territory_item_txt {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 47px;
}
.territory_item_txt_wrapper p {
text-align: center;
font-size: 18px;
color: white;
margin-top: 0;
line-height: 130%;
}
.territory_item_center .territory_item_side:first-child {
grid-column: 2 / 2;
}
.territory_item_txt h2 {
font-weight: 700;
font-size: 28px;
text-transform: uppercase;
text-align: center;
color: #fff;
margin-top: 0;
padding-bottom: 0;
}
.form_wrapper.form_wrapper_territory {
background: transparent;
}
.terr_title {
font-weight: 700;
font-size: 50px;
text-transform: uppercase;
text-align: center;
color: #fff;
margin-bottom: 75px;
font-family: "Martian Mono", monospace;
}
.form_wrapper_territory .form_main-title {
font-family: "Martian Mono", monospace;
}
.form_wrapper_territory {
margin-top: 105px;
}
.form_wrapper_territory .form_title {
color: white;
font-family: "Martian Mono", monospace;
}
.form_wrapper_territory input::placeholder,
.form_wrapper_territory textarea::placeholder {
color: white;
}
.form_wrapper_territory input:hover,
.form_wrapper_territory textarea:hover {
border: 1px solid white;
}
.form_wrapper_territory .bottom-upload-text,
.form_wrapper_territory .bottom-upload-btn,
.form_wrapper_territory .form_bottom_text p,
.form_wrapper_territory .text_agree_form p,
.form_wrapper_territory .text_agree_form p a {
color: white;
}
.form_wrapper_territory .btn-submit-form input {
color: #0a0a0a;
background: #fd0;
height: 50px;
border: 1px solid #fd0;
}
.form_wrapper_territory .btn-submit-form input:hover {
border: 1px solid white;
background: transparent;
color: white;
}
.form_wrapper_territory p:has(.wpcf7-submit) {
position: relative;
}
.form_wrapper_territory p:has(.wpcf7-submit):before {
content: '';
position: absolute;
left: 14px;
top: 0;
background-image: url(/wp-content/uploads/2024/11/form-icon.svg);
width: 50px;
height: 50px;
display: block;
background-size: 100%;
}
.form_wrapper_territory .form-bottom-upload {
display: none;
}
.form_wrapper_bottom_txt {
font-weight: 700;
font-size: 35px;
text-transform: uppercase;
text-align: center;
color: #fff;
font-family: "Martian Mono", monospace;
margin-top: 33px;
}
.page-template-page-territory footer#colophon {
background: #2a3114;
}
.arrov_vak {
filter: invert(1);
}
.item-tab-list {
background-image: unset !important;
}
.flex_faq_row_p {
gap: 50px;
}
.liga_top_section {
background-image: url(/wp-content/uploads/2024/12/background_1.webp);
background-repeat: no-repeat;
/* height: 100vh; */
padding-top: 100px;
background-size: cover;
background-position: top;
}
body:has(.liga_top_section) header {
background: transparent !important;
}
body:has(.liga_top_section) header.fixedHeader {
background: #17385b !important;
}
body:has(.liga_top_section) div#breadcrumbs span,
body:has(.liga_top_section) div#breadcrumbs a {
color: #fff !important;
}
.liga_text_top {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.default_title_liga,
.default_subtitle_liga {
font-weight: 700;
font-size: 56px;
line-height: 130%;
text-align: center;
color: #fff;
margin: 0;
padding: 0;
}
.default_subtitle_liga {
font-size: 45px;
}
.descr_top_liga {
font-weight: 400;
font-size: 24px;
line-height: 128%;
letter-spacing: 0.02em;
text-align: center;
color: #fefeff;
padding-top: 25px;
}
.main_companies-row .liga_text_top {
flex-basis: 100%;
}
.main_companies-row:has(.liga_text_top) {
margin-top: 2rem;
}
.region_wrapper_liga {
justify-content: center;
border-bottom: unset;
}
.region_wrapper_liga .region_lists {
justify-content: center;
gap: 37px;
flex-basis: 100%;
}
.region_wrapper_liga .region_lists a {
max-width: 125px;
}
.region_wrapper_liga {
padding-bottom: 100px;
}
.liga_top_slogan {
padding: 70px 0;
background: #394323;
}
.liga_top_slogan_txt {
font-weight: 600;
font-size: 35px;
line-height: 130%;
text-align: center;
color: #fff;
}
.liga_posts .company_lists {
margin-top: 0 !important;
}
.liga_posts {
padding: 50px 0 80px;
background-image: url(/wp-content/uploads/2024/12/background_2.webp);
/* background-repeat: no-repeat; */
/* background-size: cover; */
background-position: center;
}
.liga_posts .company_video {
max-width: 433px;
}
.liga_posts .video {
min-height: unset;
height: 255px;
}
.liga_posts .company_region,
.liga_posts .main-img {
display: none;
}
.liga_posts .company_title_text {
font-weight: 700;
font-size: 21px;
line-height: 130%;
color: #fff;
padding-left: 124px;
margin-bottom: 25px;
position: absolute;
top: 33%;
left: 5%;
}
.liga_posts .company_title {
width: 100%;
position: relative;
isolation: isolate;
margin-bottom: 15px;
}
.liga_posts .company_lists {
/* display: grid; */
display: flex;
justify-content: center;
flex-wrap: wrap;
/* grid-template-columns: repeat(2, 1fr); */
column-gap: 60px;
}
.company_title_bg {
/* position: absolute; */
width: 100%;
/* height: 162px;
left: -23px;
top: 32%;
translate: 0 -50%;
z-index: -1; */
}
.liga_posts .company_title_text_black,
.liga_posts .company_title_text_black a {
color: #000;
}
.video_wrapper {
display: flex;
align-items: center;
gap: 22px;
width: 100%;
}
.liga_posts .company_video {
flex-basis: 63%;
}
.results_img {
flex-basis: 37%;
}
.results_img img {
width: 100%;
}
.company_lists_btn {
border-radius: 3px 32px 32px 3px;
padding: 0 94px 0 31px;
height: 57px;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 27px auto 0;
font-weight: 600;
font-size: 17px;
letter-spacing: 0.02em;
text-align: center;
color: #000;
text-decoration: none;
position: relative;
}
.company_lists_btn svg {
position: absolute;
top: 50%;
translate: 0 -50%;
right: -7px;
height: 122%;
}
.company_lists_btn_white {
color: white;
}
.liga_posts .video-layer iframe,
.liga_posts .video-layer {
height: 100%;
}
.field_text {
font-weight: 700;
font-size: 21px;
text-align: center;
color: #fff;
/* position: absolute; */
/* left: 50%; */
/* translate: -50% 0; */
/* top: 20px; */
margin-bottom: 50px !important;
flex-basis: 100% !important;
width: 100%;
}
.form_wrapper_liga_title {
font-weight: 700;
font-size: 45px;
line-height: 87%;
text-align: center;
color: #1e1e1e;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 695px;
height: 127px;
background-image: url(/wp-content/uploads/2024/12/form-title-bg.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
margin: -131px auto 48px;
}
div#request_form.form_wrapper_liga {
overflow: unset;
}
.form_wrapper_liga .form_title,
.form_wrapper_liga .form_input input,
.form_wrapper_liga .form_input textarea,
.form_wrapper_liga .form_input input::placeholder,
.form_wrapper_liga .form_input textarea::placeholder,
.form_wrapper_liga .bottom-upload-text,
.form_wrapper_liga .bottom-upload-btn,
.form_wrapper_liga .files-to-load,
.form_wrapper_liga .form_bottom_text p,
.form_wrapper_liga .text_agree_form p,
.form_wrapper_liga .text_agree_form p a {
color: white;
}
.form_wrapper_liga .form_input input:focus,
.form_wrapper_liga .form_input textarea:focus,
.form_wrapper_liga .form_input input:hover,
.form_wrapper_liga .form_input textarea:hover {
border-color: white;
}
.form_wrapper_liga .btn-submit-form input:hover {
color: white;
border: 1px solid white;
}
.form_wrapper_liga {
padding: 68px 0 50px;
}
.form_bottom_text_liga {
display: block;
font-weight: 700;
font-size: 24px;
text-align: end;
color: #fff;
margin-top: 100px;
}
.content_cont {
padding-top: 80px;
}
.contr_top_wrapper {
display: flex;
align-items: center;
gap: 50px;
}
.contr_top_side_l {
flex-basis: 55%;
}
.contr_top_side_r {
flex-basis: 45%;
position: relative;
}
.video_txt {
position: absolute;
left: 20px;
bottom: 12px;
font-size: 24px;
color: white;
z-index: 2;
}
.contr_top_section {
/* background: #9DD8F7; */
background-image: url(/wp-content/uploads/2025/05/section_1.webp);
background-repeat: repeat;
}
.contr_top {
padding: 100px 0;
}
.contr_top_section div#breadcrumbs {
padding-top: 1rem;
}
.contr_top_title {
margin-bottom: 0;
padding-bottom: 0;
}
.contr_top_title_top {
font-weight: 700;
font-size: 65px;
text-transform: uppercase;
color: #17385b;
display: block;
margin-bottom: 10px;
white-space: nowrap;
}
.contr_top_title_bottom {
font-weight: 700;
font-size: 65px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
white-space: nowrap;
}
.contr_top_side_r .video-preview:before {
display: none;
}
.contr_top_side_l .slider_btn {
justify-content: flex-start;
margin-top: 32px;
}
.contr_top_side_r .video-preview {
background-position: center;
}
.contr_top_side_r .video-preview svg {
opacity: 0;
}
.contract_pidroz {
background: #17385b;
padding: 80px 0;
position: relative;
isolation: isolate;
}
.contract_pidroz_bg {
position: absolute;
z-index: -1;
}
.contract_pidroz_bg_l {
bottom: 0;
left: 0;
}
.contract_pidroz_bg_r {
top: 0;
right: 0;
}
.contract_pidroz_title {
font-weight: 700;
font-size: 35px;
text-transform: uppercase;
text-align: center;
color: #fff;
margin-top: 0;
text-align: center;
margin-bottom: 60px;
padding-bottom: 0;
}
.contract_pidroz_wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
}
.contract_pidroz_wrapper .contract_pidroz_item svg {
transition: 0.4s;
}
.contract_pidroz_wrapper .contract_pidroz_item svg:hover {
scale: 1.1;
}
.contract_pidroz .video-preview:before {
display: none;
}
.contract_pidroz_block_title {
display: flex;
align-items: center;
gap: 30px;
margin-top: 50px;
margin-bottom: 27px;
}
.contract_pidroz_block_title h3 {
font-weight: 600;
font-size: 27px;
line-height: 142%;
color: #fff;
margin: 0;
}
.contract_pidroz_descr {
font-weight: 300;
font-size: 18px;
line-height: 142%;
color: #fff;
}
.contract_pidroz_descr_bottom {
font-weight: 500;
}
.contract_pidroz_txt_bottom {
background: #fd0;
padding: 40px 80px;
font-weight: 600;
font-size: 23px;
text-align: center;
color: #17385b;
margin-top: 80px;
}
.contract_pidroz_txt_bottom p {
margin: 0;
}
.vacansies_bri {
/* background: #4B4E25; */
padding: 80px 0;
background-image: url(/wp-content/uploads/2025/05/bg-green.png);
background-repeat: repeat;
}
.vacansies_bri_title {
font-weight: 700;
font-size: 35px;
text-transform: uppercase;
text-align: center;
color: #fff;
margin-bottom: 60px;
margin-top: 0;
}
.vacansies_bri_wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.vacansies_bri_item_pic {
position: relative;
overflow: hidden;
}
.vacansies_bri_item_pic img {
width: 100%;
}
.vacansies_bri_item_pic_txt {
display: flex;
align-items: center;
position: absolute;
top: 17px;
left: 17px;
right: 0;
z-index: 5;
}
.vacansies_bri_item_pic_txt svg {
margin-right: -3px;
min-width: 52px;
}
.vacansies_bri_item_pic_txt span {
display: flex;
background: #fff;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 26px;
letter-spacing: 0.02em;
text-transform: uppercase;
text-align: center;
color: #121c2c;
height: 52px;
width: 100%;
}
.vacansies_bri_item_vacs p {
margin: 0;
font-weight: 600;
font-size: 16px;
line-height: 140%;
text-align: center;
color: #fff;
}
.vacansies_bri_item_vacs {
height: 135px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 25px;
}
.vacansies_bri_item_bottom {
padding: 25px;
}
.vacansies_bri_item {
background: #6f7341;
}
.vacansies_bri_bottom_info {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
margin-top: 80px;
}
.vacansies_bri_bottom_info_l {
display: flex;
align-items: center;
gap: 40px;
max-width: 890px;
}
.vacansies_bri_bottom_info_l svg {
min-width: 83px;
}
.vacansies_bri_bottom_info_txt {
font-weight: 600;
font-size: 23px;
line-height: 130%;
color: #fff;
}
.vacansies_bri_bottom_info_txt a {
text-decoration: underline;
text-decoration-skip-ink: none;
color: #fd0;
}
.vacansies_bri_bottom_info_r a {
border: 1px solid #fff;
border-radius: 3px;
padding: 0 65px;
height: 67px;
background: transparent;
font-weight: 600;
font-size: 15px;
letter-spacing: 0.02em;
text-transform: uppercase;
text-decoration: none;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
white-space: nowrap;
}
.vacansies_bri_bottom_info_r a:hover {
background: #fff;
color: #4B4E25;
}
.text_img_block_item_flex {
display: flex;
align-items: center;
gap: 80px;
}
.text_img_block_item_flex:has(.calculator_wrapper) {
gap: 40px;
}
.text_img_block_item_switch .text_img_block_item_flex {
flex-direction: row-reverse;
}
.text_img_block {
padding: 80px 0 100px;
/* background: #9DD8F7; */
background-image: url(/wp-content/uploads/2025/05/section_1.webp);
background-repeat: repeat;
}
.text_img_block_item_title {
font-weight: 700;
font-size: 35px;
text-transform: uppercase;
text-align: center;
color: #17385b;
margin: 0 0 60px;
padding-bottom: 0;
}
.text_img_block_item {
margin-bottom: 80px;
}
.text_img_block_item:last-child {
margin-bottom: 0;
}
.text_img_block_item_side {
flex-basis: 50%;
}
.text_img_block_item_side img {
width: 100%;
}
.text_img_block_item_side_btn {
display: none;
}
.text_img_block_item_side_btn.btn_show {
display: block;
}
.text_img_block_item_side_img {
position: relative;
overflow: hidden;
}
.text_img_block_item_side_img_t {
position: absolute;
bottom: 30px;
right: 0;
display: flex;
align-items: center;
isolation: isolate;
}
.text_img_block_item_side_img_t:before {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 58px;
background: #fd0;
z-index: -1;
}
.text_img_block_item_side_img_t svg {
min-width: 95px;
min-height: 95px;
margin-right: -2px;
}
.text_img_block_item_side_img_intext {
height: 95px;
display: flex;
justify-content: center;
align-items: center;
background: #fd0;
}
.text_img_block_item_side_img_intext span {
font-weight: 700;
font-size: 23px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #121c2c;
display: block;
max-width: 285px;
}
.text_img_block_item_side_txt p {
margin-top: 0;
}
.text_img_block_item_side_txt p,
.text_img_block_item_side_txt ul li,
.text_img_block_item_side_txt ol li {
font-weight: 300;
font-size: 18px;
line-height: 142%;
color: #17385b;
}
.text_img_block_item_side_txt a {
color: white;
text-decoration: unset;
}
.text_img_block_item_side_img {
display: block;
margin-bottom: 40px;
}
.text_img_block_item_side_btn .slider_btn {
justify-content: flex-start;
}
.bottombaner_contr {
padding: 80px 0;
background: #17385b;
position: relative;
isolation: isolate;
}
.bottombaner_contr_bg {
position: absolute;
z-index: -1;
}
.bottombaner_contr_bg_l {
left: 0;
bottom: 0;
}
.bottombaner_contr_bg_r {
top: 0;
right: 0;
}
.bottombaner_contr_title {
font-weight: 700;
font-size: 35px;
text-transform: uppercase;
text-align: center;
color: #fff;
margin-bottom: 60px;
}
.bottombaner_contr_wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.bottombaner_contr_img img {
display: block;
width: 100%;
}
.form_wrapper_contract {
background: unset;
background-image: url(/wp-content/uploads/2025/05/section_1.webp);
background-repeat: repeat;
}
.faq_answer-inner a {
color: #FD0;
text-decoration: underline;
}
.contr_top {
padding: 60px 0 100px;
}
.contr_top .contr_top_side_r img {
width: 100%;
}
.contr_top .contr_top_side {
flex-basis: 50%;
}
.recrut_top_title {
font-weight: 700;
font-size: 40px;
text-transform: uppercase;
color: #17385b;
margin-bottom: 25px;
font-family: "Martian Mono", monospace;
margin-top: 0;
padding-bottom: 0;
}
.recrut_top_descr p {
font-weight: 300;
font-size: 18px;
line-height: 142%;
color: #17385b;
margin-top: 0;
margin-bottom: 15px;
}
.recrut_top_addrs {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
font-weight: 600;
font-size: 20px;
text-align: center;
color: #17385b;
background: #FFDD00;
margin-top: 25px;
}
.gives {
padding: 80px 0;
background: #17385b;
}
.content_contrecrut h2 {
font-weight: 700;
font-size: 35px;
text-transform: uppercase;
text-align: center;
color: #17385b;
font-family: "Martian Mono", monospace;
margin-top: 0;
margin-bottom: 60px;
padding-bottom: 0;
}
.content_contrecrut h2.gives_title {
color: #fff;
}
.content_contrecrut h2.gives_title_intxt {
color: #fff;
text-align: left;
font-size: 35px;
margin-bottom: 30px;
}
.gives_wrapper {
display: flex;
align-items: center;
gap: 80px;
}
.gives_side {
flex-basis: 50%;
}
.gives_side img {
width: 100%;
}
.gives_side_descr p {
font-weight: 300;
font-size: 18px;
line-height: 142%;
color: #fff;
margin-top: 0;
}
.gives_side_descr p a {
color: #fd0;
}
.gives_side_descr ol,
.recrut_top_descr.who_we_descr ol {
counter-reset: list-counter;
list-style: none;
padding-left: 80px;
}
.recrut_top_descr.who_we_descr ol {
padding-left: 0;
}
.gives_side_descr ol li,
.recrut_top_descr.who_we_descr ol li {
font-weight: 500;
font-size: 18px;
line-height: 142%;
color: #fff;
margin-bottom: 26px;
position: relative;
}
.recrut_top_descr.who_we_descr ol li {
color: #193351;
display: flex;
align-items: center;
gap: 25px;
}
.gives_side_descr ol li:before,
.recrut_top_descr.who_we_descr ol li:before {
content: counter(list-counter);
counter-increment: list-counter;
position: absolute;
left: -75px;
top: 50%;
transform: translateY(-50%);
width: 54px;
min-width: 54px;
height: 54px;
border-radius: 50%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 27px;
line-height: 150%;
color: #193351;
}
.recrut_top_descr.who_we_descr ol li:before {
background-color: #193351;
color: #fff;
left: 0;
transform: unset;
position: relative;
}
.who_we {
padding: 100px 0;
background-image: url(/wp-content/uploads/2025/05/section_1.webp);
background-repeat: repeat;
}
.content_contrecrut h2.who_we_title {
text-align: left;
margin-bottom: 25px;
}
.looking {
padding: 80px 0 100px;
background-image: url(/wp-content/uploads/2025/05/bg-green.png);
background-repeat: repeat;
}
.content_contrecrut h2.looking_title {
color: #fff;
margin-bottom: 30px;
}
.looking_wrapper {
display: flex;
gap: 40px;
}
.looking_side {
flex-basis: 50%;
background: #6f7341;
padding: 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.looking_side_width {
flex-basis: 100%;
}
.looking_side_descr p {
font-weight: 300;
font-size: 18px;
line-height: 142%;
text-align: center;
color: #fff;
margin-top: 0;
margin-bottom: 0;
}
.looking_side_descr {
min-height: 77px;
margin-bottom: 25px;
}
.looking_side_add {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.looking_position {
background: #616435;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 16px;
line-height: 140%;
color: #fff;
height: 57px;
text-decoration: none;
transition: 0.3s;
border: 1px solid transparent;
}
.looking_position:hover {
border: 1px solid #fff;
}
.looking .slider_btn {
margin-top: 22px;
}
.looking_bottom_txt {
background: #fd0;
padding: 40px 80px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 23px;
text-align: center;
color: #121c2c;
margin-top: 30px;
}
.looking_bottom_txt p {
margin: 0;
}
.txt_other {
margin-top: 10px;
font-weight: 300;
font-size: 18px;
line-height: 142%;
text-align: center;
color: #fff;
}
.join {
padding: 80px 0 100px;
background-image: url(/wp-content/uploads/2025/05/section_1.webp);
background-repeat: repeat;
}
.join_wrapper {
display: flex;
align-items: center;
gap: 80px;
}
.join_side {
flex-basis: 50%;
}
.join_side img {
width: 100%;
}
.join_wrapper_top {
margin-bottom: 60px;
}
.faq_wrapper_title {
text-align: left !important;
}
.join_wrapper_top_r {
flex-direction: row-reverse;
}
.join_descr_middle {
margin-bottom: 60px;
}
.join_side_desc p,
.join_descr_middle p {
font-weight: 300;
font-size: 18px;
line-height: 142%;
color: #17385b;
}
.join_side_desc p a,
.join_descr_middle p a {
color: #17385b;
}
.join_side_desc_y {
margin-top: 30px;
background: #fd0;
padding: 25px 30px;
font-weight: 500;
font-size: 19px;
line-height: 142%;
text-align: center;
color: #17385b;
}
.join_side_desc ul {
list-style-type: disc;
padding-left: 20px;
}
.join_side_desc ul li {
font-weight: 600;
font-size: 18px;
line-height: 142%;
color: #17385b;
}
.content_contrecrut h2.join_side_title {
text-align: left;
margin-bottom: 25px;
}
.footer-social ul li svg {
width: 55px;
}
.footer-social ul li {
margin-right: 18px;
}
.thx_section {
display: flex;
justify-content: center;
align-items: center;
background-image: url(/wp-content/uploads/2025/05/thanks_page_v1.jpg);
background-repeat: repeat;
height: 100vh;
}
.thx_section_wrapper {
display: flex;
flex-direction: column;
align-items: center;
max-width: 770px;
width: 100%;
}
.thx_section_title {
font-weight: 700;
font-size: 35px;
text-transform: uppercase;
text-align: center;
color: #17385b;
margin: 45px 0 20px;
}
.thx_section_subtitle {
font-weight: 300;
font-size: 18px;
line-height: 142%;
text-align: center;
color: #17385b;
}
.thx_section_link {
background: #17385b;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 5px;
padding: 0 64px;
height: 60px;
margin-top: 45px;
font-weight: 600;
font-size: 15px;
letter-spacing: 0.02em;
text-transform: uppercase;
text-align: center;
text-decoration: unset;
color: #fff;
transition: 0.3s;
border: 1px solid #17385b;
}
.thx_section_link:hover {
border: 1px solid #17385b;
background: transparent;
color: #17385b;
}
.calculator_wrapper {
margin-bottom: 30px;
}
.white_space {
white-space: nowrap;
}
.calculator_wrapper table {
border-collapse: collapse;
width: 100%;
max-width: 1200px;
}
.white_back {
background: white;
color: #000;
}
.calculator_wrapper th,
.calculator_wrapper td {
border: 1px solid #73adca;
padding: 6px 10px;
text-align: left;
}
.calculator_wrapper td,
.calculator_wrapper td input {
font-size: 12px;
}
.calculator_wrapper th {
background-color: #17385b;
color: white;
height: 41px;
}
.highlight-yellow,
.highlight-yellow input {
background-color: #FD0;
}
/* .highlight-green {
background-color: #c6efce;
} */
.calculator_wrapper .bold {
font-weight: bold;
}
.calculator_wrapper .center {
text-align: center;
}
.calculator_wrapper tr {
background: #c7ecff;
}
.calculator_wrapper .gray_line {
background: #17385b;
color: #fff;
height: 41px;
}
.calculator_wrapper .gray_line td {
text-align: center;
font-size: 14px;
}
.calculator_wrapper tr input {
border: unset;
}
.contract_seo h2 {
margin-top: 10px;
color: white;
font-size: 28px;
padding-bottom: 0;
margin-bottom: 8px;
}
.contract_seo {
padding: 65px 0;
background-image: url(/wp-content/uploads/2025/05/bg-green.png);
background-repeat: repeat;
}
.contract_seo p,
.contract_seo li {
color: white;
font-size: 16px;
line-height: 135%;
}
.contract_seo a {
color: #c7c7ff;
}
.contract_seo p {
margin-top: 0;
}
.contract_seo_wrapper {
width: 70%;
height: 525px;
overflow: auto;
padding-right: 20px;
}
.contract_seo .container {
display: flex;
justify-content: center;
}
.contract_seo_wrapper::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 28px;
}
.contract_seo_wrapper::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 28px;
}
.contract_seo_wrapper::-webkit-scrollbar {
width: 5px;
border-radius: 28px;
}
.contract_faq .faq_lists {
max-width: 100%;
}
.contract_faq .default-title {
font-size: 35px;
text-align: center;
}
.contract_pidroz_item_img img {
width: 100%;
}
.custom-number-input {
display: inline-flex;
align-items: center;
/* border: 1px solid #ccc; */
border-radius: 6px;
overflow: hidden;
}
.custom-number-input input[type=number] {
-moz-appearance: textfield;
appearance: textfield;
width: 30px;
text-align: center;
border: none;
outline: none;
}
.custom-number-input input::-webkit-inner-spin-button,
.custom-number-input input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.white_back td {
background-color: white;
border: 1px solid transparent;
}
.text_al_center {
text-align: center !important;
}
.custom-number-input button {
background-color: transparent;
border: unset;
border: none;
width: 30px;
height: 36px;
font-size: 18px;
cursor: pointer;
}
/* .custom-number-input button:hover {
background-color: #e0e0e0;
} */
.contract_regions_title {
font-weight: 700;
font-size: 35px;
text-transform: uppercase;
text-align: center;
color: #fff;
margin-bottom: 25px;
}
.contract_regions {
margin-top: 80px;
}
.contract_regions_subtitle {
font-weight: 400;
font-size: 24px;
text-align: center;
color: #fff;
margin-bottom: 60px;
}
.contract_regions_tabs {
display: flex;
gap: 20px;
padding-bottom: 36px;
margin-bottom: 80px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.contract_regions_tabs_title {
flex-basis: 40%;
font-weight: 700;
font-size: 32px;
line-height: 127%;
color: #fff;
}
.contract_regions_tabs_wrapper {
flex-basis: 60%;
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: flex-start;
margin-top: 4px;
max-height: 55px;
overflow: hidden;
}
.contract_regions_tabs_wrapper.open_tabs {
max-height: 500px;
overflow: unset;
}
.contract_regions_tabs_block:has(.show_all_regions_btn.show) .contract_regions_tabs_wrapper {
max-height: 50px;
}
.contract_regions_tabs_block:has(.show_all_regions_btn.show) .contract_regions_tabs_wrapper.open_tabs {
max-height: 500px;
}
.contract_regions_tabs_item {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #fff;
border-radius: 4px;
padding: 0 20px;
height: 36px;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.02em;
text-transform: uppercase;
text-align: center;
color: #fff;
cursor: pointer;
transition: 0.3s;
}
.contract_regions_tabs_item:hover,
.contract_regions_tabs_item.active {
color: #FFDD00;
border: 1px solid #FFDD00;
}
.contract_regions_wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 70px;
row-gap: 100px;
}
.contract_regions_item {
display: flex;
/* align-items: center; */
gap: 40px;
}
a.contract_regions_item {
text-decoration: unset;
}
a.contract_regions_item:hover h3 {
color: #FD0;
}
a.contract_regions_item:hover .contract_regions_item_town_i {
color: #FD0;
}
.contract_regions_item_name h3 {
font-weight: 700;
font-size: 50px;
text-transform: uppercase;
color: #fff;
margin-top: 0;
margin-bottom: 15px;
transition: 0.3s;
}
.contract_regions_item_town {
font-weight: 600;
font-size: 18px;
line-height: 165%;
color: #fff;
position: relative;
padding-left: 42px;
transition: 0.3s;
}
.contract_regions_tabs_block {
display: flex;
flex-direction: column;
flex-basis: 60%;
align-items: flex-start;
}
.show_all_regions_btn {
display: inline-flex;
justify-content: center;
align-items: center;
transition: 0.3s;
height: 36px;
padding: 0 20px;
border: 1px solid #FD0;
background: #FD0;
color: #000;
font-size: 16px;
border-radius: 4px;
cursor: pointer;
overflow: hidden;
max-height: 0;
opacity: 0;
visibility: hidden;
}
.show_all_regions_btn.show {
opacity: 1;
visibility: visible;
max-height: 37px;
margin-bottom: 15px;
}
.show_all_regions_btn:hover {
border: 1px solid #FD0;
background: transparent;
color: #FD0;
}
.contract_regions_item_town:before {
content: '';
position: absolute;
left: 0;
top: 50%;
translate: 0 -50%;
width: 27px;
border-top: 1px solid #fff;
}
.show_more_tabs {
background: transparent;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.02em;
text-transform: uppercase;
text-align: center;
color: #fd0;
border: 1px solid #fd0;
border-radius: 4px;
padding: 0 20px;
height: 36px;
cursor: pointer;
transition: 0.3s;
margin-right: 5px;
}
.show_more_tabs:hover {
border: 1px solid #fd0;
background: #fd0;
color: #000;
}
@media(min-width: 1700px) {
.show_more_tabs {
margin-right: 0;
}
}
.vacancy_lists_sub {
display: block;
}
.horizontal-container {
justify-content: center;
}
.header_en_btn {
display: flex;
justify-content: center;
align-items: center;
background: transparent;
transition: 0.3s;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.02em;
text-transform: uppercase;
text-align: center;
color: #fff;
border: 1px solid #fff;
border-radius: 4px;
padding: 12px 15px;
/* height: 45px; */
text-decoration: none;
}
.header_en_btn:hover {
border: 1px solid #fff;
background: #fff;
color: #000;
}
.button_header_wrapper {
display: flex;
align-items: center;
gap: 15px;
}
.header_en_btn_mob {
display: none;
}
.category-blog .item-tab {
background: transparent !important;
}
.form_row_bottom {
margin-top: 0;
}
.form_row_title {
margin: 0;
}
.form_row_title p {
margin-top: 0;
margin-bottom: 10px;
text-align: center;
font-size: 18px;
color: #17385B;
}
.form_row_title_b {
margin-top: 30px;
}
.vacansy_seo_txt h2 {
color: white;
font-size: 30px;
}
.vacansy_seo_txt p,
.vacansy_seo_txt li {
font-size: 18px;
color: white;
}
.vacansy_seo_txt a {
color: #FFDD00;
}
.vacansy_seo_txt {
margin-bottom: 80px;
}
@media (max-height: 730px) and (max-width: 767px) {
.popup_wrapper.in {
height: 100%;
overflow-y: scroll;
}
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media (min-width: 991px) {
.faq_lists-main-inner {
position: sticky;
top: 120px;
}
}
@media (max-width: 1680px) {
.navbar-nav li {
margin: 0px 12px;
}
.default-btn {
padding: 12px 14px;
}
.container {
max-width: 1640px;
padding: 0px 4rem;
}
.contr_top_side_r .video {
min-height: 357px;
}
}
@media (max-width: 1550px) {
.main-404 {
min-height: 100vh;
bottom: 0;
}
.main-404 img {
min-height: 100vh;
}
}
@media (max-width: 1440px) {
.contract_regions_wrapper {
column-gap: 50px;
}
.contract_regions_item_town {
font-size: 19px;
}
.contract_regions_item_name h3 {
font-size: 44px;
}
.contr_top_side_r .video {
min-height: 320px;
}
.content_cont {
padding-top: 77px;
}
html {
font-size: 85%;
}
.contr_top_title_bottom {
font-size: 54px;
}
.contr_top_title_top {
font-size: 55px;
}
.text_img_block_item_flex {
gap: 50px;
}
/* .vacancy_lists .item-tab {
min-height: 253px;
max-height: 253px;
} */
section.error-404.not-found {
position: relative;
height: 100vh;
overflow: hidden;
}
.way_item-num:before {
background-size: cover;
}
h1.title-404 {
font-size: 300px;
margin-top: 3rem;
}
.popup_body_inner .form_bottom_text {
max-width: 100%;
}
.main-content-404 {
margin-top: 7rem;
}
.text_agree_form p {
margin-top: 1rem;
}
.popup_body_inner .form_bottom_text p {
font-size: 1rem;
}
.popup_body_inner .btn-submit-form input {
max-width: 350px;
font-size: 1rem;
padding: 12px 0px;
}
}
@media (max-width: 1380px) {
.contr_top_side_r .video {
min-height: 305px;
}
}
@media (max-width: 1360px) {
html {
font-size: 80%;
}
.navbar-nav li a {
font-size: 14px;
}
.default-btn {
font-size: 12px;
}
.navbar-nav li {
margin: 0px 20px;
}
.vacancy-actions.d-flex.align-center {
flex-direction: column;
align-items: baseline;
}
.way_wrapper h2.default-title {
font-size: 2.5rem;
}
}
@media only screen and (max-width: 1280px) {
html {
font-size: 80%;
}
h1.default-title {
font-size: 2rem;
}
.contr_top_title_top {
font-size: 51px;
}
.contract_pidroz_block_title h3 {
font-size: 24px;
}
.vacansies_bri_item_pic_txt span {
font-size: 18px;
}
.vacansies_bri_item_vacs p {
font-size: 14px;
}
.vacansies_bri_item .slider_btn .default-btn {
height: 39px;
}
.vacansies_bri_bottom_info_txt {
font-size: 21px;
}
.vacansies_bri_bottom_info_r a {
padding: 0 40px;
}
.contr_top_title_bottom {
font-size: 50px;
}
.main_companies-row {
margin: 3rem 0;
}
.main_companies-row>div {
flex-basis: calc(50% - 30px);
}
.company_lists>div {
flex-basis: calc(50% - 30px);
margin-bottom: 70px;
}
.region_item {
padding: 0.8rem;
}
.company_title_text {
font-size: 2rem;
}
.company_region {
font-size: 1.1rem;
}
.company_desc {
font-size: 1.1rem;
}
.video {
min-height: 320px;
}
.contr_top_side_r .video {
min-height: 285px;
}
}
@media screen and (max-width: 1199px) {
.contract_regions_wrapper {
grid-template-columns: repeat(2, 1fr);
}
html {
font-size: 70%;
}
.work_item {
height: 35vh;
}
.container {
padding: 0px 10px;
}
.way_item-num:before {
content: "";
min-width: 6.4rem;
height: 6.4rem;
left: -1.8rem;
top: -1.9rem;
transition: all 0.5s ease-in-out;
opacity: 0;
}
.region_wrapper {
padding-bottom: 30px;
}
.video {
min-height: 280px;
}
.video-layer iframe {
height: 280px;
}
div#company_lists {
margin-top: 3rem;
}
}
@media (max-width: 1100px) {
.protect_logo {
margin-right: 10px;
}
.navbar-nav li {
margin: 0px 10px;
}
.default-btn {
padding: 12px 30px;
}
.bottom_item_text {
font-size: 1.2rem;
}
h2.default-title {
font-size: 2rem;
}
.way_wrapper h2.default-title {
font-size: 2rem;
}
.meet_title {
font-size: 2rem;
margin-bottom: 2rem;
}
.meet_name {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.meet_text p {
margin-top: 0;
font-size: 1.2rem;
line-height: 1.6;
}
.meet_row>div {
flex-basis: calc(50% - 30px);
}
.faq_lists {
margin-top: 2rem;
}
.faq_title {
font-size: 1.8rem;
}
.faq_subtitle {
font-size: 1.2rem;
}
.footer-contact ul li a {
font-size: 1rem;
}
.footer-contact ul li span {
font-size: 1rem;
margin-right: 5px;
}
.footer-contact ul li {
margin-bottom: 1rem;
}
.footer-social ul li svg {
max-width: 45px;
}
.footer-logo>img:first-child {
margin-right: 10px;
}
.form_main-title {
font-size: 2.2rem;
}
.way_dragonfly img {
max-width: 53px;
}
.way_dragonfly {
left: -24px;
}
.main-content-404 {
margin-top: 7rem;
}
.main-content-404 {
position: absolute;
bottom: 19vh;
left: 0;
right: 0;
}
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
.header_phone {
display: none;
}
html {
font-size: 80%;
}
.contr_top_side_r .video {
min-height: 210px;
}
.contr_top_title_top {
font-size: 25px;
}
.contr_top_title_bottom {
font-size: 55px;
}
.contr_top_side_l {
flex-basis: 50%;
}
.contr_top_side_r {
flex-basis: 50%;
}
.contr_top_wrapper {
gap: 30px;
}
.contract_pidroz_wrapper {
gap: 25px;
}
.contract_pidroz_block_title h3 {
font-size: 20px;
}
.contract_pidroz_descr {
font-size: 16px;
}
.vacansies_bri_wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.vacansies_bri_item_pic_txt span {
height: 56px;
}
.vacansies_bri_item .slider_btn .default-btn {
height: 49px;
}
.vacansies_bri_bottom_info_l {
gap: 25px;
}
.text_img_block_item_side_img_intext span {
font-size: 21px;
}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
.contract_regions_tabs_title {
flex-basis: 28%;
font-size: 20px;
}
.contract_regions_tabs_wrapper {
gap: 10px;
max-height: 44px;
flex-basis: 68%;
}
.contract_regions_item {
gap: 25px;
}
.contract_regions_item_town {
font-size: 16px;
}
.contract_regions_wrapper {
row-gap: 55px;
}
.contract_regions_item_name h3 {
font-size: 38px;
}
.contract_regions_tabs_item,
.show_more_tabs {
font-size: 12px;
padding: 0 15px;
}
.text_img_block_item_side {
flex-basis: 100%;
width: 100%;
}
html {
font-size: 80%;
}
.contract_pidroz_title,
.vacansies_bri_title,
.text_img_block_item_title,
.bottombaner_contr_title,
.form_wrapper_contract .terr_title {
font-size: 28px;
margin-bottom: 40px;
}
.content_cont {
padding-top: 60px;
}
.text_img_block_item_flex {
flex-direction: column;
gap: 10px;
}
.contr_top_wrapper {
flex-direction: column;
}
.recrut_top_title {
font-size: 28px;
}
.content_contrecrut h2 {
font-size: 26px;
}
.gives {
padding: 60px 0;
}
.gives_wrapper {
flex-direction: column-reverse;
}
.content_contrecrut h2 {
margin-bottom: 20px;
}
.looking_wrapper {
flex-direction: column;
gap: 15px;
}
.looking_side_descr {
min-height: unset;
}
.join_wrapper_top {
flex-direction: column;
gap: 20px;
margin-bottom: 30px;
}
.join_descr_middle {
margin-bottom: 30px;
}
.join {
padding: 55px 0 35px;
}
.join_wrapper {
flex-direction: column-reverse;
gap: 15px;
}
.flex_faq_row {
flex-direction: column;
gap: 30px;
}
.gives_wrapper {
gap: 20px;
}
.content_contrecrut .contr_top {
padding: 30px 0 60px;
}
.content_contrecrut .who_we {
padding: 50px 0 60px;
}
.looking {
padding: 55px 0 65px;
}
.text_img_block {
padding-bottom: 70px;
}
.text_img_block_item {
margin-bottom: 38px;
}
.page-template-page-contract .content_cont {
padding-top: 60px;
}
.text_img_block_item_switch .text_img_block_item_flex {
flex-direction: column;
}
.contr_top_title_bottom {
font-size: 35px;
}
.text_img_block_item_side .text_img_block_item_side_btn {
margin-bottom: 28px;
}
.contr_top_title_top {
font-size: 36px;
}
.territory_item_img_r {
display: none;
}
.territory_item {
grid-template-columns: repeat(2, 1fr);
}
.territory_item_center .territory_item_txt {
display: none;
}
.h1_block_title {
font-size: 36px;
}
.h1_block {
padding: 65px 0;
}
.h1_block_bg {
height: 100%;
}
.top_slider_wrapper .slick-arrow:before {
width: 13px;
height: 22px;
}
.top_slider_wrapper .slick-arrow {
left: -3px;
}
.top_slider_wrapper .slick-next {
right: 8px;
left: unset;
}
.slider_sub_title {
font-size: 41px;
}
.slider_title {
font-size: 21px;
}
.vacancy_lists {
grid-template-columns: repeat(2, 1fr);
}
.button-header {
display: none;
}
.top_slider_wrapper .slick-arrow {
z-index: 5;
}
.header_phone {
display: none;
}
.header_phone_mob {
display: block;
}
.whyus_item_title {
padding: 1rem 1.5rem;
font-size: 1.3rem;
}
.why_us {
padding: 3rem 0;
}
.meet_wrapper {
padding: 3rem 0;
}
.way_title-inner {
padding: 3rem 0;
}
.way_item {
padding: 3rem 0;
}
.way_item.last-way-item {}
.faq_wrapper {
padding: 3rem 0;
}
.work_wrapper {
padding: 3rem 0;
}
.work_item {
height: 30vh;
}
a.work_item-inner {
padding: 1.5rem;
}
.mob_menu-bottom {
display: block;
}
.visible-xs {
display: block;
}
.work_text_bottom {
font-size: 1.2rem;
margin: 2rem 0;
}
.place_wrapper {
padding: 3rem 0;
}
.place_subtitle {
font-size: 1.2rem;
}
.place_lists {
padding: 1.5rem;
margin-top: 1.5rem;
}
.place_link {
margin-top: 1.5rem;
}
.form_wrapper {
padding: 3rem 0;
}
.form_bottom_text p {
margin: 1.5rem 0;
}
footer#colophon {
padding-top: 3rem;
}
.nav_menu-inner button.popupUp.default-btn {
width: calc(100% - 40px);
margin-top: -10px;
margin-left: auto;
margin-right: auto;
}
.nav_menu-wrapper {
overflow-y: scroll;
}
.footer-copyright {
padding: 2rem 0;
margin-top: 2rem;
}
header#masthead {
padding: 1.5rem 0;
}
.protect_logo img {
max-width: 140px;
}
.navbar-brand a img {
max-width: 130px;
}
button.navbar-toggler {
display: block;
background: transparent;
border: none;
}
span.navbar-toggler-icon span {
display: block;
height: 3px;
width: 30px;
border-radius: 30px;
background: #fff;
margin: 5px 0px;
}
header#masthead {
padding: 15px 0px;
}
.open-menu .nav_menu-wrapper {
transform: translate(0px, 0px);
opacity: 1;
visibility: visible;
}
.mob_menu-bottom .footer-title {
font-size: 13px;
max-width: 300px;
}
.mob_menu-bottom {
padding: 20px;
}
.mob_menu-social {
margin-top: 30px;
}
.nav_menu-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: auto;
}
.navbar-toggler,
.navbar-brand {
z-index: 9;
position: relative;
}
.open-menu {
overflow: hidden;
}
.open-menu span.navbar-toggler-icon span {
transition: all 0.4s ease-in-out;
}
.open-menu span.navbar-toggler-icon span:nth-child(2) {
opacity: 0;
}
.open-menu span.navbar-toggler-icon span:nth-child(1) {
transform: rotate(45deg);
position: relative;
top: 8px;
}
.open-menu span.navbar-toggler-icon span:nth-child(3) {
transform: rotate(-45deg);
position: relative;
top: -8px;
}
.nav_menu-wrapper {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
height: 100vh;
background: #133151;
transition: all 1s ease-in-out;
transform: translate(0px, -100%);
opacity: 0;
margin-top: 60px;
padding-bottom: 60px;
visibility: hidden;
overflow: scroll;
}
ul#menu-menu-1 {
flex-direction: column;
justify-content: center;
align-items: center;
}
.navbar-nav li {
margin: 0px 15px;
padding: 15px 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
width: calc(100% - 40px);
text-align: center;
}
.navbar-nav li:last-child {
border: none;
}
.footer-row>div {
flex-basis: 33%;
}
.main_companies-row>div {
flex-basis: calc(50% - 10px);
}
h1.default-title {
font-size: 1.6rem;
margin-bottom: 1rem;
}
.companis_main-desc {
font-size: 1rem;
}
.region_wrapper h2 {
flex-basis: 180px;
}
.region_lists {
flex-basis: calc(100% - 180px);
}
.region_wrapper {
margin-bottom: 3rem;
}
.company_lists>div {
flex-basis: calc(50% - 10px);
margin-bottom: 30px;
}
.video {
min-height: 180px;
}
.video-layer iframe {
height: 180px;
}
.video-preview svg {
width: 100px;
}
span.main-img img {
max-width: 60px;
}
span.main-img {
margin-right: 20px;
}
.way_item.hover-add .way_image {
transform: scale(1);
}
.way_item.hover-add .way_image:before {
opacity: 0;
}
.way_item.hover-add .way_item-num {
background: #193351;
color: #fff;
}
.way_item.hover-add .way_item-num:before {
opacity: 1;
}
.work_link_bottom {
margin-top: 2rem;
}
.single-post div#main {
padding-top: 90px;
}
.post-thumbnail {
flex-basis: 33.33% !important;
}
.single-content {
flex-basis: 65% !important;
}
h2.default-title {
font-size: 1.5rem;
}
.way_wrapper h2.default-title {
font-size: 1.5rem;
}
.single-row {
margin-bottom: 3rem;
}
.action_btns {
margin-top: 1.5rem;
}
.company_video.company_video-single-item {
width: 100%;
margin-top: 2rem;
}
.open-menu header#masthead {
background: #133151;
}
/* section.error-404.not-found {
min-height: 400px;
} */
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
html {
font-size: 80%;
}
.slider_title {
font-size: 16px;
}
.slider_sub_title {
font-size: 28px;
}
.bottom_animation_text {
display: none;
}
.bottom_slider_inner>div.bottom_item_text {
font-size: 10px;
margin: 0px 5px;
}
.bottom_slider-text.start-bottom-text {
bottom: 20px;
}
.whyus_item {
flex-basis: calc(50% - 0px);
height: 35vw;
}
.whyus_item_title {
font-size: 13px;
box-sizing: border-box;
height: 100%;
}
.d-flex.align-center.meet_row {
display: block;
}
.meet_image {
margin-bottom: 20px;
}
.way_item-inner.d-flex.flex-wrap {
flex-direction: column-reverse;
padding-left: 25px;
}
.way_item-num {
position: absolute;
top: 50%;
left: 0;
}
.inner-page-wrapper {
margin: 2rem 0 1rem;
}
.way_image {
flex-basis: 100%;
transform: scale(1);
width: 100%;
height: 100%;
transform-origin: unset;
}
.way_image img {
width: 100%;
height: 100%;
}
.way_item {
padding-top: 0;
}
.flex_faq_row.d-flex.align-center {
flex-direction: column;
}
.form_wrapper-row {
flex-direction: column;
}
.form_block {
margin-right: 0;
margin-bottom: 20px;
}
.place_wrapper-row {
flex-direction: column-reverse;
}
.place_lists-wrapper {
width: 100%;
margin-bottom: 20px;
}
.place_main-img {
margin-right: 0;
}
.work_item {
flex-basis: 50%;
height: 51vw;
}
.work_lists {
flex-wrap: wrap;
}
.work_item-title {
font-size: 16px;
}
.faq_title {
font-size: 20px;
}
.faq_subtitle {
font-size: 14px;
margin-top: 10px;
}
.work_lists {
margin-top: 0;
}
.work_lists_items {
flex-basis: 100%;
}
span.work_item_hover_text {
font-size: 60px;
}
.form_main-title {
font-size: 22px;
padding: 2rem;
}
.footer-logo img {
max-width: 60%;
}
.footer-logo {
justify-content: space-between;
}
.footer-row>div {
flex-basis: 100%;
}
.footer-menu {
flex-basis: 100% !important;
margin-top: 20px;
margin-bottom: 20px;
}
.footer-title {
font-size: 16px;
margin-bottom: 10px;
}
.footer-copyright {
flex-direction: column;
}
.way_subtitle {
font-size: 14px;
}
.way_image {
margin-bottom: 10px;
}
.way_item_title {
font-size: 22px;
}
.way__item_description p {
font-size: 14px;
}
.way__item_description li {
font-size: 14px;
}
.faq_item {
padding: 10px;
}
span.arrow-faq {
min-width: 13px;
margin-left: 10px;
}
span.faq_item_question {
font-size: 14px;
}
.faq_lists-main {
margin-top: 20px;
}
.form_row {
margin-top: 15px;
}
.contact_inner_title {
font-size: 1.2rem;
margin: 0;
}
.footer-social ul li svg {
height: auto;
}
.contact_inner-block {
margin-bottom: 1.5rem;
}
.contact_inner-block a {
font-size: 1.5rem;
}
.faq_lists_wrapper {
margin-right: 0;
width: 100%;
}
.single-row {
flex-direction: column;
}
.post-thumbnail {
margin-top: 3rem;
}
.roty_lists a,
.roty_lists span {
font-size: 10px;
padding: 8px;
}
.main_404-desc {
font-size: 16px;
}
.main-content-404 {
position: absolute;
bottom: 19vh;
left: 0;
right: 0;
}
}
@media (max-width: 768px) {
.work_item {
flex-basis: 100%;
/* height: calc(100vw - 4rem); */
height: auto;
}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media (max-width: 650px) {
.contract_regions_title {
font-size: 20px;
}
.contract_regions_subtitle {
font-size: 18px;
margin-bottom: 40px;
}
.contract_regions_tabs_wrapper {
flex-basis: 100%;
width: 100%;
}
.contract_regions_tabs_item,
.show_more_tabs {
font-size: 11px;
padding: 0 10px;
}
.contract_regions_tabs {
flex-direction: column;
align-items: center;
padding-bottom: 18px;
margin-bottom: 30px;
}
.contract_regions_item_name h3 {
font-size: 26px;
margin-bottom: 5px;
}
.calculator_wrapper {
overflow: auto;
}
.contract_regions_item_i img {
width: 50px;
}
.contract_regions_wrapper {
row-gap: 40px;
grid-template-columns: repeat(1, 1fr);
}
.contract_regions {
margin-top: 30px;
}
.thx_section_wrapper {
padding: 0 15px;
}
.thx_section_wrapper svg {
width: 150px;
}
.thx_section_title {
font-size: 24px;
margin: 20px 0;
}
.thx_section_subtitle {
font-size: 16px;
}
.gives_side_descr p {
font-size: 16px;
}
.gives_side_descr ol li {
font-size: 16px;
}
.gives_side_descr ol li:before {
width: 45px;
min-width: 45px;
height: 45px;
left: -58px;
}
.content_contrecrut h2.gives_title_intxt {
font-size: 20px;
}
.recrut_top_descr.who_we_descr ol li {
gap: 14px;
}
.recrut_top_descr.who_we_descr ol li {
font-size: 16px;
}
.looking_side_add {
grid-template-columns: repeat(1, 1fr);
}
.looking_side {
padding: 23px;
}
.looking_side_descr p {
font-size: 15px;
}
.looking_position {
font-size: 14px;
}
.gives_side_descr {
/* padding-left: 55px; */
padding-left: 0;
}
.recrut_top_title {
font-size: 24px;
}
.looking_position {
height: 48px;
height: auto;
padding: 15px;
text-align: center;
}
.join_side_desc_y {
padding: 16px 20px;
font-size: 16px;
}
.looking_bottom_txt {
padding: 20px;
font-size: 16px;
}
.join_side_desc p,
.join_descr_middle p {
font-size: 16px;
}
.contr_top_wrapper {
flex-direction: column;
}
.recrut_top_descr p {
font-size: 16px;
}
.recrut_top_addrs {
font-size: 18px;
}
.content_contrecrut h2 {
font-size: 20px;
}
.contr_top_side_r {
flex-basis: 100%;
width: 100%;
}
.contr_top_title_top {
font-size: 22px;
text-align: center;
display: block;
}
.contr_top_side_l .slider_btn {
margin-top: 10px;
justify-content: center;
}
.contr_top_side .video {
min-height: 200px;
}
.contr_top_side.video-layer iframe {
height: 200px;
}
.contr_top {
padding: 50px 0;
}
.contr_top_title_bottom {
font-size: 20px;
text-align: center;
display: block;
}
.contract_pidroz {
padding: 50px 0;
}
.contract_pidroz_title,
.vacansies_bri_title,
.text_img_block_item_title,
.bottombaner_contr_title,
.form_wrapper_contract .terr_title {
font-size: 20px;
margin-bottom: 30px;
}
.contract_pidroz_wrapper {
grid-template-columns: repeat(1, 1fr);
}
.contract_pidroz_block_title h3 {
font-size: 18px;
}
.contract_pidroz_txt_bottom {
margin-top: 20px;
}
.vacansies_bri {
padding: 50px 0;
}
.vacansies_bri_wrapper {
grid-template-columns: repeat(1, 1fr);
gap: 15px;
}
.region_wrapper_liga .region_lists a {
max-width: unset;
width: 45%;
}
.vacansies_bri_item_vacs {
height: auto;
}
.vacansies_bri_bottom_info {
flex-direction: column;
align-items: center;
margin-top: 48px;
gap: 30px;
}
.vacansies_bri_bottom_info_txt {
font-size: 17px;
}
.text_img_block_item_side_img {
margin-bottom: 0;
}
.text_img_block_item_side_img_intext {
height: 60px;
padding-right: 15px;
}
.bottombaner_contr {
padding: 50px 0;
}
.bottombaner_contr_title {
margin-top: 0;
}
.bottombaner_contr_wrapper {
grid-template-columns: repeat(2, 1fr);
}
.text_img_block_item_side .text_img_block_item_side_btn {
margin-top: 20px;
}
.text_img_block_item_side_img_t svg {
min-width: 60px;
min-height: 60px;
width: 60px;
margin-right: -2px;
height: 60px;
}
.text_img_block {
padding: 50px 0;
}
.text_img_block_item_side_img_intext span {
font-size: 18px;
}
.default_title_liga {
font-size: 30px;
}
.vacansies_bri_bottom_info_l svg {
min-width: 60px;
}
.default_subtitle_liga {
font-size: 26px;
}
.region_wrapper_liga {
margin-bottom: 0;
}
.liga_top_slogan_txt {
font-size: 25px;
}
.liga_top_slogan {
padding: 40px 0;
}
.liga_posts .company_item {
flex-basis: 100%;
}
.liga_posts .company_title_text {
left: 22%;
top: 29%;
padding-left: 0;
font-size: 14px;
}
.company_lists_btn {
font-size: 13px;
}
.video_wrapper {
flex-direction: column;
}
.results_img {
flex-basis: 100%;
width: 100%;
}
.liga_posts .company_item {
margin-bottom: 60px;
}
.field_text {
font-size: 22px;
}
.form_wrapper_liga_title {
font-size: 28px;
width: 87%;
margin: -102px auto 0px;
}
.form_bottom_text_liga {
margin-top: 50px;
}
.liga_posts .company_video {
flex-basis: 100%;
width: 100%;
}
.terr_title {
margin-top: 0;
margin-bottom: 15px;
font-size: 24px;
}
.form_wrapper_territory .form_title {
font-size: 25px;
}
.form_wrapper_bottom_txt {
font-size: 22px;
}
.terr_title br {
display: none;
}
.form_wrapper_territory {
margin-top: 40px;
}
.territory_item {
grid-template-columns: repeat(1, 1fr);
}
.territory_title {
grid-column: 1 / 4;
margin-bottom: 20px;
}
.territory_item_txt_wrapper p {
margin-bottom: 0;
}
/* .territory_item {
display: flex;
flex-direction: column;
} */
.territory_item_img_r {
display: block;
}
.territory_title img {
width: 90%;
left: 50%;
position: relative;
translate: -50% 0;
}
.territory_content {
margin-top: 40px;
}
.page-template-page-territory #breadcrumbs {
padding-top: 70px;
}
.nav_menu-wrapper {
display: flex;
flex-direction: column;
justify-content: unset;
overflow: auto;
}
.top_slider_item:nth-child(1) .slider_sub_title img {
width: 100%;
}
.h1_block_title {
font-size: 25px;
}
.scroll_down_btn {
width: 30px;
height: 30px;
bottom: -15px;
}
.scroll_down_btn svg {
width: 13px;
}
.slider_sub_title img {
width: 50px;
}
.slider_sub_title {
font-size: 21px;
max-width: 270px;
margin: 0 auto 40px;
}
.slider_title {
font-size: 12px;
max-width: 255px;
max-width: 0 auto 14px;
}
.main_slider-image img {
object-position: 58% 100%;
}
.top_slider_item:nth-child(1) .slider_sub_title {
max-width: 240px;
}
.top_slider_item:nth-child(2) .main_slider-image img {
object-position: unset;
}
.top_slider_item:nth-child(3) .main_slider-image img {
object-position: 78% 100%;
}
.vacancy_lists {
grid-template-columns: repeat(1, 1fr);
}
.work_wrapper-title h2 span {
display: block;
}
.main_companies-row.d-flex.align-center {
display: block;
}
.companies_video {
margin-bottom: 20px;
}
.video {
min-height: 250px;
}
.main-content-404 {
position: absolute;
bottom: 10vh;
}
.region_wrapper {
display: block;
}
.region_lists {
margin-top: 20px;
justify-content: left;
}
.region_item {
margin-left: 0;
margin-right: 0.6rem;
}
button.btn_show-region {
margin-left: 0;
margin-right: 0.6rem;
font-size: 0.8rem;
padding: 0.5rem;
}
.company_lists>div {
flex-basis: 100%;
}
.video-layer iframe {
height: 250px;
}
.region_item {
font-size: 0.8rem;
padding: 0.5rem;
}
.faq-hidden-btn {
justify-content: left;
}
.flex_faq_row.d-flex {
display: block;
}
form#archive_search input {
width: 60%;
padding-left: 10px;
}
.work_lists_img {
display: none;
}
.category-vakansiyi .category-search {
padding: 70px 0 50px;
}
.vacancy_lists_cat {
flex-basis: 100%;
}
.faq_lists-main {
flex-direction: column-reverse;
gap: 40px;
}
.faq_lists_wrapper {
flex-direction: column;
}
}
@media only screen and (max-width: 480px) {
html {
font-size: 80%;
}
.bottom_slider_inner>div.bottom_item_text {
font-size: 9px;
margin: 0px 5px;
}
.work_item-title {
word-break: break-word;
}
.whyus_item {
flex-basis: calc(50% - 0px);
height: 40vw;
}
.whyus_item_title {
padding: 1rem 1rem;
}
.work_item {
flex-basis: 50%;
height: 43vw;
}
.work_item {
flex-basis: 100%;
/* height: calc(100vw - 4rem); */
height: auto;
}
.work_item-title {
font-size: 1.8rem;
}
.navbar-brand a img {
max-width: 130px;
width: 100%;
}
.protect_logo img {
max-width: 140px;
width: 100%;
}
.form_input input,
.form_input textarea {
font-size: 12px;
padding: 10px 8px;
}
h1.title-404 {
font-size: 120px;
}
.main-404 {
bottom: 0;
left: -26vw;
}
.main-404 img {
width: 170vw;
object-position: center;
}
}
@media (max-width: 360px) {
.bottom_slider_inner>div.bottom_item_text {
font-size: 9px;
margin: 5px 5px;
}
.bottom_slider_inner {
flex-direction: column;
}
.footer-logo img {
max-width: 60%;
width: 50%;
}
.f-basis-50 {
flex-basis: calc(100% - 12px);
}
}
/* TELEGRAM FIXED LINK START */
.telegram-fixed-link-block {
position: fixed;
bottom: 15px;
right: 15px;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
}
.telegram-fixed-link-block:after {
content: '';
position: absolute;
top: calc(-1 * 3px);
left: calc(-1 * 3px);
height: calc(100% + 3px * 2);
width: calc(100% + 3px * 2);
/*background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);*/
background: linear-gradient(60deg, #FD0, #476d95, #FD0, #3a95f3);
border-radius: 25px;
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;
background-size: 300% 300%;
}
@keyframes animatedgradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.telegram-fixed-link-img {
animation: animateTGicon 5s ease alternate infinite;
}
a.telegram-fixed-link {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
@keyframes animateTGicon {
0% {
transform: scale(0.85);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.85);
}
}
.telegram-fixed-link-block:before {
position: absolute;
top: 11px;
left: 10px;
background-color: #fbfbfb;
content: "";
width: calc(100% - 20px);
height: calc(100% - 20px);
border-radius: 25px;
transition: .2s;
transform: scale(0);
}
.telegram-fixed-link-block:hover:before {
transform: scale(1);
}
@media(max-width: 767px) {
.telegram-fixed-link-block:after {
border-radius: 21px;
}
img.telegram-fixed-link-img {
width: 45px;
}
.telegram-fixed-link-block {
width: 60px;
height: 60px;
}
}
/* TELEGRAM FIXED LINK END */
.post-template-default.single.single-post .work_lists .work_item-title {
position: relative;
z-index: 2;
}
.post-template-default.single.single-post .work_lists .work_item_hover_text {
z-index: 2;
}
.post-template-default.single.single-post .work_lists .work_item_img {
z-index: 1;
}
.category-vakansiyi .vacancy_lists .title_tab {
position: relative;
z-index: 1;
}
.category-vakansiyi .vacancy_lists .work_item_hover_img {
z-index: 2;
}
.category-vakansiyi .vacancy_lists .title_tab-value {
position: relative;
z-index: 2;
}
.category-vakansiyi .vacancy_lists .work_item_hover_img {
z-index: 1;
}
@media(max-width: 568px) {
span.faq_item_question {
max-width: 90%;
}
.category-vakansiyi .vacancy_lists .title_tab-value {
width: 90%;
}
.faq_wrapper_page span.faq_item_question {
max-width: 90%;
}
.contract_seo_wrapper {
width: 100%;
}
.contract_seo h2 {
font-size: 22px;
}
.contract_seo {
padding: 50px 0;
}
.contract_faq .default-title {
font-size: 20px;
}
.item__share {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 3rem;
margin-bottom: 0px;
flex-direction: column;
gap: 10px;
}
.container_blog {
padding: 0 !important;
}
.vacansy_seo_txt h2 {
font-size: 18px;
}
.vacansy_seo_txt p,
.vacansy_seo_txt li {
font-size: 16px;
}
.vacansy_seo_txt {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 480px) {
.whyus_item_title {
padding: 1rem 0.5rem;
}
.whyus_item_title svg {
margin-right: -18px;
}
}
@media(max-width: 1540px) {
.navbar-nav li {
margin: 0px 7px;
}
.button_header_wrapper {
gap: 10px;
}
.navbar-brand a img {
width: 100%;
max-width: 170px;
}
}
@media(max-width: 1344px) {
.navbar-nav li {
margin: 0px 8px;
}
}
@media(max-width: 1280px) {
.header_en_btn {
font-size: 11px;
}
.navbar-nav li {
margin: 0px 5px;
}
.navbar-nav li a {
font-size: 13px;
}
}
@media(max-width: 1024px) {
.header_en_btn {
display: none;
}
}
@media(max-width: 990px) {
.header_en_btn_mob {
display: flex;
width: calc(100% - 40px);
margin-top: 6px;
margin-left: auto;
margin-right: auto;
padding: 13px 15px;
}
.navbar-nav li a {
font-size: 14px;
}
}
@media(max-width: 425px) {
.tag_item {
padding: 5px 12px;
text-align: center;
box-sizing: content-box;
}
.footer-menu nav a {
padding-right: 10px;
}
}
@media(max-width: 375px) {
.tag_item {
padding: 5px 4px;
text-align: center;
}
}
@media(max-width: 320px) {
.tag_item {
padding: 5px 10px;
text-align: center;
}
.footer-logo>img:first-child {
width: 140px !important;
}
.footer-logo img:nth-child(2) {
width: 140px !important;
position: relative;
right: 10px;
}
.footer-social ul li {
margin-right: 16px;
}
}
/* vakansiyi */
body.category-vakansiyi .vacancy_lists {
display: flex;
flex-direction: column;
}
.page-template-page-contract h3.faq_item_question {
display: flex;
align-items: center;
color: #FFF;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 600;
line-height: 165%;
justify-content: space-between;
cursor: pointer;
margin-top: 0px;
margin-bottom: 0px;
}
@media (max-width: 568px) {
.page-template-page-contract h3.faq_item_question {
max-width: 90%;
}
.form_row_title_b {
margin-top: 13px;
}
}
@media only screen and (max-width: 768px) {
.page-template-page-contract h3.faq_item_question {
font-size: 14px;
}
}
.page-template-fullwidth h2.faq_item_question {
max-width: 100%;
color: #17385B;
display: flex;
align-items: center;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 600;
line-height: 165%;
justify-content: space-between;
cursor: pointer;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
transition: 0.3s;
}
/* .page-template-fullwidth h2.faq_item_question:hover {
background: #FD0;
} */
@media (max-width: 568px) {
.page-template-fullwidth .faq_wrapper_page h2.faq_item_question {
max-width: 90%;
}
}
@media only screen and (max-width: 768px) {
.page-template-fullwidth h2.faq_item_question {
font-size: 14px;
}
}
.home h3.faq_item_question {
max-width: 500px;
display: flex;
align-items: center;
color: #FFF;
font-family: Inter;
font-size: 1.2rem;
font-style: normal;
font-weight: 600;
line-height: 165%;
justify-content: space-between;
cursor: pointer;
margin-top: 0px;
margin-bottom: 0px;
}
@media (max-width: 568px) {
.home h3.faq_item_question {
max-width: 90%;
}
}
@media only screen and (max-width: 768px) {
.home h3.faq_item_question {
font-size: 14px;
}
}