body.debug{
	/* visibility: visible; */
}

/* ============================================================================
   CORE CSS
   ========================================================================= */

/**
 * Contains the default styles that are to be shared throughout the site 
 * (including the booking steps and the admin ckeditor). 
 *
 * === colorS KEY ===
 *
 *
 * --- color 01 ----
 * --- TEXT BODY ---
 *
 * INFO: (TEXT color:body text)
 *
 * NORMAL HEX: #423833
 * NORMAL RGB: 66,56,51
 * 		
 */.bcolor-1{background-color:#423833;background-image:linear-gradient(to right,transparent 0%,rgba(66,56,51,1) 100%);}/*
 */.bcolor-1:after{content:'TEXT-BODY #423833 66,56,51';}/*	
 *
 *
 * --- color 02 ----
 * --- TEXT HEADING ---
 *
 * INFO: ()
 *
 * NORMAL HEX: #29221e
 * NORMAL RGB: 41,34,30
 * 		
 */.bcolor-2{background-color:#29221e;background-image:linear-gradient(to right,transparent 0%,rgba(41,34,30,1) 100%);}/*
 */.bcolor-2:after{content:'TEXT-HEADING #29221e 41,34,30';}/*
 * 
 *
 *
 * --- color 03 ----
 * --- LINK ---
 *
 * INFO: (link, button, link gradient,button border)
 *
 * NORMAL HEX: #097c8a
 * NORMAL RGB: 9,124,138
 *
 */.bcolor-3{background-color:#097c8a;background-image:linear-gradient(to right,transparent 0%,rgba(9,124,138,1) 100%);}/*
 */.bcolor-3:after{content:'LINK #097c8a';}/*
 *
 * DARK HEX: #076373
 * DARK RGB: 7,99,115
 *
 */.bcolor-3a{background-color:#076373;background-image:linear-gradient(to right,transparent 0%,rgba(7,99,115,1) 100%);}/*
 */.bcolor-3a:after{content:'#076373 7,99,115';}/*
 *
 *
 * --- color 04 ----
 * --- PRICE ---
 *
 * INFO: (Pricing, some titles, button, button border)
 *
 * NORMAL HEX: #bb121f
 * NORMAL RGB: -
 *
 */.bcolor-4{background-color:#bb121f;background-image:linear-gradient(to right,transparent 0%,transparent 100%);}/*
 */.bcolor-4:after{content:'PRICE #bb121f';}/*
 *
 * DARK HEX: #ad0e19
 * DARK RGB: 173,14,25
 *
 */.bcolor-4a{background-color:#ad0e19;background-image:linear-gradient(to right,transparent 0%,rgba(173,14,25,1) 100%);}/*
 */.bcolor-4a:after{content:'#ad0e19 173,14,25';}/*
 *
 *
 * --- color 05 ----
 * --- ALERT ---
 *
 * INFO: (button, button gradient, button border)
 *
 * NORMAL HEX: #ff4958
 * NORMAL RGB: -
 *
 */.bcolor-5{background-color:#ff4958;background-image:linear-gradient(to right,transparent 0%,transparent 100%);}/*
 */.bcolor-5:after{content:'ALERT #ff4958';}/*
 *
 * DARK HEX: #ff1d23
 * DARK RGB: 255,29,35
 *
 */.bcolor-5a{background-color:#ff1d23;background-image:linear-gradient(to right,transparent 0%,rgba(255,29,35,1) 100%);}/*
 */.bcolor-5a:after{content:'#ff1d23 255,29,35';}/* 
 *
 *
 * --- color 06 ----
 * --- WARNING ERROR ---
 *
 * INFO: ()
 *
 * NORMAL HEX: #931923
 * NORMAL RGB: -
 *
 */.bcolor-6{background-color:#931923;background-image:linear-gradient(to right,transparent 0%,transparent 100%);}/*
 */.bcolor-6:after{content:'WARNING #931923';}/*
 *
 * DARK HEX: #7d141c
 * DARK RGB: -
 *
 */.bcolor-6a{background-color:#7d141c;background-image:linear-gradient(to right,transparent 0%,transparent 100%);}/*
 */.bcolor-6a:after{content:'#7d141c ';}/*
 *
 *
 * --- color 07 ----
 * --- BASE: RED ---
 *
 * INFO: (active state)
 *
 * NORMAL HEX: #e01021
 * NORMAL RGB: -
 *
 */.bcolor-7{background-color:#e01021;background-image:linear-gradient(to right,transparent 0%,transparent 100%);}/*
 */.bcolor-7:after{content:'BASE #e01021';}/*
 *
 * DARK HEX: #b50000
 * DARK RGB: 181,0,0
 *
 */.bcolor-7a{background-color:#b50000;background-image:linear-gradient(to right,transparent 0%,rgba(181,0,0,1) 100%);}/*
 */.bcolor-7a:after{content:'#b50000 181,0,0';}/*
 *
 *
 * --- color 08 ----
 * --- DARKGRAY ---
 *
 * INFO: (Same as TEXT BODY)
 *
 * NORMAL HEX: #423833
 * NORMAL RGB: 66,56,51
 * 		
 */.bcolor-8{background-color:#423833;background-image:linear-gradient(to right,transparent 0%,rgba(66,56,51,1) 100%);}/*
 */.bcolor-8:after{content:'DARKGRAY #423833 66,56,51';}/*
 *
 * DARK HEX: #302825
 * DARK RGB: 48,40,37
 *
 */.bcolor-8a{background-color:#302825;background-image:linear-gradient(to right,transparent 0%,rgba(48,40,37,1) 100%);}/*
 */.bcolor-8a:after{content:'#302825 48,40,37';}/*
 *
 *
 * --- color 09 ----
 * --- MIDGRAY ---
 *
 * INFO: (menu, menu gradient)
 *
 * NORMAL HEX: #bcb89e
 * NORMAL RGB: 188,184,158
 *
 */.bcolor-9{background-color:#bcb89e;background-image:linear-gradient(to right,transparent 0%,rgba(188,184,158,1) 100%);}/*
 */.bcolor-9:after{content:'MIDGRAY #bcb89e 188,184,158';}/*
 *
 * DARK HEX: #afaa8b
 * DARK RGB: 175,170,139
 *
 */.bcolor-9a{background-color:#afaa8b;background-image:linear-gradient(to right,transparent 0%,rgba(175,170,139,1) 100%);}/*
 */.bcolor-9a:after{content:'#afaa8b 175,170,139';}/* 
 *
 * DARKER HEX: #6e6b44
 * DARKER RGB:
 *
 */.bcolor-9b{background-color:#6e6b44;background-image:linear-gradient(to right,transparent 0%,transparent 100%);}/*
 */.bcolor-9b:after{content:'#6e6b44';}/* 
 *
 *
 * --- color 10 ----
 * --- LIGHTGRAY ---
 *
 * INFO: (body bg, dotted heading border, search-text, search-text input border bg etc)
 *
 * NORMAL HEX: #f6f5ee
 * NORMAL RGB: 246,245,238
 *
 */.bcolor-10{background-color:#f6f5ee;background-image:linear-gradient(to right,transparent 0%,rgba(246,245,238,1) 100%);}/*
 */.bcolor-10:after{content:'LIGHTGRAY #f6f5ee 246,245,238';}/*
 *
 * DARK HEX: #e8e7db
 * DARK RGB: 232,231,219
 *
 */.bcolor-10a{background-color:#e8e7db;background-image:linear-gradient(to right,transparent 0%,rgba(232,231,219,1) 100%);}/*
 */.bcolor-10a:after{content:'#e8e7db 232,231,219';}/*
 *
 * LIGHTER HEX: #fafaf6
 *
 */.bcolor-10b{background-color:#fafaf6;background-image:linear-gradient(to right,transparent 0%,transparent 100%);}/*
 */.bcolor-10b:after{content:'#fafaf6';}/*
 *
 *
 * --- color 11 ----
 * --- ACCENT - TURQOUISE ---
 *
 * INFO: (CTA 'Call to action': button, button border, gradient)
 *
 * NORMAL HEX: #1aa7b2
 * NORMAL RGB: 26,167,178
 *
 */.bcolor-11{background-color:#1aa7b2;background-image:linear-gradient(to right,transparent 0%,rgba(26,167,178,1) 100%);}/*
 */.bcolor-11:after{content:'ACCENT #1aa7b2 26,167,178';}/*
 *
 * DARK HEX: #1595a3
 * DARK RGB: 21,149,163
 *
 */.bcolor-11a{background-color:#1595a3;background-image:linear-gradient(to right,transparent 0%,rgba(21,149,163,1) 100%);}/*
 */.bcolor-11a:after{content:'#1595a3 21,149,163';}/*
 *
 *
 * --- color 12 ----
 * --- COMPLEMENTARY: YELLOW ---
 *
 * INFO: (button, button gradient, button border)
 *
 * NORMAL HEX: #f1b530
 * NORMAL RGB: -
 *
 */.bcolor-12{background-color:#f1b530;background-image:linear-gradient(to right,transparent 0%,transparent 100%);}/*
 */.bcolor-12:after{content:'color1 #f1b530';}/*
 *
 * DARK HEX: #eea626
 * DARK RGB: 238,166,38
 *
 */.bcolor-12a{background-color:#eea626;background-image:linear-gradient(to right,transparent 0%,rgba(238,166,38,1) 100%);}/*
 */.bcolor-12a:after{content:'#eea626 238,166,38';}/*
 *
 *
 * --- color 13 ----
 * --- COMPLEMENTARY: ORANGE ---
 *
 * INFO: (button, button gradient, button border)
 *
 * NORMAL HEX: #e96121
 * NORMAL RGB: -
 *
 */.bcolor-13{background-color:#e96121;background-image:linear-gradient(to right,transparent 0%,transparent 100%);}/*
 */.bcolor-13:after{content:'color2 #e96121';}/*
 *
 * DARK HEX: #e54e1a
 * DARK RGB: 229,78,26
 *
 */.bcolor-13a{background-color:#e54e1a;background-image:linear-gradient(to right,transparent 0%,rgba(229,78,26,1) 100%);}/*
 */.bcolor-13a:after{content:'#e54e1a 229,78,26';}/*
 *			
 */


/* ----- 
 	STRUCTURE - SKIN & COLORS
 ----- */

body{
	/*background-color:#fff;*/
	background-color:#ebebeb;
}

body.render-booking-version{
	background-color:#e8e7db;
}


.wrapper{	
	/*background-color:#fff;*/
	
}

body.payment-window-in-frame{
	background-color:#f6f5ee;
}

.wrapper:nth-child(3n+1){
	/*background-color:rgba(0,0,0,0.012);*/
	/* background-color:#f5f5f5; */
		background-color:#ffffff;
	
}




.wrapper:nth-child(3n+2){
	/*background-color:rgba(232,231,219,1);*/
	/*background-color:rgba(255,255,255,0.666);*/
	/*background-color:rgba(0,0,0,0.024);*/
	
	background-color:#ebebeb;
}

.wrapper:nth-child(3n+3){
	/*background-color:rgba(232,231,219,0.666);*/
	/*background-color:rgba(0,0,0,0.025);*/
	/*background-color:rgba(255,255,255,0.12);*/
	/*background-color:rgba(0,0,0,0.036);*/
	background-color:#f5f5f5;
}



.id-wrapper-header,
.id-wrapper-header:nth-child(1n),
body.show-offcanvas .id-wrapper-header,
body.show-offcanvas .id-wrapper-header:nth-of-type(1n){
	/*background-color:#000;*/
	background-color:#fff;
	/*border-bottom:1px solid #e8e7db;*/
}

.id-wrapper-header-topmenu,
.id-wrapper-header-topmenu:nth-child(1n),
body.show-offcanvas .id-wrapper-header-topmenu,
body.show-offcanvas .id-wrapper-header-topmenu:nth-of-type(1n){
	/*background-color:#000;*/
	background-color:#fff;
	/*border-bottom:1px solid #e8e7db;*/
}

.mode-standard.banner-pos-header-slider,
body.show-offcanvas .mode-standard.banner-pos-header-slider,
body.show-offcanvas .mode-standard.banner-pos-header-slider:nth-of-type(1n),
.mode-standard.banner-pos-header-slider .slider-controls{
	/*background-color:#423833;*/
	/*background-color:#f6f5ee;*/
	background-color:#fff;
}

.id-wrapper-search,
.id-wrapper-search:nth-child(1n),
body.show-offcanvas .id-wrapper-search,
body.show-offcanvas .id-wrapper-search:nth-of-type(1n),
.id-wrapper-search .loadingwrap-bg{
	/*background-color:#e8e7db;*/
	/* background-color:#f6f5ee; */
	/* background-color: #f5f5f5; */

}

.attached-page-tourlist-wrapper,
.attached-page-tourlist-wrapper:nth-child(1n),
.attached-page-tourlist-wrapper .pagination-info{
	background-color:#ebebeb;
	font-size: larger;
}

.attached-page-tourlist-wrapper .pagination-info{
	text-shadow:2px 0 0 #ebebeb,-2px 0 0 #ebebeb,4px 0 0 #ebebeb,-4px 0 0 #ebebeb,6px 0 0 #ebebeb,-6px 0 0 #ebebeb
}
/* .search-container {
	display: flex;
	justify-content: center;
	align-items: center;
} */

/* form .grid-row {
	width: 80%;
} */

.inlay-image{
	background-color:#ebebeb;
}

.logo-inner img{
	/* box-shadow:inset 0 0 0 1em rgba(255,255,255,0.35),0 0 6px 0 rgba(255,255,255,0.35); */
	/* border-radius:6px; */
}

.id-wrapper-body{
	-webkit-transition: min-height 1.3s ease-out;
	transition: min-height 1.3s ease-out;
}

.id-wrapper-body,
.id-wrapper-body:nth-child(1n),
.attached-page-wrapper,
.attached-page-wrapper:nth-child(1n){
	/*background-color:#f6f5ee;*/
	/* background-color:#e8e7db; */
	background-color: #ebebeb;

}

.system-page .id-wrapper-body,
.system-page .id-wrapper-body:nth-child(1n){
	/*background-color:transparent;*/
}


.id-page,
.wrapper-section .wrapper-inner{
	background-color:#fafafa;
	box-shadow:10px 0 0 0 #fafaf6,-10px 0 0 0 #fafaf6;

}

hr{
	border-top-color:#e8e7db;
}

.inlay-image{
	background-color:rgba(246,245,238,0.2);
	box-shadow:inset 0 0 0 1px #f6f5ee;
}

.lte8 .inlay-image{
	background-color:#f6f5ee;
}
/* '.id-footer-contactbox {
background-color: #f5f5f5;
}' */

/* .contact-box {
	background-color: #fafafa;
} */

body,
input,
textarea,
select,
#sitemap a,
.db-news .box-desc a,
.contact-box-item,
.contact-box-item a{
	color:#423833;
}

h1{
	color:#29221e;
}

h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
	color:#29221e;
}

.db-news .box-desc .active a,
.db-news .box-desc .active a:hover,
body.news .db-news .box-desc .active a,
.contact-box-item .value{
	color:#29221e;
}

a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
#sitemap a:hover,
.db-news .box-desc a:hover,
body.news .db-news .box-desc a,
.searchbox-text .button-search:hover,
.contact-box-item a.value:hover,
.contact-box-item a:hover .value,
.contact-box .contact-box-socialmedia a.value{
	color:#097c8a;
}

.main-section-inner{
	/* background-color:#fff; */
}

.sidebar .main-section-inner{
	background-color:transparent;
}

.red,
.full,
.icon-required{
	color:#931923;
}

.requiredfield-asterisk{
	color:#931923;
}

.secondary-menu a.active,
.secondary-menu a.active:hover{
	color:#e01021;
}

/* ----- 
 	CKEDITOR (CMS text editor - used to be called FCKeditor) - SKIN & COLORS
 ----- */
 
.txtcolor1{
	color:#e01021;
}

.txtcolor2{
	color:#1aa7b2;
}

.txtcolor3{
	color:#eea626;
}

.preamble{
	/*color:#423833;*/
	/*color:rgba(66,56,51,0.75);*/
	/*color:#afaa8b;*/
	color:#6e6b44;
}

mark,
.highlight{
	color:#e01021;
}

.block-skin-a{
	background-color:#f6f5ee;
}

.table-skin-a th,
.table-skin-a td,
.list-skin-a li,
.list-skin-a li:first-child{
	border:1px dotted #e8e7db;
	border-color:#e8e7db;
	border-color:rgba(66,56,51,0.2);
}

table.table-skin-a thead tr,
.id-content table.table-skin-a thead tr{
	border-color:#e8e7db;
	border-color:rgba(66,56,51,0.15);
}

.table-skin-a,
.table-skin-a tbody,
.list-skin-a{
	box-shadow:inset 0 0 0 1px #e8e7db;
}

.table-skin-a tr:nth-child(even),
.list-skin-a li:nth-child(even){
	background-color:rgba(232,231,219,0.15);
}

.table-skin-a tr:nth-child(even),
.table-skin-a thead + tbody tr:nth-child(odd){
	background-color:rgba(232,231,219,0.15);
}

.table-skin-a thead + tbody tr:nth-child(even){
	background-color:transparent;
}

.lte8 .table-skin-a tr
.lte8 .list-skin-a li{
	background-color:transparent!important;
}

.table-skin-a th,
.table-skin-a td:before{
	color:#29221e;
}

.table-skin-a th{
	background:#e8e7db;
}

/**/

.tableheader td{
	background-color:#1aa7b2;
	color:#fff;
}
/**/

.header-price{
	/*color:#e8e7db;*/
	/*color:#bcb89e;*/
	color:#000;
	/*font-size:24px;*/
	font-size:0.522em;
	line-height:1;
	display:inline-block;
	vertical-align: baseline;
	padding: 0 0 0 0.097em;
	text-transform: lowercase;
}

/**/ 

.price,
.fromprice,
.box-nav .fromprice,
td.col-price{
	/* color:#bb121f; */
	color:#097c8a;
	
}

/*[class^="box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .fromprice,*/
[class^="box-skin-"] .box-nav .fromprice,
[class*=" box-skin-"] .box-nav .fromprice{
	padding:0.187em 0.375em;
	border-style:solid;
	border-width:1px;
}

[class^="box-skin-"] .box-nav .fromprice,
[class*=" box-skin-"] .box-nav .fromprice,
[class^="box-skin-"] .box-nav .col-price,
[class*=" box-skin-"] .box-nav .col-price{
	background-color:#bb121f;
	border-color:rgba(0,0,0,0.05);
	box-shadow:0px 0px 2px 0 rgba(0,0,0,0.15);
}

[class^="box-skin-"] .box-nav .fromprice,
[class*=" box-skin-"] .box-nav .fromprice,
[class^="box-skin-"] .box-nav .fromprice .from,
[class*=" box-skin-"] .box-nav .fromprice .from{
	color:#fff;
	color:rgba(255,255,255,0.85)
}

[class^="box-skin-"] .box-nav .fromprice .price,
[class*=" box-skin-"] .box-nav .fromprice .price,
[class^="box-skin-"] .box-nav .col-price,
[class*=" box-skin-"] .box-nav .col-price{
	color:#fff;
}

th.col-price,
.row-daybreak td.col-price{
	color:#29221e;
}

/* ----- 
 	TYPOGRAPHY	- SKIN & COLORS
 ----- */
/*
::selection{
		
	background:rgb(47,100,198);
	color:#fff;
}

::-moz-selection{
		
	background:rgb(47,100,198);
	color:#fff;
}

*/

/*
body{
	-webkit-tap-highlight-color:rgb(47,100,198);
}
*/


/* ----- 
 	FORM AND BUTTONS - SKIN & COLORS
 ----- */
 
input:not([type=radio]):not([type=checkbox]),
.lte9 input,
textarea,
select{
	border-width:1px;
	border-style:solid;
	/*border-color:#e8e7db;*/
}

input:not(.button),
textarea,
select,
input:not(.button)[disabled]:hover,
textarea[disabled]:hover,
select[disabled]:hover{
	border-color:#e8e7db;
	border-color:rgba(0,0,0,0.12);
}

input:not(.button):hover,
textarea:hover,
select:hover{
	border-color:rgba(0,0,0,0.24);
}

input:not(.button):focus,
textarea:focus,
select:focus,
input:not(.button):required,
textarea:required,
select:required,
input[required]:not(.button),
textarea[required],
select[required]{
	border-color:#e8e7db;
	border-color:rgba(0,0,0,0.36);
}

input:not(.button):required:focus,
textarea:required:focus,
select:required:focus,
input[required]:not(.button):focus,
textarea[required]:focus,
select[required]:focus{
	border-color:#000;
}

/**/

/*
input:valid:focus{
	border-color:green;
}
*/

input:not(.button):invalid:focus,
textarea:invalid:focus,
select:invalid:focus{
	color:#931923;
}

input:not(.button)[disabled],
textarea[disabled],
select[disabled],
input:not(.button):not(.picker__input)[readonly],
textarea[readonly],
select[readonly]{
	background-color:rgba(128,128,128,0.075);
}

/**/

.button[type=reset]:not(.button-reset){
	text-shadow:none!important;
	box-shadow:none!important;
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 100%)!important;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 100%)!important;
}

/**
 * Button skin DEFAULT
 */
.button,
.offcanvas-nav-header a.offcanvas-nav-item-inner:not(.offcanvas-nav-button),
.offcanvas-nav-header a.offcanvas-nav-item-inner.inactive,
.offcanvas-nav-header a.offcanvas-nav-item-inner.inactive:hover,
.offcanvas-nav-header a.offcanvas-nav-item-inner.inactive:active,
.link-callto.button,
.link-callto .button{
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:-webkit-linear-gradient(top,transparent 0%,rgba(21,149,163,0.65) 100%);
	background-image:linear-gradient(to bottom,transparent 0%,rgba(21,149,163,0.65) 100%);
	color:#fff;
	background-color:#1aa7b2;
	border-color:#1595a3;
}

/**
 * Button skin DEFAULT:HOVER
 */
.button:hover,
.offcanvas-nav-header a:hover{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);
	background-image:-webkit-linear-gradient(top,#1aa7b2 50%,#1595a3 100%);
	background-image:linear-gradient(to bottom,#1aa7b2 50%,#1595a3 100%);
	background-color:#1aa7b2;
	color:#fff;
	border-color:#1595a3;
}

/**
 * Button skin DEFAULT:ACTIVE
 */
.button:active,
.button.active,
.button.active:hover,
.button.active:active{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#1595a3;
	color:#fff;
	border-color:#1595a3;
}

/**
 * Button skin A
 */
.button-skin-a,
.button-skin-a:disabled:hover,
.button-skin-a:disabled:active/*,
.box-skin-a .button:not([class^="button-skin-"]):not([class*=" button-skin-"])*/{
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:-webkit-linear-gradient(top,transparent 0%,rgba(7,99,115,0.65) 100%);
	background-image:linear-gradient(to bottom,transparent 0%,rgba(7,99,115,0.65) 100%);
	color:#fff;
	background-color:#097c8a;
	border-color:#076373;
}

/*
.box-skin-a .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:none;
	color:#fff;
	background-color:#076373;
	border-color:#076373;
}
*/

/**
 * Button skin A - IE fix
 * IE8 does not understand multiple states: 'a:disabled:hover'
 */
.lte8 .button-skin-a{
	color:#fff;
	background-color:#097c8a;
	border-color:#076373;
}

/**
 * Button skin A:HOVER
 */
.button-skin-a:hover/*,
.box-skin-a .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover*/{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);
	background-image:-webkit-linear-gradient(top,#097c8a 50%,#076373 100%);
	background-image:linear-gradient(to bottom,#097c8a 50%,#076373 100%);
	background-color:#097c8a;
	color:#fff;
	border-color:#076373;
}

/**
 * Button skin A:ACTIVE
 */
.button-skin-a:active,
.button-skin-a.active,
.button-skin-a.active:hover,
.button-skin-a.active:active/*,
.box-skin-a .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-a .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-a .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-a .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active*/{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#076373;
	color:#fff;
	border-color:#076373;
}

/**
 * Button skin B
 */
.button-skin-b,
.button-skin-b:disabled:hover,
.button-skin-b:disabled:active/*,
.box-skin-b .button:not([class^="button-skin-"]):not([class*=" button-skin-"]),*/{
	text-shadow:none;
	box-shadow:inset 2px 2px 8px 0px rgba(255,255,255,0.96),inset -2px -2px 8px 0px rgba(232,231,219,0.25);
	background-image:-webkit-linear-gradient(top,rgba(232,231,219,0.3) 0%,transparent 50%,rgba(232,231,219,0.6) 51%,#f6f5ee 100%);
	background-image: linear-gradient(to bottom,rgba(232,231,219,0.3) 0%,transparent 50%,rgba(232,231,219,0.6) 51%,#f6f5ee 100%);
	color:#423833;
	background-color:#fff;
	border-color:#e8e7db;
}

/*
.box-skin-b .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:none;
	color:#fff;
	background-color:#e8e7db;
	border-color:#e8e7db;
}
*/

/**
 * Button skin B - IE fix
 * IE8 does not understand multiple states: 'a:disabled:hover'
 */
.lte8 .button-skin-b{
	color:#423833;
	background-color:#fff;
	border-color:#e8e7db;
}

/**
 * Button skin B:HOVER
 */
.button-skin-b:hover/*,
.box-skin-b .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover*/{
	text-shadow:none;
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5);
	background-image:none;
	background-color:#f6f5ee;
	color:#097c8a;
	border-color:#e8e7db;
}

/**
 * Button skin B:ACTIVE
 */
.button-skin-b:active,
.button-skin-b.active,
.button-skin-b.active:hover,
.button-skin-b.active:active/*,
.box-skin-b .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-b .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-b .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-b .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active*/{
	text-shadow:none;
	text-shadow:1px 1px 1px rgba(255,255,255,0.8);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.05),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#e8e7db;
	color:#29221e;
	border-color:#e8e7db;
}

/**
 * Button skin C
 */
.button-skin-c,
.button-skin-c:disabled:hover,
.button-skin-c:disabled:active/*,
.box-skin-c .button:not([class^="button-skin-"]):not([class*=" button-skin-"])*/{
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:-webkit-linear-gradient(top,transparent 0%,rgba(181,0,0,0.65) 100%);
	background-image:linear-gradient(to bottom,transparent 0%,rgba(181,0,0,0.65) 100%);
	color:#fff;
	background-color:#e01021;
	border-color:#b50000;
}

/*
.box-skin-c .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:none;
	color:#fff;
	background-color:#b50000;
	border-color:#b50000;
}
*/

/**
 * Button skin C - IE fix
 * IE8 does not understand multiple states: 'a:disabled:hover'
 */
.lte8 .button-skin-c{
	color:#fff;
	background-color:#e01021;
	border-color:#b50000;
}

/**
 * Button skin C:HOVER
 */
.button-skin-c:hover/*,
.box-skin-c .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover*/{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);
	background-image:-webkit-linear-gradient(top,#e01021 50%,#b50000 100%);
	background-image:linear-gradient(to bottom,#e01021 50%,#b50000 100%);
	background-color:#e01021;
	color:#fff;
	border-color:#b50000;
}

/**
 * Button skin C:ACTIVE
 */
.button-skin-c:active,
.button-skin-c.active,
.button-skin-c.active:hover,
.button-skin-c.active:active/*,
.box-skin-c .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-c .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-c .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-c .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active*/{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#b50000;
	color:#fff;
	border-color:#b50000;
}

/**
 * Button skin D
 */
.button-skin-d,
.button-skin-d:disabled:hover,
.button-skin-d:disabled:active/*,
.box-skin-d .button:not([class^="button-skin-"]):not([class*=" button-skin-"])*/{
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:-webkit-linear-gradient(top,transparent 0%,rgba(238,166,38,0.65) 100%);
	background-image:linear-gradient(to bottom,transparent 0%,rgba(238,166,38,0.65) 100%);
	color:#fff;
	background-color:#f1b530;
	border-color:#eea626;
}

/*
.box-skin-d .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:none;
	color:#fff;
	background-color:#eea626;
	border-color:#eea626;
}
*/

/**
 * Button skin D - IE fix
 * IE8 does not understand multiple states: 'a:disabled:hover'
 */
.lte8 .button-skin-d{
	color:#fff;
	background-color:#f1b530;
	border-color:#eea626;
}

/**
 * Button skin D:HOVER
 */
.button-skin-d:hover/*,
.box-skin-d .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover*/{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);
	background-image:-webkit-linear-gradient(top,#f1b530 50%,#eea626 100%);
	background-image:linear-gradient(to bottom,#f1b530 50%,#eea626 100%);
	background-color:#f1b530;
	color:#fff;
	border-color:#eea626;
}

/**
 * Button skin D:ACTIVE
 */
.button-skin-d:active,
.button-skin-d.active,
.button-skin-d.active:hover,
.button-skin-d.active:active/*,
.box-skin-d .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-d .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-d .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-d .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active*/{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#eea626;
	color:#fff;
	border-color:#eea626;
}

/**
 * Button skin E
 */
.button-skin-e,
.button-skin-e:disabled:hover,
.button-skin-e:disabled:active/*,
.box-skin-e .button:not([class^="button-skin-"]):not([class*=" button-skin-"])*/{
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:-webkit-linear-gradient(top,transparent 0%,rgba(229,78,26,0.65) 100%);
	background-image:linear-gradient(to bottom,transparent 0%,rgba(229,78,26,0.65) 100%);
	color:#fff;
	background-color:#e96121;
	border-color:#e54e1a;
}
/*
.box-skin-e .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:none;
	color:#fff;
	background-color:#e54e1a;
	border-color:#e54e1a;
}
*/

/**
 * Button skin E - IE fix
 * IE8 does not understand multiple states: 'a:disabled:hover'
 */
.lte8 .button-skin-e{
	color:#fff;
	background-color:#e96121;
	border-color:#e54e1a;
}

/**
 * Button skin E:HOVER
 */
.button-skin-e:hover/*,
.box-skin-e .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover*/{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);
	background-image:-webkit-linear-gradient(top,#e96121 50%,#e54e1a 100%);
	background-image:linear-gradient(to bottom,#e96121 50%,#e54e1a 100%);
	background-color:#e96121;
	color:#fff;
	border-color:#e54e1a;
}

/**
 * Button skin E:ACTIVE
 */
.button-skin-e:active,
.button-skin-e.active,
.button-skin-e.active:hover,
.button-skin-e.active:active/*,
.box-skin-e .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-e .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-e .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-e .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active*/{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#e54e1a;
	color:#fff;
	border-color:#e54e1a;
}

/**
 * Button PRICE
 */
.button-price,
.button-price:disabled:hover,
.button-price:disabled:active/*,
.box-skin-price .button:not([class^="button-skin-"]):not([class*=" button-skin-"])*/{
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:-webkit-linear-gradient(top,transparent 0%,rgba(173,14,25,0.65) 100%);
	background-image:linear-gradient(to bottom,transparent 0%,rgba(173,14,25,0.65) 100%);
	color:#fff;
	background-color:#bb121f;
	border-color:#ad0e19;
}

/*
.box-skin-price .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:none;
	color:#fff;
	background-color:#ad0e19;
	border-color:#ad0e19;
}
*/

/**
 * Button PRICE - IE fix
 * IE8 does not understand multiple states: 'a:disabled:hover'
 */
.lte8 .button-price{
	color:#fff;
	background-color:#bb121f;
	border-color:#ad0e19;
}

/**
 * Button PRICE:HOVER
 */
.button-price:hover/*,
.box-skin-price .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover*/{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);
	background-image:-webkit-linear-gradient(top,#bb121f 50%,#ad0e19 100%);
	background-image:linear-gradient(to bottom,#bb121f 50%,#ad0e19 100%);
	background-color:#bb121f;
	color:#fff;
	border-color:#ad0e19;
}

/**
 * Button PRICE:ACTIVE
 */
.button-price:active,
.button-price.active,
.button-price.active:hover,
.button-price.active:active/*,
.box-skin-price .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-price .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-price .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-price .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active*/{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#ad0e19;
	color:#fff;
	border-color:#ad0e19;
}

/**
 * Button skin LIGHT
 */
.button-skin-light,
.offcanvas-nav-desktop-header a,
.button-skin-light:disabled:hover,
.button-skin-light:disabled:active/*,
.box-skin-light .button:not([class^="button-skin-"]):not([class*=" button-skin-"])*/{
	text-shadow:1px 1px 1px rgba(232,231,219,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(232,231,219,0.15);
	background-image:-webkit-linear-gradient(top,transparent 0%,rgba(232,231,219,0.65) 100%);
	background-image:linear-gradient(to bottom,transparent 0%,rgba(232,231,219,0.65) 100%);
	color:#423833;
	background-color:#f6f5ee;
	border-color:#e8e7db;
}

/*
.box-skin-light .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(232,231,219,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(232,231,219,0.15);
	background-image:none;
	color:#fff;
	background-color:#e8e7db;
	border-color:#e8e7db;
}
*/

/**
 * Button skin LIGHT - IE fix
 * IE8 does not understand multiple states: 'a:disabled:hover'
 */
.lte8 .button-skin-light{
	color:#423833;
	background-color:#f6f5ee;
	border-color:#e8e7db;
}

/**
 * Button skin LIGHT:HOVER
 */
.button-skin-light:hover/*,
.box-skin-light .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover*/{
	text-shadow:0 0 2px rgba(232,231,219,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(232,231,219,0.35);
	background-image:-webkit-linear-gradient(top,#f6f5ee 50%,#e8e7db 100%);
	background-image:linear-gradient(to bottom,#f6f5ee 50%,#e8e7db 100%);
	background-color:#f6f5ee;
	color:#29221e;
	border-color:#e8e7db;
}

/**
 * Button skin LIGHT:ACTIVE
 */
.button-skin-light:active,
.button-skin-light.active,
.button-skin-light.active:hover,
.button-skin-light.active:active/*,
.box-skin-light .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-light .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-light .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-light .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active*/{
	text-shadow:-1px -1px 1px rgba(232,231,219,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(232,231,219,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(232,231,219,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#e8e7db;
	color:#29221e;
	border-color:#e8e7db;
}

/**
 * Button skin DARK
 */
.button-skin-dark,
.button-skin-dark:disabled:hover,
.button-skin-dark:disabled:active/*,
.box-skin-dark .button:not([class^="button-skin-"]):not([class*=" button-skin-"])*/{
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:-webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.65) 100%);
	background-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.65) 100%);
	color:#fff;
	background-color:#423833;
	border-color:#000;
}

/*
.box-skin-dark .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:none;
	color:#fff;
	background-color:#000;
	border-color:#000;
}
*/

/**
 * Button skin DARK - IE fix
 * IE8 does not understand multiple states: 'a:disabled:hover'
 */
.lte8 .button-skin-dark{
	color:#fff;
	background-color:#423833;
	border-color:#000;
}
 
/**
 * Button skin DARK:HOVER
 */
.button-skin-dark:hover/*,
.box-skin-dark .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover*/{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);
	background-image:-webkit-linear-gradient(top,#423833 50%,#000 100%);
	background-image:linear-gradient(to bottom,#423833 50%,#000 100%);
	background-color:#423833;
	color:#fff;
	border-color:#000;
}

/**
 * Button skin DARK:ACTIVE
 */
.button-skin-dark:active,
.button-skin-dark.active,
.button-skin-dark.active:hover,
.button-skin-dark.active:active/*,
.box-skin-dark .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-dark .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-dark .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-dark .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active*/{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#000;
	color:#fff;
	border-color:#000;
}

/**
 * Button ALERT
 */
.button-alert,
.button-alert:disabled:hover,
.button-alert:disabled:active,
.box-skin-alert .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:-webkit-linear-gradient(top,transparent 0%,rgba(255,29,35,0.65) 100%);
	background-image:linear-gradient(to bottom,transparent 0%,rgba(255,29,35,0.65) 100%);
	color:#fff;
	background-color:#ff4958;
	border-color:#ff1d23;
}

.box-skin-alert .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:none;
	color:#fff;
	background-color:#ff1d23;
	border-color:#ff1d23;
}

/**
 * Button ALERT - IE fix
 * IE8 does not understand multiple states: 'a:disabled:hover'
 */
.lte8 .button-alert{
	color:#fff;
	background-color:#ff4958;
	border-color:#ff1d23;
}

/**
 * Button ALERT:HOVER
 */
.button-alert:hover,
.box-skin-alert .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);
	background-image:-webkit-linear-gradient(top,#ff4958 50%,#ff1d23 100%);
	background-image:linear-gradient(to bottom,#ff4958 50%,#ff1d23 100%);
	background-color:#ff4958;
	color:#fff;
	border-color:#ff1d23;
}

/**
 * Button ALERT:ACTIVE
 */
.button-alert:active,
.button-alert.active,
.button-alert.active:hover,
.button-alert.active:active,
.box-skin-alert .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-alert .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-alert .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-alert .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#ff1d23;
	color:#fff;
	border-color:#ff1d23;
}

/**
 * Button WARNING+ERROR
 */
.button-warning,
.button-warning:disabled:hover,
.button-warning:disabled:active,
.box-skin-warning .button:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.button-error,
.button-error:disabled:hover,
.button-error:disabled:active,
.box-skin-error .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:none;
	color:#fff;
	background-color:#931923;
	border-color:#931923;
}

.box-skin-warning .button:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-error .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:none;
	color:#fff;
	background-color:#7d141c;
	border-color:#7d141c;
}

/**
 * Button WARNING+ERROR - IE fix
 * IE8 does not understand multiple states: 'a:disabled:hover'
 */
.lte8 .button-warning,
.lte8 .button-error{
	color:#fff;
	background-color:#931923;
	border-color:#931923;
}

/**
 * Button WARNING+ERROR:HOVER
 */
.button-warning:hover,
.box-skin-warning .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.button-error:hover,
.box-skin-error .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);
	background-image:-webkit-linear-gradient(top,#931923 50%,#931923 100%);
	background-image:linear-gradient(to bottom,#931923 50%,#931923 100%);
	background-color:#931923;
	color:#fff;
	border-color:#931923;
}

/**
 * Button WARNING+ERROR:ACTIVE
 */
.button-warning:active,
.button-warning.active,
.button-warning.active:hover,
.button-warning.active:active,
.box-skin-warning .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-warning .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-warning .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-warning .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.button-error:active,
.button-error.active,
.button-error.active:hover,
.button-error.active:active,
.box-skin-error .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-error .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-error .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-error .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#931923;
	color:#fff;
	border-color:#931923;
}

/**
 * Button RESET
 */
.button-reset,
.button-reset:disabled:hover,
.button-reset:disabled:active,
.box-skin-reset .button:not([class^="button-skin-"]):not([class*=" button-skin-"]){
	text-shadow:-1px -1px 1px rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,1),0 1px 2px rgba(0,0,0,0.05);
	background-image:-webkit-linear-gradient(top,transparent 0%,rgba(232,231,219,0.65) 100%);
	background-image:linear-gradient(to bottom,transparent 0%,rgba(232,231,219,0.65) 100%);
	color:#423833;
	background-color:#f6f5ee;
	border-color:#e8e7db;
}

/**
 * Button RESET - IE fix
 * IE8 does not understand multiple states: 'a:disabled:hover'
 */
.lte8 .button-reset{
	color:#423833;
	background-color:#f6f5ee;
	border-color:#e8e7db;
}

/**
 * Button RESET:HOVER
 */
.button-reset:hover{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);
	background-image:-webkit-linear-gradient(top,#ff4958 50%,#ff1d23 100%);
	background-image:linear-gradient(to bottom,#ff4958 50%,#ff1d23 100%);
	background-color:#ff4958;
	color:#fff;
	border-color:#ff1d23;
}

/**
 * Button RESET:ACTIVE
 */
.button-reset:active,
.button-reset.active,
.button-reset.active:hover,
.button-reset.active:active,
.box-skin-reset .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):active,
.box-skin-reset .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]),
.box-skin-reset .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,
.box-skin-reset .button.active:not([class^="button-skin-"]):not([class*=" button-skin-"]):active{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#afaa8b;
	color:#fff;
	border-color:#afaa8b;
}

/**
 * Button skin INACTIVE/DISABLED (All states)
 */

/*.button:disabled,*/
.button-inactive,
.button-inactive:hover,
.button-inactive:active,
.button-inactive.active,
.button-inactive.active:hover,
.button-inactive.active:active,
.inactive .button,
.inactive .button:hover,
.inactive .button:active,
.inactive .button.active,
.inactive .button.active:hover,
.inactive .button.active:active{
	text-shadow:none;
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3);
	background-image:none;
	color:gray;
	background-color:silver;
	background-color:rgba(0,0,0,0.08);
	border-color:gray;
	border-color:rgba(0,0,0,0.1);
}

/* ----- 
 	GENERAL STYLE FRAMEWORK - SKIN & COLORS
 ----- */
.jump-nav-trigger,
.jump-nav-trigger:hover{
	color:#423833;
}

/* ----- 
 	TYPE ICONS - SKIN & COLORS
 ----- */

.icon-travelize,
.id-travelize-link,
.id-travelize-link:hover{
	color:#a9b1b7;
}

.icon-travelize-over{
	color:#f68e1f;
}

.icon-rss{
	color:#e15a00;
}

.icon-facebook{
	color:#3c5998;
}

.icon-twitter{
	/*color:#00aced;*/
	color:#1da1f2;
}

.icon-googleplus{
	color:#9d0503;
}

.icon-youtube:before{
	/*webkit style*/
	background-image:-webkit-linear-gradient(top,#000000 0%,#000000 40%,#cd201f 40%,#cd201f 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

.icon-youtube{
	color:#cd201f;
}

.icon-instagram{
	color:#1c5a7f;
}

.icon-flickr:before{
	/*webkit style*/
	background-image:-webkit-linear-gradient(left,#0170de 0%,#0170de 50%,#fF0084 50%,#fF0084 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

.icon-flickr{
	color:#fF0084;
}

.icon-pinterest{
	color:#b6262f;
}

.icon-tripadvisor{
	color:#1a9b50;
}

.icon-linkedin{
	color:#0177b5;
}

.icon-cancel-circle{
	color:#931923;
}

.icon-checkmark-circle{
	color:green;
}

.icon-star,
.rating-star,
.rating-plus{
	color:#ffc200;
}

.icon-star-non,
.rating-nostar{
	color:#f6f5ee;
}

/* =====
 COMPONETS ON ALL TEMPLATES - SKIN & COLORS
 ====== */

.page-notice{
	background-color:#fff;
	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.20);
}

.page-notice-error{
	background-color:#931923;
	border-bottom-color:#7d141c;
}

.page-notice-error,
.page-notice-error a,
.page-notice-error h1,
.page-notice-error h2
.page-notice-error h3,
.page-notice-error .page-notice-title{
	color:#fff;
}

.cookienotice-box .box-inner{
	background-color:#fff;
	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.20);
}

/* ----- 
 	TYPOGRAPHY	
 ----- */
html{
	font-size:62.5%;
}

body{
	/*font-family:Arial,Helvetica,sans-serif;*/
	font-family:'CenturySchoolbook';
	font-size:14px;
	font-size:1.4rem;
	/*line-height:1.5;*/ 
	line-height:1.6;
	font-weight:300;
}

.breadcrumbs,
.id-attachedpagelist{
	font-size:14px;
	font-size:1.4rem;
}

.slider-wrapper,
.category-items .box-desc,
.render-booking-version,
.render-booking-version .id-wrapper-body,
.banner-grid-a-x1,
.banner-grid-fourths,
.banner-grid-sixths,
.sidebar,
.banner-columns,
.utilitybar-list,
.id-destination-attached-pages-anchormenu,
.hotellist-item{
	font-size:12px;
	font-size:1.2rem;
}

h4,
h5,
h6{
	/*font-family:Arial,Helvetica,sans-serif;*/
	font-family:'CenturySchoolbook',serif;
	font-weight:300;
}

/*
.mac body,
.mac h4,
.mac h5,
.mac h6{
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}
*/

h1,
h2,
h3,
.box-title,
/*.button,*/
/*.destination-priceinfobox,*/
.sidebarbox-price-label,
.sidebarbox-price,
.sidebarbox-duration{
	/*font-family:'Open Sans',Arial,Helvetica,sans-serif;*/
	font-family:'CenturySchoolbook';
	font-weight:500;
	text-transform: uppercase;
	
}


.sub-header{
	font-family: 'CenturySchoolbook', 'Cormorant Upright',Garamond,Georgia,serif;
	font-weight:400!important;
	/*font-size: 32x;*/
	font-size: 2.286em;
	line-height:1.35;
	text-transform:inherit;
	margin:0 auto;
	padding:0;
	max-width:100%;
}

.id-destination-attached-pages-anchormenu .box-title{
	font-family:inherit;
	text-transform:inherit;
	font-weight:inherit;
}

/** 
 * Readability 12px open serif:(~450px), center content for readability, but not in admin editor ('cke_editable')
 */

h1,
h2,
h3,
h4,
h5,
h6,
p,
/*
table,
form,
ul,
ol,
dl,

.ckeditor-content ul,
.ckeditor-content ol,
.ckeditor-content dl,
*/
.startpage .section-welcome,
.attached-page-subpage-1 .ck-editor-content,
.attached-page-subpage-2 .ck-editor-content,
.attached-page .ck-editor-content,
.destination-extrainfo .box-inner,
.attributes-container,
#contact-form,
.itype-210 .form-container{
	/*max-width:600px;*/
	/*max-width:60rem;*/
	max-width:800px;
	max-width:80rem;
	/* margin-left:auto; */
	/* margin-right:auto; */
	margin-left:0;
	margin-right:0;
}

/*
h1,
h2,
h3,
h4,
h5,
h6,
p,
.ckeditor-content ul,
.ckeditor-content ol,
.ckeditor-content dl,
*/
.category-item-horizontal-box p{
	max-width:38em;
}

.ckeditor-content table{
	margin-left:auto;
	margin-right:auto;
}

.ckeditor-content h2{
	text-transform: none;
}
/**
 * Readability resets (box-desc,box-nav etc are sometimes UL or P) 
 */
.render-booking-version h1,
.render-booking-version h2,
.render-booking-version h3,
.render-booking-version h4,
.render-booking-version h5,
.render-booking-version h6,
.render-booking-version p,
.render-booking-version table,
.render-booking-version form,
.render-booking-version ul,
.render-booking-version ol,
.render-booking-version dl,
.render-booking-version table,
.main-header,
.attached-page-toggler,
.box-title,
.box-desc,
.box-nav,
/*
p.box-nav,
ul.box-nav,
ol.box-nav,
dl.box-nav,
*/
.secondary-menu ul,
.offcanvas-nav-list,
.footer-org ul,
.renderPrintVersionMenu{
	max-width:100%;
}

/* Center resets in admin ckEditor*/
body.cke_editable p,
body.cke_editable table,
body.cke_editable form,
body.cke_editable ul,
body.cke_editable ol,
body.cke_editable dl,
body.cke_editable h1,
body.cke_editable h2,
body.cke_editable h3,
body.cke_editable h4,
body.cke_editable h5,
body.cke_editable h6{
	margin-left:0;
	margin-right:0;
}

h1,
h2,
h3,
.box-title{
	font-weight:500;
	text-transform: unset;
}

h4,
h5{
	font-weight:300;
}

h6{
	font-weight:700;
}

h1,
.main-header{
	/*font-size:38px;*/
	font-size:2.714em;
	/*font-size:56px;*/
	/*font-size:4em;*/
	/*font-size:46px;*/
	font-size:3.286em;
	line-height:1.2;
	letter-spacing:0;
	/*margin-top:6.5px;*/
	/*margin-top:0.217em;*/
	/*padding-bottom:16.5px;*/
	padding-bottom:0.55em;
	margin-bottom:0;
	font-family: 'CenturySchoolbook';
/* text-transform: uppercase; */
}

* + h1{
	/*margin-top:9px;*/
	margin-top:0.75em;
}

* + h1.main-header{
	margin-top:0;
	margin-top:0;
}

h2,
.slides-inlay .slide-title,
.slides-inlay .price,
.attached-page-toggler{
	/*font-size:24px;*/
	font-size:2em;
	/*font-size:36px;*/
	font-size:2,571em;	
	line-height:1.25;
	letter-spacing:0;
}

* + h2{
	margin-top:0;
	padding-top:1.042em;
}

h2,
.attached-page-toggler{
	/*padding-bottom:8px;*/
	padding-bottom:0.333em;
	margin-bottom:0;
}

h3{
	/*font-size:18px;*/
	font-size:1.5em;
	/*font-size:26px;*/
	font-size:1.857em;	
	line-height:1.334;
	letter-spacing:0;
}

h3{
	/*padding-bottom:4.5px;*/
	padding-bottom:0.25em;
	/*margin-bottom:0;*/
}

* + h3{
	margin-top:-0.223em;
	padding-top:1.666em;
}

h4{
	/*font-size:14px;*/
	font-size:1.167em;
	/*font-size:20px;*/
	font-size:1.429em;	
	line-height:1.286em;
	letter-spacing:0.018em;
}

* + h4{
	margin-top:-0.571em;
	padding-top:2.571em;
}

h5{
	/*font-size:12px;*/
	font-size:1em;
	line-height:1.5em;
	letter-spacing:0.042em;
}

* + h5{
	margin-top:-0.667em;
	padding-top:3em;
}

h6{
	/*font-size:10px;*/
	font-size:0.834em;
	line-height:1.8em;
	letter-spacing:0.075em;
}

* + h6{
	margin-top:-1em;
	padding-top:3.6em;
}

h4,
h5,
h6{
	padding-bottom:0;
	margin-bottom:0;
}

.preamble + h2{
	margin-top:0;
	padding-top:0;
}

.main-header{
	margin-top:0;
	margin-bottom:0;
	/*padding-bottom:18px;*/
	padding-bottom: 0;
}

body[class^="id-"]:not(.startpage) .main-header-wrap[class^="grid-col-"],
body[class^="id-"]:not(.startpage) .main-header-wrap[class^="grid-col-"],
body[class*=" id-"]:not(.startpage) .main-header-wrap[class^="grid-col-"],
body[class*=" id-"]:not(.startpage) .main-header-wrap[class^="grid-col-"]{
	padding-top:0;
	padding-bottom:0;
}

.main-header + .main-desc > .preamble:first-child{
	margin-top:-18px;
	margin-top:-1.8rem;
}

.ckeditor-content > p:first-child,
.ckeditor-content > h1:first-child,
.ckeditor-content > h2:first-child,
.ckeditor-content > h3:first-child,
.ckeditor-content > h4:first-child,
.ckeditor-content > h5:first-child,
.ckeditor-content > h6:first-child{
	margin-top:0;
	padding-top:0;
}

h1 + h2,
h1 + h3,
h2 + h3,
/*.box-section .box-title,*/
.main-header + div.main-desc > h2:first-child{
	margin-top:0!important;
}

/*can be used for word breaking points:*/
h1 span,
h2 span,
h3 span{
	display:inline-block;
	vertical-align:baseline;
}

h1 + h1{
	margin-top:1.2em;
}

p{
	margin-top:0;
	padding-top:0;
	/*padding-bottom:18px;*/
	padding-bottom:1.5em;
	margin-bottom:0;
}

p + ul,
p + ol,
p + dl{
	padding-top:0;
}

ul h1,
ul h2,
ul h3,
ul h4,
ul h5,
ul h6{
	margin:0;
	padding:0;
}

b,
strong{
	font-weight:600;
}

/**/

[class^="grid-col-"] h1:only-child,
[class*=" grid-col-"] h1:only-child,
[class^="grid-col-"] h2:only-child,
[class*=" grid-col-"] h2:only-child,
[class^="grid-col-"] h3:only-child,
[class*=" grid-col-"] h3:only-child,
[class^="grid-col-"] h4:only-child,
[class*=" grid-col-"] h4:only-child,
[class^="grid-col-"] .main-header:only-child,
[class*=" grid-col-"] .main-header:only-child{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}


/* ----- 
 	FORM AND BUTTONS 
 ----- */

/**
 * remove browser default style (:focus)
 */
input,
textarea,
select{
	outline:0 none;
}

input:not(.button),
textarea,
select{
	padding:0.333em;
	border-radius:2px;
}
select{
	height:2.333em;
	padding-top:0;
	padding-bottom:0;
}

/**/

[onclick*="location.href"]{
	cursor:pointer;
}

*[disabled],
*:disabled,
.disabled,
.inactive,
.button-inactive{
	cursor:default!important;
	text-decoration:none!important;
	opacity:0.65;
}

.inactive .button-inactive,
.inactive input,
.inactive textarea,
.inactive select,
.disabled .button-inactive,
.disabled input,
.disabled textarea,
.disabled select{
	opacity:1;
}

/**/

.button{
	text-decoration:none;
	border-radius:3px;
	outline:0 none;
	font-weight:600;
	/*cursor:pointer;*/
	border-style:solid;
	border-width:1px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}

.button-large{
	font-size:16px;
	font-size:1.6rem;
}

/* Exceptions; */


/**/

.button{
	/*padding:3px 9px;*/
	padding:0.25em 0.75em;
}

button.button,
input.button{
	/*padding-top:4px;*/
	/*padding-bottom:4px;*/
	/*padding-top:0.333em;*/
	/*padding-bottom:0.333em;*/
}

/*
.button{
	padding-left:0.75em;
	padding-right:0.75em;
}

button.button{
	padding:0.25em 0.83em;
}

a.button{
	padding:0.25em 0.83em;
}

input.button{
	padding:0.333em 0.85em;
}
*/


/* ----- 
 	GENERAL STYLE FRAMEWORK
 ----- */


label,
select,
.button,
.readmore,
[class^="icon-"],
[class*=" icon-"],
/*.box,*/
.primary-menu,
.secondary-menu,
.sidebar,
.id-header,
.id-travelize-link,
.box-desc.socialmedia-list,
.box-nav a,
.id-destination-attached-pages-anchormenu .box-desc,
.utilitybar-list,
.box-desc.utilitybar-list,
.footer-sitelink{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.box-desc,
.box-nav,
.ckeditor-content{
	/*
	-webkit-user-select:all;
	-moz-user-select:all;
	-ms-user-select:all;
	user-select:all;*/
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text;
}

.button,
.show-offcanvas .offcanvas-nav-item-inner,
.clickable,
.clickable.toggled,
.onclick-item{
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
}

.active,
.active a,
.active span,
.active label,
.selected,
.selected a,
.selected span,
.selected label,
.inactive,
.inactive a,
.inactive span,
.inactive label,
.button-inactive,
.toggled{
	cursor:default;
}

.button,
.button:hover,
.button:hover span,
.active:hover,
.active a:hover,
a.link-callto:hover{
	text-decoration:none;
}

ul.decimal{
	list-style:decimal outside;
}

ul.alpha,
ol.alpha{
	list-style:lower-alpha outside;
}

.nowrap,
.date,
.time,
.postal-code,
.tel .value,
.button{
	white-space:nowrap;
}

.active,
.secondary-menu .active,
.active-currentpage{
	font-weight:700;
}

.inactive,
.button-inactive{
	opacity:0.45;
}

.lte8 .inactive,
.lte8 .button-inactive{
	zoom:1;
	filter:alpha(opacity=45);
}

iframe.scrolling-no{
	overflow:hidden;
}

.webkit iframe.scrolling-no::-webkit-scrollbar{
	display:none;
}

.android-only{
	display:none!important;
}

.isAndroid .android-only{
	display:block!important;
}

/**/

/*override fix for responsive layout where an image tag on a CMS page has an inline height and/or width style specified*/
.ckeditor-content img{
	height:auto!important;
}

.lte8 .ckeditor-content img{
	max-width:none;
	height:inherit!important;
}

/*center image in CKeditor when wrapper is wider than image (readability)*/
.ckeditor-content img,
.cke_editable img{
	margin-left:auto;
	margin-right:auto;
	/*display:block;*/
}

/* CMS content:Table specific overrides*/
/*return reseted table padding default to the CMS content*/
.ckeditor-content table{
	border-collapse:separate;
}

.ckeditor-content td{
	vertical-align:top;
}

/**/

.readmore{
	white-space:nowrap;
	-webkit-tap-highlight-color:transparent;
}

.readmore:after{
	content:" \00BB";
}

/*
 Stereo - Simple framework for 2 column content
*/

.stereo-container:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	margin:0;
	padding:0;
}

.stereo-container{
	display:block;
	max-width:100%;
	padding-top:10px;
	padding-bottom:22px;
}

.stereo-left{
	float:left;
	width:43%;
	margin-right:2%;
}

.stereo-right{
	float:right;
	width:55%;
}

.stereo-full{
	width:100%
}

/*
 Rating star symbols
*/
.rating{
	white-space:nowrap;
}

.rating,
.value-rating,
.rating-star,
.rating-nostar,
.rating-plus{
	display:inline;
	display:inline-block;
	vertical-align:baseline;
	line-height:1;
}

.key-rating{
	display:inline;
	padding-right:0.187em;
}

.rating-star,
.rating-nostar,
.rating-plus{
	overflow:hidden;
	line-height:1em;
	width:0;
	padding:0 1em 0 0;
	height:1em;
	position:relative;
	top:-1px;
	top:-0.1rem;
	vertical-align:top;
}

.rating-plus{
	font-size:0.75em;
	height:1.32em;
	line-height:1;
}
.rating-plus:before{
	line-height:1.45;
}

.main-header .value-rating{
	position:relative;
	font-size:0.85em;
	top:0.10em;
}

.key-rating + .value-rating{
	font-size:0.857em;
	line-height:1.166em;
}

.box-title .key-rating + .value-rating{
	font-size:0.75em;
	line-height:1.333em;
}

/**/

.main-desc table:not(.responsive-table):not(.picker__table){
	max-width:100%!important;
}
/**/
.jump-nav-trigger,
.jump-nav-trigger:hover{
	text-decoration:none;
}

/* =====
 FORM FRAMEWORK - To be added (CSS SECTION)
 ====== */
 
 /**
	Type icons 	
*/

@font-face {
  font-family:'Travelize-v8';
  src:  url('../fonts/travelize-v8.eot?jwrrjl');
  src:  url('../fonts/travelize-v8.eot?jwrrjl#iefix') format('embedded-opentype'),
    url('../fonts/travelize-v8.ttf?jwrrjl') format('truetype'),
    url('../fonts/travelize-v8.woff?jwrrjl') format('woff'),
    url('../fonts/travelize-v8.svg?jwrrjl#travelize-v8') format('svg');
  font-weight:300;
  font-style: normal;
}


@font-face {
	font-family:'CenturySchoolbook';
	src:  url('../fonts/CENSCBK.tff?jwrrjl');
	font-weight:400;
	font-style: normal;
  }
  @font-face {
	font-family:'CenturySchoolbookBold';
	src:  url('../fonts/CSCHLBKB.tff?jwrrjl');
	font-weight:600;
	font-style: normal;
  }
  @font-face {
	font-family:'CenturySchoolbookItalic';
	src:  url('../fonts/CCHLBKI.tff?jwrrjl');
	font-weight:400;
	font-style: italic;
  }
  @font-face {
	font-family:'CenturySchoolbookItalicBold';
	src:  url('../fonts/CSCHLBKBI.tff?jwrrjl');
	font-weight:600;
	font-style: italic;
  }






[data-icon]:before,
[class^="icon-"]:before,
[class*=" icon-"]:before,
.attached-page-toggler:after,
.offcanvas-nav-header a:before,
.offcanvas-nav-header a:after,
.category-item-horizontal-box .box-desc li a:before,
a[href$=".pdf"]:before,
.rating-star:before,
.rating-nostar:before,
/*.searchbox-product label:before,*/
.rating-plus:before{
	font-family:'travelize-v8'!important;
	/* font-size:24px; */
	speak:none;
	font-style:normal!important;
	font-weight:300;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	letter-spacing:normal;
	word-wrap:normal;
	white-space:nowrap;
	direction:ltr;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
}

[data-icon]:before{
	content:attr(data-icon);
}

[data-icon],
[data-icon]:before,
[class^="icon-"],
[class^="icon-"]:before,
[class*=" icon-"],
[class*=" icon-"]:before{
	display:inline-block;
	vertical-align:baseline;
	line-height:1;
}

.icon-youtube:before{
	content:"\e000";
}

.icon-search:before{
	content:"\e001";
}

.icon-menu:before{
	content:"\2261";
}
.icon-star:before,
.rating-star:before{
	content:"\2a";
}

.icon-star-non:before,
.rating-nostar:before{
	content:"\b0";
}

.icon-plus:before,
.rating-plus:before{
	content:"\2b";
}

.icon-prev:before{
	/*content:"\3c";*/
	content:"\ab";
}

.icon-next:before{
	/*content:"\3e";*/
	content:"\bb";
}

.icon-back:before{
	content:"\2190";
}

.icon-forward:before{
	content:"\2192";
}

.icon-calendar:before{
	content:"\e020";
}

.icon-home:before{
	content:"\e01f";
}

.icon-pdf:before,
a[href$=".pdf"]:before{
	content:"\e01e";
}

a[href$=".pdf"]:before{
	/*font-size:1.166em;*/
	font-size:1em;
	display:inline-block;
	vertical-align:top;
	/*line-height:1.166;*/
	line-height: 1.6;
	margin-right:0.25em;
	opacity:0.75;
}

a[href$=".pdf"] img{
	position:relative;
	top:-1.5em;
	display:block;
	margin-left:0;
	margin-right:0;
}

.icon-tel:before{
	content:"\e01b";
}

.icon-arrow-down:before,
.attached-page-toggler.toggled:after{
	content:"\25bc";
}

.icon-arrow-right:before,
.category-item-horizontal-box .box-desc li a:before,
.attached-page-toggler:after{
	content:"\25b6";
}

.icon-mail:before{
	content:"\25b7";
}

.icon-printer:before{
	content:"\e954";
}

.icon-close:before{
	content:"\78";
}

.icon-package:before{
	content:"\e024";
}

.icon-page:before{
	content:"\e01d";
}

.icon-mobile:before{
	content:"\e004";
}

.icon-tablet:before{
	content:"\e005";
}

.icon-desktop:before{
	content:"\e006";
}

.icon-travelize:before{
	content:"\e007";
}

.icon-travelize-over:before{
	content:"\e016";
}

.icon-image:before{
	content:"\e002";
}

.icon-rss:before{
	content:"\e008";
}

.icon-facebook:before{
	content:"\e00e";
}

.icon-twitter:before{
	content:"\e00a";
	font-size:1.238em;
}

.icon-googleplus:before{
	content:"\47";
}

.icon-youtube:before{
	content:"\e000";
}

.icon-instagram:before{
	content:"\e602";
}

.icon-flickr:before{
	content:"\e609";
}

.icon-pinterest:before{
	content:"\e600";
}

.icon-tripadvisor:before{
	content:"\e601";
}

.icon-linkedin:before{
	content:"\eaca";
}

.icon-cancel-circle:before{
	content:"\e616";
}

.icon-checkmark-circle:before{
	content:"\e617";
}

.icon-fa-print:before{
	content:"\f02f";
}

.icon-location:before{
	content:"\e60d";
}

.icon-time:before/*,
.icon-gmd-time:before*/{
	content:"\e924";
	content:"\e901";
}

/**/
/*.searchbox-product label:before,*/
.searchbox-product-item-icon{
	padding-right:0.375em;
	/*font-size:16px;*/
	font-size:1.142em;
}

/*.searchbox-product label[for="depcity"]:before,
.searchbox-product label[for="depcity_multiple"]:before,*/
.icon-gmd-flight-takeoff:before{
	content:'\e922'
}

/*

label[for="destcountry"]:before,
.icon-compass2:before{
	content:'\e94a';
}

label[for="destcountry"]:before,
.icon-gmd-compass:before{
	content:'\e91e';
}

label[for="destcountry"]:before,
.icon-location:before{
	content:'\e60d';
}
label[for="destcountry"]:before,
.icon-pushpin:before{
	content:'\e60c';
}
*/


/*label[for="destcountry"]:before,*/
.icon-earth:before{
	content:'\e040';
}

/*label[for="destcountry"]:before,*/
.icon-compass:before{
	content:'\e902';
}

.icon-map:before {
  content: "\e94c";
}

/*.searchbox-product label[for="destcountry"]:before,
.searchbox-product label[for="destcountry_multiple"]:before,*/
.icon-gmd-flight-land:before{
	content:'\e921';
}	

/*.searchbox-product label[for="prodcode"]:before,*/
.icon-package:before{
	content:'\e024';
}

/*.searchbox-product label[for="calendardates"]:before,*/
.icon-fa-calendar:before{
	content:'\f073';
}

/*.searchbox-product label[for="adults"]:before,*/
.icon-group:before{
	content:'\e023';
	/* content:'\e025'; */
	/* content:'\e026'; */
}

/*.searchbox-product label[for="traveltypes"]:before,*/
.icon-fa-certificate:before{
	/* content:'\e040'; */
	content:'\f0a3';
}

.icon-checklist:before{
  content: "\e02c";
}

.icon-gmd-star-circle:before{
  content: "\e923";
}

/**/

.no-typeicon [data-icon]:before,
.no-typeicon [class^="icon-"]:before,
.no-typeicon [class*=" icon-"]:before,
.no-typeicon .attached-page-toggler:after,
.no-typeicon .offcanvas-nav-header a:before,
.no-typeicon .offcanvas-nav-header a:after{
	content:""!important;
	font-family: Arial,Helvetica,sans-serif;
}

.sr-only{
	position:absolute;
	top:-9999em;
	left:-9999em;
}
.no-typeicon .sr-only{
	position:static;
	top:auto;
	left:auto;
}

a.sr-only.skip-to-main-content-link { 
	position: absolute; 
	background-color: black; 
	color: white; 
	opacity: 0; 
	z-index: 999; 
	left: -9999px; 
	padding: 1em;
	top: 0;
} 
a.sr-only.skip-to-main-content-link:focus {
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
}       

.id-travelize-link-notypeicon{
	padding:0.75em;
	display:block;
	display:inline-block;
	vertical-align:baseline;
}

.id-wrapper-header{
	position:relative;
	z-index:+3;
}

.id-wrapper-body{
	/*padding:1.5em 0;*/
	padding:0;
}

.id-wrapper-search{
	padding:0 0 1.5em 0;
}

.requiredfield-asterisk{
	padding:0 4px;
	text-decoration:none;
	font-size:16px;
	font-weight:700;
	cursor:pointer;
	vertical-align:top;
}

/* ---	CKeditor (CMS text editor - used to be called FCKeditor)	--- */
body.cke_editable *{
	max-width:1280px;
}

img.right,
.right img{
	float:right;
	margin-bottom:0.17em;
	margin-left:0.42em;
}

img.left,
.left img{
	float:left;
	margin-bottom:0.17em;
	margin-right:0.42em;
}

.txtsmall,
small,
.geo{
	/*font-size:11px;*/
	font-size:0.917em;
}

.txtlarge,
big{
	/*font-size:14px;*/
	/* font-size:1.167em; */
	font-size:16px;
}

.preamble{
	/*font-size:1.167em;*/
	font-size:1.072em;
	/*font-weight:300;*/
}

q,
.quotation{
	font-family:'CenturySchoolbookItalic',Garamond,Georgia,serif;
	font-weight:400!important;
	/*font-style:italic;*/
	/*font-size:1.166em;*/
	font-size:1.429em;
	line-height:1.35;
	/*opacity:0.85;*/
}


mark,
.highlight{
	font-style:normal;
	font-weight:300;
	border-radius:1px;
}

img.left,
img.right{
	padding:0.375em;
	padding-top:0;
}

img.left{
	float:left;
	margin-right:0.75em;
}

img.right{
	float:right;
	margin-left:0.75em;
}

.block-skin-a{
	padding:0.75em;
}

.list-skin-a,
.list-skin-a li{
	list-style:none;
	padding:0;
	margin:0;
}

.list-skin-a li,
.table-skin-a th,
.table-skin-a td{
	padding:0.5em 0.75em;
}

.table-skin-a td{
	padding-top:0.75em;
	padding-bottom:0.75em;
}

.table-skin-a th,
.table-skin-a td,
.list-skin-a li,
.list-skin-a li:first-child{
	border-width:1px;
	border-style:dotted;
}

.table-skin-a th,
.table-skin-a td,
.list-skin-a li{
	border-left:none;
	border-right:none;
	border-top:none;
}

.list-skin-a li:first-child{
	border-left:none;
	border-right:none;
}

.table-skin-a{
	width:100%;
	border-collapse:collapse;
}

.table-skin-a th,
.table-skin-a td:before{
	font-size:10px;
	font-size:1rem;
	line-height:1.25;
	font-weight:700;
	text-transform:uppercase;
}

.block-skin-a,
.table-skin-a,
.list-skin-a{
	margin:0 auto 1.5em auto;
}

/* =====
 COMPONETS ON ALL TEMPLATES
 ====== */

/* PAGE NOTICE (ALERT BOX - dom-start.asp)*/
.page-notice,
.page-notice-inner,
.page-notice-title,
.page-notice-desc,
.page-notice-nav{
	/*-webkit-box-sizing:border-box;*/
	/*-moz-box-sizing:border-box;*/
	box-sizing:border-box;
}

.page-notice{
	margin-bottom:1.5em;
}

.page-notice-inner{
	padding-top:1.5em;
	padding-bottom:1.5em;
}

.page-notice-title,
.page-notice-desc,
.page-notice-nav{
	max-width:100%;
	width:450px;
	margin-left:auto;
	margin-right:auto;
	padding-left:9px;
	padding-right:9px;
	padding-left:0.9rem;
	padding-right:0.9rem;
}

.page-notice-nav{
	text-align:right;
}

.page-notice-error{
	border-bottom-style:solid;
	border-bottom-width:2px;
}

.page-notice-error a{
	font-weight:700;
}

.show-page-notice-highlight .wrapper{
	opacity: 0.2;
}

.show-page-notice-highlight .wrapper.page-notice{
	opacity: 1;
}

/**/
.box.cookienotice-box,
.cookienotice-box .box-inner{
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
}

.box.cookienotice-box{
	font-size:1em;
	width:100%;
	/*padding-bottom:1.5em;*/
	position:absolute;
	left:0;
	top:0;
	z-index:+999;
}

.cookienotice-box .box-inner{
	padding:0.75em;
}

.cookienotice-box,
.cookienotice-box .box-inner,
.cookienotice-box .box-title,
.cookienotice-box .box-desc,
.cookienotice-box .box-nav{
	display:block;
	text-align:center;
}

.cookienotice-box .box-title{
	font-weight:700;
	font-size:1em;
	line-height:inherit;
	font-family:inherit;
	color:inherit;
}

.cookienotice-box-readmore{
	 	padding-left:0.75em;
	
 	padding-right:0.75em;
}

.cookienotice-box-dismiss{
	padding-left:0.75em;
	padding-right:0.75em;
}

/* =====
 STRUCTURE
 ====== */
.wrapper{
	/* width:100%; */
}

.wrapper:after,
.wrapper-inner:after{
	content:"";
	display:table;
	clear:both;
}

.id-header .main-section-inner,
.id-footer .main-section-inner{
	/* background-color:#fff; */
	/* border-radius:0; */
}	

.id-wrapper-header .wrapper-inner,
.id-wrapper-header-topmenu .wrapper-inner{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
}

/* =====
 HEADER (main section)
 ====== */

.id-header .main-section-inner{
	position:relative;
	/* border-radius:0; */
	
	/* background-position:left top; */
	/* background-repeat:no-repeat; */
	/* background-size:cover; */

}

.id-header .main-section-inner:after{
	content:"";
	display:table;
	clear:both;
}

.id-logo{
	text-align:center;
	background-color: #fff;
}

.id-logo a,
.id-logo a:hover{
	text-decoration:none;
}

.logo-inner{
	display:block;
	padding:1.5em;
}

.id-logo img{
	height:auto;
	width:auto;
	max-width:100%;
	display:inline;
	display:inline-block;
	vertical-align:middle;
}

.id-logo,
.logo-inner,
.id-logo img{
	line-height:0;
}
/**/

.slider-wrapper .inlay-image:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 20%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 20%); 
}


.slider-wrapper .inlay-image-static{
	/*max-height:42vh;*/		
	max-height:350px;
	/*min-height:16vw;*/
	min-height:200px;
	overflow:hidden;
	text-align:center;
}

.slider-wrapper .inlay-image-static img{
	width:100%;
	height:auto;
}

@supports (object-fit:cover){
	.slider-wrapper .inlay-image-static{
		max-height:none;
	}
	
	.slider-wrapper .inlay-image-static img{		
		
		/*max-height:42vh;*/
		max-height:350px;
		/*min-height:16vw;*/
		min-height:200px;
		object-fit:cover;
		/*object-position:50% 0;*/
	}
}



.id-wrapper-footer .wrapper-inner:before,
.id-wrapper-body .wrapper-inner:after{	
	content:'';
	display:none;
	padding-top:15.333%;
	width:100%;
	background-image:url("../images/symbol-splash.svg");
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}



.startpage .id-wrapper-menu-multicol.menu-multicol:not(.menu-multicol-offcanvas){
	padding-bottom:120px;
}

.startpage .id-wrapper-menu-multicol + .id-wrapper-footer .wrapper-inner:before{	
	display:block;
	margin-top:-90px;
}


/*
.itype-3 .id-content .main-section-inner:after{	
	content:'';
	display:block;
	margin-top:1.5em;
	margin-bottom:1.5em;
	padding-top:15.333%;
	width:400px;
	margin-left:calc(50% - 200px);
	background-image:url("../images/symbol-splash.svg");
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
}
*/
/*
.show-offcanvas .id-page:after,
.show-offcanvas.itype-3 .id-content .main-section-inner:after{
	display: none;
}
*/


.id-tripcalendarbox-table {
	font-size: 16px;
}

.main-header-dest  {
	text-transform: none;
}

p.booking-info{
	margin:0px;
	padding:0 10px 0 0;
	width:68%;
	float:right;
	font-size: 1.6rem;
}

.bookformmain{
	text-align:left;
	margin-bottom:15px;
	font-size: 1.6rem;
}


.ferry-gateway-accommodation-item *,
.ferry-gateway-accommodation-item *:before,
.ferry-gateway-accommodation-item *:after{
	box-sizing:inherit;
	font-size: 1.6rem;
}

.bookingbox{
	width:94%;
	padding:10px 3% 10px 3%;
	border-style:solid;
	border-width:1px;
	margin-bottom:10px;
	margin-top:20px;	
	font-size: 1.6rem;
}

.itype-0 h1 {
	text-align: center;
	font-size: 2.714em;
}

/* ===========================================================================
   STEP INDICATOR
========================================================================== */

.booking-step-nav ol{
	padding: 25px 0px;
}
.booking-stepindicator-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 0.5em;
	padding: 0;
}

.booking-stepindicator-item-inner {
	display: flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.75em 1.5em;
	background: #f0f9fa;
	color: #334155;
	border: 2px solid transparent;
	border-radius: 9999px;
	font-size: 1.5rem;
	font-weight: 500;
	text-decoration: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.booking-stepindicator-item a:hover .booking-stepindicator-item-inner {
	background: #d4f3f5;
	color: #1e293b;
	text-decoration: none;
}

.booking-stepindicator-text {
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 500;
}

.booking-stepindicator-text-active {
	font-weight: 700;
}

/* Active step style */
.booking-stepindicator-item.booking-stepindicator-active-item .booking-stepindicator-item-inner {
	background: #1aa7b2;
	color: #ffffff;
	font-weight: bold;
	box-shadow: 0 4px 8px rgba(7,29,92,0.4);
}

/* Optional: active link hover stays same color */
.booking-stepindicator-item.booking-stepindicator-active-item a:hover .booking-stepindicator-item-inner {
	background: #148a92;
	color: #ffffff;
}

/* Disabled-looking steps (no <a>) */
.booking-stepindicator-item:not(:has(a)) .booking-stepindicator-item-inner {
	background: #e5e7eb; 
	color: #9ca3af;
	cursor: default;
	box-shadow: none;
}

/* Responsive adjustments */
@media (max-width: 600px) {
	.booking-step-nav ol {
		font-size: 14px;
	}
	.booking-stepindicator-item-inner {
		padding: 0.5em 1em;
		font-size: 0.9rem;
	}
}

@media (max-width: 800px) {
	.booking-step-nav ol {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
}