@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --c-white:#fff;
    --c-black:#000;
    --c-main:#2d3853;
    --c-sec:#ed7220;
    --c-bluelight:#353c8d;
    --c-neutral:#ebf2f6;
}
/*<weight>: Use a value from 100 to 900*/
/*<uniquifier>: Use a unique and descriptive class name*/
/*.montserrat-<uniquifier> {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
}*/

.c_main{color: rgba(45, 56, 83, 1.0) !important;}
.c_sec{color: var(--c-sec);}
.c_white{color: var(--c-white);}
.c_black{color: var(--c-black);}
.c_blue{color: var(--c-bluelight) !important;}

body{
font-family: "Montserrat", sans-serif;
font-size:14px;
background:#fff;
color:#000;
}
/*HELPERS*/
a{color: var(--c-main);}
a:hover{
color: var(--c-sec);
-webkit-transition: all 0.2s linear;
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-delay: initial;
transition-delay: initial;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
transition-property: all;
}
a, a.active, a:hover {outline-style: none;text-decoration: none;}
ul{list-style-type: none;padding: 0;margin: 0;}
p{margin:0;}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
word-spacing: 0px;
margin: 0;
padding: 0;
}


h1 {
color: var(--c-sec);
font-weight:700;
font-size:45px;
}
.h1_home {
color: var(--c-sec);
font-weight: 900;
}
h2 {
font-weight: 700;
}
.font13 {font-size: 13px;}
.font45 {font-size: 45px;}
@media (max-width: 992px) {
    .font45, h1 {font-size:35px;}
}
@media (max-width: 576px) {
    .font45, h1 {font-size:30px;}
}


table, th, td, tbody {
/* border:1px solid red; */
outline:1px solid red;
border: none;
}
.d_100{display: inline-block;width: 100%;}
.d_auto{display: inline-block;width: auto;}
.d_iblock{display: inline-block;}
.d_flex {display: flex;}
.marg00{margin-right: 0;margin-left: 0;}
.tmarg7{margin-top: 7px;}
.bmarg7{margin-bottom: 7px;}
.marg9{margin-top: 9px;margin-bottom: 9px;}
.tmarg9{margin-top: 9px;}
.bmarg9{margin-bottom: 9px;}
.marg15{margin-top: 15px;margin-bottom: 15px;}
.tmarg15{margin-top: 15px;}
.bmarg15{margin-bottom: 15px;}
.marg20{margin-top: 20px;margin-bottom: 20px;}
.tmarg20{margin-top: 20px;}
.bmarg20{margin-bottom: 20px;}
.marg30{margin-top: 30px;margin-bottom: 30px;}
.tmarg30{margin-top: 30px;}
.bmarg30{margin-bottom: 30px;}
.marg40{margin-top: 40px;margin-bottom: 40px;}
.tmarg40{margin-top: 40px;}
.bmarg40{margin-bottom: 40px;}
.tmarg50{margin-top: 50px;}
.bmarg50{margin-bottom: 50px;}
.pad00{padding-left: 0; padding-right: 0;}
.pad15 {padding-top: 15px;padding-bottom: 15px;}
.pad20 {padding-top:20px;padding-bottom:20px;}
.pad30{padding-top: 30px;padding-bottom: 30px;}
.pad40{padding-top: 40px;padding-bottom: 40px;}
.pad50{padding-top: 50px;padding-bottom: 50px;}
.p-oriz-5{padding-left: 5px;padding-right: 5px;}
.t-bold{font-weight: bold;}
.overflow{overflow: hidden;}
.relative{position:relative;}
figure {margin: 0;}
.outline {outline: 1px red solid;}

.fancybox-toolbar {
top: 0 !important;
right: 0 !important;
bottom: auto !important;
}

.fancybox-infobar {
top: 0 !important;
bottom: auto !important;
}

/* ***ICON CHECK*** */
#lorem ul li:before {
font-family: 'Font Awesome 6 Free' !important;
content: "\f058";
font-weight: 900;
margin-right: 10px;
display: inline-block;
}

.hr_segmented {
  border: 0;
  height: 2px;
  background-image: repeating-linear-gradient(to right, var(--c-neutral) 0, var(--c-white) 12px, transparent 12px, transparent 22px);
}

