/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

  /* cyrillic */
  @font-face {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

*{
    font-family: "Inter", sans-serif;
    scroll-behavior: smooth !important;
}

body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

button{
    outline: none;
    font-family: Poppins, sans-serif !important;
}

a{
    text-decoration: none;
}

ul li{
    list-style: none;
}

label {
    margin-bottom: 0 !important; 
}

/* @keyframes blinking {
    from {
        opacity: 0.8;
        color: red;
    } 

    to {
        opacity: 1; 
        color: red;
    }
} */

a, a:hover {
    text-decoration: none;
    color: #000;
}


.title-white {
    color: white;
}

.blinking {
    /* animation: blinking 1s ease-in-out 0s infinite alternate; */
    color: red; 
    font-weight: bold;
    opacity: 1;
    font-family: 'Open Sans'; 
}


.main-text{
    font-size: 65px;
    text-align: center;
    font-weight: 100;
    transition: all ease 0.5s;
    cursor: default;
    font-family: "Inter", sans-serif;
}

.text-center {
    text-align: center;
}

.nameVacansyInput {
    display: none;
    visibility: hidden;
    position: absolute;
    left: 9999px;
}

.border-red{
    border: 2px solid red;
    box-shadow: 0 0 10px rgba(255,0,0,0.5);
    outline: none;
}

.main-text:hover{
    transform: scale(1.01);
}


/* Scroll Style */
::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #477f8e;
    border-radius: 5px;
    transition: background 0.5s;
}

::-webkit-scrollbar-thumb:hover {
    background: #ff733f;
}
/*  */


.line {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 3px;
    background: #477f8e;
    border-radius: 5px;
    transition: all ease 0.5s;
}

.line:hover {
    transform: scale(1.10);
}

/* End standart styles */

.header{
    /* background: url(../images/newBackground.png) no-repeat; */
    /* background: url(../images/orange_bg.jpg) no-repeat; */
    /* background: url(../images/posterNew5.jpg) no-repeat; */
    /* background: aquamarine; */
    /* background-size: cover; */
    /* background-position: center; */
    height: auto;
    z-index: -3;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.header-img {
    background-size: cover !important;  
    background-position: center; 
    width: 100%;
}

.header_img_one {
    /* background: url(../images/IMG_2169.JPG) no-repeat;  */
    background: url(../images/bg-header.png) no-repeat;  
    /* background: url(../images/workPoland1.jpg) no-repeat;  */
    /* background-position: 0px -35px !important; */
}

.header_img_two {
    background: url(../images/bg_img_two.png) no-repeat; 
}

.second-managers-block {
    padding-bottom: 25px;
    margin-bottom: 15px;
    overflow: hidden;
}

.second-managers-block .block-head-text {
    margin-top: 10px;
}

.second-managers-block .managers-title {
    line-height: 1.4;
    margin-bottom: 10px;
    padding: 0 12px;
}

.scroll-opaticy{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255, 255, 255);
    opacity: 0;
}


.nav{
    background: transparent;
    width: 100%;
    height: 50px;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.9;
    transition: ease 0.5s;
}

.nav .container{
    position: relative;
}

.nav:hover{
    opacity: 1;
}

.nav-active{
    background: #fff !important;
    position: fixed;
    top: 0;
    border-bottom: 1px solid black;
}

.nav-active .main-list a{
    color: black !important;
}

