/*----START GLOBAL CSS----*/

body {
	font-family: "Century Gothic",Arial,Helvetica,sans-serif;
}

.btn-ionian {
	background-color: rgb(47,63,130);
	color: white;
	text-transform: uppercase;
	font-size: 14px !important;
	padding: 6px 8px;
	margin: 10px 0;
}

.btn-ionian-sm {
	background-color: rgb(47,63,130);
	color: white;
	text-transform: uppercase;
	font-size: 12px !important;
	padding: 4px 6px;
	margin: 10px 0;
}

.btn-ionian-xs {
	background-color: rgb(47,63,130);
	color: white;
	text-transform: uppercase;
	font-size: 11px !important;
	padding: 2px 4px;
	margin: 10px 0;
}

.btn-ionian:hover,
.btn-ionian-sm:hover,
.btn-ionian-xs:hover {
	color: white;
}


/* Custom CSS for equal height DIVs across row */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

/*NEW CSS FOR COOKIE CHOICES*/

#cookieChoiceInfo {
	color: white !important;
	font-size: 18px !important;
	background-color: #2a397d !important;
	padding: 15px !important;
}

#cookieChoiceInfo a {
	font-size: 14px;
	margin-left: 20px !important;
	color: white;
}

#cookieChoiceInfo a:hover {
	/* text-style: underline; */
	text-decoration: underline;
}

#cookieChoiceDismissIcon {
	background-position: 50% 50% !important;
}

/*NEW CSS ADDED FOR FLIGHT ONLY PAGE FEBRUARY 2019*/

.searchbox-tabs > li > a {
	color: black;
/*	border-bottom: 1px solid #ccc;*/
	border-bottom: 1px solid #72a2ce;
	background-color: #b4d2ea;
	font-weight: bold;
}

.searchbox-tabs.small > li > a {
	padding: 10px;
	font-size: 11px;
}

.searchbox-tabs > li > a:hover {
	border-color: #b4d2ea;
	border-bottom: 1px solid #72a2ce;
	background-color: #b4d2ea;
	text-decoration: underline;
}

.searchbox-tabs > li.active > a {
	border-bottom: 1px solid #d8d8d8;
}

.searchbox-tabs > li.active > a:hover {
	text-decoration: none;
}

.searchbox-tabs {
	border-bottom: 1px solid #72a2ce;
}

.searchbox-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background-color: #d8d8d8;
}

#mainsearchform .agedescriptor {
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}

.flightbaggageinfo {
	/* text-size: 18px; */
	font-size: 18px;
	margin-bottom: 20px;
}

.flightbaggageinfo .bold {
	font-weight: bold;
}

.flightlogos {
	margin-top: 15px;
	text-align: justify;
}

.flightlogos img {
	height: 28px;
	display: inline-block;
}

.flightlogos:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 0;
}

.sm-plus-searchheader {
	margin-bottom: 10px;
}

.xs-searchheader {
	margin-bottom: 30px;
}

.protectionadvicefooter {
	text-align: center;
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 15px;
}

.v5flightofferbox {
	position: relative;
	margin-bottom: 20px;
	cursor: pointer;
}

.v5flightofferbox img {
	width: 100%;
}

.v5flightofferbox .v5fobdetails {
	position: absolute;
	top: 10px;
	left: 10px;
	right:10px;
	color: white;
}

.v5flightofferbox .v5fobdetails .offertitle {
	font-weight: bold;
	font-size: 18px;
	width: 100%;
}
.v5flightofferbox .v5fobdetails .offersubtitle {
	font-weight: normal;
	font-size: 16px;
}
.v5flightofferbox .v5fobfooter {
	background-color: #e7e8ec;
	color: #2f3f83;
	padding: 10px;
	border-top: solid 3px #2f3f83;
	font-size: 13px;
	height: 120px;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.v5flightofferbox .v5fobfooter {
		height: 140px;
	}
}

.v5flightofferbox .v5fobfooter .flyfromtext i {
	font-size: 12px;
}

.v5flightofferbox .v5fobfooter .withtext {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 12px;
}

.v5flightofferbox .v5fobfooter .pricetext {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 14px;
}

@media (min-width: 768px) {
	#searchbox .samelineoption {
		display: inline-block;
	}
}

/*END NEW CSS FEB 19*/

/* New CSS for important website notice on header */

#majoralert {
	margin: 10px 0px;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid maroon;
	background: pink;
	color: #2b3b81;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

/*Temporarily hide broken button from ActiveOMG
#srIcBtn {
	display: none !important;
}
*/

.youtube-container {
	margin-top: 20px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.youtube-container iframe, 
.youtube-container object, 
.youtube-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ytlist-container {
	margin-bottom: 20px;
}

/*
.ytlist-image {

}*/

.ytlist-title {
	font-size: 13px;
	text-overflow: nowrap;
}

.ytlist-desc {
  position: relative;
	line-height: 1.4em;
	height: 7em; /* exactly five lines */
	overflow: hidden;
	font-size: 11px;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.ytlist-desc {
		height: 5.6em; /* exactly four lines */
	}
}


.ytlist-desc:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 1.4em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

.ytlist-date {
	font-size: 10px;
	font-style: italic;
	text-align: right;
}

.feefocontainer {
	margin-bottom: 5px;
}

.feefowidget-logo-container {
	display: block !important;
}

.feefowidget-logo-container img {
	width: 100%;
}

/*New config after Feefo introduced ShadowDOM */
@media (min-width: 768px) and (max-width: 991px) {
	#feefologohere {
		transform: scale(0.7);
		margin-left: -40px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#feefologohere {
		transform: scale(0.677);
		margin-left: -41px;
	}
}

@media (min-width: 1200px) and (max-width: 1649px) {
	#feefologohere {
		transform: scale(0.835);
		margin-left: -25px;
	}

}

@media (min-width: 1650px) {
	#feefologohere {
		transform: scale(0.760);
		margin-left: -35px;
	}

}

/*Live Feeds*/

.webcambox {
	position: relative;
}

.webcambox img {
	width: 100%;
}

.webcambox a {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.pamatravelcam, .kalokericam {
	width: 100%;
}

@media (min-width: 768px) {
	.pamatravelcam {
		height:265px;
	}
	.kalokericam {
		height:265px;
	}
}

@media (min-width: 992px) {
	.pamatravelcam {
		height:392px;
	}
	.kalokericam {
		height:392px;
	}
}

@media (min-width: 1200px) {
	.pamatravelcam {
		height:477px;
	}
	.kalokericam {
		height:477px;
	}
}

@media (min-width: 1650px) {
	.pamatravelcam {
		height:677px;
	}
	.kalokericam {
		height:677px;
	}
}

/*Royal Slider*/

.RSSlideshowContainer {
	overflow: hidden;
	width: 100%;
}

@media (min-width: 768px) {
	.RSSlideshowContainer {
		/*width:470px;*/
		width:100%;
	}
}

@media (min-width: 992px) {
	.RSSlideshowContainer {
		/*width:697px;*/
		width:100%;
	}
}

@media (min-width: 1200px) {
	.RSSlideshowContainer {
		/*width:847px;*/
		width:100%;
	}
}

@media (max-width: 767px) {
	.rsNav, .rsArrow, .rsFullscreenBtn {
		display: none !important;
	}
	
}

.royalSlider {
	width: 100% !important;
}

.royalSlider > .rsContent {
	visibility: hidden; 
/* or display:none depending on your needs... */
}

.rsImageNum {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background-color: white;
	padding: 2px 4px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #2b3b81;
	opacity: 0.8;
}
.rsImageCaption {
	position: absolute;
	/* top: 10px; */
	bottom: 10px;
	left: 10px;
	background-color: white;
	padding: 2px 4px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #2b3b81;
	opacity: 0.8;
}

.rsNav {
	padding-top: 4px;
	background-color: white !important;
}

.rsThumbsHor {
	height: 49px !important;
}

.rsThumb.rsNavSelected {
	background-color: #668 !important;
}

.rsFullscreenIcn {
	background-color: transparent !important;
}

/*----MODAL WINDOW AND CONTENT FOR WELCOME MESSAGE----*/

.welcome-modal {
	display: block;
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
 }
 
 .welcome-content {
	text-align: center;
    background-color: #ffffff;
	max-width: 650px;
    margin: 100px auto; /* 15% from the top and centered */
    padding: 40px;
}



h1 {
	font-size: 18px;
	border-bottom: #cacedf 1px solid;
	letter-spacing: 1px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 14px;
	color: #2b3b81;
}

h2 {
	font-size: 15px;
}

h2.island-h11 {
	font-size: 15px;
	border-bottom: #cacedf 1px solid;
	letter-spacing: 1px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 14px;
	color: #2b3b81;
}

.divhref {
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;
}
/*Override Jquery Form Validator error div for searchbox*/
#searchbox .help-block.form-error {
	margin-top: 0;
	margin-bottom: 2px;
	line-height: 16px;
}
#email-signup .help-block.form-error {
	color: yellow;
}


/* Decided to remove this class
.introtext {
	color: #2b3b81;
}
*/

.margin-top-xs { margin-top: 0.5em; }
.margin-top-sm { margin-top: 1.0em; }
.margin-top-md { margin-top: 1.5em; }
.margin-top-lg { margin-top: 2.0em; }
.margin-top-xl { margin-top: 2.5em; }

.margin-bottom-20px { margin-bottom: 20px; }

/*Fix iPhone Zoom problem on inputs*/

@media only screen and (max-width: 767px) {
	.form-control, .footer .form-control {
		font-size: 16px;
	}
}

/*Fix input-group-addon size problem ?!?*/
.input-group {
	font-size: 0px;
}

#manage-toplink a {
	color: #2a397d;
	font-weight: bold;
}

table.table-ionian thead th {
	vertical-align: top;
}

table.table-ionian thead tr:first-child {
	color: white;
	background-color: rgb(42, 57, 125);
}

table.table-ionian tbody tr:nth-of-type(2n+1){
	background-color: rgb(177, 178, 211);
}

table.table-ionian tbody tr:nth-of-type(2n){
	background-color: rgb(220, 221, 237);
}

table.table-ionian.centered {
	text-align: center;
}

table.table-ionian.centered td:first-child, table.table-ionian.centered th:first-child {
	text-align: left;
}


@media only screen and (max-width: 767px) {
	
	table.ionian-responsive { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	table.ionian-responsive th,
	table.ionian-responsive td { margin: 0; vertical-align: top; }
	table.ionian-responsive th { text-align: left; }
	
	table.ionian-responsive  {
		display: block;
		position: relative;
		width: 100%;
	}
	table.ionian-responsive thead { display: block; float: left; }

	table.ionian-responsive tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		background-color: #dcdded;
	}

	table.ionian-responsive thead tr { display: block; }
	table.ionian-responsive th { display: block; height: 56px; text-align: left !important; }
	table.ionian-responsive tbody tr {
		display: inline-block;
		vertical-align: top;
		margin-left: -4px;
/* //		border-left: 3px solid white; */
	}
	table.ionian-responsive td { display: block; height: 56px; }

	table.ionian-responsive th { border-right: 3px solid white; }
 
}


a.linkbtn-ionian {
	background-color: rgb(47, 63, 130);
	background: url("../assets/buttons/checkav-1px.gif") center center repeat-x;
	color: white;
	display: inline-block;
	border-radius: 4px;
	padding: 2px 10px;
	border: 1px solid transparent;
	vertical-align: middle;
	background-color: #2a397d;
}
a.linkbtn-ionian:hover, a.linkbtn-ionian:focus, a.linkbtn-ionian:active {
	background: url("../assets/buttons/checkav-1px-hover.gif") center center repeat-x;
	text-decoration: none;
	color: white;
}

.linkbtn-ionian .btn-arrow {
	/* Use font-size to control the size of the arrow. */
	font-size: 8px;
	padding-right: 4px;
	border-style: dashed;
	border-color: transparent;
	border-width: 0.53em;
	display: -moz-inline-box;
	display: inline-block;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: middle;
	width: 0;
	border-left-width: 0.86em;
	border-left-style: solid;
	border-left-color: white;
	left: 1em;
	bottom: 1px;
}

.btn-ionian, .btn-ionian-small {
	background-color: #2a397d;
	background: url("../assets/buttons/checkav-1px.gif") center center repeat-x;
	color: white;
}