/*OFFLINE GDPR BANNER*/
.gdpr-cookie-manager__consent_expiry {display: none !important;}
.cookie_pref {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 9999;
width:40px;
height:40px;
border-radius: 50%;
background-color: var(--c-bluelight);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.cookie_pref i {color: #fff;}
.gdpr-banner__button--opt-in {
  color: #fff;
  background: var(--c-sec) !important;
}

.lnxScrollToTop {
background: var(--c-sec) !important;
width: 48px !important;
height: 48px !important;
line-height: 48px !important;
right: 26px !important;
bottom: 26px !important;
border-radius: 3px !important;
box-shadow: 0 12px 28px rgba(45, 56, 83, .28);
transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.lnxScrollToTop:hover {
background: var(--c-main) !important;
transform: translateY(-4px);
box-shadow: 0 16px 34px rgba(45, 56, 83, .36);
}
.lnxScrollToTopArrow {
color: #fff !important;
font-size: 28px !important;
}
.lnxScrollToTop::before {
content: "";
position: absolute;
inset: 6px;
border: 1px solid rgba(255, 255, 255, .45);
pointer-events: none;
}

@media (max-width: 576px) {
    .lnxScrollToTop {
        width: 42px !important;
        height: 42px !important;
        line-height: 42px !important;
        right: 16px !important;
        bottom: 18px !important;
    }
    .lnxScrollToTopArrow {
        font-size: 24px !important;
    }
}

/* #LANGUAGES #NICE SELECT---- */
.fa_mysz{font-size:18px; color: #fff;}
#langs .nice-select {
border-radius: 0px;
border: solid 0px #fff;
/*font-size: 14px;*/
height:18px;
line-height:18px;
padding: 0 18px 0 9px;
display: inline-block;
float: none;
background-color: transparent;
}
/*#langs .nice-select .current {
 color: #fff;
}*/
#langs .nice-select .option {
padding:9px 15px;
line-height:20px;
}
#langs .nice-select:hover {
border: solid 0px var(--c-main);
}
#langs .nice-select::after {
border-bottom: 3px solid var(--c-main);
border-right: 3px solid var(--c-main);
height: 9px;
margin-top:-6px;
right:-7px;
width: 9px;
}
#langs .nice-select .list {
border-radius:0px;
}
#langs .form-control {
padding:0 5px !important;
outline: 1px red solid;
}
/*END NICE*/
#langs {
justify-content: center;
align-items: center;
display: inline-flex;
margin-left: 15px;
}
#langs .form-control {
display: block;
width: auto;
padding:5px;
font-size:14px;
line-height: 1.5;
color: var(--c-sec);
background-color: #fff;
background-clip: padding-box;
border: 0px solid #ced4da;
border-radius: 0;
cursor: pointer;
/*outline:1px red solid;*/
}
#langs .form-control:focus {
color: inherit;
border-color: transparent;
box-shadow: none;
}

/*COOKIES*/
#cookies-bar {
padding: 15px !important;
}
#cookies-bar .title {font-size: 18px !important;}
#cookies-bar .content {margin-top: 9px !important;}
#cookies-bar .buttons {margin-top: 15px !important;}
#cookies-bar .buttons a.btn {font-size: 13px !important;}
#cookies-bar .buttons a.btn-accept-all,
#cookies-bar .buttons a.btn-disable-all {
padding:3px 9px !important;
/*border-radius: .25rem !important;*/
color: #fff !important;
background-color: var(--c-main) !important;
border: 1px solid transparent !important;
}
#cookies-manage-save-modal {
color: #fff !important;
background-color: var(--c-main) !important;
}

