/* Add here all your css styles (customizations) */

body, html {
    font-family: "cmg_sansmedium", sans-serif;
    overflow-x: hidden!important;
    width: 100vw !important;
    color: #000;
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .navbar, .cmg-sans-font {font-family: 'cmg_sansmedium', sans-serif;}

/* Ellipsis based on lines */
.ellipsis-1, .ellipsis-2, .ellipsis-3, .ellipsis-4, .ellipsis-5, .ellipsis-6, .ellipsis-7, .ellipsis-8, .ellipsis-9, .ellipsis-10 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis-1 {-webkit-line-clamp: 1;}
.ellipsis-2 {-webkit-line-clamp: 2;}
.ellipsis-3 {-webkit-line-clamp: 3;}
.ellipsis-4 {-webkit-line-clamp: 4;}
.ellipsis-5 {-webkit-line-clamp: 5;}
.ellipsis-6 {-webkit-line-clamp: 6;}
.ellipsis-7 {-webkit-line-clamp: 7;}
.ellipsis-8 {-webkit-line-clamp: 8;}
.ellipsis-9 {-webkit-line-clamp: 9;}
.ellipsis-10 {-webkit-line-clamp: 10;}
/* END Ellipsis based on lines */


/* Ellipsis based on character count */
.ellipsis-char-20, .ellipsis-char-30, .ellipsis-char-40, .ellipsis-char-50, .ellipsis-char-60, .ellipsis-char-70, .ellipsis-char-80, .ellipsis-char-90 .ellipsis-char-100, .ellipsis-char-120, .ellipsis-char-140, .ellipsis-char-160, .ellipsis-char-180, .ellipsis-char-200 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-char-20 {max-width: 20ch;}
.ellipsis-char-30 {max-width: 30ch;}
.ellipsis-char-40 {max-width: 40ch;}
.ellipsis-char-50 {max-width: 50ch;}
.ellipsis-char-60 {max-width: 60ch;}
.ellipsis-char-70 {max-width: 70ch;}
.ellipsis-char-80 {max-width: 80ch;}
.ellipsis-char-90 {max-width: 90ch;}
.ellipsis-char-100 {max-width: 100ch;}
.ellipsis-char-120 {max-width: 120ch;}
.ellipsis-char-140 {max-width: 140ch;}
.ellipsis-char-160 {max-width: 160ch;}
.ellipsis-char-180 {max-width: 180ch;}
.ellipsis-char-200 {max-width: 200ch;}
/* END Ellipsis based on character count */


/* line-cut based on lines */
.line-cut-1, .line-cut-2, .line-cuts-3, .line-cut-4, .line-cut-5, .line-cut-6, .line-cut-7, .line-cut-8, .line-cut-9, .line-cut-10 {
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.line-cut-1 {-webkit-line-clamp: 1;}
.line-cut-2 {-webkit-line-clamp: 2;}
.line-cut-3 {-webkit-line-clamp: 3;}
.line-cut-4 {-webkit-line-clamp: 4;}
.line-cut-5 {-webkit-line-clamp: 5;}
.line-cut-6 {-webkit-line-clamp: 6;}
.line-cut-7 {-webkit-line-clamp: 7;}
.line-cut-8 {-webkit-line-clamp: 8;}
.line-cut-9 {-webkit-line-clamp: 9;}
.line-cut-10 {-webkit-line-clamp: 10;}
/* END line-cut based on lines */

/* Remove some buttons from the fancybox pop-up */
.fancybox-button--fullscreen,
.fancybox-button--play,
.fancybox-button--thumbs {display:none!important;}

/* Scroll bar styling ---------------------------------------------------------*/
/* width */
::-webkit-scrollbar {
    width: 5.5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #dadada;
    border-radius: 50px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #222;
    -webkit-transition: 2s; /* For Safari 3.1 to 6.0 */
    transition: 2s;
}
/* END Scroll bar styling ---------------------------------------------------------*/

.cus-hpl-sub-menu {
    background-color: #FFF;
    border-top: solid 3px #307473;
    border-bottom: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
}

.cus-hpl-sub-menu li a {
    color: #000!important;
    font-weight: 600;
}

.cus-hpl-sub-menu li a:hover,
.cus-hpl-sub-menu li a:active,
.cus-hpl-sub-menu li a:visited,
.cus-hpl-sub-menu li a:focus {
    color: #307473!important;
}

.g-bg-hpl-cus-header {
    background-color: transparent;
}

@media screen and (max-width: 769px) {
    .cus-hpl-sub-menu {
        background-color: #f1f1f1;
        border-bottom: solid 1px #b0b0b0;
        border-left: solid 1px #b0b0b0;
        border-right: solid 1px #b0b0b0;
        margin-bottom: 10px;
    }

    .cus-hpl-sub-menu li a {
        color: #333!important;
    }

    .g-bg-hpl-cus-header {
        background-color: #000;
    }
}

.g-bg-instagram, .g-bg-instagram--hover:hover {background-color: #DD2A7B!important;}
.g-bg-whatsapp, .g-bg-whatsapp--hover:hover {background-color: #4FCE5D!important;}
.g-bg-telegram, .g-bg-telegram--hover:hover {background-color: #229ED9!important;}
.g-bg-beige {background-color:#eeeae8!important;}
.g-bg-gray-light-v6 {background-color: #fafafa !important;}

/* Custom font weights */
.f-weight-300 {font-family: 'cmg_sanslight', sans-serif;}
.f-weight-400 {font-family: 'cmg_sanslight', sans-serif;}
.f-weight-500 {font-family: 'cmg_sansregular', sans-serif;}
.f-weight-600 {font-family: 'cmg_sanssemibold', sans-serif;}
.f-weight-700 {font-family: 'cmg_sansbold', sans-serif;}
.f-weight-800 {font-family: 'cmg_sansextrabold', sans-serif;}
.f-weight-900 {font-family: 'cmg_sansblack', sans-serif;}
.style-salted-mocha {font-family: 'salted_mocharegular', sans-serif;}
.style-just-lovely {font-family: 'rockedregular', sans-serif;}
/* END Custom font weight */


.breadcrumb-font-20 {font-size: 20px;}
.breadcrumb-font-30 {font-size: 30px;}
.breadcrumb-font-40 {font-size: 40px;}
.breadcrumb-font-50 {font-size: 50px;}
.breadcrumb-font-60 {font-size: 60px;}
.breadcrumb-font-70 {font-size: 70px;}
.breadcrumb-font-80 {font-size: 90px;}
.breadcrumb-font-90 {font-size: 100px;}
.breadcrumb-font-100 {font-size: 100px;}
.breadcrumb-font-120 {font-size: 120px;}
.breadcrumb-font-140 {font-size: 140px;}
.breadcrumb-font-160 {font-size: 160px;}
/* Special just for breadcrumb */
.breadcrumb-font-180 {font-size: 100px;}
.breadcrumb-font-200 {font-size: 200px;}
.breadcrumb-font-220 {font-size: 220px;}
.breadcrumb-font-240 {font-size: 240px;}
.breadcrumb-font-260 {font-size: 260px;}
.breadcrumb-font-280 {font-size: 280px;}
.breadcrumb-font-300 {font-size: 300px;}


@media screen and (max-width: 769px) {
    .breadcrumb-font-180 {font-size: 85px!important;}
}

@media screen and (max-width: 426px) {
    .breadcrumb-font-180 {font-size: 70px!important;}
}

.cus-h-150-cover img, .cus-h-180-cover img, .cus-h-200-cover img, .cus-h-250-cover img, .cus-h-300-cover img {
    object-fit: cover;
}
.cus-h-150-cover img {height: 150px;}
.cus-h-180-cover img {height: 180px;}
.cus-h-200-cover img {height: 200px;}
.cus-h-250-cover img {height: 250px;}
.cus-h-300-cover img {height: 300px;}

.g-max-height-200 {
    max-height: 200px;
    overflow: hidden;
}
.g-max-height-250 {
    max-height: 250px;
    overflow: hidden;
}
.g-max-height-300 {
    max-height: 300px;
    overflow: hidden;
}
.g-max-height-350 {
    max-height: 350px;
    overflow: hidden;
}
.g-max-height-400 {
    max-height: 400px;
    overflow: hidden;
}

.g-rounded-top-10 {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.g-rounded-top-15 {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}


.g-bg-gray-light-v6 {
    background-color: #fbfbfb !important;
}

/* Gray Gradient */
.g-bg-gray-lineargradient-cus {
    background-repeat: repeat-x;
    background-image: linear-gradient(0deg, #fff, #f7f7f7);
}

/* Gray Gradient 180 */
.g-bg-gray-lineargradient-cus-180 {
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg, #fff, #f7f7f7);
}

/* Primary Gradient */
.g-bg-primary-lineargradient-cus {
    background-repeat: repeat-x;
    background-image: linear-gradient(0deg, #fff, rgba(217, 255, 248, 0.42));
}

/* Primary Gradient 180 */
.g-bg-primary-lineargradient-cus-180 {
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg, #fff, rgba(217, 255, 248, 0.42));
}

.g-max-width-50x {
    max-width: 50%;
}

.g-max-width-40x {
    max-width: 40%;
}

.max-height-60 {
    max-height: 60px;
    overflow: hidden;
}

.max-height-80 {
    max-height: 80px;
    overflow: hidden;
}

.max-height-150 {
    max-height: 150px;
    overflow: hidden;
}
.max-height-180 {
    max-height: 180px;
    overflow: hidden;
}
.max-height-200 {
    max-height: 200px;
    overflow: hidden;
}

/* SWIPER CSS */
.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
    max-height: 430px;
}
.gallery-top {
    width: 100%;
}
.gallery-top img {
    /*height: 400px;*/
    /*object-fit: contain;*/
}
.gallery-thumbs {
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs img {
    /*height: 120px;*/
    /*object-fit: contain;*/
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

.swiper-height-50vh {height:50vh;}
.swiper-text-center-all {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height:50vh; /* Change this if the height of the slider changes */
    background-color: rgba(0,0,0,0.5);
}
/* END Swiper */

.object-fit-cover {object-fit: cover!important;}

.g-px-180--lg {
    padding-left: 180px !important;
    padding-right: 180px !important;
}

@media screen and (max-width: 769px) {
    .g-px-180--lg {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.w-90 {width: 90%!important;}

@media (min-width: 992px) {
    .g-py-200--lg {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }
    .g-py-250--lg {
        padding-top: 250px !important;
        padding-bottom: 250px !important;
    }
    .g-py-300--lg {
        padding-top: 300px !important;
        padding-bottom: 300px !important;
    }
    .g-py-350--lg {
        padding-top: 350px !important;
        padding-bottom: 350px !important;
    }
    .g-py-400--lg {
        padding-top: 400px !important;
        padding-bottom: 400px !important;
    }
}

.reponsive-iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.g-bg-size-contain {
    background-size: contain !important;
}

.text-shadow-10 {text-shadow: 0 0 10px #333333;}

.g-rounded-10--after::after {border-radius: 10px !important;}
.g-rounded-20--after::after {border-radius: 20px !important;}
.g-rounded-30--after::after {border-radius: 30px !important;}
.g-rounded-40--after::after {border-radius: 40px !important;}
.g-rounded-50--after::after {border-radius: 50px !important;}
.g-rounded-60--after::after {border-radius: 60px !important;}
.g-rounded-70--after::after {border-radius: 70px !important;}
.g-rounded-80--after::after {border-radius: 80px !important;}
.g-rounded-90--after::after {border-radius: 90px !important;}


.welcome-img-special {margin-top:-20px;}

.curve-bottom-shape {
    border-bottom-left-radius: 40%;
    border-bottom-right-radius: 40%;
}

@media screen and (max-width: 769px) {
    .breadcrumb-font-180 {font-size: 85px!important;}
    .welcome-img-special {margin-top:-100px;}
}

@media screen and (max-width: 426px) {
    .breadcrumb-font-180 {font-size: 70px!important;}
    .welcome-img-special {margin-top:-160px;}
    .curve-bottom-shape {
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0;
    }
}

#home-video .ytp-show-cards-title {display:none!important;}