.btn-ionian {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.btn-ionian-small {
	padding: 2px 10px;
}


.btn-ionian:hover, .btn-ionian:focus, .btn-ionian-small:hover, .btn-ionian-small:focus {
	background: url("../assets/buttons/checkav-1px-hover.gif") center center repeat-x;
	color: white !important;
}

.btn-ionian .btn-arrow, .btn-ionian-small .btn-arrow {
	/* Use font-size to control the size of the arrow. */
	font-size: 10px;
	border-style: dashed;
	border-color: transparent;
	border-width: 0.53em;
	display: -moz-inline-box;
	display: inline-block;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: middle;
	width: 0;
	border-left-width: 0.86em;
	border-left-style: solid;
	border-left-color: white;
	left: 1em;
	bottom: 1px;
}

.btn-ionian-small .btn-arrow {
	font-size: 8px;
	padding-right: 4px;
}

.ionian-arrow-right, .ionian-arrow-left {
	/* Use font-size to control the size of the arrow. */
	font-size: 10px;
	border-style: dashed;
	border-color: transparent;
	border-width: 0.53em;
	display: -moz-inline-box;
	display: inline-block;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: middle;
	width: 0;
	bottom: 1px;
}

.ionian-arrow-right {
	/* Use font-size to control the size of the arrow. */
	border-left-width: 0.70em;
	border-left-style: solid;
	border-left-color: white;
	left: 0.35em;
}
.ionian-arrow-left {
	/* Use font-size to control the size of the arrow. */
	border-right-width: 0.70em;
	border-right-style: solid;
	border-right-color: white;
	right: 0.35em;
}

.btn-ioniancollapse {
	border: 1px solid transparent;
	border-radius: 4px;
	background: none;
	font-size: 20px;
	/* RK
	background: url("../assets/buttons/chev-down.png") center center no-repeat;
	background-color: #a8a8a8;
	line-height: 19.99px;
	*/
	/* RK width: 42px; */
	height: 32px;
	color: #fff;
}


/* RK
.btn-ioniancollapse.open {
	background: url("../assets/buttons/chev-up.png") center center no-repeat;
}
*/

/*Drop down menu needs a higher Z-Index so as not to be covered by slideshow*/
/*Slideshow thumbnails have Z-Index of 1000 (although 1001 doesn't work on iOS)*/
.dropdown-menu {
	z-index: 10001;
}
/*Bug on iOS causing this z-Index issue. Resolved with the following*/
.propslideshowcontainer .tp-thumbs, .propslideshowcontainer .tparrows {
	-webkit-transform: translate3d(0,0,0);
}

/*Image used for overlaying a scrollable table*/
.scrolltable-container {
	position: relative;
}
.scrollerimage {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 5;
	opacity: 0.3;
	pointer-events: none;
}

/*----END OF GLOBAL CSS----*/

/*----START OF TOP BAR----*/

.topbar ul {
	color: #aeaeae;
	float: right;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-right: 15px;
}

.topbar a {
	color: #aeaeae;
}

.topbar ul > li {
    display: inline;
    list-style: none;
}

.topbar .divider {
    padding: 0;
    font-size: 8px;
    margin: 0 9px 0 5px;
    border-right: solid 1px;
}



/*----END OF TOPBAR----*/

/*----START OF LOGO BAR----*/

.logobar {
	padding: 15px 0;
	padding-top: 5px;
	padding-bottom: 0;
}

.logobar img {
	margin-left: auto;
	margin-right: auto;
}

.logobar .telephone {
	color: #2a397d;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	/* margin-top: 10px; */
}

.logobar .opening {
	color: #2a397d;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

@media (min-width: 768px) {
	.logobar .telephone {
		text-align: right;
		font-size: 20px;
		margin-top: 0;
	}
	.logobar .opening {
		text-align: right;
	}
}


.logobar .telephone a {
	color: #2a397d;
}

.logobar .socialicons {
	text-align: right;
}

.logobar .socialicons img {
	width: 22px;
	height: 22px;
}

#topcontact {
    padding-top: 26px;
    color: #2a397d;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    float: right;
}

.active-container {
	position: relative;
}

.active-buttons {
	position: absolute;
	left: 470px;
}

.active-buttons1 {
	position: absolute;
	left: 200px;
}

@media only screen and (min-width:1200px) {
	.active-buttons1 {
		display: none;
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.active-buttons {
		left: 370px;
	}
	.active-buttons1 {
		display: none;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.active-buttons {
		left: 340px;
		top: 32px;
		z-index: 10;
	}
	.active-buttons1 {
		display: none;
	}
	.active-buttons a.linkbtn-ionian {
		padding: 2px 4px;
	}
}

@media only screen and (max-width:767px) {
	.active-buttons {
		display: none;
	}
}

.active-buttons .linkbtn-ionian {
	border-radius: 0;
	cursor: pointer;
}

.active-buttons a:first-of-type {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.active-buttons a:last-of-type {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/*----END OF LOGO BAR----*/

/*----START OF MAIN NAV MENU----*/

/* Grow */
.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	transition-duration: 0.1s;
	transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
	transform: scale(1.25);
}

/* Bounce In */
.hvr-bounce-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

@media (min-width: 768px) {
	.navbar-default {
		background: url("../assets/nav/main.png") top center repeat-x;
	}

	.mainmenu .navbar {
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		min-height: 40px;
		margin-bottom: 10px;
		background: url("../assets/nav/main.png") top center repeat-x;
	}
	.mainmenu .navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		/*
		padding-left: 20px;
		padding-right: 20px;
		font-size: 11px;
		*/
		padding-left: 12px;
		padding-right: 13px;
		font-size: 15px;
		border-right: 1px solid #7c8fe6 !important;
		border-left: 1px solid white !important;
		background: url("../assets/nav/main.png") top center repeat-x;
	}
	.mainmenu .navbar-nav > li:first-child > a {
		border-left: none;
		border-top-left-radius: 7px;
	}
	.mainmenu .navbar-nav > li:last-child {
		height: 40px;
	}
	.mainmenu .navbar-left > li:last-child {
		border-left: 1px solid white;
	}
	.mainmenu .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
	.dropdown-menu.multi-column {
		min-width: 400px;
	}

}

.mainmenu .navbar {
	border: none;
	/* background: url("../assets/nav/main.png") top center repeat-x; */
	position: relative;
}

.mainmenu .navbar-nav > li > a {
	color: #2a397d;
	letter-spacing: 1px;
	text-transform: uppercase;
	/* background: url("../assets/nav/main.png") center center repeat-x; */
}

.mainmenu .navbar-default .navbar-nav > li > a:focus, .mainmenu .navbar-default .navbar-nav > li > a:hover {
	color: white;
	background: url("../assets/nav/main-hover.png") center center repeat-x;
}

.mainmenu .navbar-default .navbar-nav > .active > a, .mainmenu .navbar-default .navbar-nav > .active > a:hover {
	color: white;
	background: url("../assets/nav/main-selected.png") center center repeat-x !important;
}

.mainmenu .navbar-toggle {
	/* background: url("../assets/nav/main-selected.png") center center repeat-x; */
	background: none;
	padding: 8px 9px;
	margin-top: 0px;
	margin-right: 10px;
	z-index: 100;
}

.mainmenu .icon-bar, .xs-searchheader .icon-bar {
	background-color: white !important;
}


.dropdown-menu.multi-column .row {
	margin: 0;
}

.dropdown-menu.multi-column .dropdown-menu {
	display: block !important;
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
	min-width:100px;
}

.multi-column hr {
	border: 0;
	color: #2a3a7f;
	background-color: #2a3a7f;
	height: 3px;
	margin-top: 0px;
	margin-bottom: 7px;
}

.multi-column li.ddheader > a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.multi-column h2 {
	margin-top: 0px;
}

@media (max-width: 767px) {
	.multi-column img {
		padding-right: 10px;
	}
}

.multi-column img {
	width: 100%;
}


/*----END OF MAIN NAV MENU----*/

/*----LIVE SEARCH FORM----*/

.livesearchcontainer {
	position: absolute;
	top: 7px;
}

.livesearchcontainer .input-group-addon {
	cursor: pointer;
}

#livesearchform input {
	height: 26px;
	padding: 2px 10px;
}

#livesearchform .input-group-addon {
	height: 26px;
	padding: 2px 12px;
}

#livesearchresults {
	display: none;
	background: white;
	position: relative;
	top: -12px;
	margin-left: 10px;
	margin-right: 65px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #bcbbbb;
	padding: 5px 0px;
	padding-bottom: 10px;
	z-index: 201;
}

@media(max-width:767px) {
	#livesearchform {
		width: 100%;
		padding-right: 65px;
		padding-left: 10px;
	}
}

@media(min-width:768px) {
	#livesearchresults {
		margin-left: 0;
		margin-right: 0;
	}
}

@media(min-width:768px) and (max-width:991px) {
	.livesearchcontainer {
		top: -32px;
		right: 0px;
		z-index: 100;
	}
	#livesearchform {
		width: 225px;
	}
	#livesearchresults {
		width: 225px;
	}
}

@media (min-width: 992px) {
	.livesearchcontainer {
		right: 0;
	}
	#livesearchform {
		width: 225px;
		padding-right: 15px;
	}
	#livesearchresults {
		width: 210px;
	}
}

@media (min-width: 1200px) {
	#livesearchform {
		width: 350px;
	}
	#livesearchresults {
		width: 335px;
	}
}


#livesearchresults div {
	cursor: pointer;
	padding: 1px 0px;
}

#livesearchresults div.selected {
	background-color: #eeeeee;
}

#livesearchresults div.searchtitle {
	cursor: default;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 3px;
}

#livesearchresults div.searchtitle:first-of-type {
	padding-top: 0px;
}

#livesearchresults div.searchitem a {
	text-decoration: none;
	color: #2a3a7f;
	display: block;
	padding: 0px 10px;
}

/*----END LIVE SEARCH FORM----*/

/*----START OF ISLAND NAV BAR----*/

.islandmenu .nav {
	background-color: #2a397d;
	/* font-size: 10px; */
	font-size: 13px;
	margin-bottom: 10px;
}

.islandmenu .nav a {
	color: white;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 10px 9px;
	/* added 07Mar23 */
	border-right: 1px solid #ccc;
}

.islandmenu .nav a:hover {
	border-left: 1px solid #ccc;
}

.islandmenu .nav a:hover, .islandmenu .nav a:focus {
	text-decoration: underline;
	background-color: #2a397d;
}

/*----END OF ISLAND NAV BAR----*/

/*----START OF FOOTER----*/

@media (min-width: 768px) {
	.footer {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 0 !important;
	}

	.footerbase {
		font-size: 11px;
	}
}

@media (min-width: 992px) {
	/*Shift last footer column to the left and reduce right padding*/
	.footer .lastcolumn {
		margin-left: -10px;
		padding-right: 5px;
	}

	.footertext {
		padding-left: 25px;
	}
}

@media (min-width: 1200px) {
	.footerbase {
		font-size: 12px;
	}
	.footerbase .footerimg {
		width: 210px !important;
	}
}

.footer {
	color: white;
	background-color: #2F3F83;
	font-size: 13px;
	padding: 15px 20px;
	position: relative;
}

#openclosefooter {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	z-index: 100;
}

#hiddenfooter {
	display: none;
}

.footer h3 {
	color: #68D1F0;
	font-size: 17px;
}

.footer h3 a {
	color: #68D1F0;
	text-decoration: none;
	outline: none;
}

.footer h3 img {
	margin-left: 10px;
}

.footer ul {
	list-style: none;
	padding: 0;
}

.footer li:before {
	display: inline-block;		
  	width: 0; 		
  	height: 0; 	
	border-top: solid transparent;
	border-bottom: solid transparent;
	border-left: solid white;	
	border-width: 3px 0 3px 4px;
	content: "";
	margin-right: 5px;
	margin-bottom: 2px;
}

.footer li {
	margin-bottom: 3px;
}

.footer li a {
	color: white;
	text-decoration: none;
}

.footer li a:hover {
	text-decoration: underline;
}

.footer .dottedline {
	margin-top: 13px;
	margin-bottom: 15px;
	border-top: 1px dotted #68D1F0;
}

.footer form {
	margin-top: 13px;
}

.footerbase {
	padding-top: 15px;
}

.footerbase .footerimg {
	padding-top: 5px;
	width: 180px;
}

.footerimg img {
	margin-right: 4px;
}

/*----END OF FOOTER----*/

/*----START OF MAIN SEARCH BOX----*/

@media (min-width: 768px) {
	.searchcolumn {
		margin-bottom: 0 !important;
	}
	#searchcollapse {
		display: block;
		visibility: visible;
		height: auto !important;
	}
}

.sm-plus-searchheader, .xs-searchheader {
	padding: 10px 15px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 16px;
	/* background-color: #a8a8a8; */
	background-color: #2b377b;
	border-radius: 5px;
	color: white;
}

.xs-searchheader .btn-ioniancollapse {
	margin-top: -5px;
	margin-right: -5px;
}

.searchcolumn {
	margin-bottom: 30px;
}

/*----NEW SEARCH ICONS-----*/

.searchcolumn #searchicons {
	font-size:8px;
	font-weight:bold;
	margin-top:30px;
}

.searchcolumn #searchicons > div {
	padding:0;
	text-align:center;
}

.searchcolumn #searchicons > div:first-child {
	padding-left:15px;
}

.searchcolumn #searchicons > div:last-child {
	padding-right:15px;
}


.searchcolumn #searchicons a {
	padding:8px 2px;
	display:block;
	color: #333;
	cursor: pointer;
	height:100%;
}

.searchcolumn #searchicons a.active {
	background-color:#2a397d;
	color:white;
	cursor:default;
	text-decoration:none;
}

.searchcolumn #searchicons a div {
	height:32px;
	width: 100%;
	margin:auto;
	margin-bottom:3px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.searchcolumn #tab-package div { background-image: url('https://www.ionianislandholidays.com/assets/search/package.png'); }
