/* ============================================================================
   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: #3d413f
 * NORMAL RGB: 61,65,63
 * 		
 */
.bcolor-1 {
    background-color: #3d413f;
    background-image: linear-gradient(to right,transparent 0%,rgba(61,65,63,1) 100%);
}

/*
 */
.bcolor-1:after {
    content: 'TEXT-BODY #3d413f 61,65,63';
}

/*	
 *
 *
 * --- COLOR 02 ---- 
 * --- TEXT HEADING ---
 *
 * INFO: ()
 *
 * NORMAL HEX: #262927
 * NORMAL RGB: 38,41,39
 * 		
 */
.bcolor-2 {
    background-color: #262927;
    background-image: linear-gradient(to right,transparent 0%,rgba(38,41,39,1) 100%);
}

/*
 */
.bcolor-2:after {
    content: 'TEXT-HEADING #262927 38,41,39';
}

/* * 
 *
 *
 * --- COLOR 03 ----
 * --- LINK ---
 *
 * INFO: (link, button, link gradient,button border)
 *
 * NORMAL HEX: #6c8793
 * NORMAL RGB: 82,122,122
 *
 */
.bcolor-3 {
    background-color: #6c8793;
    background-image: linear-gradient(to right,transparent 0%,rgba(82,122,122,1) 100%);
}

/*	
 */
.bcolor-3:after {
    content: 'LINK #6c8793';
}

/*
 *
 * DARK HEX: #305050
 * DARK RGB: 48,80,80
 *
 */
.bcolor-3a {
    background-color: rgb(48,80,80);
    background-image: linear-gradient(to right,transparent 0%,rgba(48,80,80,1) 100%);
}

/*
 */
.bcolor-3a:after {
    content: '#305050 48,80,80';
}


/* 
 *
 *
 * --- COLOR 04 ----
 * --- PRICE ---
 *
 * INFO: (Pricing, some titles, button, button border)
 *
 * NORMAL HEX: #77141f
 * NORMAL RGB: -
 *
 */
.bcolor-4 {
     background-color: #77141f;
    background-image: linear-gradient(to right,transparent 0%,transparent 100%);
}

/*
 */
.bcolor-4:after {
    content: 'PRICE #77141f';
}

/*
 *
 * DARK HEX: #400c12
 * DARK RGB: 64,12,18
 *
 */
.bcolor-4a {
    background-color: #400c12;
    background-image: linear-gradient(to right,transparent 0%,rgba(64,12,18,1) 100%);
}

/*
 */
.bcolor-4a:after {
    content: '#400c12 64,12,18';
}

/* 
 *
 *
 * --- COLOR 05 ----
 * --- ALERT ---
 *
 * INFO: (button, button gradient, button border)
 *
 * NORMAL HEX: #e19800
 * NORMAL RGB: -
 *
 */
.bcolor-5 {
    background-color: #e19800;
    background-image: linear-gradient(to right,transparent 0%,transparent 100%);
}

/*
 */
.bcolor-5:after {
    content: 'ALERT #e19800';
}

/*
 *
 * DARK HEX: #dc8900
 * DARK RGB: 220,137,0
 *
 */
.bcolor-5a {
    background-color: #dc8900;
    background-image: linear-gradient(to right,transparent 0%,rgba(220,137,0,1) 100%);
}

/*
 */
.bcolor-5a:after {
    content: '#dc8900 220,137,0';
}

/* 
 *
 *
 * --- COLOR 06 ----
 * --- WARNING ERROR ---
 *
 * INFO: ()
 *
 * NORMAL HEX: #be1000
 * NORMAL RGB: -
 *
 */
.bcolor-6 {
    background-color: #be1000;
    background-image: linear-gradient(to right,transparent 0%,transparent 100%);
}

/*
 */
.bcolor-6:after {
    content: 'WARNING #be1000';
}

/*
 *
 * DARK HEX: #9a0700
 * DARK RGB: -
 *
 */
.bcolor-6a {
    background-color: #9a0700;
    background-image: linear-gradient(to right,transparent 0%,transparent 100%);
}

/*
 */
.bcolor-6a:after {
    content: '#9a0700 ';
}