.help-block.with-errors {color: red;}
/*pagination default*/
.pagination {justify-content: center;}
.pagination li {
  padding: 0 9px; 
  border: 1px solid var(--c-main);
  margin: 0 3px;  
}
.pagination li:hover a,
.pagination li.active a{color: #fff;}
.pagination li.active,
.pagination li:hover {background-color: var(--c-main);}
.pagination li a{color: #000;}
.page-item:first-child .page-link {
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.page-item.disabled .page-link {
color: #000;
background-color:transparent;
border-color: transparent;
}
.pagination .page-link {
padding:5px;
color: #000;
background-color: transparent;
border: 0px solid #ddd;
}
.pagination .page-item.active .page-link {
color: #fff;
background-color: transparent;
border-color: transparent;
}

/* =================
Header Styles STICKY
 =================== */
/* *** Custom Animation 01 *** */
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -100px;
  }
  to {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -100px;
  }
  to {
    margin-top: 0;
  }
}
.stickycub {
width: 100%;
height: auto;
padding: 0;
position: fixed !important;
top: 0;
background: rgba(255,255,255,0.9) !important;
left: 0;
right: 0;
z-index: 999999;
-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
-webkit-animation: headerSlideDown .95s ease forwards;
animation: headerSlideDown .95s ease forwards;
}
/* ============
end STICKY
=============== */
.central {
position: relative;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
/* transform: translate(orizontal,vertical); */
}

/*HOVER ZOOM IMAGES*/
.wrapp_img {
position: relative;
overflow: hidden;
}
.overlay_cub {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(0, 0, 0, 0.7);
}
.wrapp_img:hover .overlay_cub {opacity: 1;}
.textimg {
color: #fff;
border: #fff 1px solid;
padding: 15px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.wrapp_img img {transition: transform .5s;margin: 0 auto;}
.wrapp_img:hover img {
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
/*END GALLERY*/

/*FOOTER*/
.the_foot {
background: var(--c-main);
color: #fff;
padding: 48px 0 30px;
}
.the_foot a {
color: #fff;
font-size: 14px;
}
.the_foot a:hover {
color: var(--c-sec);
}
.footer_cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
background: var(--c-bluelight);
border-left: 5px solid var(--c-sec);
padding: 24px 28px;
margin-bottom: 36px;
}
.footer_cta span {
display: block;
color: #fff;
font-size: 25px;
font-weight: 800;
line-height: 1.15;
}
.footer_cta p {
color: rgba(255, 255, 255, .82);
line-height: 1.55;
margin: 8px 0 0;
}
.footer_main {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 34px;
margin-bottom:15px;
}
.footer_phone {
display: inline-flex;
align-items: center;
gap: 10px;
color: #fff;
font-size:18px !important;
font-weight: 800;
line-height: 1;
margin-bottom: 18px;
}
.footer_phone i {
color: var(--c-sec);
font-size: 25px;
}
.footer_info p {
display: flex;
align-items: baseline;
gap: 10px;
color: rgba(255, 255, 255, .86);
line-height: 1.5;
margin-bottom: 8px;
}
.footer_info i {
color: var(--c-sec);
width: 18px;
text-align: center;
}
.footer_social {
display: flex;
align-items: center;
gap: 12px;
}
.footer_social .lnk_soc {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border: 1px solid rgba(255, 255, 255, .22);
color: #fff;
}
.footer_social .lnk_soc i {
font-size: 25px;
}
.footer_brand {
display: flex;
align-items: center;
justify-content: center;
gap: 26px;
background: rgba(53, 60, 141, .45);
padding: 26px 22px;
margin-bottom: 30px;
}
.footer_brand_cort img {
display: block;
max-width: 320px;
height: auto;
}
.footer_brand > span {
color: rgba(255, 255, 255, .58);
font-size: 20px;
}
.footer_brand > i {
display: block;
width: 2px;
height: 86px;
background: var(--c-sec);
transform: skewX(-20deg);
}
.footer_brand_grs {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 92px;
min-height: 92px;
border: 2px solid rgba(255, 255, 255, .85);
color: #fff;
line-height: 1;
}
.footer_brand_grs span {
font-size: 31px;
font-weight: 900;
}
.footer_brand_grs small {
font-size: 15px;
}
.politici ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 6px 14px;
padding: 0;
margin: 0 0 20px;
}
.politici ul li {
padding: 0;
}
.footer_bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
flex-wrap: wrap;
font-size: 13px;
text-align: center;
}
.lnk_cube a, .lnk_cube {color: var(--c-neutral);}
.lnk_cube span {
display: inline-flex;
align-items: center;
gap: 5px;
}

@media (max-width: 991px) {
    .footer_cta,
    .footer_main,
    .footer_brand {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer_social {
        justify-content: flex-start;
    }
    .footer_brand {
        align-items: center;
        text-align: center;
    }
    .footer_brand > i {
        width: 86px;
        height: 2px;
        transform: skewX(-20deg);
    }
    .footer_brand_cort img {
        max-width: 260px;
    }
}

/*PARAGRAPHS TEMPLATE*/
.paragraph{flex-wrap: wrap;}
.parag_lft{flex-direction: row-reverse;}
.flex-item-big {flex-basis:65%;}
.flex-item-sm {flex-basis:35%;}
@media (max-width: 1200px) {
    .flex-item-big {flex-basis:60%;}
    .flex-item-sm {flex-basis:40%;}}
@media (max-width: 992px) {
    .flex-item-big {flex-basis:50%;}
    .flex-item-sm {flex-basis:50%;}
}
@media (max-width: 768px) {
    .flex-item-big,
    .flex-item-sm {flex-basis:100%;}
}
.paragraph_grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap:50px;
    align-items: center;
}
.paragraph_img_right .flex-item-big {
    order: 1;
}
.paragraph_img_right .flex-item-sm {
    order: 2;
}
.paragraph_img_left .flex-item-sm {
    order: 1;
}
.paragraph_img_left .flex-item-big {
    order: 2;
}
.paragraph_grid .flex-item-big,
.paragraph_grid .flex-item-sm {
    min-width: 0;
}
.paragraph_grid .par_img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 991px) {
    .paragraph_grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .paragraph_grid .flex-item-big,
    .paragraph_grid .flex-item-sm {
        order: initial;
    }
}
/*end*/

