*{

	margin: 0;

	padding: 0;

}

html,

body{

	height: 100%;

}

body{

	overflow: hidden;

	background: #121212;

	overflow-y: auto;

}

a, a:hover, a:active{

	text-decoration: none !important; 

	color: #999;



    -moz-transition: all 0.3s linear;

	-webkit-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	-ms-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

h1, h2, h3, h4, h5, h6{

	color: #f1f1f1;

	font-weight: bold;

	margin: 0;

	padding: 0;

	font-family: 'Open Sans', Georgia, serif;

}



.moduletable h3{

	line-height: 40px;

	margin: 2px 0px 10px 0px;

	padding-bottom: 5px;

}



.item-page{

	color:#999;

}

.page-header{

	border-bottom: 0;

}



#top-header{

	background: rgba(0,0,0,0.8);

	height: 55px;

	z-index: 1000;

	position: relative;

	color: #939393;

}







.address{

	margin-left: 20px;

	line-height: 55px;

	font-size: 11px;

}



.address a:hover{

	color: #fff;

	text-decoration: none;

}



.address i {

	font-size: 14px;

	padding-right: 5px;

}



.th-item {

	display: inline-block;

	padding: 0 10px;

	line-height: 10px;

	border-right: 1px solid #3c3c3c;

}



.th-item:last-child {

	border-right: none;

}



.middle{

	width: 450px;

	margin: 0 auto;

}



.weather{

	float: left;

}



.language{

	float: left;

}



.mod-languages {

	line-height: 55px;

	font-size: 11px;

}



.pretext {

	float: left;

	margin-right: 15px;

}



.pretext p{

	margin:0;

}



.lang-inline {

	float: left;

}



.gkwMainRight {

	text-transform: none;

	font-size: 11px;

	font-weight: normal;

	margin: 0!important;

}



.gkwMainLeft {

	width: 80px;

	line-height: 55px;

}



.weathertext {

	line-height: 50px;

	font-size: 12px;

	float: left;

	margin-right: 10px;

}



#time {

	width: 60px;

	line-height: 55px;

	float: left;

	background: url("../images/clock.png") left no-repeat;

	padding-left: 20px;

}



#worldclock {

	font: normal 12px Arial;

	text-transform: uppercase;

	line-height: 55px;

}







.gkwTemp {

	float: left;

	font-size: 12px!important;

	margin: 0!important;

	padding-right: 10px;

}





.booking_top h2, .booking_top .rsform-block-page2, .booking_top .rsform-block-page3{display: none;}



.formBody input, .formBody select{border-radius: 2px!important;}



.formResponsive .formHorizontal .rsform-block {

	margin-bottom: 0px!important; 

}



.booking_top .formResponsive .formHorizontal .formControlLabel {



	width: auto;

}

.booking_top .rsform-block-arrival, .booking_top .rsform-block-nights, .booking_top .rsform-block-booking-button, 

.booking_top .rsform-block-cancel-reservation, .booking_top .rsform-block-cancel-reservation,

.booking_top .rsform-block-rescode, .booking_top .rsform-block-resmail, .booking_top .rsform-block-del-booking, .booking_top .rsform-block-returnto-booking{

	float: left;

}





.booking_top .rsform-block-arrival, .booking_top .rsform-block-nights, .booking_top  .rsform-block-booking-button, .booking_top .rsform-block-cancel-reservation,

.booking_top .rsform-block-rescode, .booking_top .rsform-block-resmail, .booking_top .rsform-block-del-booking, .booking_top .rsform-block-returnto-booking{

	margin-right: 20px;

}



.booking_top .formControlLabel{

	float: none!important;

	text-transform: uppercase;

	text-align: left!important;

	font-size: 11px;

	margin-bottom: 5px;

}



.booking_top .formControls{

	margin-left: 0!important;

}



.booking_top .rsform-block-arrival input{

	width:100px!important;

}



.booking_top .rsform-block-nights select{

	width:50px!important;

}



.booking_top #btn1_0{display: none;}



.booking_top .btn-danger{

	margin-top:10px;

	padding: 3px 10px;

	border-radius: 0;

	font-size: 10px;

	text-transform: uppercase;

}



