section.kidsclub{overflow: hidden;}
.bread_contact_banner.kidsclub{
	margin-top: 60px; 
	padding-top: 60px;
    position: relative;
	background-image: url('../images/smcdkc/green3-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
    overflow:hidden;
	border:none;
}
.kidsclub .content-wrap{border: none;}
.bread_contact_banner.kidsclub h1 {
    margin-bottom: 0px;
    font-size: 30px;
    font-family: 'OpenSans-Bold', sans-serif;
	letter-spacing: 0px;
	text-align: center;
}
.kidsclub .topcrumb ul{text-align: center;}
.maintitle{margin-top: 60px;}
.welcometext{letter-spacing: 2px; margin-bottom: 40px;}
.maintitle svg{max-height: 450px;}
.bread_contact_banner.kidsclub .container{position: relative;}
.kidsclub .element1{
	position: absolute;
	top: 40%;
	left: 0;
	transform: translateY(0%);
	max-height: 445px;
    visibility: hidden;
}
.kidsclub .tnc{margin-top: 200px;}
.kidsclub .tnc .freemembership{
	font-size: 55px;
	color: #ec2227;
	line-height: 1;
	font-family:'OpenSans-Bold',sans-serif;
}
.kidsclub .tnc .for{
	font-size: 35px;
	line-height: 1;
	font-family:'OpenSans-Bold',sans-serif;
}


.gateinner{
    background:#a2e3f6;
    height:450px;
    width:88%;
    margin-top:70px;
    
}

.gate{
    position:relative;
    height:600px;
    justify-content:center;
    display:flex;
    align-items:center;
}


[class*="el-"] {
	position: absolute;
}
.hero .el-1 {
	top: 27%;
	left: 2%;
}
.hero .el-2 {
	right: 4%;
	top: 27%;
}
.hero .el-3 {
	left: 0%;
	top: 0%;
	
}

.hero .el-4 {
	left: 50%;
	transform: translateX(-50%);
	top: 42%;
	display:flex;
	justify-content:center;
	width:100%;
}

.el-5{
    bottom:-10%;
    left:-2%;
}

.el-6{
    bottom:-10%;
    right:-2%;
}

.radiostyle label{
    font-size:16px;
}

.el-7{bottom: -20%; width:100%;left: 50%; transform: translateX(-50%);z-index:2;}
.el-8{top: 15%; left: 0;z-index:2;}
.el-9{top: 15%; right: 0%;z-index:2;}
.el-10{bottom: -25%; right: 20%;}
.el-11{top:40%;right:18%;z-index:2;}
.el-12{top:35%;left:15%;z-index:2;}
.gate-container{padding-bottom:60px;}
.hero .el-19 {
	top: 40%;
    right: 70%;
}
.exclusive{width:300px;}
.blink {
	animation: blinker 2s linear infinite;
}
.blink:nth-child(1){
	animation: blinker 2s ease infinite;
	animation-delay: 1s;
}
.blink:nth-child(2){
	animation: blinkera 2s ease-in infinite;
}
.blink:nth-child(3){
	animation: blinker 2s ease-out infinite;
}
.blink:nth-child(4){
	animation: blinkerb 2s ease-in-out infinite;
	animation-delay: 1s;
}
.blink:nth-child(5){
	animation: blinkera 2s ease-in infinite;
	animation-delay: 0.5s;
}
.blink:nth-child(6){
	animation: blinkerd 2s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}
@keyframes blinkera {
	20% {
		opacity: 0;
	}
}
@keyframes blinkerb {
	40% {
		opacity: 0;
	}
}
@keyframes blinkerc {
	60% {
		opacity: 0;
	}
}
@keyframes blinkerd {
	80% {
		opacity: 0;
	}
}

#exclusive.kidsclub{
	background-color: #a2e3f6;
	margin-bottom: 0;
	padding-top: 60px;
	padding-bottom: 60px;
}
#exclusive.kidsclub h2{font-size: 45px; margin-bottom: 30px;}
#exclusive .row{position: relative; justify-content: center;}
#exclusive .row .col{position: relative;display:flex;}
#exclusive .row p{
	color: #53585f;
}
#exclusive .row p.percentage, #exclusive .row p.discounttitle{
	line-height: 1;
	font-family:'OpenSans-Bold',sans-serif;
}
#exclusive .row p.percentage{
    color:#e23531;
	font-size: 60px;
	margin-bottom:10px;
}
#exclusive .row p.discounttitle{
	font-size: 30px;
	margin:0;
}
#exclusive .row .list-container{
    display:flex;
    align-items:center;
    justify-content:start;

}
 .list-container img{
        max-width:170px;
    }