/*FORMULARE*/
.fa_size{color: var(--c-main);}
.dep_elem {margin-bottom: 5px;}
.name_dep {
color: var(--c-main);
text-transform: uppercase;
}
.sec_forms .form-group {margin-bottom: 15px;}
.sec_forms .form-group .form-control {
font-size: inherit;
font-weight: inherit;
line-height: 1.5;
color: #000;
background-color: #fff;
border-right: 0 solid var(--c-main);
border-left: 0 solid var(--c-main);
border-top: 0 solid var(--c-main);
border-bottom: 1px solid var(--c-main);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.sec_forms .form-control.form-textarea{
border-right: 1px solid #eee;
border-left: 1px solid #eee;
border-top: 1px solid #eee;
}
.fa_size {font-size: 21px;margin-right: 3px;}
.upload-button {
  border: 1px dashed var(--c-main);
  border-radius: 0 0 0 0;
  font-size: 12px;
}
/*END formulare*/
.fa-sz1 {font-size: 18px; color: var(--c-main);}
#agreegdpr {font-style:italic; }
#agreegdpr a {color:var(--c-sec);}
#agreegdpr a:hover {color:var(--c-mainlight);}
.help-block.with-errors {
color: red;
font-size: 12px;
font-style: italic;
}

.infotxt {font-size: 18px;line-height: 21px;color: #fff;}
@media (max-width: 992px) {
    .infotxt {font-size:15px;line-height:18px;}
}

.bg_up_cort {
position: absolute;
z-index: 9;
bottom: 15px;
left: 40px;
opacity: 0.69;
}
.hero_video_banner {
position: relative;
width: 100%;
max-width: none;
height: 80vh;
min-height: 420px;
overflow: hidden;
background: #000;
/*border-left: 12px solid var(--c-sec);*/
}
.hero_video_banner::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: clamp(85px, 10vw, 190px);
background: url('../images/mask-bott.svg') no-repeat bottom center;
background-size: 100% 100%;
z-index: 2;
pointer-events: none;
}
.hero_video_title {
color: #fff;
font-size:30px;
line-height: 1.25;
text-align: left;
}
.hero_video_banner > .hero_video_title {
display: none;
}
.hero_video_intro {
position: relative;
overflow: hidden;
/*background: var(--c-bluelight);*/
background: var(--c-bluelight) url(../images/cort-container-3.webp) no-repeat center bottom;
padding: 0 0 50px;
}
.hero_video_intro .container {
position: relative;
z-index: 1;
}
.hero_intro_gallery {
/*display: grid;*/
/*grid-template-columns: repeat(2, minmax(0, 1fr));*/
/*gap: 28px;*/
margin-bottom:50px;
align-items: center;
}
.hero_intro_card {
position: relative;
margin: 0;
padding: 9px 9px 9px 9px;
border: 1px solid var(--c-sec);
border-radius: 25px;
overflow: visible;
}
.hero_intro_card img {
position: relative;
z-index: 1;
display: block;
width: 100%;
margin: 0;
object-fit: cover;
object-position: center center;
border-radius: 16px;
}
.hero_intro_card a:hover img {opacity: 0.7}
.scroll_reveal {
position: relative;
overflow: hidden;
}
.scroll_reveal img {
transform: scale(1.06);
transition: transform 1.55s cubic-bezier(.22, 1, .36, 1);
}
.scroll_reveal::before {
content: "";
position: absolute;
inset: 0;
background: var(--c-bluelight);
transform: translateX(0);
transition: transform 1.55s cubic-bezier(.83, 0, .17, 1);
z-index: 3;
pointer-events: none;
}
.scroll_reveal.reveal_left.reveal-active::before {
transform: translateX(101%);
}
.scroll_reveal.reveal_right::before {
transform: translateX(0);
}
.scroll_reveal.reveal_right.reveal-active::before {
transform: translateX(-101%);
}
.scroll_reveal.reveal_down::before {
transform: translateY(0);
}
.scroll_reveal.reveal_down.reveal-active::before {
transform: translateY(101%);
}
.scroll_reveal.reveal-active img {
transform: scale(1);
}
#main_image.scroll_reveal::before {
background: #fff;
}
.hero_intro_cardone figcaption {
position: absolute;
left: 12px;
bottom: -6px;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 0 16px 0 0;
background: var(--c-main);
color: var(--c-sec);
font-size:13px;
line-height: 38px;
transform: none;
white-space: nowrap;
z-index: 4;
}
.hero_intro_card figcaption {
position: absolute;
left: 50%;
bottom: -18px;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 0 16px 0 0;
background: var(--c-main);
color: var(--c-sec);
font-size:13px;
line-height: 38px;
transform: translateX(-50%);
white-space: nowrap;
z-index: 4;
}
.hero_intro_cardone figcaption::after,
.hero_intro_card figcaption::after {
content: "";
position: absolute;
top: 0;
right: -20px;
border-style: solid;
border-width: 38px 20px 0 0;
border-color: var(--c-main) transparent transparent transparent;
}
.hero_intro_cardone figcaption span,
.hero_intro_card figcaption span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
background: var(--c-sec);
color: var(--c-main);
font-size: 28px;
font-weight: 700;
line-height: 1;
}
.hero_intro_cardone figcaption span::before {
content: "";
width: 14px;
height: 14px;
background: currentColor;
}
.hero_video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
pointer-events: none;
}
.hero_video_toggle {
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 4;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    cursor: pointer;
}
.hero_video_banner {
    height:69vh;
    /* min-height: 420px;*/
}

@media (max-width: 768px) {
    .hero_video_banner {
        height: 62vh;
        min-height: 320px;
    }
    .hero_intro_gallery {
        /*grid-template-columns: 1fr;
        gap: 34px;*/
    }
    .hero_intro_card img {
        height: 220px;
    }
}

