@charset "utf-8";
/* CSS Document */
strong{
	font-weight: bold;
}
.clearer{
	clear:both;
}
.img100{
	width: 100%;
	height: auto;
}
.centertext{
	text-align:center;
}

.hide{
	display:none;
}

a, a:hover, a:visited{
	color:#fc9e00;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body{
	font: 10px/1.5 Hind, Arial ,Verdana, Geneva, sans-serif;
	color:#867874;
	background-color: #ECFCF2;
	width:100%;
	Font-size:14px;
}

/*Structure*/

.center{
	width:96%;
	max-width:1350px;
	margin:0 auto;
}
.colcontainer {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col{
    display: table-cell; /* Make elements inside the container behave like table cells */
	width: 50%;
}
.col6{
    display: table-cell; /* Make elements inside the container behave like table cells */
	width: 16%;
	padding:10px 5%
}
.col35{
    display: table-cell; /* Make elements inside the container behave like table cells */
	width: 35%;
}
.col33{
    display: table-cell; /* Make elements inside the container behave like table cells */
	width: 35%;
}
.col65{
    display: table-cell; /* Make elements inside the container behave like table cells */
	width: 65%;
}
.col33{
    display: table-cell; /* Make elements inside the container behave like table cells */
	width: 31%;
	padding-right: 3%;
}
.middle{
	vertical-align: middle;
}
.bottom{
	vertical-align: bottom;
}
.top{
	vertical-align: top;
}
/* text */

.title, h1{
	font-weight: bold;
	font-size: 23px;
	border-bottom: 1px solid;
	display: inline-block;
	padding: 10px 0;
	
}
.subtitle, h2{
	font-size: 20px;
	display: inline-block;
	padding: 0;
}
p{
	padding:10px 0;
	
}
.captiontext{
	font-size: 13px;
}

ul.inpage{
	padding:15px 15px;
}
.nopadding ul{
	padding:0;
}
ul.nopadding{
	padding:0;
}
ul.inpage li, ul.nopadding li, .nopadding li{
	background-image: url("/images/design/bullet.png");
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding-left: 20px;
}
/* Header & Footer */

.header{
}
.footer{
	width:96%;
	max-width:1350px;
	margin:0 auto;
	
}
.footer a{
	font-size:20px;
	
}
.footer p{
	font-size:16px;
	
}
.footer h1{
	font-weight: bold;
	font-size: 23px;
	border: none;
	padding: 10px 0;
	display: block;
	text-transform: uppercase;
}
.footer .col30{
	
    display: table-cell; /* Make elements inside the container behave like table cells */
	width: 30%;
	
}
.footer .col50{
	
    display: table-cell; /* Make elements inside the container behave like table cells */
	width: 50%;
	
}
.footer .col20{
    display: table-cell; /* Make elements inside the container behave like table cells */
	width: 20%;
}
.footer .col20 img{
	max-width: 50px;
	Width:100%;
	height: auto;
	padding:0 5px 0 0;
	display: inline;
}

.contentfooter{
	padding: 3% 7% 3% 7%;
}

/*menu */
.menu{
	height:50px;
	background-color: #ffffff;
	max-width:1350px;
	margin:0 auto;
}
.mainnav{
	position: relative;
}
.mainnav a{
	color: #867874;
	text-decoration: none;
	font-size: 17px;
	padding:0px 1.5%;
}
.mainnav a.contact{
	color: #FFA400;
}
.mainnav a.language{
	color: #4E008E;
	font-size: 12px;
}

.mainnav a.selected{
	color: #63CC96;
}
.mainnav .links{
	text-transform: uppercase;
	text-align: center;
	padding:14px 5px;
}
.mainnav a:hover{
	text-decoration: underline;
}			
.mainnav a.logo {
	position: absolute;
	top:7px;
	left:7px;
	padding:0;
}
		
.mainnav a.logo img {
	height: 35px;
	width: auto;
}
.mobilenav {
	display: none;
	overflow: hidden;
	background-color: #ffffff;
	position: relative;
	z-index: 100;
}

.mobilenav .mobilelinks {
	text-transform: uppercase;
	display: none;
}

.mobilenav a {
	color: #867874;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	display: block;
}

.mobilenav a:hover {
	background-color: #63CC96;
	color: #867874;
}

.mobilenav a.language{
	color: #4E008E;
	font-size: 12px;
}

.mobilenav a.selected {
	background-color: #63CC96;
	color: #867874;
}
			

.mobilenav a.icon {
	background: #ffffff;
	color:#63CC96;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding:12px;
}
			
.mobilenav a.logo {
	padding: 12px 10px 0 10px;
}
.mobilenav a.logo img {
	height: 25px;
	width: auto;
}


/* submenu */

.submenu{
	text-transform: uppercase;
	text-align: center;
	padding:20px 5px 0 5px;
	font-size: 17px;
}
.submenu a{
	padding:0px 5px;
	text-decoration: none;
	color: #867874;
}		
.submenu a:hover{
	text-decoration: underline;
}			
.submenu a.selected {
	font-weight: bold;
	color: #4E008E !important;
}
/* end menu */
.whiteb{
	background-color: #ffffff !important;
}
.whitet{
	color: #ffffff;
}
.white{
	background-image: url("/images/design/whiteback.png");
}
.purple{
	background-image: url("/images/design/purpleback.png");
}
.purplet{
	color: #4E008E !important;
}
.purpleb{
	background-color: #4E008E;
}
.green{
	background-image: url("/images/design/greenback.png");
}
.greent{
	color: #63CC96 !important;
}
.pink{
	background-image: url("/images/design/pinkback.png");
	
}
.pinkt{
	color: #63CC96;
}
.contentheader{
	position: relative;
	background-size: 100% 85%;
	background-repeat: no-repeat;
	
}
.contentheader img{
	width:86%;
	margin:0 auto;
	padding-top:0%;
	display: block;
	
}

.button{
	text-align: center;
	
	
}
.inputbutton{
	text-align: center;
	
    background: #4E008E !important;
	color: #ffffff !important;
	border:1px solid #4E008E  !important;
	width:150px !important;
	margin:0 auto  !important;
	
	
}
.button img{
	width: 70%;
	max-width: 200px;
	height:auto;
}
.pagecontent{
	padding: 3% 7% 10px 7%;
}
.pagecontentsmall{
	padding:3% 20% 10px 20%;
}

.pagecontentlow{
	padding: 0% 7% 10px 7%;
}


.back20{
	position: relative;
	background-size: 100% 20%;
	background-repeat: no-repeat;
	
}
.alignr {
	text-align: right;
	padding-right: 15px;
}
.alignl {
	text-align: left;
	padding-left: 15px;
}
.max500 {
	width:90%;
	max-width: 500px;
}

.gallery img{
	width:100%;
	height:auto;
	display: block;
}
.gallery .colcontainer{
	padding:10px 0  0 0;
	margin:10px 0 0 0;
	border-top: 1px solid #F3CECE;
}
.gallery .prevnext{
	padding:20px 0  0 0;
	text-align: center;
}
.gallery .prevnext img{
	width:15px;
	height: auto;
	display: inline;
}
.gallery .prevnext a{
	padding:0 5px;
}
.gallery .noline{
	padding:10px 0  0;
	border-top:none;
}
.gallery .col{
	width:49%;
}
.gallery .subcol{
	width:2%;
}
.splide__slide img {
	width : 100%;
	height: auto;
}
/* form */

.optiondate{
    border: 1px solid #FFA400 !important;
    background: #FFA400 !important;
    background-image: none;
	color: #ffffff!important;
	padding:5px 10px ;
	margin:3px 5px;	
}
.bookeddate{
    border: 1px solid #4E008E !important;
    background: #4E008E !important;
    background-image: none !important;
	color: #ffffff!important;
	padding:5px 10px ;
	margin:3px 5px;
	opacity: .35;
    filter: Alpha(Opacity=35);
}

.isoption .ui-state-default, .isoption .ui-widget-content .ui-state-default{
    border: 1px solid #FFA400 !important;
    background: #FFA400 !important;
    background-image: none;
	color: #ffffff!important;
	
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	
    border: 1px solid #63CC96 !important;
    background: #63CC96 !important;
	}
.isbooked span {
    border: 1px solid #4E008E !important;
    background: #4E008E !important;
    background-image: none !important;
	color: #ffffff!important;
	
}
.isclosed span {
    border: 1px solid #F80303 !important;
    background: #F80303 !important;
    background-image: none !important;
	color: #ffffff!important;
	
}
.calendar {
	text-align: center;
}
.ui-datepicker-trigger{
	display: none;
}

.error-message{
	display: none;
	color: #FA05AE;
}
.error {
	background: #FDDBDB;
}
input[type='text'] , select, option, textarea {
	height:25px;
	color: #867874;
	width:90%;
	max-width: 250px;
}
select{
	height:30px;
}
textarea{
	height:70px;
}
.checkbox{   
	vertical-align: top;
}
.checklabel{
	vertical-align: top;
}
@media screen and (max-width:815px){
	.noback{
		background-image: none;
	}
	.mainnav{
		display: none;
	}
	.mobilenav{
		display: block;
	}
	
	.col33{
    display: block; /* Make elements inside the container behave like table cells */
	width: 100%;
}
}
@media screen and (max-width:750px){
	.noback{
		background-image: none;
	}
	.footer .colcontainer{
		display: block;
	}
	.footer.col50, .footer .col20, .footer .col30{
		display: block;
		width:100%;
	}
}
@media screen and (max-width: 650px) {
	
	.col{
		display: block;
		width:100%;
	}
	.gallery .colcontainer {
		border: none;
		padding: 0;
		margin: 0;
	}
	.gallery .col {
    	width: 100%;
		padding-bottom:5px;
	}
	.col35, .col65{
		width: 100%;
		display: block;
	}
		
	.contentheader{
		position: relative;
		background-size: 100% 85%;
		background-repeat: no-repeat;

	}
	.contentheader img{
		width:100%;
		margin:0 auto;
		padding:0px;
		display: block;
	}
}
@media screen and (max-width: 400px) {

}