:root {
	--primary: var(--primary-color);
	--skeleton-color: hsl(0, 0%, 89%);
	--skeleton-shine: hsl(0, 0%, 95%);
}

@keyframes shine-lines {
	0% {
		background-position: -100px;
	}
	100% {
		background-position: 400px;
	}
}

a:focus, button:focus {
	box-shadow: none !important;
}

.image-skeleton,
.text-skeleton,
.btn-skeleton,
fieldset.skeleton legend.section {
	background-image: linear-gradient(90deg, var(--skeleton-color) 0px, var(--skeleton-shine) 40px, var(--skeleton-color) 80px);
	background-size: 600px;
	animation: shine-lines 1.2s infinite linear;
}

.resultlist .image-skeleton,
.result-list .image-skeleton {
	padding-top: 66%;
}

.text-skeleton {
	line-height: 95%;
	margin: 5px 0;
}

.text-skeleton,
.btn-skeleton {
	min-width: 90px;
}

.stars2.text-skeleton { font-size: 19px; }

.fn-number { font-family: Verdana,Arial,sans-serif; }
.select2 { width: 100%; }
.select2-container--open { z-index: 1351; }

.form-control {
	color: #636363;
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.btn-primary, .badge-primary { color: var(--primary-text-color) !important; background-color: var(--primary-color); border-color: var(--primary-color); }
.btn-primary:hover, .btn-primary:focus { color: var(--primary-text-color); background-color: var(--secondary-color); border-color: var(--primary-color); }
.form-control:focus { border-color: var(--secondary-color); }
.text-primary { color: var(--primary-color) !important; }
#front_tabs .form1 { margin-bottom: 0; padding-bottom: 14px; }
.slides-container .caption span {	background-color: var(--primary-color); }
.dropdown-menu { border-radius: 0; min-width: 100%; }
.dropdown-item.active, .dropdown-item:active {
	color: var(--primary-text-color);
	background-color: var(--primary-color);
}
.form-check:hover input.form_check_input { border-color: var(--primary-color); }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	color: var(--primary-text-color);
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.bot2_wrapper{ color: var(--primary-text-color); }
.tabs_tabs .ui-tabs-nav .ui-tabs-anchor{color: var(--primary-text-color);}
.bot2_wrapper a {	color: var(--primary-text-color); }
.btn-form1-submit, .btn-form1-submit:hover { color: var(--primary-text-color); }

body { background-color: var(--body-background-color); color: var(--body-text-color); font-size: var(--body-font-size ); }

.top1_wrapper { background-color: var(--header-background-color); color: var(--header-text-color); }
.top1_wrapper a { color: inherit; text-decoration: none; }
.top1_wrapper a:hover { color: var(--secondary-color); }
.top1_wrapper button { font-size: inherit; color: inherit; }
.top1_wrapper .dropdown-menu { color: inherit; font-size: inherit; margin-top: 13px; min-width: 100%; }
.top1_wrapper .dropdown-item { color: inherit; font-size: inherit; }
.top1_wrapper .dropdown-item:hover { background-color: var(--secondary-color); color: var(--primary-text-color); }

.top2_wrapper { background-color: var(--menu-background-color); }
.navbar_ .nav > li > a { color: var(--menu-text-color); }
.sub-menu li a { color: var(--menu-text-color); }
.sub-menu li ul li a { color: var(--menu-text-color); }

.bot1_wrapper { background: var(--footer-background-color); color: var(--footer-text-color); }
.bot1_title { color: var(--footer-text-color); }
.ul1 > li a { color: var(--footer-text-color); }
.twits1 .twit1 { color: var(--footer-text-color); }
.support1 a { color: var(--footer-text-color); }

input[type="radio"] {
	/* remove standard background appearance */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* create custom radiobutton appearance */
	display: inline-block;
	width: 15px;
	height: 15px;
	padding: 3px;
	/* background-color only for content */
	background-clip: content-box;
	border: 1px solid rgb(194, 194, 194);
	background-color: transparent;
	border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
	background-color: var(--primary-color);
}

.form1 .form-check-label { padding-bottom: 2px; }
.form1 label.col-form-label { line-height: 1.5; }
.hotel_dropdown .dropdown-menu { max-height: 500px; overflow-y: auto; }
.form1 label { text-transform: lowercase; }

label.form-check-label { line-height: 25px; }
.table { color: inherit; }
.table-hover tbody tr:hover { color: inherit; }

.partners .thumb1 .thumbnail a figure { height: 40px; }
.partners .thumb1 .thumbnail a figure img { width: 100%; height: 100%; object-fit: contain; }
ol.breadcrumb { background-color: transparent; padding: 0; }

.resultlist-filters .card-body {
	padding: 0;
}

.resultlist-filters fieldset > legend {
	background-color: var(--primary-color);
	color: var(--primary-text-color);
	font-weight: 700;
	padding: 15px 37px 15px 20px;
	line-height: 20px;
	font-size: 16px;
}

.resultlist-filters fieldset > .row {
	margin: 0;
}

.flight-item figure,
.popular-flight-item figure {
	position: relative;
	padding-top: 40% !important;
	border: 15px solid #fafafa;
	border-bottom: none;
}

.flight-item figure img,
.popular-flight-item figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hotel-item figure,
.popular-hotel-item figure {
	position: relative;
	padding-top: 66% !important;
}

.hotel-item figure img,
.popular-hotel-item figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

select.select2,
input.slider {
	opacity: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: transparent;
}

.progress {
	height: 3px;
}

.progress > .progress-bar {
	background-color: var(--primary-color);
	color: transparent;
}

input.dropdown-display {
	cursor: pointer;
}

.slider.slider-horizontal {
	width: 100%;
}

.slider-handle {
	border-radius: 3px;
	background-image: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
}

#results_map {
	width: 100%;
	height: 290px !important;
}

