/* CUSTOM */
  
  
	#loader-wrapper {
		position: absolute;
		backdrop-filter: blur(5px);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		/* background-color: rgb(188 190 192 / 93%); */
		background-color: rgb(188 190 192);
		display:none;
	}
	#loader {
		display: block;
		position: relative;
		left: 50%;
		top: 50%;
		width: 100px;
		height: 100px;
		margin: -50px 0 0 -50px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: white;
		-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	 
	#loader:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #f16225;
		-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	 
	#loader:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: white;
		-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		  animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	
 	#loader-wrapper0 {
		position: absolute;
		backdrop-filter: blur(5px);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		/* background-color: rgb(188 190 192 / 93%); */
		background-color: rgb(188 190 192);
		display:none;
	}
	#loader0 {
		display: block;
		position: relative;
		left: 50%;
		top: 50%;
		width: 100px;
		height: 100px;
		margin: -50px 0 0 -50px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: white;
		-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	#loader0:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #f16225;
		-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	#loader0:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: white;
		-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		  animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	
 	#loader-wrapper1 {
		position: absolute;
		backdrop-filter: blur(5px);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		/* background-color: rgb(188 190 192 / 93%); */
		background-color: rgb(188 190 192);
		display:none;
	}
	#loader1 {
		display: block;
		position: relative;
		left: 50%;
		top: 50%;
		width: 100px;
		height: 100px;
		margin: -50px 0 0 -50px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: white;
		-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	#loader1:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #f16225;
		-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	#loader1:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: white;
		-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	
 	
 	#loader-wrapper2 {
		position: absolute;
		backdrop-filter: blur(5px);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		/* background-color: rgb(188 190 192 / 93%); */
		background-color: rgb(188 190 192);
		display:none;
	}
	#loader2 {
		display: block;
		position: relative;
		left: 50%;
		top: 50%;
		width: 100px;
		height: 100px;
		margin: -50px 0 0 -50px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: white;
		-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	#loader2:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #f16225;
		-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	#loader2:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: white;
		-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
		animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	}
	
 	
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

  #main {
    background: #bcbec0;
    
  }

  .r100 {
    min-height: 220px;
  }
  
  .ftco-section {
    /* background-color: #1b75bc; */
    height: 100vh;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    justify-content: space-between;
    padding: 0px;
    font-family: 'Intro Regular Alt';
  }
  
  .ftco-section.blue-b {
	  background: #1b75bc !important;
  }
  
  
  .ftco-section.blue-b .dark-blue {
	  color: #15275a;
  }
  
  .sub-text {
	  font-size: 40px;
  }
  
  #price-car-st,
  #duration-min  {
	  margin-left: 6px;
  }
  
  #reg-number,
  #choise-car,
  #total-calc-car,
  #total-calc-bath,
  #info,
  #car-number {
	  display: none;
  }

  .heading-section {
    color: #fff;
    font-family: 'Intro Black Alt';
    line-height: 1.2;
    letter-spacing: 3px;
    font-size: xx-large;
    text-transform: uppercase;
  }

  .instructions {
    color: #fff;
    font-family: 'Intro Black Alt';
  }

  .grand {
    color: #fff;
    font-family: 'Intro Black Alt';
    line-height: 1.2;
    letter-spacing: 3px;
    font-size: 60px;
    text-transform: uppercase;

  }

  .middle input {
    width: 60%;
    margin: auto;
    border-radius: 25px;
    min-height: 100px;
    font-size: 80px;
    font-family: 'Intro Black Alt';
    text-align: center;
  }

  .row.w70 {
    width: 70%;
    margin: auto;
  }
  
  #reg_car_num {
	  text-transform: uppercase;
  }

  #pay-parking {
    background: #f7941d;
    border-color: #f7941d;
    
  }

  #pay-parking:hover,
  #pay-parking:focus
  {
    background: #ea8a21 !important;
    border-color: #ea8a21 !important;
    
  }

  #pay-bath {
    background: #1b75bc;
    border-color: #1b75bc;
    
  }

  #pay-bath:hover,
  #pay-bath:focus {
    background: #196191 !important;
    border-color: #196191 !important;
  }

  #pay-parking-bath {
    background: #31522b;
    border-color: #31522b;
    
  }

  #pay-parking-bath:hover,
  #pay-parking-bath:focus  {
    background: #273d22 !important;
    border-color: #273d22 !important;
  }

  #continue,
  #payment-car-button,
  #payment-bath-button,
  #agree-button,
  #vehiclePlateYes {
    background: #009444;
    border-color: #009444;
  }

  #continue:hover,
  #payment-car-button:hover,
  #payment-bath-button:hover,
  #agree-button:hover,
  #vehiclePlateYes:hover,
  #continue:focus,
  #payment-car-button:focus,
  #payment-bath-button:focus,
  #agree-button:focus,
  #vehiclePlateYes:focus
  {
    background: #047735 !important;
    border-color: #047735 !important;
  }

  #back,
  #call-button,
  #pay-cancel,
  #pay-cancel-go-back,
  #vehiclePlateNo {
    background: #ed1c24;
    border-color: #ed1c24;
  }
  
  #call-button.disabled{
	background: #bcbec0; 
	border-color: #bcbec0;
  }

  #back:hover,
  #call-button:hover,
  #pay-cancel:hover,
  #pay-cancel-go-back:hover,
  #vehiclePlateNo:hover,
  #back:focus,
  #call-button:focus,
  #pay-cancel:focus,
  #pay-cancel-go-back:focus,
  #vehiclePlateNo:focus
  {
    background: #ce1d2a !important;
    border-color: #ce1d2a  !important;
  }
  
  #pay-cancel, #pay-cancel-go-back {
	  color: #fff;
  }

  .multilang {
    position: relative;
	position: fixed;
	z-index: 99999999999999;
  }

  .multilang img {
    /* border: 1px solid #000; */
    position: absolute;
  }

  #en-l {
    top: 20px;
    z-index: 1;
	    -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  }

  #bg-l {
    left: 65px;
    z-index: 0;
	    -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  }

  .btn {
    border-radius: 25px !important;
    padding: 30px;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 3px;
    font-family: 'Intro Black Alt';
  }

  #choise-car img {
    border-radius: 25px;
  }
  
  .container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
	  padding-top: 0px !important
  }
  
  .container-p-y:not([class^=pb-]):not([class*=" pb-"]) {
    padding-bottom: 0px !important;
  }
  
  .layout-wrapper.layout-content-navbar {
	  padding: 0px !important;
  }
  
  .ios .page-content > .block {
	  margin: 0px !important;
  }
  
  .active-lang {
	  border-radius: 10px;
	  border: 1px solid #000;
  }
  
  .btn-yellow {
	display: inline-block;
    font-weight: 400;
    line-height: 1.53;
    color: #697a8d;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4375rem 1.25rem;
    font-size: 0.9375rem;
    border-radius: 0.375rem;
    transition: all 0.2s ease-in-out;  
    background-color: #ffd000;
    border-color: #ffd000;
    color: #414141;
    text-transform: uppercase;
}