#the_top {
background: linear-gradient(90deg, var(--c-main) 0%, var(--c-bluelight) 100%);
position: relative;
/*background: var(--c-main) url(../images/demo.webp) no-repeat center bottom;*/
}
#the_top::before,
#the_top::after {
content: "";
position: absolute;
height: 3px;
width: 50%;
background: var(--c-sec);
pointer-events: none;
}
#the_top::before {
left: 0;
bottom: 0;
}
#the_top::after {
right: 0;
top: 0;
}
.sec_top {
justify-content: space-between;
align-items: center;
}
.phone {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 8px 14px;
border: 1px solid rgba(255,255,255,.75);
color: #fff;
line-height: 1.1;
text-transform: uppercase;
}
.phone:hover {
color: #fff;
border-color: var(--c-sec);
background: rgba(237,114,32,.16);
}
.phone i {
color: var(--c-sec);
font-size: 20px;
}
.phone span {
display: block;
}
.phone strong {
display: block;
}


.span_cort {
color: var(--c-sec);
font-size: 17px;
}

.cort_000 i {
font-size:30px;
color: var(--c-sec);
margin-right: 9px;
}
.cort_000 .title {
font-size:24px;
color: #fff;
text-align: left;
}
.sectxt {
font-size: 25px;
font-weight: 700;
}
.cort_phone {
background-color: var(--c-sec);
padding: 9px 25px;
color: #fff;
font-size: 25px;
font-weight: bold;
display: inline-block;
width: auto;
border-radius:35px;
}
.cort_phone:hover {
background-color: var(--c-main);
color: #fff;
}
.col_imgs {
padding-left: 50px;
}

.btn_def {
background-color: var(--c-sec);
padding: 9px 25px;
color: #fff;
font-size:18px;
display: inline-block;
width: auto;
border-radius:35px;
}
.btn_def:hover {
background-color: var(--c-main);
color: #fff;
}
.ageytbp {
left:0;
}
.imgbgcort {
position: absolute;
inset: 0;
z-index: 0;
width: 100%;
height: 100%;
max-width: none;
opacity: .55;
object-fit: cover;
object-position: center center;
pointer-events: none;
}

.container_specs {
background: #fff;
color: var(--c-main);
overflow: hidden;
}
.container_specs_title {
font-weight: 900;
line-height: .85;
letter-spacing: 0;
color: var(--c-main);
margin-bottom:25px;
}
.spec_group {
display: grid;
grid-template-columns: 72px minmax(0, 1fr);
align-items: start;
margin-bottom:20px;
}
.spec_group_low {
margin-top: 46px;
}
.spec_icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
background: var(--c-sec);
color: #fff;
font-size: 30px;
}
.spec_content h3,
.dimensions_head h3 {
color: var(--c-sec);
font-size:30px;
font-weight: 400;
line-height: 72px;
padding-left: 30px;
}
.spec_ribbon,
.dimension_ribbon {
position: relative;
display: flex;
align-items: baseline;
gap: 20px;
width: min(100%, 560px);
/*min-height:69px;*/
padding: 9px 74px 9px 38px;
background: var(--c-neutral);
--ribbon-cut: 64px;
clip-path: polygon(0 0, 100% 0, calc(100% - var(--ribbon-cut)) 100%, 0 100%);
/*clip-path: polygon(0 0, 100% 0, calc(100% - 64px) 100%, 0 100%);*/
}
.spec_ribbon_short {
width: min(100%, 340px);
--ribbon-cut: 48px;
}













.spec_ribbon + .spec_ribbon {
margin-top: 14px;
}
.spec_ribbon strong,
.dimension_ribbon strong {
color: #252525;
font-size:21px;
font-weight: 700;
line-height: 1;
}
.spec_ribbon span,
.dimension_ribbon span {
color: var(--c-sec);
font-size: 28px;
line-height: 1;
font-weight: bold;
}
.spec_ribbon small {
position: absolute;
left:109px;
bottom: 12px;
color: var(--c-sec);
font-size: 18px;
line-height: 1.1;
}
.spec_ribbon_short {
width: min(100%, 340px);
}
.spec_ribbon_mount {
width: min(100%, 315px);
min-height: 120px;
align-items: start;
padding-top: 24px;
clip-path: polygon(0 0, 100% 0, 100% 58%, 0 100%);
}
.spec_ribbon_mount strong {
color: var(--c-bluelight);
font-size: clamp(28px, 2.8vw, 42px);
}
.move{
margin-top: 72px;
}
.anjey {
min-height: 69px;
}
.dimensions_head {
display: flex;
align-items: center;
gap: 28px;
margin: 34px 0 0;
}
.dimension_options {
margin-left:73px;
margin-bottom: 26px;
}
.dimension_ribbon {
width: min(100%, 430px);
min-height: 78px;
}
.dimension_ribbon + .dimension_ribbon {
margin-top: 12px;
}
.dimension_ribbon_short {
width: min(100%, 355px);
}
.blueprints {
display: grid;
gap: 26px;
justify-items: stretch;
padding-top: 4px;
}
.blueprint_item {
display: grid;
grid-template-columns: 120px minmax(0, 1fr);
align-items: center;
gap: 22px;
margin: 0;
}
.blueprint_item_front {
/*max-width: 320px;*/
margin-left: 0;
}
.blueprint_item figcaption {
color: var(--c-bluelight);
font-size: 18px;
line-height: 1.05;
text-align: right;
}
.blueprint_item figcaption strong {
font-weight: 700;
}
.blueprint_item img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
/*max-height: 150px;*/
object-fit: contain;
object-position: left center;
}
.blueprint_front img {
width: auto;
max-width: 100%;
}
.blueprint_standard img {
width: 50%;
}
.blueprint_long img {
width: 100%;
}
.blueprint_item img:hover {opacity: 0.69;}
.bigimg img {max-height: 250px;}