#map-modal #results_map {
	width: 100%;
	height: 700px !important;
}

#modal_map_controls .select1_wrapper {
	float: left;
	margin-right: 20px;
}

.pac-container {
	z-index: 1351;
}

.pagination .dots {
	margin: 0 10px;
	line-height: 40px;
}

.bydefault {
	position: absolute;
	left: 0;
	top: 0;
}

.bydefault > img {
	transform: none;
	object-fit: contain !important;
}

body.filter-active #content-filters {
	display: block !important;
}

.room-data-active {
	border-color: var(--primary-color) !important;
}

.checkbox-links { float: left; margin-bottom: 0; margin-top: 5px; }

#notification-group .dropdown-menu {
	min-width: 700px !important;
}

.modal-title { padding: 0; }

.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
	border-color: rgba(0, 169, 157, 0.6);
}
.table-primary, .table-primary > td, .table-primary > th {
	background-color: rgba(0, 169, 157, 0.2);
}
.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
	background-color: rgba(0, 169, 157, 0.4);
}
.partners_wrapper {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
}
.partners .carousel-box {
	position: relative;
}
.partners .carousel-box .inner {
	position: relative;
	overflow: hidden;
	max-width: none;
	margin: 0;
}
.partners .carousel.main {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0 -30px 0 0;
}
.partners .caroufredsel_wrapper,
.partners .caroufredsel_wrapper ul {
	padding: 0;
	margin: 0;
}
.partners .carousel-box ul li {
	float: left;
	display: inline-block;
	position: relative;
	width: 160px;
	overflow: hidden;
	padding: 0 30px 0 0;
}

:lang(ar) .slides-pagination {
	display: none;
}

.section-login-form {
  position: absolute;
  top: 30px;
  right: 15%;
  z-index: 2;
}

.section-login-form .card {
	backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 768px) {
	.section-login-form { top: 100px; }
}

@media (min-width: 1200px) {
	.section-login-form { top: 250px; }
}