/*================== MAIN LAYOUT ====================*/
	body { 
		--bs-body-font-family: 'lato', sans-serif; 
		--bs-body-color: #333333; 
		--bs-body-bg: #fff;
		--bs-link-color:#021e5c;
		--bs-link-color-rgb: 2, 30, 92;
		--bs-link-hover-color:#6c6888;
		--bs-link-hover-color-rgb:108, 104, 136;
		--bs-primary: #DD161D;
		--bs-primary-rgb: 221, 22, 29;
		--bs-primary-emphasis:#890505;
		--bs-primary-bg-subtle:#F47D83;
		--bs-success: #092F6D;
		--bs-success-rgb: 9, 47, 109;
		--bs-success-emphasis:#00173C;
		--bs-success-bg-subtle:#66A1CE;
		--bs-success-bg-subtle-rgb:102, 161,206;
		--bs-info: #FCFF00;
		--bs-info-rgb: 252, 255, 0;
		--bs-light: #cccccc;
		--bs-light-rgb: 204, 204, 204;
		--bs-dark: #333333;
		--bs-dark-rgb: 51, 51, 51;
		--bs-border-radius: 0;
		--bs-border-radius-sm: 0rem;
    	--bs-border-radius-lg: 0rem;
		font-variant-ligatures: none; 
		font-feature-settings: "liga" 0;  
	}

	a { font: inherit; color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:bold; cursor:pointer }
	a:hover { text-decoration: none; }

	img { max-width: 100%; height: auto; }
	#map_canvas img { max-width: none; }

	/* Headers fonts */
		h1, h2, .h1, .h2 { font-weight: 900;  }
		h3, h4, h5, .h3, .h4, .h5 { font-weight: 700; } 
		
		@media (min-width: 1200px) {
			h1, .h1 {font-size: 3.438rem;}
			h3,.h3 {font-size: 1.75rem;}
		}

	.small, small { font-size: .75em; }

	/* Containers */
		@media (min-width: 1180px){
			.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px;}
		}

		@media (min-width: 1400px) {
	    	.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width:1320px }
		}
		
/*================== HEADER ========================*/
	header {padding-top: 201px; position: relative;}

	.navbar {
		--bs-navbar-padding-y: 0;
		--bs-navbar-brand-padding-y:1rem;
		border-bottom: 10px solid var(--bs-primary);
	}

	.navbar-brand img { width:308px; transition: all 0.5s ease; }
	
	@media (min-width: 768px) {	
		header {padding-top: 130px; }
	}

	/* Tiny */
		.navbar.tiny:before { 
			content: '';
			z-index: -1 !important; 
			background-color: #fff; 
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    top: 0;
		    left: 0;
		}

		@media (min-width: 992px) {
			.navbar.tiny .navbar-brand img { width: 200px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}	
		}

	