.searchcolumn #tab-package:hover div { background-image: url('https://www.ionianislandholidays.com/assets/search/package-hover.png'); }
.searchcolumn #tab-package.active div { background-image: url('https://www.ionianislandholidays.com/assets/search/package-active.png'); }
.searchcolumn #tab-accom div { background-image: url('https://www.ionianislandholidays.com/assets/search/villaonly.png'); }
.searchcolumn #tab-accom:hover div { background-image: url('https://www.ionianislandholidays.com/assets/search/villaonly-hover.png'); }
.searchcolumn #tab-accom.active div { background-image: url('https://www.ionianislandholidays.com/assets/search/villaonly-active.png'); }
.searchcolumn #tab-flight div { background-image: url('https://www.ionianislandholidays.com/assets/search/flightonly.png'); }
.searchcolumn #tab-flight:hover div { background-image: url('https://www.ionianislandholidays.com/assets/search/flightonly-hover.png'); }
.searchcolumn #tab-flight.active div { background-image: url('https://www.ionianislandholidays.com/assets/search/flightonly-active.png'); }


/*----END NEW SEARCH ICONS-----*/



#searchbox {
	padding: 10px 15px;
/*	background-color: #e7e8ec;*/
	background-color: #d8d8d8;
	color: black;
}

#searchbox #searchfor .checkbox-inline {
	margin-left: 0px;
}

#searchbox [readonly].form-control {
	background-color: white;
	cursor: default;
	opacity: inherit;
}

#calendar-trigger, #return-calendar-trigger {
	cursor: pointer;
}

#searchbox .input-group-addon {
	padding: 0 6px;
}

@media (min-width: 768px) {
	#searchbox label {
		margin-bottom: 2px;
		font-size: 12px
	}

	#searchbox .input-sm {
		height: 25px;
		line-height: 25px;
		padding: 0px 10px;
	}

	#searchbox .form-control {
		font-size: 14px;
		padding-right: 0;
		padding-left: 5px;
	}

	#searchbox .form-group {
		margin-bottom: 10px;
	}

	#searchbox .input-group-addon {
		padding: 0 1px;
	}

	#searchbox input[type=text] {
		padding-left: 20px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.btn-checkav {
		letter-spacing: 0px;
		font-size: 13px;
	}
}

.btn-checkav {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 20px;
}

#searchbox .supplements {
	font-size: 12px;
	margin-bottom: 10px;
}

#searchbox .supplements .bold {
	font-weight: 700;
}

#searchbox .searchfooterimages {
	display: inline-block;
	background-color: white;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 20px;
	margin-bottom: 10px;
}

#searchbox .searchfooterimages img {
	vertical-align: bottom;
	padding-left: 16px;
}

@media(min-width:768px) and (max-width:1199px) {
	#searchbox .searchfooterimages {
		padding-right: 8px;
	}
	#searchbox .searchfooterimages img {
		vertical-align: bottom;
		padding-left: 6px;
	}
}

#searchbox .searchfootertext {
	font-size: 11px;
	font-weight: 700;
}

#leftprotection {
	background-color: #e7e8ec;
	margin-top: 10px;
	padding: 10px;
}
#leftprotection .searchfooterimages {
	display: inline-block;
	background-color: white;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 20px;
	margin-bottom: 10px;
}

#leftprotection .searchfooterimages img {
	vertical-align: bottom;
	padding-left: 16px;
}

@media(min-width:768px) and (max-width:1199px) {
	#leftprotection .searchfooterimages {
		padding-right: 8px;
	}
	#leftprotection .searchfooterimages img {
		vertical-align: bottom;
		padding-left: 6px;
	}
}

#leftprotection .searchfootertext {
	font-size: 11px;
	font-weight: 700;
}

#leftsubscribe {
	background-color: #e7e8ec;
	margin-top: 10px;
	padding: 10px;
}

#leftsubscribe h2 {
	padding-top: 15px;
	margin: 0;
	border-bottom: 1px solid;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

#leftsubscribe input {
	margin-top: 10px;
}

#leftsubscribe button {
	margin-bottom: 10px;
	width: 100%;
}

#leftwhybook {
	background-color: #e7e8ec;
	margin-top: 10px;
	padding: 10px;
}

#leftwhybook h2 {
	padding-top: 15px;
	margin: 0;
}

#leftwhybook h3 {
	border-top: 1px solid;
	padding: 10px 0;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	margin-top: 15px;
}

#leftwhybook ul {
	padding-left: 20px;
	font-size: 12px;
}

#islandwebcam {
	background-color: #e7e8ec;
	margin-top: 10px;
	padding: 10px;
}

#islandwebcam h2 {
	margin-top: 0;
}

#islandwebcam a:after {
	display: inline-block;		
  	width: 0; 		
  	height: 0; 	
	border-top: solid transparent;
	border-bottom: solid transparent;
	border-left: solid #888888;	
	border-width: 4px 0 4px 4px;
	content: "";
	margin-left: 5px;
}


/*----END OF MAIN SEARCH BOX----*/

/*----START OF SLIDESHOW----*/

.rev_slider_wrapper {
	overflow: hidden !important;
	margin-bottom: 20px;
}

.ionian_text.tp-caption {
	color:#fff;
	text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
	font-weight:400;
	font-size:18px;
	line-height:20px;
	letter-spacing: 1px;
	font-family:"Times New Roman";
}

.ionian_large_text.tp-caption {
	color:#fff;
	text-shadow:0px 2px 5px rgba(0, 0, 0, 1);
	font-weight:400;
	font-size:24px;
	line-height:20px;
	letter-spacing: 1px;
	font-family:"Times New Roman";
}

.tp-caption .image_number {
	right: 10px;
	bottom: 10px;
	background-color: white;
	padding: 2px 4px !important;
	border-radius: 5px;
	font-size: 12px !important;
	line-height: 14px !important;
	font-weight: bold;
	color: #2b3b81;
	opacity: 0.8;
}

.indigocross.tparrows {

	cursor:pointer;

	background:#999;

	min-width:45px;

	min-height:45px;

	position:absolute;

	display:block;

	z-index:100;

	border-radius:50%;

}


.indigocross.tparrows:before {

	font-family: "revicons";

	font-size:20px;

	color:#fff;

	display:block;

	line-height: 45px;

	text-align: center;

	-webkit-transition: color 0.3s;

	-moz-transition: color 0.3s;

	transition: color 0.3s;

	z-index:2;

	position:relative;

}


.indigocross.tparrows.tp-leftarrow:before {

	content: "\e81f";


}


.indigocross.tparrows.tp-rightarrow:before {

	content: "\e81e";

}


.indigocross.tparrows:hover {

	background:#555;
}


/* OLD SLIDESHOW CODE*/
.tp-banner-container, .propslideshowcontainer {
	width:100%;
	position:relative;
	padding:0;
}

.tp-banner-container {
	margin-bottom: 20px;
	overflow: hidden !important;
}

.propslideshowcontainer {
	margin-bottom: 60px;
}

.tp-banner {
	width:100%;
	position:relative;
}

.propslideshowcontainer .thumb {
	border-left: 1px white solid;
	border-right: 1px white solid;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.propslideshowcontainer {
		margin-bottom: 50px;
	}
	.propslideshowcontainer .tp-thumbs {
		bottom: -47px !important;
	}
	.propslideshowcontainer .tparrows {
		height: 32px !important;
		width: 32px !important;
		background-size:  100% !important;
		top: 375px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.propslideshowcontainer {
		margin-bottom: 36px;
	}
	.propslideshowcontainer .tp-thumbs {
		bottom: -34px !important;
	}
	.propslideshowcontainer .tparrows {
		height: 26px !important;
		width: 26px !important;
		background-size:  100% !important;
		top: 250px !important;
	}
}

@media (max-width: 767px) {
	.propslideshowcontainer {
		margin-bottom: 30px;
	}
	.propslideshowcontainer .tp-thumbs {
		display: none;
	}
	.propslideshowcontainer .tparrows {
		display: none;
	}

}
/*

.ionian_text.tp-caption {
	position:absolute;
	color:#fff;
	text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
	font-weight:400;
	font-size:24px;
	line-height:24px;
	letter-spacing: 1px;
	font-family:"Times New Roman";
	margin:0px;
	border-width:0px;
	border-style:none;
	white-space:nowrap;
}
*/

/*----END OF SLIDESHOW----*/

/*----START OF INDEX PAGE----*/

#offersTopCarousel, #offersTopCarousel1, #offersCarousel, #offersSingleCarousel {
	margin-top: 15px;
}

@media (max-width: 767px) {
	#offersCarousel, #offersSingleCarousel {
		margin-bottom: 30px;
	}
}

#indexmainoffers, #indextopoffers, .indexoffer {
	position: relative;
}

.indexoffersheader, .indexoffersfooter {
	color: white;
	position: absolute;
	width: 100%;
}

.indexoffersheader {
	background-color: #B8B8B8;
	font-size: 16px;
	padding: 5px 10px;
	top: 0px;
}

.indexoffersfooter {
	background-color: #aeaeae;
	padding: 10px;
	bottom: 0px;
}

.indexoffersfooter > div:nth-of-type(1) {
	font-size: 14px;
	font-weight: bold;
}

.indexoffersfooter > div:nth-of-type(2) {
	line-height: 15px;
	padding-bottom: 26px;
}

.indexoffersbutton {
	/*
	position: absolute;
	bottom: 0;
	right: 0;
	*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index:1000;
}
/* 	Make our buttons 5px bigger invisibly to assist link on touch devices
	Div above has bottom/right 0 due to expanded anchor - normally would be 5*/
.indexoffersbutton a.linkbtn-ionian {
	border-radius: 9px;
	border: 6px solid transparent;
	background-clip: padding-box !important;
}

.featuredproperty {
	position: relative;
	margin: 15px 0;
}

.featuredproperty .inner {
	padding: 10px;
}

.featuredproperty h3 {
	font-size: 14px;
	border-bottom: 1px solid;
	margin-top: 17px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 11px;
}

.featuredproperty .textline1 {
	font-size: 11px;
	line-height: 15px;
	padding-left: 10px;
}

.featuredproperty .textline2 {
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 7px;
	padding-left: 10px;
}

.featuredproperty .readmore {
	float: right;
	font-size: 11px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.featuredproperty .readmore a {
	text-decoration: none;
}

.featuredproperty:hover .readmore a {
	text-decoration: underline;
}

.featuredproperty .readmore a:after {
	display: inline-block;		
  	width: 0; 		
  	height: 0; 	
	border-top: solid transparent;
	border-bottom: solid transparent;
	border-left: solid #888888;	
	border-width: 4px 0 4px 4px;
	content: "";
	margin-left: 5px;
}

#exclusiveoffers {
	/*background-color: #ecebf0;*/
}

.exclusiveoffers-right-col {
	background-color: #ecebf0;
}

#exclusiveoffers h2 {
	color: white;
	/* background-color: #b8b8b8; */	
	background-color: rgba(129, 70, 247, 0.9);	/* changed on 18Jul23 Alexis request */
	padding: 10px;
	margin-bottom:0;
	margin-top: 15px;
	font-size: 1.8rem;
	font-weight:600;
	text-align: center;
}

#exclusiveoffers h2 a {
	color: white;
}

.exclusiveofferitem {
	padding: 10px;
	font-size: 11px;
}

.exclusiveofferitem .imgdiv {
	padding-right: 0;
}

.exclusiveofferitem .imgdiv img {
	margin-left: -8px;
	margin-bottom: 10px;
}

.exclusiveofferitem .textline1 {
	margin-bottom: 4px;
}

.exclusiveofferitem .textline1 {
	margin-bottom: 1px;
}


/*----END OF INDEX PAGE----*/

/*----START OF ISLAND PAGE----*/

@media(max-width:991px) {
	.js-tabcollapse-panel-heading:after {
		content: "";
		display: block;
		background: url("../assets/buttons/single-up.png") no-repeat;
		width: 18px;
		height: 18px;
		float: right;
	}

	.js-tabcollapse-panel-heading.collapsed:after{
		background: url("../assets/buttons/single-down.png") no-repeat;
	}
}

.icfixheading {
	padding: 0;
}

.icfixheading a {
	display: block;
	padding: 10px 15px;
}

#island-tabs {
	margin-right: 0;
	border-bottom: 0;
	height: 43px;
}

#island-tabs > li > a, #island-tabs > li > a:active, #island-tabs > li > a:focus {
	border: none;
	border-top: 3px solid #2a397d;
	background-color: white;
	color: #777777;
	outline: none;
	border-radius: 0;
	margin-right: 0;
	margin-left: 10px;
}

#island-tabs > li > a:hover {
	background-color: white;
	text-decoration: underline;
	border-top: 3px solid #2a397d;
}

#island-tabs > li.active > a, #island-tabs > li.active > a:hover, #island-tabs > li.active > a:focus {
	border-top: 3px solid #2a397d;
	background-color: #d1d5e8;
	color: #2b3b81;
}

#island-tabs > li.active > a:hover {
	text-decoration: underline;
}

.island-subtabs {
	background-color: #d1d5e8;
}

