@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700');

#request-filesystem-credentials-form {
    display: none !important;
}

.featherlight .featherlight-content {
    min-width: 37%;
}

/*************** 0. GLOBALS ***************/
	body {
		color: #141618;
	}

	p {
	    font-weight: 400;    
	}

	h3 {
	    line-height: 1.3em;
	}

	ul {
	    list-style-type: disc;
	    padding-left: 16px;
	}

	p a {
		color: #141618;
	}

	.aligncenter {
	    margin: auto;
	}
	
	ul.unordered-list, .hentry ul, ol {
	    font-family: 'Roboto' !important;
    }
    
    .featherlight-iframe iframe {
        width: 100% !important;
    }
    
    .vc_toggle_title>h4 {
        display: inline;
        font-size: 14px;
        font-weight: 500;
    }

/*************** 1. TOP ***************/
	#header {
		/*background-color: transparent;*/
	    /*-webkit-transition: all .3s ease-in-out;*/
	    /*-moz-transition: all .3s ease-in-out;*/
	    /*-o-transition: all .3s ease-in-out;*/
	    /*transition: all .3s ease-in-out;*/
	}
	
	#main-nav #options {
        padding-left: 0;
        list-style-type: none;
    }

	.white-bg {
		/*background: #fff !important;*/
	}

	#content {
	    background: url('../img/top-bg.jpg') no-repeat top center #fff !important;;
	    background-blend-mode: multiply;
	}

	.home .pages-title {
		display: none;
	}

	#balai-logo {
		text-align: center;
	    margin-bottom: 25px
	}

	#balai-logo img {
		display: inline-block;
	}

	h1#logo {
	    display: none;
	}

	h1 {
		font-size: 40px;
		color: #141618;
		font-family: 'Roboto Condensed';
	    letter-spacing: 0;
	    font-weight: 600;
	    margin-top: 0;
	}


	h5 {
	    font-size: 16px;
	    margin-top: 0;
	}

	.header--bgcolor {
		z-index: -1;
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #fff;
	}

	strong {
		color: #141618;
	}
	
	#main-nav ul li ul li a {
		white-space: normal;
	}
/*************** 2. PAGES ***************/
	#content {
		padding-bottom: 0;
	}

	.pages-title {
		display: none;
	}

	.featuresbox {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: start;
	        -ms-flex-pack: start;
	            justify-content: flex-start;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	}

	/*.featuresbox .featuresbox__imageset p:not(:last-child) {
		margin-bottom: 15px;
	}*/

	.featuresbox .featuresbox__imageset {
	    width: 33.3%;
	    padding-left: 15px;
	    margin-top: 15px;
	}

	.featuresbox img {
		display: inline-block;
		margin-right: 10px;
	}

	.title__helper {
	    font-size: 16px;
	    max-width: 830px;
	    text-align: center;
	    margin: 0 auto;
	}

	.blog #footer-forms {
		display: none;
	}

	.testimonial-featured-container {
	    background-position: right bottom !important;
	    background-repeat: no-repeat !important;	
	}

	.testimonial-featured {
		padding: 25px 40px;
	    max-width: 730px;
	    margin: 0 auto;
	    text-align: center;
	}

	.testimonial-featured h3 {
		color: #06373e;
	    line-height: 1.6em;
	}
		.testimonial-featured h3 small {
			color: #fff;
			font-weight: bold;
			font-size: 16px;
		}

	.media-set-1 img {
		width: 100%;
		max-width: 570px;
		margin: 0 auto;
	}
		.media-set-1__contents {
			padding: 20px 30px 30px
		}
	
	.contact-set__text {
		padding: 20px 25px;
    	color: #fff;
	}
		.contact-set__text a {
			color: #fff;
			text-decoration: none;
		}
			.contact-set__text a:hover {
				color: inherit !important;
			}

	.contact-set__img img {
		width: 100%;
		max-width: 570px;
		margin: 0 auto;
	}

	.contact-set__whitebox {
		background-color: #fff;
    	padding: 20px;
    	color: #040404;
    	margin-bottom: 20px;
	}
		.contact-set__whitebox a {
    		color: #040404;
		}
	
	.contact-accord__master .simple--toggle-set {
    	border-bottom: 1px solid #fff;
	}

	.contact-accord__master .simple--toggle-set:first-child {
    	border-top: 1px solid #fff;
	}

	.contact-accord__master .simple--toggle-set .st-link a {
	    display: flex;
    	justify-content: space-between;
    	width: 100%;
    	align-items: baseline;
    	color: #fff;
    	padding: 5px 0;
	}
		.contact-accord__master .simple--toggle-set .st-link:hover a,
		.contact-accord__master .simple--toggle-set .st-link a:hover,
		.st-link:hover {
			text-decoration: none;
		}

	/* simple accord */
	.simple-accord__master {
		background-color: #f6f6f6;
		padding: 20px 22px;
	}

	.simple-accord__master .simple--toggle-set {
    	border-bottom: 1px solid #65646a;
	}

	.simple-accord__master .simple--toggle-set:first-child {
    	border-top: 1px solid #65646a;
	}

	.simple-accord__master .simple--toggle-set .st-link a {
	    display: flex;
    	justify-content: space-between;
    	width: 100%;
    	align-items: baseline;
    	color: #65646a;
    	padding: 5px 0;
    	text-decoration: none;
    	font-weight: bold;
	}
		.simple-accord__master .simple--toggle-set .st-link:hover a,
		.simple-accord__master .simple--toggle-set .st-link a:hover,
		.st-link:hover {
			text-decoration: none;
		}


	.st-link {
		display: block;
		margin-bottom: 0;
	}

	.st-content {
		display: none;
		padding-bottom: 20px;
	}

	.st-active-default {
		display: block;
	}
