/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */
/* -----[ CUSTOM CODE ]--------------------------------------------------------------------- */
/*
	Default Class Selectors and ID Selectors have been created for you.
	Alter the Property and Value to reflect your design as required.
*/
/* === [ GLOBAL STYLE ] === */

.CustomCode {
    position: relative;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
#cB .CustomCode{
	float:left;
	clear:none;
	margin:0 0 0 0
}
#cB .CustomCode:nth-child(1){
	width:403px;
	margin:15px 0 15px 0
}
#cB .CustomCode:nth-child(2){
	width:98px;
	margin: 10px 10px 0px 0;
}
#cB .CustomCode:nth-child(3){
	width: 140px;
	margin: -3px 10px 0px 0;
}
#cB .CustomCode:nth-child(3) img{
	max-width: 100%;
}
#cB .CustomCode:nth-child(4){
	width:109px;
	margin: 10px 20px 0px 0;
}
#booking .CustomCode {
    clear: none;
    float:left;
    /*min-width: 290px;*/
}
.CustomCode .showmoreless{
color:#000000;
text-align:center;
cursor:pointer;
font-style:italic;
}
.CustomCode .showmoreless:after {
content:'';
width:21px;
height:12px;
display:inline-block;
margin:3px 0 0 10px;
background:url('/Templates/_images/readmore_arrow.png');
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;

}
.CustomCode .showmoreless.show:after {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.Default.Hotel #cSColumn1 .CustomCode {
    background: #F2F2F2;
    padding: 10px;
}
.Default.Hotel #cSColumn1 .CustomCode:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
#cT .CustomCode {
    float: right;
    clear: none;
     margin: -2px 0 0 5px;

}
#cT .CustomCode a{
	border-bottom:none;
	font-size:12px
}
#cT .CustomCode a:hover{
	text-decoration:underline;
}
#cStrap .CustomCode {
    color: #FFFFFF;
    height: 50px;
    padding: 14px 0 0 0;
}
#cStrap .CustomCode p {
    font-style: italic;
}
#cStrap .CustomCode span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 0 3px;
}
#cFD .CustomCode {
    margin: 0 0 10px 0;
}
#cFD .CustomCode p {
    margin: 0 0 20px 0;
}
#cFD .CustomCode p.contact-title {
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
#cFD .CustomCode p.contact-number {
    font-style: italic;
    margin: 0;
}
#cFD .CustomCode p.contact-number span {
    font-style: normal;
    font-weight: 700;
    margin: 0 0 0 10px;
}
#cFD .CustomCode p.contact-number img {
    float: right;
    margin: 5px 0 0 10px;
}
#cFCC .CustomCode {
    float: left;
    clear: both;
    margin: -10px 10px 0 0
}
#cFCC .CustomCode p:first-child {
    margin: 30px 0 0px 0;
    text-transform: uppercase;
	text-align: right;
    font-size: 14px;
    letter-spacing: 1px;
}
#cFCC .CustomCode p:last-child {
    font-style: italic;
    font-size: 12px;
    margin: 5px 0 0 0;
}

/* ========================================= [ PROMO CODE FORM ] ================================================================ */
	
	.PromoForm {
    margin: 10px 0;
    float:left;
    padding: 0 20px;
    width: 100%;
}
	.PromoForm div {

	}
.PromoForm h3 {
text-align:center;
color:#115192;
font-style:italic;line-height: 1;
font-size:16px;
position: relative;
z-index: 1;} 
.PromoForm h3 span{
    background:#E8E8E8;
    text-transform: capitalize;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
	padding:0 15px;
}
.PromoForm h3 {margin: 0 0 29px 0;}