/* 
 *
 *
 * --- COLOR 07 ----
 * --- BASE: GREEN ---
 *
 * INFO: (active state)
 *
 * NORMAL HEX: #6c8793
 * NORMAL RGB: -
 *
 */
.bcolor-7 {
    background-color: #6c8793;
    background-image: linear-gradient(to right,transparent 0%,transparent 100%);
}

/*
 */
.bcolor-7:after {
    content: 'BASE #6c8793';
}

/*
 *
 * DARK HEX: #5e8d13
 * DARK RGB: 94,141,19
 *
 */
.bcolor-7a {
    background-color: #5e8d13;
    background-image: linear-gradient(to right,transparent 0%,rgba(94,141,19,1) 100%);
}

/*
 */
.bcolor-7a:after {
    content: '#5e8d13 94,141,19';
}

/* 
 *
 *
 * --- COLOR 08 ----
 * --- DARKGRAY ---
 *
 * INFO: (Same as TEXT BODY)
 *
 * NORMAL HEX: #3d413f
 * NORMAL RGB: 61,65,63
 * 		
 */
.bcolor-8 {
    background-color: #3d413f;
    background-image: linear-gradient(to right,transparent 0%,rgba(61,65,63,1) 100%);
}

/*
 */
.bcolor-8:after {
    content: 'DARKGRAY #3d413f 61,65,63';
}

/*	
 *
 *
 * --- COLOR 09 ----
 * --- MIDGRAY ---
 *
 * INFO: (menu, menu gradient)
 *
 * NORMAL HEX: #979d9a
 * NORMAL RGB: 151,157,154
 *
 */
.bcolor-9 {
    background-color: #979d9a;
    background-image: linear-gradient(to right,transparent 0%,rgba(151,157,154,1) 100%);
}

/*
 */
.bcolor-9:after {
    content: 'MIDGRAY #979d9a 151,157,154';
}

/*
 *
 * DARK HEX: #828986
 * DARK RGB: 130,137,134
 *
 */
.bcolor-9a {
    background-color: #828986;
    background-image: linear-gradient(to right,transparent 0%,rgba(130,137,134,1) 100%);
}

/*
 */
.bcolor-9a:after {
    content: '#828986 130,137,134';
}

/* 
 *
 *
 * --- COLOR 10 ----
 * --- LIGHTGRAY ---
 *
 * INFO: (body bg, dotted heading border, search-text, search-text input border bg etc)
 *
 * NORMAL HEX: #ebebeb
 * NORMAL RGB: 235,235,235
 *
 */
.bcolor-10 {
    background-color: #ebebeb;
    background-image: linear-gradient(to right,transparent 0%,rgba(235,235,235,1) 100%);
}

/*
 */
.bcolor-10:after {
    content: 'LIGHTGRAY #ebebeb 235,235,235';
}

/*
 *
 * DARK HEX: #d5d5d5
 * DARK RGB: 213,213,213
 *
 */
.bcolor-10a {
    background-color: #d5d5d5;
    background-image: linear-gradient(to right,transparent 0%,rgba(213,213,213,1) 100%);
}

/*
 */
.bcolor-10a:after {
    content: '#d5d5d5 213,213,213';
}



/*
 *
 * LIGHT HEX: #f9faf9
 * LIGHT RGB: -
 *
 */

.bcolor-10b {
    background-color: #f9faf9;
    background-image: none;
}

/*
 */
.bcolor-10b:after {
    content: '#f9faf9';
}

/* 	
 *
 *
 * --- COLOR 11 ----
 * --- ACCENT - BLUE ---
 *
 * INFO: (CTA 'Call to action': button, button border, gradient)
 *
 * NORMAL HEX: #6c8793
 * NORMAL RGB: 82,122,122
 *
 */
.bcolor-11 {
    background-color: #6c8793;
    background-image: linear-gradient(to right,transparent 0%,rgba(82,122,122,1) 100%);
}

/*
 */
.bcolor-11:after {
    content: 'ACCENT #6c8793 82,122,122';
}

/*
 *
 * DARK HEX: #305050
 * DARK RGB: 48,80,80
 *
 */