.main-list{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.main-list li{
    padding: 10px 25px 13px 25px;
    transition: all 0.9s;
    border-bottom: 2px solid transparent;
}

.main-list a{
    color: #fff;
    transition: all 0.7s;
    font-weight: bold;
}

.main-list li:hover{
    /* transform: scale(1.04);  */
    border-bottom: 2px solid #477f8e;
    /* box-shadow: 0 6px 0 rgba(127, 255, 212, 0.5); */
}

.main-list li:hover a {
    /* color: aquamarine; */
    color: #fff;
    text-decoration: none;
}

.logo-block{
    display: flex;
    justify-content: flex-start;
}

.logo-block img{
    height: 48px;
    position: absolute;
    left: 0;
}

.first-managers-block {
    margin-top: 35px;
}

.block-head-text{
    text-transform: uppercase;
    text-align: left;
    margin-top: 50px;
    font-family: Poppins, sans-serif;
}

.block-head-text h3 {
    color: #fff;
    font-weight: 200;
    font-size: 30px;
}

.block-head-text h1 {
    color: white;
    font-size: 41px;
    position: relative;
    font-weight: bold;
    font-family: Poppins, sans-serif;
}


.block-head-text h2 {
    color: white;
    font-size: 20px;
    margin-top: 10px;
    /* width: 400px; */
    /* color: rgb(54, 58, 57); */
}

.block-head-form{
    height: auto;
    min-height: 200px;
    width: 700px;
    max-width: 450px;
    border-radius: 5px;
    border: 2px solid #477f8e;
    position: relative;
    background: transparent;
    z-index: 2;
    padding: 10px;
    max-height: 280px;
}

.form-head-block {
    position: relative;
    z-index: 10;
}

.block-head-form::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    /* background: linear-gradient(-90deg, #fff, rgba(255, 255, 255, 0.7)); */
    background: linear-gradient(-90deg, #ffffff93, rgb(255 255 255 / 64%));
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
}

/* .block-head-row{
    padding-top: 185px;
} */

.form-head-block h3 {
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 35px;
}



.block-head-form input {
    display: block;
    height: 40px;
    border-radius: 5px;
    border: 1px solid black;
    margin-top: 5px;
    width: 100%;
    padding-left: 25px;
}

.form-head-block {
    text-align: center;
}

.form-head-block .line {
    margin-bottom: 20px;
    margin-top: 14px;
}

.block-head-form button {
    display: block;
    background: #477f8e;
    border-radius: 5px;
    border: 1px solid transparent;
    color: white;
    width: 100%;
    margin-top: 15px;
    height: 40px;
}

.head-buttons{
    margin-top: 50px;
    padding-bottom: 25px;
}

.head-buttons a{
    text-decoration: none !important;
    text-transform: none;
}

.text-white {
    color: white;
    margin-bottom: 0;
    font-size: 17px;
}

.head-numbers {
    padding-left: 0;
    color: white;
    max-width: 100%;
    margin: 0 auto;
    list-style: none;
}

.head-numbers li:before,
.head-numbers.push li:before,
.head-numbers.push li:after {
    display: none !important;
    content: none !important;
}

.head-numbers li {
    padding: 10px 15px !important;
    color: white !important;
    text-align: center;
    position: relative;
    display: block;
    clear: both;
    font-variant: normal;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 15px;
    overflow: hidden;
}

.head-numbers a {
    color: white;
    font-weight: bold;
    padding-left: 0;
    font-size: 14px;
    float: none;
    display: block;
    text-align: center;
    width: 100%;
}

.head-numbers a:hover{
    color: #363636;
    font-weight: bold;
}

@media screen and (min-width: 1400px) {
    .first-managers-block .head-numbers {
        margin-left: 0;
        margin-right: auto;
    }

    .first-managers-block .head-numbers li,
    .first-managers-block .head-numbers a {
        text-align: left;
    }
}


.head-button-vacansy{
    display: block;
    margin: 40px auto 10px auto;
    border: 2px solid white;
    border-radius: 2px;
    background: transparent;
    color: white;
    font-weight: bold;
    transition: all 0.5s;
    width: 270px;
    height: 60px;
}

.head-button-comments{
    margin: 0px auto !important;
}

.head-button-vacansy:hover{
    background: #fff;
    color: black;
}

.arrow-head-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 70px;
    animation: arrowSwimming 1.7s infinite ease alternate;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
    padding: 0;
}

@keyframes arrowSwimming{
    from {
        bottom: -10px;
    }
    to{
        bottom: 0px;
    }
}

/* Styles for program */
.block-program{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    width: 400px;
    margin-top: 50px;
}

.box-program{
    margin: 0 20px;
}

.img-block{
    width: 400px;
    position: relative;
    overflow: hidden;
}

.img-block img{
    display: block;
    margin: 0 auto;
    width: 400px;
    border-radius: 2px;
    transition: ease 0.5s;
}

.img-block img:hover{
    transform: scale(1.04);
}

.img-block p{
    position: absolute;
    left: 0;
    bottom: -20px;
    background: hsla(0,0%,100%,.70);
    color: black;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 25px;
    width: 100%;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
}

.img-block p:hover{
    padding: 15px 25px;
}

.main-text-program {
    width: 400px;
    padding: 30px;
    position: relative;
}

.main-text-program .push{
    padding-left: 0;
    counter-reset: li; 
}

.main-text-program .push li{
    padding: 11px 0px 11px 23px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
}
.main-text-program .push li:before{
    content: counter(li);
    counter-increment: li;
    /* background: transparent; */
    top: 17px;
    color: white;
    width: 25px;
    height: 25px;
    text-align: center;
    left: -9px;
}


.main-text-program button{
    display: block;
    margin: 0 auto;
    background: #477f8e;
    border: 2px solid transparent;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    width: 325px;
    height: 60px;
    position: relative;
    top: 15px;
    transition: ease-in-out 0.5s;
}

.main-text-program button:hover{
    background: transparent;
    color: #477f8e;
    border: 2px solid #477f8e;
}