/*****---------- 2.1 Aquapark ----------*****/
	.aquapark-banner {
		position: relative;
	    max-width: 1134px;
	    margin: 0 auto;
	}

	.aquapark-banner .item__details {
		background-color: rgba(255,255,255,.8);
	    position: absolute;
	    z-index: 2;
	    bottom: 0;
	    left: 0;
	    display: flex;
	    width: 100%;
	    justify-content: flex-start;
	}

	.aquapark-banner .item__details h3,
	.aquapark-banner .item__details h4 {
		font-weight: 700;
		margin-bottom: 0;
	}


	.aquapark-banner .item__details .section-1 {
		margin-right: 20px;
		padding: 20px 40px;
	}

	.aquapark-banner .item__details .section-2 {
		margin-right: 65px;
	}

	.aquapark-banner .item__details .section__title img {
		float: left;
    	margin-right: 10px;
    	margin-top: 6px;
	}

	.aquapark-banner .item__details .detail-flex {
		display: flex;
	}

	.aquapark-banner .item__details .detail-flex .set:first-child {
		margin-right: 30px;
	}
	
	.rules-and-regulation strong,
	.rules-and-regulation li {
	    color: #65646a;
    }
/*****---------- 2.2 Recreation ----------*****/
	.cbi-ap-banner .banner-logo {
		text-align: right;
	}
		.cbi-ap-banner .banner-logo img {
			display: inline-block;
			padding: 20px;
		}

	.cbi-ap-banner .banner-details {
	    background-color: rgba(22, 40, 46, 0.66);
	    color: #fff;
	    text-align: center;
	    padding: 15px 20px 21px;
	}
		.cbi-ap-banner .banner-details p {
			font-size: 20px;
		}

		.cbi-ap-banner a {
			margin: 10px 0 0 10px;
		    vertical-align: unset
		}

	.cbi-recreation-icon-set img {
		padding-bottom: 30px;
	}

	.cbi-ap-banner-2 .banner-logo {
		margin-bottom: 15px;
	}

	.cbi-ap-banner-2 .banner-details {
		color: #fff;
		max-width: 500px;
	}
		.cbi-ap-banner-2 .banner-details h3 {
			color: #fff;
		}

/*************** 3. WIDGETS ***************/
	.insta-con figure {
		height: 120px;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}

	.sidebar-inner h6 {
		text-transform: uppercase;
		font-family: 'Roboto Condensed' !important;
	}

	.sidebar-inner h6 span {
		background-color: #fff;
		font-weight: 600;
	}

	.sidebar-inner h6::before {
		background-color: #fff;
	    top: 17px;
	}
