/*
 Theme Name:   NNTC New Theme 2026
 Description:  Custom child theme for the NNTC project
 Author:       NNTC
 Template:     twentyseventeen
 Version:      1.0.0
*/

/* Custom CSS starts below this line */


.wpcf7-form span.wpcf7-not-valid-tip, .wpcf7-response-output{
    display: none !important;
}

#demoModalPrice .wpcf7-form .form-group, #demoModal .wpcf7-form .form-group, #presentationModal .wpcf7-form .form-group, .business-form-wrapper .wpcf7-form .form-group, .contact-information .wpcf7-form .form-group, #vacanyForm .form-group, #calculatePrice .form-group, #requestDemo .form-group, #contactForm .form-group {
    position: relative; }

#demoModalPrice .wpcf7-form label:not(#file-7-error):not(.cv-label):not(.label--checkbox), #demoModal .wpcf7-form label:not(#file-7-error):not(.cv-label):not(.label--checkbox), #presentationModal .wpcf7-form label:not(#file-7-error):not(.cv-label):not(.label--checkbox), .business-form-wrapper .wpcf7-form label:not(#file-7-error):not(.cv-label):not(.label--checkbox), .contact-information .wpcf7-form label:not(#file-7-error):not(.cv-label):not(.label--checkbox), #vacanyForm label:not(#file-7-error):not(.cv-label):not(.label--checkbox), #calculatePrice label:not(#file-7-error):not(.cv-label):not(.label--checkbox), #requestDemo label:not(#file-7-error):not(.cv-label):not(.label--checkbox), #contactForm label:not(#file-7-error):not(.cv-label):not(.label--checkbox) {
    display: none !important; }

#demoModalPrice  .wpcf7-form #file-7-error, #demoModal .wpcf7-form #file-7-error, #presentationModal .wpcf7-form #file-7-error, .business-form-wrapper .wpcf7-form #file-7-error, .contact-information .wpcf7-form #file-7-error, #vacanyForm #file-7-error, #calculatePrice #file-7-error, #requestDemo #file-7-error, #contactForm #file-7-error {
    position: absolute;
    z-index: 2;
    margin-left: 25px;
    width: auto;
    top: 14px;
    box-shadow: none;
    color: red; }

#demoModalPrice .wpcf7-form .error, #demoModal .wpcf7-form .error, #presentationModal .wpcf7-form .error, .business-form-wrapper .wpcf7-form .error, .contact-information .wpcf7-form .error, #vacanyForm .error, #calculatePrice .error, #requestDemo .error, #contactForm .error {
    box-shadow: inset 0 0 0 2px red; }

.shadow-overlay .popup-window p.presentation-popup-text {
	display: block;
	font-size: 21px;
	line-height: 30px;
}

.presentation-popup-text a {
	display: inline;
}

form div.intl-tel-input {
	color: #212529;
	width: 100%;
	margin-bottom: 20px !important;
}

@media (min-width: 992px) {
	form div.intl-tel-input {
		margin-bottom: 30px !important;
	}
}

form .intl-tel-input input[type="tel"] {
	width: 100%;
}

form .intl-tel-input input.wpcf7-not-valid {
	box-shadow: inset 0 0 0 2px red;
}

.pagination ul li span{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    height: 36px;
    background: #22AF9A;
    color: #fff;
}

.pagination ul li span.dots{
    color: #808284;
    background: transparent;
}

@media (max-width: 991px){
    .pagination ul li:last-child, .pagination ul li:first-child {
         display: block !important;
    }
    .pagination ul a.next, .pagination ul a
    .prev{
        display: none;
    }
}

@media(min-width: 992px){
    .pagination ul li span{
        padding: 0 15px;
        height: 40px;
    }
}

.post-content .wp-block-quote{
    padding: 30px 0 30px 55px;
    font-weight: 400;
    border: none;
    margin: 0;
}

.post-content .wp-block-quote p{
    position: relative;
    font-style: italic;
    font-size: 14px;
    line-height: 22px;
    color: #6D6E70;
    margin-bottom: 10px;
}

.post-content .wp-block-quote p:before {
    content: url(assets/img/icons/quotes.svg);
    position: absolute;
    top: 5px;
    left: -55px;
}

.post-content .wp-block-quote cite{
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    color: #22AF9A;
}