.rounded {
    counter-reset: li; 
    list-style: none; 
    font: 14px "Trebuchet MS", "Lucida Sans";
    padding: 0;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.rounded li {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    margin: .5em 0;
    background: #477f8e;
    color: #fff;
    text-decoration: none;
    border-radius: .3em;
    transition: .3s ease-out;
    cursor: pointer;
}

.rounded li:hover {background: #E9E4E0;}
.rounded li:hover:before {transform: rotate(360deg);}
.rounded li:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #03aea8;
height: 3em;
width: 3em;
line-height: 2.5em;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}

/*  */


/* Styles for vacansy */
.vacansy{
    margin-top: 30px;
    background: #f5f5f9;
    /* #fafafc */
    position: relative;
}

.vacansy .container{
    padding-left: 25px;
    padding-right: 25px;
}

.vacansy-box{
    margin-top: 12px;
}

.block-vacansy{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 2px;
    overflow: hidden;
    height: 465px;
}

.name-vacansy{
    color: #477f8e;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.5s;
}

.name-vacansy:hover{
    transform: scale(1.04);
}

.img-vacansy img{
    border-bottom: 2px solid #477f8e;
    transition: ease 0.5s;
    max-height: 175px;
    width: 100%;
}

.img-vacansy img:hover{
    transform: scale(1.04);
    border-bottom: 2px solid transparent;
}

.main-text-vacansy{
    padding: 10px;
}

.value-item p{ 
    font-weight: 300;
    font-size: 16px;
    color: black;
    margin-bottom: 0;
}

.salary > span{
    font-weight: bold;
    font-size: 22px;
}

.description-vacansy{
    font-weight: 300;
    padding: 10px 0;
}

.more-vacansy{
    display: block;
    margin: 0 auto;
    width: 90%;
    height: 45px;
    background: #477f8e;
    border: 1px solid transparent;
    color: white;
    border-radius: 2px;
    transition: all ease-in-out 0.5s;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.more-vacansy:hover{
    border: 1px solid #477f8e;
    background: transparent;
    color: #477f8e;
    font-weight: bold;
}

.all-vacansy-button{
    display: block;
    margin: 0 auto;
    width: 400px;
    height: 45px;
    background: #477f8e;
    border: 1px solid transparent;
    color: white;
    border-radius: 2px;
    transition: all ease-in-out 0.5s;
    font-weight: bold;
    margin-top: 60px;
    transition: all ease 0.5s;
}

.all-vacansy-button:hover{
    transform: scale(1.04);
}
/*  */

/* Styles for document */
.document{
    margin-top: 75px;
    position: relative;
    height: auto;
}

.document .line{
    margin-bottom: 30px;
}

.description-text-document p{
    font-weight: 300;
    color: #000;
    font-size: 17px;
    letter-spacing: 1px;
}

.push {
    list-style: none;
    font-family: "Lucida Sans";
}
  .push li {
    position: relative;
    padding: 18px 0 15px 40px;
    color: #000;
    font-variant: normal;
    font-weight: 300;
    cursor: pointer;
    letter-spacing: 1px;
    font-size: 15px;
  }

  .push li:before {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #477f8e;
    content: "";
    left: 0;
    transition: .3s ease-in-out;
    top: 27px;
  }
  .push li:after {
    position: absolute;
    border-left: 1px dotted #4F5151;
    width: 1px;
    bottom: -16px;
    content: "";
    left: 3px;
    top: 46px;
  }
.push li:hover:before{box-shadow: 0 0 0 10px rgba(0,0,0,.2)}
.push li:last-child:after {content: none;}

.buttons-vacansy-box{
    position: absolute;
    top: 45%;
    transform: translate(0%, -100%);
    width: 100%;
    /* height: 450px; */
}

.button-vacansy-prev{
    position: absolute;
    left: 0;
    transform: rotate(90deg);
    margin-left: 0px;
    margin-top: 2px;
}

.button-vacansy-next{
    position: absolute;
    right: 0;
    transform: rotate(-90deg);
    margin-left: 1px;
    margin-top: 3px;
}

.button-vacansy-prev, .button-vacansy-next{
    width: 35px;
    height: 35px;
    background: #477f8e;
    border-radius: 50%;
    color: white;
    cursor: pointer;
}
.button-vacansy-prev:before, .button-vacansy-next:before{
    content: '';
    background: url('../images/arrowsBottom.png');
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}
/*  */


/* Styles for main form */
.main-form{
    background: #fafafc;
    margin-top: 50px;
    margin-bottom: 25px;
}

.main-form-box{
    display: flex;
    justify-content: center;
    padding-bottom: 110px;
    padding-top: 50px;
    height: 100px;
}

.main-form-block input{
    border-radius: 2px;
    border: 1px solid #363636;
    width: 275px;
    height: 40px;
    font-weight: 300;
    padding-left: 10px;
}

.main-form-block select{
    width: 300px;
}

.main-form-block button{
    background: #477f8e;
    border: none;
    color: white;
    height: 40px;
    width: 250px;
    border-radius: 2px;
    display: block;
    margin: 10px auto;
}

.text-for-form{
    font-family: "Inter", sans-serif;
    font-weight: 200;
    font-size: 38px;
    text-align: center;
}
/*  */

.block-banner-inputs select{
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}

/* Styles for question block */

.questions {
    margin-bottom: 50px;
    /* background: #477f8e; */
    padding: 50px 0;
}
.question-block{
    /* margin-top: 50px; */
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #fff;
    margin: 50px 2px 0 2px;
    transition: all ease 1s;
}

.question-block.active{
    border-radius: 10px;
    margin: 50px 3px 0 3px;
}

.question-title{
    border-radius: 10px;
    cursor: pointer;
    font-family: "Inter", sans-serif;
}

.question-title h4{
    font-size: 30px;
    padding: 20px 0 20px 40px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
}

.answer{
    display: none;
}

.answer-line{
    width: 100%;
    height: 10px;
}

.answer p {
    padding: 20px 0 20px 40px;
    word-spacing: 1px;
    letter-spacing: 0.9px;
}
/*  */

/* Styles for Footer */
.footer{
    background: #363636;
}

.main-link-block{
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 3px solid rgba(255, 86, 23, 0.2);
}


.footer-list, .second-footer-list{
    margin-bottom: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    display: flex;
    justify-content: center;
}

.footer-list li{
    padding: 25px 40px;
    line-height: 25px;
}

.footer-list li:hover{
    animation: shakeLink 0.5s 1 ease alternate;
}

.footer-list a{
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}

.footer-list a:hover{
    text-decoration: none;
    color: #fff !important;
}

.second-footer-list {
    height: 150px;
}

.second-footer-list li{
    color: white;
    padding: 15px 35px;
}

.second-footer-list a{
    color: #929292 !important;
}

@keyframes shakeLink{
    0%{
        transform: scale(1.00);
        transform: rotate(0deg);
    }
    25%{
        transform: scale(1.04);
        transform: rotate(-10deg);
    }

    50%{
        transform: scale(1.04);
        transform: rotate(10deg);
    }

    100%{
        transform: scale(1.00);
        transform: rotate(0deg);
    }

}
/*  */


/* Footer banner */
.bottom-banner{
    position: fixed;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,1);
    height: 100%;
    width: 360px;
    opacity: 1;
    transition: all ease 0.4s;
    display: none;
    z-index: 1000;
    padding: 30px;
    border-left: 2px solid #477f8e;
}

.bottom-banner:hover{
    width: 370px;
}

.banner-text{
padding-top: 150px;
}

.banner-box p{
    font-size: 14px;
    font-weight: 200;
}


.banner-box ul{
    padding-left: 0;
}

.banner-box ul li{
    padding: 15px 0 15px 20px;
    font-size: 13px;
}

.banner-box input {
    display: block;
    width: 100%;
    font-size: 13px;
    height: 40px;
    padding-left: 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 50px;
}

.banner-box button {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background: #477f8e;
    width: 100%;
    border: none;
    color: white;
    border-radius: 50px;
    height: 40px;
}

.banner-text p{
    text-transform: uppercase;
    color: black;
    font-size: 25px;
    text-align: center;
    font-weight: 200;
    cursor: default;
    transition: all ease 0.5s;
    line-height: 30px;
    font-weight: 200;
}

.banner-text p:hover{
    transform: scale(1.04);
}

.banner-text button{
    background: #fff;
    height: 40px;
    border: none;
    border-radius: 2px;
    color: #477f8e;
    margin-top: 10px;
    margin-left: 35px;
    outline: none;
    transition: all ease 0.8s;
    border: 1px solid transparent;
    width: 350px;
} 

.month-salary{
    margin-bottom: 0;
}

.banner-text button:hover{
    background: transparent;
    border: 1px solid white;
    color: white;
}


.close-bottom-banner{
    position: absolute;
    top: 14px;
    right: 0px;
    color: white;   
    font-size: 28px;
    cursor: pointer;
    height: 20px;
    width: 30px;
}

.close-bottom-banner span{
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
}

.close-bottom-banner span:before{
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    transform: rotate(90deg)
}
/*  */



/* Style for main modal form */
.main-modal-form{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1000;
    display: none;
}

.main-modal-box{
    position: relative;
    top: 50%;
    margin-left: 50%;
    background: #fff;
    border-radius: 4px;
    padding: 10px 35px 35px 35px;
    width: 450px;
    height: 325px;
    transform: translate(-50%, -50%);
}

.main-modal-form-title p{
    font-size: 30px;
    font-weight: 200;
    text-align: center;
    margin-bottom: 5px;
}

.main-modal-form-content input{
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    padding-left: 10px;
    font-weight: 200;
    margin-top: 10px;
    outline: none;
}

.main-modal-form-content button{
    display: block;
    width: 100%;
    height: 45px;
    background: #477f8e;
    color: white;
    border: none;
    font-weight: bold;
    margin-top: 10px;
    outline: none;
    border-radius: 2px;
    transition: all ease 0.9s;
    border: 2px solid transparent;
}

.main-modal-form-content button:hover{
    background: transparent;
    color: #477f8e;
    border: 2px solid #477f8e;
    border-radius: 2px;
}

.main-modal-form-content{
    margin-top: 45px;
}

.main-modal-form .close-bottom-banner{
    top: 20px !important;
    transition: all ease 0.9s;
}

.main-modal-form .close-bottom-banner span{
    background: black;
}

.main-modal-form .close-bottom-banner span::before{
    background: black;
}

.main-modal-form .close-bottom-banner:hover{
    transform: scale(1.14);
}
/*  */



/* Styles for page Vacansy */
.header-vacansy {
    background: #f6f5fb;
}

/* .header-vacansy .nav {
    background: #fff;
} */

.header-vacansy .main-list li:hover, .header-vacansy .main-list li a:hover{
    color: black !important; 
}

.custom-col-vacansy .block-vacansy{
    max-width: 360px;
    margin: 0px 5px;
}

.header-vacansy .main-list a{
    color: black;
}

.img-head-vacansy{
    background: url(../images/Lithuania_Temples_492337_1920x1080.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 500px;
}

.img-head-vacansy h1{
    color: white;
    padding-top: 160px;
    font-size: 55px;
}

.filter-vacansy{
    width: 80%;
    height: 100px;
    background: #fff;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -45px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}

.filter-box{
    padding: 20px;
}

.filter-box select{
    height: 60px;
    width: 220px;
    margin: 0 8px;
    padding-left: 15px;
}

.filter-box button{
    background: #477f8e;
    border: 1px solid transparent;
    border-radius: 2px;
    height: 60px;   
    color: white;
    font-weight: bold;
    font-size: 17px;
    width: 250px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.vacansy{
    background: #fff;
    margin-top: 0;
}

.vacansy .container{
    position: relative;
}

.vacansy-options{
    display: flex;
    width: 100%;
}

.vacansy-option-buttons{
    position: absolute;
    right: 0;
    display: none !important;
}

.vacansy-box-support{
    margin-top: 50px;
}

.custom-col-vacansy{
    float: left;
    position: relative;
}

.modal-vacansy-unluck{
    display: none;
}

.modal-vacansy-unluck .main-modal-box{
    padding: 10px;
    height: auto;
}

.modal-vacansy-unluck .main-modal-form-title{
    margin-top: 20px;
}

.modal-vacansy-unluck .main-modal-form-title p{
    font-size: 22px;
}

.modal-vacansy-unluck .line{
    margin-bottom: 15px;
}

.custom-container-for-vacansy{
    max-width: 1140px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    height: auto;
}
/*  */



/* New styles for work.pl */
.img-certificate{
    display: flex;
    position: relative;
}

.img-certificate img{
    width: 307px;
    display: block;
    margin: 75px auto 0 auto;
}

.cheater-box{
    margin-top: 35px;
}

.cheater-title{
    display: flex;
    line-height: 40px;
    font-size: 19px;
}

.cheater-title div{
    background: #477f8e;
    border-radius: 50%;
    color: white;
    height: 40px;
    min-width: 40px;
    margin-right: 5p;
}

.cheater-title span{
    background: #477f8e;
    border-radius: 50%;
    color: white;
    height: 40px;
    width: 40px;
    position: relative;
    padding-left: 15px;
    min-width: 40px;
    font-weight: bold;
    font-size: 17px;
    font-family: "Inter", sans-serif;
}

.cheater-title p{
    padding-left: 15px;
}

.cheater-subject{
    font-weight: 200;
    font-family: "Inter", sans-serif;
}


/* Section houses */
.houses {
    position: relative;
    margin-top: 40px;
    background: #477f8e;
    padding: 50px 0; 
}

.owl-carousel-house img{
    height: 300px;
    border: 5px solid #6cbed4;
    border-radius: 2px;
}

.houses-box {
    margin-top: 35px;
    position: relative;
    z-index: 0;
}

.houses-box .container{
    position: relative;
}

.buttons-vacansy-box{
    position: absolute;
    top: 45%;
    transform: translate(0%, -100%);
    width: 100%;
    /* height: 450px; */
}

.houses-box .button-vacansy-prev{
    position: absolute;
    left:-40px;
    transform: rotate(90deg);
    content: '';
    background: #477f8e;
    width: 10px;
    height: 10px;
    margin-left: 0px;
    margin-top: -23px;
}

.houses-box .button-vacansy-next{
    position: absolute;
    right: -8px;
    background: #477f8e;
    width: 10px;
    height: 10px;
    transform: rotate(-90deg);
    margin-left: 1px;
    margin-top: -23px;
}
.houses-box .button-vacansy-prev, .houses-box .button-vacansy-next{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: white;
    cursor: pointer;
}
.houses-box .button-vacansy-prev:before, .houses-box .button-vacansy-next:before{
    content: '';
    background: url('../images/arrowsBottom.png');
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
}

/*  */


.scroll-hidden {
    overflow: hidden;
}

/* Styles for vacansy modal */
.modal-for-vacansy .main-modal-box{
    width: 1100px;
    height: auto;
}

.modal-for-vacansy h2{
    font-size: 25px;
    width: calc(100% - 25px);
}

.modal-for-vacansy .line{
    margin-bottom: 20px;
}

.reserve-this-vacansy p{
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.8px;
    word-spacing: 0.6px;
}

.modal-bottom-buttons{
    display: flex;
    justify-content: flex-start;
}

.modal-bottom-buttons button{ 
    margin: 0 15px 0 0;
    color: white;
    font-weight: bold;
    background: #477f8e;
    border: 2px solid transparent;
    border-radius: 2px;
    width: 240px;
    height: 40px;
    transition: all ease 0.7s;
}

.modal-bottom-buttons button:hover{
    background: transparent;
    color: #477f8e;
    border: 2px solid #477f8e;
} 

.more-vacansy-block span{
    display: none;
}
/*  */

/* .net-works {
    background: #f5f5f9;
} */

.net-works h2{
    padding-top: 15px;
}

.net-works .line{
    margin-bottom: 25px;
}

.net-works-box{
    padding-bottom: 25px;
}

.net-works-box{
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.net-works-box div{
    display: flex;
}

.net-works-box img{
    margin: 0 25px;
    width: 70px;
    height: 70px;
    cursor: pointer;
}

.block-youtube{
    margin-top: 25px;
}

.block-youtube .line{
    margin-bottom: 35px;
}

.block-youtube button{
    display: block;
    margin: 0 auto;
    background: #c50d0e;
    border: 2px solid transparent;
    border-radius: 25px;
    outline: none;
    width: 250px;
    height: 50px;
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
    transition: all ease 0.7s;
}

.block-youtube button:hover{
    background: transparent;
    border: 2px solid #c50d0e;
    outline: none;
}

.block-youtube button:hover a{
    color: #c50d0e;
    font-weight: bold;
    text-decoration: none;
}


.block-youtube button a{
    color: #fff;
    margin-left: 15px;
    font-weight: bold;
}


.block-youtube button span{
    display: block;
    background: url(../images/youtube.png);
    background-size: contain;
    background-position: center;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 25px;
    top: 0;
}

.block-youtube iframe {
    width: 100%;
    height: 100%;
    min-height: 350px;
}

.block-youtube .col-lg-6 {
    margin-bottom: 25px;
}

/* Styles for certiticate block */
.our-certificate{
    margin-top: 25px;
}

.certificate-block{
    display: flex;
    justify-content: center;
}

.certificate-box img {
    width: 260px;
    margin: 0 15px;
    border: 14px solid #64afc4;
    box-shadow: 0 0 0 4px rgba(72, 128, 143, 0.4);
    cursor: pointer;
}

.our-certificate  {
    background: #477f8e;
    padding: 50px 0 100px 0;
}

.our-certificate .line{
    margin-bottom: 25px;
}

.img-fullSreen{
    display: block;
    margin: 0 auto;
    width: 530px;
    border: 14px solid #477f8e;
    box-shadow: 0 0 0 4px rgba(72, 128, 143, 0.4);
}

.modal-img-fullScreen-box{
    width: auto;
    height: auto;
    padding: 20px 0;
    background: transparent;
}

.modal-img-fullScreen .close-bottom-banner{
    position: absolute;
    z-index: 1000;
}

.modal-img-fullScreen .close-bottom-banner span, .modal-img-fullScreen .close-bottom-banner span::before{
    background: white;
}
/*  */


.contact-head{
    display: flex;
    justify-content: center;
    border: 2px solid white;
    border-radius: 5px;
    width: 270px;
    display: block;
    margin: 100px auto;
    padding: 3px 0px;
    text-align: center;
}

.contact-head a{
    color: white;
    font-weight: bold;
    font-size: 20px;
}

.contact-head a:hover{
    color: #fff;
}

.table-for-vacansy-modal .table{
    margin-right: 0;
    width: 100%;
}



/* comments */
.idc-share, .idc-nofloat, .idc-time{
    display: none !important;
}

.idc-c-h{
    background: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.idc-i a{
    color: black !important;
}

.idc-rep {
    display: none !important;  
    /* Вскоре убрать */
}

#idc-sortLinks a{
    color: black !important;
}

#IDCommentLinksRight1083917156 a {
    color: black;
}

.idc-text_noresize{
    border: 1px solid black !important;
    background: none !important;
    font-weight: bold !important;
}

#IDCommentUserBarLink2 {
    color: black !important;
    font-weight: bold !important;
}

.idc-right a, #IDCommentsNoCommentsDiv{
    color: black !important;
}

#idc-container .idc-head_action{
    width: 100% !important;
}

#IDCommentsNewThreadListItem1 a{
    color: black !important;
    font-weight: bold !important;
}