/*************** 4. FOOTER ***************/
	#footer {
		background: #ffffff;
		padding: 60px 40px 50px;
	}

	#footer .social-list li a i {
		font-size: 22px;
	}

	#footer-forms {
	    background: #78a5da;
	    position: relative;
	    z-index: 2;
	    margin-top: 40px;
	}

	#footer-forms .container-fluid {
		padding: 0;
	}

	#footer-forms .col-sm-6 {
		padding: 0;
	}

	.footer-map {
		position: relative;
		height: 418px;
	}

	.footer-map iframe {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.scrolloffmap {
	    pointer-events: none;
	}

	.footerform {
		padding: 15px 40px;
	}

	.footerform h4 {
		color: #fff;
		font-size: 14px;
		font-family: 'Roboto Bold', sans-serif;
		font-weight: bold;
	}

	.footerform input[type="text"],
	.footerform input[type="email"],
	.footerform select,
	.footerform textarea {
		border: none;
		border-radius: 0;
		background-color: #fff;
		width: 100%;
		max-width: 570px;
	}

	.footerform select {
	    padding: 12px 15px 14px;
	}

	.footerform textarea {
		height: 110px;
	}

	.footerform .submit-con {
		width: 100%;
		max-width: 570px;
		text-align: right;
	}
		.footerform .submit-con input[type="submit"] {
			background: #fff;
		    border-radius: 5px;
		    padding: 14px 40px;
		    margin-top: 0;
		    text-transform: uppercase;
		    font-weight: bold;
		    color: #78a5da;
		}

		.footerform .submit-con .ajax-loader {
			float: left;
		}
		
	.wpcf7-form-control-wrap.topics {
        position: relative;
        width: 100%;
        display: block;
	}
	
	/*.wpcf7-form-control-wrap.topics:after {*/
 /*       content: "\f0d7";*/
 /*       font-family: FontAwesome;*/
 /*       font-style: normal;*/
 /*       font-weight: normal;*/
 /*       text-decoration: inherit;*/
 /*       position: absolute;*/
 /*       font-size: 26px;*/
 /*       color: lightblue;*/
 /*       z-index: 99;*/
 /*       top: 5px;*/
 /*       right: 40px;*/
	/*}*/
	
	.footerform .topics select {
	background-image: url(https://www.balaiisabel.com/portal/wp-content/uploads/small-arrow.png);
    background-repeat: no-repeat;
    background-position: center right 15px;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';

    }
/*************** 5. CUSTOMIZATION FOR NUMBER FIELDS ***************/
	/*
	input[type=number]::-webkit-outer-spin-button,
	input[type=number]::-webkit-inner-spin-button {
	    -webkit-appearance: none;
	    margin: 0;
	}

	input[type=number] {
	    -moz-appearance:textfield;
	}


	input[name=your-phone]{
		color: #000;
	}
	*/


	.home-grid .row > div {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}

	.balaigrid--single {
		margin-bottom: 15px;
	}

	.balaigrid--single .row {
		margin-left: 0;
		margin-right: 0;
	}

	.balaigrid--single .row > div {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 20px
	}

	.balaigrid--single [class^="col-sm-"] {
		width: 100%;
	}


	/* =big box */
	.boxtype-_bigbox {
		background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #e3e3e3;

		height: 385px;
		width: 100%;

		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
		position: relative;
	}
		.boxtype-_bigbox h3 {
		    text-transform: none;
		    color: #fff;
		    font-weight: 600;
		    font-size: 35px;
		    padding: 0 90px;
		    line-height: 40px;
		    margin-top: 10px;
			z-index: 1;
		}

		.boxtype-_bigbox div {
			z-index: 1;
		}
			
		.boxtype-_bigbox div > span {
		    background: #fff;
		    padding: 4px 10px;
		    text-transform: uppercase;
		    font-weight: 600;
		    font-size: 12px;
		    color: #050505;
			z-index: 1;
		}

		.boxtype-_bigbox .bg-absolute--black {
			-webkit-transition: all .2s ease-in-out;
	    	-moz-transition: all .2s ease-in-out;
	    	-o-transition: all .2s ease-in-out;
	    	transition: all .2s ease-in-out;
	    	position: absolute;
	    	z-index: 0;
	    	top: 0;
	    	left: 0;
	    	width: 100%;
	    	height: 100%;
		}
		
		.boxtype-_bigbox:hover .bg-absolute--black {
	        background-color: rgba(92, 208, 224, .6);
			/*background-color: rgba(0,0,0,0.3);*/
		}


	/* =testimonial */
	.boxtype-_testimonial {
		background-position: bottom center;
		/*background-size: cover;*/
		background-repeat: no-repeat;

		height: 385px;
	    display: block;
	    width: 100%;
	    text-align: center;
	    padding: 20px;
	}
		.boxtype-_testimonial .testi-quote {
			background: url(../img/a-quote.png) center no-repeat;
			width: 41px;
			height: 15px;
			margin: 10px auto 15px;
		}

		.boxtype-_testimonial .testi-text p {
		    padding: 0 12px;
		    font-size: 16px;
		    line-height: 23px;
		    color: #10636f;
		}

		.boxtype-_testimonial .testi-author {
		    font-weight: bold;
		    text-transform: uppercase;
		    color: #fff;
		    font-size: 13px;
		}



	/* =simple */
	.boxtype-_simple {
		position: relative;
		background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #dddddd;

		height: 385px;
		width: 100%;

		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;

		text-align: center;
	    /*max-width: 270px;*/
	    margin: 0 auto;
	}

	@media (max-width: 767px) {
		.boxtype-_simple {
			margin: 0 auto 20px;
		}
	}

	.bt-simple-contents {
		/*min-height: 160px;*/
		background-color: rgba(255,255,255, .7);
	    padding: 15px 20px 30px;
	    position: relative;
	    z-index: 2;
	}
		.bt-simple-contents .bt-simple-label, .bt-simple-contents h3 {
			position: relative;
			z-index: 1;
		}

		.bt-simple-contents .bt-simple-label > span {
		    text-transform: uppercase;
		    letter-spacing: 2px;
		    font-size: 12px;
		    color: #0a0a0a;
		    text-decoration: underline;
		    font-weight: bold;
		}

		.bt-simple-contents h3 {
		    font-family: 'Roboto Condensed' !important;
		    color: #141618;
		    font-size: 16px;
		    font-weight: bold;
		    line-height: 1.4em;
		    margin-top: 9px;
		    text-transform: uppercase;
		}
			.bt-simple-contents h3 a {
		    	color: #141618;
		    	display: block;
			}

		.bt-simple-contents .zilla-customed {
			border-top: 1px solid #555555;
		    margin-top: 10px;
	    	padding-top: 10px;
	    	position: relative;
	    	z-index: 1;
		}

		.bt-simple-contents .zilla-customed span {
			margin: 0;
		    font-size: 12px;
		}

		.bt-simple-contents .zilla-customed .datepub {
			font-size: 12px;
	    	/*padding-top: 3px;*/
		}

		.bt-simple-contents .zilla-customed .zilla-likes {
			background-position: top 2px left 0;
		}
	
	.btsc--permalink {
	    position: absolute;
	    height: 100%;
	    width: 100%;
	    top: 0;
	    left: 0;
	    z-index: 0;
	    display: block;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}

	.btsc--permalink:hover {
        background-color: rgba(92, 208, 224, .6);
	}

	.btsc--permalink:after {
	    content: "\f105";
	    display: block;
	    font-family: "FontAwesome";
	    color: #fff;
	    border-radius: 50%;
	    border: 2px solid #fff;
	    width: 40px;
	    height: 40px;
	    font-size: 20px;
	    text-align: center;
	    padding-top: 3px;
	    position: absolute;
	    left: 50%;
	    /*top: 36%;*/
	    top: 135px;
	    opacity: 0;
		transition: transform 0.35s, opacity 0.35s;
	    transform: translate3d(-50%,0%,0);
		z-index: 2;
	}

	.btsc--permalink:hover:after {
	    opacity: 1;
		transform: translate3d(-50%,-25%,0);
	}

	.btsc--bg {
		position: absolute;
	    height: 100%;
	    width: 100%;
	    top: 0;
	    left: 0;
	    z-index: 0;
	    display: block;
	    opacity: .7;
	    -webkit-transition: all .3s ease-in-out;
	    -moz-transition: all .3s ease-in-out;
	    -o-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}

	/* =white transparent */
	.boxtype-_white-transparent-box {
		position: relative;
		background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #dddddd;

		height: 385px;
		width: 100%;

		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;

		text-align: center;
	    /*max-width: 270px;*/
	    margin: 0 auto;

	    font-size: 20px;

	    font-family: 'Roboto Condensed' !important;
	}

	.boxtype-_white-transparent-box .item__image-icon {
	    text-align: center;
		z-index: 2;
	}
		.boxtype-_white-transparent-box .item__image-icon img {
		    display: inline-block;
		    margin-bottom: 20px;
		}

		.boxtype-_white-transparent-box .item__description {
			z-index: 2;
		}

		.boxtype-_white-transparent-box .item__white-opacity {
		    position: absolute;
		    height: 100%;
		    width: 100%;
		    background-color: #ffffff99;
		    z-index: 1;
		}

		.boxtype-_white-transparent-box a {
			text-decoration: none !important;
		}


	/* =button */
	.boxtype-_button {
		position: relative;
		height: 385px;
	    display: block;
	    width: 100%;
	    text-align: center;
	    padding: 20px;
	}
		.boxtype-_button .bg-img {
			background-blend-mode: multiply;
			background-position: top right;
			background-repeat: no-repeat;
			position: absolute;
			height: 100%;
			width: 100%;
			top: 0;
			right: 0;
		}

		.boxtype-_button .bg-trans {
			position: absolute;
			height: 100%;
			width: 100%;
			top: 0;
			right: 0;
			opacity: .8;
		}

	.bt-button-contents {
		position: relative;
		z-index: 10;
		height: 100%;

		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}
		.bt-button-contents .bt-button-label {
		    font-family: 'Roboto Condensed' !important;
		    color: #fff;
		    font-size: 22px;
		    font-weight: bold;
		    line-height: 32px;
		    margin-top: 9px;
		    text-transform: uppercase;
		}

	.bt-button {
		text-align: center;
	}

	.bt-button span {
		display: inline-block;
		font-weight: bold;
		font-size: 16px;
		background-color: #fff;
		border-radius: 6px;
	    padding: 8px 15px;
		margin-top: 14px;
		border: 2px solid transparent;
	}
		.bt-button span:hover,
		.bt-button span:focus,
		.bt-button span:active {
			border: 2px solid #fff;
			color: #fff !important;
			background-color: transparent;
		}

	/* =newsletter */
	.boxtype-_button {
		position: relative;
		height: 385px;
	    display: block;
	    width: 100%;
	    text-align: center;
	    padding: 20px;
	}
		.boxtype-_button .bg-img {
			background-blend-mode: multiply;
			background-position: top right;
			background-repeat: no-repeat;
			position: absolute;
			height: 100%;
			width: 100%;
			top: 0;
			right: 0;
		}

		.boxtype-_button .bg-trans {
			position: absolute;
			height: 100%;
			width: 100%;
			top: 0;
			right: 0;
			opacity: .8;
		}

	.boxtype-_newsletter {
		position: relative;
		height: 385px;
	    display: block;
	    width: 100%;
	    text-align: center;
	    padding: 20px;
	}
		.boxtype-_newsletter .bg-img {
			background-blend-mode: multiply;
			background-position: top right;
			background-repeat: no-repeat;
			position: absolute;
			height: 100%;
			width: 100%;
			top: 0;
			right: 0;
		}

		.boxtype-_newsletter .bg-trans {
			position: absolute;
			height: 100%;
			width: 100%;
			top: 0;
			right: 0;
			opacity: .8;
		}

	.bt-newsletter-contents {
		position: relative;
		z-index: 10;
		height: 100%;

		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}
		.bt-newsletter-contents .bt-newsletter-label {
		    font-family: 'Roboto Condensed' !important;
		    color: #fff;
		    font-size: 22px;
		    font-weight: bold;
		    line-height: 32px;
		    margin-top: 9px;
		    text-transform: uppercase;
		    margin-bottom: 20px;
		}

	.bt-newsletter {
		text-align: center;
	}

	.bt-newsletter input[type="submit"] {
		display: inline-block;
		font-weight: bold;
		font-size: 16px;
		background-color: #fff;
		border-radius: 6px;
	    padding: 8px 15px;
		margin-top: 14px;
		border: 2px solid transparent;
	}
		.bt-newsletter input[type="submit"]:hover,
		.bt-newsletter input[type="submit"]:focus,
		.bt-newsletter input[type="submit"]:active {
			border: 2px solid #fff;
			color: #fff !important;
			background-color: transparent;
		}

	.bt-newsletter input[type="text"] {
	    width: 90%;
	    border: 2px solid #fff;
	    border-radius: 4px;
	    padding: 10px;
	    color: #fff;
	    margin: 0 auto;
	    background-color: rgba(255,255,255, .2);
	}
		.bt-newsletter input[type="text"]::-webkit-input-placeholder {
		   color: #fff;
		}

		.bt-newsletter input[type="text"]:-moz-placeholder { /* Firefox 18- */
		   color: #fff;  
		}

		.bt-newsletter input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
		   color: #fff;  
		}

		.bt-newsletter input[type="text"]:-ms-input-placeholder {  
		   color: #fff;  
		}
/*************** 6. VIDEO ***************/
	.home-video {
	    background-color: #222222;
	    padding-bottom: 30px;
	    background-repeat: no-repeat;
	    background-position: top center;
	    background-size: cover;
	}

	.hv-thumb {
		background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #dddddd;
	    border: 1px solid #dddddd;
		height: 160px;
		width: 100%;
		display: block;
		position: relative;
	}
		.hv-thumb .hv-play-button {
		    position: absolute;
		    left: 50%;
		    top: 50%;
		    -webkit-transform: translate(-50%,-50%);
		            transform: translate(-50%,-50%);
		}

	.hv-title {
	    color: #fff;
	    text-transform: uppercase;
	}
/*************** 7. PAGE HEADING EXTRA OPTIONS ***************/
	.extraheading {
		border-bottom: 6px solid #f2f2f2;
	    margin-bottom: 25px;
	    padding-bottom: 10px;
	}

	.extraheading__title {
		text-align: center;
	    font-size: 30px;
	    color: #65646a;
	    text-transform: uppercase;
	    font-family: 'Roboto';
	    font-weight: 600;
	    letter-spacing: 0;
	    margin-top: 0;
	}

	.extraheading ul {
		text-align: center;
		padding: 0;
	}

	.extraheading ul li {
		display: inline-block;
	}

	.extraheading ul li:not(:last-child) {
		border-right: 1px solid #76bd1d;
	}

	.extraheading ul li a {
	    padding: 5px 10px;
	    display: inline-block;
	    letter-spacing: 5px;
	    color: #141618;
	}

	.extraheading ul li a:hover, .extraheading ul li .extraheading--current {
		color: #989898;
	}

	.extraheading ul li .extraheading--current {
		pointer-events: none;
	}
/*************** 8. VARIANTS ***************/
/* =texts */
		.h3-variant {
		    color: #65646a;
		    font-size: 20px;
		    font-weight: bold;
		    margin-top: 0;
		}
		
/* =images */
	.bgcover > .vc_column-inner {
		background-size: cover !important;
	}

	.margin--bottom__25 {
		margin-bottom: 25px;
	}

	.margin--top__30 {
		margin-top: 30px !important;
	}

	.imagebox--variant__1 > .vc_column-inner {
	    background-size: cover !important;
	    padding: 0;
	}

	.imagebox--variant__1 .wpb_text_column {
		margin: 0;
	}

	.imagebox--variant__1 .imagebox--variant__1--inner {
	    height: 270px;
	    position: relative;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}
		.imagebox--variant__1 .imagebox--variant__1--inner:hover {
		    background-color: rgba(0,0,0,0.5);
		}

	.imagebox--variant__1 .imagebox--variant__1--inner h3 {
		margin: 0;
	    text-align: center;
	    color: #fff;
	    font-size: 20px;
	    font-weight: 600;
	    position: absolute;
	    top: 50%;
	    -webkit-transform: translate(0,-50%);
	            transform: translate(0,-50%);
	    width: 100%;
	    padding: 0 20px;
	}

	.imagebox--variant__1 .imagebox--variant__1--inner a,
	.imagebox--variant__1 .imagebox--variant__1--inner p {
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
		font-size: 0;
		margin: 0;
		z-index: 99;
	}

/* lightbox gallery */
	#slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
	    padding: 16px 16px 5px !important;
	}

	.text-white, .text-white strong {
	    color: #fff !important;
	}