.PromoForm h3 span:before {
    border-top: 1px solid #115192;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

	.PromoForm input {
		    padding: 5px 10px;
		    font-style: italic;
		    font-size: 15px;
		    width: 170px;
			border:1px solid #d7d7d7
	}
	.PromoForm input {
		    width: 195px;
		    min-height: 33px;
	}
		.PromoForm input.placeholder {
			color: #666;
		}

	.PromoForm img {
		float: right;
		    margin: 2px 0 0 10px;
	}






	.PromoForm span.PromoError {
		clear: both;
		color: #ffffff;
		display: block;
		height: 0;
		overflow: hidden;
		font-size: 12px;
		
		-webkit-transition: height 0.3s ease-in-out, color 0.15s ease-in-out;  
		   -moz-transition: height 0.3s ease-in-out, color 0.15s ease-in-out;  
			 -o-transition: height 0.3s ease-in-out, color 0.15s ease-in-out;  
				transition: height 0.3s ease-in-out, color 0.15s ease-in-out;  
	}
		.PromoForm span.PromoError.active {
			color: #ff0000;
			height: 30px;

			-webkit-transition: height 0.15s ease-in-out, color 0.3s ease-in-out;  
			   -moz-transition: height 0.15s ease-in-out, color 0.3s ease-in-out;  
				 -o-transition: height 0.15s ease-in-out, color 0.3s ease-in-out;  
					transition: height 0.15s ease-in-out, color 0.3s ease-in-out;  
		}

/* ========================================= [ HOTEL OPTION ] ================================================================ */

.hotel-option{
width:50%;
float:left;
padding: 0 20px 0 0 ;
}
.hotel-option:last-of-type {
padding: 0 0 0 20px;
}
.hotel-option h3{

}
.hotel-option h3 img{
float:right;
}
.hotel-option .hotel-logo{
margin:-10px 0 0 0;
}
.hotel-option .star-rating{
float:right;
width:auto;
margin:0 0 0 10px;
}
.hotel-option .star-rating img{
margin:0 0 0 2px;
}
.hotel-option .star-rating.no-stars img{
display:none;

}
.hotel-option .star-rating.one-star img.star2,
.hotel-option .star-rating.one-star img.star3,
.hotel-option .star-rating.one-star img.star4,
.hotel-option .star-rating.one-star img.star5{
display:none;
}
.hotel-option .star-rating.two-star img.star3,
.hotel-option .star-rating.two-star img.star4,
.hotel-option .star-rating.two-star img.star5{
display:none;
}
.hotel-option .star-rating.three-star img.star4,
.hotel-option .star-rating.three-star img.star5{
display:none;
}
.hotel-option .star-rating.four-star img.star5{
display:none;
}
.hotel-option .star-rating img.half-star{
display:none;
}
.hotel-option .star-rating.half-star img.half-star{
display: inline;
}
.hotel-option .hotel-image{
margin:20px 0;
max-width:100%;
}
.hotel-option p{

}


/* ========================================= [ RESTAURANT OPTION ] ================================================================ */

.resaurant-option{
width:100%;
float:left;
padding: 0 20px 0 0 ;
margin:0 0 30px 0;
}
.resaurant-option:nth-child(odd) {

}
.resaurant-option h3{

}
.resaurant-option .resaurant-image{
width:50%;
float:right;
}
.resaurant-option .resaurant-text{
width:50%;
float:left;
padding:0 30px 0 0;

}
.resaurant-option .resaurant-trip-advisor{
display:block;
clear:both;
margin: 0 0px 20px 0;
}
.resaurant-link.blue-button {
float:none;
}
/* ========================================= [ SPA OPTION ] ================================================================ */

.spa-option{
width:50%;
float:left;
padding: 0 20px 0 0 ;
margin:0 0 30px 0;
}
.spa-option:nth-child(odd) {
padding: 0 0 0 20px;
}
.spa-option h3{

}
.spa-option .spa-image{
margin:20px 0;
max-width:100%;
}
.spa-option p{

min-height: 50px;
}
.spa-link.blue-button {
    background: #490E52;
}

/* ========================================= [ PAGE OPTION ] ================================================================ */

.page-option{
    float: left;
    width: 264px;
    height: 264px;
    margin: 0 28px 28px 0;
    padding: 0;
    overflow: hidden;
	position:relative;
}
.page-option:nth-child(4n + 5) {
margin:0 0px 0 0;
}
.page-option h3{
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    background: rgba(0,0,0,0.8);
    color: #ffffff;
    padding: 10px 35px 10px 15px;
    margin: 0;
    font-size: 16px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.page-option h3:after {
    content: '+';
    position: absolute;
    right: 15px;
}
.page-option .page-image{
max-width:100%;
}
.page-option p{

}
.page-link.blue-button {
    background: #490E52;
}

/* ========================================= [ COLUMN OPTION ] ================================================================ */
.column-option{
    float: left;
    padding: 0;
    margin: 0px 33px 60px 0;
	text-align:center;
}
.column-option img{
    margin: 0 0 30px 0;
	max-width:100%;
}
.column-option.two-col{
    width: 50%;
}
.column-option.three-col{
    width: 358px;
}
.column-option.four-col{
    width: 25%;
}
.column-option.two-col:nth-child(2n) {
    margin-right: 0;
}
.column-option.three-col:nth-child(3n) {
    margin-right: 0;
}
.column-option.four-col:nth-child(4n) {
   margin-right: 0;
}
.column-option h3{

}

.column-option .page-image{
max-width:100%;
}
.column-option p{
}

/* ========================================= [ MULTI LOCATION DEAL ] ================================================================ */
.column-option.multideal {
	width: 50%;
    float: left;
    padding: 0 20px 0 0;
	margin:0;
}
.column-option.multideal + .column-option.multideal{
	padding:0 0 0 20px
}
.column-option.multideal + .column-option.multideal + .column-option.multideal{
	margin:30px 0 30px 0;
}
.column-option.multideal:nth-child(2n+1){
    clear:left
}
.column-option.multideal img {
    margin: 0 0 0px 0;
    max-width: 100%;
}
.column-option.multideal h3 {
	margin: 0em 0 0.5em 0;
}
.column-option.multideal + .column-option.multideal{


}
.column-option.multideal + .HTMLContent{
clear:both;
float:none;
padding: 30px 0 0 0;
margin: 30px 0 0 0 ;
border-top: 1px solid #e8e8e8;

}
/* ========================================= [ HEADER BANNER ] ================================================================ */

.header-banner.w-text{
position:relative;
}
.header-banner img{
margin:0 0 0px 0;
vertical-align:bottom;
}
.header-banner.w-text .text-wrapper{
height:70px;
background:rgba(0,0,0,0.8);
position:absolute;
bottom:0px;
width:100%;
display:block;
}
.header-banner.w-text .text-wrapper .text{
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
	padding:15px 0 0 0
}
.header-banner.w-text h3{
color:#FFFFFF;
text-transform:uppercase;
font-size:40px;
margin:0;
}
.header-banner.w-text h3 span{
font-style:italic;
text-transform:none;
font-size:24px;
margin:-5px 0 0 0;
}

/* ========================================= [ TRIP ADVISOR BANNER ] ================================================================ */
.cdsROW.wide {
    width: 500px !important;
}
.cdsROW.wide .cdsROWContainer .cdsComponent {
	max-width:190px !important;
}

.TA_certificateOfExcellence,.TA_tchotel{
	width:160px !important;
	clear:none !important;
	float:left;
	margin:0 10px 0 0;
}

.TA_tchotel:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
	 
.CustomCode iframe {
	max-width:100%;
}

/*Virtual Tour*/

.VirtualTour .CustomCode iframe
{
    overflow:auto;
    -webkit-overflow-scrolling: touch; 
}