/*.fa-parking {
	position: absolute;
    left: 45px;
    top: 30px;
    font-size: 100px;
    z-index: 1;
    color: #fff;
}*/

.fa-shower {
	position: absolute;
    left: 45px;
    top: 30px;
    font-size: 90px;
    z-index: 1;
    color: #fff;
}

.button-info {
	font-size: 18px;
    color: #8f8f8f;
    border-top: 1px solid #8f8f8f;
    margin-top: 15px;
    text-align: center;
    padding-top: 5px;
    letter-spacing: 1.2px;
	line-height: 1.3;
}

.fa-receipt, .fa-file-invoice {
font-size: 30px;
    position: absolute;
    left: 43px;
}

#print-receipt, #print-invoice {
	width: 320px;
    font-size: 20px;
    padding: 15px 0px 15px 30px;
	margin-left: 20px;
}

#print-invoice {
	background: #f16225;
}

.exit-box, .entrance-box {
	dispaly: flex;
	flex-direction: column;
}

.info-box {
	display: flex;
	flex-direction: column;
}

.swiper-container {
      width: 100%;
      height: 100vh;
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center content vertically */
      display: flex;
      /* justify-content: center; */
      align-items: center;
    }
#screensaver {
	background: #000;
	width: 100%;
	height: 100vh;
}

#screensaver .modal-content {
	background: transparent; 
}

#screensaver .modal-header {
	border-bottom: 0px;
}

#screensaver .modal-dialog {
	max-width: 100%;
}

.box-v-buttons {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.box-h-buttons {
	display: flex;
	flex-direction: row;
	gap: 15px;
	justify-content: center;
}

.form-check-label {
	color: #fff;
}

button.invoice {
	padding: 10px;
    font-size: 20px;
    margin-top: 20px;
}

#bathroom-button {
	display: none;
}

#v-guide .modal-dialog {
	max-width: 90%;
}

#v-guide .modal-header,
#v-guide .modal-footer  {
	border: none;
	padding: 0px;
}

#v-guide .modal-content {
	background-color: #8592a3;
	margin-top: 80px;
}

#v-guide ol li .title-guide {
	font-size: x-large;
    font-weight: 600;
    color: #fff;
	line-height: normal;
}	

#v-guide ol li {
	position: relative;
	font-size: 22px;
    font-weight: 600;
    color: #fff;
	line-height: normal;
	display: flex;
    align-items: center;
}

#v-guide ol li span.desc-guide{
	display: block;
	font-size: 15px;
	font-weight: 600;
    color: #fff;
}

#v-guide ol li img {
	padding: 8px 20px;
    box-sizing: content-box;
	width: 70px;
}

.box-text-guide {
	display: inline-flex;
    /* position: absolute; */
    flex-direction: column;
    /* top: 12px; */
}

body.modal-open .multilang {
	zoom: 1 !important;
}

.carplate-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    font-size: clamp(1rem, 4vw, 45px);
}

/* Main plate box */
.carplate-box {
    display: inline-flex;
    align-items: center;
    background: white;
    border: 3px solid black;
    border-radius: 6px;
    font-weight: bold;
    color: black;
    font-family: 'Arial Black', sans-serif;
    letter-spacing: 2px;
	height:60px;
}

/* EU blue strip */
.carplate-eu {
    background: #003399;
    border-right: 2px solid black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 25px;
    height: 100%;
}

/* Flag inside blue strip */
.carplate-flag {
    width: 27px;
    height: auto;
    margin-bottom: 4px;
}

/* BG code */
.carplate-code {
    color: white;
    font-weight: bold;
    font-size: 0.4em;
}

/* Plate number text */
.carplate-number {
	font-family: 'DINEngschriftStd';
    font-size: 0.9em;
    color: black;
	padding:6px;
}

/* Optional: amount display */
.carplate-amount {
    margin-top: 4px;
    font-size: 0.5em;
}

#pay-parking-hourly {
	background: #10cc5b;
    border-color: #01c339;
    color: #fff;
}