@media(min-width:992px) {
	.island-subtabs {
		min-height: 32px;
		margin-bottom: 30px;
		margin-top: -32px;
	}
	.islandtabfix {
		border-bottom: 32px #d1d5e8 solid;
	}
}

@media(max-width:991px) {
	.island-subtabs {
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: 10px;
	}
	.island-subtabs li > a {
		padding: 6px 8px !important;
	}
}

.island-subtabs > ul {
	border: none;
	margin-right: 0;
	border-bottom: 1px solid #d1d5e8;
}

.island-subtabs li > a:hover {
	text-decoration: underline;
}

.island-subtabs li > a, .island-subtabs li > a:hover, .island-subtabs li > a:focus {
	border: none;
	background-color: #d1d5e8;
	color: #2b3b81;
	padding: 6px 20px;
	outline: none;
}

.island-subtabs li.active > a, .island-subtabs li.active > a:hover, .island-subtabs li.active > a:focus {
	border: none;
	background-color: #d1d5e8;
	color: #2b3b81;
	
}

.island-subtabs li a::before {
	display: inline-block;
	width: 0px;
	height: 0px;
	border-top: solid transparent;
	border-bottom: solid transparent;
	border-left: solid transparent;
	border-width: 4px 0 4px 4px;
	content: "";
	margin-right: 3px;
}

.island-subtabs li.active a::before {
    border-left-color: #2b3b81;
}

.flight-table-header {
	margin-top: 5px;
	background-color: #2a397d;
	color: white;
	padding: 10px;
}

.flight-table {
	margin-bottom: 30px;
	position: relative;
}

.flight-table table {
	width: 100%;
	max-width: 100%;
}

.flight-table table td, .flight-table table th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid white;
	font-size: 12px;
}

.flight-table thead {
	background-color: #b1b2d3;
	color: #2b3b81;
}

.flight-table .darkrow {
	background-color: #b1b2d3;
}

.flight-table .lightrow {
	background-color: #dcdded;
}

.flight-table > div {
	font-weight: bold;
	font-size: 80%;
	padding: 8px;
	margin-top: 1px;
}

@media only screen and (max-width: 1199px) {
	
	
	.flight-table table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	.flight-table th,
	.flight-table td { margin: 0; vertical-align: top; }
	.flight-table th { text-align: left; }
	
	.flight-table table {
		display: block;
		position: relative;
		width: 100%;
	}
	.flight-table thead { display: block; float: left; }

	.flight-table tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		background-color: #dcdded;
	}

	.flight-table thead tr { display: block; }
	.flight-table th { display: block; height: 56px; text-align: right; }
	.flight-table tbody tr {
		display: inline-block;
		vertical-align: top;
		margin-left: -4px;
/* //		border-left: 3px solid white; */
	}
	.flight-table td { display: block; height: 56px; text-align: left; }

	.flight-table th { border-right: 3px solid white; }
 
}

/*New area options for island properties*/
.areaoptions {
    background-color: #2a397d;
    color: white;
    padding: 10px 15px;
    margin-top: -20px;
    margin-bottom: 10px;
}

.areaoptions input {
	vertical-align: bottom;
	position: relative;
	top: -3px;
	margin-right:5px;
}

.areaoptions label {
	padding: 0 20px 0 0px;
	font-size: 12px;
	margin: 0;
}

@media(max-width:991px) {
	.areaoptions {
    margin-top: -10px;
    margin-left: -15px;
    margin-right: -15px;
}

}
	
/*----END OF ISLAND PAGE----*/

/*----START OF OFFERS PAGES----*/

#offer-tabs {
	margin-left: 0;
	border-bottom: 0;
}

#offer-tabs > li > a, #offer-tabs > li > a:active, #offer-tabs > li > a:focus {
	border: none;
	border-top: 3px solid #2a397d;
	background-color: white;
	color: #777777;
	outline: none;
	border-radius: 0;
	padding-left: 0px;
	padding-right: 0px;
/* //	letter-spacing: 1px; */
}


#offer-tabs > li > a:hover {
	background-color: white;
	text-decoration: underline;
}

#offer-tabs > li.active > a, #offer-tabs > li.active > a:hover, #offer-tabs > li.active > a:focus {
	background-color: #d1d5e8;
	color: #2b3b81;
}

@media (max-width: 767px) {
	#offer-tabs > li > a {
		margin-bottom: 0;
	}

	#offer-tabs > li:last-of-type > a {
		border-bottom: 3px solid #2a397d;
	}

	#offer-tabs > li:last-of-type {
		margin-bottom: 20px;
	}
}

@media (min-width: 768px) {
	#offer-tabs > li {
		border-left: 5px solid white;
		border-right: 5px solid white;
	}
}

#offer-tabs > li:first-of-type {
	border-left: 0;
}

#offer-tabs > li:last-of-type {
	border-right: 0;
}

#offer-tabs > li.active {
	background-color: #d1d5e8;
}

#offer-tabs > li.active > a:hover {
	text-decoration: underline;
}

#offer-tabs:after {
	clear: both;
}

/*----END OF OFFERS PAGES----*/

/*----START OF BROCHURE REQUEST PAGE----*/

.qafinder {
	background-color: #dceff5;
	padding: 10px;
	border-radius: 7px;
	position: relative;
	margin-bottom: 20px;
}

.qafinder .qafmoreinfo {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 5px;
}

.qafinder .qafmoreinfobox {
	z-index: 10;
	position: absolute;
	margin-left: -232px;
	margin-top: 0px;
	width: 250px;
	background-color: white;
	padding: 2px;
	border: 1px solid #888888;
	box-shadow: 1px 1px 5px #888888;
	border-radius: 2px;
	visibility: hidden;
}

.qafmoreinfoclosebutton {
	padding: 5px 10px;
}

.qafmoreinfoclosebutton, .qafmoreinfoimg {
	cursor: pointer;
}

.qafinder .qafmoreinfotopbar {
	background-color: #f1f1f1;
	border-radius: 1px;
	height: 25px;
}

.qafinder .qafmoreinfotopbar img {
	float: right;
}

.qafinder .qafmoreinfotext {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	font-weight: bold;
	font-size: 11px;
	color: #444444;
}

label.required:after { 
	color: red;
	content:" *";
} 

/*----END OF BROCHURE REQUEST PAGE----*/

/*----START OF MAIN PROPERTY PAGE----*/
.mainproperty .name {
	font-size: 32px;
	margin-top: 10px;
}

.mainproperty .location {
	text-transform: uppercase;
	font-size: 14px;
}

.mainproperty .tagline {
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0;
}

.mainproperty .type {
	text-transform: uppercase;
	font-size: 14px;
}

.mainproperty .brief_details ul {
	padding-left: 0;
	margin-top:10px;
}

.mainproperty .brief_details li {
	display: inline-block;
	padding-right: 8px;
}

.mainproperty .brief_details li:before {
	content: " \2022  ";
}

.mainproperty .maindetails {
	border-top-style: solid;
	border-top-width: 2px;
	padding: 15px;
	padding-top: 0px;
	margin-bottom: 20px;
}

.mainproperty .maindetails h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 7px;
	padding-bottom: 12px;
	border-bottom: 1px solid;
	margin-bottom: 7px;
	text-transform: uppercase;
}

.mainproperty .maindetails h3 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.mainproperty .maindetails .price_includes ul {
	padding-left: 15px;
	color: #333;
}

.mainproperty .maindetails .accommodation {
	color: #333;
}

.mainproperty .maindetails .amenities {
	color: #333;
}

.mainproperty .maindetails .recommended {
	color: #333;
}

.mainproperty .maindetails p {
	margin-bottom: 0;
}

.mainproperty .EFL {
	background-color: #D7E6F3;
	color: #0089C5;
}
.mainproperty .ITH {
	background-color: #DFE2C5;
	color: #90A93E;
}
.mainproperty .MEG {
	background-color: #E3DECE;
	color: #B1A77E;
}
.mainproperty .LEF {
	background-color: #D5E7EA;
	color: #2E9CAB;
}
.mainproperty .EPI {
	background-color: #E4E4F1;
	color: #A5A8CE;
}
.mainproperty .PAX {
	background-color: #E3EDD8;
	color: #65A23A;
}
.mainproperty .COR {
	background-color: #F3E7CD;
	color: #D1A42C;
}
.mainproperty .SKO {
	background-color: #DFDAD2;
	color: #A49C86;
}
.mainproperty .SKI {
	background-color: #DEE5E7;
	color: #618B94;
}
.mainproperty .ALO {
	background-color: #FAEECB;
	color: #EAB90D;
}
.mainproperty .PEL {
	background-color: #E4EADD;
	color: #B1C39C;
}
.mainproperty .ATH {
	background-color: #E6F2F5;
	color: #73CEE1;
}

/*----END OF MAIN PROPERTY PAGE----*/

/*----START OF AJAX PROPERTY DETAILS----*/

.propcontainer {
	background-color: #f0f1f6;
	padding: 15px;
	margin-bottom: 25px;
	position: relative;
}

.propdetails .propname {
	font-size: 24px;
}

.propdetails .proptagline {
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	margin: 10px 0;
}

.propdetails .horizonbriefdetails {
	margin: 10px 0;
}

.propdetails .proptype {
	text-transform: uppercase;
	font-size: 13px;
	/* //padding-bottom: 26px; */
}

.propdetails .buttoncont {
	position: absolute;
	right: 15px;
	bottom: 15px;
}
/*----END OF AJAX PROPERTY DETAILS----*/


/*----START OF SPECIAL OFFERS----*/
.offers {
	height: 100%;
}

.offers .specialofferstitlebar {
	padding: 5px 10px;
	font-weight: bold;
	font-size: 14px;
}

.offers .specialofferscontent {
	background-color: #e7e8ec;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 15px 0;
	position: relative;
}

.offers .specialofferscontent .description1 {
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
	margin-bottom: 12px;
}

.offers .specialofferscontent .description2, .offers .specialofferscontent .description3 {
	font-size: 13px;
	margin-bottom: 8px;
}

.offers .specialofferscontent ul {
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
}

.offers .specialofferscontent .offerdisclaimer, .offers .specialofferscontent .loyaltydisclaimer {
	margin-top: 20px;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
}

.offers .specialofferscontent .offerdisclaimer {
	padding-right: 150px;
}

.offers .specialofferscontent .specoffersbutton {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.offers .savings {
	font-weight: bold;
	margin-top: 10px;
	color: red;
}

.offers .getofferscontainer {
	background-color: #e7e8ec;
	margin: 0;
	padding: 15px 0;
}

.offers .offerflightsup {
	padding-top: 5px;
	margin-bottom: 20px;
	padding-left: 10px;
}

.offers .getofferscontainer .propertyname {
	font-size: 24px;
}

.offers .getofferscontainer .briefdetails ul{
	padding-left: 0;
}

.offers .getofferscontainer .briefdetails li{
	display: inline-block;
}

.offers .getofferscontainer .briefdetails li::before {
    content: " \2022  ";
}

.offers .getofferscontainer .tagline {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	margin: 15px 0;
}

.offers .getofferscontainer .type {
	margin-bottom: 10px;
}

/*
.offers .getofferscontainer .adprice {

}*/

.offers .getofferscontainer .discprice {
	color: red;
}

.offers .includes {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	font-size: 13px;
	font-weight: bold;
}

.offers .includes ul, .offers .includes ul > li {
	display: inline;
	padding-left: 0;
}

.offers .includes ul > li:after {
	content: ",";
}

.offers .includes ul > li:nth-last-of-type(2):after {
	content: " and";
}

.offers .includes ul > li:nth-last-of-type(1):after {
	content: "";
}

.offers .hiddenloadingdiv {
	display: none;
	text-align: center;
	margin-bottom: 20px;
}

.offers .getofferstable {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.offers .getofferstable table {
	width: 100%;
	max-width: 100%;
}

.offers .getofferstable tbody tr {
	background-color: white;
}

.offers .getofferstable tr {
  border-top: 10px solid #e7e8ec;
}
.offers .getofferstable tr:first-child {
	border: none;
}


.offers .getofferstable th {
  display: none;
}
.offers .getofferstable td {
  display: block;
  padding-left: 94px;
  text-indent: -94px;
  padding-right: 7px;
}
.offers .getofferstable td:first-child {
  padding-top: 7px;
}
.offers .getofferstable td:last-child {
  text-indent:0;
  padding-right: 0;
}
.offers .getofferstable td:before {
  content: attr(data-th) "";
  width: 75px;
  display: inline-block;
  color: white;
  background-color: rgb(47, 63, 130);
  padding: 2px;
  padding-left: 8px;
  margin-left: 7px;
  margin-right: 6px;
  margin-bottom: 2px;
  text-indent: 0;
}

.offers .getofferstable td:last-child:before {
	background-color: white;
}

.offers .getofferstable .btn-ionian-small {
		float: right;
		margin-bottom: 5px;
		margin-right: 5px;
}

@media (min-width: 992px) {
  .offers .getofferstable td:before {
    display: none;
  }
}
.offers .getofferstable th, .offers .getofferstable td {
  text-align: left;
}
@media (min-width: 992px) {
	.offers .getofferstable tr {
		border: none;
	}
	
  .offers .getofferstable th, .offers .getofferstable td {
    display: table-cell;
    padding: 0 8px;
	border-top: 2px solid #e7e8ec;
	text-indent: 0;
  }
  .offers .getofferstable th:first-child, .offers .getofferstable td:first-child {
    padding: 0 8px;
  }
  .offers .getofferstable th:last-child, .offers .getofferstable td:last-child {
    padding: 0 8px;
  }
  .offers .getofferstable .btn-ionian-small {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: -5px;
  }
}

.offers .headertext {
	background-color: #d1d5e8;
	padding: 15px;
	margin-bottom: 15px;
}

.offers .propoftheweek .detailscontainer {
	background-color: #e7e8ec;
	padding: 10px;
}

/*----END OF SPECIAL OFFERS----*/


/*----START OF PROPERTIES OF THE WEEK----*/

.offers .propoftheweek .titlebar {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
}

.offers .propoftheweek .potwname {
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
	margin-bottom: 12px;
}

.offers .propoftheweek .potwtagline, .offers .propoftheweek .potwtype, .offers .propoftheweek .includes {
	font-size: 13px;
	margin-bottom: 8px;
}

.offers .propoftheweek .includes {
	font-style: italic;
}

.offers .propoftheweek .detailscontainer {
	margin-bottom: 20px;
}

.offers .propoftheweek .offerdetails {
	padding-top: 15px;
	padding-left: 5px;
	color: #2b3b81;
}

.offers .propoftheweek .potwofferdescription, .offers .propoftheweek .potwofferdeparting, .offers .propoftheweek .potwsaving {
	font-size: 13px;
}

.offers .propoftheweek .countdowncontainer {
    background-color: white;
    padding: 15px 25px;
    border-radius: 3px;
	margin-top: 15px;
}

.offers .propoftheweek .buttondiv {
	text-align: right;
}

@media only screen and (max-width: 767px) {
	.offers .propoftheweek .buttondiv {
		padding-top: 8px;
	}
}

.offers .propoftheweek .countdowntime {
    font-size: 18px;
    font-weight: bold;
}

.offers .propoftheweek .countdowntext {
    font-size: 10px;
    margin-right: 5px;
    vertical-align: super;
}

/* .offers .propoftheweek .potwbutton {
	margin-left: 15px; 
}*/
/*----END OF PROPERTIES OF THE WEEK----*/

/*----START OF GOOGLE MAP CSS----*/
#islandmapcanvas {
	height: 400px;
}

/*Only make marker container scrollable when to the right of the map column*/
@media (min-width: 992px) {
	#islandmapmarkerlist {
		height: 400px;
	}

	#islandmapmarkerlist {
		overflow: auto;
	}

	#islandmapmarkerlist ul {
		margin-left: -25px;
	}
}