.post-content .wp-block-quote cite em{
    color: #6D6E70;
    font-style: normal;
}

@media(min-width: 992px){

    .post-content .wp-block-quote{
        padding: 45px 0 45px 55px;
    }

    .post-content .wp-block-quote p {
        font-size: 18px;
        line-height: 28px;
    }

    .post-content .wp-block-quote cite{
        font-size: 16px;
        line-height: 24px;
    }
}

.ssbp-wrap > div{
    display: flex;
}

.ssbp-wrap > div > a{
    position: relative;
    padding: 0;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.ssbp-wrap > div > a:not(:last-child){
    margin-right: 14px;
}

.ssbp-wrap > div a svg path{
    transition: all .3s ease;
}

.ssbp-wrap > div a:hover svg path{
    fill: #22AF9A;
}

@media (min-width: 992px){
    .ssbp-wrap > div > a {
        width: 40px;
        height: 40px;
    }
}

.searchandfilter ul{
    display: flex;
}

.filter-wrapper .searchandfilter ul li{
    margin-left: 10px;
    padding: 0;
}

.filter-wrapper .chosen-container-single .chosen-single{
    position: relative;
    background: white;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #9D9FA1;
    font-size: 14px;
    line-height: 19px;
    padding: 11px 40px 10px 14px;
    /*max-width: 200px;*/
}

.filter-wrapper .chosen-container-single .chosen-single:hover{
    color: #9D9FA1;
}

.filter-wrapper .chosen-container-single .chosen-single:after{
    position: absolute;
    content: url('assets/img/icons/select-angle.svg');
    right: 20px;
    top: 50%;
    height: 25px;
    transform: translateY(-50%) rotate(180deg);
    transition: all .3s ease;
}

.filter-wrapper .chosen-container-single.chosen-with-drop .chosen-single:after{
    transform: translateY(-50%);
}

.chosen-container-single .chosen-single div{
    display: none;
}

.filter-wrapper .chosen-container-single .chosen-single .chosen-drop{
    /*display: none;*/
}

.chosen-container-single .chosen-search{
    display: none;
}

.chosen-container.chosen-with-drop .chosen-drop{
    margin-top: 10px;
    border-radius: 0;
    border: none;
}

.chosen-container .chosen-results{
    display: flex;
    flex-direction: column;
    color: #9D9FA1;
    font-size: 14px;
    line-height: 19px;
    margin: 10px 6px 9px 0;
    padding: 0 0 0 4px;
}

.chosen-container .chosen-results li.active-result{
    padding: 13px 0;
}

.chosen-container .chosen-results li.active-result.highlighted{
    color: inherit;
    background: none;
}

.chosen-container .chosen-results li.active-result:hover{
    color: #4C4C4E;
}

/* width */
.chosen-container .chosen-results::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.chosen-container .chosen-results::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.chosen-container .chosen-results::-webkit-scrollbar-thumb {
    background: #E2E4E9;
}

/* Handle on hover */
.chosen-container .chosen-results::-webkit-scrollbar-thumb:hover {
    background: #E2E4E9;
}

@media(max-width: 991px){
    div.with-filter{
        align-items: flex-start;
        flex-direction: column;
    }

    .filter-wrapper{
        margin: 20px 0 0;
    }

    .filter-wrapper .searchandfilter ul li{
        margin-right: 10px;
        margin-left: 0;
    }

    .chosen-container .chosen-results, .filter-wrapper .chosen-container-single .chosen-single{
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 992px){
    .project-page .project-description {
        margin-top: 5px;
    }
}

.hero-section.heading.bg-position-top{
    background-position: top;
}

.va-description img{
    width: 100%;
    height: auto;
}

.product-item-overview .product-item-info > img, .product-item-overview .product-item-info p > img{
    margin: 30px 0;
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}

.product-item-overview ul{
    margin: 20px 0;
}

.product-item-overview ul li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #9D9FA1;
}

.product-item-overview *:not(.tech-spec) ul li:before{
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: 7px;
    width: 10px;
    height: 10px;
    border: 2px solid #22AF9A;
    border-radius: 50%;
}

@media (min-width: 992px){
    .product-item-overview ul {
        margin-bottom: 30px;
    }

    .product-item-overview ul li{
        font-size: 16px;
        line-height: 24px;
    }
}

.product-item-overview .tech-spec-item ul{
    margin: 0;
}

.product-item-overview .tech-spec-item ul li{
    padding-left: 0;
}

.product-item-overview .tech-spec-item ul li:before{
    display: none;
}

.navbar .navbar-collapse .navbar-nav.menu-help .search a:before{
    position: relative;
    /*left: 3px;*/
}

.cookie-wrap{
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    text-align: left;
}

#cookie-notice .cookie-notice-container{
    padding: 24px 0;
}