.bcolor-11a {
    background-color: #305050;
    background-image: linear-gradient(to right,transparent 0%,rgba(48,80,80,1) 100%);
}

/*
 */
.bcolor-11a:after {
    content: '#305050 48,80,80';
}

/* 	
 *
 *
 * --- COLOR 12 ----
 * --- COMPLEMENTARY: YELLOW ---
 *
 * INFO: (button, button gradient, button border)
 *
 * NORMAL HEX: #e19800
 * NORMAL RGB: -
 *
 */
.bcolor-12 {
    background-color: #e19800;
    background-image: linear-gradient(to right,transparent 0%,transparent 100%);
}

/*
 */
.bcolor-12:after {
    content: 'COLOR1 #e19800';
}

/*
 *
 * DARK HEX: #dc8900
 * DARK RGB: 220,137,0
 *
 */
.bcolor-12a {
    background-color: #dc8900;
    background-image: linear-gradient(to right,transparent 0%,rgba(220,137,0,1) 100%);
}

/*
 */
.bcolor-12a:after {
    content: '#dc8900 220,137,0';
}

/* 	
 *
 *
 * --- COLOR 13 ----
 * --- COMPLEMENTARY: PURPLE ---
 *
 * INFO: (button, button gradient, button border)
 *
 * NORMAL HEX: #77141f
 * NORMAL RGB: -
 *
 */
.bcolor-13 {
    background-color: #77141f;
    background-image: linear-gradient(to right,transparent 0%,transparent 100%);
}

/*
 */
.bcolor-13:after {
    content: 'COLOR2 #77141f';
}


/*
 *
 * DARK HEX: #400c12
 * DARK RGB: 64,12,18
 *
 */
.bcolor-13a {
    background-color: #400c12;
    background-image: linear-gradient(to right,transparent 0%,rgba(64,12,18,1) 100%);
}

/*
 */
.bcolor-13a:after {
    content: '#400c12 64,12,18';
}

/*
 *			
 */


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

/*
::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);
}
*/

body {
    line-height: 1.5;
    font-weight: 400;
}


body,
html .id-wrapper-body {
    font-size: 17px;
    font-size: 1.7rem;
}

.wrapper,
.id-header,
.breadcrumbs,
.slider-wrapper,
.id-attachedpagelist,
.category-items .box-desc,
.render-booking-version,
.render-booking-version .id-wrapper-body {
    font-size: 15px;
    font-size: 1.5rem;
}

.sidebar,
.banner-columns,
.utilitybar-list,
.id-destination-attached-pages-anchormenu {
    font-size: 15px;
    font-size: 1.5rem;
}


body,
h4,
h5,
h6,
.button {
    font-family: 'Alegreya Sans',sans-serif;
}


h1,
h2,
h3,
.box-title,
/*.button,*/
.destination-priceinfobox,
.id-header-secondary-menu{
    font-family: 'Eczar',sans-serif;
    font-weight:400;
}

html .id-header-secondary-menu .active{
    font-weight: 400;
}



.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 {
    max-width: 600px;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
}

/* 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,
.secondary-menu ul,
.quick-nav ul,
.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: 400;*/
}

h4,
h5,
h6 {
    font-weight: 400;
    text-transform: uppercase;
}


h1 {
    /*font-size:44px;*/
    font-size: 2.5em;
    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;*/
}

* + 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:34px;*/
    font-size: 1.3em;
    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,
.box-title {
    /*font-size:28px;*/
    font-size: 1.2em;
    line-height: 1.2;
    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;
    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: 1.8rem;
}



.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;
}

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;
}


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

input:not([type=radio]):not([type=checkbox]),
.lte9 input,
textarea,
select {
    border-width: 1px;
    border-style: solid;
    /*border-color:#d5d5d5;*/
}


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

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


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

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

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: #d5d5d5;
    border-color: rgba(0,0,0,0.4);
}


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: #be1000;
}


/**/

[onclick]{
	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;
}




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 {
    text-decoration: none;
    border-radius: 3px;
    outline: 0 none;
    font-weight: 600;
    /*cursor:pointer;*/
    border-style: solid;
    border-width: 1px;
    display: inline-block;
}


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