.booking_top .btn-danger {

	color: #FFFFFF;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #2383D7;

	*background-color: #2383D7;

	background-image: -moz-linear-gradient(top, #2383d7, #2383D7);

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2383d7), to(#2383D7));

	background-image: -webkit-linear-gradient(top, #2383d7, #2383D7);

	background-image: -o-linear-gradient(top, #2383d7, #2383D7);

	background-image: linear-gradient(to bottom, #2383d7, #2383D7);

	background-repeat: repeat-x;

	border-color: #2383D7;

	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2383d7', endColorstr='#2383D7', GradientType=0);

	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}



.booking_top .btn-danger:hover,

.booking_top .btn-danger:focus,

.booking_top .btn-danger:active,

.booking_top .btn-danger.active,

.booking_top .btn-danger.disabled,

.booking_top .btn-danger[disabled] {

	color: #FFFFFF;

	background-color: #2383D7;

	*background-color: #003bb3;

}





.booking_top .rsform-block-cancel-reservation{

	margin-top:10px;

	margin-bottom: 0!important;

}



.booking_top .rsform-block-cancel-reservation li{

	line-height: 9px;

	font-size: 10px;

	text-transform: uppercase;

}



.booking_top .rsform-block-cancel-reservation li a:hover{

	color: #fff;

	text-decoration: none;

}



.booking_top .rsform-block-rescode input{

	width:80px!important;

}



.booking_top .rsform-block-resmail input{

	width:150px!important;

}



.booking_top .rsform-block-returnto-booking{

	margin-top:20px;

	margin-bottom: 0!important;

}



.booking_top .rsform-block-returnto-booking li{

	line-height: 9px;

	font-size: 10px;

	text-transform: uppercase;

}



.booking_top .rsform-block-returnto-booking li a:hover{

	color: #fff;

	text-decoration: none;

}


.booking_top .rsform-calendar-box{
	background-image: url("../images/cal-icon.png");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 15px 15px !important;
}


.booking_top .rsform-block-booking-button, .booking_top .rsform-block-cancel-reservation{
	margin-right: 5px;
}


.contact .formControlLabel{color: #ccc;}



.contact .formResponsive input, .contact .formResponsive textarea {

	width: 95%;

	border-radius: 2px!important;

}





.contact .rsform-block-submit input{

	width: auto;

	padding: 10px 20px;

	margin-top: 20px;

}



.RSWS_form_main {

width: 90%;

color: #ccc;

}



.RSWS_desc{

	color: #ccc;

}



.RSWS_pagination_text{

	color: #ccc;

}



.RSWS_testimonial{

	color: #aaa;

}



.RSWS_testmonial_subtext{

	color: #fff;

}



.RSWS_form_button{

	color: #FFFFFF;

	padding:10px 20px;

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	background-color: #2383D7;

	*background-color: #2383D7;

	background-image: -moz-linear-gradient(top, #2383d7, #2383D7);

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2383d7), to(#2383D7));

	background-image: -webkit-linear-gradient(top, #2383d7, #2383D7);

	background-image: -o-linear-gradient(top, #2383d7, #2383D7);

	background-image: linear-gradient(to bottom, #2383d7, #2383D7);

	background-repeat: repeat-x;

	border-color: #2383D7;

	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2383d7', endColorstr='#2383D7', GradientType=0);

	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}



.RSWS_form_textarea, .RSWS_form_input{

	border-radius: 2px!important;

}





.tripadvisor{

	position: absolute;

	top: 75px;

	right: 25px;

	background: #000;

}



footer{

	position: fixed;

	bottom: 0;

	background: rgba(0,0,0,0.8);

	width: 100%;

	font-size: 11px;

	line-height: 14px;

	/*padding-bottom: 5px;*/

}



footer a:hover{

	color: #fff;

	text-decoration: none;

	background-color: transparent!important;

}



footer ul{

	margin-bottom: 0!important;

	float: left;

}



footer ul li{

	float: left;

	padding:0 5px;

}



.designed{margin-right: 20px;line-height: 20px;}



.designedby{

	background: url("../images/logo_cloud.png") no-repeat;

	height: 14px;

	width: 21px;

	margin: 3px 5px;

}







header {

padding: 40px 0 0;

}



#logo {

margin-bottom: 50px;

max-width: 100%;

}





.wrapper-main {

background: rgba(0,0,0,0.8);

border-bottom: solid 6px #2383D7;

text-align: center;

padding: 0 30px;

width: 220px;

position: fixed;

top: 75px;

left: 20px;

z-index: 15;

}



/********************************************************************************************* 



3. Navigation





*********************************************************************************************/



.nav>li>a:hover, .nav>li>a:focus {

text-decoration: none;

background-color: transparent;

}



#selectnav1 {

	display: none;

}



#menu-main {

	margin: 0 10px 30px;

	position: relative;

	text-align: left;

	/* Open Sans 14px 300/400 */

	/* Droid Serif 14-15px 400 */

}



#menu-main a,

#menu-main .current-menu-item li a {

	color: #fff;

}



#menu-main .current-menu-ancestor > a,

#menu-main .current-menu-item a,

#menu-main a:hover {

	color: #2383D7;

}



#menu-main li {

	display: block;

	font-size: 14px;

	font-weight: 400;

	line-height: 1.6em;

	margin-bottom: 5px;

	padding-bottom: 5px;

	position: relative;

}



#menu-main li li {

	text-transform: none;

}



/*** ESSENTIAL STYLES ***/

.sf-menu ul {

	position: absolute;

	display: none;

	top: 100%;

	left: 0;

	z-index: 99;

}

.sf-menu li:hover > ul,

.sf-menu li.sfHover > ul {

	display: block;

}



.sf-menu a {

	display: block;

	position: relative;

}

.sf-menu ul ul {

	top: 0;

	left: 100%;

}



/*** arrows **/

.sf-menu a.sf-with-ul {

	padding-right: 0;

	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	display: inline-block;

	margin-left: 5px;

}



/* adding sf-vertical class in addition to sf-menu creates a vertical menu */

/* eg. <ul class="sf-menu sf-vertical"> ... */

.sf-vertical ul {

	border: solid 1px #222;

	left:	200px;

	top:	-11px;

	width: 200px;

}



/* Special styling for current page */



.sf-menu .current-menu-item ul,

.sf-menu .current-menu-ancestor ul {

	border: 0;

	display: block !important;

	position: relative;

	margin: 10px 0 0 20px;

	left: auto;

	top: auto;

	width: auto;

	z-index: auto;

	opacity: 1 !important;

}



.current-menu-item .sf-sub-indicator,

.current-menu-ancestor .sf-sub-indicator {

	display: none;

}



.current-menu-item .nav-child li,

.current-menu-ancestor .nav-child li {

	background: none !important;

	border-bottom: 0 !important;

	padding: 6px 0 !important;

}



/* */



#menu-main .nav-child li {

	background-color: #333;

	border-bottom: solid 1px #444;

	font-size: 12px;

	margin-bottom: 0;

	padding: 10px 15px;

	text-align: left;

}



#menu-main .nav-child a:hover {

	color: #2383D7;

}



