@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{--system-font:'Montserrat',sans-serif;--primary:#008D7D;--orange:#EA8B1C;--accent:#FFCB4E;--beige:#F7F2EC;--shadow:rgba(0,0,0,0.2) 0 0 10px;--black:#000;--white:#fff;--big-shadow:#C9D4D9 0 0 90px;--grey:#A1A1A1;--silver:#F5F5F5;}
iframe {vertical-align: middle;}
body,html{overflow-x:hidden;font-family:var(--system-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height: 100%;}
.small-shadow {box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);}
.mask {background-color: var(--black); opacity: 0.6;position: absolute;top:0;left:0;width: 100%; height: 100%;}
body{font-family:var(--system-font);font-size:16px;font-weight:500;-webkit-animation:fadeinout .3s ease-in 1 forwards;animation:fadeinout .3s ease-in 1 forwards;}
@-webkit-keyframes fadeinout{0%{opacity:0}
100%{opacity:1}
;}
100%{opacity:1}
@keyframes fadeinout{0%{opacity:0}
;}
[typeof="v:Breadcrumb"] {
    color: var(--primary);
}
.lngbar{position:absolute;top:15px;right:60px;z-index:30;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.lngbar .lng{width:30px;height:30px;text-align:center;line-height:30px;color:var(--white);font-weight:600;background-color:var(--accent); font-size: 0.9em;}
.lngbar ul{list-style:none;position:absolute;top:30px;left:0;background-color:var(--silver);width:30px;text-align:center;opacity:0;height:0px;overflow:hidden;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul.open{opacity:100;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;height:auto;}
.lngbar ul li{color:#000;cursor:pointer;height:30px;line-height:30px;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover{color:var(--black);background-color:var(--primary);-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover a{color:var(--white);}
.lngbar ul li a{text-decoration:none;color:#000;font-size:0.8em;font-weight:400;}
.lngbar .select{border-color:var(--primary) transparent;border-style:solid solid none;border-width:5px 5px medium;height:5px;right:-12px;position:absolute;top:12px;width:0;text-decoration:none;color:var(--black);}
.editable {display: contents;}
.cmspage .wraper {margin: auto;}
.cmspage p {margin-bottom: 10px;}
.cmspage ul, .cmspage ol {margin-bottom: 10px; padding-left: 20px; line-height: 1.5;}
.cmspage h2 {margin-bottom: 30px;}
.cmspage table {border: solid 1px var(--silver); border-collapse: collapse; width: 100%; margin-bottom: 20px;}
.cmspage table  td {padding: 10px; border: solid 1px var(--silver);}
.object-top-left {object-position: top left;}
.object-bottom-right {object-position: bottom right;}
.object-top-right {object-position: top right;}
.z-101 {z-index: 101}
.flex-column {flex-direction: column}
.flex-column-reverse {flex-direction: column-reverse}
.row.not-float *[class*="col-"]{float:unset!important;}
header .header-nav ul {display: flex;align-items: center;justify-content: space-between ;font-size: 16px;width: 100%;gap:20px}
header .header-nav >nav > ul > li:hover{font-weight: bold;position: relative}
header .header-nav > nav > ul > li > a:hover:after{  content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 40px;
    border-bottom: 3px solid var(--accent);
    margin-top: 5px;}
header .header-nav ul li ul {display: none;font-size: 14px}
header .header-nav ul li:hover div {display: flex;padding-right: 100%;padding-top: 20px; width: fit-content;}
header .header-nav ul li:hover div ul {position: absolute;display: flex;padding:20px;width: fit-content; flex-direction: column; align-items: center;width: max-content;gap: 10px;font-weight: 600;border-radius: 10px;background-color: var(--white)}
header .header-nav ul ul li:hover {color: var(--primary)}
.mobile-menu {display: none;}
footer ul {display: flex;flex-direction: column; gap:5px}



.home-baners img{width: 100%; height: 100%; object-fit: cover;object-position: bottom}
.home-baners .slick-list {height: 100%}
.home-baners .slick-track {height: 100%}
.home-baners ul.slick-dots {position: absolute;display: flex;flex-direction: column;align-items: center; right: 2vw; top:50%;gap: 5px;transform: translateY(-50%);}
.home-baners ul.slick-dots  button{padding-inline:8px;border-radius: 100%;border: 2px solid var(--orange);color: var(--orange);}
.home-baners ul.slick-dots li.slick-active  button {padding-block: 2px;padding-inline:10px;color: var(--white); background: var(--accent); border-color: var(--accent)}
.tripple-slider .slick-track,.double-slider .slick-track,.home-advantages-slider .slick-track  {display: flex;gap: 20px;}
.tripple-slider .slick-track .slick-slide.slick-current, .double-slider .slick-track .slick-slide.slick-current, .home-advantages-slider .slick-track .slick-slide.slick-current{border-top-left-radius: 100px;overflow: hidden;transition: border-radius 0.5s ease;}
.tripple-slider .slick-dots, .double-slider .slick-dots,.home-advantages-slider .slick-dots{ display: flex; justify-content: center; padding: 0; list-style: none; margin-top: 10px; }
.tripple-slider .slick-dots li, .double-slider .slick-dots li,.home-advantages-slider .slick-dots li{ margin: 0 5px; }
.tripple-slider .slick-dots button, .double-slider .slick-dots button,.home-advantages-slider .slick-dots button{ width: 10px; height: 10px; border-radius: 50%; background: transparent; border: 1px solid var(--accent); cursor: pointer; text-indent: -9999px; padding: 0; }
.tripple-slider .slick-dots .slick-active button, .double-slider .slick-dots .slick-active button, .home-advantages-slider .slick-dots .slick-active button{ background: var(--accent); }

.one-image-slider .slick-track  {display: flex;}
.one-image-slider .slick-dots{ position: absolute;bottom:0;width: 100%; display: flex;flex-wrap: wrap; justify-content: center; padding: 0; list-style: none; margin-top: 10px; }
.one-image-slider .slick-dots li{ margin: 0 5px; }
.one-image-slider .slick-dots button{ width: 10px; height: 10px; border-radius: 50%; background: transparent; border: 1px solid var(--white); cursor: pointer; text-indent: -9999px; padding: 0; }
.one-image-slider .slick-dots .slick-active button{ background: var(--white); }
.one-image-slider img{height: 500px; border-bottom-right-radius: 50px; border-top-left-radius: 50px;object-fit: cover}

.home-advantages-slider .slick-track {display: flex}
.home-reviews .slick-track  {display: flex;gap: 20px;}
.home-reviews .slick-track  {padding-block: 5px;}
#reviews-page .col-33 {margin-top: 20px}
#gallery-page .gallery div[class^="col-25"]:nth-child(4n + 1) {margin-left: 0;}


.iziModal-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}



.accent-bottom-line:after{content: '';position: absolute;display: block;border-bottom:  4px solid var(--accent);margin: auto; width: 100px;margin-top: 15px}
.backface-hidden {
    backface-visibility: hidden;
}


@media screen and (max-width:1280px) {
    header nav, header .nav-tools .social-media-links {
        display: none;
    }

    .menu-call {
        width: 30px;
        position: relative;
        z-index: 101;
        cursor: pointer;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .menu-call span {
        width: 100%;
        height: 4px;
        background-color: var(--primary);
        top: 0;
        right: 0;
        display: block;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear
    }

    .menu-call span:before {
        content: '';
        height: 4px;
        width: 100%;
        margin-bottom: 5px;
        display: block;
        background-color: var(--black);
        position: absolute;
        top: 0;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear
    }

    .menu-call span:after {
        content: '';
        height: 4px;
        width: 100%;
        margin-top: 5px;
        display: block;
        background-color: var(--black);
        position: absolute;
        bottom: 0;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear
    }

    .menu-call.open span {
        -o-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        width: 0;
    }

    .menu-call.open span:before, .menu-call.open span:after {
        content: '';
        height: 2px;
        width: 100%;
        display: block;
        position: absolute;
        top: 8px;
        -webkit-transform: rotate(45deg);
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear
    }

    .menu-call.open span:before {
        transform: rotate(45deg);
    }

    .menu-call.open span:after {
        transform: rotate(-45deg);
        margin-top: 0px;
    }

    .menu-call span:before, .menu-call span:after {
        background-color: var(--primary);
    }

    .menu-call.open span:before, .menu-call.open span:after {
        background-color: var(--white);
    }

    .mobile-menu {
        display: flex;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: var(--primary);
        z-index: 99;
        transform: perspective(50em) rotateX(-90deg);
        transform-origin: 50% 0;
        -o-transition: all .8s ease;
        -moz-transition: all .8s ease;
        -webkit-transition: all .8s ease;
        transition: all .8s ease
    }

    .mobile-menu .logo {
        max-width: 70%;
        float: left;
        margin-top: -8px;
    }

    .mobile-menu * {
        opacity: 0;
        -o-transition: all .8s ease;
        -moz-transition: all .8s ease;
        -webkit-transition: all .8s ease;
        transition: all .8s ease
    }

    .mobile-menu.open {
        left: 0;
        right: 0;
        transform: perspective(50em) rotatey(0deg);
        height: fit-content;
        min-height: -webkit-fill-available;
        -o-transition: all .8s ease;
        -moz-transition: all .8s ease;
        -webkit-transition: all .8s ease;
        transition: all .8s ease
    }

    .mobile-menu.open * {
        opacity: 100;
        -o-transition: all .8s ease;
        -moz-transition: all .8s ease;
        -webkit-transition: all .8s ease;
        transition: all .8s ease
    }

    .mobile-menu ul {
        list-style: none;
        display: flex;
        flex-direction: column;
    }

    .mobile-menu ul a {
        z-index: 99;
        font-size: 1em;
        line-height: 30px;
        position: relative;
        display: block;
        background: var(--white);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 500;
        text-decoration: none;
        text-align: center
    }

    .mobile-menu ul a:after {
        content: '';
        height: 1px;
        width: 0;
        background-color: var(--white);
        bottom: 0;
        left: 0;
        position: absolute;
        -o-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

    .mobile-menu ul a:hover {
        color: var(--orange);
        -o-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    .mobile-menu ul ul li a::after {
        position: absolute;
        height: 2px;
        width: 0%;
        margin: auto;
        content: '';
        display: block;
        background-color: var(--darkYellow);
        left: 1%;
        right: 1%;
        -o-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    .mobile-menu ul ul li a:hover::after, .mobile-menu ul ul li a:active::after {
        width: 50%;
        -o-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    .mobile-menu ul ul a:hover {
        font-weight: bold;
    }


    .mobile-menu > nav > ul > li > a {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 10px;
    }


    .mobile-menu > nav > ul > li {
        margin-bottom: 20px;
    }

    #gallery-page .gallery div[class*="col-"] {
        width: 48%;
    }
    #gallery-page .gallery div[class^="col-25"]:nth-child(2n + 1) {margin-left: 0;}

    #media-page article[class*="col-"] {
        width: 50%;
    }

    #media-page [class*="col-"]:nth-child(2n+1) {
        margin-left: 0;
    }

}



@media (max-width:1024px){
    .home-baners ul.slick-dots {top: 5%;transform: none}
    .row [class^="col-"] {
        width: 100%;
        margin-left: 0;
    }
    #media-page article[class*="col-"] {
        width: 100%;
        margin-left: 0;
    }
    #gallery-page .gallery div[class*="col-"] {
        width: 100%;
    }
    #gallery-page .gallery div[class^="col-"] {margin-left: 0;}


    .tripple-slider .slick-track, .double-slider .slick-track {gap:10px}
    .wraper {min-width: unset}

    #reviews-page .col-33 {width: 100%;margin-left: 0;}

    .one-image-slider img{height: 250px; border-bottom-right-radius: 0px; border-top-left-radius: 0px;object-fit: cover}
}