@media (max-width: 991px) {
	#islandmapmarkerlist {
		padding-top: 15px;
	}
}

.markercontainer {
	width: 210px;
}

.markercontainer .imagecontainer {
	border: 1px solid #5d699f;
	width: 210px;
}

.markercontainer .imagecontainer img {
	margin: 2px;
	width: 204px;
	display: block;
}

.markercontainer .propertyname {
	margin-bottom: 7px;
	font-size: 13px;
}

.markerlink {
	margin-top: 7px;
}

/*----END OF GOOGLE MAP CSS----*/

/*----START OF DESTINATIONS PAGE----*/

.destinationspage h2 {
	border-top: 3px solid #2a3a7f;
	padding-top: 5px;
	font-size: 18px;
	letter-spacing: 1px;
}

/*----END OF DESTINATIONS PAGE----*/

.destinations .island-map {
	width: 100%;
	margin-bottom: 15px;
}

.islandcontainer {
	position: relative;
	background-color: #f0f1f6;
	padding: 15px;
	margin-bottom: 20px;
}

.islandcontainer h2 {
	margin-top: 0px;
}

.islandcontainer img {
	width: 100%;
}

.islandcontainer .destpagedescription {
	padding-bottom: 28px;
}

.islandcontainer .morebutton {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

/*----START OF HOLIDAY PAYMENT PLAN PAGE----*/

.holiday-pmt-plan {
}

.holiday-pmt-plan>h1 {
	font-size: 18px;
	border-bottom: #cacedf 1px solid;
	letter-spacing: 1px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 14px;
	color: #2b3b81;
}

.holiday-pmt-plan>h2 {
	font-size: 16px;
	text-decoration: underline;
	font-weight: 600;
}

.holiday-pmt-plan>ol>li>h3 {
	font-size: 15px;
	font-weight: 600;
}

/*----END OF HOLIDAY PAYMENT PLAN PAGE----*/

/*----START OF EXTRAS PAGE----*/

.holidayextraspage .extrabox {
	border: 1px solid #b7b7b7;
	padding: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}

.holidayextraspage .extrabox h2 {
	margin-top: 0;
}

.holidayextraspage .extrabox p {
	font-size: 12px;
	margin-bottom: 24px;
}

.holidayextraspage .extrabox .linkbtn-ionian {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
/*----END OF EXTRAS PAGE----*/

/*----START ISLAND-INFO PAGE----*/
.islandinfo {
	position: relative;
}

.islandinfo h1.index {
	padding-right: 90px;
}

.islandinfo .currentweather {
	position: absolute;
	top: -10px;
	right: 0;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.islandinfo .currentweather img {
	border: 1px solid #293a7f;
}

.islandinfo .webcamupdate {
	margin: 30px 5px 10px;
	padding-right: 90px;
}

.islandinfo .webcambox {
	background-color: #293a7f;
	padding: 25px;
}

.islandinfo .webcambox img {
    border: solid 3px white;
    width: 100%;
}

.islandinfo .forecasttitle {
	padding: 5px 30px;
	background-color: #293a7f;
    color: white;
    margin-top: 20px;
}

.islandinfo .forecast {
	background-color: #ecebf0;
	font-size: 10px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
}

.islandinfo .forecast .item {
	text-align: center;
	height: 160px;
}

.islandinfo .forecast .item img {
	border: 1px solid white;
	margin: 4px;
}

/*----END ISLAND-INFO PAGE----*/

/*----START PAYMENT PAGE----*/

.paymentpage .formtitle {
	color: white;
	background-color: #a8a8a8;
	font-size: 16px;
	padding: 12px;
}

.paymentpage form {
	background-color: #e7e8ec;
	padding: 20px 30px;
	margin-bottom: 15px;
}

.paymentpage #paymentformtitle, .paymentpage #paymentform  {
	display: none;
}

.paymentpage [disabled].form-control {
	cursor: auto;
}

.paymentpage .input-group-addon {
	font-size: 16px;
}

.paymentpage #sagepaybox {
	font-size: 11px;
	color: #777777;
	border: 1px solid #bbbbbb;
	border-radius: 7px;
	background-color: #f7f7f7;
	padding: 10px 15px;
	margin-bottom: 20px;
}

.paymentpage #sagepaybox img {
	margin-top: 5px;
}

/*----END PAYMENT PAGE----*/

/*----START CARHIRE PAGE----*/

.carhire-table-header {
	margin-top: 5px;
	color: white;
	padding: 8px;
	font-size: 16px;
}

.carhire-table-footer{
	color: white;
	padding: 8px;
	font-size: 12px;
	margin-top: 1px;
}

.carhire-table{
	position: relative;
}

.carhire-table table {
	width: 100%;
	max-width: 100%;
}

.carhire-table table td, .carhire-table table th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid white;
	font-size: 12px;
	text-align: center;
}

.carhire-table table td.left, .carhire-table table th.left {
	text-align: left;
}

@media only screen and (max-width: 767px) {
	
	
	.carhire-table table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	.carhire-table th,
	.carhire-table td { margin: 0; vertical-align: top; }
	.carhire-table th { text-align: left; }
	
	.carhire-table table {
		display: block;
		position: relative;
		width: 100%;
	}
	.carhire-table thead { display: block; float: left; }

	.carhire-table tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		background-color: #dcdded;
	}

	.carhire-table thead tr { display: block; }
	.carhire-table th { display: block; height: 56px; text-align: left !important; }
	.carhire-table tbody tr {
		display: inline-block;
		vertical-align: top;
		margin-left: -4px;
/* //		border-left: 3px solid white; */
	}
	.carhire-table td { display: block; height: 56px; }

	.carhire-table th { border-right: 3px solid white; }
 
}

.car-table {
	width: 100%;
	text-align: center;
	margin: 20px 0;
}

/*----END CARHIRE PAGE----*/

/*----START BOATHIRE PAGE----*/

.boathiredepot {
	color: white;
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
	background-color: #2a397d;
}

.boathiredepotinfo {
	color: white;
	padding: 5px 10px;
	font-size: 14px;
	margin-bottom: 20px;
	background-color: #2a397d;
}

table.boathire {
	margin-bottom: 0;
}

table.boathire th, table.boathire td {
	text-align: center;
}

table.boathire td:first-child, table.boathire th:first-child {
	text-align: left;
}

img.img-boathire {
	width: 100%;
}

/*----END BOATHIRE PAGE----*/

/*----START MORE INFORMATION PAGE----*/
.moreinfo h3 {
	font-size: 17px;
}

.moreinfo ul {
	padding-left: 20px;
}

.moreinfo .bluebox {
	background-color: #a1def1;
	padding: 10px;
	font-weight: bold;
}
/*----END MORE INFORMATION PAGE----*/

/*----START TERMS & CONDITIONS----*/
.bookingcond .bold{
	font-weight: bold;
}

.bookingcond .italic{
	font-style: italic;
}

.bookingcond .left {
	text-align: left;
}

.bookingcond th {
	background-color: #293a7f;
	color: white;
	border: white solid 2px;
	padding: 5px 10px;
	text-align: center;
}

.bookingcond td {
	background-color: #ecebf0;
	border: white solid 2px;
	text-align: center;
	padding: 5px 10px;
}

.bookingcond td:first-child {
	border-left:0;
}

.bookingcond td:last-child, .bookingcond th:last-child {
	border-right:0;
}
/*----END TERMS & CONDITIONS----*/

/*----START OUR CLIENTS----*/
.ourclients .imgcontainer {
	overflow: hidden;
	position: relative;
	height: 138px;
}

.ourclients .floatright {
	position: absolute;
	right: 0;
}
/*----END OUR CLIENTS----*/

/*----START OF SEARCH RESULTS----*/

.searchterm {
	font-size: 20px;
}

.searchterm span {
	text-decoration: underline;
	padding-left: 15px;
}

.suggestioncontainer {
	background-color: #e9e9f0;
	margin-bottom: 20px;
	position: relative;
	padding: 15px;
}

.suggestioncontainer img {
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.suggestioncontainer img {
		margin-bottom: 15px;
	}
}

.suggestioncontainer h2 {
	text-transform: uppercase;
	margin-top: 0;
}

.suggestioncontainer p {
	padding-bottom: 28px;
}

.suggestioncontainer .suggestionlink {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.suggestioncontainer .nodetailssuggestion {
	display: inline-block;
	margin: 0 15px;
	text-transform: uppercase;
	font-size: 16px;
}

/*----END OF SEARCH RESULTS----*/

/*----START OF FLIGHT OFFER BOXES----*/

.flightofferbox {
	position: relative;
	margin-bottom: 20px;
	cursor: pointer;
}

.flightofferbox img {
	width: 100%;
}

.flightofferbox .fobdetails {
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	padding: 10px;
	box-shadow: -1px 1px 3px #444444;
	background-color: white;
}

.flightofferbox .fobdetails .offerairport, .flightofferbox .fobdetails .amount {
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap;
}

.flightofferbox .fobdetails .offerprice {
	font-size: 13px;
	text-align: right;
}

/*----END OF FLIGHT OFFER BOXES----*/

/*----START OF CAREERS----*/
h2.careers-title {
	margin-top: 20px;
	font-style: italic;
	text-decoration: underline;
}

/*----END OF CAREERS----*/

/*----START OF BTA AWARDS----*/

.btawards {
	background-color: #ECEBF0;
	padding: 25px;
	margin-top: 35px;
	position: relative;
	border-radius: 7px;
}

.btawards .bold {
	font-weight: bold;
	font-size: 17px;
}

.btawards.ttl {
	font-size:18px;
	font-weight: 600;
	color:#2b3b81;
	padding: 0 0 10px;
	margin: 0 0 20px;
	border-bottom: 1px solid #333;
	border-radius: 0;
}

.btawards #btaeml {
	padding: 8px 10px;
	width: 80%;
	border: 1px solid #ccc;
	border-radius: 5px;
}

/*
#btawards a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
*/

#leftbtabox {
	background-color: #e7e8ec;
	margin-bottom: 10px;
	padding: 10px;
}

#btavotebutton, #btabannerbutton {
	background-color: #66AACC;
	background: url("../assets/buttons/lightblue-1px.png") center center repeat-x;
	font-size: 14px;
	letter-spacing: 1px;
}
#btavotebutton:hover, #btabannerbutton:hover {
	background: url("../assets/buttons/lightblue-1px-hover.png") center center repeat-x;
}