#IDCPostNav {
    display: none !important;
}

#IDCNavGuest2 {
    display: none !important;
}

.idc-postnav-list li {
    display: none !important;
}

#IDCColumnURL, #IDCColumnURLLabel, #IDCommentsHeadLogin{
    display: none !important;
}
/*  */

.our-team .line{
    margin-bottom: 30px;
}

.our-team-box img{
    height: 215px;
    border: 5px solid #477f8e;
}

.linksToVacansy a{
    text-decoration: none;
    color: black;
}

.linksToVacansy a:hover{
    text-decoration: none;
    color: black;
}

.find-vacansy-section{
    margin-top: 50px;
}

.find-vacansy-button {
    display: block;
    margin: 0 auto;
    background: #477f8e;
    color: white;
    border: none;
    border-radius: 2px;
    height: 44px;
    width: 300px;
    font-weight: bold;
    outline: none;
    transition: all ease 0.7s;
}


.main-modal-for-find-vacansy .main-modal-form-title p{
    font-size: 24px;
}
.find-vacansy-button:hover {
    transform: scale(1.04);
}

.block-head-row .container{
    display: flex;
    justify-content: center;
}

.banner-ps {
    margin-top: 20px;
    background: rgb(233, 232, 232);
    text-align: center;
    text-transform: uppercase;
    padding: 10px 10px 3px 10px;
}