#cookie-notice{
    background: #F09C21 !important;
}

#cn-accept-cookie.cn-set-cookie.cn-button{
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #fff;
    color: #fff;
    padding: 14px 66px;
    margin-left: 65px;
    transition: all .3s ease;
}


#cn-accept-cookie.cn-set-cookie.cn-button:hover{
    background: #fff;
    color: #F09C21;
}

@media(max-width: 991px){
    .cookie-wrap{
        flex-direction: column;
        align-items: flex-start;
        font-size: 14px;
        line-height: 22px;
    }

    #cn-accept-cookie.cn-set-cookie.cn-button{
        margin-left: 0;
        margin-top: 15px;
        display: block;
    }
}

.categories-list .sf-field-category{
    display: flex;
    flex-wrap: wrap;
}

.categories-list .searchandfilter ul{
    padding: 0;
    margin-top: 0;
}

@media(min-width: 992px){
    .categories-list .searchandfilter ul{
        margin-left: -60px;
        margin-top: 30px;
        padding-inline-start: 0 !important;
    }
}


.categories-list .searchandfilter ul li{
    position: relative;
    background: transparent;
    padding: 0;
}

.categories-list .searchandfilter ul li .sf-input-radio{
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin-bottom: 0;
    padding: 0;
}

.categories-list .searchandfilter ul li li{
    background: #fff;
    padding: 0;
    transition: all .3s ease;
}

.categories-list .searchandfilter ul li li input[type=checkbox]{
    position: absolute;
    opacity: 0;
}


.categories-list .searchandfilter ul li li:hover, .categories-list .searchandfilter ul .sf-option-active{
    background: #22AF9A;
    color: #fff;
}

.categories-list .searchandfilter ul li li{
    margin-bottom: 10px;
    margin-right: 10px;
}

.categories-list .searchandfilter ul li li label{
    padding: 8px 20px;
}

.categories-list .sf-field-reset a{
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #4C4C4E;
    padding: 2px 0px 0px 21px;
}

@media(min-width: 992px){
    .categories-list .searchandfilter ul li.sf-field-reset{
        position: relative;
        left: 62px;
        bottom: 30px;
    }
}

.categories-list .searchandfilter ul li.sf-field-reset a:hover{
    background: transparent;
    color: #22AF9A;
}

.categories-list .searchandfilter ul li.sf-field-reset:before{
    content: url("assets/img/clear-filter-icon.svg");
    display: table;
    position: absolute;
    top: 1px;
    left: 2px;
    z-index: -1;
}

.categories-list .searchandfilter ul li.sf-field-reset:hover:before{
    content: url("assets/img/clear-filter-icon-active.svg");
}

.vacancy-post .post-content ul li:before{
    border: 2px solid #6D6E70;
}

.navbar .navbar-collapse .navbar-nav .menu-item.wpml-ls-item{
    background-color: #F09C21;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.navbar .navbar-collapse .navbar-nav .menu-item.wpml-ls-item:hover{
    background-color: #E28B0A;
}

