/* 
Theme Name: Nepal insideout
Theme URI: 
Description: A 2024 framework for WordPress.
Author: Internetbureau Jun-E-Jay
Version: 1.0 
Tags:

General comments (optional).


@import url('fonts/poppins/stylesheet.css');
@import url('fonts/icon/style.css');
*/



/* #Site Styles
================================================== */
:root {
	--width-base: 1436px;
	--font-base: 16px;
	--line-height: 1.7;
	--font-family-base: 'Poppins', sans-serif;
	--font-family-icon: 'icomoon', sans-serif;
	--black: #000;
	--black-900: #272727;
	--dark-black: #2a2a2a;
	--white: #fff;
	--red: #e51b20;
	--grey-900: #f9f9f9;
	--cyan: #0e8186;
	--cyan-500: #42a0a4;
	--dark-cyan: #086b70;
	--yellow: #de9a2b;
	--yellow-900: #fabc33;
	--dark-yellow: #cb8b22;
	--width: 100%;
	--height: 100%;
	--font-size-h1: 60px;
	--font-size-h2: 36px;
	--font-size-h3: 18px;
	--font-size-h4: 16px;
	--font-size-h5: 16px;
	--font-size-h6: 16px;
	--font-weight-300: 300;
	--font-weight-400: 400;
	--font-weight-500: 500;
	--font-weight-600: 600;
	--font-weight-700: 700;
	--text-decoration: none;
	--transition: all 0.25s ease-in-out;
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-base); font-weight: var(--font-weight-400); line-height: var(--line-height); color: var(--dark-black); }
body { background: var(--white); }
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
select,
textarea { padding: 10px!important; width: var(--width)!important; min-height: 50px!important; font-family: var(--font-family-base)!important; font-size: 14px!important; color: var(--dark-black)!important; border: solid 1px rgba(54, 51, 50, 0.2)!important; background-color: var(--white)!important; }
input[type=checkbox]{ border: solid 1px rgba(54, 51, 50, 0.2)!important; background-color: var(--white)!important; }
select{ padding-top: 4px!important; }
.heroBox select{ background-color: transparent!important; border:none!important;  min-height: 0px!important;padding: 0px!important;}

input::placeholder,
textarea::placeholder { color: var(--dark-black); }
textarea { padding: 13px 10px; height: 150px; resize: none; }
select { appearance: none; cursor: pointer; }
select option{ height: 50px!important; }
.custom-select { background: url('images/select-down-arrow.png') no-repeat center right 20px; }
img { display: block; max-width: var(--width); outline: 0; height: auto; }
ul,
li { list-style-position: outside; }
:focus { outline: none; }
p { margin-bottom: 20px; }
a { display: inline-block; transition: var(--transition); cursor: pointer; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-weight: var(--font-weight-700); line-height: 1.1; color: var(--dark-black); }
.h1,
h1 { font-size: var(--font-size-h1); }
.h2,
h2 { font-size: var(--font-size-h2); }
.h3,
h3 { font-size: var(--font-size-h3); }
.h4,
h4 { font-size: var(--font-size-h4); }
.h5,
h5 { font-size: var(--font-size-h5); }
.h6,
h6 { font-size: var(--font-size-h6); }
.button { padding: 12px 16px; font-family: var(--font-family-base); font-size: var(--font-base); text-align: center; text-decoration: var(--text-decoration); color: var(--white); border: solid 2px var(--yellow); background-color: var(--yellow); transition: var(--transition); cursor: pointer; }
.button:hover { border-color: var(--dark-yellow); background-color: var(--dark-yellow); }
.button.secondary { border: solid 2px var(--cyan); background-color: var(--cyan); }
.button.secondary:hover { border-color: var(--dark-cyan); background-color: var(--dark-cyan); }
.button.submit { width: var(--width); min-height: 50px; }
.button-white { color: var(--yellow); border: solid 2px var(--white); background-color: var(--white); }
.button-white:hover { color: var(--yellow); background-color: var(--white); }
.button.outline { color: var(--cyan); border: solid 2px var(--cyan); background-color: var(--white); }
.button.outline:hover { color: var(--white); background-color: var(--cyan); }
.button.outline-white { color: var(--white); border: solid 2px var(--white); background-color: transparent; }
.button.outline-white:hover { color: var(--yellow); background-color: var(--white); }
.view-all { font-size: var(--font-family-base); color: var(--yellow); cursor: pointer; text-align: center; }
.view-all:hover { text-decoration: var(--text-decoration); color: var(--dark-yellow); }
.lees-more { text-decoration: underline; color: var(--cyan); border: 0; background-color: transparent; }
.lees-more:hover { text-decoration: var(--text-decoration); background-color: transparent; }
.form-check { padding-right: 10px; width: var(--width); }
.form-check input { margin-bottom: 0; padding: 0; display: none; width: initial; height: initial; cursor: pointer; }
.form-check label { padding-left: 30px; position: relative; display: inline-block; font-size: 12px; cursor: pointer; }
.form-check label a { color: var(--dark-black); }
.form-check label a:hover { text-decoration: var(--text-decoration); color: var(--yellow); }
.form-check label:after { position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: solid 1px rgba(54, 51, 50, 0.2); content: ''; }
.form-check input:checked ~ label:after { border: solid 1px var(--yellow); background-color: var(--yellow); }

.gfield_required{ display: none!important; }
.gform-button, .gform_button, .gform_next_button{
	padding: 12px 16px!important;
	font-family: var(--font-family-base)!important;
	font-size: var(--font-base);
	text-align: center!important;
	text-decoration: var(--text-decoration)!important;
	color: var(--white)!important;
	border: solid 2px var(--yellow)!important;
	background-color: var(--yellow)!important;
	transition: var(--transition)!important;
	cursor: pointer!important;
	min-height: 50px!important;
	}
.validation_message{ display: none!important; }
.gform_validation_errors{ margin-bottom: 10px!important; }
.gfield_consent_label a{ color: var(--yellow); }
.gfield_consent_label a:hover{ text-decoration: none; }
.gform_required_legend{ display: none!important; }
#field_3_4, #field_4_7{ display: flex; align-items: center; }

#input_5_14 .ginput_container_date{ width: 33.33%!important; }
.gform-datepicker, .ginput_container_date{ width: 100%!important; }

#gform_fields_5{ grid-row-gap: 10px!important;}
#gform_fields_5 h3{ margin-top: 20px!important; margin-bottom: 10px!important; }

#gform_fields_6{ grid-row-gap: 10px!important;}


.heroBox .grayedout{ opacity: 0.5; pointer-events: none; }



/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1200px; }
.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }

/* ### wrapper ### */
#wrapper { padding-top: 140px; position: relative; display: block; width: var(--width); min-height: var(--height); overflow-x: clip; }

/* ### main container ### */
#mainCntr { width: var(--width); }

/* ### header container ### */
#headerCntr { position: fixed; top: 0; left: 0; z-index: 5; width: var(--width); transition: var(--transition); }

#headerCntr .headerBox { background-color: var(--white); box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); }
#headerCntr .headerBox .logo { height: 70px; }
#headerCntr .headerBox .logo img { max-width: 129px; }
#headerCntr .menuBox:not(.mm-menu) ul > li > a { color: var(--dark-black); }
#headerCntr .menuBox:not(.mm-menu) ul > li > a.arrow:after { color: var(--dark-black); }
#headerCntr .menuBox:not(.mm-menu) ul > li > ul { background-color: var(--white); }

#headerCntr.sticky { transform: translateY(-40px); }


#headerCntr.sticky .mobile-menu { top: 15px; }

/* ### top box ### */
.topBox { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: var(--width); background-color: var(--cyan); }
.topBox .left { padding-left: 12px; width: 56%; }
.topBox p { margin-bottom: 0; }
.topBox ul { display: flex; list-style: none; }
.topBox ul > li { padding: 10px 19px 6px; position: relative; border-left: solid 2px var(--dark-cyan); }
.topBox ul > li > a { display: flex; align-items: center; font-size: 14px; text-decoration: var(--text-decoration); color: var(--white); }
.topBox ul > li > a:hover { text-decoration: underline; }
.topBox ul > li > a.nl:hover { text-decoration: var(--text-decoration); }
.topBox ul > li > a i { margin-right: 6px; }
.topBox ul > li > .nl { display: flex; align-items: center; }
.topBox ul > li > .nl i { margin-right: 7px; font-size: 21px; }
.topBox ul > li:last-child { padding: 8px 12px 6px 20px; }
.topBox ul > li.language:hover ul { opacity: 1; visibility: visible; }
.topBox ul > li.language ul { position: absolute; top: 100%; left: 0; z-index: 10; display: block; opacity: 0; visibility: hidden; width: var(--width); border-radius: 0 0 5px 5px; background-color: var(--cyan); transition: var(--transition); }
.topBox ul > li.language ul > li { border: 0; }
.topBox ul > li.language ul > li:hover a { text-decoration: var(--text-decoration); }
.topBox .item { margin-right: 95px; font-size: 14px; color: var(--white); }
.topBox .item p i { font-size: 10px; }