#exclusive .row .list-text{
    padding-left:30px;
}
@media(min-width: 768px){
	#exclusive .row p.discounttitle span{white-space: nowrap;}
}
#exclusive.kidsclub .button{
	background-color: #ec2227;
	border-radius: 8px;
	text-shadow: none;
    font-weight: normal;
}
#exclusive.kidsclub p:has(.button){margin-bottom: 0;}

#roomtype{
	position: relative;
	background-color: #b8eceb ;
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: left 60%;
	background-size: 130px auto;
	padding-bottom: 60px;
	overflow: visible;
}
#roomtype .container{
	position: relative;
	padding-top: 60px;
}
#roomtype h2{margin-bottom: 35px;}
#roomtype .imagecol{
	position: relative;
}
#roomtype .imagecol img{
	border-radius: 10px;
	width: 100%;
	margin-bottom:20px;
}

#roomtype .col{margin-bottom: 15px; margin-top: 15px;}
.el-13{
	position: absolute;
	top: 5px;
	right: 100px;
}
.el-13 img{max-width: 200px;}

.el-14{
    bottom:-12%;
    left:0;
    z-index:2;
}

.el-15{
    bottom:-12%;
    right:0;
    z-index:2;
}

.el-16{
    bottom:-25%;
    width:100%;
}

.el-16 img{width:100%;}

.el-17{bottom:10%;right:10%;z-index:3;}
.el-18{bottom:5%;left:20%;}
.el-19{bottom:3%;left:28%;}
.elephant{width:100%;}
#guide{
	background-color: #fff69d;
	padding-top: 80px;
	padding-bottom: 30px;
	position: relative;
}
#guide h3{
	font-size: 35px;
}
#guide .row{justify-content: center;}
#guide .row img{
	filter: drop-shadow(-5px 6px 8px rgba(163,163,163,0.25));
}
#guide .row a{text-transform: uppercase; display: inline-block;}
#guide .row p:has(a){margin-bottom: 30px;}
#guide .row .col-xs-12{
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}


#kidsclubform{
	background-color: #d6f2d5;
	padding-top: 60px;
	padding-bottom: 200px;
	position: relative;
	overflow: hidden;
}
#kidsclubForm{
	
	margin: 0 auto;
}
#kidsclubForm .sm-form-control{
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #b4ac6f;
    padding: 10px 0 15px;
}
#kidsclubForm label{
	font-weight: normal;
	font-family:'OpenSans-Medium', sans-serif;
}
#kidsclubForm label:has( + .sm-form-control){
	letter-spacing: 1px;
	font-size: 14px;
}
#kidsclubForm label.desc{
	letter-spacing: 1px;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 20px;
}
#kidsclubForm input::placeholder{
	color: rgba(68,68,68,0.6);
	letter-spacing: 0.5px;
}
#kidsclubForm #promolabel{
	font-size: 16px;
	letter-spacing: 0;
	margin-left: 35px;
}

@media (max-width:500px)
{
    #kidsclubForm #promolabel,#kidsclubForm label.desc {
        font-size:14px;
    }
    
}
#kidsclubForm input.promo{}

.checkboxdiv{position: relative;}
/* Hide the browser's default checkbox */
#kidsclubForm input[type='checkbox'] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border: 1px solid #cecece;
	border-radius: 5px;
}

/* On mouse-over, add a grey background color */
#kidsclubForm input:hover ~ .checkmark {
	background-color: #fdfdfd;
}

/* When the checkbox is checked, add a blue background */
#kidsclubForm input:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
#kidsclubForm input:checked ~ .checkmark:after {
	display: block;
}
input:-internal-autofill-selected{
    background-color:transparent!important;
}

/* Style the checkmark/indicator */
#kidsclubForm .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#submitBtn{font-family: 'OpenSans-Medium', sans-serif;width: 100%;border-radius: 8px;}

