#clickit-novaturas {
width:75%;
margin:0 auto;
text-align: center;
padding-top:5%;
}
.persons-input {
display: inline-flex;
align-items: flex-start;
margin-top: 5px;
margin-left: 25%;
}
.btn-minus,
.btn-minus-children,
.btn-plus,
.btn-plus-children,
.rooms-minus-children,
.rooms-plus-children {
font-size: 16px;
padding: 0 5px;
width: 20px;
height: 30px;
}
#adults,
#childrens,
#rooms-childs {
width: 10%;
text-align: center;
font-size: 18px;
border-bottom: 0;
font-weight: bold;
margin-left: -2%;
margin-top: -1%;
}
#clickit-novaturas input:not(.page-number),
#clickit-novaturas input:not(.page-offer-number), 
select, textarea {
color:#000!important;
}
#combined-termin-slider,
#combined-termin-slider-room {
width: 80%;
margin: 0 auto;
}
.slider-labels {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
#left-termin-value,
#right-termin-value {
font-weight: bold;
}
#left-termin-value {
margin-right: 10px;
}
#right-termin-value {
margin-left: 10px;
}
.price-input {
margin-top: 15px;
}
#combined-price-slider {
width: 80%;
margin: 0 auto;
}
.slider-labels {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
#left-price-value,
#right-price-value {
font-weight: bold;
}
#left-price-value {
margin-right: 10px;
}
#right-price-value {
margin-left: 10px;
}
.ui-widget-content {
border: 1px solid #eee!important;
background: #fff!important;
color: #fff!important;
}
.ui-widget-header {
border: 0!important;
background: #fff!important;
font-weight: bold;
color:#fff!important;
}
.ui-datepicker-year, .ui-datepicker-month {
color:#193f84!important;
border-bottom:0!important;
}
.region-input {
display: flex;
flex-direction: column;
margin-top: 10px;
}
.region-input label {
margin-bottom: 5px;
font-weight:normal!important;
}
.nov-filter {
display:inline-block;
margin:0 auto;
}
.nov-left {
display: inline-block;
width: 19%;
float: left;
padding: 2%;
text-align: left;
border-right: 1px solid #eee;
color:#000!important;
z-index:999999;
}
#Footer {
z-index:1!important;
}
.nov-right {
display:inline-block;
width:76%;
text-align:right;
color:#000!important;
}
label, legend {
font-weight: normal;
}
.nov-container {
display: flex;
flex-wrap: wrap; 
text-align: left;
color: #000;
min-height:100vh;
}
.cleardiv {
clear:both;
width:100%;
height:15px;
}
.nov-item {
flex-basis: calc(33.33% - 2%); 
padding: 2%;
border-right: 1px solid #eee;
text-align: left;
box-sizing: border-box; 
box-flex: 0; 
max-width: calc(33.33% - 2%); 
margin-bottom: 5%;
}
.nov-item:nth-child(3n) {
border-right: none;
margin-bottom: 0;
}
.nov-sub-left {
display:inline-block;
width:60%;
float:left;
text-align:left;
}
.nov-sub-right {
display:inline-block;
width:40%;
float:right;
text-align:right;
font-family: Roboto,sans-serif;
font-size: 14px;
color: #1d2e4b;
}
.txt-silver {
color:#8d96a5;
}
.cleardouble {
clear:both;
width:100%;
height:30px;
}
.clearsmaller {
clear:both;
width:100%;
height:5px;
}
.nov-title, .nov-title a {
font-family: Noto Sans,sans-serif;
font-size: 16px;
line-height: 1.625em;
font-weight: 700;
color: #1d2e4b;
}
.nov-price {
font-weight:bold;
font-size:18px;
}
.nov-text {
font-family: Noto Sans,sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: .5px;
color: #8d96a5;
}
.btn.btn-red, a.btn.btn-red {
width: 40px;
height: 40px;
border-radius: 40px;
padding: 0%;
background: #193f84;
border-color: #193f84;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
font-family: Noto Sans,sans-serif;
font-weight: 700;
text-decoration: none;
text-align: center;
color: #fff;
font-size: 26px;
}
.btn.btn-red:hover, a.btn.btn-red:hover {
color: #fff;
background: #ff1c40;
border-color: #ff1c40;
}
.nov-fa {
font-size: 32px;
color: #193f84;
}
#ui-datepicker-div {
position:fixed!important;
width: 50%!important;
top: 48.2%!important;
left: 25%!important;
border: 1px solid #1f4487!important;
box-shadow: 0px 0px 2px 0px #1f4487!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #af1043!important;
background: #af1043!important;
color:#fff!important;
}
.ui-datepicker table tr td a {
background: #193f84!important;
color:#fff!important;
}
.ui-datepicker table tr td a:hover {
background: #2e9b1a!important;
color:#fff!important;
}
.nov-filter-container {
position: fixed;
background: #fff;
width: 50%!important;
top: 48.2%!important;
border: 1px solid #1f4487;
box-shadow: 0px 0px 15px 0px #1f4487;
left: 25%!important;
z-index:999999;
}
.persons-span {
padding-bottom: 14px;
font-size: 16px;
color: #000;
}
#combined-termin-slider, #combined-price-slider {
border: 1px solid #eee!important;
background: #193f84!important;
color: #fff!important;
}
.left-termin {
margin-left: 9%;
font-size: 18px;
color: #000;
}
.right-termin {
margin-right: 9%;
font-size: 18px;
color: #000;
}
.ui-datepicker-today > a {
background: #eee!important;
color:#fff!important;
}
#apply-region {
width: 5%;
margin: 1% auto;
}
.nov-filter {
background-color: #e7e9ee!important;
color: #000!important;
}
.nov-filter:hover {
background-color: #193f84!important;
color: #fff!important;
}
#clear-filters {
background-color: #eee!important;
color: #000!important;
}
#clear-filters:hover {
background-color: #000!important;
color: #e7e9ee!important;
}
.review-container {
width: 77%;
background: #fff;
float: right;
border-top-left-radius: 8px;
padding: 6px 12px;
line-height: 20px;
margin-top: -14%;
z-index: 99;
position: relative;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.review-a {
color:#0082FF;
}
.review-a:hover {
color:#000;
text-decoration:none;
}
.pagination {
display: inline-flex;
align-items: center;
width: 100%;
justify-content: center;
}
.pagination-btn {
padding: 5px 10px;
background-color: #193f84;
color: #fff;
border: none;
cursor: pointer;
transition: background-color 0.3s;
}
.pagination-btn:hover {
background-color: #fff;
color: #193f84;
}
.page-number, .page-offer-number {
background-color:#e7e9ee!important;
color:#000!important;
font-size: 11px!important;
text-align: center!important;
}
.page-number:hover, .page-offer-number:hover {
background-color: #fff!important;
color: #193f84!important;
}
.current-page {
background-color: #193f84!important;
color: #fff!important;
margin-top: -1%!important;
}
.fa-toggle {
transition: all 0.3s ease;
}
.rotate180 {
transform:rotate(180deg);
}
.sidebar-tab {
background: #e7e9ee;
color: #000;
border-radius: 8px;
border: 2px solid #193f84;
padding: 8%;
font-size: 14px; 
}
.sidebar-a {
background-color: transparent!important;
color: #000!important;
display: inline-block;
width: 100%;    
vertical-align: middle;
}
.sidebar-left {
display:inline-block;
float:left;
width:70%;
font-weight: bold;
}
.sidebar-right {
display:inline-block;
float:right;
width:30%;
text-align: right;
}
.sidebar-active {
font-weight:bold;
}
.hotel-container {
text-align:left;
}
.hotel-title {
font-size:34px;
margin-bottom: -.5%;
}
.hotel-head-left {
display:inline-block;
width:65%;
float:left;
}
.hotel-head-right {
display:inline-block;
width:35%;
float:right;
text-align: right;
}
.hotel-ul {
display:flex;
padding: 1% 0 0 5%;
clear: both;
margin-bottom: 3%;
}
.hotel-ul li {
margin-right: 4%;
color:#8284a2;
font-weight:bold;
font-size: 12px;
}
.hotel-ul li .fa {
color:#0082FF;
font-size: 18px;
}
.nov-price-single {
font-weight: bold;
font-size: 34px;
}
.hotel-gallery {
display:inline-block;
width: 70%;
padding-bottom: 3%;
margin-top: -2%;
}
.swiper {
width: 100%;
padding: 0 5% 0 5%!important;
}
.swiper-slide {
background-position: center;
background-size: cover;
}
.hotel-swiper {
height: 80%;
width: 100%;
}
.hotel-swiper-thumb {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
padding: 0!important;
width: 100%;
margin-left: 5%!important;
margin-top:1%;
}
.hotel-swiper-thumb .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.6;
}
.hotel-swiper-thumb .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-slide, swiper-slide {
flex-shrink: 0;
width: 80%;
}
.hotel-info {
display: inline-block;
float: right;
width: 18%;
text-align: left;
color:#000;
}
.hotel-info ul {
font-size: 13px;
}
.hotel-info ul li {
list-style:none;
padding: 0 0 3% 2%;
}
.hotel-info ul li .fa {
color:#193f84;
font-size: 20px;
}
.hotel-ul-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 3%;
display: block;
color: #8284a2;
}
.default-color {
color:#193f84!important;
}
.swiper-button-next, .swiper-button-prev {
text-shadow: 2px 3px 1px #fff;
opacity:.5;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
opacity:1;
}
.hotel-swiper-thumb {
cursor:pointer;
}
.hotel-swiper .swiper-slide-active img {
border-radius:10px;
}
.single-submit {
background-color:#193f84!important;
color:#fff!important;
margin-right: 0!important;
width: 43%;
font-weight:bold;
}
.single-submit:hover {
background-color:#eee!important;
color:#193f84!important;
}
.hotel-bar {
width: 77%;
text-align: center;
}
.hotel-bar-a {
margin-right: 5%;
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
}
.hotel-bar-a:hover {
color:#000;
text-decoration:none; 
}
.fa-red {
color:#ff0000;
}
.hotel-bar-tabs {
text-align:justify;
}
.facility-img {
width:16px;
height:auto;
}
.tabs-ul {
margin-right: 5%;
margin-bottom: 2%;
display: inline;
float: left;
font-size: 14px;
color: #000;
max-width: 32%;
}
.tabs-title {
font-size: 18px;
font-weight: bold;
color: #8284a2;
}
.hotel-bar-tabs {
padding-top: 2%;
}
.hotel-map {
border: 0;
width: 100%;
height: 300px;
margin-top: -5%;
}
.tab-left {
display: inline-block;
width: 35%;
float: left;
margin-right: 5%;
font-size: 16px;
color: #000;
}
.tab-right {
display:inline-block;
width:60%;
float:right
}
.rooms-tab {
position: absolute;
width: 100%;
height: auto;
background: #F5F5F8;
left: 0;
clear: both;
margin-top: 2%;
z-index: 9;
}
.hotel-rooms-filter {
padding-left: 11.5%;
padding-right: 16%;
}
.filter-clear {
height: 100vh;
}
.rooms-container {
display: inline-block;
max-width: 100%;
width: 100%;
padding-left: 0%;
padding-right: 1%;
margin: 2% auto 0 auto;
}
.room-thumb {
display: inline-block;
width: 18%;
margin-left: 1%;
margin-bottom: 2%;
padding: 1%;
background: #fff;
text-align: left;
border-radius: 5px;
box-shadow: 1px 1px 0 1px #eee;
box-sizing: border-box;
}
.room-title {
font-size: 16px;
font-weight: bold;
color: #193f84;
margin-bottom: 0;
}
.room-meta {
font-size: 18px;
font-weight: bold;
padding-left: 2%;
color: #000;
}
.room-meta-board {
font-weight: bold;
font-size: 14px;
color: #000;
padding-left: 2%;
}
.room-sub-title {
font-size: 14px;
font-weight: bold;
color: #193f84;
}
#clickit-novaturas::after {
content: "";
width: 100%;
height: 5vh;
clear: both;
display: block;
}
.room-ul {
display: inline-block;
width: 50%;
float: left;
font-size: 13px;
color: #000;
list-style: disc;
padding-left: 5%;
min-height: 260px;
}
.nov-offer-flight {
background: #fff;
border: 1px solid #1f4487;
box-shadow: 0px 0px 2px 0px #1f4487;
margin-top:  -21.5%;
padding: 1%;
z-index: 999;
position: absolute;
min-height: 250px;
width: 16.8%;
}
.not-found {
text-align: center;
display: block;
width: 100%;
font-size: 22px;
padding-top: 5%;
font-weight: bold;
color: #666;
}
.close-btn {
float: right;
padding: 11px;
line-height: 0;
text-align: center;
background-color: transparent!important;
color: #666!important;
margin-top: -5%!important;
margin-right: -7%!important;
position: relative;
}
.close-btn:hover {
color: #000!important;
}
.flights-handler {
width: 100%;
background-color: #fff!important;
border: 1px solid #193f84!important;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #193f84!important;
}
.flights-handler:hover {
background-color: #193f84!important;
border: 1px solid #eee!important;
color: #fff!important;
}
.flight-content {
font-size: 11px;
font-weight: bold;
color: #000;
}
.flight-title {
font-size: 16px;
font-weight: bold;
color: #193f84;
margin-bottom: 10px;
letter-spacing: 0;
}
.width100 {
width:100%;
}
.filter-select-age {
margin: 0 auto;
text-align:center;
}
.not-allowed {
cursor: not-allowed;
opacity:.5;
}
#childs-age {
padding-left:10%;
}
.text-center {
text-align: center;
}
.double-size {
font-size:16px!important;
}
.checkout-right {
display:inline-block;
width:50%;
float:left;
margin-right: 5%;
background:#F5F5F8;
padding:1%;
text-align:left;
}
.checkout-left {
display:inline-block;
width: 40%;
float:right;
background:#F5F5F8;
padding:1%;
text-align:left;
}
.checkout-tab {
width:90%;
background:#fff;
border-radius: 10px;
margin: 0 auto;
padding: 5%;    
text-align: center;
}
.checkout-cover {
background-size: cover!important;
width:100%;
height: 180px;
border-radius: 10px;
}
.checkout-ul {
display: inline-block;
width: 50%;
float: left;
text-align: left;
}
.nov-text-checkout {
font-family: Noto Sans,sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: .5px;
color: #000;
}
.checkout-extra {
display: flex; 
align-items: center; 
justify-content: space-between; 
width: 100%; 
background: #fff; 
border-radius: 10px;
margin-bottom: 5%;
}
.extra-first {
width: 15%;
padding: 2%;
text-align: center;
}
.extra-second {
width: 60%;
padding: 2%;
color: #000;
}
.extra-third {
width: 18%;
padding: 2%;
text-align: center;
color:#000;
}
.extra-btn {
margin:0;
}
.extra-tab {
display:none;
width: 96%;
padding:2%;
background: #fff;
margin-top: -7%;
margin-bottom: 5%;
border-radius: 10px;
}
.tab-order {
display:block;
}
.float-right {
float:right;
}
.extra-label {
font-weight: normal;
background: #F5F5F8;
padding: 3%;
border-radius: 5px;
font-size: 13px;
}
.extra-part  {
display:inline-block;
width: 49%;
float:left;
margin-right: .5%;
}
.extra-part:last-child {
margin-left: .5%;
}
.extra-sub-left {
display: inline-block;
width:69%;
vertical-align: middle;
margin-top: -1%;
}
.extra-sub-btn {
width: 88%;
font-size: 13px;
text-align: center;
text-transform: uppercase;
}
.extra-sub-title {
font-size:14px;
font-weight:bold;
font-style:italic;
}
.remove-service {
padding: 1%;
color: red;
cursor: pointer;
}
.btn-reserve, .btn-order {
width: 94%;
text-transform: uppercase;
font-weight: bold;
}
.btn-reserve:hover, .btn-order:hover {
background-color: #60c560;
color: #fff;
}
#clickit-novaturas .section-page-footer {
display:none;
clear:both;
}
.tab-order fieldset {
display: inline-block;
width: 50%;
float: left;
}
.tab-order legend {
width: 100%;
display: block;
font-size: 13px;
color: #000;
font-weight: bold;
font-style: italic;
}
.display-block {
display:block;
}
.order-inputs {
width: 90%!important;
margin-bottom:1%!important;
background: #fbfbfb!important;
}
select.order-inputs {
height: 42px;
}
.order-handler {
float: right;
margin-top: -4%;
cursor:pointer;
}
.order-ul {
list-style: disc;
padding-left: 6%;
font-size: 13px;
}
.order-tab {
font-size: 13px;
color: #000;
}
.mob-filter {
display:none;
}
.room-facilieties {	height: 35%	;max-height:35%;	overflow:hidden;}
.active-filters-ul, .active-filters-head {
width: 70%;
padding-left: 23%;
}
.active-filters-ul li {
display: inline-block;
margin-right: 2%;
font-size: 13px;
color: #000;
}
.active-filters-li a {
color:#000!important;
}
.active-filters-li a:hover i {
color:red;
}
.active-filters-li a:hover {
text-decoration:none;
}
@media(max-width: 1900px) {
#clickit-novaturas {
width:95%!important;
}
.nov-sub-left, .nov-sub-right, 
.nov-left,
.sidebar-content, .room-title,
.flight-title {
font-size: 13px;
}
.room-meta-board {		font-size: 8px;	}
.review-container,
.room-sub-title, .extra-label {
font-size: 12px;
}
.room-ul, .nov-text {
font-size:11px;
}
.hotel-bar {
margin-top: 10%;
} 
.room-ul {
min-height:auto;
}
.nov-offer-flight {
margin-top: -37.5%;
}		
.nov-filter {		font-size: 10px;		margin: 0 0 5px 0!important;	}		button, .flights-handler, .tabs-ul {		font-size: 12px!important;	}		.room-facilieties {		height: 44%;		max-height:44%;		overflow:hidden;	}		.tab-left {			font-size: 14px;	}
}
@media(max-width: 999px) {
#clickit-novaturas {
width: 100% !important;
clear: both;
}
#clickit-novaturas::after {
display:block;
width:100%;
height:20px;
}
.nov-filter {
display:block;
width:100%;
}
.nov-right {
display: block;
width: 100%;
text-align: left;
}
.nov-left {
display: none;
}
.mob-filter, .mob-filter .nov-left {
display:block;
}
.mob-filter .nov-left {
width:100%;
}
.nov-item {
flex-basis: 100%;
display: block;
width: 100%;
max-width: 100%;
border: 1px solid #eee;
}
#ui-datepicker-div {
position: fixed !important;
width: 60% !important;
top: 18.2% !important;
left: 20% !important;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 100%;
}
.nov-filter-container {
position: fixed;
background: #fff;
width: 99%!important;
top: 24.2% !important;
border: 1px solid #1f4487;
box-shadow: 0px 0px 15px 0px #1f4487;
left: 0% !important;
z-index: 999999;
}
.persons-input {
margin-left: 5%;
}
.review-container {
margin-top: -10%;
}
.hotel-head-left {
display: inline-block;
width: 100%;
float: none;
}
.hotel-title {
font-size: 32px;
margin-bottom: -.5%;
text-align: center;
}
.hotel-ul {
padding: 6% 0 0 5%;
}
.hotel-head-right {
display: block;
width: 100%;
float: none;
text-align: center;
margin-bottom: 10%;
}
.hotel-gallery {
display: block;
width: 90%;
padding-bottom: 3%;
margin-top: -5%;
}
.hotel-bar {
width: 92%;
text-align: center;
}
.hotel-info {
display: block;
float: none;
width: 100%;
text-align: center;
color: #000;
}
.hotel-bar-a {
display: block;
width: 100%;
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
border: 1px solid #000;
padding: 4%;
text-align: center;
margin-bottom: 2%;
}
.tabs-ul {
margin-right: 0;
margin-bottom: 5%;
display: block;
float: none;
font-size: 14px;
color: #000;
max-width: 100%;
text-align: center;
}
.tab-left {
display: inline-block;
width: 100%;
float: none;
margin-right: 0;
font-size: 16px;
color: #000;
text-align: center;
}
.tab-about {
text-align:center;
}
.tab-right {
display: block;
width: 100%;
float: none;
padding-top: 11%;
margin-bottom: 5%;
}
.rooms-container {
display: block;
margin: 5% auto 0 auto;
}
.room-thumb {
width: 100%;
margin-bottom: 4%;
border:1px solid #000;
box-shadow:none;
text-align:center;
}
.room-ul {
padding-top: 2%;
text-align:left;
}
.hotel-rooms-filter {
width: 100%;
padding-left: 0;
padding-right: 0;
padding-top: 4%;
}
.hotel-rooms-filter .nov-filter {
width:89%;
}
.sections_group {
clear: both;
}
#Footer {
display:none;
}
.nov-offer-flight {
width:96%;
}
.checkout-right {
display: block;
width: 98%;
float: none;
margin-right: 0;
background: #F5F5F8;
padding: 1%;
text-align: center;
}
.extra-first {
width: 8%;
}
.extra-third {
width: 26%;
}
.checkout-left {
display: block;
width: 98%;
float: none;
background: #F5F5F8;
padding: 1%;
text-align: center;
}
.extra-part {
display: block;
width: 99%;
float: left;
margin-right: 0;
}
.sidebar-tab {
width: 79%;
}
}