/*================== CONTENT =======================*/

	/* Wrapper */
		.wrapper1 { padding: 4vh 0 5vh; }
		.wrapper2 { padding: 2vh 0 2vh; }

	/* Lists */
		#content .list ul, #content .list ol  { padding-left: 1rem; margin-bottom: 1rem;}
		#content .list li  { margin-bottom: 0.5rem;}

	/* Card */
		.card {
			--bs-card-spacer-y:1.25rem;
			--bs-card-spacer-x:1.25rem;
			--bs-card-cap-bg:transparent;
			--bs-card-cap-padding-y: 0;
			--bs-card-cap-padding-x: 1.25rem;
			--bs-card-border-width: 0;
		}

		.card-header {padding-top: 1.25rem;}
		.card-footer {padding-bottom: 1.25rem;}

	/* Info */
		.info {text-align: center;}
		
		@media (min-width: 768px) {
			.info {text-align: left;}
		}

	/* Booking */
		.booking .vehicle-details li {border-right: 1px solid var(--bs-dark); padding: 0 12px 0 0; margin: 0 11px 0 0;}
		.booking .vehicle-details li:last-child { border-right: none; padding: 0;margin: 0;}

	/* Image Wrap */
		.bg-aside { position:relative; padding: 0;}
		.bg-aside .img-wrap {display: none;}

		@media (min-width: 992px) {	
			.bg-aside .img-wrap {margin-top: 0; position: absolute; top: 0; bottom: 0; overflow: hidden; width: auto; display: block}
			.bg-aside.left .img-wrap {right: 50%; left: 0}
			.bg-aside.right .img-wrap {right: 0; left: 35%;}

			.bg-aside .img-wrap img  { 
				width: 100%;
				max-width: none;
				height: auto;
				position: absolute;
				top: 50%;
				right: 0;
				-ms-transform: translate(0, -50%) ;
				-webkit-transform: translate(0, -50%) ;
				transform: translate(0, -50%) ;
			}

			.bg-aside .img-wrap-lg img  { 
				right: -110px;
				-ms-transform: translate(0, -50%) scale(1.3) ;
				-webkit-transform: translate(0, -50%) scale(1.3);
				transform: translate(0, -50%) scale(1.3);
			}
		}

		@media (min-width: 1200px) {
			.bg-aside .img-wrap-xl img  { 
				right: 0;
				-ms-transform: translate(0, -50%) scale(1) ;
				-webkit-transform: translate(0, -50%) scale(1);
				transform: translate(0, -50%) scale(1);
			}	
		}

	/* Contact details */
		.contactdetails {list-style: none; padding-left: 0;}
		.contactdetails li { margin-bottom: 1rem; font-size: 1.25rem;}
		.contactdetails li span { display: inline-block;}

		.contactdetails .icon:before {
			font-family: 'Font Awesome 7 Free'; 
			padding-right:0.625rem; 
			font-weight: 900;
			color:var(--bs-white);
			display: inline-block;
			vertical-align: top;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
		}

		li.telno:before { content:"\f879";}
		li.email:before { content:"\f0e0";}
		li.address:before {content:"\f3c5"; }
		li.opening-hours:before {content:"\f017"; }
		li.late-opening:before {content:"\f186"; }

	/* Map */
		.bg-aside .map-wrap {width: 100%; padding: 0; }
		.map{ height:400px; }

		@media (min-width: 992px) {	
			.bg-aside .map-wrap {margin-top: 0; margin-bottom:0; position: absolute; width: auto; top: 0; bottom: 0; overflow: hidden; right: 0; left: 50% }
			.map{ height:100%;}
		}

	/* Forms */
		.form-control, .form-select {border-color: transparent;}
		.form-control-plaintext {color: var(--bs-white);}

		.has-feedback { position: relative; }
		.has-feedback .form-control { padding-right: calc(1.5em + .75rem); }
		.has-feedback.left-feedback .form-control, .has-feedback.left-feedback .form-select { padding-left: 1.5em; }
		.has-feedback:before { font: var(--fa-font-solid); position: absolute;}
   		.has-feedback.mandatory:before, .has-feedback.eitheror:before {content: "\f005";  left: 1.2rem; top: 0.875rem; font-size: 0.625rem;}
		.has-feedback.mandatory:before { color:var(--bs-primary);}
    	.has-feedback.eitheror:before { color:var(--bs-success);}
    	.has-feedback.help:before { content: "\f059";color:var(--bs-success); top: 0.563rem; font-size: 1.2rem; right: 1.5rem;}
    	.has-feedback .link {color:var(--bs-success); top: 0.563rem; right: 1.5rem; position: absolute;}

    	.has-feedback.left-feedback .form-check {padding-left: 3.5em;}
    	.has-feedback.check.mandatory:before {top: 0.5rem; }

		 @media (min-width: 768px) {
            .col-form-label {text-align: right;}
        }

	/* Buttons */
		.btn {--bs-btn-font-weight: 700;}
		.btn-xl { --bs-btn-padding-x: 4rem;  --bs-btn-font-size: 1.875rem; }

		.btn-primary {
		    --bs-btn-bg: #DD161D;
		    --bs-btn-border-color: #DD161D;
		    --bs-btn-hover-bg: #890505;
		    --bs-btn-hover-border-color:#890505;
		    --bs-btn-active-bg: #890505;
		    --bs-btn-active-border-color: #890505;
		    --bs-btn-disabled-bg: #DD161D;
    		--bs-btn-disabled-border-color: #DD161D;
		}

		.btn-success {
		    --bs-btn-bg: #092F6D;
		    --bs-btn-border-color: #092F6D;
		    --bs-btn-hover-bg: #00173C;
		    --bs-btn-hover-border-color:#00173C;
		    --bs-btn-active-bg: #00173C;
		    --bs-btn-active-border-color: #00173C;
		    --bs-btn-disabled-bg: #00173C;
    		--bs-btn-disabled-border-color: #00173C;
		}

		button:focus { box-shadow: none !important;}
	