/* ### copy box ### */
.headerBox { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); transition: var(--transition); }
.headerBox .logo { display: flex; align-items: center; justify-content: center; width: 180px; height: 100px; background-color: var(--white); }
.headerBox .logo img { width: var(--width); max-width: 150px; transition: var(--transition); }

/* ### menu box ### */
.menuBox:not(.mm-menu) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 75.2%; }
.menuBox:not(.mm-menu) ul { margin-right: 40px; display: flex; flex-wrap: wrap; list-style: none; }
.menuBox:not(.mm-menu) ul > li { margin-right: 36px; padding: 15px 0; position: relative; }
.menuBox:not(.mm-menu) ul > li > a { font-size: 18px; text-decoration: var(--text-decoration); color: var(--white); }
.menuBox:not(.mm-menu) ul > li:last-child { margin-right: 0; }
.menuBox:not(.mm-menu) ul > li.menu-item-has-children > a:after { margin-left: 14px; display: inline-block; font-family: var(--font-family-icon); font-size: 4px; color: var(--white); vertical-align: middle; content: '\e913'; }
.menuBox:not(.mm-menu) ul > li > ul { margin: 0; padding: 10px 0; position: absolute; top: 100%; left: 0; display: block;
opacity: 0; visibility: hidden; width: max-content; border-radius: 0 0 5px 5px; background-color: var(--cyan); transition: var(--transition); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.16); }
.menuBox:not(.mm-menu) ul > li > ul > li { margin: 0; padding: 0; }
.menuBox:not(.mm-menu) ul > li > ul > li > a { padding: 3px 30px; display: block; }
.menuBox:not(.mm-menu) ul > li > ul > li > a:hover { text-decoration: underline; }
.menuBox:not(.mm-menu) ul > li > ul > li > ul { left: 100%; }
.menuBox:not(.mm-menu) ul > li:hover ul { opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) ul > li:hover ul > li > ul { opacity: 0; visibility: hidden; }
.menuBox:not(.mm-menu) ul > li:hover ul > li:hover ul { opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) ul > li:hover ul > li:hover ul > li > ul { opacity: 0; visibility: hidden; }
.menuBox:not(.mm-menu) ul > li:hover ul > li > ul > li:hover ul { opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) ul > li.dropdown > a:after { margin-left: 14px; display: inline-block; font-family: var(--font-family-icon); font-size: 4px; color: var(--font-base); vertical-align: middle; content: '\e913'; }
/* ### mobile menu ### */
.mobile-menu { position: absolute; top: 20px; right: 15px; display: none; }
.mobile-menu .hamburger { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: var(--cyan); cursor: pointer; }
.m-menu__checkbox { display: none; }
.m-menu__toggle { margin-left: -8px; padding-top: 5px; cursor: pointer; }
.m-menu { position: fixed; top: 0; right: -768px; z-index: 2; opacity: 0; visibility: hidden; width: calc(100vw - 30px); max-width: 768px;
height: 100vh; 	background-color: var(--cyan); transform: translate3d(768px, 0, 0); transition: transform 0.35s; overflow: hidden; }
.m-menu__overlay { position: absolute; top: 0; bottom: 0; z-index: 1; display: none; width: 100%; background-color: rgba(103, 103, 103, 0.5); }
.m-menu__header { padding: 0 16px; display: flex; align-items: center; justify-content: space-around; height: 50px; border-bottom: 1px solid var(--white); }
.m-menu__header span { width: 100%; font-size: 20px; text-align: center; color: var(--white); }
.m-menu .m-menu { transform: translate3d(768px, 0, 0); }
.m-menu ul { height: 100%; overflow-y: auto; }
.m-menu ul li { margin-right: 0 !important; position: relative; display: block !important; }
.m-menu ul li ul { display: block !important; }
.m-menu ul li a { padding: 0 15px !important; color: var(--white) !important; }
.m-menu ul li a:hover { text-decoration: none !important; }
.m-menu ul li a,
nav .m-menu ul li label { padding: 0 15px; position: relative; display: block; line-height: 47px; text-align: left; text-decoration: var(--text-decoration); color: var(--white); border-bottom: 1px solid var(--white); cursor: pointer; }
nav .m-menu ul li label { border-bottom: 0; }
.m-menu ul li label.a-label__chevron { padding: 15px 25px; position: absolute; top: 0; right: 0; display: inline-block; height: 48px; border-left: solid 1px var(--white); }
.m-menu ul li label.a-label__chevron:after { padding: 5px; position: absolute; top: 19px; right: 20px; display: inline-block; width: 0; height: 0; border-color: var(--white); border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); content: ''; }
.m-menu ul li .-invisible { border-bottom: 0; }
.m-menu .m-menu label.m-menu__toggle { margin: 0 !important; padding: 0 0 0 10px; display: flex; border-bottom: 0; }
.m-menu__checkbox:checked ~ .m-menu__overlay { display: block; }
.m-menu__checkbox:checked ~ .m-menu { right: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); }
.m-menu ul li.btn { padding: 20px 10px 10px; }
.m-menu ul li.btn .button { width: var(--width); max-width: unset; text-align: center; color: var(--white) !important; }
.m-menu ul li.btn:last-child .button { border-bottom: 0; }

/* ### content container ### */
#contentCntr { width: var(--width); }

/* ### hero box ### */
.heroBox { margin-top: -140px; padding-top: 294px; position: relative; display: flex; justify-content: center; width: var(--width); min-height: 920px; }
.heroBox h1 { margin-bottom: 10px; padding: 7px 20px; display: inline-block; background-color: var(--white); }
.heroBox h2 { font-size: 20px; margin-bottom: 60px; padding: 10px 24px; display: inline-block; font-weight: var(--font-weight-500); background-color: var(--white); }
.heroBox p { font-size: 16px; margin-bottom: 60px; padding: 6px 20px; display: inline-block; font-weight: var(--font-weight-500); background-color: var(--white); }
.heroBox .intro { position: relative; z-index: 1; width: var(--width); max-width: 1060px; font-size: 20px; text-align: center; }
.heroBox .small_hero{ display: flex; flex-direction: column; align-items: center; }
.heroBox .bg-image { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); }
.heroBox .bg-image img { width: var(--width); height: var(--height); object-fit: cover; }
.heroBox .card-search { margin-right: auto; margin-left: auto; max-width: 838px; margin-bottom: 200px; }
.heroBox .list { margin-bottom: 10px; padding: 23px 43px 18px 38px; display: inline-block; list-style: none; background-color: var(--white); }
.heroBox .list > li { padding-bottom: 3px; padding-left: 18px; position: relative; font-size: var(--font-base); }
.heroBox .list > li:after { position: absolute; top: 5px; left: 0; font-family: var(--font-family-icon); font-size: 10px; color: var(--cyan); content: '\e904'; }
.heroBox .day { margin-bottom: 27px; display: flex; flex-wrap: wrap; }
.heroBox .day span { margin-right: 9px; padding: 1px 24px; display: inline-block; font-size: var(--font-base); font-weight: var(--font-weight-700); background-color: var(--white); }
.heroBox.inner { padding-top: 220px; min-height: 381px; }
.heroBox.inner1 { padding-top: 211px; justify-content: flex-start; min-height: 603px; }
.heroBox.inner1 .h1 { margin-bottom: 9px; padding: 0 20px 12px; display: inline-block; font-weight: var(--font-weight-700); line-height: 1; background-color: var(--white); }
.heroBox.inner1 .intro { text-align: left; }

/* ### banner box ### */
.bannerBox { margin-top: -140px; position: relative; width: var(--width); min-height: 140px; }
.bannerBox .bg-image { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); }
.bannerBox .bg-image img { width: var(--width); height: var(--height); object-fit: cover; }

/* ### travel Box ### */
.travelBox {padding-top: 0px; padding-bottom: 40px; position: relative; z-index: 1; width: var(--width); }
.travelBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.travelBox .column { margin-bottom: 33px; padding: 0 8px; width: 33.33%; }
.travelBox .btn { display: flex; flex-wrap: wrap; justify-content: center; width: var(--width); }
.travelBox.inner { margin-top: 0; }
.travelBox.inner .card-travel { padding: 0; }