.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,
.quick-nav-header a,
.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(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: #D31145;
    border-color: #D31145;
}

/**
 * Button skin DEFAULT:HOVER
 */
.button:hover,
.quick-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,#262927 50%,#000000 100%);
    background-image: linear-gradient(to bottom,#262927 50%,#000000 100%);
    background-color: #262927;
    color: #fff;
    border-color: #000000;
}

/**
 * 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: #000000;
    color: #fff;
    border-color: #000000;
}

/**
 * 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(48,80,80,0.65) 100%);
    background-image: linear-gradient(to bottom,transparent 0%,rgba(48,80,80,0.65) 100%);
    color: #fff;
    background-color: #6c8793;
    border-color: #305050;
}

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

/**
 * 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,#6c8793 50%,#305050 100%);
    background-image: linear-gradient(to bottom,#6c8793 50%,#305050 100%);
    background-color: #6c8793;
    color: #fff;
    border-color: #305050;
}

/**
 * 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: #305050;
    color: #fff;
    border-color: #305050;
}

/**
 * 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-"]),*/
.secondary-menu-layout1 li {
    text-shadow: none;
    box-shadow: inset 2px 2px 8px 0px rgba(255,255,255,0.96),inset -2px -2px 8px 0px rgba(213,213,213,0.25);
    background-image: -webkit-linear-gradient(top,rgba(213,213,213,0.3) 0%,transparent 50%,rgba(213,213,213,0.6) 51%,#ebebeb 100%);
    background-image: linear-gradient(to bottom,rgba(213,213,213,0.3) 0%,transparent 50%,rgba(213,213,213,0.6) 51%,#ebebeb 100%);
    color: #3d413f;
    background-color: #fff;
    border-color: #d5d5d5;
}

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

/**
 * Button skin B:HOVER
 */
.button-skin-b:hover,
/*.box-skin-b .button:not([class^="button-skin-"]):not([class*=" button-skin-"]):hover,*/
.secondary-menu-layout1 li:hover {
    text-shadow: none;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
    background-image: none;
    background-color: #ebebeb;
    color: #6c8793;
    border-color: #d5d5d5;
}

/**
 * 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,
*/
.secondary-menu-layout1 li: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: #d5d5d5;
    color: #262927;
    border-color: #d5d5d5;
}

/**
 * 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(94,141,19,0.65) 100%);
    background-image: linear-gradient(to bottom,transparent 0%,rgba(94,141,19,0.65) 100%);
    color: #fff;
    background-color: #6c8793;
    border-color: #5e8d13;
}

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

/**
 * 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,#6c8793 50%,#5e8d13 100%);
    background-image: linear-gradient(to bottom,#6c8793 50%,#5e8d13 100%);
    background-color: #6c8793;
    color: #fff;
    border-color: #5e8d13;
}

/**
 * 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: #5e8d13;
    color: #fff;
    border-color: #5e8d13;
}

/**
 * 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(220,137,0,0.65) 100%);
    background-image: linear-gradient(to bottom,transparent 0%,rgba(220,137,0,0.65) 100%);
    color: #fff;
    background-color: #e19800;
    border-color: #dc8900;
}

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

/**
 * 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,#e19800 50%,#dc8900 100%);
    background-image: linear-gradient(to bottom,#e19800 50%,#dc8900 100%);
    background-color: #e19800;
    color: #fff;
    border-color: #dc8900;
}

/**
 * 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: #dc8900;
    color: #fff;
    border-color: #dc8900;
}


/**
 * 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(64,12,18,0.65) 100%);
    background-image: linear-gradient(to bottom,transparent 0%,rgba(64,12,18,0.65) 100%);
    color: #fff;
    background-color: #77141f;
    border-color: #400c12;
}

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

/**
 * 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,#77141f 50%,#400c12 100%);
    background-image: linear-gradient(to bottom,#77141f 50%,#400c12 100%);
    background-color: #77141f;
    color: #fff;
    border-color: #400c12;
}

/**
 * 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: #400c12;
    color: #fff;
    border-color: #400c12;
}


/**
 * 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(64,12,18,0.65) 100%);
    background-image: linear-gradient(to bottom,transparent 0%,rgba(64,12,18,0.65) 100%);
    color: #fff;
    background-color: #77141f;
    border-color: #400c12;
}

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

/**
 * 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,#77141f 50%,#400c12 100%);
    background-image: linear-gradient(to bottom,#77141f 50%,#400c12 100%);
    background-color: #77141f;
    color: #fff;
    border-color: #400c12;
}

/**
 * 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: #400c12;
    color: #fff;
    border-color: #400c12;
}

/**
 * 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(220,137,0,0.65) 100%);
    background-image: linear-gradient(to bottom,transparent 0%,rgba(220,137,0,0.65) 100%);
    color: #fff;
    background-color: #e19800;
    border-color: #dc8900;
}

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

/**
 * 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,#e19800 50%,#dc8900 100%);
    background-image: linear-gradient(to bottom,#e19800 50%,#dc8900 100%);
    background-color: #e19800;
    color: #fff;
    border-color: #dc8900;
}

/**
 * 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: #dc8900;
    color: #fff;
    border-color: #dc8900;
}

/**
 * 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: #be1000;
    border-color: #be1000;
}

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

/**
 * 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,#be1000 50%,#be1000 100%);
    background-image: linear-gradient(to bottom,#be1000 50%,#be1000 100%);
    background-color: #be1000;
    color: #fff;
    border-color: #be1000;
}

/**
 * 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: #be1000;
    color: #fff;
    border-color: #be1000;
}

/*
.quick-nav-header .quick-nav-general-item a

.lte8 .quick-nav-header .quick-nav-general-item a

.quick-nav-header .quick-nav-general-item a:hover

.quick-nav-header .quick-nav-general-item a:active,
.quick-nav-header .quick-nav-general-item a.active,
.quick-nav-header .quick-nav-general-item a.active:hover,
.quick-nav-header .quick-nav-general-item a.active:active

*/



/**
 * 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(213,213,213,0.65) 100%);
    background-image: linear-gradient(to bottom,transparent 0%,rgba(213,213,213,0.65) 100%);
    color: #3d413f;
    background-color: #E0F0FF;
    border-color: #d5d5d5;
}

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

/**
 * 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,#e19800 50%,#dc8900 100%);
    background-image: linear-gradient(to bottom,#e19800 50%,#dc8900 100%);
    background-color: #e19800;
    color: #fff;
    border-color: #dc8900;
}

/**
 * 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: #828986;
    color: #fff;
    border-color: #828986;
}

/**
 * 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);
}


/* 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,*/
.id-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,
.quick-nav-active .quick-nav a,
.clickable,
.clickable.toggled,
.onclick-item {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.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: 600;
}

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

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

.no-maxwidth {
    max-width: none;
}

.no-box-sizing,
.no-box-sizing * {
    /*-webkit-box-sizing:content-box!important;*/
    /*-moz-box-sizing:content-box!important;*/
    box-sizing: content-box!important;
}

.no-box-sizing select {
    /*-webkit-box-sizing:border-box!important;*/
    /*-moz-box-sizing:border-box!important;*/
    box-sizing: border-box!important;
}

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: rgba(0,0,0,0);
}