@media (max-width: 991px) {
    .container_specs_title {
        margin-bottom: 34px;
    }
    .spec_group {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 18px;
        margin-bottom: 34px;
    }
    .spec_group_low {
        margin-top: 20px;
    }
    .spec_icon {
        width: 58px;
        height: 58px;
        font-size: 24px;
    }
    .dimension_options {
        margin-left: 0;
    }
    .blueprint_item,
    .blueprint_item_front {
        max-width: none;
        width: 100%;
        grid-template-columns: 95px minmax(0, 1fr);
        gap: 14px;
    }
    .blueprint_item figcaption {
        font-size: 16px;
    }
}

#advantages {
background: var(--c-neutral) url("../images/cort-container-parallax.webp") no-repeat center center fixed;
background-size: cover;
padding-top: 0;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
#advantages::before {
content: "";
position: absolute;
inset: 0;
background: rgba(45, 56, 83, .36);
pointer-events: none;
}
#advantages .container {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
gap: 34px;
min-height: 520px;
}




.advantages_text {
width: min(100%, 650px);
background: rgba(255, 255, 255, .92);
padding: 34px 38px;
border-left: 5px solid var(--c-sec);
box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
margin-top: 95px;
margin-bottom: 95px;
}
.advantages_text h2 {
color: var(--c-main);
font-size: 32px;
font-weight: 800;
line-height: 1.1;
margin-bottom: 18px;
display: flex;
align-items: center;
gap: 12px;
}
.advantages_text h2 i {
color: var(--c-sec);
font-size: 26px;
}
.advantages_text ul {
list-style: none;
padding: 0;
margin: 0;
}
.advantages_text li {
position: relative;
padding-left: 30px;
line-height: 1.65;
margin-bottom: 10px;
}
.advantages_text li::before {
content: "\f00c";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
left: 0;
top: .08em;
color: var(--c-sec);
font-size: 14px;
}
.advantages_text p {
color: #1f2933;
font-size: inherit;
line-height: 1.65;
margin-bottom: 14px;
display: none;
}
.advantages_text .advantages_note {
display: block;
font-size: 13px;
line-height: 1.45;
margin: 16px 0 0;
opacity: .82;
}

.advantages_text_int {
/*width: min(100%, 650px);*/
padding: 34px 38px;
border-left: 5px solid var(--c-sec);
background-color: var(--c-neutral);
}
.advantages_text_int ul {
list-style: none;
padding: 0;
margin: 0;
}
.advantages_text_int li {
position: relative;
padding-left: 30px;
line-height: 1.65;
margin-bottom: 10px;
}
.advantages_text_int li::before {
content: "\f00c";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
left: 0;
top: .08em;
color: var(--c-sec);
font-size: 14px;
}
.advantages_text_int p {
color: #1f2933;
font-size: inherit;
line-height: 1.65;
margin-bottom: 14px;
display: none;
}
.advantages_text_int .advantages_note {
display: block;
font-size: 13px;
line-height: 1.45;
margin: 16px 0 0;
opacity: .82;
}




.advantages_storage {
width: min(100%, 520px);
margin-left: auto;
background: rgba(53, 60, 141, .86);
padding: 28px 34px;
border-right: 5px solid var(--c-sec);
box-shadow: 0 18px 45px rgba(0, 0, 0, .2);
display: flex;
flex-direction: column;
justify-content: center;
}
.storage_row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto auto;
align-items: center;
gap: 12px;
padding: 18px 0;
border-bottom: 2px solid rgba(237, 114, 32, .65);
}
.storage_row:first-child {
padding-top: 0;
}
.storage_row:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.storage_row p {
display: block;
color: var(--c-sec);
font-size: 20px;
font-weight: 600;
line-height: 1.25;
text-align: right;
margin: 0;
}
.storage_row span {
color: var(--c-sec);
font-size: 24px;
font-weight: 800;
line-height: 1;
}
.storage_row strong {
color: #fff;
font-size: 30px;
font-weight: 800;
line-height: 1;
white-space: nowrap;
}
.storage_row i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: var(--c-sec);
color: var(--c-main);
font-size: 15px;
line-height: 1;
}
.storage_row small {
color: var(--c-sec);
font-size: 14px;
font-weight: 700;
line-height: 1.15;
text-transform: uppercase;
}