/* ### review box ### */
.reviewBox { margin-bottom: 73px; padding-top: 69px; padding-bottom: 25px; position: relative; z-index: 1; width: var(--width); }
.reviewBox:after { position: absolute; top: 0; right: 50%; z-index: -1; width: var(--width); height: var(--height); border-radius: 4px; background-color: var(--grey-900); transform: translateX(31%); content: ''; pointer-events: none; }
.reviewBox h2 { margin-bottom: 32px; text-align: center; }
.reviewBox .block { margin-bottom: 26px; position: relative; }
.reviewBox .js-review-slider { display: none; }
.reviewBox .js-review-slider.slick-initialized { display: block; }
.reviewBox .slick-list { overflow: visible; margin-right: -80px; display: grid; height: 100%; }
.reviewBox .items { margin-right: 80px; opacity: 0.2; transition: var(--transition); }
.reviewBox .items.slick-current { opacity: 1; }
.reviewBox .card-review { height: var(--height); }
.reviewBox .btn { display: flex; flex-wrap: wrap; justify-content: center; width: var(--width); }
.reviewBox .btn-arrow { position: absolute; bottom: 22px; left: 243px; display: flex; }
.reviewBox .slick-arrow { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 11px; text-decoration: var(--text-decoration); color: var(--dark-black); border: solid 1px var(--dark-black); background-color: var(--white); }
.reviewBox .next-arrow { margin-left: 20px; }
.reviewBox.inner { margin-bottom: 32px; padding-top: 0; }
.reviewBox.inner:after { display: none; }
.reviewBox.inner .card-review .image:after { background-color: var(--white); }

/* ### testimonial box ### */
.testimonialBox { margin-bottom: 50px; padding-top: 69px; padding-bottom: 25px; position: relative; z-index: 1; width: var(--width); }
.testimonialBox .holder { margin: 0 -10px; display: flex; flex-wrap: wrap; }
.testimonialBox .column { margin-bottom: 68px; padding: 0 10px; width: 33.33%; }
.testimonialBox .btn { display: flex; justify-content: center; }

/* ### tour box ### */
.tourBox { margin-bottom: 73px; width: var(--width); }
.tourBox h2 { text-align: center; }
.tourBox .block { margin-bottom: 32px; width: var(--width); }
.tourBox table { width: var(--width); border: 0; }
.tourBox table tr:nth-child(even) { background-color: var(--grey-900); }
.tourBox table th { padding: 2px 42px; font-weight: var(--font-weight-700); text-align: left; }
.tourBox table td { padding: 9px 20px 10px 38px; max-width: 315px; line-height: 1.25; }
.tourBox table .d-none { display: none; }
.tourBox table td span { display: block; font-size: 12px; font-weight: var(--font-weight-700); color: var(--cyan); }
.tourBox table td em { display: block; font-style: normal; }
.tourBox table td i { display: inline-block; width: 16px; height: 16px; vertical-align: middle; border-radius: 50%; }
.tourBox table td i.yellow { background-color: var(--yellow); }
.tourBox table td i.cyan { background-color: var(--cyan); }
.tourBox .btn { display: flex; flex-wrap: wrap; justify-content: center; width: var(--width); }
.tourBox.inner table th { padding: 2px 0; }
.tourBox.inner table td { padding: 0 10px; }
.tourBox.inner .text { margin-left: auto; padding: 2px 4px; display: table; font-size: 12px; font-weight: var(--font-weight-700); color: var(--white); background-color: var(--cyan); }
.tourBox .button { width: var(--width); }

/* ### place box ### */
.placeBox { margin-bottom: 74px; padding-top: 74px; padding-bottom: 77px; position: relative; z-index: 1; width: var(--width); }
.placeBox:after { position: absolute; top: 0; left: 50%; z-index: -1; width: var(--width); height: var(--height); border-radius: 4px; background-color: var(--grey-900); transform: translateX(-31.3%); content: ''; pointer-events: none; }
.placeBox h2 { margin-bottom: 31px; text-align: center; }
.placeBox .holder { display: flex; flex-wrap: wrap; justify-content: center; }
.placeBox .column { width: 25%; }

/* ### news box ### */
.newsBox { margin-bottom: 80px; width: var(--width); }
.newsBox h2 { margin-bottom: 33px; text-align: center; }
.newsBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.newsBox .column { margin-bottom: 30px; padding: 0 8px; width: 33.33%; }
.newsBox .btn { display: flex; flex-wrap: wrap; justify-content: center; width: var(--width); }
.newsBox .custom-select { margin-bottom: 20px; max-width: 243px; }

/* ### overBox ### */
.overBox { margin-bottom: 80px; padding-top: 80px; padding-bottom: 55px; position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); }
.overBox:after { position: absolute; top: 0; right: 50%; z-index: -1; width: var(--width); height: var(--height); border-radius: 4px; background-color: var(--grey-900); transform: translateX(31.2%); content: ''; pointer-events: none; }
.overBox h2 { margin-bottom: 16px; }
.overBox .intro { width: 44.5%; }
.overBox .right { margin-right: -244px; width: calc(50% + 237px); }
.overBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.overBox .column { margin-bottom: 10px; padding: 0 8px; width: 62.5%; }
.overBox .column:last-child { width: 37.5%; }
.overBox .image { margin-bottom: 15px; width: var(--width); }
.overBox .image img { width: var(--width); }
.overBox.inner { flex-direction: row-reverse; }
.overBox.inner:after { right: unset; left: 50%; transform: translateX(-31.3%); }
.overBox.inner .right { margin-right: 0; margin-left: -244px; width: calc(50% + 237px); }
.overBox.inner .holder { flex-direction: row-reverse; }
.overBox.inner .intro { padding-top: 39px; }

.overBox .image.image_links img{ height: 360px; object-fit:cover; }
.overBox .image.image_rechts img{  height: 172.5px; object-fit:cover; }

/* ### cta box ### */
.ctaBox { padding-bottom: 114px; position: relative; width: var(--width); overflow: hidden; }
.ctaBox h2 { margin-bottom: 15px; color: var(--white); }
.ctaBox .block { padding-top: 74px; padding-bottom: 220px; display: flex; justify-content: center; text-align: center; background-color: var(--yellow); }
.ctaBox .intro { padding: 0 25px; position: relative; z-index: 1; width: var(--width); max-width: 950px; color: var(--white); }
.ctaBox .button { margin: 0 6px; }
.ctaBox .button-white { width: var(--width); max-width: 228px; }
.ctaBox .bg-image { position: absolute; bottom: 0; left: 50%; width: var(--width); height: 422px; transform: translateX(-50%); }
.ctaBox .bg-image img { width: var(--width); height: var(--height); object-fit: cover; }

/* ### breadcrumb box ### */
.breadcrumbBox { padding-top: 4px; padding-bottom: 4px; width: var(--width); }
.breadcrumbBox { display: flex; flex-wrap: wrap; list-style: none; }
.breadcrumbBox { position: relative; font-size: 12px; }
.breadcrumbBox a { font-size: 12px; text-decoration: var(--text-decoration); color: var(--dark-black); }
.breadcrumbBox a:hover { text-decoration: underline; }

.breadcrumbBox p{ margin-bottom: 10px; font-size: 12px; }

.breadcrumbBox.inner1,
.breadcrumbBox.inner { margin-bottom: 0; }
.breadcrumbBox.inner1 p { padding: 0 6px; display: inline-flex; background-color: var(--white); }
.breadcrumbBox .separator{ padding-left: 6px; padding-right: 6px; }
/* ### theme box ### */
.themeBox { margin-bottom: 60px; width: var(--width); }
.themeBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.themeBox .column { margin-bottom: 20px; padding: 0 8px; width: 33.33%; }

