@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,800;1,800&display=swap');

.vacancy-index-item-field-value i,
.vacancy-detail-offer-and-requirements .item i,
.vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button i { color: #003329!important; }

.vacancy-index-list-counter { display: inline-grid; place-items: center; padding: 0; width: 42px; height: 42px; text-align: center; color: #fff!important; }

.btn-slide{padding: 5px 15px;
    color: white !important;
    background-color: #FF6600;
    font-size: 20px;
    font-weight: bold;
    margin: 25px 0px 50px 0px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    transition:all 300ms ease-in-out;
    
    
}
.btn-slide:hover{background-color: rgb(144, 144, 144); text-decoration:none;}
.slider-image h1 {font-weight: 700; text-shadow: 0px 0px 0px #000000;     line-height: 55px; font-size:52px;}
.slider-image h2 {font-weight: 500; text-shadow: 0px 0px 0px #000000; line-height:50px; font-size:45px !important;}
.slider-image p{font-weight: 100;text-shadow: 0px 0px 0px #000000;}
.slider-image b{position:relative;padding: 10px 10px;}
.slider-image b:after{    content: '';
    background-color: #9fc54c;
    width: 100%;
    height: 50px;
    left: 0px;
    right: 0px;
    top:18px;
    z-index: -1;
    position: absolute;}


p, td, li, div, span {
   font-family: 'Open Sans Condensed', sans-serif !important;
   color: #7b7b7a !important;
   font-size: 19px!important;
   line-height: 28px!important;
}

h1, h2, h3, h4 {
    font-family: 'Open Sans', sans-serif !important;
    text-transform: none!important;
}

h1 {
    font-size: 55px!important;
}

h2 {
    font-size: 48px!important;
}


h3 {
    font-size: 24px!important;
    font-weight: 700!important;
}

p {
    font-size: 19px!important;
}

img.navbar-logo {
    max-height: 70px;
}

.navbar {
    background: #fff!important;
}
.navbar a{color:#7b7b7a !important;}

img.navbar-logo {
    max-height: 130px;
}

.btn-head{font-weight:600;}

@media only screen and (max-width: 600px) { 
    .slider-image h1{font-size: 30px !important; line-height: 35px !important; background-color: #fff !important;padding:20px;color:#000; text-align:left;} 
    .slider-image h2{font-size:30px !important; line-height:32px !important; background-color: #fff !important;padding:20px;color:#000;text-align:left;} 
    .slider-image p{font-size:18px !important; line-height:18px !important;background-color: #fff; padding: 20px;color:#000;text-align:left;}
    .slider-image b{color:#000;}
    .slider-on-box .slider-content { padding: 65px 20px 70px 20px;} 
    .slider-image a{margin-bottom:20px;}
    .btn-slide{margin-bottom:20px;}
      .is-wrapper > div.is-section-60{height:80% !important;}
    
}

.contact-footer a{color:#fff !important;}
.contact-info a{color:#7B7B7A;}

.vacancy-detail h2{font-size:1.3rem !important; font-weight:bold;}




/* VACANCY DETAIL 2021 */
:root {
    --vacancy-accent-color: 109, 187, 184;
}


.container_vacancy-detail .section_vacancy-detail-header .overlay {background-color: transparent;}
.container_vacancy-detail h1 {padding: 0; color: #9FC54D!important;}
.container_vacancy-detail h2 {font-weight: 600; font-size: 36px!important; color: #9FC54D!important;}
.container_vacancy-detail h3 {padding: 0; color: #9FC54D!important;}
.container_vacancy-detail .vacancy-detail-content strong {display: inline-block; margin-bottom: 0; margin-top: 8px;}
.container_vacancy-detail .vacancy-detail-offer-and-requirements {padding-top: 20px!important;}
.container_vacancy-detail .vacancy-detail-progress {padding-top: 20px!important;}
.container_vacancy-detail .vacancy-detail-offer-and-requirements .item div {font-weight: 600;}
.container_vacancy-detail p, .container_vacancy-detail li {font-size: 18px; line-height: 28px;}
.container_vacancy-detail .btn {padding: 10px 32px; font-weight: 600;}
.vacancy-detail-cta .btn {margin-top: 12px;}

.section_vacancy-detail-header.has-images .slides {height: 450px;}


.modal .modal-body i {color: rgb(var(--vacancy-accent-color));}


@media screen and (max-width: 792px) {
    .container_vacancy-detail .vacancy-info {display: block!important;}
    .container_vacancy-detail h3 {font-size: 20px!important;}
    .container_vacancy-detail h2 {font-size: 28px!important;}
    .container_vacancy-detail h1 {font-size: 36px!important;}
}

@media only screen and (max-width: 576px) {
    .section_vacancy-detail-header .slider .slide {
        height: 66%;
    }
}