.banner-ps p {
    font-weight: bold;
}

.bottom-banner .close-bottom-banner {
    position: absolute;
    top: 15px;
    left: 10px;
    cursor: pointer;
}

.close-bottom-banner span {
    background: #000;
}

.close-bottom-banner span:before {
    background: #000;
}
.close-bottom-banner span:after {
    background: #000;
}

.banner {
    position: fixed;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
    width: 345px;
    height: 100px;
    border-top: 2px solid #477f8e;
    border-left: 2px solid #477f8e;
    border-top-left-radius: 5px;
    z-index: 200;
    padding: 15px;
    text-align: center;
    display: none;
}

.banner button {
    background: #477f8e;
    color: white;
    border: none;
    border-radius: 5px;
    height: 40px;
    border: 2px solid transparent;
    transition: all ease 0.8s;
}

.banner button:hover {
    background: transparent;
    border: 2px solid #477f8e !important;
    color: #477f8e;
    border: none;
    border-radius: 5px;
    height: 40px;
}

.banner p{
    font-size: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.banner {
    display: none;
}

.banner-box-responsive {
    display: none;
}

.great-text {
    text-align: center;
    font-weight: bold;
    margin-top: 0px;
    font-size: 30px;
    color: #fff;
    padding: 20px;
    /* border: 1px solid #477f8e; */
    border-top: 1px solid rgba(255,255,255,.5);
}

.first-form p{
font-size: 24px;
}

.first-form-box .main-modal-box{
    height: auto !important;
}


/* .choosen-lang {
    width: 40px;
    height: 40px;
    background: #477f8e;
    text-align: center;
    line-height: 40px;
    border-radius: 2px;
    border-bottom: 1px solid #fff;
}

.langs-box {
    position: relative;
}


.langs {
    display: none;
    position: absolute;
    top: 40px;
}

.langs span{
    display: block;
    width: 40px;
    height: 40px;
    background: #477f8e;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid #fff;
} */


.img-description-text{
    float: left;
    padding: 0 20px 10px 0;
}

.img-description-text img{
    border-radius: 5px;
    width: 500px;
}

.img-description-text-right {
    float: right;
    padding: 0 0px 10px 20px;
}

.img-description-text-right img{
    border-radius: 5px;
    width: 550px;
}

.success-form-box h6{
    font-size: 25px;
    font-weight: bold;
}

.success-form-box .line{
    margin-top: 20px;
}

.success-form-box p{
    margin-top: 20px;
    font-size: 22px;
    font-weight: 200;
}

.success-form-box img{
    width: 160px;
    height: 120px;
    display: block;
    margin: 20px auto;
}


.owl-carousel-articles img{
    max-width: 500px;
}

.push-czech {
    padding-left: 0;
    margin-top: 0;
    padding-top: 0;
}

.our-manager-block {
    display: block;
    /* justify-content: center; */
}

.position-managers-footer {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.manager-box a{
    color: #000;
    font-weight: 200;
}

.our-manager-block .manager-box {
    margin: 0 20px 20px 20px;
    text-align: left;
}

.manager-box .name-manager-footer{
    width: 120px;
    /* text-align: left !important; */
}

.name-manager-footer {
    font-size: 18px;
    border-right: 1px solid #000;
    padding-bottom: 15px;
    padding-right: 10px;
}

.manager-box {
    display: flex;
    align-items: center;
    line-height: 50px;
}

.manager-box img{
    width: 78px;
    height: 75px;
    border-radius: 50%;
    margin-right: 20px;
}

.phone-manager-footer {
    padding-left: 20px;
}

.phone-manager-footer {
    margin-bottom: 0;
}

.phone-manager-footer:hover {
    color: black;
    text-decoration: none;
}

.our-managers-footer p:first-child {
    text-align: center;
    font-weight: 200;
    font-size: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    background: ;
}

.select-country {
    width: 100%;
    margin-top: 5px;
    height: 40px;
    outline: none;
    border: 1px solid black;
}

.privacyText {
    margin-top: 100px
}

.privacyText p {
    padding-left: 25px
}

/* New Vacancy */

.vacancy {
    margin-top: 20px;
}

.vacancy .line{
    margin-bottom: 20px; 
    margin-top: 10px;
}

.card-vacancy {
    /* display: flex; */
    position: relative;
    border: 1px solid rgba(212, 212, 212, 0.473); 
    padding: 20px;
    border-radius: 2px;
    align-items: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); 
    margin-bottom: 10px;
    transition: 0.15s;
}

.card-vacancy:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); 
}