/* ### faq box ### */
.faqBox { margin-bottom: 60px; width: var(--width); }
.faqBox .title { font-size: 24px; font-weight: var(--font-weight-700); margin-bottom: 20px; }
.faqBox .items { margin-bottom: 43px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.faqBox .left { width: 25%; }
.faqBox .right { width: 66.3%; }

/* ### content box ### */
.contentBox { margin-bottom: 80px; width: var(--width); }
.contentBox h1 { margin-bottom: 14px; font-size: 36px; }
.contentBox h2 { margin-bottom: 6px; font-size: 24px; }
.contentBox h3 { margin-bottom: 9px; }
.contentBox h4 { margin-bottom: 10px; }
.contentBox p { margin-bottom: 21px; }
.contentBox .block { padding: 75px 20px 78px; display: flex; flex-wrap: wrap; justify-content: center; background-color: var(--grey-900); }
.contentBox .intro { width: var(--width); max-width: 955px; }
.contentBox .image { margin-bottom: 36px; width: var(--width); }
.contentBox .image img { width: var(--width); }
.contentBox .image .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.contentBox .image .column { padding: 0 8px; width: 50%; }
.contentBox .image .column-3 { padding: 0 8px; width: 33.33%; }
.contentBox .btn { width: var(--width); margin-bottom: 20px;}
.contentBox .btn .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; justify-content: center; }
.contentBox .btn .column { padding: 0 8px; width: 33.33%; }
.contentBox .btn .button { width: var(--width); }
.contentBox .lees-more { margin-bottom: 34px; }

/* ### social box ### */
.socialBox { margin-bottom: 80px; width: var(--width); }

/* ### ebook box ### */
.ebookBox { margin-bottom: 80px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); }
.ebookBox h2 { margin-bottom: 10px; }
.ebookBox .left { width: 74.8%; }
.ebookBox .right { width: 24%; }
.ebookBox .intro { padding: 23px 30px 25px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
.ebookBox .image { width: var(--width); height: var(--height); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
.ebookBox .image img { width: var(--width); height: var(--height); object-fit: cover; }
.ebookBox .card-social { margin-top: 48px; }
.ebookBox .button { width: 100%; max-width: 326px; }
.ebookBox .card-form { height: var(--height); }

/* ### auteur box ### */
.auteurBox { display: flex; align-items: center; justify-content: space-between; width: var(--width); }
.auteurBox h2 { font-size: 24px; }
.auteurBox ul { display: flex; flex-wrap: wrap; list-style: none; }
.auteurBox ul > li:after { margin: 0 14px; display: inline-block; width: 2px; height: 15px; vertical-align: middle; background-color: var(--black); content: ''; }
.auteurBox ul > li > a { text-decoration: underline; color: var(--cyan); transition: var(--transition); }
.auteurBox ul > li > a:hover { text-decoration: none; }
.auteurBox ul > li:first-child { margin-right: 13px; }
.auteurBox ul > li:first-child:after,
.auteurBox ul > li:last-child:after { display: none; }
.auteurBox .intro { padding-right: 15px; width: 85%; }
.auteurBox .intro p { margin-bottom: 22px; }
.auteurBox .image { width: var(--width); max-width: 201px; }
.auteurBox .image img { width: var(--width); border-radius: 100%; }

/* ### newsletter box ### */
.newsletterBox { padding-top: 50px; padding-bottom: 47px; width: var(--width); background-color: var(--cyan); }
.newsletterBox .card-newsletter { padding: 10px 20px; }
.newsletterBox .form-check { padding-top: 3px; }

/* ### tab box ### */
.tabBox { margin-bottom: 58px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); }
.tabBox h2 { margin-bottom: 13px; font-size: 24px!important;}
.tabBox h3 { margin-bottom: 15px; font-size: 20px!important;}
.tabBox p { margin-bottom: 33px; }
.tabBox .left { width: 75%; }
.tabBox .nav-tab { padding: 9px 0 9px 19px; position: sticky; top: 70px; background-color: var(--white); z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 2px solid rgba(42, 42, 42, 0.2); }
.tabBox .nav-tab > li { padding: 0 20px; font-size: 18px; font-weight: var(--font-weight-400); color: var(--black); list-style: none; transition: var(--transition); cursor: pointer; }
.tabBox .nav-tab > li:hover,
.tabBox .nav-tab > li.active { color: var(--white); background-color: var(--cyan); }
.tabBox .tab-item .tab_content { padding-top: 48px; padding-right: 15px; display: none; }
.tabBox .tab-item.first .tab_content { display: block; }
.tabBox .tab-item.first .tab_drawer_heading { border-top: 1px solid rgba(112, 112, 112, 0.2); }
.tabBox .right { margin-top: -202px; width: 24.2%; }
.tabBox .right .card-side { position: sticky; top: 75px; }
.tabBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.tabBox .column { margin-bottom: 15px; padding: 0; width: 33.33%; }
.tabBox .column_cta { padding: 0 8px;}
.tabBox blockquote { margin-bottom: 30px; padding: 10px 20px; font-size: 14px; font-weight: var(--font-weight-400); color: var(--white); background-color: var(--cyan-500); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); }
.tabBox blockquote code { font-family: var(--font-family-base); }
.tab_drawer_heading { margin-bottom: 0; padding: 15px 15px 15px 0; position: relative; display: none; font-weight: var(--font-weight-500); border-bottom: 1px solid rgba(112, 112, 112, 0.2); }
.tab_drawer_heading:after { position: absolute; top: 50%; right: 0; font-family: var(--font-family-icon); font-size: 8px; line-height: 1; transform: translateY(-50%); transition: var(--transition); content: '\e913'; }
.tab_drawer_heading.d_active:after { transform: rotate(-180deg); }

/* ### highlight box ### */
.highlightBox { width: var(--width); }
.highlightBox .column { margin-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); }
.highlightBox .intro { width: 54%; }
.highlightBox .intro h3 { font-size: 28px; }
.highlightBox .intro p { margin-bottom: 20px; }
.highlightBox .image { width: 44%; }
.highlightBox .image img { width: var(--width); }
.highlightBox .column.inner .intro { padding-left: 20px; order: 2; }
.highlightBox .column.inner .image { order: 1; }

/* ### traveling box ### */
.travelingBox { width: var(--width); }
.travelingBox .btn { display: flex; justify-content: center; width: var(--width); }
.travelingBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.travelingBox .column { margin-bottom: 15px; padding: 0 8px; width: 33.33%; }

/* ### photo box ### */
.photoBox { margin-bottom: 52px; width: var(--width); }
.photoBox h2 { margin-bottom: 32px; text-align: center; }
.photoBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.photoBox .column { padding: 0 8px; width: 31.3%; }
.photoBox .column:nth-child(even) { width: 18.6%; }
.photoBox .image { margin-bottom: 20px; width: var(--width); }
.photoBox .image img { width: var(--width); }
.photoBox .column .image img { max-height: 627px; }
.photoBox .column:nth-child(even) .image img { max-height: 304px; }

/* ### seo box ### */
.seoBox { margin-bottom: 87px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); }
.seoBox h2 { margin-bottom: 15px; }
.seoBox .intro { width: 45%; margin-bottom: 20px; }
.seoBox .intro p { margin-bottom: 22px; }

.introBox { text-align: center; max-width: 820px; width: 100%; padding-left: 20px; padding-right: 20px; margin: 0 auto; }
.introBox h2 { margin-bottom: 15px; }


/* ### form box ### */
.formBox { margin-bottom: 72px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); }
.formBox h2 { margin-bottom: 18px; font-size:20px;}
.formBox p { margin-bottom: 15px; line-height: 1.65; }
.formBox .left { width: 74.5%; }
.formBox .right { width: 24.2%; }
.formBox .right .sticky { position: sticky; top: 75px; }
.formBox .right .card-side { margin-bottom: 40px; }
.formBox .button { margin-bottom: 10px; width: var(--width); }