/* =buttons */
	.bt-button-green {
		background-color: #fff;
		border-radius: 5px;
		border: 2px solid #76bd1d;
		color: #76bd1d;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		margin-top: 14px;
	    padding: 5px 30px;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	    text-decoration: none;
	    text-align: center;
	}
		.bt-button-green:hover,
		.bt-button-green:focus,
		.bt-button-green:active {
			color: #fff !important;
			background-color: #76bd1d;
		    text-decoration: none;
		}

	.bt-button-orange {
		background-color: #fff;
		border-radius: 5px;
		border: 2px solid #f18903;
		color: #f18903;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		margin-top: 14px;
	    padding: 5px 30px;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	    text-decoration: none;
	}
		.bt-button-orange:hover,
		.bt-button-orange:focus,
		.bt-button-orange:active {
			color: #fff !important;
			background-color: #f18903;
		    text-decoration: none;
		}

	.bt-button-white__to-blue {
		background-color: transparent;
		border-radius: 5px;
		border: 2px solid #fff;
		color: #fff;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		margin-top: 14px;
	    padding: 5px 30px;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	    text-decoration: none;
	}
		.bt-button-white__to-blue:hover,
		.bt-button-white__to-blue:focus,
		.bt-button-white__to-blue:active {
			color: #3b7cca !important;
			background-color: #fff;
		    text-decoration: none;
		}

	.bt-button-white__to-orange {
		background-color: transparent;
		border-radius: 5px;
		border: 2px solid #fff;
		color: #fff;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		margin-top: 14px;
	    padding: 5px 30px;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	    text-decoration: none;
	}
		.bt-button-white__to-orange:hover,
		.bt-button-white__to-orange:focus,
		.bt-button-white__to-orange:active {
			color: #f18903 !important;
			background-color: #fff;
		    text-decoration: none;
		}

	
	.bt-button-white__to-green {
		background-color: transparent;
		border-radius: 5px;
		border: 2px solid #fff;
		color: #fff;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		margin-top: 14px;
	    padding: 5px 30px;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	    text-decoration: none;
	}
		.bt-button-white__to-green:hover,
		.bt-button-white__to-green:focus,
		.bt-button-white__to-green:active {
			color: #9dd556 !important;
			background-color: #fff;
		    text-decoration: none;
		}

	.bt-button-white__to-lightblue {
		background-color: transparent;
		border-radius: 5px;
		border: 2px solid #fff;
		color: #fff;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		margin-top: 14px;
	    padding: 5px 30px;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	    text-decoration: none;
	}
		.bt-button-white__to-lightblue:hover,
		.bt-button-white__to-lightblue:focus,
		.bt-button-white__to-lightblue:active {
			color: #5cd0e0 !important;
			background-color: #fff;
		    text-decoration: none;
		}