.card-vacancy img {
    width: 25px;
    height: auto;
    margin-right: 5px;
}

.card-vacancy .card-left-side span {
    margin-bottom: 0;
    font-size: 22px;
}

.card-vacancy .card-right-side {
    position: relative;
    top: 10px;
}

.card-vacancy .card-right-side span { 
    font-size: 18px;
    font-weight: 200;
    margin: 0 35px 0 0;
}



.card-vacancy button[type='button'] {
    outline: none;
    border: none;
    background: #477f8e;
    color: white;
    height: 45px;
    width: 160px;
    border-radius: 50px;  
    border: 2px solid transparent;
    transition: 0.35s;
}

.card-vacancy button[type='button']:hover {
    background: transparent;
    color: black;
    border: 2px solid #477f8e;
    overflow: visible;
}
/*  */


/* New vacancy modal */

.name-item h4 span {
    color: #477f8e;
}

.name-item {
    width: 100%;
    background: rgba(231, 231, 231, 0.445);
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #467f8e30;
}

.value-item {
    padding: 10px;
}

.value-item p{
    font-size: 18px;
}

.value-item p:before{
    content: '';
    display: inline-block;
    width: 15px;
    height: 3px;
    background: #477f8e;
    position: relative;
    top: -3px;
    margin-right: 10px;
    border-radius: 2px;
}