/* ### error box ### */
.errorBox { margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); }
.errorBox h2 { margin-bottom: 18px; }
.errorBox p { margin-bottom: 5px; }
.errorBox p a { text-decoration: underline; color: var(--dark-black); }
.errorBox p a:hover { text-decoration: var(--text-decoration); }
.errorBox ul { padding-bottom: 30px; list-style: none; }
.errorBox ul > li { padding-bottom: 3px; }
.errorBox ul > li > a { text-decoration: underline; color: var(--dark-black); }
.errorBox ul > li > a:hover { text-decoration: var(--text-decoration); }
.errorBox .left { width: 74%; }
.errorBox .intro { margin-bottom: 30px; padding: 23px 30px 15px; width: var(--width); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
.errorBox .right { width: 25%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
.errorBox .image { width: var(--width); height: var(--height); }
.errorBox .image img { width: var(--width); height: var(--height); object-fit: cover; }

/* ### hotel box ### */
.hotelBox { width: var(--width); }
.hotelBox .wrap { margin-bottom: 22px; padding-top: 7px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.hotelBox .intro { width: 55%; }
.hotelBox .wrap .image { width: 43.3%; }
.hotelBox .image img { width: var(--width); }
.hotelBox .holder { margin: 0 -8px; display: flex; flex-wrap: wrap; }
.hotelBox .column { margin-bottom: 15px; padding: 0 8px; width: 33.33%; }
.hotelBox .card-faq .accordion-item { padding: 12px 24px 12px 20px; }
.hotelBox .card-faq .accordion-content p { margin-bottom: 22px; }


.accordion-content .wrap { margin-bottom: 22px; padding-top: 7px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.accordion-content .intro { width: 55%; }
.accordion-content .wrap .image { width: 43.3%; }
.accordion-content .wrap .image img{ width: 100%; height: auto; }

blockquote p{ padding: 0!important; margin: 0!important; }


/* ### sticky box ### */
.stickyBox { padding-top: 10px; padding-bottom: 10px; position: fixed; bottom: 0; left: 0; z-index: 4; display: none; align-items: center; justify-content: space-between; width: var(--width); background-color: var(--white); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); }
.stickyBox h4 { margin-bottom: 0; font-size: 18px; }
.stickyBox h5 { margin-right: 30px; margin-bottom: 0; }
.stickyBox h5 em { font-size: 12px; font-weight: var(--font-weight-400); font-style: normal; }
.stickyBox .price { display: flex; flex: 0 0 auto; align-items: center; }

/* ### usps box ### */
.uspsBox { padding-top: 15px; padding-bottom: 13px; width: var(--width); background-color: var(--white); }
.uspsBox .js-usp-slider { display: none; }
.uspsBox .js-usp-slider.slick-initialized { display: block; }
.uspsBox .item { margin-right: 278px; font-size: 14px; color: var(--cyan); }
.uspsBox .item p { margin-bottom: 0; }
.uspsBox .item p i { font-size: 10px; }

/* ### card-hotel ### */
.card-hotel { width: var(--width); text-decoration: var(--text-decoration); background-color: var(--white); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); height: 100%; }
.card-hotel span { display: block; font-size: 16px; font-weight: var(--font-weight-700); line-height: 1.1; color: var(--dark-black); }
.card-hotel .image { width: var(--width); overflow: hidden; }
.card-hotel .image img { width: var(--width); transition: var(--transition); height: 240px; object-fit:cover; }
.card-hotel .info { padding: 18px 20px; width: var(--width); display: flex; align-items: center; justify-content: center; }
.card-hotel .info span{ text-align: center; display: inline-block; }
.card-hotel:hover .image img { transform: scale(1.05); }

/* ### card-exclusive ### */
.card-exclusive { margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); }
.card-exclusive h3 { font-size: 28px; }
.card-exclusive .list { width: 48%; }
.card-exclusive .list ul { list-style: none; }
.card-exclusive .list ul > li { padding-bottom: 3px; padding-left: 18px; position: relative; font-size: var(--font-base); }
.card-exclusive .list ul > li:after { position: absolute; top: 5px; left: 0; font-family: var(--font-family-icon); font-size: 10px; color: var(--cyan); content: '\e904'; }
.card-exclusive .cross ul > li:after { top: -2px; left: -2px; font-size: 20px; color: var(--black); transform: rotate(45deg); content: '\e909'; }

/* ### card-photo ### */
.card-photo { position: relative; display: block; width: var(--width); text-decoration: var(--text-decoration); overflow: hidden; }
.card-photo span { padding: 1px 35px; position: absolute; top: 50%; left: 50%; z-index: 1; display: inline-block; font-weight: var(--font-weight-600); text-transform: uppercase; color: var(--black); background-color: var(--white); transform: translate(-50%, -50%); }
.card-photo .image { width: var(--width); }
.card-photo .image img { width: var(--width); transition: var(--transition); }
.card-photo:hover .image img { transform: scale(1.05); }

/* ### card-side ### */
.card-side { padding: 2px; position: relative; display: block; width: var(--width); text-decoration: var(--text-decoration);
background-color: var(--white); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); overflow: hidden; }
.card-side ul { padding-top: 23px; display: flex; flex-wrap: wrap; list-style: none; }
.card-side ul > li { margin-right: 10px; }
.card-side ul > li > a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 22px; text-decoration: var(--text-decoration); color: var(--cyan); border: solid 2px var(--cyan); }
.card-side ul > li > a:hover { color: var(--white); background-color: var(--cyan); }
.card-side span { margin-bottom: 17px; display: block; font-size: 18px; font-weight: var(--font-weight-700); line-height: 1.1; }
.card-side .image { width: var(--width); }
.card-side .image img { width: var(--width); }
.card-side .info { padding: 28px 30px 30px 28px; }
.card-side address { padding-bottom: 16px; font-style: normal; line-height: 1.6; color: var(--dark-black); }
.card-side .button { margin-bottom: 10px; width: var(--width); }

