@charset "utf-8";
/* CSS Document */


.youtube-area{

}
.header{

}

.adress-box{ color:#FFF;}
	.youtube_video {
	width: 100%;
	height: 280px;

	}
	
	.gotop {
	width: 60px;
	height: 40px;
	float: right;
	bottom: 10px
}
	

				.cta{
	width: 28%;
	float: right;
	height: 60px;
	padding-top: 20px;
	

	
}
				.cta a{
	font-size: 1.5em;
	font-weight: 700;

	
}

 .thankyou-p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
 
 
#top div .grey .container .testimonials .col-md-3 .adress-box span {
	color: #fff;
	font-size: 13px;
	text-align: center;
}


.form{
	float: right;
	width: 100%;
	z-index: 100000;
	position: fixed;
}


html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{
	margin: 0;
} a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{
	font-weight: 700;
	text-align: left;
	font-size: 14px;
}dfn{font-style:italic}


h1{
	
	font-size: 1.6em;
	color: #000;
}

 
 *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.3;
	color: #333;
	background-color: #fff
}button,input,select,textarea{font-family:inherit;}a{color:#1b4250;text-decoration:none; 	font-size: 12px; }a:focus,a:hover{color:#1b4250;text-decoration:none}a:focus{
	outline: none;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	text-align: left;

}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
	font-family: inherit;
	font-weight: 100;
}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{

	font-size: 1.8em;

}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{
	margin-top: 10px
}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}


.h2,h2{
	text-align: left;
	color: #333;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: lighter;

}.h3,h3{
	text-align: left;
	color: #333;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: lighter;
}.h4,h4{font-size:18px}.h5,h5{
	font-size: 18px;
	color: #333;
	font-weight: bold;
}.h6,h6{font-size:12px}p{
	margin: 0 0 10px;
	color: #333;
	text-align: justify;
}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}






.col-3{
	width: 17%;
	float: left;
	height: 200px;
	margin-right: 3%;
	
}


.testimonials .col-md-3{
	width: 45%;
	text-align: left;
	padding-top: 0px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	float: none;
	margin-top: 15px;

}

