/*!
Theme Name: Solide
Version: 1.0.0
*/

.cta-btn {
    background: #ee7d00;
    padding: 22px 63px;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.04em;
    color: #ffffff !important;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    transition: background 0.3s;
}
.additional-text-1{
    margin: 0px 0px 60px 0px;
}
.additional-text-2{
    width: 95%;
}
.contentOuter .row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.outer .contentTitle{
    font-weight: 500;
    font-size: 48px;
    letter-spacing: -0.04em;
    color: #666666;
    margin: 30px 0px 65px 0px;
    text-align: center;
}
.row .col-xs-12 {
    width: 45%;
    font-weight: 400;
    font-size: 22px;
    letter-spacing: -0.04em;
    color: #1e1e1e;
    margin-top: 0;
    margin-bottom: 22px;
    
}
.row .col-xs-12 .subHeader{
    font-weight: 500;
    font-size: 40px;
    letter-spacing: -0.04em;
    color: #ee7d00;
    margin: 0 0 30px;
}
.additional-text-2 h1, h2{
    color: #ee7d00;
    font-size: 48px;
    font-weight: 500;
   
}
.additional-text-2{
    font-weight: 400;
    font-size: 22px;
    letter-spacing: -0.04em;
    color: #1e1e1e;
    margin-top: 0;
}
.additional-text-2 h2{
    padding-top: 40px;
}
.additional-text-2 h1{
    margin-bottom: -30px;
}
.cta-btn:hover {
    background: #ff8c00;
}
.header{
    position: sticky;
    top: 0px;
    background-color: white;
    z-index: 100;
}

.about .contact_info p {
    font-weight: 500;
    font-size: 22px;
    letter-spacing: -0.04em;
    color: #1e1e1e;
    text-decoration: none;
    text-align: center;
    margin-bottom: 0;
}

.vacancies-select {
    width: 100%;
}

.select {
    width: 100%;
}

.select .select-current {
    justify-content: center;
}

.select .select-options {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
}

.select .select-options .select-option.active {
    background: #f8f8f8;
}


.pagination {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    margin-bottom: 60px;
}

.pagination-items {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 10px;
}

.pagination-item {
    display: flex;
    align-items: center;
}