#btabannerbutton {
	font-size: 12pt;
	color: white;
	border-color: white;
	font-weight: bold;
}


/* ----- added by Ranjit on 13Feb23 ----- */
/*====== XL column start ======*/

.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
  
@media (min-width: 1650px) {
	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
	  float: left;
	}
	.col-xl-12 {
	  width: 100%;
	}
	.col-xl-11 {
	  width: 91.66666666666666%;
	}
	.col-xl-10 {
	  width: 83.33333333333334%;
	}
	.col-xl-9 {
	  width: 75%;
	}
	.col-xl-8 {
	  width: 66.66666666666666%;
	}
	.col-xl-7 {
	  width: 58.333333333333336%;
	}
	.col-xl-6 {
	  width: 50%;
	}
	.col-xl-5 {
	  width: 41.66666666666667%;
	}
	.col-xl-4 {
	  width: 33.33333333333333%;
	}
	.col-xl-3 {
	  width: 25%;
	}
	.col-xl-2 {
	  width: 16.666666666666664%;
	}
	.col-xl-1 {
	  width: 8.333333333333332%;
	}
	.col-xl-pull-12 {
	  right: 100%;
	}
	.col-xl-pull-11 {
	  right: 91.66666666666666%;
	}
	.col-xl-pull-10 {
	  right: 83.33333333333334%;
	}
	.col-xl-pull-9 {
	  right: 75%;
	}
	.col-xl-pull-8 {
	  right: 66.66666666666666%;
	}
	.col-xl-pull-7 {
	  right: 58.333333333333336%;
	}
	.col-xl-pull-6 {
	  right: 50%;
	}
	.col-xl-pull-5 {
	  right: 41.66666666666667%;
	}
	.col-xl-pull-4 {
	  right: 33.33333333333333%;
	}
	.col-xl-pull-3 {
	  right: 25%;
	}
	.col-xl-pull-2 {
	  right: 16.666666666666664%;
	}
	.col-xl-pull-1 {
	  right: 8.333333333333332%;
	}
	.col-xl-pull-0 {
	  right: 0;
	}
	.col-xl-push-12 {
	  left: 100%;
	}
	.col-xl-push-11 {
	  left: 91.66666666666666%;
	}
	.col-xl-push-10 {
	  left: 83.33333333333334%;
	}
	.col-xl-push-9 {
	  left: 75%;
	}
	.col-xl-push-8 {
	  left: 66.66666666666666%;
	}
	.col-xl-push-7 {
	  left: 58.333333333333336%;
	}
	.col-xl-push-6 {
	  left: 50%;
	}
	.col-xl-push-5 {
	  left: 41.66666666666667%;
	}
	.col-xl-push-4 {
	  left: 33.33333333333333%;
	}
	.col-xl-push-3 {
	  left: 25%;
	}
	.col-xl-push-2 {
	  left: 16.666666666666664%;
	}
	.col-xl-push-1 {
	  left: 8.333333333333332%;
	}
	.col-xl-push-0 {
	  left: 0;
	}
	.col-xl-offset-12 {
	  margin-left: 100%;
	}
	.col-xl-offset-11 {
	  margin-left: 91.66666666666666%;
	}
	.col-xl-offset-10 {
	  margin-left: 83.33333333333334%;
	}
	.col-xl-offset-9 {
	  margin-left: 75%;
	}
	.col-xl-offset-8 {
	  margin-left: 66.66666666666666%;
	}
	.col-xl-offset-7 {
	  margin-left: 58.333333333333336%;
	}
	.col-xl-offset-6 {
	  margin-left: 50%;
	}
	.col-xl-offset-5 {
	  margin-left: 41.66666666666667%;
	}
	.col-xl-offset-4 {
	  margin-left: 33.33333333333333%;
	}
	.col-xl-offset-3 {
	  margin-left: 25%;
	}
	.col-xl-offset-2 {
	  margin-left: 16.666666666666664%;
	}
	.col-xl-offset-1 {
	  margin-left: 8.333333333333332%;
	}
	.col-xl-offset-0 {
	  margin-left: 0;
	}
  }
  
/*====== XL column end ======*/

/* ----- added by Ranjit ----- */

.navbar-header .logo-hdr {
	max-width: 145px;
	padding-top: 10px;
}

.navbar-header .abta-hdr {
	max-width: 65px;
	padding: 10px 15px 0 0;
}

.navbar-header .atol-hdr {
	max-width: 40px;
	padding: 8px 15px 0 0;
}

.navbar-header button {
	max-width: 40px;
	padding: 8px 9px;
	margin: 0;
	border: none;
	background: none;
}

.navbar-header button .menubtn {
	padding-top: 3px;
}

.navbar-header button.tel-hdr {
	position:relative;
	border: none;
}

.navbar-header .tel-hdr img {
	max-width: 20px;
	margin-top: 5px;
	margin-right: 10px;
	border: none;
}

.navbar-default {
    background: none;
    border: none !important;
}

.homepage-top {
	position: relative;
	height: 500px;
	/*background: url("../images/v1/villa-myrto.jpeg") left center repeat-x;*/
	background-image: url("../images/v1/villa-myrto.jpeg");
	background-size: cover;
	background-position: 0% 20%;
	padding: 30px 30px;
	margin : 0 -20px 10px -20px;
}

.awards-top {
	position: relative;
	height: 600px;
	/*background: url("../images/v1/villa-myrto.jpeg") left center repeat-x;*/
	background-image: url("../assets/awards/assos-hills.jpg");
	background-position: 0 0;
	background-size: cover;
	padding: 30px 30px;
	margin : 0 0px 10px -20px;
	overflow:hidden;
}

@media only screen and (min-width: 1650px) {
	.awards-top {
		height: 600px;
		background-position: 0 -105px;
		background-size: cover;
		padding: 30px 30px;
		margin : 0 0px 10px -20px;
		overflow:hidden;
	}
}

.homepage-video {
	width: 100%;
	height: 950px;
	margin-bottom:20px;
	z-index: 1000;
}

video {
	height: 100vh;
	width: 97.7%;
	object-fit: fill;
	position: absolute;
}

.homepage-top-text {
	font-weight: 800;
	font-size: 18px;
	color: #fff;
	line-height: 1.1em;
}

.awards-top-text {
	font-weight: 600;
	font-size: 32px;
	color: #fff;
	line-height: 1.1em;
	text-align:center;
}

.homepage-top .b-left {
	position:absolute;
	bottom: 30px;
	left: 20px;
	font-weight: 800;
	font-size: 38px;
	color: #fff;
	line-height: 1.1em;
	display: none;
}

.homepage-img-left {
	position: absolute;
	max-width: 120px;
	bottom: 20px;
	right: 120px;
	display: none;
}

.homepage-img-right {
	position: absolute;
	max-width: 120px;
	bottom: 20px;
	right: 20px;
	display: none;
}

.awards-img-left {
	position: absolute;
	max-width: 140px;
	bottom: 20px;
	left: 20px;
}

.awards-img-right {
	position: absolute;
	bottom: 25px;
	right: 25px;
}

.awards-img-right img {
	max-width: 180px;
}

.btawards-discount {
	color: #05368D;
	background-color: #CAE8FF;
	padding: 25px;
	margin-top: 35px;
	border-radius: 7px;
	font-size: 16px;
	cursor: pointer;
}

.btawards-discount.ttl {
	font-size: 20px;
	font-weight: 800;
	padding: 0 0 15px 0;
	margin: 0;
}

.btawards-discount.right-outer {
	padding: 5px 30px;
	margin: 0;
}

.btawards-discount.right-inner {
	padding: 20px;
	margin: 0;
	background-color: #ffffff;
	border: 3px dashed #05368D;
	text-align: center;
	border-radius: 8px;
}

.btawards-discount.voc {
	color: #000;
	padding: 5px;
	margin: 0;
	background-color: #ffffff;
	font-size: 44px;
	font-weight: 900;
}

@media only screen and (min-width: 922px) {
	.btawards-discount.voc {
		font-size: 38px;
	}
}

@media only screen and (min-width: 1650px) {
	.btawards-discount.voc {
		font-size: 44px;
	}
}

.homepage-membership {
	position: relative;
	background-color: #209de0;
	padding: 15px 0 12px 0;
	text-align: center;
	border-radius: 5px;
}

.homepage-membership-text {
	display: inline-flex;
	font-weight: 800;
	font-size: 15px;
	color: #fff;
	padding-top: 10px;
	text-align: center;
	margin: 0 auto;
	vertical-align: top;
}

.homepage-membership-img-left {
	display: inline-flex;
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
	width: 70%;
	vertical-align: top;
}

.homepage-membership-img-left img {
	max-width: 180px;
	margin: 0 auto;
}

.homepage-membership-img-right {
	display: inline-flex;
	max-width: 60px;
	text-align: center;
	margin: 0 auto;
	width: 30%;
	vertical-align: top;
}

.homepage-membership-img-right img {
	max-width: 70px;
	margin: 0 auto;
}

.homepage-top-404 {
	position: relative;
	height: 300px;
	/*background: url("../images/v1/villa-myrto.jpeg") left center repeat-x;*/
	background-image: url("../images/v1/frourio-peninsular.jpg");
	background-size: cover;
	padding: 30px 30px;
	margin : 0 0px 10px 0px;
	text-align: center;
}

.homepage-top-404 p {
	font-size: 40px;
	font-weight: 600;
	padding-top: 40px;
}

.txt-404 {
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	margin : 30px 0;
}

@media only screen and (min-width: 768px) {
	.homepage-top {
		margin-left: 0;
		margin-right: 0;
	}

	.homepage-membership-text {
		display: inline-flex;
		margin-left: 30px;
		font-size: 25px;
		vertical-align: middle;
	}
}

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

	.homepage-membership {
		text-align: left;
	}

	.homepage-membership-text {
		font-size: 35px;
	}

}

.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }

.margin-m-10 {
	margin-left: -10px !important;
	margin-right: -10px !important;
}
.nopadding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.padding-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.nopadding-l {
	padding-left: 0 !important;
}

.nopadding-r {
	padding-right: 0 !important;
}

.cat-img-div {
	position: relative;
	/*max-height: 85px !important;*/
	overflow: hidden;
}

.cat-img-txt {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
	/*background-color: rgba(0,0,0,.2);*/
	padding: 2px 5px;
	text-transform:uppercase;
}

.cat-img-arw {
	position: absolute;
	bottom: 10px;
	right: 10px;
	max-width: 30px;
}


.cat-img-div .offer-outer {
	position: absolute;
	top: 40px;
	left: 10px;
	padding: 7px 10px 0 7px;
	border: none;
	z-index: 1000;
	/*background-color: rgba(255,255,255, 0.7);*/
	/*background-color: rgba(153, 102, 255, 0.9);*/	/*Alexi's choice*/
	background-color: rgba(129, 70, 247, 0.9);	/*Mike's choice*/
	border-radius: 5%;
}

.cat-img-div .offer-outer .l0 {
	display:block;
	font-size: 1.5rem;
	font-weight:600;
	text-transform: uppercase;
	color: #fff;
}

.cat-img-div .offer-outer .l1 {
	display:none;
	font-size: 1.5rem;
	font-weight:600;
	text-transform: uppercase;
	color: #fff;
}

.cat-img-div .offer-outer .l2 {
	display:none;
	font-size: 1.1rem;
	font-weight:500;
	text-transform: uppercase;
	color: #fff;
}

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

	.cat-img-div .offer-outer {
		position: absolute;
		top: 10px;
		left: 205px;
		width: 100px;
		height: 100px;
		line-height: 50px;
		padding: 20px 0 0 3px;
		border: none;
		z-index: 1000;
		text-align: center;
		/*background-color: rgba(255,255,255, 0.7);*/
		/*background-color: rgba(153, 102, 255, 0.9);*/	/*Alexi's choice*/
		background-color: rgba(129, 70, 247, 0.9);	/*Mike's choice*/
		border-radius: 50%;
	}

	.cat-img-div .offer-outer .l0 {
		display:none;
	}
	
	.cat-img-div .offer-outer .l1 {
		display:block;
		font-size: 25px;
		font-weight:900;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		line-height: 90%;
	}
	
	.cat-img-div .offer-outer .l2 {
		display:block;
		font-size: 8px;
		font-weight:400;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		line-height: 90%;
	}
}


@media only screen and (min-width: 1650px) {
	.container {
		width: 1480px;
	}

	.homepage-container.container {
		width: 1600px;
	}

	.cat-img-div {
		position: relative;
		max-height: 1220px !important;
	}

	.homepage-top-text {
		font-size: 29px;
		line-height: 1.1em;
	}
	
	.homepage-top .b-left {
		position:absolute;
		bottom: 30px;
		left: 20px;
		font-weight: 800;
		font-size: 38px;
		color: #fff;
		line-height: 1.1em;
		display: block;
	}
	
	.homepage-img-left {
		max-width: 170px;
		bottom: 20px;
		right: 150px;
		padding-bottom: 10px;
		display: block;
	}
	
	.homepage-img-right {
		max-width: 70px;
		bottom: 20px;
		right: 50px;;
		display: block;
	}
	
			
}