.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;
    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) {
    max-width: 100%!important;
}
/**/
.jump-nav-trigger,
.jump-nav-trigger:hover {
    text-decoration: none;
    color: #3d413f;
}

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

/**
	Type icons 	
*/

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

[data-icon]:before,
[class^="icon-"]:before,
[class*=" icon-"]:before,
.attached-page-toggler:after,
.quick-nav-header a:before,
.quick-nav-header a:after,
.category-item .box-desc li a:before,
a[href$=".pdf"]:before,
.rating-star:before,
.rating-nostar:before,
.rating-plus:before {
    font-family: 'travelize-v7'!important;
    /*font-size:24px;*/
    speak: none;
    font-style: normal!important;
    font-weight: normal;
    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;
    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;
    display: inline-block;
    line-height: 1.166;
    margin-right: 0.25em;
    opacity: 0.75;
    vertical-align: top;
}

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 .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,
.id-travelize-link {
    color: #a9b1b7;
}

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

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

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

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

.icon-rss {
    color: #e15a00;
}

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

.icon-facebook {
    color: #3c5998;

}
/*
.icon-facebook{
	color:#fff;
	background:#3c5998;
	padding:0 0.061em;
	border-radius:0.063em;
	overflow:hidden;


}

.icon-facebook:before{
	content:'\e009';
	-webkit-transform:translate(0.125em,0.188em);
	-moz-transform:translate(0.125em,0.188em);
	-ms-transform:translate(0.125em,0.188em);
	-o-transform:translate(0.125em,0.188em);
	transform:translate(0.125em,0.188em);
}
*/

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

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


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

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