/* ### card-form ### */
.card-form { padding: 23px 30px 15px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
.card-form .form-group { margin: 0 -12px; display: flex; flex-wrap: wrap; }
.card-form .form-item { margin-bottom: 13px; padding: 0 12px; width: 50%; }
.card-form .form-item.large { width: var(--width); }
.card-form .column.submit { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.card-form .label-text { margin-bottom: 3px; display: block; font-size: 14px; font-weight: var(--font-weight-600); }
.card-form .button { padding: 16px; max-width: 316px; }
.card-form .btn-item { padding: 0 12px; display: flex; align-items: center; justify-content: space-between; width: var(--width); }

/* ### card-traveling ### */
.card-traveling { margin-bottom: 20px; display: flex; flex-wrap: wrap; text-decoration: var(--text-decoration); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); color: var(--dark-black); }
.card-traveling .image { overflow: hidden; width: 44%; }
.card-traveling .image img { width: var(--width); height: var(--height); transition: var(--transition); object-fit: cover; }
.card-traveling .content { padding: 27px 30px 27px 27px; width: 56%; }
.card-traveling h3 { margin-bottom: 18px; }
.card-traveling ul > li { padding-bottom: 3px; padding-left: 16px; position: relative; color: var(--dark-black); list-style: none; }
.card-traveling ul > li:before { position: absolute; top: 5px; left: 0; font-family: var(--font-family-icon); font-size: 10px; color: var(--cyan); content: '\e904'; }
.card-traveling .price { padding-top: 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.card-traveling .rate { margin-bottom: 10px; font-size: 12px; color: var(--dark-black); }
.card-traveling .rate strong { font-size: 16px; }
.card-traveling span { margin-bottom: 10px; display: block; min-width: 195px; text-align: center; transition: var(--transition); }
.card-traveling:hover img { transform: scale(1.05); }

/* ### card-faq ### */
.card-faq { width: var(--width); }
.card-faq .accordion-list { list-style: none; }
.card-faq .accordion-item { margin-bottom: 15px; padding: 12px 40px 12px 20px; position: relative; background-color: var(--white); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); }
.card-faq .accordion-item:before,
.card-faq .accordion-item:after { position: absolute; top: 14px; right: 10px; font-family: var(--font-family-icon); font-size: 16px; font-weight: 700; content: '\e909'; }
.card-faq .accordion-item.active:after { display: none; }
.card-faq .accordion-item.active:before { content: '\e90a'; }
.card-faq .accordion-title { font-weight: var(--font-weight-700); cursor: pointer; }
.card-faq .accordion-content { padding-top: 10px; }
.card-faq .accordion-content p { margin-bottom: 10px; }

/* ### card-social ### */
.card-social { padding: 29px 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: var(--width); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
.card-social span { font-size: 18px; font-weight: var(--font-weight-700); color: var(--dark-black); }
.card-social ul { margin: 0 -20px; padding-bottom: 0; display: flex; flex-wrap: wrap; width: var(--width); list-style: none; }
.card-social ul > li { padding: 0 20px; width: 33.33%; }
.card-social ul > li > a { padding: 13px 15px; display: flex; align-items: center; justify-content: center; text-decoration: var(--text-decoration); color: var(--white); background-color: var(--cyan); transition: var(--transition); }
.card-social ul > li > a:hover { color: var(--white); background-color: var(--dark-cyan); }
.card-social ul > li > a:hover i { color: var(--white); }
.card-social ul > li > a i { margin-left: 10px; display: inline-block; font-size: 16px; vertical-align: middle; transition: var(--transition); }
.card-social ul > li:last-child { margin-right: 0; }
.card-social.inner { padding: 29px 40px; }
.card-social.inner ul { margin: 0 -25px; justify-content: unset; width: 84%; }
.card-social.inner ul > li { margin-right: 0; padding: 0 25px; width: 25%; }

/* ### card-news ### */
.card-news { display: block; height: var(--height); text-decoration: var(--text-decoration); background-color: var(--white); transition: var(--transition); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
.card-news h3 { margin-bottom: 20px; }
.card-news span { margin-bottom: 20px; display: block; font-size: 18px; font-weight: var(--font-weight-700); line-height: 1.1; color: var(--dark-black); }
.card-news .image { position: relative; width: var(--width); height: 238px; overflow: hidden; }
.card-news .image img { width: var(--width); height: var(--height); object-fit: cover; transition: var(--transition); }
.card-news .intro { padding: 37px 40px 32px; color: var(--black); }
.card-news .intro p { margin-bottom: 22px; }
.card-news .tag { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.card-news .tag span { padding: 1px 25px; display: inline-block; font-size: 12px; font-weight: var(--font-weight-700); text-transform: uppercase; color: var(--dark-black); vertical-align: top; background-color: var(--white); }
.card-news:hover .lees-more { text-decoration: var(--text-decoration); }
.card-news:hover img { transform: scale(1.05); }

/* ### card-place ### */
.card-place { position: relative; display: block; width: var(--width); text-decoration: var(--text-decoration); overflow: hidden; }
.card-place h3 { color: var(--white); }
.card-place .image { position: relative; width: var(--width); height: 560px; overflow: hidden; }
.card-place .image:after { position: absolute; bottom: 0; left: 0; width: var(--width); height: 50%; background: linear-gradient(to top, rgba(14, 129, 134, 0.9) 40%, rgba(0, 0, 0, 0) 100%); content: ''; }
.card-place .image img { width: var(--width); height: var(--height); object-fit: cover; transition: var(--transition); }
.card-place .title { padding: 10px 29px 18px 39px; position: absolute; bottom: 0; left: 0; width: var(--width); }
.card-place .text { opacity: 0; max-height: 0; font-weight: var(--font-weight-300); font-style: italic; transition: var(--transition); }
.card-place .text p { color: var(--white); }
.card-place:hover .text { opacity: 1; max-height: 350px; }
.card-place:hover .image img { transform: scale(1.05); }

/* ### card-review ### */
.card-review { position: relative; width: var(--width); }
.card-review h5 { font-style: italic; }
.card-review .image { position: relative; width: var(--width); height: 660px; }
.card-review .image:after { position: absolute; top: 0; left: 0; width: 100%; max-width: 363px; height: 100%; background-color: var(--grey-900); content: ''; pointer-events: none; }
.card-review .image img { width: var(--width); height: var(--height); object-fit: cover; }
.card-review .card-testimonial { position: absolute; top: 80px; left: 0; z-index: 1; max-width: 468px; }

/* ### card-testimonial ### */
.card-testimonial { padding: 37px 40px; position: relative; width: var(--width); background-color: var(--white); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);  display: flex; flex-direction: column; justify-content: space-between; }
.testimonialBox .card-testimonial{ height: 100%; }
.card-testimonial:before { position: absolute; top: -49px; left: 10px; font-family: var(--font-family-icon); font-size: 45px; font-style: normal; color: var(--cyan); content: '\e90f'; }
.card-testimonial p { margin-bottom: 31px; }
.card-testimonial h3 { font-style: italic; }
.card-testimonial .image { position: relative; width: var(--width); height: 660px; }
.card-testimonial .image:after { position: absolute; top: 0; left: 0; width: 100%; max-width: 363px; height: 100%; background-color: var(--grey-900); content: ''; pointer-events: none; }
.card-testimonial .image img { width: var(--width); height: var(--height); object-fit: cover; }
.card-testimonial .info { padding-top: 20px; display: flex; width: var(--width); }
.card-testimonial .user { flex: 0 0 auto; width: 64px; height: 64px; }
.card-testimonial .user img { width: 100%; height: 100%; object-fit: cover; border-radius: 100%; }
.card-testimonial .title { padding-left: 10px; }
.card-testimonial .star { display: flex; list-style: none; }
.card-testimonial .star > li { margin-right: 2px; font-size: 14px; line-height: normal; color: var(--yellow-900); }
.card-testimonial .name { font-size: 14px; font-weight: var(--font-weight-600); font-style: normal; line-height: normal; }
.card-testimonial .name em { font-weight: var(--font-weight-400); font-style: normal; }
.card-testimonial .date { display: flex; list-style: none; }
.card-testimonial .date > li { position: relative; font-size: 14px; font-weight: var(--font-weight-400); font-style: normal; line-height: normal; }
.card-testimonial .date > li:after { margin: 0 10px; display: inline-block; width: 2px; height: 12px; vertical-align: middle; background-color: var(--dark-black); content: ''; }
.card-testimonial .date > li:last-child:after { display: none; }
.review_text_holder{ flex: auto; }


.card-testimonial-single{ margin-bottom: 40px; }
.card-testimonial-single .image { position: relative; width: var(--width); height: 660px; }
.card-testimonial-single .image:after { position: absolute; top: 0; left: 0; width: 100%; max-width: 363px; height: 100%; background-color: var(--grey-900); content: ''; pointer-events: none; }
.card-testimonial-single .image img { width: var(--width); height: var(--height); object-fit: cover; }
.card-testimonial-single .info { padding-top: 20px; display: flex; width: var(--width); }
.card-testimonial-single .user { flex: 0 0 auto; width: 64px; height: 64px; }
.card-testimonial-single .user img { width: 100%; height: 100%; object-fit: cover; border-radius: 100%; }
.card-testimonial-single .title { padding-left: 10px; }
.card-testimonial-single .star { display: flex; list-style: none; }
.card-testimonial-single .star > li { margin-right: 2px; font-size: 14px; line-height: normal; color: var(--yellow-900); }
.card-testimonial-single .name { font-size: 14px; font-weight: var(--font-weight-600); font-style: normal; line-height: normal; }
.card-testimonial-single .name em { font-weight: var(--font-weight-400); font-style: normal; }
.card-testimonial-single .date { display: flex; list-style: none; }
.card-testimonial-single .date > li { position: relative; font-size: 14px; font-weight: var(--font-weight-400); font-style: normal; line-height: normal; }
.card-testimonial-single .date > li:after { margin: 0 10px; display: inline-block; width: 2px; height: 12px; vertical-align: middle; background-color: var(--dark-black); content: ''; }
.card-testimonial-single .date > li:last-child:after { display: none; }




/* ### card-travel ### */
.card-travel { padding: 6px; width: var(--width); text-decoration: var(--text-decoration); background-color: var(--white); transition: var(--transition); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); height:100%; }
.card-travel .image { position: relative; width: var(--width); height: 237px; overflow: hidden; }
.card-travel .image img { width: var(--width); height: var(--height); object-fit: cover; transition: var(--transition); }
.card-travel .tag { position: absolute; top: 0; left: 50%; display: flex; transform: translateX(-50%); }
.card-travel .tag span { margin: 0 5px; padding: 0 12px; display: inline-block; font-size: 10px; font-weight: var(--font-weight-700); text-transform: uppercase; color: var(--dark-black); vertical-align: top; background-color: var(--white); white-space: nowrap; }
.card-travel .info { padding: 35px; width: var(--width); height: calc(100% - 237px); display: flex; justify-content: space-between; flex-direction: column; }
.card-travel .info span { margin-bottom: 18px; display: block; min-height: 42px; font-size: 18px; font-weight: var(--font-weight-700); line-height: 1.1; color: var(--dark-black); }
.card-travel .info ul { margin-bottom: 18px; list-style: none; }
.card-travel .info ul > li { padding-bottom: 3px; padding-left: 15px; position: relative; color: var(--dark-black); }
.card-travel .info ul > li:after { position: absolute; top: 5px; left: -2px; font-family: var(--font-family-icon); font-size: 10px; color: var(--cyan); content: '\e904'; }
.card-travel .info .price { padding-top: 13px; padding-bottom: 12px; font-weight: var(--font-weight-700); text-align: center; color: var(--dark-black); border-top: solid 1px rgba(70, 70, 70, 0.2); margin-top: auto; }
.card-travel .info .price em { font-size: 12px; font-weight: var(--font-weight-400); font-style: normal; }
.card-travel:hover .image img { transform: scale(1.05); }
.card-travel:hover .button { background-color: var(--dark-yellow); }

/* ### card-theme ### */
.card-theme { width: var(--width); text-decoration: var(--text-decoration); background-color: var(--white); transition: var(--transition); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
.card-theme .image { width: var(--width); overflow: hidden; height: 238px; }
.card-theme .image img { width: var(--width); height: var(--height); object-fit: cover; transition: var(--transition); }
.card-theme .info { padding: 37px 40px 35px; width: var(--width); }
.card-theme .info span { margin-bottom: 36px; display: block; font-size: 18px; font-weight: var(--font-weight-700); line-height: 1.1; color: var(--dark-black); }
.card-theme:hover .image img { transform: scale(1.05); }
.card-theme:hover .button { background-color: var(--dark-yellow); }

/* ### card-search ### */
.card-search { padding: 11px 29px; width: var(--width); text-align: left; background-color: var(--white); }
.card-search .column { margin: 0 -10px; display: flex; flex-wrap: wrap; }
.card-search label { padding-top: 5px; display: block; font-size: var(--font-base); font-weight: var(--font-weight-700); }
.card-search .form-group { padding: 0 10px; position: relative; width: 33.33%; line-height: 1.2; }
.card-search .form-group:after { position: absolute; top: -5px; right: 15px; width: 2px; height: 50px; background-color: rgba(54, 51, 50, 0.1); content: ''; }
.card-search .form-group:nth-child(2):after,
.card-search .form-group:last-child:after { display: none; }
.card-search .form-select { padding: 0; min-height: auto; border: 0; background-color: transparent;}
.card-search .button { width: var(--width); height: 50px; }

/* ### card-newsletter ### */
.card-newsletter { padding: 15px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: var(--width); background-color: var(--white); }
.card-newsletter h4 { margin-bottom: 0; font-size: 18px; margin-bottom: 6px!important;}
.card-newsletter h4 span { display: block; font-size: 16px; font-weight: var(--font-weight-400); }
.card-newsletter .form { width: 68%; }
.card-newsletter .form-group { display: flex; }
.card-newsletter input { margin-right: 16px; width: 37%; }
.card-newsletter .button.submit { max-width: 214px; }

/* ### footer container ### */
#footerCntr { overflow: hidden; width: var(--width); }

/* ### footer box ### */
.footerBox { padding-top: 72px; padding-bottom: 80px; width: var(--width); background-color: var(--black-900); }
.footerBox .holder { margin: 0 -10px; padding-bottom: 27px; display: flex; flex-wrap: wrap; }
.footerBox .column { padding: 0 10px; position: relative; z-index: 1; width: 25%; }
.footerBox .title { margin-bottom: 5px; font-size: 18px; font-weight: var(--font-weight-700); color: var(--white); }
.footerBox .menu { width: var(--width); }
.footerBox .menu ul { margin-bottom: 32px; list-style: none; }
.footerBox .menu ul > li { padding-bottom: 5px; line-height: normal; }
.footerBox .menu ul > li > a { text-decoration: underline; color: var(--white); }
.footerBox .menu ul > li > a:hover { text-decoration: var(--text-decoration); color: var(--yellow); }
.footerBox .menu address { margin-bottom: 35px; font-style: normal; color: var(--white); }
.footerBox .certified img { max-width: var(--width); }
.footerBox .link { color: var(--white); }
.footerBox .link:hover { text-decoration: var(--text-decoration); color: var(--yellow); }

/* ### copyright box ### */
.copyrightBox { padding-top: 10px; padding-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: var(--width); background-color: var(--white); }
.copyrightBox .menu { display: flex; flex-wrap: wrap; list-style: none; }
.copyrightBox .menu > li { position: relative; font-size: 14px; }
.copyrightBox .menu > li:after { margin: 0 12px; display: inline-block; width: 1px; height: 13px; vertical-align: middle; background-color: var(--dark-black); content: ''; }
.copyrightBox .menu > li:last-child:after { display: none; }
.copyrightBox .menu > li > a { font-size: 14px; text-decoration: underline; color: var(--dark-black); }
.copyrightBox .menu > li > a:hover { text-decoration: var(--text-decoration); color: var(--yellow); }
.copyrightBox .social { display: flex; flex-wrap: wrap; list-style: none; }
.copyrightBox .social > li { margin-left: 14px; }
.copyrightBox .social > li > a { font-size: 27px; text-decoration: var(--text-decoration); color: var(--cyan); transition: var(--transition); }
.copyrightBox .social > li > a:hover { color: var(--dark-cyan); }


/* #Media Queries
================================================== */
@media only screen and (max-width: 1800px) {
	.centered { padding-right: 60px; padding-left: 60px; }
	.topBox .item { margin-right: 50px; }
}
@media only screen and (max-width: 1440px) {
	.topBox .item { margin-right: 30px; }
	.menuBox:not(.mm-menu) { width: 79%; }
	.menuBox:not(.mm-menu) ul { margin-right: 10px; }
	.menuBox:not(.mm-menu) ul > li { margin-right: 20px; }
	.overBox .right { margin-right: -20px; width: calc(50% + 50px); }
	.overBox.inner .right { margin-right: 0; margin-left: -20px; width: calc(50% + 50px); }
	.tabBox .nav-tab { padding: 9px 0; }
	.tabBox .nav-tab > li { padding: 0 12px; font-size: 16px; }
	.card-social ul { margin: 0 -10px; }
	.card-social ul > li { padding: 0 10px; }
	.card-social.inner ul { margin: 0 -5px; }
	.card-social.inner ul > li { margin: 0 0 10px; padding: 0 5px; width: 25%; }
	.card-side .info { padding: 25px; }
}

@media only screen and (max-width: 1199px) {
	h2 { font-size: 32px; }
	.headerBox .logo { width: 150px; height: 80px; }
	.headerBox .logo img { width: 120px; }
	.menuBox:not(.mm-menu) { display: none; }
	.mobile-menu { display: block; }
	.tourBox table th { padding: 2px 15px; }
	.tourBox table td { padding: 11px 15px; }
	.tourBox table th.head-none { display: none; }
	.tourBox table td.link-none { display: none; }
	.placeBox .column { width: 33.33%; }
	.tabBox .left { margin-bottom: 30px; width: var(--width); }
	.tabBox .tab-item .tab_content { padding-right: 0; }
	.tabBox .right { margin-top: 0; width: var(--width); }
	.ebookBox .left { margin-bottom: 50px; width: var(--width); }
	.ebookBox .right { margin-top: 0; width: var(--width); }
	.testimonialBox .column { width: 50%; }
	.formBox .left { margin-bottom: 40px; width: var(--width); }
	.formBox .right { margin-top: 0; width: var(--width); }
	.card-newsletter h4 { margin-bottom: 10px; }
	.card-newsletter .form-group { margin-bottom: 10px; }
	.card-testimonial { padding: 35px 30px; }
	.card-news .intro { padding: 30px 25px; }
	.card-place .image { height: 420px; }
	.card-newsletter h5 { margin-bottom: 15px; width: var(--width); }
	.card-newsletter .form { width: var(--width); }
	.card-travel .info { padding: 30px 20px; }
	.card-social ul > li { margin-bottom: 15px; width: 50%; }
	.card-social.inner { padding: 25px 20px; }
	.card-social.inner h5 { margin-bottom: 20px; }
	.card-social.inner ul { width: var(--width); }
}


@media only screen and (max-width: 991px) {
	.h1,
	h1 { font-size: 45px; }
	h2 { font-size: 30px; }
	.topBox .left { width: 50%; }
	.topBox p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.topBox ul > li { padding: 10px 14px 6px; }
	.topBox ul > li:last-child { padding: 10px 14px 6px; }
	.heroBox { padding-top: 180px; padding-bottom: 50px; min-height: 700px; }
	.heroBox.inner1 { padding-top: 180px; }
	.travelBox { margin-bottom: 40px; }
	.travelBox .column { margin-bottom: 20px; width: 50%; }
	.reviewBox .btn-arrow { bottom: 0; left: 0; }
	.tourBox table .m-none { display: none; }
	.tourBox table .d-none { display: block; }
	.tourBox.inner table td { padding: 10px; }
	.placeBox { margin-bottom: 50px; }
	.placeBox .column { width: 50%; }
	.newsBox { margin-bottom: 50px; }
	.newsBox .column { width: 50%; }
	.overBox { padding-top: 50px; }
	.overBox .intro { padding-top: 0; order: 2; width: var(--width); }
	.overBox .right { margin-bottom: 20px; width: var(--width); }
	.overBox.inner .right { width: var(--width); }
	.overBox.inner .intro { padding-top: 0; }
	.uspsBox .item { margin-right: 0; }
	.ctaBox .block { padding-top: 50px; }
	.themeBox .column { width: 50%; }
	.faqBox { margin-bottom: 50px; }
	.faqBox .items { margin-bottom: 30px; }
	.faqBox .left,
	.faqBox .right { width: var(--width); }
	.testimonialBox { margin-bottom: 35px; }
	.contentBox { margin-bottom: 50px; }
	.contentBox .block { padding: 45px 30px; }
	.auteurBox { margin-bottom: 50px; }
	.auteurBox .intro { padding-right: 0; width: 70%; }
	.auteurBox .image { width: 25%; }
	.tabBox .nav-tab { display: none; }
	.tab_drawer_heading { display: block; }
	.seoBox { margin-bottom: 30px; }
	.seoBox .intro { margin-bottom: 30px; width: var(--width); }
	.photoBox { margin-bottom: 40px; }
	.stickyBox { padding-top: 15px; flex-wrap: wrap; justify-content: center; text-align: center; }
	.stickyBox h5 { margin-bottom: 12px; }
	.stickyBox .price { justify-content: center; width: var(--width); }
	.ebookBox { margin-bottom: 50px; }
	.errorBox .left { margin-bottom: 40px; width: var(--width); }
	.errorBox .right { margin-top: 0; width: var(--width); }
	.card-social ul > li { margin-bottom: 20px; width: 50%; }
	.card-social.inner ul > li { width: 33.33%; }
	.card-theme .info { padding: 30px; }
	.card-review .card-testimonial { padding: 30px; top: 50px; max-width: 380px; }
	.card-review .card-testimonial .info { padding-top: 0; }
	.card-review .image:after { max-width: 280px; }
	.card-place .image { height: auto; }
	.footerBox { padding-top: 50px; padding-bottom: 40px; }
	.footerBox .holder { padding-bottom: 50px; }
	.footerBox .column { width: 33.33%; }
	.copyrightBox { justify-content: center; }
	.copyrightBox .menu { margin-bottom: 10px; justify-content: center; }
}

@media only screen and (min-width: 768px) {
	.footerBox .hidden-text { display: block !important; height: auto !important; }
}

@media only screen and (max-width: 767px) {
	.centered { padding-right: 20px; padding-left: 20px; }
	.h1,
	h1 { font-size: 40px; }
	h2 { font-size: 30px; }
	.topBox { padding: 8px 15px; justify-content: center; }
	.topBox .left { padding-left: 0; width: 100%; }
	.topBox ul { display: none; }
	.topBox .js-usp-slider.slick-initialized { text-align: center; }
	.heroBox h2 { margin-bottom: 30px; }
	.travelBox { margin-top: -30px; }
	.travelBox .column { width: var(--width); }
	.reviewBox { padding-top: 50px; }
	.reviewBox .slick-list { margin-right: -10px; }
	.reviewBox .items { margin-right: 10px; }
	.reviewBox .card-review .image { height: 450px; }
	.reviewBox .btn-arrow { top: 10px; right: 5px; bottom: unset; left: unset; }
	.placeBox .column { width: var(--width); }
	.newsBox .column { width: var(--width); }
	.newsBox .custom-select { max-width: inherit; }
	.overBox { margin-bottom: 50px; background-color: var(--grey-900); }
	.overBox:after { display: none; }
	.uspsBox .js-usp-slider.slick-initialized { text-align: center; }
	.ctaBox .button { margin: 8px; }
	.themeBox .column { width: var(--width); }
	.contentBox h1 { font-size: 30px; }
	.contentBox .image { margin-bottom: 25px; }
	.contentBox .image .column { margin-bottom: 15px; width: var(--width); }
	.contentBox .image .column-3 { margin-bottom: 15px; width: var(--width); }
	.contentBox .btn .column { margin-bottom: 15px; width: var(--width); }
	.auteurBox { flex-wrap: wrap; }
	.auteurBox .intro { order: 2; width: var(--width); }
	.auteurBox .image { margin-bottom: 20px; order: 1; width: var(--width); max-width: 150px; }
	.auteurBox ul > li:first-child { width: var(--width); }
	.newsletterBox .card-newsletter { padding: 20px; }
	.newsletterBox .form-check { padding-top: 10px; }
	.travelingBox .column { width: 50%; }
	.testimonialBox .column { width: var(--width); }
	.testimonialBox .column:last-child { margin-bottom: 35px; }
	.formBox { margin-bottom: 50px; }
	.tabBox .column { width: 50%; }
	.tabBox .tab-item .tab_content { padding-right: 0; }
	.highlightBox .intro { order: 2; width: var(--width); }
	.highlightBox .intro h3 { font-size: 24px; }
	.highlightBox .image { margin-bottom: 30px; order: 1; width: var(--width); }
	.highlightBox .column { width: var(--width); }
	.highlightBox .column:last-child .intro { padding-left: 0; }
	.hotelBox .column { margin-bottom: 20px; width: 50%; }
	.hotelBox .intro { margin-bottom: 20px; width: var(--width); }
	.hotelBox .wrap .image { width: var(--width); }
	.photoBox .column { width: 63%; }
	.photoBox .column:nth-child(even) { width: 37%; }
	.ebookBox .button { max-width: inherit; }
	.stickyBox h5, .stickyBox h4  { display: none; }
	.stickyBox h6 { margin-bottom: 10px; }
	.stickyBox .price { flex-wrap: wrap; }
	.card-form .form-check { margin-bottom: 15px; padding-top: 0; }
	.card-form .btn-item { flex-wrap: wrap; }
	.card-form .form-item { width: var(--width); }
	.card-social.inner ul > li { width: var(--width); }
	.card-review .card-testimonial { margin: -200px auto 0; position: relative; top: 0; width: 90%; max-width: inherit; }
	.card-review .image:after { display: none; }
	.card-review .intro p { margin-bottom: 15px; }
	.card-search .form-group { margin-bottom: 20px; width: 50%; }
	.card-search .form-group:last-child { width: var(--width); }
	.card-newsletter .form-group { flex-wrap: wrap; }
	.card-newsletter input { margin-right: 0; margin-bottom: 15px; width: var(--width); }
	.card-newsletter .button.submit { width: 50%; max-width: unset; }
	.card-travel .image { height: auto; }
	.card-travel .info h5 { min-height: auto; }
	.card-traveling .content,
	.card-traveling .image { width: var(--width); }
	.card-social ul { margin: 0; }
	.card-social ul > li { padding: 0; width: var(--width); }
	.card-form .button { max-width: inherit; }
	.card-exclusive { margin-bottom: 0; }
	.card-exclusive h3 { font-size: 14px; }
	.card-exclusive .list { margin-bottom: 20px; width: var(--width); }
	.footerBox .column { width: var(--width); }
	.footerBox .title { margin-bottom: 15px; padding-bottom: 10px; position: relative; border-bottom: 1px solid var(--white); }
	.footerBox .title:after { position: absolute; top: 13px; right: 15px; font-family: var(--font-family-icon); font-size: 8px; color: var(--white); transition: var(--transition); content: '\e913'; }
	.footerBox .title.active:after { transform: rotate(-180deg); }
	.footerBox .subscribe .title { margin-bottom: 15px; }
	.footerBox .hidden-text { display: none; }
	.footerBox .certified { margin-bottom: 20px; }
	
	.heroBox h1{ font-size: 26px; }
	.heroBox h2{ font-size: 16px; }
	.heroBox .card-search { margin-bottom: 70px; }
	.heroBox p { font-size: 16px;}
}

@media only screen and (max-width: 479px) {
	.centered { padding-right: 15px; padding-left: 15px; }
	.button { width: var(--width); }
	.errorBox .right,
	.formBox .right,
	.ebookBox .right,
	.tabBox .right { max-width: inherit; }
	.card-newsletter .button.submit,
	.tabBox .column,
	.hotelBox .column,
	.travelingBox .column { width: var(--width); }
	.overBox .column,
	.overBox .column:last-child { width: var(--width); }
	.photoBox .column,
	.photoBox .column:nth-child(even) { width: var(--width); }
	.card-search .form-group { width: var(--width); }
	.card-search .form-group:after { display: none; }
	.card-review .card-testimonial .info { flex-wrap: wrap; }
	.card-review .card-testimonial .user { margin-bottom: 10px; }
	.card-review .title { padding-left: 0; width: var(--width); }
	.ctaBox .button-white { max-width: inherit; }
	.heroBox .card-search { margin-bottom: 40px; }
	.hero_voetnoot{ margin-bottom: 80px!important; }
	.overBox .image.image_links img{ height: auto; object-fit:cover; }
	.overBox .image.image_rechts img{  height: auto; object-fit:cover; }
}