.navbar .navbar-collapse .navbar-nav .menu-item.wpml-ls-item a{
    color: #FFFFFF !important;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .navbar .navbar-collapse .navbar-nav.menu-help .in-touch a{
    width: 160px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.vacancies-list{
    margin-top: 30px;
}

@media(min-width: 992px){
    .vacancies-list{
        margin-top: 50px;
    }
}

.vacancies-list a{
    display: block;
    position: relative;
    font-family: "Min", sans-serif;
    padding: 15px 30px 15px 15px;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #22AF9A;
    margin-bottom: 20px;
    border: 2px solid #22AF9A;
    transition: all .3s ease;
}

@media(min-width: 992px){

    .vacancies-list a{
        padding: 20px 30px 20px 40px;
        font-size: 34px;
        line-height: 38px;
        margin-bottom: 30px;
        margin-right: 18px;
    }

    .vacancies-list a:nth-child(even){
        margin-right: 19px;
    }
}

.vacancies-list a:hover{
    background-color: #22AF9A;
    color: #fff;
}

.vacancies-list a:after{
    content: url('assets/img/green-arrow-right.svg');
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    height: 30px;
    transform: translateY(-50%);
    transition: all .3s ease;
}

.vacancies-list a:hover:after{
    content: url('assets/img/white-arrow-right.svg');
    /*right: 15px;*/
}

@media(min-width: 992px){
    .vacancies-list a:after{
        right: 30px;
        height: 44px;
    }

    .vacancies-list a:hover:after{
        content: url('assets/img/white-arrow-right.svg');
        /*right: 25px;*/
    }
}


@media(min-width: 992px){

    .inline-form-inputs .d-row .form-group{
        flex-basis: 25%;
    }

    .vacancy-post .inline-form-inputs form .d-row .inputfile-6 + label span, .vacancy-post .inline-form-inputs form .d-row .inputfile-6 + label + label span{
        height: 50px;
        padding-top: 15px;
    }

    .inline-form-inputs .d-row{
        display: flex;
        justify-content: space-between;
    }

    .inline-form-inputs .d-row .form-group:not(:last-child){
        margin-right: 20px;
    }
}

.chosen-container .chosen-results{
    margin: 10px 6px 9px 0 !important;
}

.searchandfilter ul{
    padding-right: 0;
}

@media(min-width: 992px){
    .vacancy-post .vacancy-form form .inputfile-6 + label span, .vacancy-post .vacancy-form form .inputfile-6 + label + label span{
        height: 50px;
        padding-top: 14px;
    }
}

.w220{
    width: 180px;
    text-align: center;
}

@media(min-width: 992px){
    .w220{
        width: 220px;
    }
}

.images-video-slider h2{
    text-transform: uppercase;
}



.search-form #searchForm input{
    box-shadow: none !important;
}

