html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table*/, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.rating_of_anysite { float: left; }

.rating_of_anysite .rating_widget { margin-top: 0!important; margin-bottom: 0!important; }

	body { overflow-x: hidden !important }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: -10px;
}

.footer { width:1040px; overflow:hidden; margin:0 auto; padding-top:30px; }
.footer .TA_certificateOfExcellence  { float:left; margin-right:34px;  }
.footer img { float:left; margin-right:38px;  }
.footer img.last {  margin-right:0px;  }


td {width: 50%; }

body {margin: 0;background:none; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; background: url(../images/main-bg.png); color:#35404a; }

h1, h2, h3, h4 { font-family: 'Dosis', sans-serif; text-transform:uppercase; }
h1 { font-size:35px; color: #235c91; margin: 60px 0 30px; text-align:center; }
h2 { font-size:25px; margin-bottom: 20px; }
h3 { font-size: 18px; margin: 15px 0; }
h4 { font-size:14px; margin-top: 12px; }
.clear { clear: both; }
a { color: #66ace2; font-weight: bold; text-decoration: none; }
a:hover { color: #235c91; }
.blue { color: #66ace2; }
nav {
    border: 1px solid transparent;
    position: fixed;
	top: 0;
	background: #FFF;
	width: 100%;
	z-index: 50;
	opacity: 1;
	filter: alpha(opacity=100);	
	-webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4);
	
	-webkit-box-shadow: 0 8px 6px -6px #9a9a9a;
-moz-box-shadow: 0 8px 6px -6px #9a9a9a;
box-shadow: 0 8px 6px -6px #9a9a9a; 
}

.navbar-container:hover { zoom: 1; filter: alpha(opacity=100); opacity: 1; outline:none; }
.navbar-container a {text-decoration:none; font-size:16px; color: #66ace2; font-family: 'Dosis', sans-serif; text-transform:uppercase; outline:none; }
.navbar-logo { float: left; font-size: 24px; line-height: 30px; padding: 17px; text-align: center; position:fixed;	z-index:66;}
.navbar-logo h2 { font-size:35px; padding: 0; margin: 0; color: #235c91; }
.navbar-logo h3 { font-size:18px; padding: 0; margin: 0; color: #666;}
.navbar-nav { float: left; margin: 0; }
.navbar-nav > li { float: left; }
.nav { list-style: outside none none; margin: 0; padding: 0 30px 0 0 ; float: right; }
.nav:before, .nav:after {content: " "; display: table; }
.nav:after { clear: both; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav > li {display: block; position: relative; float:left; }
.nav > li > a {display: block; padding: 35px 15px 35px; position: relative; text-decoration: none; }
.nav > li > a:hover, .nav > li > a:focus { background-color: #dfeaf6; text-decoration: none; color: #235c91; }
.active { text-decoration: none; color: #235c91; }


/* Parallax ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
/*section.module h2 {
  margin-bottom: 40px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}*/

section.module p:last-child { margin-bottom: 0; }
section.module.content { padding: 10px 0; }
section.module.parallax { padding: 190px 0;	background-position: 0 0; height:400px;	margin-bottom: 30px; }
section.module.parallax h1 { color: #fff; font-size: 90px; line-height: 1; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 3px #141414;
  padding: 0;
  margin:0;
  padding-top: 150px;
  max-width:800px;
  text-align:center;
  margin:auto;	
}
section.module h2.cta { font-size: 30px; color:#89bdfc;	text-align: center;	text-shadow: 0 0 5px #141414; max-width:800px; text-align:center; margin:auto; padding: 20px; }
/*PARALLAX MEDIA QUERIES*/
@media all and (max-width: 1600px) {
section.module.parallax { padding: 200px 0;	background-position: 0 0; height:300px; }
section.module.parallax h1 { /*padding-top: 150px;*/ font-size: 80px; }
section.module h2.cta { font-size: 30px; }
}
@media all and (max-width: 1500px) {
section.module.parallax { padding: 180px 0;	background-position: 0 0; height:250px; }
section.module.parallax h1 { /*padding-top: 200px;*/ font-size: 70px; }
section.module h2.cta { font-size: 25px; }
}
@media all and (max-width: 1300px) {
section.module.parallax { padding: 170px 0;	background-position: 0 0; height:100px; }
section.module.parallax h1 { padding-top: 55px; font-size: 70px; }
section.module h2.cta { font-size: 20px; padding-top: 5px; }
}
@media all and (max-width: 1000px) {
section.module.parallax { padding: 150px 0;	background-position: 0 0; height:120px; }
section.module.parallax h1 { padding-top: 50px; font-size: 50px; }
section.module h2.cta { font-size: 20px; padding-top: 5px; }

}
@media all and (max-width: 700px) {
section.module.parallax { padding: 100px 0;	background-position: 0 0; height:100px; }
section.module.parallax h1 { padding-top: 10px; font-size: 30px; }
section.module h2.cta { font-size: 20px; padding-top: 5px; }
}
@media all and (max-width: 500px) {
section.module.parallax { padding: 80px 0;	background-position: 0 0; height:80px; }
section.module.parallax h1 { padding-top: 10px; font-size: 30px; }
section.module h2.cta { font-size: 18px; padding-top: 5px; }

}
@media all and (max-width: 400px) {
section.module.parallax { padding: 40px 0;	background-position: 0 0; height:90px;  }
section.module.parallax h1 { padding-top: 10px; font-size: 30px; }
section.module h2.cta { font-size: 16px; padding: 5px 0 5px 0; }
/*.navbar-logo { margin-top: -80px; }*/
/*header.small a { padding: 14px 15px 14px; margin-top: -10px!important; }*/
}
@media all and (max-width: 310px) {
section.module.parallax { margin-top: 150px; }
.navbar-logo { margin-top: -140px; padding:17px!important; line-height:30px!important; }
header.small a { padding: 14px 15px 14px; margin-top: -60px!important; }
header.small h2 { font-size: 35px!important; line-height: 26px!important; }
header.small h3 { font-size: 18px!important; line-height: 33px!important; }
nav.large { height: 150px!important; }
nav.small { height: 150px!important; }
header a, header h1, header h2{
transition:none!important;
transition: none!important;
-moz-transition: none!important; /* Firefox 4 */
-webkit-transition: none!important; /* Safari and Chrome */
-o-transition: none!important; /* Opera */
}
#nav:not(:target) > a:first-of-type, #nav:target > a:last-of-type { top: 100px!important; margin-top:0!important;    }
#nav > ul { margin: 145px 0 0!important; }

}

section.module.parallax-1 {
 background-image:url(../images/shark1.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
section.module.parallax-2 {
 background-image:url(../images/whale1.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
section.module.parallax-3 {
 background-image:url(../images/accommodation.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
section.module.parallax-4 {
 background-image:url(../images/contact.jpg); background-repeat:no-repeat; no-repeat; background-size:cover; 
}
.container { text-align:center; }
.load { height: 457px; width: 100%; transition:none!important; margin: -999px; }
a.book-now-fade { display:inline-block; margin:auto; -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4); box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4); font-family: 'Dosis', sans-serif; text-transform:uppercase;padding: 15px; background: #4987d4; color: #FFF; border: 0; margin-top: 5px;}
a.book-now-fade:hover { background: #236cc6; cursor: pointer; }
a.book-now { display:inline-block; margin:auto; font-family: 'Dosis', sans-serif; text-transform:uppercase;padding: 15px; background: #4987d4; color: #FFF; border: 0; margin-top: 5px;}
a.book-now:hover { background: #236cc6; cursor: pointer; }


/***RESIZING MENU***/
/* Sizes for the bigger menu */
nav.large {height: 92px;}
/* Sizes for the smaller menu */
nav.small {height: 50px;}
nav.small a { padding: 14px 15px 14px; margin:0!important; }
nav.small h1 { font-size: 26px; line-height:1em; margin-top: -10px; }
nav.small h2 { font-size: 12px; line-height:1em }
header.small a { padding: 14px 15px 14px; margin-top: 70px }
header.small h2 { font-size: 26px; line-height:1em; margin-top: -78px; }
header.small h3 { font-size: 12px; line-height:1em }
/*nav.small-white { opacity:1 }
nav.small-white { height: 50px; }
nav.small-white a { padding: 14px 15px 14px; }
nav.small-white h1 { font-size: 26px; line-height:1em; margin-top: -10px; }
nav.small-white h2 { font-size: 12px; line-height:1em }*/

.breadcrumbs { float: right; margin: -25px 10px 10px 0px; padding: 0; font-family: 'Dosis', sans-serif; color: #666; font-size:13px; }

/*Transitions*/
nav, nav a, nav h1, nav h2, header a, header h2, header h3, #nav > ul {
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */
}

#check-availability {
    background: none repeat scroll 0 0 #fff;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    float: right;
    height: 70px;
    margin-top: 17%;
    outline: medium none;
    padding: 10px;
    position: fixed;
    right: -160px;
    text-decoration: none;
    width: 220px;
    z-index: 99;
}
#check-availability:hover { position: fixed; right: 0; }
#check-availability, #check-availability img { transition: all 0.5s ease 0s; }
#check-availability img { float:left; margin-right: 10px; }
h3.check { font-size: 1.2em; text-align:center;}

.content { z-index: 999; }
.main { font-family:Arial, Helvetica, sans-serif; margin-top:10px; width:100%; max-width: 1000px; margin: 0 auto;}
.main-left h2, main-right h2 { line-height: normal }
.main-left { width: 50%; padding-right: 20px; float: left; box-sizing:border-box; line-height: 1.5em;}
.main-right { width: 50%; padding-left: 20px; float: right; box-sizing:border-box; line-height: 1.5em;}
.main-left p, .main-right p, .main-left button, .main-right button { margin-bottom: 20px; }
.main-left h2, .main-left img, .main-right h2, .main-right img, .main-left btn, .main-right btn, .main-left iframe, .main-right iframe { margin-top: 20px; }
.main-left img, .main-right img {box-shadow: 0px 0px 5px #aaa; width:100%;}
.main-right iframe { margin-top: 0; }
.article-wrap { background:#e8e8e8; overflow: hidden;
    padding: 0 40px 20px; }

/*Form*/
input{ padding: 8px 5px; height: 30px; width: 90%; margin-top:4px; font-family:Arial, Helvetica, sans-serif; border: 1px solid #afd2f3; font-size: 0.9em; color: #444; width: 205px;}
textarea { border: 1px solid #afd2f3;
    color: #444;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    height: 145px;
    margin: 8px 50px 0 0 ;
    padding: 8px 5px;
    width: 95%; }

input[placeholder], [placeholder], *[placeholder] {
   font-family: 'Dosis', sans-serif; color: #999; letter-spacing: 1px; font-style:normal;
}
textarea[placeholder], [placeholder], *[placeholder] {
   font-family: 'Dosis', sans-serif; color: #999; letter-spacing: 1px; font-style:normal;
}
button { font-family: 'Dosis', sans-serif; text-transform:uppercase;padding: 15px; background: #4987d4; color: #FFF; border: 0; margin-top: 5px; }
button.contact {width: 100%; }
button:hover { background: #236cc6; cursor: pointer; }
img.success { max-width: 30px; }

footer { overflow:hidden; margin-top: 20px; background:#FFF; }
.contact-details { width: 100%; max-width: 1000px; margin:auto; padding: 30px 0;   }
.contact-details { font-family: 'Raleway', arial, sans-serif; text-align: center; font-size:14px; line-height:1.5em; margin-top: 10px; }
.contact-details ul { width: 100%; max-width:1000px; list-style-type: none; margin: 0; padding: 0; margin: auto; display:block;  }
.contact-details li { display: inline; }
.contact-details > ul > li:after {  content: "•"; color: #3279d1; padding: 0 8px; font-size: 20px }
.contact-details > ul > li:last-child:after { display: none; }
.spacer { margin-bottom: 190px !important }
.copyright { font-family: 'Raleway', arial, sans-serif; text-align: center;font-size: 12px; padding: 30px 0; border-top: 1px dashed #5d78c3; max-width: 1000px; margin:auto; width: 100%; }
.header-image img { width:100%; }

.scrollup {outline:none; width: 110px;height: 40px;opacity: 0.6;position: fixed;bottom: 1%;right: 2%;display: none;text-indent: -9999px;background: url('../images/scroll-to-top.jpg') no-repeat;}
.scrollup:hover {opacity: 1; outline:none;}

.iframeWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 20px;
}
.iframeWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  border:0;
}
.royalSlider-rooms {
  width: 100%;
  height: 233px;
}

/*CAPTCHA STYLES*/
/*//////////////*/

.hidden { visibility:hidden; }

#Container { height: 50px; margin-left: 10px; margin-top: -20px; width: 217px; }

.captcha
{
  width: 240px;
  margin: 0 auto;
  margin-left: -10px;
}
.refresh{ position:relative; float: right; margin-top: -39px; margin-right: 100px; }
#SpamCheck { color: #999; height: 28px !important; margin-left: 35px !important; padding: 10px 5px }

#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}
/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.captcha input { width: 95px!important;}
.captcha-img { margin-left: 10px; margin-bottom: -5px!important; max-width: 61px; }

.slider-caption { display: block; }
.show-hide-nav { display: none; }
table#desk { width: 94%; }
table#mob { display:none; }
.royalSlider-rooms { width: 100% !important; max-width: 480px !important; max-height: 240px !important; }
.royalSlider-rooms img {width: 100% !important; height:inherit !important }
.royalSlider-rooms-large { width: 100% !important; max-width: 1000px !important; max-height: 500px !important; }
.royalSlider-rooms-large img {width: 100% !important; height:inherit !important }

@media all and (max-width: 1020px) {
	table#desk { display:none; }
	table#mob { display: block;width: 94%; }
	.formError .formErrorContent { right: 90% !important}
	#Container { margin-top: 0 !important} 
	td {width: 100%; }
	td,th { display: block }
	input { width: 98%; }
	textarea { width: 98%; }
	input { width: 98% }
	textarea { width: 98%; }
	a#refresh { bottom: 0; left: -40px; top: 8px; }
	
.main-left, .main-right, .accommodation-full-width { float: none; padding: 0; width: 95%; margin:auto }	
.main-left h2, .main-left img{ margin-top: 0;}
.spacer { margin: 0 !important }
.navbar-logo { padding: 17px; }
#full-width-slider { margin-top: 0!important; }
	
#nav
    {
        position: fixed;
		
    }
	#nav li a { padding-top: 15px; padding-bottom: 15px; background:#dfeaf6; border-bottom: 1px solid #FFF; }
	#nav li a:hover { padding-top: 15px; padding-bottom: 15px;}
	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 0; top: 0px;
 			background-image: url('../images/nav.png'); 
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
			margin-top: 20px;
			right:20px;
			padding: 0!important;
			z-index: 111;
        }

 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
		margin:0;
		padding:0;
		margin-top: 80px;
    }
	#nav > ul.small
    {
		margin-top: 50px;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
		padding-top: 15px;
    }

}
@media all and (max-width: 940px) {
	body { overflow-x: hidden; }
	.main-left, .main-right { float: none; padding: 0; width: 80%; margin:auto }	
	#check-availability img { height: 40px; width: 35px; }
	#check-availability { height: 40px; margin-top: 25%; padding: 10px; position: fixed; right: -180px; text-decoration: none; width: 220px; }
	#check-availability h3 { margin: 0; }
	footer { margin-bottom: 40px; }
}
@media all and (max-width: 600px) {
	.rsGCaption h2{ font-size: 24px!important; line-height: 1.2em; }
	#full-width-slider { padding-top: 92px!important;}
	#check-availability { margin-top: 30%;}
	footer { margin-bottom: 40px; }
	.slider-caption { display: none; }
}
@media all and (max-width: 380px) {

	.main-left, .main-right { width: 68%;}	
	#check-availability { margin-top: 100%;}	
	.rsGCaption h2{ font-size: 20px!important; line-height: 1.2em; }
	
}
/** END MOBILE CSS **/