.icon-youtube:before {
    content: "\e000";
    /*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:before {
    content: "\e602";
}

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


.icon-flickr:before {
    content: "\e609";
    /*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:before {
    content: "\e600";
}

.icon-pinterest {
    color: #b6262f;
}

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

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


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


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


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

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

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

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

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

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

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

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


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

.screen-reader-text {
    position: absolute;
    top: -9999em;
    left: -9999em;
}
.no-typeicon .screen-reader-text {
    position: static;
    top: auto;
    left: auto;
}

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

/* ----- 
	COLOR and BACKGROUND 
----- */
body,
.inlay-image {
    background-color: #f9faf9;
    
}



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

.id-wrapper-footermenu{
    background-color:#262927;
    position:relative;

}

.id-wrapper-body {
    padding-bottom: 45px;
}

.id-wrapper-footermenu:before{
    font-size: 45px;
    content: '';
    display: inline-block;
    line-height: 0;
    width: 100%;
    height: 0;
    padding-top: 1em;
    /*background-image: url(../images/bgfooter.svg);*/
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: auto 100%;
    position: absolute;
    top: -1em;
    margin-top:1px;
    left: 0;
}




.id-wrapper-footermenu a,
.id-wrapper-footermenu a:hover{
    /*text-decoration:none;*/
}

.id-wrapper-footermenu,
.id-wrapper-footermenu a{
    color:#000;
    color: rgba(255,255,255,0.85);
    text-shadow:1px 1px 2px rgba(0,0,0,0.55);
}
.id-wrapper-footermenu a:hover,
.id-wrapper-footermenu a.active,
.id-wrapper-footermenu .secondary-menu a.active,
.id-wrapper-footermenu .secondary-menu a.active:hover{
    color:#000;
    text-shadow:1px 1px 2px rgba(0,0,0,0.85);
}


.id-wrapper-footer{
    background-color:#99CCFF;
    /*color:#fff;*/
    /*color:rgba(255,255,255,0.8);*/
}

.id-wrapper-footer .org,
.id-wrapper-footer a{
    color:#000;
    
}

.id-footer .org,
.id-footer a{
    text-shadow:1px 1px 2px rgba(0,0,0,0.15);
}

hr {
    border-top-color: #d5d5d5;
}
.inlay-image {
    background-color: rgba(235,235,235,0.2);
    box-shadow: inset 0 0 0 1px #ebebeb;
}

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

.id-page,
.wrapper-section .wrapper-inner {
    /* background-color: #fff; */
}

body,
input,
textarea,
select,
#sitemap a,
.db-news .box-desc a,
.contact-box-item,
.contact-box-item a,
.secondary-menu-layout1 a {
    color: #3d413f;
}

h1 {
    color: #262927;
}

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

.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: #262927;
}

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,
.secondary-menu-layout1 a:active,
.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: #6c8793;
}

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

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

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

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

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

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

.txtcolor1 {
    color: #6c8793;
}

.txtcolor2 {
    color: #6c8793;
}

.txtcolor3 {
    color: #dc8900;
}

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;
}

.preamble {
    color: #3d413f;
    color: rgba(61,65,63,0.75);
    /*font-size:14px;*/
    font-size: 1.167em;
    font-weight: 400;
}

.lte8 .preamble {
    color: #3d413f;
}

q,
.quotation {
    opacity: 0.85;
    font-style: italic;
    font-size: 1.166em;
}