/* =max =widths */
	.max-width-800 {
		max-width: 800px;
		margin: 0 auto;
		/*display: block;*/
	}
	
	.max-width-690 {
		max-width: 690px;
		margin: 0 auto;
		/*display: block;*/
	}

/* =banners */
	.banner__variant-1 {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		position: relative;
		min-height: 340px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: end;
	        -ms-flex-pack: end;
	            justify-content: flex-end;
	}
		.banner__variant-1__content {
		    background-color: rgba(255,255,255,.94);
		    width: 100%;
		    max-width: 340px;
		    padding: 25px 30px;
		}
			.banner__variant-1__content h1 {
				font-size: 40px;
				line-height: 48px;
				font-family: 'Roboto';
			}

			.banner__variant-1__content h1 small {
				display: block;
				color: #090909;
				font-size: 20px;
				line-height: 27px;
			    margin-top: 20px;
			}

/* =containers */
	.hideit { display: none !important; }

	.events-con, .experience-con {
		font-weight: 500;
		padding: 10px 30px 30px;
	}

	.experience-con h3 {
	    margin-top: 0;
	    font-weight: 500;
	}

	.box__rates {
		color: #fff;
		border: 1px solid #fff;
    	padding: 20px;
    	text-align: center;
	}
		.box__rates h2 {
			font-size: 35px;
			font-weight: 600;
			margin-top: 0;
			margin-bottom: 20px;
		}

		.box__rates .box__rates--sub {
		    font-size: 12px;
		    font-weight: 600;
		    letter-spacing: 5px;
		}

		.box__rates .box__rates--sub + p {
			margin-bottom: 30px;
		}

		.box__rates .box__rates--disclaimer {
			font-size: 10px;
			font-style: italic;
		}

	.contact-special-box-1 {
		padding: 20px;
	}
		.contact-special-box-1__inner {
			border: 2px solid #fff;
		    text-align: center;
			padding: 10px;
		}

		.contact-special-box-1__inner a,
		.contact-special-box-1__inner strong,
		.contact-special-box-1__inner h4,
		.contact-special-box-1__inner h3 {
			color: #fff;
			margin: 0;
		}

		.contact-special-box-1__inner h2 {
			color: #fff;
			font-size: 30px;
			font-weight: 700;
		}

		.contact-special-box-1__inner h3 {
		    margin: 20px 0;
		    font-size: 40px;
		    line-height: 1em;
		    font-weight: 600;
		}

		.contact-special-box-1__inner p {
			color: #fff;
		}

		.contact-special-box-1__inner img {
			display: inline-block;
			margin: 20px 0;
		}

	.contact-special-box-1.announcement {
		padding: 38px 28px;
	}

	.contact-special-box-1.announcement .contact-special-box-1__inner {
		padding: 10px 40px;
	}

	.contact-special-box-1.announcement .contact-special-box-1__inner p {
		text-align: left;
	}