.abtCountTitle { text-align:center; font-size:12px}
.img-center{ width:150px; height:150px; margin-left:auto; margin-right:auto;}
body{font-family:'niveau_grotesk_regularregular'!important; color:#000000}
ul{
	width:100%;
	
}

li{
	width: 100%;
	list-style: circle;
	font-size: 15px;
	color: #333;
}

.container-fluid{width:auto; margin:auto; padding:0!important;}
.container{
	width: 100%!important;
	float: left;
}


.header{

	width: 100%;
	height: auto;
	
}



.logo{
	float: left;
	margin-left: 10.5%;
}

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

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


/*Form*/

.form{
	float: left;
	width: 19%;
	min-height: 325px;
	background: #ffffff;
	font-size: 12px;
	color: #5d5d5d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #999;
	margin-top: 125px;
	position: fixed;
	z-index: 1000
}
.form-inside{
	height: 200px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.form-title{
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	padding-bottom: 5px;
	padding-top: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: -20px 20px 1px 20px;
	text-align: center;
	background-color: #1b4250;
}
#signup-form .txtinput { display: block;font-family: Arial, sans-serif;border-style: solid;border-width: 1px;border-color: #c7c7c9;margin-top: 10px;font-size: 12px;padding: 5px 10px;padding-left: 10px;width: 100%;color: #5d5d5d;}
#signup-form .txtinput:focus { color: #333;border-color: rgba(41, 92, 161, 0.4);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);outline: 0 none; }
#signup-form  .txtinput-select { display: block;font-family: Arial, sans-serif;border-style: solid;border-width: 1px;border-color: #c7c7c9;margin-top: 10px;font-size: 12px;padding: 5px 5px;width: 100%;color: #999999;}
#signup-form .txtinput-select:focus {color: #999999;border-color: rgba(41, 92, 161, 0.4);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);outline: 0 none;}
#buttons {
	display: block;
	text-align: center;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #00b3bc;
	margin-top: 15px;
	margin-bottom: 15px;
	cursor:pointer;

}
label{font-weight:normal !important; padding-right:5px;}
.message{font-size:11px; margin-top:5px;}
.title{font-size:13px; margin-top:10px; text-align:left}
.title-check{font-size:13px; margin-top:10px; text-align:left}

.grey{
	height: auto;
	width: auto;
	margin-right: 0;
}
.container h4{
	text-align: left;
	margin: auto;
	font-size: 17px;
	font-weight: 600;
	
}

/*Fixed nav*/
.fixed-nav{
	height: 80px;
	position: fixed;
	padding: 0;
	float: left;
	width: 100%;
	z-index: 1000;
	right: 0px;
	background-repeat: no-repeat;
	background-color: #00b6be;
}


/*Offers*/
#offers{
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/*resorts*/
.resorts{
	width: 77%;
	height: auto;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2%;
}
#resorts{
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.resorts .icon-headline{padding:11px 0;}
.resorts .col-md-3 {text-align:left; padding:10px 0; width:33.33%; float:left\9}

/*Benifits*/
#benifits{padding:20px 0;}
.benifits{
	padding: 0;
	width: 90%;
	text-align: center;
	float: none;
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;

}
.benifits .col-md-6{
	width: 47%;
	float: left;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
}
.icon{
	float: left;
	width: 15%;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
.points{
	float: left;
	width: 82%;
	text-align: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
}

/*Testimonials*/
#testimonials{padding:20px 0;}
.testimonials{
	width: 100%;
	background-color: #1b4250;
	padding-top: 10px;
	padding-right: 3%;
	padding-bottom: 20px;
	padding-left: 3%;
	margin-right: auto;
	margin-left: auto;
}
.testimonials h4{
	text-align: center;
	margin: auto;
	color: #ffffff;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 0px;
	text-transform: uppercase;
}
.testimonials .col-md-3{
	width: 25%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.testimonials .col-md-3 a{outline:0}
.testimonials .col-md-3 a:hover{text-decoration:none; outline:0}

.testimonials i{color:#ffeb1d; font-size:12px; padding-bottom:5px;}
.testimonials p{
	font-size: 10px;
	color: #DEF1F0;
}

/*Footer*/
.footer{
	text-align: center;
	font-size: 10px;
	clear: left;
	float: none;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;


}

.mobile-banner{ display:none; }




@media (max-width: 1024px) {
	
	.grey{

	height: auto;
	width: auto;

	margin-right: 0;

	margin-left: 5px;
}


.form-text { display:none; }
.check{ margin-right:25px;  }
.form{
	
	width: 21%;
	
}

	.points{
	float: left;
	width: 77%;
	text-align: left;
	
	padding-left: 15px;
	
}
.benifits .col-md-6{
	width: 49%;
	float: left;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.testimonials{


}
	
}




		
@media screen and (min-width:480px){
	

	
	.testimonials{



}
	
	




.check{
	width: 19%;
	float: right;
	margin-right: 20px;
}
a{color:#ffffff; font-size:16px; }

b,strong{
	font-weight: 700;
	text-align: left;
	font-size: 22px;
}

.headline-p
{
color:#FFF;	
	
}

.headline{
	float: left;
	padding-top: 150px;
	width: 44%;
}



	
		}
		
		
@media (max-width: 481px) {
	
		.benifits .col-md-6{
	width: 100%;
	float: left;

}
	.header{

}
	
.container{
	/* [disabled]padding-left: 5px; */
	margin-left: 2%;

.fixed-nav{display:block}

.logo{ float:left; text-align:center}
.headline{
	padding-top: 10px;
	text-align: left;
}

.form{
	float: right;
	width: 100%;
	margin-top: 10%;
	z-index: 999;
	position: relative;
}

div.check.fixed .form{position: relative; bottom: 0; float: none; width: 100%; margin-top: 310px; z-index:0; display:none}
div.check.fixed #signup-form .txtinput { width: 100%; float:none; margin-right:0; margin-bottom:0;}
div.check.fixed #signup-form  .txtinput-select {width: 100%; float:none; margin-right:0; margin-bottom:0;}
div.check.fixed #buttons { display: block; text-align:center; padding-right:0; padding-top:0; padding-bottom:0; float:none}
div.check.fixed .message{display:block; text-align:left}
div.check.fixed .title{float:none; width:100%}
div.check.fixed .title-check{float:none; width:100%; font-size:13px;}
div.check.fixed #buttons{float:none}

.form-ty{float: none; width: 100%; margin-top: 310px; z-index:5000; position:relative}
div.check.fixed .form-ty{position: relative; bottom: 0; float: none; width: 100%; margin-top: 310px; z-index:0; display:none}


#offers{ clear:left; float:none; z-index:-1}
.resorts .icon-headline{padding:11px 0; text-align:center}
.resorts .col-md-3 {text-align:center; padding:10px 0; width:100%; float:left;}
.icon{width:100%; float:none; text-align:center}
.points{
	width: 75%;
	text-align: left;
	float: left
}

.crights{margin: 0 0 -85px 0;}

.footer{margin: 0px 0px 0px;}
}

@media (max-width: 480px) {
	
	h1{
	
	font-size: 1.3em;
	color: #000;
	line-height:1.3;
	font-weight:lighter;
}

	h2{
	font-size: 1.3em;
	color: #000;
	line-height:1.3;
	font-weight:lighter;
}

	h3{
	font-size: 1.3em;
	color: #000;
	line-height:1.3;
	font-weight:lighter;
}
	
	
.container	.col-3{
	width: 40%;
	float: left;
	margin-left: 5%;
	height: 200px;
	
}

	
	
	
	.fixed-nav{
	height: 80px;
	position: fixed;
	padding: 0;
	float: left;
	width: 100%;
	z-index: 100000;

}
	
	.form{
	float: left;
	width: 100%;
	height: 280px;
	background: #ffffff;
	font-size: 12px;
	color: #5d5d5d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #999;
	margin-top: 15px;
	position: relative;

}
	
	.container{
	width: 100% !important;
	margin-left: 0%;
}
	
		.container .col-md-3{
	padding-left:15px;
}
	.benifits{
	padding: 0;
	width: 100%;
	text-align: center;
	float: left;

}
.resorts{
	width: 100%;
	height: auto;

}
	
	.check {		
width:100%;
float:left;
		
	}
	
	.youtube_video {
width:100%; height:315px;

	}


.header{	display:none;}
	.mobile-banner { width:100%; height:auto; padding-top:79px;  display:block; }
.testimonials{
	width: 100%;

}
	.testimonials .col-md-3{
	width: 100%;
	text-align: center;
	padding-top: 0px;
	margin-right: auto;
	height: auto;
	float: none;
	margin-left: auto;

}

	.headline{
	float: left;
	padding-top: 100px;
	margin-left:5px;
	width: 42%;
	height:80px;
	
} 

.headline-p
{ display:none;
}
	.check{
	width: 100%;
	float: left;
	margin-top:0px;
}

	
 a{color:#1b4250;  font-size:12px; margin-right:0}



 a:hover{color:#1b4250; text-decoration:none}



	.cta {
	width: 50%;
	height: 80px;
	float: left;
	background-color: #FFF;
	text-align: left;
	padding-left: 5%;

	
	}
	
	
			.cta a{

	font-size:18px;
	font-weight:700;

	
}
	
	li{ 	
	color:#1b4250;
	  color:#1b4250; }
	
	


.logo{
	float: left;
	width: 45%;
	margin-left: 5%;
}




.grey {
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;

}
div.check.fixed .form{position: relative; bottom: 0; float: none; width: 100%; margin-top: 310px; z-index:0; display:}
div.check.fixed #signup-form .txtinput { width: 100%; float:none; margin-right:0; margin-bottom:0;}
div.check.fixed #signup-form  .txtinput-select {width: 100%; float:none; margin-right:0; margin-bottom:0;}
div.check.fixed #buttons { display: block; text-align:center; padding-right:0; padding-top:0; padding-bottom:0; float:none}
div.check.fixed .message{display:block; text-align:left}
div.check.fixed .title{float:none; width:100%}
div.check.fixed .title-check{float:none; width:100%; font-size:13px;}
div.check.fixed #buttons{float:none}


#offers{
	padding: 0px;
	clear: left;
	float: none;
	z-index: -1
}
.resorts .icon-headline{padding:11px 0; text-align:center}

.icon{
	width: auto;
	float: left;
	text-align: center;
}


.crights{margin: 0 0 5px 0;}

.footer{

	font-size: 11px;
	margin-right: 0px;

	margin-left: 0px;
}


	


.location{ padding-left:5%; width:90%;}

.col-md-3 .adress-box span {
	color: #FFF;
	font-size: 13px;
	text-align: left;
}


}