.advantages_storage_int {
/*width: min(100%, 520px);*/
margin-left: auto;
background: var(--c-bluelight);
padding: 28px 34px;
border-right: 5px solid var(--c-sec);
display: flex;
flex-direction: column;
justify-content: center;
}
.advantages_cta_int {
flex: 0 0 100%;
margin-top: 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
background: var(--c-main);
border-top: 4px solid var(--c-sec);
padding: 22px 28px;
margin-bottom: 42px;
}
.advantages_cta_int p {
color: #fff;
font-size: 22px;
font-weight: 800;
line-height: 1.2;
margin: 0;
}
.advantages_cta_int .btn_def:hover {background-color: var(--c-bluelight);}

#int_advantages div.row {align-items: center;}

.advantages_cta {
flex: 0 0 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
background: rgba(255, 255, 255, .9);
border-top: 4px solid var(--c-sec);
padding: 22px 28px;
margin-bottom: 42px;
box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
}
.advantages_cta p {
color: var(--c-main);
font-size: 22px;
font-weight: 800;
line-height: 1.2;
margin: 0;
}

@media (max-width: 991px) {
    #advantages {
        background-attachment: scroll;
        padding-top: 0;
        padding-bottom: 0;
    }
    #advantages .container {
        flex-direction: column;
        justify-content: center;
        min-height: auto;
    }
    .advantages_text {
        padding: 28px 24px;
        margin-top: 65px;
        margin-bottom: 0;
    }
    .advantages_storage {
        margin-left: 0;
        padding: 24px;
        margin-bottom: 65px;
    }
    .storage_row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
    }
    .storage_row p {
        grid-column: 1 / -1;
        text-align: left;
        font-size: 18px;
    }
    .storage_row span {
        display: none;
    }
    .storage_row strong {
        font-size: 28px;
    }
    .advantages_cta {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 65px;
    }
    .advantages_cta p {
        font-size: 20px;
    }
}

.shape_test,
.masked_shape {
position: relative;
width: min(100%, 920px);
aspect-ratio: 2048 / 1116;
margin: 60px auto;
}
.shape_test::after,
.masked_shape::after {
content: "";
position: absolute;
inset: 0;
background: var(--c-sec);
-webkit-mask: url("../images/mask-shape-test.svg") center / 100% 100% no-repeat;
mask: url("../images/mask-shape-test.svg") center / 100% 100% no-repeat;
z-index: 1;
pointer-events: none;
}
.shape_test::before,
.masked_shape::before {
content: "";
position: absolute;
inset: 3px;
background: #fff;
-webkit-mask: url("../images/mask-shape-test.svg") center / 100% 100% no-repeat;
mask: url("../images/mask-shape-test.svg") center / 100% 100% no-repeat;
z-index: 2;
pointer-events: none;
}
.shape_test img,
.masked_shape img {
display: block;
position: absolute;
inset: 12px;
z-index: 3;
width: calc(100% - 24px);
height: calc(100% - 24px);
object-fit: cover;
-webkit-mask: url("../images/mask-shape-test.svg") center / 100% 100% no-repeat;
mask: url("../images/mask-shape-test.svg") center / 100% 100% no-repeat;
}

#services {
background: #fff;
overflow: hidden;
}
.services_layout {
display: grid;
grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
align-items: center;
gap: 44px;
}
.services_info {
color: var(--c-main);
}
.services_list,
.services_extra ul {
list-style: none;
padding: 0;
margin: 0;
}
.services_list {
margin-bottom: 28px;
}
.services_list li,
.services_extra li {
position: relative;
padding-left: 30px;
line-height: 1.65;
margin-bottom: 10px;
}
.services_list li::before,
.services_extra li::before {
content: "\f00c";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
left: 0;
top: .08em;
color: var(--c-sec);
font-size: 14px;
}
.services_extra {
background: var(--c-neutral);
padding: 24px 28px;
border-left: 5px solid var(--c-sec);
margin-bottom: 28px;
}
.services_extra h4 {
color: var(--c-main);
font-size: 22px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 14px;
}
.services_figure {
width: 100%;
margin: 0;
}
.services_image_reveal {
width: 100%;
}
.services_image_reveal .masked_shape {
z-index: 1;
}
.services_image_reveal::before {
background: #fff;
z-index: 10;
}
.masked_callout_section {
background: #fff;
padding: 20px 0 45px;
}
.masked_text_block {
position: relative;
width: 100%;
/*aspect-ratio: 2048 / 1116;*/
/*min-height: 360px;*/
aspect-ratio: 5000 / 1100;
min-height:200px;
background: var(--c-neutral);
padding: 80px 40px 40px 40px;
-webkit-mask: url("../images/mask-shape-text.svg") center / 100% 100% no-repeat;
mask: url("../images/mask-shape-text.svg") center / 100% 100% no-repeat;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
}
.masked_text_block h3 {
color: var(--c-sec);
font-size: 34px;
font-weight: 900;
line-height: 1.12;
margin-bottom: 14px;
}
.masked_text_list {
list-style: none;
padding: 0;
margin: 0 0 18px;
}
.masked_text_list li {
position: relative;
padding-left: 30px;
line-height: 1.65;
margin-bottom: 8px;
color: var(--c-main);
}
.masked_text_list li::before {
content: "\f00c";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
left: 0;
top: .08em;
color: var(--c-sec);
font-size: 14px;
}
.masked_text_block p {
color: var(--c-main);
line-height: 1.65;
margin: 0;
}