.scrolable-modal {
    overflow-y: scroll;
    max-height: 650px; 
}

.flag {
    transform: rotate(-23deg);
    position: absolute;
    top: -6px;
    left: -7px;
    transition: 0.5s;
    border: 0;
    outline: none;
    width: 18px !important; 
}

.card-vacancy:hover .flag {
    transform: scale(1.04);
}


.privacyText {
    margin-top: 100px
}

.privacyText p {
    padding-left: 25px
}

.reserve-vacancy{
    display: none;
}

/* News */

.news {
    margin-top: 40px;
    margin-bottom: 40px;
}

.news-block {
    margin-top: 25px;
}

.news-block a {
    text-decoration: none;
    color: black;
}

.news-block a:hover {
    text-decoration: none;
    color: black;
}

.news-block .col-lg-6 {
    margin-bottom: 8px;
}

.news-box {
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    padding: 20px;
    transition: 0.5s;
    cursor: pointer;
}

.news-box:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
}

.news-box h3{
    border-bottom: 1px solid #477f8e;
    padding-bottom: 8px;
}

.button-news-more {
    font-size: 18px; 
    color: #477f8e;
    font-weight: bold;
    text-align: right;
}

.slick-next {
    position: relative;
    right: 2px !important;
    z-index: 3;
    width: 40px !important;
    height: 40px !important;
}