#events{
	background-color: #fff69d;
	padding-top: 60px;
	padding-bottom: 30px;
	background-image: url('../images/smcvkc/eventbg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
span.arrowbutton, .arrowbutton span{
	padding-right: 20px;
	position: relative;
}
span.arrowbutton:before, .arrowbutton span:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #ec2227;
	height: 1px;
	width: 0%;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a:hover .arrowbutton:before, span.arrowbutton:hover:before, .arrowbutton span:hover:before {
	width: 100%;
}
span.arrowbutton:after, .arrowbutton span:after {
	content: '';
    width: 20px;
    height: 100%;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(../images/icons/btn-arrow.png);
    position: absolute;
    right: 0;
    top: 0;
}
span.arrowbutton.news_button{padding-bottom: 3px;}

/*#oc-events{
	z-index: 99999;
}*/
#oc-events .oc-item{
    filter: drop-shadow(0px 6px 5px rgba(163,163,163,0.25));
    padding: 15px 0;
}
#oc-events .oc-item > a{
    border-radius: 15px;
    overflow: hidden;
    display: block;
}
#oc-events img{
	aspect-ratio: 270 / 380;
	object-fit: cover;
}
#oc-events .infobox{
	background-color: white;
	padding: 20px 15px;
}
#oc-events .infobox .date{
	color: #00a5a8;
	font-family:'OpenSans-Medium', sans-serif;
}
#oc-events .infobox p{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 50px;
	font-family:'OpenSans-Bold',sans-serif;
}
#oc-events a .infobox span, #oc-events a:hover .infobox span{
	color: #ec1f25;
}
.owl-carousel .owl-nav .owl-next, .owl-carousel:hover .owl-nav .owl-next {
    left: auto;
    right: -10px;
    opacity: 1;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-prev {
	left: -10px;
	right: auto;
    opacity: 1;
}
.owl-carousel .owl-nav .disabled {
    display: block;
    opacity: 0.5;
}
.owl-carousel .owl-nav [class*=owl-]{
	background-color: transparent;
	border: none;
	font-size: 40px;
}
.owl-carousel .owl-nav [class*=owl-]:hover{
	color: #78c7cb !important;
    background-color: transparent !important;
}
@media(max-width:1600px){
    .el-12{left:10%;}
    .el-11{right:10%;}
    
    .el-16{bottom:-18%;}
    
    .el-14 img,.el-15 img{max-width:90%;}
    .el-15 {right: -35px; }
    
    .el-12{top:40%;}
    .el-11{top:45%;}
}
@media(max-width: 1499px){
	.el-18{right: 0;}
	#exclusive .row p.discounttitle{font-size: 30px;}
}
@media(max-width: 1399px){
	.el-8{left:-5%;}
    .el-9{right:-5%;}
    .el-12 img{max-width:80%;}
    .el-12,.el-11{top:45%;}
    .hero .el-4{width:70%;}
    .el-16{bottom:-13%;}
}
@media(max-width: 1220px){
    .el-12 img{max-width:60%;}
    .el-11 img{max-width:80%;}
    .el-12{top:52%;left:5%;}
    .el-11{top:52%;right:5%;}
    
    .el-14,.el-15{bottom:-20%;}
}
@media(max-width:1199px){
    .hero .el-2{right:2%;}
    .el-8{left:0%;top:1%;}
    .el-9{right:-13%;top:27%;}
  
    
    .el-8 img, .el-9 img{max-width:60%;}
}

@media(max-width:1130px){
    .hero .el-1, .hero .el-2{top:22%;}
    .hero .gateinner{height:380px;}
    .hero .gate{height:500px;}
    .el-10 img{max-width:90%;}
    .el-16{bottom:-7%}
     .list-container img{
        max-width:130px;
    }
}
@media(max-width: 991.9px){
	#header.sticky-style-2 #header-wrap {background-color: transparent;}
	.bread_contact_banner.kidsclub{margin-top: 0;}
	.maintitle svg{max-height: 40vw;}
	.kidsclub .element1 {
	    left: -100px;
	    max-height: 35vw;
	}
	[class*="el-"].blink img{
		max-width: 75%;
	}
	.kidsclub .tnc .freemembership {
	    font-size: 5vw;
	    margin-bottom: 5px;
	}
	.kidsclub .tnc .for {
	    font-size: 3.2vw;
	    margin-bottom: 10px;
	}
	#exclusive.kidsclub h2 {
	    font-size: 3.6vw;
	}
	#exclusive .row p{max-width: 100%;text-align:center;}
	#exclusive .row p.percentage{font-size: 7vw;}
	#exclusive .row p.discounttitle{font-size: 2.8vw;}
	#exclusive .row .col{justify-content:center;}
   
	
	.el-10 img{max-width:80%;}
	.el-10{bottom:-15%}
	.hero .el-1 img,.hero .el-2 img{max-width:60px;}
	.hero .gateinner{height:380px;margin-top:0;}
	
	 .el-8,.el-9{display:block;}
	 .el-8 img,.el-9 img{max-width:50%;}
	 .el-8{top:3%;left:0;}
	 .el-9{top:27%;right:-18%;}
	 
	 .el-15{right:-70px;}
	 .el-14 img,.el-15 img{max-width:80%;}
	 .el-14,.el-15{bottom:-12%;}
	 .el-18{left:30%;}
	 .el-19{left:35%;}
	 #exclusive .row .list-container{flex-direction:column;}
}
@media(max-width:768px){
   
}
@media(max-width: 767.9px){
	.maintitle {margin-top: 40px;}

	.kidsclub .element1 {left: -42px;}
	.kidsclub .tnc {margin-top: 100px;}

	#exclusive .row p{font-size: 14px;}

	.el-13{top: -60px;}
	#guide .row img{
		max-height: 350px;
	    object-fit: contain;
	    object-position: left;
	    margin-bottom: 15px;
	}
    
    #exclusive .row .list-container img{margin-bottom:30px;max-width:70%;}
	#exclusive .row .list-text{
    text-align:center;
    padding: 0;
    }

    
	#events{padding-top: 60px;}
	
	.hero .gateinner{height:330px;}
	.hero .el-1,.hero .el-2{top:16%;}
	.el-9{right:-137px;}

    .el-16{bottom:0;}
    .el-18{left:40%;}
	 .el-19{left:45%;}

}
@media(max-width: 599.9px){
    .kidsclub .element1{top: 48%;}
    .el-10 img{max-width:65%;}
    
    .hero .el-1,.hero .el-2{top:12%;}
    .el-8 img,.el-9 img{max-width:40%;}
    .el-9{right:-165px;}
    .hero .gate{height:375px;}
    .hero .gateinner{height:240px;}
    .gate-container{padding-bottom:30px;}
    .hero .el-1 img, .hero .el-2 img {max-width: 50px;}
    .el-10 {right:0;}
    .el-11 {right: -8%;}


}
@media(max-width: 579.9px){
	.kidsclub .element1 {left: 0;}
	.welcometext{margin-bottom: 20px;}
	[class*="el-"].blink img {max-width: 55%;}
	#exclusive.kidsclub h2 {
	    font-size: 30px !important;
	    margin-left: auto;
	    margin-right: auto;
	}
	#roomtype h2{
	    font-size: 30px !important;
	    text-align: left;
	    padding-left: 15px;
	    margin-bottom: 20px;
	}
	#roomtype .row .col{width: 100%; flex-basis: inherit;}
}
@media(max-width: 559.9px){
	#exclusive .row .col{width: 100%; flex-basis: inherit;}
	#exclusive .row p.percentage {font-size: 50px; margin-bottom: 0;}
	#exclusive .row p.discounttitle {font-size: 5vw;}
	
	.el-10 img{max-width:65%;}
	.el-11 img{max-width:50%;}
	.el-12 img{max-width:50%;}
}
@media(max-width: 499.9px){
    #kidsclubform{overflow: hidden;}
 
    #exclusive .row .list-container img{margin-bottom:10px;max-width:50%;}
    
    .hero .el-1,.hero .el-2{top:10%;}
	.hero .el-1 img,.hero .el-2 img{max-width:35px;}
	.hero .gate{height:240px;}
	.hero .gateinner{height:185px;}
	.el-12 img{max-width:30%;}
	.el-11 img{max-width:30%;}
	.el-11{right:-15%;}
	.el-10{bottom:-24%;right:-22%;}
	.el-10 img{max-width:48%;}
	.el-8 img, .el-9 img{max-width:30%;}
	.el-8{display:block;left:0;top:14%;}
	.el-9{display:block;right:-195px;top:13%;}
	.gate-container{padding-bottom:30px;}
	.el-14 img, .el-15 img{max-width:65%;}
	.el-14, .el-15{bottom:-9%;}
	.el-15{right:-125px;}
}
@media(max-width: 479.9px){
	.kidsclub .element1 {left: 0;}
	#bread_contact_banner + img{
	    aspect-ratio: 2 / 1;
	    object-fit: cover;
	}
	#oc-events .infobox p{height: auto;}
	

	   
}
@media(max-width: 439.9px){
	.kidsclub .tnc {
	    margin-top: 60px;
	}
	[class*="el-"].blink img {
	    max-width: 50%;
	}
	#guide h3 {
	    font-size: 25px !important;
	}
	
	.el-14, .el-15 {bottom: -6%;}
	.el-14 img,.el-15 img{max-width:55%;}
	    .el-15 {right:-160px}
	.gate-container{padding-bottom:30px;}
	.elephant{max-width:none;width:120%;margin: 0 -10%;}
}