﻿/*** SULICA ***/
body { color: #231300; }
.stickyButton { bottom: 130px; box-shadow: none; }
.stickyButton img { max-width: 85px; }
#stickyButton-3110 { left: 120px; }
#whatAppButton { box-shadow: none; right: 60px;}
#header .menu-nav { background: #2fbda9; }
#header.bg { background: #231300; }
#header .submenu { background: #2fbda9; }
#header .submenu > li:hover,
#header .submenu > li:focus,
#header .submenu > li.active { background: #228879; }
#header .submenu li > a:focus { color: #fff; text-decoration: none; }
#header .submenu li > a { font-size: 100%; }

#header #header-center-kdm a { border: 0px; position: relative; font-size: 91%; margin-left: 0; padding: 5px 40px 5px 0; font-family: 'Heebo-Medium'; }
#header #header-center-kdm a:hover,
#header #header-center-kdm a:focus { background: transparent; color: #fff; }
#header #header-center-kdm a:before { content: ""; background-image: url(../../../warehouse/temp/sulica/menu-border.png); position: absolute; width: 20px; height: 21px; background-size: cover; right: 5px; top: 9px; }
#header #header-center-kdm a:after { content: ""; position: absolute; width: calc(100% - 30px); height: 2px; background-color: #fff; left: calc(50% - 25px); transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 2px; }
#header #header-center-kdm .address { font-size: 82%; }

@media (min-width:768px) {
    #header:not(.bg) #header-left img { display: none; }
    .home-page #header:not(.bg) { background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6)100%); }
}

@media (max-width:767px) {
    .stickyButton { bottom: 80px; }
    .stickyButton img { max-width: 70px; }
    #stickyButton-3110 { left: 100px; }
    #header #header-center-kdm a { padding: 5px 20px; }
    #header #header-center-kdm a:after { width: 50%; left: 50%; }
    #header #header-center-kdm a:before { display: none; }
    #header { background: #231300; }
    #header .submenu li > a { padding: 4px 0; font-size: 120%; }
}

#home-gallery .slider-bg.stellar-bg { /*opacity:0.7;*/ }
#home-gallery .gallery-caption { top: 15%; }
#home-gallery .gallery-logo { width: 50%; }
#home-gallery .flex-control-paging li a.flex-active { background: #2fbda9; }
#home-gallery .iconBox img { max-width: 110px; }
#home-gallery .opacity-layer { background: #231300; /*opacity:1 !important;*/ }

#home-gallery .gallery-caption .section { padding: 0; margin: 0; -webkit-transform: translateY(-15px); transform: translateY(-15px); }
#home-gallery .gallery-caption .grid-text-content { padding: 0; width: 100%; display: flex; flex-direction:row; justify-content: center; align-items: center; gap: 20px; flex-wrap:wrap; }
#home-gallery .gallery-caption .grid-text-content :is(.gridText1, .gridText2) { padding: 0; width: auto; margin: 0; display: flex; gap: 20px; }
#home-gallery .gallery-caption .grid-text p { margin: 0; /* display: -webkit-box; */ display: -ms-flexbox; /* display: flex; */ /* -webkit-box-pack: center; */ -ms-flex-pack: center; /* justify-content: center; */ /* gap: 20px; */ }
#home-gallery .gallery-caption :is(.gridText1,.gridText2,.gridText3) img { height: 60px; width: 200px; }

#home-gallery .gallery-caption .grid-text-content > a.sec-button { width: 100%; max-width: 245px; height: 60px; color: #000; background: transparent; padding: 0; position: relative; margin: 0; text-align: center; vertical-align: middle; padding-inline: 15px; display: flex; justify-content: center; align-items: center; font-family: 'Heebo-Medium'; font-size: 16px; line-height: 1; }
#home-gallery .gallery-caption .grid-text-content a.sec-button::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #E9D219; opacity: 0.9; z-index: -1; }


@media (max-width:767px) {
    #home-gallery .gallery-caption { top: 10%; }
    #home-gallery .gallery-logo { width: 80%; }
    #home-gallery .gallery-caption .grid-text-content { flex-direction: column; align-items: center; }
    #home-gallery .gallery-caption .grid-text-content :is(.gridText1, .gridText2){flex-direction:column;}
    #home-gallery .gallery-caption :is(.gridText1,.gridText2,.gridText3) img { height: 50px; width: 170px; }
    #home-gallery .gallery-caption .grid-text-content > a.sec-button { width: 170px; font-size: 15px; height: 50px; padding: 0; }
}

.sections .grid-content-section { padding-top: 90px; margin-bottom: 0; }
.section-animation-item { margin-bottom: 60px; }
.section-title h2, .section-title h1 { font-size: 300%; color: #231300; font-family: 'Heebo-Medium'; }
.section-title h2:after, .section-title h1:after { content: ""; background-image: url('../../../warehouse/temp/sulica/line-big.png'); width: 195px; height: 29px; display: block; margin: 0px auto; margin-top: 10px; background-size: cover; }

@media (max-width: 991px) and (min-width: 768px) {
    .grid-row-section { margin-bottom: 50px; }
}

@media (max-width: 991px) and (min-width: 768px) {
    .section-title h2, .section-title h1 { font-size: 210%; }
    .sections .grid-content-section { padding-top: 60px; }
}

@media (max-width:767px) {
    .section-title h2, .section-title h1 { font-size: 210%; }
    .sections .grid-content-section { padding-top: 40px; }
    .section-animation-item { margin-bottom: 30px; }
}

.grid-boxes .grid-box-title h3 a { color: #231300; font-family: 'Heebo-Medium'; }
.grid-boxes .grid-box-title h3:after { content: ""; background-image: url('../../../warehouse/temp/sulica/line-small.png'); width: 50px; height: 10px; display: block; margin: 0px auto; margin-top: 4px; background-size: 50px; background-repeat: no-repeat; }
.grid-boxes .box-image-animation:after { content: ""; position: absolute; width: 94%; height: 94%; border: 2px solid #fff; left: calc(3% - 2px); top: calc(3% - 2px); }
.grid-boxes .grid-box-image { margin-bottom: 14px; }

.grid-rows { background-color: #ebebeb; }
.grid-rows .grid-row { background: none }
.grid-rows .grid-row-text { text-align: center; width: 70%; }
.grid-rows .grid-row-text p { font-size: 95%; }
.grid-rows .grid-row-text a.grid-row-button { background: #2fbda9; border-radius: 0px; width: 208px; height: 45px; padding-top: 8px; border: 0; color: #fff; font-size: 100%; font-family: 'Heebo-Medium'; padding: 9px 0; }
.grid-rows .grid-row-text a.grid-row-button:hover { background: #228879; }
.grid-rows .grid-row-text h2 { font-size: 300%; color: #231300; position: relative; font-family: 'Heebo-Medium'; margin-bottom: 40px; }
.grid-rows .grid-row-text h2:after { content: ""; position: absolute; width: 80px; height: 4px; background: #2fbda9; left: 50%; transform: translateX(-50%); bottom: -20px; }
.grid-row-section .box-image-animation img { padding: 40px; }

@media (max-width:991px) and (min-width:768px) {
    .grid-rows .grid-row-text h2 { font-size: 200%; }
    .grid-rows .grid-row-text { width: 90%; padding-bottom: 20px; }
    .grid-boxes .grid-box-image { margin-bottom: 8px; }
    .grid-boxes .grid-box-title h3 a { font-size: 80%; }
    .grid-row-section .box-image-animation img { padding: 20px; }
    .grid-rows .grid-row-text p { font-size: 85%; }
}

@media (max-width:767px) {
    .grid-rows .grid-row-text h2 { font-size: 220%; }
    .grid-row-section .box-image-animation img { padding: 0px }
    .grid-rows .grid-row-text { padding: 0% 0; margin-top: 0; }
}

.site-credit.alternative { background: #2fbda9; padding: 10px 0; }
.grid-gallery-section { margin-bottom: 0px }

#contact-boxes { display: none; }
footer { padding-top: 0; }
#SiteFooter .footer-address { background-image: url('../../../warehouse/temp/sulica/left-icons.png'), url('../../../warehouse/temp/sulica/logo.png'), url('../../../warehouse/temp/sulica/right-icons.png'); background-position: left center,center 30px, right center; background-repeat: no-repeat; background-size: 330px 203px, 130px 130px, 330px 203px; background-color: #ebebeb; min-height: 222px; position: relative; margin-top: 20px; }

@media (max-width:991px) and (min-width:768px) {
    #SiteFooter .footer-address { background-position: -15vw center,center 30px, 72vw center; }
}

#SiteFooter .footer-address span { bottom: 15px; position: absolute; left: 50%; transform: translateX(-50%); color: #121212; }
/*.normal-form                        { border-color: #2fbda9;}*/
/*.normal-form:after                  { border: 0px;}*/
.normal-form input[type="submit"] { background: #2fbda9; border-radius: 0px }
.normal-form { background: #EBEBEB; border: 0; }
.normal-form:after { border: 2px solid #231300; top: 10px; bottom: 10px; left: 10px; right: 10px; }
#clubform { padding: 60px; }
.normal-form input { border-radius: 0; border: 0; background: #ffffff; font-size: 80%; }
textarea.input-data { background: #ffffff; font-size: 80%; border: 0; border-radius: 0; height: 120px; }
.normal-form-comment, #contactform .contact-form-comment { font-size: 80%; }
.normal-form input[type="submit"] { height: 50px; font-size: 100%; color: #ffffff; }
.normal-form input[type="submit"]:hover, .normal-form input[type="submit"]:focus { background: #2fbda9; border: 0; color: #ffffff; }

.owl-carousel .owl-item .item:hover .slide-bg-layer,
.owl-carousel .owl-item .item:focus .slide-bg-layer { background-color: rgba(35, 19, 0, 0.3); }
.owl-carousel .owl-item .item .plus-sign { background: #231300; }
.owl-carousel .owl-prev:after { background-image: url(../../../warehouse/temp/sulica/arrow-right.png); }
.owl-carousel .owl-next:after { background-image: url(../../../warehouse/temp/sulica/arrow-left.png); }
.owl-carousel.section-animation-item { margin-bottom: 0px; }
.owl-carousel .owl-item .item { padding: 0 10px; }
#headline h1 { font-size: 143%; color: #231300; font-family: 'Heebo-Medium'; }
#headline h1:after { content: ""; background-image: url('../../../warehouse/temp/sulica/line-big.png'); width: 195px; height: 29px; display: block; margin: 0px auto; margin-top: 0; background-size: cover; }

#GridTop.blog { height: 500px; }
#map-section #map-holder .overlay { background: rgba(35, 19, 0, 0.15); }
#map-section .map-cover .open-map { border-radius: 0; background: #2FBDA9; color: #ffffff; font-size: 100%; padding: 10px 5px; width: 85%; margin: auto; margin-top: 20px; }
#map-section .map-cover { background: rgba(35, 19, 0, 0.85); }
body.page-2626 #SiteFooter .footer-address { margin-top: 0; }
#ContactModule #map-section #map-holder { margin-bottom: 0px; }
#map-section .map-cover:after { border: 2px solid #ffffff; }

.blog-post-title { font-size: 115%; }
#BlogView #text1 { float: right; text-align: right; width: 100%; max-width: 100%; padding: 20px; background: #ebebeb; }
#BlogView #text1 img { margin-bottom: 30px; }


.categories-strip ul li.active { background: #231300; color: #ffffff; }
.categories-strip { background: #FBE808; color: #231300; }
.menuModuleTextItemDescription { font-size: 80%; line-height: 1.2; }
/*.menuModuleTextItem0,.menuModuleTextItem1 { border-bottom: 2px solid #2FBDA9; }*/
.menuModuleTextItemPart:after { border-bottom: 2px solid #2FBDA9; }
.menuModuleContentPart { border: 0; }
.menuModuleContentPart:after { border: 0; }
.menuModuleTextItemSubject { margin-bottom: 20px; font-size: 115%; }
.menuModuleContentPart { padding: 20px; }
#MenuModule .menuModuleNav a.selected { color: #2FBDA9; }

.grid-boxes .grid-box-image { padding-bottom: 66%; }

@media (max-width:1200px) {
    #GridTop.blog { height: 350px; }
}

@media (max-width:991px) {
    body, html { font-size: 17px; }
    #headline h1 { font-size: 120%; }
}

@media (max-width:767px) {
    .iconsBoxLeft, .iconsBoxRight { bottom: 20px; }
    footer { padding-top: 10px; }
    #GridTop.blog { height: 300px; }
    #clubform { padding: 30px 30px; }
    /*.normal-form input { padding-right:10px; }*/
    .must:before { right: 22px; }
    form#club-form fieldset > div { width: 100%; }
    body, html { font-size: 15px; }
    #headline h1:after { width: 160px; height: 23.8px; margin-top: 10px; }
    #header.bg.subopen { background: #2FBDA9; }
    .mobile-strip .select-wrapper li.strip-item { color: #231300; }
    #home-gallery .iconBox img { max-width: 55px; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 23%; }
    #header #header-center-kdm a:first-child { font-size: 90%; padding: 5px 0; }
    .sections .grid-content-section.lobby-view-section .grid-box { width: 50%; padding-right: 10px; padding-left: 10px; }
}

/*Changes 4/9/19*/

/*New Year Page*/
.newYearPage #MenuModule .menuModuleNav a { font-size: 100%; margin: 0 15px 10px; border-bottom: 2px solid transparent; border-radius: 0; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
#MenuModule .menuModuleNav a.selected, #MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { border-color: #2FBDA9; color: #2FBDA9; }
.newYearPage #MenuModule .menuModuleNav a:after { content: ''; position: absolute; width: 15px; height: 15px; top: 50%; left: -17px; background: url(../../../warehouse/temp/sulica/menuDeco.png); background-size: cover; background-position: center; background-repeat: no-repeat; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.newYearPage #MenuModule .menuModuleNav a:last-child:after { content: none; }

@media(max-width: 767px) {
    #header #header-center-kdm { width: 100%; top: 10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    #header #header-center-kdm, #header.bg #header-center-kdm { padding: 0; }

    .newYearPage #MenuModule .menuModuleNav a { font-size: 115%; }
    .newYearPage #MenuModule .menuModuleNav { margin-right: -20px; }
}


/*changes 12/20200*/
@media(min-width:1170px) and (max-width:1440px) {
    #home-gallery .iconBox img { max-width: 80px; }
}