.pagination-link {
    text-decoration: none;
    color: #000;
    padding: 8px 16px;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

.pagination-item.active .pagination-link,
.pagination-link:hover {
    background-color: #ee7d00;
    color: #fff;
}

.pagination-link svg {
    width: 40px;
    height: 40px;
    fill: #000;
    transition: fill 0.3s ease;
}

.pagination-link:hover svg {
    fill: #fff;
}

.vacancy-content a {
    color: #ee7d00;
}

.vacancy-content ul {
    margin-bottom: 20px;
}

.vacancy-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hide-button {
    display: none;
}

.file-upload label input[type=file] {
    display: block;
    position: absolute;
    opacity: 0;
}

.rest-form-footer-errors {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    color: #ef4040;
    font-size: 24px;
    font-weight: 500;
}

.rest-form-page .form-intro p {
    color: #1e1e1e;
    font-size: 22px;
}

.vacancy-wrapper p {
    line-height: 27px;
}

.vacancy-content {
     padding: 0;
     background: transparent;
     text-decoration: none;
     color: initial;
     box-shadow: none;
     border-radius: 0;
}

.vacancy-header:after {
    display: none;
}

.about-content .about-block img {
    height: auto;
}

.footer-imgs img {
    width: auto;
}

.banner-image img {
    height: 100%;
    width: auto;
}
.footer-copyright a {
    font-weight: 400;
    font-size: 25px;
    line-height: 200%;
    letter-spacing: -0.04em;
    color: #989898;
    transition: color 0.3s;
    text-decoration: none;
    margin-left: 30px;
}
.form-footer {
    margin: -40px 0 0;
}
.team_item a{
    font-size: 20px;
}
.content-columns  .img-513{
    width: 599px;
    height: 797px;
}
.content-columns .img-508{
    width: 700px;
    height: fit-content;
  }
  .content-columns.centered .img-519{
    width: 40%;
    padding: 0px 0px 0px 75px;
  }
.content-columns  .img-500, .content-columns .img-499{
    width: 491px;
    height: 652px;
}
.content-columns.centered.img-column520{
 gap: 180px;
}
.content-columns.centered .img-520{
    width: 30%;
}
.vacancy-header{
    background-position-y: -37px !important;
}
.header-banner-apply{
    background-position: top !important;
    background-position-y: -204px !important;
}
.spoiler-content ol{
    margin-top: 20px;
}
.img-508{
    width: 785px;
    height: 1177px;
  }
  @media screen and (min-width: 1441px) and (max-width: 1800px) {
    .team_item img{
       height: 500px; 
    }
}
@media screen and (max-width: 968px) {
    .enrollment_wrapper {
        padding-top: 40px;
    }
    .content-columns  .img-513, .content-columns  .img-500, .content-columns  .img-499, .content-columns  .img-508{
        width: 100%;
        height: 100%;
    }
    .enrollment_form {
        width: 100%;
    }
    .content-columns.centered .img-519{
        width: 40%;
        padding: 0px 0px 0px 0px;
      }
    .enrollment_form .terms-accept p {
        font-size: 14px;
        padding: 10px;
    }
    .vacancies-search-section .owp-search-form{

    }
    .vacancies-search-section .owp-search-form .owp-search-button {
        margin: 25px 0px 0px 0px;
    }
}
    .checkbox span,
    .checkbox label,
    .file-upload label span,
    .enrollment_form .terms-accept span {
        font-size: 14px;
    }

    .checkbox label input {
        width: 40px;
        height: 40px;
    }

    .file-upload label .upload-icon {
        width: 25px;
        height: 25px;
    }

    .file-upload,
    .enrollment_form .form_controller,
    .enrollment_form .terms-accept,
    .checkbox {
        margin-bottom: 15px;
    }

    .enrollment_form .terms-accept {
        margin-top: 0;
    }

    .enrollment_wrapper h1 {
        font-size: 32px;
    }
.aside-contact-form{
    background-color: #fffaf5;
    margin-top: 40px;
    position: sticky;
    top: 125px;
    padding: 50px;
   
}
.aside-contact-title{
    color: #ee7d00;
    font-weight: 500;
    font-size: 33px;
}
.forminator-button-submit{
    background-color: #ee7d00;
    font-weight: 700;
    color: white;
    font-size: 20px;
}
@media screen and (max-width: 390px) {
    .advantages-grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 1440px) {
    .vacancy-header .vacancy-info {
        bottom: -22vh;
    }
}

@media screen and (max-width: 568px) {
    .vacancy-header .vacancy-info {
        bottom: auto;
    }
    .footer-copyright a{
        font-size: 18px;
    }
    .vacancy-header {
        margin-bottom: 190px;
    }

    .vacancy-wrapper h3 {
        font-size: 21px;
    }

    .vacancy-wrapper h2 {
        font-size: 24px;
    }

    .vacancy-wrapper .spoilers,
    .vacancy-wrapper .highlighted {
        margin-bottom: 30px;
    }

    .vacancy-wrapper ul li {
        font-size: 16px;
    }

    .vacancy-wrapper p {
        font-size: 16px;
        line-height: 18px;
    }

    .vacancy-header .vacancy-info h1 {
        font-size: 28px;
    }

    .vacancy-header .vacancy-info .back-link {
        font-size: 16px;
        gap: 10px;
        margin-bottom: 10px;

        img {
            width: 10px;
            height: 20px;
        }
    }

    .vacancy-wrapper ul li::after {
        width: 16px;
        height: 16px;
        top: 2px;
    }

    .vacancy-wrapper ul li {
        padding-left: 24px;
    }

    .vacancy-recruiter {
        max-width: calc(100vw - 40px);
    }

    .vacancy-recruiter .avatar {
        margin-bottom: 15px;
    }

    .vacancy-recruiter .recruiter-info a {
        font-size: 16px;
        gap: 10px;

        img {
            height: 20px;
        }
    }

    .vacancy-recruiter .recruiter-info .name {
        margin-bottom: 15px;
    }

    .related-vacancies h2 {
        font-size: 28px;
    }

    .vacancy-wrapper {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .vacancy-info {

    }
    .team_item{
        width: 94%;
    }
    .team_item img{
        height: 318px;
    }
}

@media screen and (max-width: 568px) {
    .footer-column .hello-flex {
        margin-top: 0;
    }

    .pagination-link {
        width: 40px;
        height: 40px;
        padding: 10px;
    }

    .checkbox span, .checkbox label, .file-upload label span, .enrollment_form .terms-accept span {
        font-size: 12px;
    }
}

.not-found {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 40px;
}

.clients_text.text h2:first-child {
    margin-top: 0;
}

.clients_text.text h2 {
    margin-top: 40px;
}

.text a {
    color: #ee7d00;
    text-decoration: none;
    font-weight: 700;
}

.text ul {
    margin-bottom: 15px;
}

.nav_list .nav_item a {
    transition: .3s;
}

.nav_list .nav_item a:hover {
    opacity: .8;
}

.footer-links a {
    transition: .3s;
}

.footer-links a:hover {
    color: #202020;
}

.footer-contact a {
    transition: .3s;
}

.footer-contact a:hover {
    opacity: .8;
}

@media screen and (max-width: 568px) {
    .header-bg {
        background-position-x: -390px;
    }

    .header_banner {
        background-position-x: -100px;
    }

    .vacancy-info {
        position: static !important;
        width: 100% !important;
    }

    .vacancy-header {
        margin-bottom: 100px;
    }
}

.content-columns img {
    width: 100%;
}

.reviews-card .review-text::before {
    top: -10px;
}

.footer-column p {
    margin-top: 0;
}

.vacancy-card h3 {
    word-break: break-all;
}

.footer-column .certification {
    margin-top: 122px;
}

@media screen and (max-width: 1440px) {
    .footer-column .certification {
        margin-top: 93px;
    }
}

@media screen and (max-width: 1200px) {
    .footer-column .certification {
        margin-top: 127px;
    }
}

@media screen and (max-width: 1024px) {
    .footer-column .certification {
        margin-top: 92px;
    }
    .header-banner-apply {
        background-position-y: 0px !important;
    }
}

@media screen and (max-width: 568px) {
    .footer-column .certification {
        margin-top: 0;
    }
}

.select .select-current {
    transition: .3s;
}

.select .select-current:hover {
    opacity: .8;
}

.back-link {
    transition: .3s;
}

.back-link path {
    transition: .3s;
}

.vacancy-header .vacancy-info .back-link:hover {
    color: #ee7d00;
}

.back-link:hover path {
    fill: #ee7d00;
}

.spoiler .spoiler-title {
    transition: .3s;
}

.spoiler .spoiler-title:hover {
    opacity: .8;
}

@media screen and (max-width: 568px) {
    .vacancy-header .vacancy-info h1 {
        word-break: break-all;
    }
}

.text p, .text ul, .text ol, .text a, .aside .aside-text p, .aside .aside-text ul, .aside .aside-text ol, .aside .aside-text a {
    line-height: 27px;
}

.page-id-104 .header_banner {
    display: none;
}

.enrollment_wrapper {
    padding-top: 50px;
}

.page-id-104 .form_controller, .page-id-104 .file-upload {
    margin-bottom: 18px;
}

.page-id-104 .enrollment_form .terms-accept {
    margin-top: 0;
}

.page-id-104 .checkbox label input:checked {
    background-size: 30px;
}

.page-id-104 .form_controller input, .page-id-104 .file-upload label input[type=text] {
    padding: 10px;
}

.page-id-104 .file-upload label span {
    font-size: 15px;
}

.page-id-104 .enrollment_form .terms-accept span {
    font-size: 15px;
}

.page-id-104 .checkbox span {
    font-size: 15px;
}

.page-id-104 .checkbox label {
    font-size: 15px;
}

.page-id-104 .checkbox label input {
    width: 40px;
    height: 40px;
}

.page-id-104 .enrollment_form .terms-accept p {
    font-size: 15px;
    padding: 15px;
}

.page-id-104 .file-upload label .upload-icon {
    width: 27px;
    height: 27px;
}

.header-bg {
    position: relative;
}

#background-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.header-bg * {
    z-index: 2;
}

.form_select {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    border-radius: 0;
    padding: 23px;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: -0.04em;
    outline: none;
    background-color: #ffffff;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.form_select::-ms-expand {
    display: none;
}

.select_controller {
    position: relative;
}

.select_controller::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    background: url('./assets/select_arrow.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 7px;
    display: block;
    z-index: 100;
}

.header_form form .form_group {
    grid-template-columns: 2.1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 1440px) {
    .form_select {
        font-size: 15px;
        padding: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .header_form form .form_group {
        grid-template-columns: 1fr 1fr;
    }

    .header_form form .form_group button {
        grid-column: 1 / 3;
    }
}

.banner .banner-content .banner-btn {
    border: 2px solid #ee7d00;
    display: inline-flex;
}

.banner .banner-content .banner-btn.bordered {
    color: #ee7d00;
    background: transparent;
    margin-left: 15px;
}

.banner .banner-content .banner-btn.bordered:hover {
    background: #ee7d00;
    color: #fff;
}

.footer-copyright a {
    transition: .3s;
}



.footer-copyright a:hover {
    color: #202020;
}

/* New style */ 


#dislike {
	background: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='50px' height='50px' viewBox='-0.5 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21.32L21 3.32001' stroke='red' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3.32001L21 21.32' stroke='red' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 50px;
    height: 50px;
    border: none;
    background-size: 25px;
    border: none;
    font-size: 0;
    border-radius: 100px;
    background-repeat: no-repeat;
    background-position: center;
	border: 1px solid red;
	box-shadow: 0px 6px 20px 0px rgb(83 80 80 / 43%);
	cursor: pointer;
		transition: 0.5s;
}
#dislike:hover { 
box-shadow: none;
opacity: 0.9;
}
#like {
	background: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='50px' height='50px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.39 20.87a.696.696 0 0 1-.78 0C9.764 19.637 2 14.15 2 8.973c0-6.68 7.85-7.75 10-3.25 2.15-4.5 10-3.43 10 3.25 0 5.178-7.764 10.664-9.61 11.895z' fill='%231C7C75'/%3E%3C/svg%3E");
        width: 50px;
        height: 50px;
        border: none;
        background-size: 30px;
        border: none;
        font-size: 0;
        border-radius: 100px;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 20px;
        border: 1px solid #1C7C75;
		box-shadow: 0px 6px 20px 0px rgb(83 80 80 / 43%);
	cursor: pointer;
	transition: 0.5s;
}
#like:hover { 
box-shadow: none;
opacity: 0.9;
}
.vacancy-buttons {
	position: fixed;
    bottom: 25px;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: 0;
    right: 0;
}
.svg-spinners--12-dots-scale-rotate {
  display: inline-block;
  width: 4em;
  height: 4em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Ccircle cx='12' cy='3' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotate0' attributeName='r' begin='0;svgSpinners12DotsScaleRotate2.end-0.5s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='16.5' cy='4.21' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotate1' attributeName='r' begin='svgSpinners12DotsScaleRotate0.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='7.5' cy='4.21' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotate2' attributeName='r' begin='svgSpinners12DotsScaleRotate4.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='19.79' cy='7.5' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotate3' attributeName='r' begin='svgSpinners12DotsScaleRotate1.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='4.21' cy='7.5' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotate4' attributeName='r' begin='svgSpinners12DotsScaleRotate6.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='21' cy='12' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotate5' attributeName='r' begin='svgSpinners12DotsScaleRotate3.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='3' cy='12' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotate6' attributeName='r' begin='svgSpinners12DotsScaleRotate8.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='19.79' cy='16.5' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotate7' attributeName='r' begin='svgSpinners12DotsScaleRotate5.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='4.21' cy='16.5' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotate8' attributeName='r' begin='svgSpinners12DotsScaleRotatea.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='16.5' cy='19.79' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotate9' attributeName='r' begin='svgSpinners12DotsScaleRotate7.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='7.5' cy='19.79' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotatea' attributeName='r' begin='svgSpinners12DotsScaleRotateb.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='21' r='1' fill='%23000'%3E%3Canimate id='svgSpinners12DotsScaleRotateb' attributeName='r' begin='svgSpinners12DotsScaleRotate9.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.27,.42,.37,.99;.53,0,.61,.73' values='1;2;1'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' dur='6s' repeatCount='indefinite' type='rotate' values='360 12 12;0 12 12'/%3E%3C/g%3E%3C/svg%3E");
  background-color: #ee7d00;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
position: fixed;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
}
	.svg-spinners--12-dots-scale-rotate.active { 
		opacity: 1;
		visibility: visible;
	}
body:before { 
        content: " ";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 53%);
        z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
}
	body.spinner_active:before { 
	opacity: 1;
		visibility: visible;
	}
    .elementor-kit-261 .elementor-312 .elementor-element.elementor-element-aaf8ae4 a{
 color: #ee7d00;
}
 .faq-section-heading h2:first-child{ 
    font-size: 60px; 
    font-weight: 500; 
    color: #ee7d00; 
    margin-top: 100px; 
    margin-bottom: 15px; 
    border-bottom: 2px solid #ee7d00; 
    padding-bottom: 5px; 
}
.header_banner_overons{
    background-position: top !important;
}
.img-column214 img{
    width: 40%;
}
.header_banner_clients{
    background-position: top !important;
}
@media (min-width: 1120px) {
    .aside, .contact_info {
        position: sticky !important;
        top: 120px !important;
    }
    .vacancy-recruiter{
        position: sticky;
        top: 125px;
    }
}
.home_header_nav{
    background-color: transparent;
}
.home_header_nav.scrolled{
    background: white; 
}
.header-bg .header_nav{
    visibility: collapse;
}
.home_header_nav{
    z-index: 101;
}
.header-bg {
    position: relative;
    top: -148px;
}
