﻿@charset "utf-8";
@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Source+Sans+Pro:wght@300;400;600;700&display=swap";

/* Reset 
--------------------------------------------------------------------------------------------------------*/

/* 
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* General 
--------------------------------------------------------------------------------------------------------*/
.window-resizing * {transition: none!important;}
a{transition: all 0.3s;}
html, body { min-width: 360px; min-height: 100vh; }
body { font-size: 16px; line-height: 22px; font-family: 'Source Sans Pro', sans-serif; -ms-overflow-style: scrollbar; -webkit-font-smoothing: subpixel-antialiased;}
.wrapper { min-height: 100vh; }
a { color: #000; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2em; padding: 0 0 20px; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: block; }
h1,h2 { font-size: 47px; line-height: 60px; }
h3 { font-size: 28px; line-height: 35px; }

p { padding: 0 0 20px; }
input[type=text], input[type=email], input[type=password], textarea { -webkit-appearance: none; appearance: none; }
::-webkit-input-placeholder { color: #6c757d; }
::-moz-placeholder { color: #6c757d; }
:-ms-input-placeholder { color: #6c757d; }
:-moz-placeholder { color: #6c757d; }
::placeholder { color: #6c757d; }
::-moz-focus-inner { border: 0; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000;}
option:not(:checked) { color: black; }
.bg-primary {background-color:#3CA8DD;}
.mb-40 {margin-bottom:40px;}
.vsebina ul {margin-bottom:1rem;}
.vsebina ul li {position: relative; padding-left:2rem; margin-bottom:.3rem;}
.vsebina ul li:before {content:""; background-color:#2c8cbb; position: absolute; left:1rem; top:.6rem; width:.3rem; height:.3rem;}
.vsebina ul li p {margin-bottom:0;}
.vsebina ol {list-style:decimal;}
.vsebina img:not(.img-fluid) {max-width:100%;}
.vsebina p {font-size:19px;line-height:26px;}

/* form
--------------------------------------------------------------------------------------------------------*/
.btn{border-radius: 0; font-size: 15px; line-height: 30px; letter-spacing: 1.25px; font-weight: 600; padding: 8px 34px; border-width: 2px; box-shadow: none!important; transition: all 0.2s;}
.btn:hover{transform: scale(1.03);}

.btn-sm {line-height:19px;padding: 8px 22px;}

.btn-primary {background-color: #3CA8DD!important; border-color: #3CA8DD!important;}
.btn-primary:hover {background-color: #2c8cbb!important; border-color: #2c8cbb!important;}

.btn-light {color: #000000!important; background-color: #ffffff!important; border-color: #ffffff!important;}
.btn-light:hover {color: #ffffff!important; background-color: transparent!important; border-color: #ffffff!important;}

.btn-outline-primary {color:#3CA8DD; border-color:#3CA8DD; background-color:#fff;}
.btn-outline-primary:hover {background-color:#3CA8DD;border-color:#3CA8DD;}

.btn-outline-light {color: #ffffff!important; border-color: #ffffff!important;}
.btn-outline-light:hover {color: #000000!important; background-color: #ffffff!important; border-color: #ffffff!important;}

.icon-link-btn {color: #4F4F4F; font-weight: 600; font-size: 13px;	line-height:14px; padding:4px 10px;}
.icon-link-btn .icon {width: 20px; height: 20px; display: block; margin:0 auto 6px;}
.icon-link-btn:hover {opacity:0.6;}

/* form-group-primary */
.form-floating>label{color: #6c757d; font-size: 15px; font-weight: 600; letter-spacing: 1.25px; padding: 12px;}
.form-group-primary .form-control {color:#4F4F4F; font-size: 15px;font-weight: 600; letter-spacing: 1.25px; height:48px; border-color:#4F4F4F; box-shadow:none !important; padding: 5px 12px; border-radius: 0;}
.form-group-primary .form-control:focus {border-color:#3CA8DD; box-shadow: 0 0 10px  rgba(0, 0, 0, 0.2)!important; background: #f6fcff;}

/* form-group-secondary */
.form-group-secondary {margin-bottom:20px;}
.form-group-secondary .form-label {color: #4F4F4F; font-weight: 600; font-size:15px; line-height:18px;letter-spacing: 1.25px;}
.form-group-secondary .form-control {color: #000; font-size: 15px; line-height:18px; font-weight: 600; letter-spacing: 0.1px;  border-width:0 0 1px 0; border-style: solid ; border-color:#828282;padding:16px 15px 16px 32px; outline:none !important; box-shadow:none !important;}
.form-group-secondary .icon {width: 16px; height: 16px; display: block; position: absolute; left:0; bottom:18px;}
.form-group-secondary .form-control:focus {border-color:#000;}
.form-group-secondary .form-select {color: #000000; font-size: 17px; line-height:20px; font-weight: 600; letter-spacing: 0.1px; padding-left:32px; outline:none !important; box-shadow:none !important;}
.form-group-secondary .form-select-icon {top:8px;}

.person-select-dropdown .dropdown-toggle {color: #000000; font-size: 17px; line-height:20px; font-weight: 600; letter-spacing: 0.1px; padding-left:32px; outline:none !important; box-shadow:none !important; position: relative; display: flex; align-items: center; padding-right: 20px;}
.person-select-dropdown .dropdown-toggle:after{border:0; border-left: 2px solid #000; border-bottom: 2px solid #000; width: 8px; height: 8px; transform: rotate(-45deg); margin-left: auto; position: absolute; right: 5px; top: 5px;}
.person-select-dropdown .dropdown-toggle-icon {width: 16px; height: 16px; display: block; position: absolute; left: 0; top:4px;}
.person-select-dropdown .dropdown-menu{min-width: 100%; border:0; border-radius: 0; z-index: 9; box-shadow: 0 0 10px rgb(0 0 0 / 30%); padding: 0; max-height: 150px; overflow: auto;}
.person-select-dropdown .dropdown-menu li + li{border-top: solid 1px #828282;}

.swipe-destination {margin:0 auto 20px; display: block; width: 24px; outline: none;}
.swipe-destination .swipe-destination-icon {width:24px; height:24px; display: block;}

textarea.form-control {min-height:150px;max-height:300px;}


/* Radio */
.form-check {position: relative;}
.form-check input[type=radio] ~ .form-check-label {color: rgba(0, 0, 0, 0.6); 	font-size: 15px; line-height:22px; font-weight: 600; padding-left:10px; cursor: pointer; }
.form-check .form-check-input[type=radio] {opacity:0;position: absolute; left:0; top:0;}
.form-check input[type=radio] ~ .form-check-label::before {cursor: pointer; content:''; width: 20px; height: 20px; border-radius:20px; border:2px solid #000; position: absolute; left:0; top:1px; background:none;}
.form-check .form-check-input:checked[type=radio] ~ .form-check-label {color: rgba(0, 0, 0, 1); }
.form-check .form-check-input:checked[type=radio] ~ .form-check-label::after  {content:''; cursor: pointer; width: 10px; height: 10px; border-radius:10px; position: absolute; left:5px; top:6px; background-color:#000;}

.daterangepicker{font-family: 'Source Sans Pro', sans-serif; border:0; border-radius: 0; z-index: 9; box-shadow: 0 0 10px rgb(0 0 0 / 30%);}
.daterangepicker .calendar-table th{font-weight: 700;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{font-size: 16px; line-height: 22px; height: 32px;}
.daterangepicker td.active, .daterangepicker td.active:hover{background-color: #3CA8DD;}
.daterangepicker .calendar-table .prev span{margin: 0 0 2px 2px;}
.daterangepicker .calendar-table .next span{margin: 0 0 2px -2px;}

/* Header
--------------------------------------------------------------------------------------------------------*/
.navbar{min-width: 360px;}
.navbar .navbar-brand img{height: 40px;}
.navbar .navbar-toggler{width: 50px; height: 40px;  border: 0; box-shadow: none!important;}
.navbar .navbar-toggler span{display: block; height: 2px; background: #fff; margin: 6px 0;}
.navbar .offcanvas{width: 300px; background: #000;} 
.navbar .offcanvas-header{padding:8px 12px;}
.navbar .offcanvas-header .btn-close{opacity: 1; margin-right: 0; box-shadow: none!important;}
.navbar .offcanvas-header .btn-close:hover{opacity: 0.6;}
.navbar .offcanvas-body{text-align: center; padding: 12px;}  
.navbar .navbar-nav .nav-link{font-family: 'Outfit', sans-serif; font-size: 22px; line-height: 28px; color: #ffffff!important; transition: all 0.3s;}
.navbar .navbar-nav .nav-link:hover{color: #3CA8DD!important;}
.navbar .user-name a {display:block;line-height:1;}
.navbar .user-name a path {transition:fill .3s ease-in-out;}
.navbar .user-name a:hover path {fill:#3CA8DD;}
.navbar .user-name a span{position: absolute; left: 50%; top: 50%; color: #fff; font-size: 14px; line-height: 18px; background: #2c8cbb; min-width: 18px; height: 18px; text-align: center; border-radius: 18px; font-weight:400; padding: 0 3px;transition:background-color .3s ease-in-out;}
.navbar .user-name a span:empty {display:none;}
.navbar .user-name a:hover span {background-color:#3CA8DD;}
.navbar.black-text path {fill:#000;}
body.nav-black-bg .navbar path {fill:#fff;}
body.nav-black-bg .navbar .lng {color:#fff;}

.nav-black-bg .navbar{background: #000000;}
.navbar.bg-black .lng {color:#fff;}

body:not(.nav-black-bg) .navbar.black-text .navbar-toggler span{background: #000000!important;}
body:not(.nav-black-bg) .navbar.black-text .user-name{color: #000000!important;}
body:not(.nav-black-bg) .navbar.black-text .navbar-nav .nav-link:hover,
body:not(.nav-black-bg) .navbar.black-text .user-name:hover{color: #3CA8DD!important;}
body:not(.nav-black-bg) .navbar.black-text .navbar-brand .black-logo{filter: invert(1)!important;}

/* Main Content
--------------------------------------------------------------------------------------------------------*/
.bg-primary {background-color:#3CA8DD !important;}
.section-padding {padding:60px 0;}
.page-title {font-family: 'Outfit', sans-serif; letter-spacing: 0.25px; font-weight:600; font-size: 38px; line-height: 36px; padding-top:20px; padding-bottom:80px;}  

/* Banner
--------------------------------------------------------------------------------------------------------*/
.section-banner {background-size:cover; background-position: center; background-repeat:no-repeat; height:550px;}
.section-banner::after {content:''; position: absolute; left:0; top: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.2);}
.section-banner-content{z-index: 1;}
.section-banner .banner-blue-part {z-index:-1; position: absolute; right: 0; top: 0;  height: 100%;} 
.section-banner .container-xl {z-index:2;}
.section-banner .banner-body {max-width:1030px;}
.banner-title {color:#fff; font-weight:700; padding-bottom:30px; max-width: 750px;}

/* Partners Logo
--------------------------------------------------------------------------------------------------------*/
.section-partners {padding:25px 0;}
.partners-logo-listing{display: flex; margin: -6px; flex-wrap: wrap;}
.partners-logo-listing li{padding: 6px; width: 50%;}
.partners-logo-listing li span{display: flex; background: #ffffff; align-items: center; justify-content: center; height: 100%; padding: 10px; border-radius: 10px; height: 100px;}
.partners-logo-listing li span img{max-height: 100%;}

/* About
--------------------------------------------------------------------------------------------------------*/
.section-about .card {max-width:240px;}
.section-about .card .card-icon {max-width:80px; margin-bottom:20px;} 
.section-about .card .card-title {color:#000; font-weight: 400; font-size:18px; line-height: 22px;text-align: center; letter-spacing: 0.15px;}

/* Contact Us
--------------------------------------------------------------------------------------------------------*/
.section-contact-us .card-body .card-title {color:#fff; font-weight:700; padding-bottom:30px;}
.section-contact-us .card-body .card-text {color:#fff;  font-weight: 600; font-size: 22px;	line-height: 26px; padding-bottom:30px;}

/* Search Engine
--------------------------------------------------------------------------------------------------------*/
.section-search-engine {background:url("../images/search-engine-bg.jpg") no-repeat center; background-size:cover; min-height: 700px; padding:100px 0 140px; z-index:0;}
.section-search-engine.h-auto {min-height:0;}
.section-search-engine::after {content:''; z-index:1; position: absolute; left:0; top: 0; width: 100%; height: 100%; background: rgba(178, 213, 240, 0.9); backdrop-filter: blur(4px);}
.section-search-engine .container-lg {z-index:2;}

.section-search-engine .form-check-card-group {padding-bottom:40px;}

.easy-autocomplete-container {left:0;position: absolute;width:100%;z-index:1001;max-height:210px;overflow-y:auto;overflow-x:hidden;box-shadow: 0 0 10px rgb(0 0 0 / 30%);}
.easy-autocomplete-container ul {background: none repeat scroll 0 0 #ffffff; display: none; position: relative;}
.easy-autocomplete-container ul>li {background: inherit; display: block; font-size: 1rem; padding: 6px 15px; transition:background-color .3s ease-in-out, color .3s ease-in-out; border-bottom:1px solid #828282;}
.easy-autocomplete-container ul>li:last-child {border-bottom:none;}
.easy-autocomplete-container ul>li.selected {background-color:#3CA8DD;color:#fff;cursor:pointer;}

/* Reserve list
--------------------------------------------------------------------------------------------------------*/
.section-reserve-list {margin-top:-30px; padding-bottom:15px; z-index:2;}
.section-reserve-list .list-group-item {padding:30px; box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.03); margin-bottom:20px;}
.section-reserve-list .list-group-item.bg-primary {color:#fff;}
.section-reserve-list .reserve-btn, .section-reserve-list .btn-outline-secondary {min-width:200px;}

.location-box {padding-left:32px;}
.location-box .icon {width: 15px; height: 15px; display: block; position: absolute; left:0; top:3px;}
.location-box .time {color: rgba(0, 0, 0, 0.8); font-weight: 600; font-size:17px;	line-height:22px; letter-spacing: 0.1px; padding-bottom:10px;}
.location-box .location {color: #000000; font-weight: 600;	font-size: 22px; line-height: 26px; letter-spacing: 0.15px; padding-bottom:15px;}
.timeline-box {color: rgba(0, 0, 0, 0.8); font-size: 17px;line-height:22px;font-weight: 600;letter-spacing: 0.1px;padding:10px 0 30px;}
.timeline-icon {width: 103px; height: 9px; display: block; margin-bottom:5px;}
.timeline-box .icon {width: 15px; height: 15px;margin-right:8px;}

.price-box .price {color:#000000; font-size: 26px; line-height:28px; font-weight: 600;letter-spacing: 0.15px; padding-bottom:15px; }
.price-box .price sup {font-size:0.9rem;}
.price-box p {color: rgba(0, 0, 0, 0.8); font-size: 17px; line-height:22px; font-weight: 600;letter-spacing: 0.1px;}


/* basket */
#basket ul {margin:0;padding:0;}
.btn-close-basket, .basket-total > div {text-transform:uppercase;letter-spacing:0.08em;}
.btn-close-basket {font-size:11px;}
.btn-close-basket i {margin-left:5px;font-size:14px;vertical-align:middle;margin-bottom:3px;}
.basket-heading, .filter-heading {height:70px;border-bottom:1px solid #e5e5e5;}
.basket-heading, .basket-total, .filter-heading {box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#basket ul > li, .basket-total {border-top:1px solid #e5e5e5;}
#basket ul > li:first-child {border-top:none;}
.basket-remove-from-cart {position:absolute;top:1rem;right:1rem;}
.basket-remove-from-cart, #CartItemsContent .remove-from-cart {font-size:24px;color:rgba(13,23,59,0.5);}
.basket-img {width:45px;min-width:45px;min-height:45px;max-height:56px;margin-right:15px;border:1px solid #e5e5e5;padding:2px;align-items:center;justify-content:center;}
.basket-info .name {line-height:1.3em;padding-right:24px;}
.basket-info .name a + span {margin-top:5px;font-size:14px;line-height:1.3;}
.basket-info .counter {font-size:14px;}
.basket-info .counter .input-group, #CartItemsContent .product-counter .input-group{flex-wrap:nowrap;align-items:center;}
.basket-info .counter .btn, #CartItemsContent .product-counter .btn {background:none;padding:0;min-width:1px;}
.basket-info .counter input, #CartItemsContent .product-counter input {width:100px;padding-left:1rem;padding-right:.375rem;text-align:center;}
.basket-info .counter + .counter {margin-left:10px;}
.basket-list {max-height:calc(100vh - 196px);overflow:auto;}
.basket-total {height:140px;}
.basket-total > div {font-size:14px;}

/* Checkout */
.checkout hr {background-color:#3CA8DD;opacity:1;height:2px;margin:2rem 0;}
#txtPromoCode {letter-spacing:0.1em;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
#btnPromoCode, #btnPromoCodeCancel {padding:2px 20px;}
.checkout-total {line-height:1.5;}
.iti {width:100%;}

/* Cart Details
--------------------------------------------------------------------------------------------------------*/
.cart-details {padding:20px; margin-top: 20px;}
.cart-details .date {font-size: 17px; line-height:30px; font-weight: 600;}
.location-box .timeline-icon {width: 9px;height:calc(100% - 40px); position: absolute;left:0; top:32px;}
.cart-details .time {color: rgba(255, 255, 255, 0.8); font-weight: 600; font-size:17px; line-height:22px; letter-spacing: 0.1px; padding-bottom:10px;}
.cart-details .location span {color: rgba(255, 255, 255, 0.8); font-size: 15px;font-weight: 600; line-height: 30px;}
.cart-details .adult, .cart-details .extras-total {color: rgba(255, 255, 255, 0.8); font-size: 17px; line-height:30px; font-weight: 600;letter-spacing: 0.1px; padding-bottom:20px;}
.cart-details .extras-total {color:#fff;font-weight:500;}
.cart-details .extras-total:empty {display:none;}
.cart-details .total {font-size: 22px;font-weight: 600;line-height: 26px;letter-spacing: 0.15px;}

.progress-bar-outer .progress-header {padding:18px 0;}
.progress-bar-outer .progress-number {color:#000000; font-weight:600;	font-size: 24px; line-height: 36px; width: 40px; height: 40px; border-radius:50%; border:2px solid #3CA8DD; margin-right:34px;}
.progress-bar-outer .progress-title {color:#000000; font-size: 22px; line-height: 26px;font-weight: 600;}
.progress-bar-outer .progress-body {padding-left:71px;}
.progress-bar-outer .progress-body::after {content:''; width: 2px; height: 100%; background-color:#3CA8DD; position: absolute; left:20px; top:0;}
.progress-bar-outer .progress-body p {color: #4F4F4F; font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: 1.25px;}

.active .progress-number {background-color:#3CA8DD; color:#fff;}

.info-passangers .progress-body .row + .passangers-age {margin-top:2rem;}

/* Package list
--------------------------------------------------------------------------------------------------------*/
.package-outer {border:1px solid #000000; padding:20px 13px; margin-bottom:30px;}
.package-outer:last-child {margin-bottom:20px;}
.package-title {color: #000000;font-size: 15px;line-height: 20px;font-weight: 600;letter-spacing: 1.25px;}
.package-title span {color: #4F4F4F;}
.package-title span:empty {display:none;}
.number .form-control {color: #000; font-size:22px; font-weight: 600; letter-spacing: 1.25px; height:30px; width:45px; box-shadow:none !important; outline: none !important; padding: 0 5px; background: none;}
.number .number-btn {width:30px; height:30px;}
.number .number-btn span {color: #4F4F4F; font-size: 22px;font-weight: 600;line-height:29px; letter-spacing: 1.25px;}
.number .number-btn span.minus{line-height: 27px;}
.number .number-btn:hover {background-color:#3CA8DD;}
.number .number-btn:hover span {color: #fff;}

.info {color: #000000; font-weight: 600;font-size: 15px; line-height: 20px;}

/* section-reservations
--------------------------------------------------------------------------------------------------------*/
.section-reservations .form-group-primary {margin-bottom:30px;}

/* table
--------------------------------------------------------------------------------------------------------*/
.data-grid .table>:not(:first-child) {border-top: 0px solid currentColor !important;}
.data-grid .table thead tr th {color: #000000; font-size: 22px; font-weight: 600;line-height: 26px;letter-spacing: 0.15px;white-space: nowrap; padding:1.25rem .5rem; border-bottom: 1px solid rgba(60, 168, 221, 1)} 	 
.data-grid .table tbody tr:hover{background: #f6fcff;}
.data-grid .table tbody tr td {color: rgba(0, 0, 0, 0.8); font-size: 17px; font-weight: 600; line-height: 30px;letter-spacing: 0.1px; white-space: nowrap; border-bottom: 1px solid rgba(60, 168, 221, 1);vertical-align: middle; height:75px;} 
.data-grid .table .th-order-no {width:130px;}
.data-grid .table .th-order-passangers {width:150px;}
.data-grid .table .th-order-total {width:130px;}
.data-grid .table .th-order-more {width:130px;}
.data-grid .table .th-invoice-total {width:200px;}

/* Login
--------------------------------------------------------------------------------------------------------*/
.login-wrapper {min-height: 100vh;}
.login-wrapper::after {content:''; position: absolute; left:0; top:0; width:150%; height:calc(100% - 360px); background:url('../images/login-img.png') no-repeat right center; background-size: cover; }
.login-wrapper::before {content:''; display:none; z-index:1; position: absolute; left:0; top:0; width:calc(60% + 50px); height:100%; background:url('../images/login-bg.svg') no-repeat right center; background-size: cover; }
.login-title {font-family: 'Outfit';color: rgba(0, 0, 0, 0.8);	font-size: 38px;font-weight:600;line-height: 36px;}
.login-box {z-index:2; padding:300px 0 50px;}
.login-box .form-group-primary {margin-bottom:20px;}
.login-box .forgot-password-link {color: #4F4F4F; font-size: 15px;font-weight: 600;line-height: 30px;}
.login-box .forgot-password-link:hover {color: #3CA8DD;} 

/* Thanks
--------------------------------------------------------------------------------------------------------*/
.section-thanks {padding:100px 30px;}
.thanks-inner h1 {font-family: 'Outfit';color:rgba(0, 0, 0, 0.8); font-size: 38px; line-height:36px; font-weight:500; letter-spacing: 0.25px; padding-bottom:20px;}
.thanks-inner h2 {color:#000000; font-size: 22px;line-height: 26px;font-weight: 600; letter-spacing: 0.15px; padding-bottom:40px;}
.thanks-inner p {color:#000000; font-size: 17px; line-height:20px; font-weight: 600; letter-spacing: 0.1px; padding-bottom:15px;}

/* Footer
--------------------------------------------------------------------------------------------------------*/
.footer-top-part {padding: 30px 0 40px; color: #ffffff;}
.footer-top-part li + li{margin-top: 10px;}
.footer-top-part a{color: #ffffff; font-size: 17px; line-height: 23px; font-weight: 600;}
.footer-top-part a:hover{color: #3CA8DD;}
.footer-top-part .footer-navigation a{font-size: 22px; line-height: 28px; font-family: 'Outfit', sans-serif; font-weight: 500;}
.footer-top-part .footer-navigation li + li{margin-top: 16px;}
.copyright {padding: 15px 12px; font-size: 17px; line-height: 23px; text-align: center; letter-spacing: 0.5px; color: rgba(130, 130, 130, 0.8);}
.copyright a {color: rgba(130, 130, 130, 0.8);}
.copyright a:hover{color: #3CA8DD;}
.footer-eu-logos {font-size:10px;line-height:11px;color:rgba(255,255,255,0.8);}

/* loader */
.cssload-loader-wrapper {position: fixed;top:0;left:0;width:100%;height:100%;z-index:1050;background-color:rgba(255,255,255,0.8);}
.cssload-loader {position: absolute;top: 50%;left: 50%;width: 200px;height: 200px;margin-left:-100px;margin-top:-100px;perspective: 4700px;}
.cssload-inner {position: absolute;width: 100%;height: 100%;}

.cssload-inner.cssload-one {border-bottom: 10px solid #3CA8DD;left: 0%;top: 0%;animation: cssload-rotate-one 2.05s linear infinite;-o-animation: cssload-rotate-one 2.05s linear infinite;-ms-animation: cssload-rotate-one 2.05s linear infinite;-webkit-animation: cssload-rotate-one 2.05s linear infinite;-moz-animation: cssload-rotate-one 2.05s linear infinite;}
.cssload-inner.cssload-two {border-right: 10px solid #000;right: 0%;top: 0%;animation: cssload-rotate-two 2.05s linear infinite;-o-animation: cssload-rotate-two 2.05s linear infinite;-ms-animation: cssload-rotate-two 2.05s linear infinite;-webkit-animation: cssload-rotate-two 2.05s linear infinite;-moz-animation: cssload-rotate-two 2.05s linear infinite;}
.cssload-inner.cssload-three {border-top: 10px solid rgba(0,0,0,0.4);right: 0%;bottom: 0%;animation: cssload-rotate-three 2.05s linear infinite;-o-animation: cssload-rotate-three 2.05s linear infinite;-ms-animation: cssload-rotate-three 2.05s linear infinite;-webkit-animation: cssload-rotate-three 2.05s linear infinite;-moz-animation: cssload-rotate-three 2.05s linear infinite;}
.cssload-loader .loader-message {bottom:0;left:50%;text-align:center;transform:translate(-50%, 120%);font-size:1.5rem;line-height:1.2;width:92vw;position:absolute;background-color:rgba(255,255,255,0.7);padding:1rem;}

@keyframes cssload-rotate-one {0% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-o-keyframes cssload-rotate-one {0% {-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-ms-keyframes cssload-rotate-one {0% {-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-webkit-keyframes cssload-rotate-one {0% {-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100% {-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);}}
@-moz-keyframes cssload-rotate-one{0%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}
@keyframes cssload-rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-o-keyframes cssload-rotate-two{0%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-ms-keyframes cssload-rotate-two{0%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-webkit-keyframes cssload-rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@-moz-keyframes cssload-rotate-two{0%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}
@keyframes cssload-rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-o-keyframes cssload-rotate-three{0%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-ms-keyframes cssload-rotate-three{0%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-webkit-keyframes cssload-rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
@-moz-keyframes cssload-rotate-three{0%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}

/* fade in animation */
@-moz-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@-ms-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@-o-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fade-in {from{opacity:0;}to{opacity:1;}}
@keyframes fade-in {from{opacity:0;}to{opacity:1;}}

/* COOKIES */
#cookie_notification{position:fixed;bottom:0px;left:0px;right:0px;zoom: 1;background-color:#000000;color:rgba(255,255,255,0.7);font-size:11px;padding:10px;z-index:2000000001;letter-spacing:normal;line-height:normal;}
#cookie_notification a{color:rgba(255,255,255,0.7) !important;text-decoration:underline;}
#cookie_notification a:hover{text-decoration:none;color:rgba(255,255,255,0.7) !important;}
#cookie_notification .d-flex > div:first-child {padding:0px 15px;}
#cookie_notification #cookie_ok {text-decoration:none;cursor:pointer;}

#more-about-cookies h2, #more-about-cookies h3{margin-bottom:10px;}
#more-about-cookies table {border-collapse:collapse;	}
#more-about-cookies table th{border:1px solid gray;background-color:#373C3C;color:#fff;vertical-align:top;text-align:left;padding:10px;font-size:12px;}
#more-about-cookies table td {border:1px solid gray;background-color:#eeeeee;vertical-align:top;padding:10px;font-size:12px;}
#more-about-cookies table td strong{font-family:"Courier New", Courier, monospace;font-weight:normal;display:inline-block;margin-top:2px;	}
#more-about-cookies table td .mono{font-family:"Courier New", Courier, monospace;}
#more-about-cookies .tip{background-color:#eeeeee;overflow:hidden;border:2px solid #666666;padding:20px;font-size:12px;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);}
#more-about-cookies .tip label{font-size:14px;}
#more-about-cookies .btnCookiesSaveSettings{border:1px solid #000000;background-color:#373C3C;color:#fff;padding:5px 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;cursor:pointer;}
#more-about-cookies .btnCookiesSaveSettings:hover{background-color:#ffffff;color:#000000;}
#more-about-cookies em {font-size:14px;}

::-ms-clear {display: none;}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  -webkit-appearance:none; display:none;
}


/* Responsive Media Queries
--------------------------------------------------------------------------------------------------------*/
@media (min-width:576px) {
	.partners-logo-listing li{width: 33.33%;}
	.btn:hover{transform: scale(1.05);}
    .basket-info .name a {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block;width:260px;}
	
}
@media (min-width:768px) {
	.partners-logo-listing li{width: 25%;}
	.timeline-box {padding:0 5px 0 20px;}

	.section-about .card .card-icon {max-width:112px; margin-bottom:50px;} 
	.section-about .card .card-title {font-size:22px; line-height: 26px;}
    .text-md-right {text-align:right;}

	.footer-eu-logos {font-size:12px;line-height:13px;}

}
@media (min-width:992px) {
	h1,h2 { font-size: 67px; line-height: 80px; }
	h3 { font-size: 38px; line-height: 45px; }
	

	.navbar{padding-top: 16px; padding-bottom: 16px; transition: background 0.3s;}
	.navbar .navbar-brand {width:200px; min-width:200px;}
	.navbar .navbar-brand img{height: auto;}
	.navbar .offcanvas{background: none;}
	.navbar .offcanvas-body{padding: 0; }
	.navbar .navbar-nav .nav-item + .nav-item{margin-left: 40px;}
	.navbar .navbar-nav .nav-link{padding: 0;}
	.navbar .header-right-part{width:200px; min-width: 200px; display: flex; align-items: center; justify-content: end;}
	.page-scrolled .navbar{transform: translateY(-100%)}

	body:not(.nav-black-bg)	.navbar.black-text .navbar-nav .nav-link{color: #000000!important;}	

	/* Banner */
	.section-banner {height:716px;}

	/* section padding */
	.section-padding {padding: 120px 0;}
	.section-reserve-list {padding-bottom:65px;}
	
	.partners-logo-listing li{width: 20%;}
	.footer-top-part {padding: 75px 0 110px;}
	
	/* Search Engine */
	.section-search-engine {height:723px;}
	
	/* cart-details */
	.cart-details {width:417px; margin-left:18px; position: sticky; top: 120px; transition: all 0.3s; padding: 40px; margin-top: 0;}
	.page-scrolled .cart-details{top: 20px;}

	.form-group-secondary, .swipe-destination{margin-bottom: 40px;}

	/* Login */
	.login-wrapper::before {display: block;}
	.login-box {max-width:346px;padding:187px 0;}
	.login-wrapper::after {width:60%; height:100%;}

    .custom-scrollbar::-webkit-scrollbar {width:6px;}
    .custom-scrollbar.horizontal::-webkit-scrollbar {width:auto;height:6px;}
    .custom-scrollbar::-webkit-scrollbar-button {display:none;}
    .custom-scrollbar::-webkit-scrollbar-thumb {background: #e6e7eb;}
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {background: #2c8cbb;}
    .custom-scrollbar::-webkit-scrollbar-track, .custom-scrollbar::-webkit-scrollbar-track-piece {background:#F8F9FA;}

}
@media (min-width:1200px) {
	
	.container-lg {max-width:1078px;}
	.max-md-width-140 {max-width:140px; min-width: 140px;}
	
}
@media (min-width:1500px) {

	.section-banner .vector-01 {margin-right:-150px;width:572px;}
}

@media (min-width:1200px) { 
	.container-lg{max-width: 1024px;}
}

@media (min-width:1500px) {
	.section-banner .banner-blue-part {margin-right:-230px;width:572px;}
}

/* do not change beyond this point */

.adminBtnFA {cursor:pointer; color:#a0a0a0; font-size:13px;}
.adminBtnFA + .adminBtnFA {margin-left:5px;}
.adminBtnFA:hover {color:#000;}

.btnCMS {font-size:13px;color:#a0a0a0;text-decoration:none !important;}
.btnCMS:hover {color:#000 !important;}
footer .btnCMS:hover {color:#a0a0a0 !important;}
.btnCMS i.fa-pencil-alt {color:orange;}
.btnCMS i.fa-plus-square {color:green;}
.btnCMS i.fa-list {color:darkblue;}
.btnCMS i.fa-times {color:red;}
.btnCMS i.fa-paperclip {color:cornflowerblue;}
.btnCMS i.fa-images {color:olive;}

.adminBtn{display:inline-block;padding:5px 15px 5px 10px;font-family:Arial;color:Black !important;font-size:12px;text-decoration:none;background:#fff;box-shadow:0 0 3px 3px rgba(0, 0, 0 , 0.1);}
.adminBtn span{display:inline-block;background-repeat:no-repeat;background-position:left center;padding-left:23px;padding-top:2px;}
.adminBtn:hover, .adminBtn:active{text-decoration:none;color:black !important;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 3px rgba(0, 0, 0 , 0.3);}
.adminBtn:active{background-color:White;}

.btn-album-switch{background-image:url(../images/cms/album-switch.png);}
.btn-album-edit{background-image:url(../images/cms/album-edit.png);}
.btn-attachment{background-image:url(../images/cms/attachment.png);}
.btn-banners{background-image:url(../images/cms/banners.png);}
.btn-banners-edit{background-image:url(../images/cms/banners-edit.png);}
.btn-document{background-image:url(../images/cms/document.png);}
.btn-footer{background-image:url(../images/cms/footer.png);}
.btn-header{background-image:url(../images/cms/header.png);}
.btn-form-edit{background-image:url(../images/cms/form-edit.png);}
.btn-form-results{background-image:url(../images/cms/form-results.png);}
.btn-form-switch{background-image:url(../images/cms/form-switch.png);}
.btn-images{background-image:url(../images/cms/images.png);}
.btn-logout{background-image:url(../images/cms/logout.png);}
.btn-map{background-image:url(../images/cms/map.png);}
.btn-menu{background-image:url(../images/cms/menu.png);}
.btn-modules{background-image:url(../images/cms/modules.png);}
.btn-news-edit{background-image:url(../images/cms/news-edit.png);}
.btn-news-add{background-image:url(../images/cms/news-add.png);}
.btn-page-edit{background-image:url(../images/cms/page-edit.png);}
.btn-bottom-menu{background-image:url(../images/cms/bottom-menu.png);}
.btn-hotel{background-image:url(../images/cms/hotel.png);}
.btn-hotel-add{background-image:url(../images/cms/hotel-add.png);}
.btn-cat-edit{background-image:url(../images/cms/cat-edit.png);}
.btn-cat-add{background-image:url(../images/cms/cat-add.png);}
.btn-cat-list{background-image:url(../images/cms/cat-list.png);}