@media (max-width: 991px) {
    .services_layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .masked_text_block {
        aspect-ratio: auto;
        min-height: 300px;
        padding: 40px;
    }
    .masked_text_block h3 {
        font-size: 28px;
    }
}


.subtitle {
color: var(--c-bluelight);
font-weight: 700;
font-size: 25px;
}
.wrap_tent {
background: var(--c-neutral);
padding: 30px;
}
.reveal_wt::before {
background: var(--c-neutral);
}
.imgs_tent {
align-items: center;
}
.util_ribbon {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: 20px;
    margin-bottom: 20px;
    width: 100%;
    padding: 13px 74px 13px 38px;
    background: var(--c-neutral);
    --ribbon-cut: 64px;
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--ribbon-cut)) 100%, 0 100%);
    /* clip-path: polygon(0 0, 100% 0, calc(100% - 64px) 100%, 0 100%); */
}

.prices_section {
margin-top: 35px;
}
.price_block {
background: #fff;
border-left: 5px solid var(--c-sec);
box-shadow: 0 14px 36px rgba(45, 56, 83, .08);
margin-bottom: 34px;
overflow: hidden;
}
.price_block h3,
.price_info h3 {
display: flex;
align-items: center;
gap: 12px;
background: var(--c-main);
color: #fff;
font-size: 24px;
font-weight: 800;
line-height: 1.2;
padding: 18px 22px;
margin: 0;
}
.price_block h3 span,
.price_info h3 span {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
width: 42px;
height: 42px;
background: var(--c-sec);
color: #fff;
font-size: 17px;
font-weight: 900;
}
.price_intro {
margin: 18px 22px 0;
color: var(--c-main);
font-weight: 600;
}
.price_table_wrap {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.prices_section table {
width: 100%;
min-width: 680px;
border-collapse: collapse;
margin: 0;
border: 0;
outline: 0 !important;
}
.prices_section thead,
.prices_section tbody,
.prices_section tr,
.prices_section th,
.prices_section td {
outline: 0 !important;
border-left: 0;
border-right: 0;
}
.prices_section th {
background: var(--c-bluelight);
color: #fff;
padding: 14px 16px;
font-weight: 800;
text-align: left;
white-space: nowrap;
}
.prices_section td {
padding: 13px 16px;
border-bottom: 1px solid rgba(45, 56, 83, .12);
color: #222;
vertical-align: top;
}
.prices_section tbody tr:nth-child(even):not(.price_total) {
background: var(--c-neutral);
}
.prices_section th:last-child {color: #fff;text-align: right;white-space: nowrap;}
.prices_section td:last-child {
text-align: right;
font-weight: 800;
color: var(--c-main);
white-space: nowrap;
}
.price_total {
background: rgba(237, 114, 32, .12);
}
.price_total td {
color: var(--c-main);
font-weight: 900;
border-top: 2px solid var(--c-sec);
}
.price_note {
color: #555;
font-size: 13px;
line-height: 1.45;
margin: 14px 22px 20px;
}
.price_info_grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
margin-bottom: 30px;
}
.price_info {
background: var(--c-neutral);
border-left: 5px solid var(--c-sec);
padding-bottom: 20px;
}
.price_info ul {
list-style: none;
padding: 20px 24px 0;
margin: 0;
}
.price_info li {
position: relative;
padding-left: 30px;
line-height: 1.65;
margin-bottom: 10px;
color: var(--c-main);
}
.price_info li::before {
content: "\f00c";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
left: 0;
top: .08em;
color: var(--c-sec);
font-size: 14px;
}
.price_notice {
background: var(--c-main);
color: #fff;
border-left: 5px solid var(--c-sec);
padding: 22px 26px;
font-weight: 700;
line-height: 1.5;
}

@media (max-width: 768px) {
    .price_block h3,
    .price_info h3 {
        align-items: flex-start;
        font-size: 20px;
        padding: 16px 18px;
    }
    .price_block h3 span,
    .price_info h3 span {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
        font-size: 15px;
    }
    .price_info_grid {
        grid-template-columns: 1fr;
    }
    .prices_section table {
        min-width: 620px;
    }
}

@media (max-width: 576px) {
    .price_block {
        border-left-width: 4px;
        margin-bottom: 24px;
    }
    .price_block h3,
    .price_info h3 {
        font-size: 18px;
        gap: 10px;
    }
    .price_intro,
    .price_note {
        margin-left: 18px;
        margin-right: 18px;
    }
    .prices_section th,
    .prices_section td {
        padding: 12px 14px;
    }
    .price_notice {
        padding: 18px 20px;
    }
}

.h4_txt {
font-size:30px;
font-weight: 700;
}