.exclusiveofferitem .textline {
	line-height: 1.5;
	font-size: 1.3rem;
}

.exclusiveofferitem {
	position: relative;
}

.chkavb {
	display: none;
}

.chkavb-b {
	display: block;
	position: fixed;
	left: calc(50vw - 64px);
	bottom: 0;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: 600;
	border-radius: 10px 10px 0 0;
	/*background-color: #209de0;*/
	/*background-color: #2b377b;*/
	background-color: #899682;
	color: #fff;
	z-index:1000;
	cursor: pointer;
}


@media only screen and (min-width: 1200px) {
	.linkbtn-exofr {
		position: absolute;
		left : calc( 50% + 20px);
		bottom: 20px;
		font-size: 1.5rem;
	}
}

@media only screen and (min-width: 992px) {
	.cat-img-div {
		position: relative;
		max-height: 1158px !important;
	}
	
	.chkavb {
		display: block;
		position: fixed;
		top: calc(50vh - 50px);
		transform: rotate(-90deg);
		padding: 10px 20px;
		font-size: 18px;
		font-weight: 600;
		/*background-color: #209de0;*/
		background-color: #2b377b;
		color: #fff;
		z-index:1000;
		cursor: pointer;
	}
	
	.chkavb-l {
		border-radius: 0 0 10px 10px;
		left: -80px;
	}
	
	.chkavb-r {
		border-radius: 10px 10px 0 0;
		right: -80px;
	}
}

@media only screen and (min-width: 768px) {
	.chkavb-b {
		display: none;
	}
}

.footer {
	margin-bottom: 40px;
}

.full_desc {
	font-size: 16px;
}

.mainproperty h1 {
	font-size: 32px;
	/*margin-top: 10px;*/
	border: none;
	padding-bottom: 0;
}

.h2 {
	font-size: 2.5rem;
	letter-spacing: 1px;
	padding-bottom: 10px;
	margin-top: 20px;
    margin-bottom: 14px;
    color: #2b3b81;
	border-bottom: #cacedf 1px solid;
}

.h4 {
	letter-spacing: 1px;
	padding-bottom: 10px;
	margin-top: 20px;
    margin-bottom: 14px;
    color: #2b3b81;
	border-bottom: #cacedf 1px solid;
}

.maincontent {
	position: relative;
}

.island-h1 {
	position: absolute;
	top: 210px;
	left: 40px;
	z-index: 1000;
	padding: 5px 10px;
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	background-color: rgba(0, 0, 0, 0.4);
}

.holtype-hero {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	overflow:hidden;
}

.holtype-img {
	width: 100%;
	margin-top: -30px;
}

.holtype-img.tall {
	margin-top: 0px;
	min-width: 756px;
	height: 300px;
	overflow: hidden;
}

.propertycontainer {
	position: relative;
	text-align: center;
}

.holtype-hero h1 {
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 2.0rem;
	font-weight:600;
	text-transform: uppercase;
	letter-spacing: .3rem;
	color: #fff;
	border: none;
	z-index: 1000;
}

.holtype-hero .offer-outer {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 230px;
	height: auto;
	border: none;
	z-index: 1000;
	text-align: center;
	border-radius: 5%;
}


.holtype-hero .offer-outer .offer-inner {
	padding: 3px;
	border: none;
	z-index: 1000;
	margin-bottom: 3px;
	background-color: rgba(129, 70, 247, 0.9);
	border-radius: 5%;
}

.holtype-hero .offer-outer .offer-inner:last-child {
	margin-bottom: 0;
}

.holtype-hero .offer-outer .l0 {
	display:block;
	font-size: 16px;
	font-weight:600;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
}

.holtype-hero .offer-outer .offer-inner .l1 {
	display:block;
	font-size: 16px;
	font-weight:600;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
}

.holtype-hero .offer-outer .offer-inner .l2 {
	display:block;
	font-size: 14px;
	font-weight:500;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
}

.homepage-top .offer-outer {
	position: absolute;
	top:auto;
	bottom: 20px;
	right: 20px;
	border: none;
	z-index: 1000;
	text-align: center;
	/*background-color: rgba(255,255,255, 0.7);*/
	/*background-color: rgba(153, 102, 255, 0.9);*/	/*Alexi's choice*/
	/*background-color: rgba(129, 70, 247, 0.9);*/	/*Mike's choice*/
	border-radius: 5%;
	cursor: pointer;
}

.homepage-top .offer-outer .l1 {
	display:block;
	font-size: 1.8rem;
	font-weight:600;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	text-align: center;
}

.homepage-top .offer-outer .l3 {
	display:block;
	font-size: 1.2rem;
	font-weight:400;
	color: #fff;
	margin: 0;
	text-align: center;
}

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

	.holidaytype-island-intro {
		font-size:22px;
	}

	.holtype-img.tall {
		width: 100%;
		margin-top: -30px;
		height: auto;
	}

	.holtype-hero h1 {
		top: 20px;
		left: 40px;
		font-size: 3.2rem;
	}

	.holtype-hero .offer-outer {
		position: absolute;
		bottom: 5px;
		right: 5px;
		width: 230px;
		height: auto;
		line-height: 110px;
		border: none;
		z-index: 1000;
		text-align: center;
		border-radius: 5%;
	}

	.holtype-hero .offer-outer .l0 {
		display:block;
		font-size: 1.8rem;
		font-weight:600;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
	}

	.holtype-hero .offer-outer .offer-inner {
		margin-bottom: 5px;
		padding: 6px 0;
	}


	.holtype-hero .offer-outer .offer-inner .l1 {
		display:block;
		font-size: 16px;
		font-weight:900;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		line-height: 90%;
		margin-bottom: 5px;
	}
	
	.holtype-hero .offer-outer .offer-inner .l2 {
		display:block;
		font-size: 14px;
		font-weight:600;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		line-height: 90%;
	}
}

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

	.holtype-hero {
		position: relative;
	}

	.holtype-img.tall {
		width: 100%;
		margin-top: -30px;
		height: auto;
	}

	.holtype-hero .offer-outer {
		position: absolute;
		width: 300px;
		height: auto;
		line-height: 150px;
		padding: 10px 0 0 6px;
		border: none;
		z-index: 1000;
		text-align: center;
		border-radius: 5%;
	}

	.holtype-hero .offer-outer .l0 {
		display:none;
		font-size: 1.8rem;
		font-weight:600;
		text-transform: uppercase;
		color: #fff;
		margin-bottom: 10px;
	}

	.holtype-hero .offer-outer .offer-inner .l1 {
		display:block;
		font-size: 20px;
		font-weight:900;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		line-height: 90%;
		margin-bottom: 10px;
	}
	
	.holtype-hero .offer-outer .offer-inner .l2 {
		display:block;
		font-size: 18px;
		font-weight:600;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		line-height: 90%;
		margin-bottom: 10px;
	}
}

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

	.holtype-img.tall {
		width: 100%;
		margin-top: -30px;
		height: auto;
	}

	.homepage-top .offer-outer1 {
		position: absolute;
		top: 20px;
		bottom: auto;
		right: 20px;
		padding: 10px;
		border: none;
		z-index: 1000;
		text-align: center;
		/*background-color: rgba(255,255,255, 0.7);*/
		/*background-color: rgba(153, 102, 255, 0.9);*/	/*Alexi's choice*/
		/*background-color: rgba(129, 70, 247, 0.9);*/	/*Mike's choice*/
		border-radius: 5%;
		cursor: pointer;
	}

	.homepage-top .offer-outer1 .l1 {
		display:block;
		font-size: 2.2rem;
		font-weight:600;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		text-align: center;
	}

	.homepage-top .offer-outer1 .l3 {
		display:block;
		font-size: 1.2rem;
		font-weight:400;
		color: #fff;
		margin: 0;
		text-align: center;
	}
}

.holidaytype-island-intro {
	font-size:20px;
	font-weight:600;
	font-style: italic;
	color: #777;
	text-decoration: italics;
	margin-bottom: 20px;
}

.holidaytype-island-div img {
	margin: 0;
}

.holidaytype-island-txt {
	font-size: 22px;
	font-weight:600;
	margin-top: 0px;
	padding: 10px;
	background-color: #899682;
	color: #fff;
	text-align: center;
	text-transform: capitalize;
	/*
	border: 2px solid #209de0;
	border-top:none;
	*/
}

.holidaytype-island-a:hover {
	text-decoration: none;
}

.row.display-flex {
	display: flex;
	flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.section-block, .propdetails_v1 {
	position:relative;
	padding: 20px;
	/*margin-right: 10px;*/
	background: #f1f9ff;
	/*border-left: 1px solid #eee;*/
	box-shadow: 0 0 8px #ddd;
}

/*
.propdetails .buttoncont_v1 {
	position: absolute;
	right: 35px;
	bottom: 15px;
}
*/

.propdetails .linkbtn-ionian {
	width: 95%;
	padding: 5px 10px;
	font-size: 1.5rem;
	text-align: center;
	letter-spacing: 2px;
}

.detailscont {
	padding-bottom: 20px;
}

.propname {
	padding-top: 15px;
	color: #2b377b !important;
	letter-spacing: 2px;
	font-weight:600;
}

.search-h {
	/* background-color: #d8d8d8; */
	/*background-color: #899682; */	/* commented on 04Jul23 */
	background-color: #1ED0FA;
}

.search-h #searchbox {
	/*max-width: 1335px;*/
	margin: 0 auto;
	padding: 10px 5px 5px 5px;
	/* background-color: #999966; */
	/*background-color: #899682; */	/* commented on 04Jul23 */
	background-color: #1ED0FA;
	text-align:center;
}

.search-h .form-group {
	margin-right: 10px;
}

.search-h .form-group:last-child {
	margin-right: 0;
}

.search-h p {
	margin-bottom: 0;
	padding-left: 5px;
}

#searchbox form {
	display:inline-block;
	margin: 0 auto;
}

@media only screen and (min-width: 768px) {
	.search-h #calendar-field {
		width: 110px;
	}

	.search-h #PHP_Ad, .search-h #PHP_ch, .search-h #PHP_in {
		width: 40px;
		text-align:right;
		padding-right: 10px;
	}
}

.search-h #property {
	min-width: 250px;
}

.search-h #searchcollapse {
	padding-left: 10px;;
}

#adpaxerror, #chpaxerror, #inpaxerror {
	width: 100px;
}

.search-h .xs-searchheader {
	margin-bottom: 0;
}

.search-h p {
	text-align: left;
	font-weight: 600;
}

.search-h .btn-checkav {
		margin-top: 15px;
	margin-bottom: 0px;
	font-size: 12px;
	background: none;
	background-color: #2b377b !important;
	padding: 5px 8px 3px 10px;
}

.searchcolumn1.search-h {
	margin-bottom: 15px !important;
}

.RSSlideshowContainer-v1 {
	position: relative;
}

.RSSlideshowContainer-v1 .rsImageNum {
	z-index: 1100;
}

.RSSlideshowContainer-v1 .propnm {
	position: absolute;
	font-size: 32px;
	font-weight: 600px;
	color: #fff;
	top: 20px;
	left: 20px;
	line-height: .9;
	z-index: 1000;
}

.RSSlideshowContainer-v1 .propnm small {
	font-size: 60%;
}

.propicobar {
	display: block;
	width: 100%;
	font-size: 12px;
	font-weight: 600px;
	color: #fff;
	bottom: 50px;
	left: 0px;
	margin-top: 4px;
	padding: 0 0 0 20px;
	/*background-color: rgba(15, 35, 218, 0.7); */
	/* background-color: #2b377b; */
	background-color: #899682;
	z-index: 1000;
}

.propicobar.nobkclr {
	background-color: inherit;
	padding-left: 0;
}

@media only screen and (min-width: 1650px) {
	.RSSlideshowContainer-v1 .propnm {
		font-size: 52px;
		top: 40px;
		left: 50px;
		line-height: .7;
	}
}

.header-fixed {
	/*height: 81px;*/
	padding: 5px 0;
}

.header-fixed.header-fixed-set {
	top: 0;
	left: 0;
	width: 100%;
	height: 95px;
	z-index: 9999;
	position: fixed;
	margin-top: 0px;
	border-bottom-color: #f5f5f5;
	background: rgba(255,255,255, 0.9); 
	-webkit-transition: height 0.6s;
	-moz-transition: height 0.6s;
	transition: height 0.6s;
}

.propicos-div {
	margin: 20px 0;
}

.propicobar .propicos-div {
	margin: 0;
}

.icons {
	display: inline-block;
	margin-right: 20px;
	text-align: center;
	color: #000;
	font-weight: 600;
	padding-top: 0;
	padding-bottom: 10px;
	line-height: 1.5;
}

.icons:first-child {
	padding-top: 10px;
}

@media only screen and (min-width: 768px) {
	.icons {
		padding-top: 10px;
	}
}

.iconswd-35, .icons-35 img {
	width: 35px;
}

.iconswd-25, .icons-25 img {
	width: 25px;
}

.iconswd-20, .icons-20 img {
	width: 20px;
}

.iconswd-15, .icons-15 img {
	width: 15px;
}

.icons .txtwhite, .icons.txtwhite span {
	color: #fff;
}