/*================== FOOTER ========================*/
	footer { text-align:center; }
	footer ul { margin: 0; align-items: center;}
	footer li a { color:#ffffff;}
	footer li a:hover {opacity: .6}
	footer .author { font-size: 0.7rem; } 

	footer .logos {display: flex; justify-content: flex-end; margin-bottom: 1.5rem}
	footer .logos a {margin-left: 0.625rem; margin-right: 0.625rem; }
	footer .logos a:hover { opacity:.7;}
	footer .logos a:last-child { margin-right: 0;}

		@media (min-width: 992px) {
			footer ul {display: flex;}
			footer .copyright li { padding: 0 12px 0 0; margin: 0 11px 4px 0; border-right: #fff solid 1px;}
			footer .copyright li:nth-child(2) {padding: 0; margin: 0; border: none;}
			footer .author { font-size: 0.75rem; } 
		}
	
/*================== WIDGETS ========================*/

	/* Colours */
		.bg-primary-emphasis { background: var(--bs-primary-emphasis)!important}
		.bg-success-emphasis { background: var(--bs-success-emphasis)!important}
		.bg-success-subtle { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-bg-subtle-rgb),var(--bs-bg-opacity))!important}


		.link-white { color: var(--bs-white)}
		.link-white:focus, .link-white:hover { color: RGBA(var(--bs-white-rgb),var(--bs-link-opacity,.5))!important;}

		.bg-opacity-80 {  --bs-bg-opacity: 0.8;}

		.bg-blur {-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px) !important;}

	/* Cookies */
		.cookiealert {border-radius: 4px; background: var(--bs-white); text-shadow: none; padding: 15px; color:#707070; box-shadow: 1px 1px 20px 0px #707070; width: auto; margin-top: 10px; margin-left: 10px; margin-right: 10px; text-align: left; font-size: 0.8125rem; position: fixed; bottom: 0;left: 0; z-index: 1000; transition: all 500ms ease-out; transform: translateY(100%); opacity: 0;  visibility: hidden; }
		.cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%); transition-delay: 1000ms; }
		.cookiealert .acceptcookies {margin: -5px 10px; font-size: 0.8125rem; padding-left: 35px; padding-right: 35px;}

		@media (max-width: 768px) {
			.cookiealert .acceptcookies{ display: block; margin: 1em 0 0;}
		}

	/* Alert */
		.alert {
			--bs-alert-padding-x: .5rem;
			--bs-alert-padding-y: .5rem; 
			text-align: center;
			--bs-border-width:0;
		}
		
		.alert-primary {--bs-alert-color: var(--bs-white); --bs-alert-bg: var(--bs-primary);}


	/* Accordion */
		.accordion {
			--bs-accordion-color: var(--bs-white);
			--bs-accordion-bg: rgba(var(--bs-success-bg-subtle-rgb),.8);
			--bs-accordion-active-color: var(--bs-white);
		    --bs-accordion-active-bg: rgba(var(--bs-success-rgb),.7);
		    --bs-accordion-btn-color: var(--bs-white);
		    --bs-accordion-btn-padding-y: .5rem;
		    --bs-accordion-btn-bg: transparent;
		    --bs-accordion-btn-icon: none;
		    --bs-accordion-btn-active-icon: none;
		}

		.accordion-item.light{ background-color: rgba(var(--bs-success-bg-subtle-rgb),.8);}

		.accordion-item {
			-webkit-backdrop-filter: blur(5px);
			backdrop-filter: blur(5px) !important;
			margin-bottom: 1rem;
			border: 0 !important;
		}

		.accordion-item {
    		border-top-left-radius: var(--bs-accordion-border-radius);
    		border-top-right-radius: var(--bs-accordion-border-radius);
    		border-bottom-left-radius: var(--bs-accordion-border-radius);
    		border-bottom-right-radius: var(--bs-accordion-border-radius);
		}

		.accordion-item .accordion-header .accordion-button {
    		border-top-left-radius: var(--bs-accordion-inner-border-radius);
    		border-top-right-radius: var(--bs-accordion-inner-border-radius);
    		border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    		border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    	}
    	.accordion-header .header-content {display: flex; width: 100%; flex-direction: column;}
		.accordion-header h5 {margin-bottom: 0; font-size: 1.1rem}
		.accordion-header h5.price {display: flex; align-items: center;}
		.accordion-header h5.price span {color: #FCFF00;}

		.accordion-body { background: rgba(var(--bs-success-rgb),.7);}
		.accordion-button {font-size: inherit; padding-left: 0}
		.accordion-button:hover {background: var(--bs-success-emphasis); color:var(--bs-white)  }
		.accordion-button:not(.collapsed) { box-shadow: none; }

		.accordion-button::after {margin-left: 1rem; font-size: 1.3rem; font-family: 'Font Awesome 7 Free'; content: "\f078"; align-items: center; display: flex;}

		@media (min-width: 576px) {
			.accordion-header .header-content {flex-direction: row;}
			.accordion-header h5 {font-size: 1.25rem}
		}

	/* UItoTop styles */
		#toTop { 
			display: none; 
			text-decoration: none;
		    position: fixed;
		    bottom: 50px;
		    right: 30px;
		    overflow: hidden;
		    border: 4px solid #fff;
		    border-radius: 50%;
		    width: 60px;
		    height: 60px;
		    font-size: 35px;
		    line-height: 52px;
		    text-align: center;
		    color: #fff;
		    z-index: 20;
			-webkit-transition: color 0.5s ease; 
			transition: color 0.5s ease; 
			opacity: 1;
			-webkit-animation-name: hvr-bob-float, hvr-bob;
		  	animation-name: hvr-bob-float, hvr-bob;
		  	-webkit-animation-duration: .3s, 1.5s;
		  	animation-duration: .3s, 1.5s;
		  	-webkit-animation-delay: 0s, .3s;
		 	animation-delay: 0s, .3s;
		  	-webkit-animation-timing-function: ease-out, ease-in-out;
		  	animation-timing-function: ease-out, ease-in-out;
		  	-webkit-animation-iteration-count: 1, infinite;
		  	animation-iteration-count: 1, infinite;
		  	-webkit-animation-fill-mode: forwards;
		  	animation-fill-mode: forwards;
		  	-webkit-animation-direction: normal, alternate;
		  	animation-direction: normal, alternate; 
		  }

		#toTop:hover { opacity: .5;}

		@media only screen and (max-width: 1199px) {
			#toTop { display: none !important; }
		}

	/* Parallax */
		.parallax-block { background-position: center 0%; position: relative; background-repeat: no-repeat; }
		.desktop .parallax-block { background-attachment: fixed; }
		.parallax-section .first { background-image: url(../images/index_img.webp); background-color: #787470; background-position: center 0%; min-height: 735px; }
			
			@media (max-width: 1199px) {
			.stellar-section .first  { background-size: auto 100%; }
			}

	/* Sweetalerts 2 */
		div:where(.swal2-icon).swal2-warning {
		    border-color: var(--bs-yellow) !important;
		    color: var(--bs-black) !important;
		    background: var(--bs-yellow) !important;
		}

		[data-swal2-theme='bootstrap-5'], [data-swal2-theme='bootstrap-5-light'], [data-swal2-theme='bootstrap-5-dark']{
		    --swal2-confirm-button-background-color: var(--bs-primary);
		    --swal2-confirm-button-color: var(--bs-white);
		    --swal2-deny-button-background-color: var(--bs-danger);
		    --swal2-cancel-button-background-color: var(--bs-dark);
		    --swal2-cancel-button-color: var(--bs-black);
		}

		div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-color: var(--bs-primary) !important;  }
		div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:#890505 !important; border-color:#890505 !important;}

		div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-color: var(--bs-danger) !important;  }
		div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover {background-color:var(--bs-danger-emphasis) !important; border-color: var(--bs-danger-emphasis) !important; }

		div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-color: var(--bs-secondary) !important; background-color:var(--bs-white) !important;  }
		div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover {background-color:var(--bs-secondary) !important;}

		div:where(.swal2-container) button:where(.swal2-styled){
		    padding: 0.75rem 1.5rem !important;
		    border-style: solid !important;
		    border-radius: 0 !important;
		    font-weight: 700 !important;
		}

	/* Datepicker */
	    .datepicker.datepicker-dropdown {padding: 1rem;}
	    .datepicker .datepicker-switch { font-size: 1.2rem; width: 200px;}

	    .datepicker td, .datepicker th { text-align: center; width: 40px; border-radius: 0; padding:  5px; font-size: 0.688rem;}
	    .datepicker td {border-radius: 4px;}

	    .datepicker table tr td span {
	        display: block;
	        width: 23%;
	        height: 30px;
	        line-height: 30px;
	        float: left;
	        margin: 1%;
	        border-radius: 4px;
	    }

	    .datepicker table tr td.today{ background-color: var(--bs-success); color: #fff}
	    .datepicker table tr td.new, .datepicker table tr td.old { color: rgba(var(--bs-success-rgb),.5)}

	    .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover {color: var(--bs-primary); cursor: pointer;}

	    .datepicker table tr td.day.focused, .datepicker table tr td.day:hover, .datepicker table tr td span:hover, .datepicker table tr td span.active:hover { background-color: var(--bs-primary-emphasis); cursor: pointer; color: var(--bs-white);}

	    .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td span.active, .datepicker table tr td span:active { background-color: var(--bs-success) ; color: #fff; }

	    .datepicker table tr td span.focused.active, .datepicker table tr td span.focused { background-color: var(--bs-primary-emphasis) !important; color: #fff !important;}

	    .datepicker table tr td.active.day {background-color: var(--bs-primary); color: #fff;}