/* =images */
	.image-600 {
		width: 100%;
		margin: 0 auto;
		max-width: 600px;
		display: block;
	}

/* =video */
	.switch-to-vid {
		width: 100%;
		height: 384px;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		position: relative;
	}
		.switch-to-vid .ply-btn {
			content: "";
			position: absolute;
			left: 50%;
    		top: 40%;
    		transform: translate(-50%,-50%);
    		display: block;
		}

		.switch-to-vid iframe {
			display: none;
		}

		.switch-to-vid__title {
		    font-size: 30px;
		    font-weight: 500;
		    text-align: center;
		    color: #141618;
		    position: absolute;
		    bottom: 0;
		    width: 100%;
		    background-color: rgba(255,255,255, .8);
		    padding: 22px 0;
		}

		.switch-to-vid__main {
			height: 100%;
			cursor: pointer;
		}

/* =forms */
	.inquireform h4 {
		color: #fff;
	    font-size: 20px;
	    font-family: 'Roboto', sans-serif;
	    font-weight: bold;
	    margin-top: 0;
	}
		.inquireform input[type="text"],
		.inquireform input[type="email"],
		.inquireform textarea {
			border: none;
			border-radius: 0;
			background-color: #fff;
			width: 100%;
			max-width: 570px;
		}

		.inquireform textarea {
			height: 110px;
		}

	.inquireform .submit-con {
		width: 100%;
		max-width: 570px;
		text-align: right;
	}
		.inquireform .submit-con input[type="submit"] {
			background: #fff;
		    border-radius: 5px;
		    padding: 14px 40px;
		    margin-top: 0;
		    text-transform: uppercase;
		    font-weight: bold;
		    color: #76bd1d;
		}

		.inquireform .submit-con .ajax-loader {
			float: left;
		}

	.mail-chimp-horizontal .mailchimp-main-form-balai {
	    display: flex;
	    padding: 23px 30px;
	    justify-content: center;
	    color: #fff;
	    font-family: 'Roboto Condensed' !important;
	}
		@media (max-width: 680px) {
			.mail-chimp-horizontal .mailchimp-main-form-balai {
			    flex-direction: column;
			    align-items: center;
			    text-align: center;
			}
				.mail-chimp-horizontal .mailchimp-main-form-balai .mc-elements {
					margin-bottom: 15px;
				}

			.mail-chimp-horizontal form .mailchimp-main-form-balai input[type="email"] {
				margin: 0;
			}
		}

	.mail-chimp-horizontal form .mailchimp-main-form-balai .mc-elements:first-child {
	    font-size: 22px;
    	text-transform: uppercase;
	}

	.mail-chimp-horizontal form .mailchimp-main-form-balai input[type="email"] {
	    border: 2px solid #fff;
	    padding: 6px 15px;
	    display: inline-block;
	    margin-left: 20px;
	    margin-right: 10px;
	    color: #fff !important;
	    border-radius: 2px;
	}

	.mail-chimp-horizontal form .mailchimp-main-form-balai input[type="submit"] {
	    background-color: #fff;
    	padding: 8px 18px;
    	border-radius: 5px;
    	font-weight: 800;
    	color: #91ca4a;
	}

	.mail-chimp-horizontal form .mailchimp-main-form-balai input[type="email"]::placeholder {
	    color: #fff;
	}

	.mail-chimp-horizontal form .mailchimp-main-form-balai input[type="email"]:-ms-input-placeholder { 
	    color: #fff;
	}

	.mail-chimp-horizontal form .mailchimp-main-form-balai input[type="email"]::-ms-input-placeholder { /* Microsoft Edge */
	    color: #fff;
	}