.slick-next:before {
    color: #477f8e !important;
    font-size: 40px !important;
}

.slick-prev {
    position: relative;
    left: 2px !important;
    z-index: 3;
    width: 40px !important;
    height: 40px !important;
}

.slick-prev:before {
    color: #477f8e !important;
    font-size: 40px !important;
}


.slick-prev, .slick-next {
    width: 40px !important;
    height: 40px !important;
}

/*  */

.country-chech {
    background-image: url('../images/countries/chech.jpg');
}

.country-litva {
    background-image: url('../images/countries/litva.jpg');
}

.country-poland {
    background-image: url('../images/countries/poland.jpg');
}

.country-slovakia {
    background-image: url('../images/countries/slovakia2.jpg');
}


.country-box {
    width: 400px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 5px;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-shadow: inset 0 0 300px rgba(0, 0, 0, 0.5);
    margin: 0 50px 50px 20px;
    cursor: pointer;
}

.country-box:hover {
    color: white;
}

.choose_row {
    display: flex;
    justify-content: center;
}

.country-box p { 
    font-size: 35px;
    margin-bottom: 0;
}

.country-box h5 {  
    font-size: 50px;
    margin-top: 5px;
    text-decoration: underline;
}

.choose_country .main-text {
    margin-bottom: 30px;
}

.revies .owl-carousel-revies img {
    height: 380px !important; 
}

.attention-box {
    color: white;
    text-transform: none;
    font-size: 20px;
    margin-top: 15px;
}

.attention-box ul {
    padding-left: 0;
}

.attention-box li {
    padding-bottom: 10px;
}

.attention-box p {
    color: #fff;
    border-radius: 5px;
    border-width: 3px; 
    border-color: #000;
    border-style: solid;
    font-weight: bold;
}

@keyframes swimColor {
    from {
        border-color: rgb(255, 206, 206);
    } 
    to {
        border-color: #ff0000;
    }
}

.attention-text {
    color: red;
    font-weight: bold;
}

.attention-box a {
    color: white !important;
}

.attention-box li {
    color: white !important;
    padding: 16px ​0 15px 40px;
}

.attention-box .push li:before {
    background: #fff;
}

.attention-lower-text {
    margin-bottom: 0;
}

.clear {
    clear: both;
}

.img-description-text--right {
    float: right;
}