.icons .txtblack, .icons.txtblack span {
	color: #000;
}

.icons .txtblue, .icons.txtblue span {
	color: #78C4F6;
}

.icons .txtblue, .icons.txtdark-blue span {
	color: #2a397d;
}

.adchin-outer {
	display:inline-flex;
}

.adchin {
	margin: 0 15px 0 0;
}

.adchin:last-child {
	margin: 0;
}

#searchformheadertext {
	font-weight: 600;
	font-size: 20px;
}

.mainproperty .EFL, .mainproperty .ITH, .mainproperty .LEF, .mainproperty .MEG, 
.mainproperty .COR, .mainproperty .PAX, .mainproperty .EPI, .mainproperty .SKO, 
.mainproperty .ALO, .mainproperty .SKI, .mainproperty .PEL {
	color: #333;
	background-color: #bec5ba;
}

.welcome-content.new-email-signup {
	position: relative;
	background: #fff;
	max-width: 500px;
	width: 80%;
	border-radius: 10px;
	padding: 0px;
	margin-top: 50px;
	background: #fff url("../images/email-signup/1.jpg") -270px -200px no-repeat;
	overflow: hidden;
}

.welcome-content.new-email-signup .new-email-signup-close {
	position:absolute;
	top: 15px;
	right: 15px;
	background-color:#999;
	font-weight: 300;
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 4px 10px 8px 11px;
	border-radius: 50%;
	line-height: 90%;
	z-index: 1000;
	cursor: pointer;
}

.welcome-content.new-email-signup .new-email-signup-inner {
	/*padding: 40px 20px 20px 20px;*/
	text-align: center;
	margin: 0 auto;
	/*background-color: #fff;*/
	z-index: 900;
}

.welcome-content.new-email-signup .new-email-signup-form {
	margin-top: 30px;
}

.new-email-signup h3 {
	font-size: 24px;
	font-weight: 1000;
}

.new-email-signup p {
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.4rem;
}

.new-email-signup p.note {
	font-size: .95rem;
	font-weight: 300;
}

.nesutu {
	display: none;
	padding-top: 25px;
	padding-bottom: 20px;
	width: 100%;
	background-color: #fff;
	margin-top:200px;
}

.nesutu p:first-of-type {
	font-size: 15px;
	line-height: 1.8rem;
}

.nesufrm {
	display: block;
	padding: 5px 20px 20px 20px;
	margin-top: 200px;
	background-color: #fff;
}

.nesuclose {
	margin-top: 20px;
}

.nesuok {
	display: none;
}

.nesuerr {
	display: none;
}

.cookie1 {
	display: block;
}

.cookie2 {
	display: none;
}

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

	.cookie1 {
		display: none;
	}
	
	.cookie2 {
		display: block;
	}

	.welcome-content.new-email-signup {
		padding: 0;
		margin-top: 200px;
		min-height: 450px;
		max-width: 550px;
		background: #fff url("../images/email-signup/1.jpg") -330px 0px no-repeat;
	}

	.welcome-content.new-email-signup .new-email-signup-inner {
		float:right;
		max-width: 320px;
	}

	.new-email-signup h3 {
		font-size: 28px;
	}
		
	.nesutu h3 {
		font-size: 36px;
	}

	.nesufrm {
		padding: 40px 20px 20px 20px;
		margin: 0px;
		background-color: #fff;
	}

	.nesutu {
		padding: 140px 20px 130px 20px;
		margin: 0px;
		background-color: #fff;
	}
}

.exclusiveofferitem .textline1 {
	font-weight: 600;
	font-size: 1.5rem;
}

.callbox {
	display:none;
    position: absolute;
	text-align: center;
	top: 65px;
	left: -260px;
    background: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	box-sizing: border-box;
    border-radius: 10px; 
	width: 350px;
	padding: 30px 20px;
	z-index: 10000;
	background-color: #fff;
	/*
	border-color: #ccc;
	-moz-box-shadow: 0 0 8px #ccc;
	-webkit-box-shadow: 0 0 8px #ccc;
	box-shadow: 0 0 8px #ccc;
	*/
	box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.4);
}

.callbox:before{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
	top: 0px;
    left: 76%;
    box-sizing: border-box;
	z-index: 10010;
    
    border: 1em solid #ccc;
    border-color: #fff;
    
    transform-origin: 0 0;
    transform: rotate(-45deg);
    
    box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.4);
}

.callbox-hdr {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .1rem;
	color: #2a397d;
}

.callbox-line {
	font-size: 16px;
	color: #2a397d;
}

.callbox-btn {
	font-size: 15px;
	color: #fff;
	background-color: #2a397d;
	padding: 10px 20px;
	border-radius: 5px;
	margin-top: 20px;
}

.callbox-btn a {
	color: #fff;
}

.exclusiveofferitem.hidediv {
	display: none;
}


@media (min-width: 1650px) {
	.exclusiveofferitem.hidediv {
		display: block;
	}
}

.emsusbmt {
	width: 100%;
}

.hp_newprop{
	padding: 10px;
	color: #fff;
	background: #b8b8b8;
}

.ypcd {
    position: fixed;
    top: -500px;
    left: -500px;
}

#welcome-wrapper {
	display: none;
}

.offers-top {
	position: relative;
	height: 300px;
	/*background: url("../images/v1/villa-myrto.jpeg") left center repeat-x;*/
	background-image: url("../images/v1/frourio-peninsular.jpg");
	background-size: cover;
	padding: 30px 30px;
	margin : 0 0px 10px 0px;
	text-align: center;
}

.offers-top p {
	font-size: 40px;
	font-weight: 600;
	padding-top: 40px;
}

.txt-offers {
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	margin : 30px 0;
}

.txt-offers p {
	margin: 0;
	font-size: 14px;
}

.buttoncont_v2 {
	position: absolute;
	bottom: 15px;
	width: 97%;
}

.offers-img {
	min-height:20px;
}

.offers-h1 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	border-bottom: 1px solid #2a397d;
}

.offers-h2 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	border-bottom: 1px solid #2a397d;
	margin-bottom: 30px;
}

.propdetails.propdetails_v1.offers {
	min-height:20px;
}

@media (min-width: 1200px) {
}

@media (min-width: 1200px) {
	.offers-h1 {
		font-size: 32px;
	}

	.offers-h2 {
		font-size: 28px;
	}

	.offers-img {
		min-height:212px;
	}

	.propdetails.propdetails_v1.offers {
		min-height:425px;
	}
		
	.txt-offers p {
		font-size: 18px;
	}
}

@media (min-width: 1650px) {
	.offers-img {
		max-height:100px;
		width: 100%;
	}
	
}

.newsletter-homepage {
	margin-top: 15px;
	background-color: #ecebf0;
	display: inline-flex;
	color: #000;
}

.newsletter-homepage-l {
	width: 40%;
}

.newsletter-homepage-r {
	width: 60%;
}

.newsletter-homepage-r h2 {
	font-weight:bold;
	font-size:18px;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.newsletter-homepage-r p {
	padding: 10px 20px;
	text-align:justify;
}

.offersloading {
	height: 100%;
	margin: auto;
	text-align:center;
	padding: 50px 1px;
	display: none;
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.f17 {
	font-size: 17px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f22 {
	font-size: 21px;
}

.f24 {
	font-size: 24px;
}

.f28 {
	font-size: 28px;
}

.f30 {
	font-size: 30px;
}

.imagecont {
	position:relative;
}

.imagecont .savings-f {
	position:absolute;
	top:0;
	right:0;
	padding: 10px;
	font-weight: 600;
	background-color: #293a7f;
	color:rgba(255, 255, 255, 1);
}

#welcome-wrapper-bta {
	display: none;
}

.menu_island {
	font-size: 16px;
	margin-left: 20px;
}

.ddheader h2 {
	font-weight: 600;
}

.dropdown-menu.multi-column .dropdown-menu.menu-ul-mt {
	margin-top: 10px !important;
}

@media (min-width: 992px) {
	.menu_island {
		font-size: 14px;
		margin-left: 0;
	}
	.ddheader h2 {
		font-weight: 400;
	}
}

@media (min-width: 768px) {
	.dropdown-menu.multi-column .dropdown-menu.menu-ul-mt {
		margin-top: 0 !important;
	}
}

.pagenumholder {
	font-size: 24px !important;
}

/* Style given by Stuart */

.holtype-hero::before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4); background: rgb(0,0,0);background: linear-gradient(160deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); }
#tenholder2 {position: absolute;right:20px;bottom: 20px;z-index: 3000;width: 180px;height: 180px;}
#ten2 {position: relative; width: 180px; height:180px;}
#offersbackground { border-top: 1px dashed white; background-color: #2F3F83; margin-top: -20px; margin-bottom: 20px;text-align:center; padding: 25px 35px 20px; color: white; line-height: 1.5; letter-spacing: 0.5px; margin-bottom: 25px; z-index: 2000; }
#promoheader { line-height: 1.4; font-size: 2.4em; letter-spacing: .5px; width:92%;margin-right: 5%; margin-left: 1%; text-shadow: 0px 0px 10px #000;background-color: rgba(0,0,0,0.0); border-radius:0px;padding:30px;}
.promosub { letter-spacing: 1px !important; margin:15px 10px;font-size:80%; font-weight: 600; }
.offers { font-size: 17px; font-weight: 400; margin-bottom: 10px; line-height: 1.5 !important; }
.offers h2 { font-size: 26px; font-weight: 700; margin-bottom: 15px; }
.offers a { color: #50d7ff; }
.offers a:hover { text-transform: underline; color: white; }
#offertermsbg { background: rgba(255,255,255,0.05); padding: 10px 20px; max-width: 600px; margin: 35px auto 10px; border-radius: 5px; }
.offerterms { font-size: 11.5px; font-weight: 400; margin-bottom: 3px; text-align: left; }
.offerterms1 {font-size: 11.5px; font-weight: 400; margin-bottom: 3px; text-align: left; margin-top:5px;}
.otheroffers {font-size: 16px; font-weight: 400; margin-top:35px; margin-bottom: 20px; text-align: center; color: #f1f1f1;}
.offerbox {background-color: rgba(255,255,255,0.85); border-radius: 30px; color: #2F3F83; padding: 13px 23px 13px 20px; text-align: left; font-size: 17px; text-transform:uppercase; margin: 10px auto 15px; max-width:570px;letter-spacing: 0; font-weight: 600;}
.offerbox:hover {background-color: rgba(255,255,255,1); text-decoration: none; color: #2F3F83; }

@media only screen and (max-width: 1200px) {
	#tenholder2 {position: absolute;right:20px;bottom: 0px;z-index: 3000;width: 150px;height: 150px;}
	  #ten2 { position: relative; width: 150px; height:150px; }
	#promoheader { line-height: 1.4; font-size: 2.1em; letter-spacing: .5px; width:92%;margin-right: 5%; margin-left: 1%; text-shadow: 0px 0px 10px #000;background-color: rgba(0,0,0,0.0); border-radius:0px;padding:30px;}
	.promosub { padding-left: 100px; padding-right: 100px; }
}		

@media only screen and (max-width: 991px) {
	#tenholder2 {position: absolute;right:5px;bottom: 0px;z-index: 3000;width: 120px;height: 120px; }
	  #ten2 { position: relative; width: 120px; height:120px; }
	#promoheader { line-height: 1.3; font-size: 2em; width:92%;margin-right: 5%; text-shadow: 0px 0px 10px #000;background-color: rgba(0,0,0,0.0); border-radius:0px;padding: 5px 50px; }
	.promosub { padding-left: 50px; padding-right: 50px; }
}		

@media only screen and (max-width: 700px) {
	.offerbox {text-align: center !important; }
}	

@media only screen and (max-width: 553px) {
	#tenholder2 {display: none; visibility: hidden  }
	  #ten2 { display: none; visibility: hidden }
	#promoheader { line-height: 1.2; font-size: 1.85em; width:92%;margin-right: 5%; text-shadow: 0px 0px 10px #000;background-color: rgba(0,0,0,0.0); border-radius:0px;padding: 20px 30px; }
	.offerbox {background-color: rgba(255,255,255,0.9); border-radius: 30px; color: #2F3F83; padding: 12px 28px; text-align: center !important; font-size: 17px; margin: 10px auto 15px; max-width:553px;letter-spacing: 0; font-weight: 600;}
}		

@media only screen and (max-width: 420px) {
	#promoheader { line-height: 1.2; font-size: 1.65em; width:98%;margin-right: 2%; text-shadow: 0px 0px 10px #000;background-color: rgba(0,0,0,0.0); border-radius:0px;padding: 0px 20px 10px; }
	.offerbox {background-color: rgba(255,255,255,0.9); border-radius: 30px; color: #2F3F83; padding: 11px 22px; text-align: center; font-size: 16px; margin: 10px auto 15px; max-width:540px;letter-spacing: 0; font-weight: 600;}
}					

.name_done {
	padding: 5px 10px;
	background-color: #c1eeb3 !important;
	text-align: center;
}

.all_names_done {
	padding: 20px;
	font-size: 16px;
	background-color: #c1eeb3;
	text-align: center;
}