#menu-main .nav-child li:hover {

	background-color: #444;

}



#menu-main .social-icons {

	margin: 30px 0 0;

}



#menu-main .social-icons a {

	display: inline-block;

	margin: 0 6px 0 0;

	width: auto;

}



/* asc Contacts */



.asc-contacts {

	margin: 40px 0;

	color: #fff;

}





.asc-contacts a:hover {

	color: #2383D7;

}





.icon-social{

	width: 24px;

	height: 24px;

}



#content {

background: rgba(0,0,0,0.8);

padding: 0 50px 0;

text-align: left;

width: 650px;

position: absolute;

top: 75px;

left: 325px;

z-index: 10;

/*min-height: 100%;*/

height: 70%;

overflow: hidden;

overflow-y:auto; 

padding: 105px 50px 40px 50px;

}





#asc-toggle {

cursor: pointer;

position: absolute;

top: 95px;

left: 350px;

z-index: 999;

width: 60px;

height: 60px;

}



.asc-toggle-arrow {

background: transparent url("../images/arrows.png") no-repeat;

display: inline-block;

height: 60px;

width: 60px;

text-indent: -9999px;

}



.asc-toggle-hide {

background-position: 0 0;

filter: alpha(opacity=50);

opacity: 0.5;

}





.asc-toggle-show {

background-position: -60px 0;

filter: alpha(opacity=20);

opacity: 0.2;

}