/* =accordions */
	.accordion-main-1 {
	    border-top: 1px solid #65646a;
	    padding-top: 2px;
	}

	.accordion-main-1 .accord-link {
	    margin-bottom: 5px;
	    display: block;
	    /*background-color: #c2c2c2;*/
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border-bottom: 1px solid #65646a;
	}
		.accordion-main-1 .accord-link:hover,
		.accordion-main-1 .accord-link:active,
		.accordion-main-1 .accord-link:focus {
			text-decoration: none;
		}

	.accordion-main-1 .accord-link span {
        color: #65646a;
	    font-size: 14px;
	    /* font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
	    font-weight: bold;
	    /* text-transform: uppercase; */
	    padding: 10px 0;
	    display: block;
	}

	.accordion-main-1 .accord-link .fa {
		/*background-color: #363636;*/
        padding: 13px 10px 0;
	    color: #65646a;
	    font-size: 14px;
	    /*min-width: 62px;*/
	    text-align: center;
	    margin-right: 0;
	}

	.accordion-main-1 .accord-content {
		color: #65646a;
	    /*background-color: rgb(255, 255, 255);*/
	    padding: 5px 0;
	    margin-bottom: 20px;
	    /*font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	    font-size: 13px;
	    display: none;
	}

	.accordion-main-1 .accord-content h5 {
		color: #363636;
	    margin-bottom: 10px;
	}
/*************** 9. BLOG ***************/
	.blog-main .btsc--bg {
		background-color: #f5f5f5;
		opacity: 1 !important;
	}

	.blog-main .btsc--permalink {
		height: 225px !important;
		background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.blog-main .btsc--permalink:after {
	    top: 48%;
	}

	.blog-main .btsc--permalink:before {
		content: " ";
		position: absolute;
		height: 100%;
		width: 100%;
		display: block;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.blog-main .btsc--permalink:hover:before {
        /*background-color: rgba(0,0,0,.3);*/
        background-color: rgba(92, 208, 224, .6);
	}

	.contains-rectangles .header {
	    font-family: 'Roboto Condensed' !important;
	    color: #141618;
	    font-size: 20px;
	    font-weight: bold;
	    line-height: 26px;
		text-transform: uppercase;
	}

	.contains-rectangles .small a {
	    font-size: 10px !important;
    	text-transform: uppercase;
    	font-weight: 400;
    	color: #888;
    	letter-spacing: 2px;
    	padding-left: 2px;
	}

	.author {
		display: none;
	}


	/* related post*/

	.custom-blog-related figure.images {
		position: relative;
	}

	.custom-blog-related figure.images:before {
	    content: " ";
	    position: absolute;
	    height: 100%;
	    width: 100%;
	    display: block;
	    -webkit-transition: all .3s ease-in-out;
	    -moz-transition: all .3s ease-in-out;
	    -o-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}

	.custom-blog-related figure.images:after {
	    content: "\f105";
	    display: block;
	    font-family: "FontAwesome";
	    color: #fff;
	    border-radius: 50%;
	    border: 2px solid #fff;
	    width: 40px;
	    height: 40px;
	    font-size: 20px;
	    text-align: center;
	    padding-top: 3px;
	    position: absolute;
	    left: 50%;
	    top: 33%;
	    opacity: 0;
	    transition: transform 0.35s, opacity 0.35s;
	    transform: translate3d(-50%,0%,0);
	    z-index: 2;
	}

	.custom-blog-related figure.images:hover:before {
        background-color: rgba(0,0,0,.3);
	}

	.custom-blog-related figure.images:hover:after {
        opacity: 1;
		transform: translate3d(-50%,-25%,0);
	}
/*************** 10. RESPONSIVENESS ***************/
	@media (max-width: 1024px) {
		#header {
			background-color: #fff;
		}

		.featuresbox .featuresbox__imageset {
			width: 50%;
		}
	}

	@media (max-width: 990px) {
		.cbi-recreation-icon-set {
			text-align: center;
		}
		
		.cbi-recreation-icon-set img {
		    display: block;
		    float: none;
		    padding-bottom: 0;
		    margin: 0 auto;
		}
	}

	@media (max-width: 768px) {
		.bt-simple-contents .zilla-customed .datepub {
			padding-top: 0;
	    	width: 100%;
		}

		.bt-simple-contents .zilla-customed span {
			width: 100%;
		}
	}

	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 800px) {
		/* big */
		.boxtype-_bigbox h3 {
			font-style: 30px;
		}

		/* testimonial */ 
		.boxtype-_testimonial .testi-text p {
			font-size: 13px;
	    	line-height: 19px;
	    	padding: 0;
		}

		/* simple */
		.bt-simple-contents h3 {
			font-size: 15px;
			line-height: 19px;
		}
	}

	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 790px) {
		.vc_row {
		    margin-left: 0 !important;
		    margin-right: 0 !important;
		}

		.featuresbox .featuresbox__imageset {
			padding-left: 0;
		}

		.featuresbox img {
			margin-right: 0;
		}
	}

	@media (max-width: 768px) {
		.contact-special-box-1__inner h2 {
			font-size: 20px;
		}
		
		.aquapark-banner .item__details {
			height: 100%;
			flex-wrap: wrap;
			position: relative;
			top: 0;
		}

		.aquapark-banner .item__details .section-1 {
		    margin-right: 0;
		    padding: 0 20px;
		    width: 100%;
		    text-align: center;
		}
			.aquapark-banner .item__details .section-1 img {
				display: inline-block;
			}

		.aquapark-banner .item__details .section-2 {
		    margin-right: 0;
		    margin-left: 30px;
		}

		.aquapark-banner .item__details .section-3 {
		    margin-left: 30px;
		}
	}


	@media (max-width: 767px) {
	    .hv-thumb {
	        margin-bottom: 30px;
	    }
	    
	    .home-video {
	        padding-bottom: 0;
	    }

		.grey-bg-large {
		    padding: 5% !important;
		}
	}

	@media (max-width: 560px) {
		.featuresbox .featuresbox__imageset {
		    width: 100%;
		}

		.extraheading ul li {
			line-height: 15px;
			margin: 10px 0;
		}

		.extraheading ul li a {
			letter-spacing: 1px;
		    padding: 0px 10px;
		}
	}

	@media (max-width: 480px) {
	    .boxtype-_bigbox h3 {
	        padding: 0 30px;
	        font-size: 27px;
	    }

	    .extraheading__title {
	    	font-size: 25px;
	    }
	}

	@media (max-width: 320px) {
	    .featuresbox .featuresbox__imageset {
	    	padding-left: 0;
	    }
	}


#mce-responses {
	color:white !important;
}