.lte8 q,
.lte8 .quotation {
    zoom:1;
    filter: alpha(opacity=85);
}

mark,
.highlight {
    font-style: normal;
    font-weight: 400;
    color: #6c8793;
    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 {
    background-color: #E0F0FF;
    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: 1px dotted #d5d5d5;
    border-color: rgba(61,65,63,0.2);
}

table.table-skin-a thead tr,
.id-content table.table-skin-a thead tr {
    border-color: #d5d5d5;
    border-color: rgba(61,65,63,0.15);
}

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

.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 tr:nth-child(even),
.list-skin-a li:nth-child(even) {
    background-color: rgba(213,213,213,0.15);
}

.table-skin-a tr:nth-child(even),
.table-skin-a thead + tbody tr:nth-child(odd) {
    background-color: rgba(213,213,213,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 {
    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: 600;
    text-transform: uppercase;
    color: #262927;
}

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

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

.tableheader td {
    background-color: #6c8793;
    color: #fff;
}
/**/

.price,
.fromprice,
.box-nav .fromprice,
td.col-price {
    color: #77141f;
}

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


/*[class^="box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .fromprice,
[class*=" box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .fromprice,
[class^="box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .col-price,
[class*=" box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .col-price,*/
.box-skin-price .fromprice,
.box-skin-alert .fromprice,
.box-skin-warning .fromprice,
.box-skin-price .col-price,
.box-skin-alert .col-price,
.box-skin-warning .col-price {
    background-color: #77141f;
    border-color: rgba(0,0,0,0.05);
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0,0.15);
}

/*
[class^="box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .fromprice,
[class*=" box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .fromprice,
[class^="box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .fromprice .from,
[class*=" box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .fromprice .from,
*/
.box-skin-price .fromprice,
.box-skin-alert .fromprice,
.box-skin-warning .fromprice,

.box-skin-price .fromprice .from,
.box-skin-alert .fromprice .from,
.box-skin-warning .fromprice .from {
    color: #fff;
    color: rgba(255,255,255,0.85)
}
/*
[class^="box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .fromprice .price,
[class*=" box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .fromprice .price,
[class^="box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .col-price,
[class*=" box-skin-"]:not(.box-skin-a):not(.box-skin-b):not(.box-skin-price) .col-price,
*/
.box-skin-price .fromprice .price,
.box-skin-alert .fromprice .price,
.box-skin-warning .fromprice .price,

.box-skin-price .col-price,
.box-skin-alert .col-price,
.box-skin-warning .col-price {
    color: #fff;
}


th.col-price,
.row-daybreak td.col-price {
    color: #262927;
}
/* =====
 COMPONETS ON ALL TEMPLATES (inkl booking steps)
 ===== */

/* 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;
    background-color: #fff;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.20);

}

.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 Skin */
.page-notice-error {
    background-color: #be1000;
    border-bottom: 2px solid #9a0700;
}

.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;
}

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

.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 {
    background-color: #fff;
    padding: 0.75em;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.20);
}

.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: 600;
    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;
}

/**/

.id-wrapper-header{
	background-color:#99CCFF;
	/* background-color:#f9faf9; */
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	position:relative;
	z-index:+1;
}

.id-wrapper-headerimage{
    /*height:300px;*/
    height:auto;
    min-height:220px;
    max-height: 28vh;
}

.startpage .id-wrapper-headerimage{
	max-height:55vh;
}


.id-wrapper-headerimage .wrapper-inner{
    height:0;
    /*padding-top:46.154%*/
}




.id-wrapper-headerimage .wrapper-inner{
    height:0;
}

.id-wrapper-headerimage{
	/*background-image:url(../images/bgheader-medium.jpg);*/
	background-repeat:no-repeat;
	background-position: 100% 100%;
	background-size: cover;
}


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

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

.id-header .main-section-inner,
.id-footer .main-section-inner {
    border-radius: 0;
}


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

.id-header .main-section-inner {
    border-radius: 0;
    text-shadow: none;
    border-color: rgba(0,0,0,0.19);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
	background-color:#99CCFF;
}

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


.id-logo {
    text-align: center;
}

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

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

.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;
}