.search .search-list-wrapper .search-list-item p a{
    background-image: linear-gradient(#22AF9A, #22AF9A);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s;
    position: relative;
    color: #22AF9A; }
.search .search-list-wrapper .search-list-item p a:hover{
    background-size: 100% 1px; }

.vacancy-post form a{
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s;
    position: relative;
}

.vacancy-post form .error + label a{
    background-image: linear-gradient(#F02D21, #F02D21);
}

.vacancy-post form a:hover{
    background-size: 100% 1px;
}


input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance:none;
}

.vacancy-post form a:hover{
    text-decoration: none;
}

.slick-track{
    margin-left: 0;
    margin-right: auto;
}

.modal form input:not([type=checkbox]):focus, form textarea:focus{
    box-shadow: inset 0px 0px 0px 2px #22AF9A;
}

body .contact-information .wpcf7 .wpcf7-form .form-group .custom-label:not(#file-7-error):not(.label-checkbox):not(.cv-label),
body .business-form-wrapper .wpcf7 .wpcf7-form .form-group .custom-label:not(#file-7-error):not(.label-checkbox):not(.cv-label){
    position: absolute;
    z-index: 2;
    top: 16px;
    left: 14px;
    color: #9D9FA1;
    cursor: text;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
}

@media(max-width: 991px){
    body .contact-information .wpcf7 .wpcf7-form .form-group .custom-label:not(#file-7-error):not(.label-checkbox):not(.cv-label),
    body .business-form-wrapper .wpcf7 .wpcf7-form .form-group .custom-label:not(#file-7-error):not(.label-checkbox):not(.cv-label){
        font-size: 14px;
        line-height: 16px;
        top: 12px;
        left: 10px;
    }
}

.wpcf7 .wpcf7-form .form-group .custom-label i{
    color: #F09C21;
    font-style: normal;
}


.wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder{
    color: #9D9FA1;
}

.vacancy-post form .inputfile-6 + label, .vacancy-post form .inputfile-6 + label + label{
    color: #9D9FA1;
}

.acceptence{
    display: none;
}

.wpcf7-form .flag-container {
	z-index: 10;
}

@media(min-width: 992px){
    #projects-list > div {
        display: flex;
    }
}

.default-content{
    padding: 30px 0 80px;
}

.default-content h1{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}

.default-content h6{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

.default-content h3{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #22AF9A;
    margin-top: 20px;
    margin-bottom: 8px;
}

.default-content p{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #9D9FA1;

}

.default-content p a{
    color: #22AF9A;
    text-decoration: underline;
}

@media(min-width: 992px){
    .default-content{
        padding: 80px 0 120px;
    }

    .default-content h1{
        font-size: 58px;
        line-height: 58px;
        margin-bottom: 20px;
    }

    .default-content h6{
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .default-content h3{
        font-size: 18px;
        line-height: 24px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .default-content p{
        font-size: 16px;
        line-height: 24px;

    }
}

#cn-notice-text a{
    color: inherit;
    font-weight: 500;
}

#cn-notice-text a:hover{
    text-decoration: underline;
}

.customers .customer-list .slick-slide img{
    max-height: 94px;
    width: auto;
}

.link-more{
    display: none;
}

.grecaptcha-badge{
    visibility: collapse !important;
}

.shadow-overlay{
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(76, 76, 78, 0.8);
    z-index: 999;
}

.shadow-overlay .popup-window{
    background: #fff;
    padding: 60px;
    text-align: center;
 }

.shadow-overlay .popup-window h6{
    font-family: "Min", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #4C4C4E;
    font-size: 46px;
    line-height: 60px;
    margin-bottom: 7px;
}

.shadow-overlay .popup-window p{
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9D9FA1;
    margin-bottom: 20px;
}

.shadow-overlay .popup-window .ok-close,
.shadow-overlay .popup-window .ok-close-mobile{
    width: 220px;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    background: #22AF9A;
    text-transform: uppercase;
    transition: all .3s ease;
    cursor: pointer;
}

.shadow-overlay .popup-window .ok-close-mobile-cont{
	margin-top: 16px;
	display: none;
}

.shadow-overlay .popup-window .ok-close:hover,
.shadow-overlay .popup-window .ok-close-mobile:hover{
    background: #089E88;
}

@media(max-width: 991px){
    .shadow-overlay .popup-window{
        padding: 30px 15px 40px;
    }

    .shadow-overlay .popup-window h6{
        font-size: 36px;
        line-height: 36px;
    }

    .shadow-overlay .popup-window p{
        font-size: 14px;
        line-height: 22px;
    }

	.shadow-overlay .popup-window .ok-close,
    .shadow-overlay .popup-window .ok-close-mobile{
        width: 180px;
        height: 40px;
    }

	.presentation-popup .popup-window .ok-close,
	.presentation-popup .popup-window .ok-close-mobile{
		width: 220px;
	}
}

.firstBigOnly{
    text-transform: lowercase;
}

.firstBigOnly:first-letter{
    text-transform: uppercase;
}

.clearfix{
    display: block;
    width: 100%;
}

@media(min-width: 992px){
    .less10hide{
        display: none !important
    }
}

.partners-section{
    background: #fff;
    padding: 55px 0 100px;
}

.partners-section .container:not(:last-child){
    margin-bottom: 50px;
}

.partners-section .cover-image{
    background: none;
}

.partners-section .cover-image img{
    margin-bottom: 20px;
}

.partners-section h2{
    font-family: "Min", sans-serif;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #4C4C4E;
    margin-bottom: 10px;
}


.partners-section p{
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #9D9FA1;
    margin-bottom: 14px;
}

.partners-section a{

}


@media(min-width: 992px){
    .partners-section{
        padding: 150px 0;
    }

    .partners-section .cover-image{
        height: 100%;
        width: 100%;
    }

    .partners-section .cover-image img{
        display: none;
    }

    .partners-section .row > div:nth-child(2){
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .partners-section h2{
        font-size: 46px;
        line-height: 46px;
        margin-bottom: 20px;
    }
    .partners-section p{
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 20px;
    }
}

.tab-content .va-description{
    padding: 0;
}

.tab-content .container-fluid{
    margin: 0 -15px;
}

.tab-content .va-description h4{
    font-size: 20px;
    line-height: 20px;
}

.tab-content .va-description .va-categories ul:before{
    left: 15px;
}

.tab-content .va-description .va-categories ul li{
    font-size: 14px;
    line-height: 20px;
}

.tab-content .va-description .va-categories ul li:before{
    left: 11px;
}

.tab-content .container-fluid img{
    width: 100%;
}

@media(max-width: 991px){
    .tab-content .container-fluid img{
        margin: 10px 0;
    }

    #productItem_4 .container-fluid:last-of-type .row{
        flex-direction: column-reverse;
    }
}
.tab-content .product-item-info > .container-fluid{
    margin-bottom: 15px
}

.tab-content ol li{
    font-size: 16px;
    line-height: 24px;
    color: #9D9FA1;
}

@media(min-width: 992px){
    .va-description .col-12{
        padding-left: 10px;
        padding-right: 10px;
    }
}

.partner-form .heading{
    margin-bottom: 20px;
}

.partner-form .heading h2{
    margin-bottom: 10px
}

@media(min-width: 992px){
    .partner-form .heading{
        margin-bottom: 30px;
    }

    .partner-form .heading h2{
        margin-bottom: 10px
    }
}

.product-item-info img{
    width: 100%;
    height: auto;
}

.iframe-wrapper{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.iframe-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
}


.wpcf7-form-control-wrap #page-title {
    display: none !important;
}

.wpcf7-form-control-wrap #pagetitle {
	display: none !important;
}

.project-download-button {
	margin-top: 1.75rem;
	margin-bottom: 1rem;
}

.product-item-overview .content-vertical-table {
	width: 100%;
	border: 1px solid #F4F5F6;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 20px; }
@media (min-width: 992px) {
	.product-item-overview .content-vertical-table {
		font-size: 16px;
		line-height: 24px; } }
.product-item-overview .content-vertical-table tr {
	vertical-align: top;
	color: #9D9FA1; }
.product-item-overview .content-vertical-table th {
	background: #F4F5F6;
	font-weight: 500;
	color: #6D6E70;
	border-bottom: 1px solid #FFFFFF;
	padding: 8px 10px 8px 10px; }
@media (min-width: 992px) {
	.product-item-overview .content-vertical-table th{
		padding: 16px 22px 16px 22px; } }
.product-item-overview .content-vertical-table td {
	color: #9D9FA1;
	border-bottom: 1px solid #F4F5F6;
	padding: 8px 0 8px 10px; }
@media (min-width: 992px) {
	.product-item-overview .content-vertical-table td {
		padding: 16px 0 16px 22px; } }
.product-item-overview .content-vertical-table td:last-child {
	padding-right: 10px; }
@media (min-width: 992px) {
	.product-item-overview .content-vertical-table td:last-child {
		padding-right: 22px; } }


.product-item-overview .content-horizontal-table,
.product-item-overview .content-horizontal-table-green {
	width: 100%;
	border: 1px solid #F4F5F6;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 20px;
}
@media (min-width: 992px) {
	.product-item-overview .content-horizontal-table,
	.product-item-overview .content-horizontal-table-green {
		font-size: 16px;
		line-height: 24px;
	}
}
.product-item-overview .content-horizontal-table tr,
.product-item-overview .content-horizontal-table-green tr {
	vertical-align: top;
	color: #9D9FA1;
}
.product-item-overview .content-horizontal-table th,
.product-item-overview .content-horizontal-table-green th {
	background: #F4F5F6;
	font-weight: bold;
	color: #212529;
	border-right: 1px solid #FFFFFF;
	padding: 8px 10px 8px 10px;
}
.product-item-overview .content-horizontal-table-green th {
	background: #22af9a;
	color: #FFFFFF;
}
.product-item-overview .content-horizontal-table th:last-child {
	border-right: 1px solid #F4F5F6;
}
.product-item-overview .content-horizontal-table-green th:last-child {
	border-right: 1px solid #22AF9A;
}
@media (min-width: 992px) {
	.product-item-overview .content-horizontal-table th,
	.product-item-overview .content-horizontal-table-green th{
		padding: 16px 22px 16px 22px;
	}
}
.product-item-overview .content-horizontal-table td,
.product-item-overview .content-horizontal-table-green td {
	color: #9D9FA1;
	border-right: 1px solid #F4F5F6;
	border-bottom: 1px solid #F4F5F6;
	padding: 8px 10px;
}
@media (min-width: 992px) {
	.product-item-overview .content-horizontal-table td,
	.product-item-overview .content-horizontal-table-green td {
		padding: 16px 22px;
	}
}

/* Блок um-metaverse */

.um-metaverse {
    padding-bottom: 30px;
}

.um-metaverse__container {
    margin-left: -16px;
    margin-right: -16px;
}

.um-metaverse__image-container {
    padding-left: 16px;
    padding-right: 16px;
}

.um-metaverse__image {
    background: var(--um-image);
    background-size: cover;
    background-position: center;
    min-height: 500px;
}

.um-metaverse__column {
    padding-left: 16px;
    padding-right: 16px;
}

.um-metaverse__string {
    box-sizing: content-box;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    height: 40px;
    border-bottom: 1px solid #22AF9A;
    padding-top: 14px;
    padding-bottom: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.um-metaverse__string--title {
    color: #22AF9A;
}

@media (max-width: 991px) {
    .um-metaverse__image-container {
        order: -1;
        margin-bottom: 10px;
    }

    .um-metaverse__string {
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
    }
}

/* Блок im-metaverse */

.im-metaverse {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    padding-left: 3px;
    padding-right: 3px;
}

.im-metaverse__title-container {
    margin-bottom: 51px;
    flex: 0 0 0;
}

.im-metaverse__title {
    background-color: #22AF9A;
    color: #FFFFFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding: 20px;
    margin-bottom: 0;
    position: relative;
}

.im-metaverse__items-container {
    margin-left: -3px;
    margin-right: -3px;
}

.im-metaverse__items {
    position: relative;
    padding-left: 3px;
    padding-right: 3px;
}

.im-metaverse__item {
    background-color: #F4F5F6;
    padding: 30px 20px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    height: 100%;
    position: relative;
}

.im-metaverse__subitem {
    position: relative;
    margin-bottom: 4px;
    text-indent: 0.5rem;
}

.im-metaverse__subitem::before {
    content: '';
    position: absolute;
    display: block;
    left: -6px;
    top: 6px;
    width: 4px;
    height: 4px;
    background-color: #22AF9A;
    border-radius: 4px;
}

.im-metaverse__subitem span {
    font-weight: normal;
}

.im-metaverse__image {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

@media (max-width: 991px) {
    .im-metaverse {
        margin-bottom: 36px;
    }

    .im-metaverse__title-container {
        margin-bottom: 7px;
    }

    .im-metaverse__item {
        margin-bottom: 7px;
        height: unset;
    }
}

@media (min-width: 992px) {
    .im-metaverse__title::before {
        content: '';
        display: block;
        position: absolute;
        bottom: -25px;
        left: 50%;
        height: 25px;
        width: 1px;
        background-color: #22AF9A;
    }

    .im-metaverse__item::before {
        content: '';
        display: block;
        position: absolute;
        top: -27px;
        left: 50%;
        height: 27px;
        width: 1px;
        background-color: #22AF9A;
    }

    .im-metaverse__title::after {
        /*               100% - (  высчитываем ширину одного элемента  ) */
        --im-width: calc(100% - ((100% + 6px) / var(--im-count) - 6px));

        content: '';
        display: block;
        position: absolute;
        bottom: -25px;
        left: calc((100% - var(--im-width)) / 2);
        height: 1px;
        width: var(--im-width);
        background-color: #22AF9A;
    }

    .im-metaverse__items-container {
        height: 180px;
    }
}

.industrial_metaverse .row {
    align-items: stretch;
}

.industrial_metaverse .row:not(:last-child) {
    margin-bottom: 60px;
}

@media (min-width: 992px) {
    .industrial_metaverse .row:not(:last-child) {
        margin-bottom: 80px;
    }
}

@media (max-width: 991px) {
    .industrial_metaverse .accessory-thumbnail {
        background-image: none !important;
    }
}

@media (min-width: 992px) {
    .industrial_metaverse .accessory-thumbnail {
        background-size: cover;
        background-position: center;
        height: 100%;
    }
}

.industrial_metaverse .accessory-thumbnail img {
    width: 100%;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .industrial_metaverse .accessory-thumbnail img {
        display: none;
    }
}

/*************************
 * Общие стили элементов *
 ************************/

ul.dot li {
    position: relative;
    text-indent: 0.75em;
}

ul.dot li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: calc(0.5em + 2px);
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 5px;
}

ul.dot.green-dot li::before {
    background-color: #22AF9A;
}

.green {
    color: #22AF9A;
}