ul.sigProClassic li.sigProThumb{

	background: transparent!important;

}



ul.sigProClassic li.sigProThumb{

	margin: 8px;

}



ul.sigProClassic span.sigProPseudoCaption, ul.sigProClassic span.sigProCaption{display: none;}





/********************************************************************************************* 



12. Media Queries 



*********************************************************************************************/   







@media screen and (max-width: 1500px) {

 .middle{width: auto;float: left;margin-left: 20px;}

}



@media screen and (max-width: 1280px) {

 .weather, .tripadvisor{display: none;}

}



@media screen and (max-width: 980px) {



	.middle{width: auto;float: left;margin-left: 20px;}


	.custom_top{
		width: 520px;
		overflow: hidden;
		margin: 0 auto;
	}


	div.wrapper-main {

		left: 0;

		padding-right: 20px;

		padding-left: 20px;

		width: 180px;

	}

	

	

	#logo img {

		height: auto;

		max-width: 100%;

	}

	

	#content {

		left: 240px;

		padding-right: 40px;

		padding-left: 40px;

		width: 425px;

	}

	

	#asc-toggle {

		left: 260px;

		top:auto;

		margin-top: 40px;

	}



	#container .content-widest {

		width: 420px;

	}

	

	#container .content-max {

		width: 65%;

	}



	

	

	



	.asc-slider-arrow {

		bottom: 20px;

	}



	#top-header{

		height: auto;

	}



	.wrapper-main{

		top:auto;

		margin-top: 20px;

	}



	#content{

		top:auto;

		margin-top: 20px;

	}



	.bkng{

		float: none;

		width: 600px;

		margin: 0 auto;

	}

	

}



/* Tabled Portrait */

@media screen and (max-width: 870px) {

	

}



/* Tabled Portrait */

@media (min-width: 641px) and (max-width: 768px) {



	#content {

	

	width: 50%;

	}



	#container .content-max {

		width: 60%;

	}	



	#menu-main {

		margin: 0 0 30px;

		text-align: center;

	}



	#menu-main-menu {

		display: none;

	}



	#selectnav1 {

		display: inline-block;

		width: 180px;

	}

}



/* All Mobile Sizes (devices and browser) */

@media screen and (max-width: 640px) {





	#menu-main {

		margin: 0 0 30px;

		text-align: center;

	}



	#menu-main-menu {

		display: none;

	}



	#selectnav1 {

		display: inline-block;

	}



	.formResponsive .formHorizontal .rsform-block {

	float: left;

	width: auto;

	padding-top: 0;

	text-align: left;

	}



	div.wrapper-main{width: auto;}



	#content {

	left:auto;

	width: auto;

	padding-right: 20px;

	padding-left: 20px;

	padding-top: 40px;

	position: relative;

	overflow-y: hidden;

	height: auto;

	margin-bottom: 40px;

	}



	.wrapper-main {

	top: auto;

	margin-top: 20px;

	left: auto!important;

	position: relative;

	}



	footer{

		position: relative;

	width: auto;

	}



	#arrow_left, #arrow_right{display: none;}



	#asc-toggle{display: none;}



	.booking_top .btn-danger{margin-top: 10px;}



	.booking_top .rsform-block-cancel-reservation {margin-top: 10px;}

}



/* All Mobile Sizes (devices and browser) */

@media (max-width: 480px) {



.rsform-block-cancel-reservation, .rsform-block-page2{display: none;}



.middle{
	float: none;
	width: 250px;
	/* margin: 0 auto; */
	overflow: hidden;
}



.address {

	margin-left: 10px;

	font-size: 10px;

}



.booking_top .rsform-block-arrival, .booking_top .rsform-block-nights, .booking_top .rsform-block-booking-button, .booking_top .rsform-block-cancel-reservation, .booking_top .rsform-block-rescode, .booking_top .rsform-block-resmail, .booking_top .rsform-block-del-booking, .booking_top .rsform-block-returnto-booking {

margin-right: 10px;

}

	

}



/* All Mobile Sizes (devices and browser) */

@media screen and (max-width: 320px) {







}