@font-face {
  font-family: "VPSans";
  src: url("/assets/fonts/vp-sans-next/WOFF/VPSansNext-Regular.woff");
}
.arrowRute i{
	font-size:20px;
}

.carouselOferta  .carousel-item{
	display: none !important;
}

.carousel-inner .active{
	display: block !important;
}

/* boxuri optiuni transport */
.posibilitati_transport{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}

.posibilitate_transport{
	border: 1px solid;
	border-color: #ddd;
    padding: 15px;
	position: relative;
	cursor: pointer;
}

.posibilitate_transport:hover{
	border-color: #EC008C ;
	border-width:2px;
}
.posibilitate_transport.active{
	border-color: #EC008C ;
	border-width:2px;
}

.posibilitate_transport img{
	position: absolute;
	top: 10px;
	right: 10px;
}

.tooltipDetaliiPret{
	opacity: 1 !important;
	font-size: 12px !important;
}

/* feribot */

.noQuote{
	font-size: 12px;
	color: #0776c5;
}
#port-container{
	padding:10px;
}

.btn-click{
	border: 1px solid #ddd;
	cursor:pointer;
	text-align: left;
}

.btn-click i{
	line-height: 22px;
	font-size: 16px;
	color: #999;
	margin-right:16px;
}

.modalCuHeader {
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
}

.modalCuHeader .modal-content{
	border:none;
}

.modalCuHeader .modal-header{
	background-color: #EC008C ;
	color: #fff;
}

.modalFeribot .modal-body{
	max-height:350px;
	height:350px;
	overflow-y: auto;
}

.modalFeribot .modal-title i{
	margin-right:15px;
	cursor:pointer;
}

.modalFeribot .iconLoading{
	line-height: 350px;
    font-size: 40px;
    color: #EC008C ;
}

.boxSelectieFeribot label{
	margin:0;
	cursor:pointer;
	width:95%
}

.boxSelectieFeribot{
	background: #f2f2f2;
    border-radius: 5px;
    padding: 5px;
	margin-bottom: 10px;
}

/* .boxSelectieFeribot:last-child{
	margin:0
} */

.boxFeribotSelectat{
	background-color: #ddd;
	margin-bottom: 12px;
	border-radius: 5px;
	padding: 5px;
	cursor: pointer;
}

.modalFeribot .close{
	padding: 0;
    margin-top: -10px;
    margin-right: -18px;
}

.plus-minus-input {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.plus-minus-input .input-group-field {
	text-align: center;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	padding: 1rem;
}

.plus-minus-input .input-group-field::-webkit-inner-spin-button,
.plus-minus-input .input-group-field ::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
}

.tip_animale .boxSelectieFeribot{
	padding: 10px;
}

.tip_animale button{
	border: none;
}

.tip_animale input{
	width: 34px;
    height: 34px;
    border-radius: 50%;
    padding: 0 !important;
    background: #ddd;
    border: none;
} 

.tip_animale .input-group{
	justify-content: flex-end;
}

.label_inline label{
	width: 90% !important;
}

.detalii_caravana .boxSelectieFeribot{
	margin-bottom:10px;
}

.rute_feribot{
	box-shadow: rgb(37 42 49 / 16%) 0px 0px 2px 0px, rgb(37 42 49 / 12%) 0px 1px 4px 0px;
    padding: 10px;
}

.ruta_feribot{
	padding: 10px;
	border-bottom: 2px solid #efefef;
}

.rute_feribot .ruta_feribot:last-child hr{
	display: none !important;
}

.ruta_feribot .gri{
	color: #897f7f;
	font-size: 12px;;
}

.ruta_feribot .row:not(:last-child){
	margin-bottom: 10px;
}

.rute_feribot .ruta_feribot:last-child{
	border: 0;
}

.ruta_feribot .extra_info i{
	color: #EC008C ;
	font-size: 16px;
	margin-right: 5px;
}

.ruta_feribot .extra_info{
	display: flex;
	column-gap: 5px;
	margin-top: 15px;
}

.ruta_feribot .extra_info div{
	cursor: pointer;
	background: #fbf6fc;
    padding: 5px;
	font-size: 12px;
}

.ruta_feribot .extra_info .toogle{
	position: absolute;
	top: 0;
}

.ruta_feribot .mesaj{
	background-color: #f2f2f2;
	padding: 5px;
}

.ruta_feribot:has(.btn-selecteaza-feribot:hover){
	background-color: #e7eff9;
}

.ruta_feribot img{
	width: 71px;
    object-fit: contain;
    height: 35px;
    background: #fff;
    padding: 4px;
    border: 1px solid #f2f2f2;
}

.ruta_feribot .nume_operator{
	font-size: 12px;
	display: inline-block;
    line-height: 16px;
}

.modalOptiuniFeribot .modal-content{
	position: relative;
}

.modalOptiuniFeribot .modal-body{
	max-height: 600px;
	overflow-y: auto;
	padding-bottom: 80px;
}

.modalOptiuniFeribot .modal-dialog{
	max-width: 600px;
}

.modalOptiuniFeribot .modal-footer{
	position: absolute;
	bottom: 0;
	background-color: white;
	width: 100%;
}

.modalOptiuniFeribot .bifat{
	color: green;
}

.ruta_feribot.active{
	background-color: #e7eff9;
}

.accommodations, .meals{
	max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.modalOptiuniFeribot .divPersoane{
	background-color: #EC008C ;
    color: #fff;
    font-size: 16px;
    text-align: center;
    height: 32px;
    width: 50px;
    line-height: 32px;
	border-radius: 3px;
}

.modalOptiuniFeribot .divPersoane i:not(:last-child){
	margin-right: 3px;;
}

.accommodations .boxSelectieFeribot{
	padding: 10px;
}

.accommodations .boxSelectieFeribot,
.meals .boxSelectieFeribot{
	margin-right: 2px;
}

#acordeon .card {
	margin-bottom: 20px;
	border: 0;
}

#acordeon .card .card-header {
	border: 0;
	-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
	box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
	border-radius: 2px;
	padding: 0;
}

#acordeon .card .card-header .btn-header-link {
	color: #fff;
	display: block;
	text-align: left;
	color: #222;
	padding: 14px;
	font-size: 18px;
}

#acordeon .card .card-header .btn-header-link:after {
	content: "\f107";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	float: right;
}

#acordeon .card .card-header .btn-header-link.collapsed {
	color: #fff;
}

#acordeon .card .card-header .btn-header-link.collapsed:after {
	content: "\f106";
}

#acordeon .card .collapsing {
	line-height: 30px;
}

#acordeon .card .collapse {
	border: 0;
}

#acordeon .card .collapse.show {
	line-height: 30px;
	color: #222;
}

.legatura .roz{
	font-weight: 600;
}

.accommodationsAndMeals{
	margin-top: 10px;
}

/* custom switch meal */
.switch {
	position: relative;
	display: inline-block;
	width: 60px !important;
	height: 18px;
	padding: 3px;
	margin: 0 10px 10px 0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	box-sizing:content-box;
}

.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}

.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;
}

.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}

.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaaaaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}

.switch-input:checked ~ .switch-label {
	background: #EC008C ;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}

.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}

.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 16px;
	height: 16px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-input:checked ~ .switch-handle {
	left: 45px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
 
/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}

.minHeight{
	min-height: 400px;
	line-height: 400px;
}

.input_accommodation{
	padding: 0 0.75rem;
	height: calc(1em + .75rem + 2px);
	font-size: 14px;
}

.btn-roz{
	background-color: #EC008C ;
	border-color: #EC008C ;
}
.btn-roz:hover{
	background-color: #c90b7d;
}

.persoaneCalcul .inputWebis{
	padding: 3px 9px;
}

.input_varste{
	display: flex;
	column-gap: 5px;
	row-gap: 5px;
	margin-top: 5px;
	flex-wrap: wrap;
}

.input_varste .persoana{
	width: 100%;
	display: flex;
	column-gap: 5px;
	flex-wrap: wrap;
}

.persoana > div {
	flex: 1 0 100%;
  }
  
  .persoana > select {
	flex: 0 0 calc(33.33% - 5px);;
  }

.input_varste .persoana select{
	font-size: 12px;
}

.required{
	color: red;
	font-size: 19px;
}

.modalFeribot .modal-footer {
	flex-wrap: wrap;
}

.modalFeribot .modal-footer .errorFeribot{
	margin-top: 5px;
	margin-bottom: 0px;
    padding: 3px;
    text-align: right;
}

.tip_ruta{
	color: #000;
	font-weight: 500;
}
.roz{
	color:#EC008C  !important;
 }
 a.roz{
	 cursor:pointer
 }
 .albastru{
	color: #19a27d !important;
    font-weight: 600;
    font-size: 15px;
	cursor:pointer
}
 .modalBagaje .close{
	 padding: 0 !important;
 }
 
 #modalInfoNoCheckin h6{
	 font-weight: 600;
	 margin-top: 15px;
 }
 
 #modalInfoNoCheckin h5{
	 font-weight: 600;
 }
 
 .divRezumatManage .titluMare{
	font-weight: 600;
 }
 
 .divRezumatManage .titluMare span{
	font-weight: 500;
	font-size: 20px;
 }
 
 .divRezumatManage .status{
	padding: 5px;
	font-size: 12px;
	font-weight: 600;
 }
 
 .divRezumatManage .date{
	font-weight: 600;
	color: #4f5e71;
 }
 
 .divRezumatManage .date span{
	display: inline-block
 }
 
 .divRezumatManage .boxElement{
	background: #f8f8f8;
	border:1px solid #f2f2f2;
	padding: 20px;
	margin-top: 30px;
 }
 
 .divRezumatManage .boxElement .subtitlu_manage{
	font-size: 16px;
	font-weight: 600;
 }
 
 .divRezumatManage  .iconArrow{
	color: #adb9c5;
	font-size: 16px;
 }
 
 .divRezumatManage .divRuta .zborDetaliat{
	margin-top: 10px;
	border-top: 1px dotted #ddd;
 }
 
 .divRezumatManage .divSingle {
	font-size: 14px;
	padding-top:20px;
	padding-bottom:20px;
 }
 
 .divRezumatManage .divSingle i{
	margin-right: 10px;
 }
 .divRezumatManage .divSingle .bold{
	font-weight: bold;
	margin-right: 10px;
 }
 
 .divRezumatManage .alert-info{
	border-left: 2px solid #0c5460;
	padding: 10px;
	margin: 0
 }
 
 .divRezumatManage .iconPerson{
	font-size: 16px;
 }
 
 .divRezumatManage .divSingle img{
	border-radius: 2px;
	margin-left: 10px;
 }
 
 .divRezumatManage .divSingle .detaliiPersoane{
	margin-top: 20px;
 }
 
 .divRezumatManage .divSingle .detaliiPersoane div{
	line-height: 27px;
 }
 
 .divRezumatManage .divSingle .detaliiPersoane h6{
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 600;
	margin-top: 10px;
 }
 
 .divRezumatManage .divSingle{
	padding: 25px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
 }
 
 .divRezumatManage .divPersoane{
	cursor: pointer;
 }
 
 .modalPasager .modal-header{
	flex-direction: column;
 }
 .modalPasager .desc{
	color: #7c8b99;
	line-height: 17px;
 }
 
 .modalPasager .modal-dialog{
	max-width: 1000px;
 }
 
 .modalPasager label{
	margin-bottom: 0;
	margin-top: 10px;
 }
 .modalPasager .modal-footer{
	border: 0;
 }
 .modalPasager  .close{
	line-height: 0;
	top: -11px;
	right: -18px;
	padding: 12px
 }
 
 #ui-datepicker-div{
	z-index: 9999 !Important;
 }
 
 .rowNastere .col-sm-4{
	padding-left: 5px;
	padding-right: 5px;
 }
 
 .rowNastere .col-sm-4:last-child{
	padding-right: 15px;
 }
 

#flight-container .liniePret:last-child{
   display: none !important;
}
.flight-row{
   margin: 0;
   width: 100%;
}
.titluTimes{
   font-weight: 600;
   text-transform: uppercase;
}

.sortare{
   display: flex;
   justify-content: space-between;
   box-shadow: rgb(37 42 49 / 16%) 0px 0px 2px 0px, rgb(37 42 49 / 12%) 0px 1px 4px 0px;
}


.sortare .divSort{
   padding: 15px;
   cursor: pointer;
   border-bottom: 2px solid #fff;
   width: 100%;
}

.sortare .divSort h6{
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 0;
}

.sortare .divSort:hover,
.sortare .divSort.active{
   border-bottom: 2px solid #EC008C 
}

.divFiltru{
   background: #f2f2f2;
   z-index: 1;
   max-height: 0;
   height: 0;
   width: 100%;
   margin-bottom: 5px;
   visibility: hidden;
   box-shadow: rgb(37 42 49 / 16%) 0px 0px 2px 0px, rgb(37 42 49 / 12%) 0px 1px 4px 0px;
}

.filtre hr{
   margin: 0
}

.butoaneFiltre{
   display: flex;
   justify-content: flex-start;
   grid-column-gap: 10px;
   margin-top: 10px;
}

.btnFiltre{
   color: #212529;
   background: transparent;
   margin-bottom: 5px;
   cursor: pointer;
   font-weight: 600;
   border: 0;
}

.btnFiltre i{
   color: #555;
   margin-left: 3px;
}

.filtru label{
   margin-right: 10px;
}

.filtru h6{
   font-weight: 600;
}

.filtru input[type='radio']:after{
   top: -1px !important;
   visibility: hidden;
}
.filtru input[type='radio']:checked:after{
   visibility: hidden;
}

.filtre-active{
   margin-left: 7px;
   margin-top: 10px;
   display: none;
   column-gap: 10px;
}

.filtru_activ{
   line-height: 14px;
   cursor: pointer;
   background: #f2f2f2;
   padding: 5px;
   border-radius: 5px;
   font-size: 12px;
}

.divContainerZboruri{
   box-shadow: rgb(37 42 49 / 16%) 0px 0px 2px 0px, rgb(37 42 49 / 12%) 0px 1px 4px 0px;
   padding: 10px;
}

.divContainerZboruri::-webkit-scrollbar {
  width: 14px;
}

.divContainerZboruri::-webkit-scrollbar-track {
  background: #ddd;
}

.divContainerZboruri::-webkit-scrollbar-thumb {
  background-color: #EC008C ;
  border-radius: 20px;
  border: 2px solid #ddd;
}

.inputSliderRange{
   border: 0;
   background: transparent;
   font-size: 12px;
   color: #666;
   margin-bottom: 7px;

}

.boxSlider{padding: 10px;}

.boxSlider .ui-slider-horizontal .ui-slider-range{
   background: #EC008C 
}

.boxSlider .ui-slider .ui-slider-handle{
   width: 2.2em;
   height: 2.2em;
   border-radius: 50%;
   top: -0.9em
}

.boxSlider .ui-slider{
   height: 0.4em;
}

.logo_partener{
   width: auto !important;
}
@media (min-width: 768px) {
   .carousel-item{
      margin-right: 0 !important
   }
   .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item{
      right: 0;
   }
   /* show 3 items */
   .carousel-inner .active,
   .carousel-inner .active + .carousel-item,
   .carousel-inner .active + .carousel-item + .carousel-item {
      display: block;
   }

   .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
   .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
   .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
      transition: none;
      margin-right: initial;
   }

   .carousel-inner .carousel-item-next,
   .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
   }

   .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: absolute;
      top: 0;
      right: -33.3333%;
      z-index: -1;
      display: block;
      visibility: visible;
   }

   /* left or forward direction */
   .active.carousel-item-left + .carousel-item-next.carousel-item-left,
   .carousel-item-next.carousel-item-left + .carousel-item,
   .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
   .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
   }

   /* farthest right hidden item must be abso position for animations */
   .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
   }

   /* right or prev direction */
   .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
   .carousel-item-prev.carousel-item-right + .carousel-item,
   .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
   .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
   }

}
/* calendar nou */
.calendarAbsolute{
   width: 100%;
   padding: 0 !important;
   top: 43px !important;
}

.webisCalendar{
   background: white;
   /* border: 1px solid #e1e1e4; */
   margin-top: 10px;
   border-radius: 5px;
}



.webisCalendar .slider_luni{
   text-align: center;
   border-bottom: 1px solid #e1e1e4;
}

.slider_luni .carousel-inner{
   margin: 0;
}

.webisCalendar .slider_luni .luna{
   color: #212529;
   font-size: 14px;
}

.webisCalendar .slider_luni .luna:hover{
   text-decoration: none;
   color: #EC008C 
}

.webisCalendar .slider_luni .luna.active{
   color: #EC008C ;
}

.webisCalendar .slider_luni .luna.active div{
   border-bottom: 2px solid #EC008C ;
}
.calendarRelative  .disabled{
   position: relative;
  box-sizing: border-box;
  background: #f2f2f2;
}
.carousel-inner::after{
   display: none;
}
.calendarRelative  .disabled:hover:after{
   position: absolute;
  top: 0;
  left: 75%;
  width: 100%;
  content: attr(title);
  background-color: #ffa;
  color: #000;
  line-height: 1.4em;
  border: 1px solid #000;
  box-shadow: 2px 2px 10px #999;
}

.boxLuna h6{
   text-align: center;
   padding-top: 10px;
   margin-bottom: 0px;
   padding-bottom: 10px;
   border-bottom: 1px solid #e1e1e4;
}

.divLuni{
   max-height: 300px;
   overflow-y: auto;
}

.webisCalendar .zi_single{
   border-bottom: 1px solid #e1e1e4;
   padding: 0px 15px;
   cursor: pointer;
}

.webisCalendar .zi_single:not(.disabled):hover{
   background: #f2f2f2;
}

.webisCalendar .zi_single.selected{
   background: #f2f2f2;
   color: #EC008C ;
}

.webisCalendar .boxLuna:last-child .zi_single:last-child{
   border: 0;
}

.webisCalendar .zi_single .zi{
   font-weight: 600;
   font-size: 15px;
}

.zi_single .dreapta{
   background: #f2f2f2;
   padding-top: 5px;
   padding-bottom: 5px;
   line-height: 15px;
}
.pret_zi{
   color: #EC008C ;
   font-weight: 600;
}
.scris_mic{
   font-size: 12px;
}

.zi_single.disabled .pret_zi{
   color: #999;
   font-weight: 500;
}
.zi_single.disabled::after{
   display: none;
}

.nightsAbsolute {
   border-radius: 5px;
   border:1px solid #e1e1e4;
   width: 100%;
   padding: 0 !important;
   margin-top: 2px;
   max-height: 300px;
   overflow: auto;
}

.nightsAbsolute .selectNopti{
   border-bottom: 1px solid #e1e1e4;
   padding: 10px;
   cursor: pointer;
   font-size: 13px;
}

.nightsAbsolute .selectNopti.selected{
   background: #f2f2f2;
}

.nightsAbsolute .selectNopti:last-child{
   border: 0;
}

.showZbor{
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}

/* zbor */
.zbor_orase{
   color: #897f7f;
   font-size: 12px;
}
.zbor_orase i{
   color:#897f7f;
}
.zborDetaliat{
   display: none;
}
.detaliiZbor{
   cursor: pointer;
   font-size: 14px;
   font-weight: 600;
   color: #EC008C 
}

.titluZborWebis{
   outline-color: #000;
   font-weight: 600
}
.titluZborWebis span{
   font-weight: 500;
   color: #897f7f;
   font-size: 12px;
}

.zborDetaliat span{
   font-size: 12px;
}

.rutaSingle{
   padding: 10px 0;
}

.rutaSingle:not(:last-child){
   border-bottom: 1px solid #f2f2f2;
}

.flight-row.selected{
   padding-top: 10px;
}
.imgCalendar{
   height: 14px;
}

/* pana aici noiembrie */

input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
   cursor:pointer;
   display:block;
   width:8px;
   color: #333;
   text-align:center;
   position:relative;
}
input[type=number]:hover::-webkit-inner-spin-button {
   background: #eee url('/images/sageata_input.png') no-repeat 50% 50%;
   width: 14px;
   height: 14px;
   padding: 4px;
   position: relative;
   right: 4px;
   border-radius: 28px;
}
.responseValidareCod{
   padding: 10px;
   background: none;
   margin-bottom: 0;
   border: none;
}
.liniePretFinal{
   display: none;
   margin-right: 0;
   margin-top: 5px;
   margin-bottom: 5px;
   width: 50%;
}
#totalFinal{
   font-size: 20px;
}
#reducere{
   font-size: 15px;
}
.taiat{
   text-decoration: line-through;
   color: gray !important;
   font-weight: 500 !important;
}
.errorSection h1{
   color: #EC008C ;
   font-size: 65px;
   font-weight: 600;
}
#avertismentTermeni{
   color: red;
}
body{
	font-family: VPSans,sans-serif;
	font-size: 14px;
}

p, h3{
	margin-bottom:0;
}

.theme-background-color{
   background: #EC008C ;
}

.form-control{
   border-radius: 4px !important;
}
.loginForm .btn-info, #registerBox .btn-info{
	background:#EC008C ;
}

.loginForm .btn-info:hover, #registerBox .btn-info:hover{
	background:#133c6b;
}

.logoIndex{
	width:450px;
}

.infoContact{
	font-size:100px;
}

/*header*/
.header{
	background:white;
	z-index:99;
	position:sticky;
	padding:8px 0 0 0;
   top: 0;
   box-shadow: rgba(34, 34, 43, 0.08) 0px 3px 11px 0px;
}

.header .logos img{
	height:35px;
}

#butonCont {
	background:none !important;
	border:none !important;
	font-size:14px;
	padding:0px;
   color: #464650;
}

#butonCont img{
	display:none;
   color: #464650;
}
.cont{
   padding: 0;
}
.cont img{
	padding-left:0px;
}
.cont img:hover{
	color: red;
}
a:hover path{
   fill:#EC008C ;
}
#submeniu{
	background:rgba(255,255,255,0.6);
   padding: 0 12px;
   top: 20px !important;
}

#submeniu a{
	color:#464650;
	font-size:14px;
}
#submeniu a:hover{
	background:#fff;
   color: #EC008C ;
}

#submeniu span{
   margin-top: 4px;
}
.logareLink:hover, .logareLink:focus, .logareLink:active,  .logareLink.active{
	background-color:transparent !important;
	background:transparent !important;
	color:#ddd;
}

/*header 2*/
.header2{
	background:#252525;
	position:sticky;
	top:0;
	z-index:100;
}

.header2 .container-fluid{
	height:100px;
	padding:20px 0;
	transition:all 0.5s ease;
}

.header2 img{
	height:60px;
}

/*landing-page*/

.carouselFixed{
	position:relative;
}

#continutCarousel{
	position:absolute;
	top:calc(50vh - 400px);
	z-index:1;
}

.carouselHome{
	width:100%;
	height:calc(100vh - 100px);
	top: 0px;
	left: 0px;
}

.container-fluid-home{
	background-repeat:no-repeat;
	position: fixed;
	width:100%;
	height: 100%;
	margin-top:-100px;
}

.container-home{
	padding-top:215px;
}
.container-home img{
	margin-bottom:20px;
}

.coming img{
	display:inline-block;
}

.coming h3{
	display:inline-block;
	margin-left:20px;
	color:white;
}

.border-top-bottom{
	border-top:solid 1px #E1E1E4;
	border-bottom:solid 1px #E1E1E4;
	padding:40px 0;
}

.boxIndex{
	background:rgba(0,0,0,0.7);
	padding:40px;
}

.carousel-control-next, .carousel-control-prev{
	z-index:2;
	opacity:1;
}

.textIndex{
	font-family:'VPSans';
	font-size:26px;
	letter-spacing:0.1em;
	margin-bottom:20px;
	font-weight:600;
	color:white;
}

/*box login  & register */
#login-register{
	background:rgba(0,0,0,0.8);
	color:white;
	min-height:270px;
	padding:20px;
}

.btn-login{
	width:50%;
	background:rgba(0,0,0,0.4);
	border-radius:0;
	color:white;
	padding:0;
	margin:0;
	line-height:40px;
	transition:color 0.5s;
	-webkit-transition:color 0.5s;
}

.btn-login:hover{
	color:#aaa;
}

.btn-login-active{
	background:rgba(0,0,0,0.7);
	font-weight:bold;
}

/* pagina dupa logare */

.boxIndex h6{
	font-size:26px;
	color:#fff;
}

#dataLansare h3{
	font-size:80px;
	color:white;
	font-weight:100;
	color:#464650
}

.boxIndex h4{
	color:white;
	font-size:18px;
}

/* footerJos */
.footerJos{
	min-height:170px;
	bottom:0;
	color:white;
	padding: 30px 0;
}
.social .fab{
	font-size:32px;
	color:white;
	margin-left:10px;
}
.social a:hover{
	text-decoration:none;
}
.social{
	margin:auto 0;
}

/*footer*/
.footer{
	min-height:170px;
	position:absolute;
	bottom:0;
	color:white;
	padding: 30px 0;
}

.footer p, .footerJos p{
	color:#464650 ;
}

.footer .footer-section1 p{
	color:#464650;
	font-size:14px;
}

.footer .footer-section1 i,
.footerJos .footer-section1 i{
	font-size:16px;
}

.footer .footer-section1 h5,
.footerJos .footer-section1 h5{
	font-size:18px;
	font-family:"VPSans";
}

.footer hr,
.footerJos hr
{
	width:100%;
	border-top: 1px solid #E1E1E4;
}

.footer-slogan p{
	font-family:VPSans;
	font-size:18px ;
	font-style:italic ;
}

.footer-section3 h5{
   font-size:16px;
   font-weight: 700;
   color: #EC008C ;
}

.footer-section3 .fa-cc-visa, .footer-section3 .fa-cc-mastercard{
	font-size:30px !important;
   display: inline;
}

.footer-section3 i, .footer-section3 span, .footer-section3 a{
	color:#464650 !important;
	font-size:14px !important;
   font-weight: 500;
   line-height: 30px;
   display: inline-flex;
}
.footer-section3 span:hover, .footer-section3 a:hover{
   color:#EC008C  !important;
   text-decoration: none;
}
footer .row{
	margin-right:0;
}

.footer-section3 .form-control{
	background:#ffffff29;
	border:none;
	display:inline-block;
	width:60%;
	font-size:12px;
	border-radius:0;
	color:#fff;
}

.footer-section3 .btn{
	color:#464650;
	border:1px solid #464650;
	font-size:12px;
	border-radius:0;
}

.footer-section3 .btn:hover{
	background:#ffffff29;
	color:#fff;
}

.footer-section3 h6{
	color:#464650;
	font-size:14px;
	line-height:18px;
}

.footer-section4 img{
}

.footer-section5 a{
	color:#EC008C ;
}
.footer-section5 img{
   height:35px;
}
#registerBox{display:none;}

.plata img{
	height:30px;
}
footer{
	background:#fff;
   border-bottom: 4px solid #EC008C ;
}


/* oferte */
.container-fluid-oferte{
	background-repeat:no-repeat !important;
	background-attachment: fixed !important;
	width:100% !important;
	height: 500px;
	margin-top:-100px;
	z-index:3;
	background-size:cover !important;
	background-position:50% 40% !important;
	position:relative;
}
.bgWhite{
   background: white;
}

#meniu{
	color:#464650;
	font-size:16px;
	font-family: VPSans,Times New Roman,Times,serif;
	margin:0 auto;
	text-align:center;
	width:100%;
}

#meniu ul{
	list-style-type: none;
	margin-bottom:0;
}

.borderTopGri{
   border-top: 1px solid #E1E1E4;
}

#meniu ul li{
	display:inline-block;
   padding: 8px 12px 8px 0;
   border-bottom: 2px solid  #fff;
}
#meniu ul li:hover, #meniu .active{

   border-bottom: 2px solid  #EC008C ;
}

#meniu ul li:first-child a{
	/* padding-left:0px; */
}

 #meniu .active a{
   color: #EC008C ;
}

#meniu ul li a{
	color:#464650;
	display:block;
	padding:0 30px;
}

#meniu ul li a:hover{
	text-decoration:none;
   color: #EC008C ;
   font-weight: 700;
}

#headMsg{
	text-align:center;
	margin-top:100px;
	margin-bottom:100px;
	color:white;
}

#headMsg .titlu{
	font-family: VPSans,Times New Roman,Times,serif;
	font-style: italic;
	line-height: 65px;
	font-size:38px;
	text-shadow:0 0 5px gray;
}

#headMsg .subtitlu{
	font-family: VPSans,Times New Roman,Times,serif;
	font-style: italic;
	line-height: 40px;
	font-size:32px;
	text-shadow:0 0 5px gray;
}

/* ribbon reducere oferta */
.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}

.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #EC008C ;
}

.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	background-color: #EC008C ;
	box-shadow: 0 5px 10px rgba(0,0,0,.4);
	color: #fff;
	font: 700 18px/1 'Lato', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	text-transform: uppercase;
	text-align: center;
}

/* top left*/
.ribbon-top-left {
	top: -10px;
	left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}
.ribbon-top-left::before {
	top: 0;
	right: 0;
}
.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}
.ribbon-top-left span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
}

/* de copiat */
.alertaCustom{
   font-size: 14px;
}
.footerJos{
   background: #f7f7f7;
}

/* categorie */
.extra_info_categorie{
   text-align: center;
   padding: 20px;
   background: #f7f7f7;
   border-radius: 5px;
   margin-bottom: 18px;
}

.extra_info_categorie h6{
   color: #EC008C ;
   font-size: 18px;
}
.fontMic{
   font-size: 12px;
}
.img-categ-oferta{
   height: 70px;
   width: 100%;
   object-fit: contain;
}
.radius{
   border-radius: 5px;
}
.imgCategorie{
	height: 560px;
	object-fit: cover;
   width: 100%;
}

.colStangaCategorie{
   padding-left:15px;
   margin-top: -35px;
}

.timp_ramas{
   font-weight: 500;
   margin-top: 24px;
   font-size: 16px;
   color: #464650
}

.imgMicaCategorie{
	height: 70px;
   box-shadow:rgb(15 23 58 / 10%) 0px 3px 11px 0px;
   padding: 4px 16px;
   background: white;
   border-radius: 4px;
}

.subcategorii li{
   border-bottom: 1px solid #ddd;
   padding: 16px 0;
   font-size: 16px;
}

.subcategorii li:last-child{
   border: 0px;
}

.subcategorii li a{
   color: #464650;
   font-weight: 600;
}

.subcategorii li a:hover{
   text-decoration: none;
   color: #EC008C 
}
.subcategorii .active{
   color: #EC008C ;
}

.btnVezi{
   background: #f7f7f7;
   border-radius: 0;
   width: 100%;
   color: #a2a2a7;
   font-weight: 600;
}

.btnVezi.active{
   background: white;
   border: 1px solid #e1e1e4;
   color: #464650
}

.btnVezi.active:hover{
   color: #EC008C ;
   border: 1px solid #EC008C ;
}

.tooltipDetaliiPret{
   background: #f2f2f2 !important;
   color: #464650 !important;
   border: 1px solid #e1e1e4;
   font-family: 'VPSans';
   font-size: 12px;
}

.tooltipDetaliiPret  .ui-tooltip-content::after{
   border-color: transparent transparent #f2f2f2 transparent !important;
}

.textComplet{
   max-height: 180px;
   overflow: hidden;
   font-size: 16px;
   font-weight: 500;
   color: #464650;
   transition: max-height 0.25s ease-in;
}

.overlay_read{
   background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.014443277310924318) 60%, rgba(255,255,255,1) 100%);
   height: 192px;
   position: absolute;
   top: 0;
   width: 96%;
}

.textComplet ul{
   padding-left: 20px;
}

.textComplet li,
.textComplet p{
   margin-bottom: 12px;
}

.footer_oferta{
   padding: 16px;
   position: relative;
}


.btnRead{
   cursor: pointer;
   color: #22222b;
   font-size: 16px;
   font-weight: 600;
   display: block;
   margin-top: 16px;
}

.btnRead i{
   color: #ddd;
   font-size: 13px;
}

/* oferta -- pg categorie*/
#homeOferte{
	font-size:0;
   display: grid;
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   grid-template-columns: repeat(2, 1fr);
}
.oferta .link{
   display: block;
}
.oferta{
	font-size:12px;
	background:white;
   border: 1px solid #e1e1e4;
   border-radius: 5px;
}

.oferta:hover{
   box-shadow: rgb(225 225 228) 0px 0.125rem 0.5rem 0px;
}

.oferta .header_oferta{
   padding: 10px;
}

.nr_nopti{
   font-size: 12px;
   display: block;
   color:#464650;
}

.price_from .pret{
   color: #EC008C ;
   font-weight: 700;
   font-size: 24px;
   display: inline-block;
   margin-left: 5px;
}

.price_from{
   color: #464650;
   font-size: 14px;
}

.price_from .persona{
   color: #EC008C ;
   font-size: 16px;
   font-weight: 500;
}

.pret_redus{
   font-size: 18px;
   color: #464650;
   margin-right: 5px;
}

 .detalii_pret{
   color: #464650;
   font-size: 12px;
   cursor: pointer;
   text-decoration: underline;
}

.oferta a:hover{
   text-decoration: none;
}

.oferta .urmator{
   margin-top: 16px;
   width: 100%;
}

.oferta .titlu, .ofertaBig .titlu{
	font-family: 'VPSans';
	font-size:16px;
	font-weight:600;
	line-height:20px;
   color: #464650;
   margin-bottom: 10px;
}

.oferta  img, .ofertaBig  img{
	object-fit: cover;
	width:100%;
   height:225px;
}

/* oferta pg single */
.btnReturnBack{
   background-image: url('/images/svg/back_button.svg');
   background-repeat: no-repeat;
   background-position: center;
   font-size: 14px;
   line-height: 30px;
   display: inline-block;
   text-align: center;
   width: 71px;
   color: #464650;
   padding-left: 6px;
   padding-top: 2px;
   margin-right: 10px;
}

.btnReturnBack:hover{
   color: #EC008C ;
   text-decoration: none;
}

.cat_oferta{
   color: #7b7b7f;
   font-size: 16px;
}

.vezi_toate{
   color:#22222b;
}

.titlu-oferta-single h5{
   margin-top: 20px;
   color: #464650;
   font-weight: 600;
   font-size: 26px;
}

.oferta_single .timp_ramas{
   margin-top: 12px;
   margin-bottom: 24px;
}

.read_oferta{
   margin-top: 20px;
}

.relative{
   position: relative;
}

.oferta_single .overlay_read{
   width: 100%;
}

.marginTop70{
   margin-top: 70px;
}

.borderRight{
   border-right: 1px solid #ddd;
}

.subtitlu_calcul{
   font-size: 20px;
   color:#464650;
   font-weight: 600;
}

.text-normal{
   color: #464650;
   font-size: 16px;
}

.calendar{
	background: white;
	border-radius: 6px;
}

.calendar .ui-datepicker td span, .calendar .ui-datepicker td a{
	height: 40px;
	width: 45px;
}

.btnshow{
   cursor:pointer;
   position: relative;
   text-align: left;
   border: 1px solid #e1e1e4;
}

.btnshow .iconArrow{
   position: absolute;
   right: 10px;
}

.btnshow .iconSelect{
   margin-right: 10px;
}

.divAbsolut{
   position: absolute;
   z-index: 1;
   background: white;
   padding: 12px;
   border-radius: 5px;
}

.zborAbsolute{
   top: 42px;
   width: 100%;
}

.calendarAbsolute{
   border: 1px solid #ddd;
   background: white;
   top: 50px;
}

.personsAbsolute{
   border: 1px solid #ddd;
   background: white;
   top: 50px;
}

.closeAbsolute{
   border: 1px solid #e1e1e4;
   color: #464650;
   cursor:pointer;
   font-weight: 600;
   font-size: 14px;
}
#aeroport-container{
   padding: 10px;
}

.div_pret_estimat{
   margin-top: 16px;
   margin-bottom: 16px;
}

.div_pret_estimat .pret{
   color: #EC008C ;
   font-weight: 700;
   font-size: 24px;
   display: inline-block;
   margin-left: 5px;
}

.div_pret_estimat .persona{
   color: #EC008C ;
   font-size: 16px;
   font-weight: 500;
}

.div_pret_estimat{
   background: #f7f7f7;
   padding: 16px;
}
.ulpadding{
   padding-left: 16px;
}

.titlu_mare{
   font-size: 24px;
   color: #464650;
   font-weight: 600;
}

.taburiOferta .content-oferta{
   border-radius: 4px;
   box-shadow: rgb(15 23 58 / 10%) 0px 3px 11px 0px;
   padding: 32px;
}

.taburiOferta .nav-tabs .nav-item{
   border-radius: 4px 4px 0px 0px;
   height: 72px;
   width: 210px;
   color: #22222b;
   position: relative;
   background: #f7f7f7;
   border: 1px solid rgb(255, 255, 255);
}

.taburiOferta .nav-tabs{
   border-bottom: 0;
}

.taburiOferta .nav-tabs .nav-item a{
   font-weight: 600;
   padding: 0 16px;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   font-size: 16px;
   color:#464650;
}

.taburiOferta .nav-tabs .nav-item a:hover{
   color: #22222b;
}

.taburiOferta .nav-tabs .nav-item .active{
   box-shadow:rgba(15, 23, 58, 0.1) 0px 3px 11px 0px;
}

.taburiOferta .subtitlu_tab{
   color: #464650;
   margin-top: 18px;
   margin-bottom: 18px;
   text-transform: uppercase;
   font-size: 20px;
}

.taburiOferta .subsubtitlu_tab{
   color: #22222b;
   font-size: 18px;
   font-weight: 600;
}

.content-oferta .tab-content img{
   margin-bottom: 16px;
   width: 100%;
}

.tabCuUl ul{
   padding-left: 10px;
}

.divContact{
   padding: 20px;
   border-radius: 5px;
   font-size: 16px;
}

.divContact svg{
   height: 32px;
   width: 32px;
}

.divContact a{
   color: #EC008C 
}
.divContact a{
   text-decoration: none;
}

.subtitlu_contact{
   color: #464650;
   margin-top: 12px;
   margin-bottom: 12px;
   font-size: 20px;
}

.btn_modal_harta{
   background-image:url('/images/svg/map_small.jpg');
   padding: 20px;
   cursor:pointer;
   vertical-align: middle;
   background-size: cover;
   background-position: center;
}

#modalHarta .modal-body{
   padding: 0;
}

#modalHarta .modal-header{
   padding: 0;
   border:0;
}

#modalHarta .modal-dialog{
   max-width: 1000px;
}

#modalHarta .modal-header .closeModal{
   padding: 0;
   right: 20px;
   top: 20px;
   margin: 0;
   z-index: 2;
   background-color: #fff !important;
   color: #464650;
   position: absolute;
   width: 35px;
   line-height: 35px;
   height: 35px;
   text-align: center;
   border-radius: 18px;
   }

#modalHarta iframe{
   margin-bottom: -6px;
   border-radius: 5px;
}

.plataPartiala{
   color: black;
   font-size: 18px;
   font-weight: 600;
}

.totalPartialRata{
   color: black;
   font-size: 18px;
   font-weight: 600;
}

.divRata{
   background: white;
   margin-top: 10px;
   border: 1px solid #ddd
}

.titluBlack{
   color: black;
   font-size: 14px;
   font-weight: 600;
   padding:15px 0 0 15px;
   text-transform: uppercase;
}

.plataLabel{
   font-size: 12px;
   margin-bottom: 0;
}

/* pana aici */

.oferta .red, .ofertaBig .red{
	color:#EC008C  !important;
	text-decoration:none;
   font-size: 16px;
}

.timpRamas {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #fff;
	padding: 4px 13px;
	color: #A2A2A7;
   font-size: 12px;
   line-height: 12px;
}

.oferta .discount{
   background: green;
   color: white;
   font-size: 10px;
   text-align: center;
   padding: 2px 4px;
   line-height: 16px;
}

.oferta .loc, .ofertaBig .loc{
	font-family: "VPSans", "sans serif";
	font-size:12px;
	font-weight:400;
	text-transform:uppercase;
	line-height:25px;
}

.oferta .red a, .ofertaBig .red a{
	color:#EC008C ;
	line-height:17px;
}

.oferta .subsol, .ofertaBig .subsol{
	padding:10px 20px 10px 20px;
	position:relative;
}
.oferta .subsol a, .ofertaBig .subsol a{
   color: #464650;
}
.subsol a:hover{
   text-decoration: none;
}
.calendar .ui-datepicker-title select{
	border:1px solid #ddd;
	margin-right: 5px;
}

.calendar .ui-datepicker th span,
.calendar .ui-datepicker-title select,
.calendar .ui-datepicker td a{
   font-family:'VPSans'
}
.ui-datepicker-unselectable{
   position: relative;
}
.ui-datepicker-unselectable:not(.ui-datepicker-other-month) span::before{
   content:" ";
   width: 27px;
   height: 31px;
   border-bottom: 1px solid gray;
   -webkit-transform: translateY(-18px) translateX(-14px) rotate(-27deg);
   position: absolute;
}

.legenda{
   margin-bottom: 10px;
}

.legenda .patrat{
   height: 20px;
   width: 20px;
   display: inline-block;
   border:1px solid #dfdfdf;
   margin-right: 4px;
}

.boxLegenda{
   display: inline-block;
   margin-right: 5px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   font-size: 13px;
}

.legenda .boxAvailable{
   background: #e1e1e4;
}

.legenda .boxUnavailable{
   background: #f4f4f5;
}

.legenda .boxSelected{
   background: #EC008C ;
   color: white;
}

.destinatie .nav-link{
	padding: 4px;
}


.boxCupon{
   display: block;
   box-shadow:0 0px 6px  #1818191a;
}

.boxCupon img{
   object-fit: cover;
   width: 100%;
}
/* oferta zilnica */
.fa-spin{
	font-size:24px;
}

.calendar p{
	color:black !important;
	font-weight: 600;
	cursor:pointer;
	margin-bottom:10px;
}

.calendar p span{
	background: #EC008C  ;
	height: 30px;
	width: 30px;
	color: white;
	float: left;
	text-align: center;
	line-height: 30px;
	border-radius: 15px;
	margin-right: 5px;
	margin-top: -4px;
}
.calendar hr{
	border: 1px solid #E1E1E4 !Important;
	display: block !Important;
	width: 100% !Important;
	margin-bottom: 20px !Important;
}

.calendar .ui-datepicker .weekend .ui-state-default {
  background: #FEA;
}

.calendar .ui-datepicker-calendar td a[data-custom]::after {
  /*STYLE THE CUSTOME DATA HERE*/
  content: attr(data-custom);
  display: block;
  font-size: 10px;
  margin-top: -10px;
  font-weight: 500;
}


.calendar .ui-datepicker{
	width: 100% !important;
}

.calendar .ui-state-default{
	font-size: 12px;
	font-weight: 600;
}

.disabled{
	cursor:unset !important;
}

#formStep2OfZilnica .urmator{
	margin-right: 4px;
	background: #EC008C ;
   margin-bottom: 4px;
}

.loadingDiv{
	padding: 30px 60px;
	border-radius: 20px;
	border:1px solid #e4dbdb;
   background: white;
}
.loadingDiv h5{
	font-size:16px;
	font-weight: 600;
	margin-bottom:30px;
}
.loadingDiv span{
   display: block;
	color: #EC008C ;
	font-size: 12px;
	font-weight: 700;
}
.loadingDiv img{
   height: 30px;
}
.loadingDiv .divCuIcon{
	border-radius: 10px;
	border:1px solid #ddd;
	padding: 10px;
	margin-top: 10px;
	font-size:12px;
}

.loadingDiv .divCuIcon i{
	color: #3e3e46;
	font-size: 14px;
}

.containerLoading, .containerRezumatComanda{
	width: 100%;
	background: #f2f2f2;
	margin: 0 auto;
	z-index: 2000;
	max-height: 1920px;
	overflow: hidden;
}
.containerRezumatComanda{
	padding-bottom: 66px;
	padding-top: 38px;
}
.containerLoading .container{
	position: fixed;
	height: 100%;
	background: white;
	left: 0;
	max-width: 100%;
	z-index: 100;
	padding-top: 100px;
	top: 0;
	margin: auto 0;
	overflow: hidden;
}

.continutOfertaPretZilnic .subtitluPretOfertaZilnica{
	padding: 5px 10px;
	color: black;
	font-weight: 600;
	background: #fff;
	border-top:1px solid #e8e5e5;
	border-bottom:1px solid #e8e5e5;
}

#colOptiuni .subtitluPretOfertaZilnica{
   margin-left: -10px;
   margin-right: -10px;
}
#colOptiuni p:first-child{
   margin-top: 0;
}
.subtitluPretOfertaZilnica a{
  color: #EC008C ;
  font-weight: 500
}

#colOptiuni p{
   margin-top:10px;
}

#voloOptiuni{
   margin-top: -10px !important;
   border-top:none;
}

.continutOfertaPretZilnic{
	padding-bottom: 30px;
}

.continutOfertaPretZilnic form{
   background: white;
   margin-bottom: 0;
   padding: 10px;
}
.tabsOfertaZilnica{
   background: #f2f2f2;
}

.tabsOfertaZilnica .nav-item{
	border: 1px solid #e8e5e5;
	margin-right: 10px;
	width: calc(20% - 8px);
}
.subtitluPretOfertaZilnica:first-child{
   border-top: none;
}
.tabsOfertaZilnica .nav-item:last-child{
	margin-right: 0;
}

.tabsOfertaZilnica .nav-tabs .nav-link{
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
	text-align: center;
	transition: all 0.5s ease;
}

.tabsOfertaZilnica .nav-tabs .nav-link.active{
	background: #EC008C ;
	color: white;
}

.tabsOfertaZilnica .nav-tabs .nav-link:hover{
	background: #EC008C ;
	color: white;
}

.tabsOfertaZilnica .nav-tabs{
	border:none;
	margin-bottom: 20px;
}

.continutOfertaPretZilnic .colDreapta .subtitluPretOfertaZilnica{
	border:1px solid #ddd;
}

.continutOfertaPretZilnic .colDreapta .localitate{
	color: #777;
	margin-top: 10px;
	font-size: 16px;
}

.continutOfertaPretZilnic .radio{
	color:#777 !important;
	width: 70%;
}

.camereOfertaZilnica, .masaOfertaZilnica{
	width: 100%;
}

.camereOfertaZilnica td, .masaOfertaZilnica td{
	padding: 5px ;
}

.camereOfertaZilnica td span, .masaOfertaZilnica td span{
	color: #495057;
	font-weight: 500;
	font-size: 20px;
}

.detaliiPersoane p{
	color: black;
	font-weight: 600;
	margin-bottom: 0;
}
.detaliiPersoane hr{
	border-top: 1px solid #ddd;
}

.ui-tooltip{
	background: #e483c2 ;
	color: white;
	box-shadow: none;
	border:none !important;
}
/* Tooltip arrow */
.ui-tooltip .ui-tooltip-content::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #e483c2  transparent
}

/* Show the tooltip text when you mouse over the tooltip container */
.ui-tooltip:hover .ui-tooltip-content {
  visibility: visible;
  opacity: 1;
}

.asigurare td{
	color: #777;
	font-size:14px;
	font-weight:600;
	line-height:30px;
}

.iconAlbastru{
	color:#d6d6d6;
}

.fa-long-arrow-alt-right{
	font-size:10px;
	color: #626567;
}

.pretZbor{
	color:#EC008C ;
	font-size: 20px;
}

#rezumatComandaOfertaZilnica table{
	font-size:12px;
	color:#777;
}

#see-more{
	background: #EC008C ;
}

#rezumatComandaOfertaZilnica {
	padding: 10px;
   border: 1px solid #ddd;
   background: white;
}

#rezumatComandaOfertaZilnica td{
	padding: 5px;
}

#rezumatComandaOfertaZilnica span{
	color:black;
	font-weight: 600;
}

.totalZilnica{
	color: #EC008C  !Important;
	margin-top:10px;
}

.totalZilnica h3{
	font-size: 20px;
	font-weight: 600;
}

.serviciu_hotel {
	padding: 10px;
	border: 1px solid #E1E1E4;
	border-radius: 3px;
	margin: 0 0px 10px 0px;
}

.serviciu_hotel img{
	width: 250px;
	height: 150px;
	object-fit:cover;
}

.serviciu_hotel h6{
	font-weight: 600;
	font-size: 14px;
}

.pret_serviciu{
	font-size: 16px;
   font-weight: 600;
	color: black
}

.serviciu_hotel .custom-switch p{
	margin-top: 3px !important;
	font-size: 12px;
}

.plata_finala .urmator{
	background: #EC008C ;
}

.plata_finala .urmator:hover{
	background: #464345;
}
.carica{
   font-size: 14px;
   vertical-align: middle;
   height: 40px;
   display: inline-block;
}
#tabelaBagaje input[type='radio']:checked:after, #tabelaBagaje input[type='radio']:after{
   top: -1px !Important;
}
#tabelaBagajeFirst input[type='radio']:checked:after, #tabelaBagajeFirst input[type='radio']:after{
   top: -1px !Important;
}

#webisLoading{
	height: 100px;
	text-align: center;
}
#webisLoading i{
	font-size: 40px;
	color: #EC008C ;
	margin: auto 0;
	line-height: 70px;
}
#tabelaBagaje label{
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 500;
	color: #6d6d71;
}

#tabelaBagaje span{
	font-size: 12px;
	color: #65656b;
	font-weight:600;
}
#tabelaBagaje i{
	font-size:16px;
	color: black;
}

#tabelaBagaje tr:not(:last-child){
	border-bottom: 1px solid #E1E1E4
}
#tabelaBagajeFirst tr{
   border-bottom: 1px solid #E1E1E4;
}
/*oferta single */
.carousel-control-next, .carousel-control-prev{
	width:10%;
}

.carousel-control-next-icon,  .carousel-control-prev-icon{
	height:43px;
	width:28px;
}

.carouselOferta .carousel-control-next:hover, .carouselOferta .carousel-control-prev:hover{
	background:#f3f0f147;
}

.carouselOferta img{
	height:550px;
	object-fit:cover;
}

.head-oferta-single{
	color:#EC008C ;
}

.head-oferta-single #taraOras h5{
	font-family: VPSans;
	font-size: 18px ;
	color:#000;
}

.head-oferta-single #hotel {
	padding:0;
}
.head-oferta-single #taraOras {
	padding:0;
}

.head-oferta-single #hotel h5{
	font-family: 'VPSans';
	font-size: 32px;
	margin-bottom:0;
}

.timp {
	text-align:right;
	padding-right:0;
}

.timp p{
	color:#000;
	font-size:18px;
	font-family: VPSans;
}

#deadline{
	font-family: VPSans;
	font-size: 20px;
	color:#EC008C ;
	text-align:right;
}

#deadline p{
	text-align:right;
	color:#EC008C ;
}

.titluOfertaSingle{
	font-family:'VPSans';
	font-size:32px;
	line-height:32px;
}

.box hr{
	border: 2px solid #EC008C ;
	width: 32px;
	margin:auto 0;
	display:none;
}

.detaliiOferta .box{
	padding:35px;
	margin-top:30px;
	background:#fff;
	border-top:5px solid #EC008C ;
	box-shadow:0 0px 6px  #1818191a;
}

.rezerva{
	background:white !important;
}

.rezerva .total{
	color:#EC008C  !important;
}

.rezerva p{
	color:#333 !important;
}

.rezerva b{
	font-size:20px;
	line-height:25px;
}

.rezerva a{
   color: #EC008C ;
}
.colFrom{
	border-right: 1px solid #464650 ;
}

.pretBox ul li:before {
	content: '\2713';
	margin-left: -20px;
	margin-right: 4px;
	color:white;
}

.pretBox ul{
	list-style-type:none;
}

#calcul .box{
	background:#fff ;
}
#calcul{
	color:#464650;
}

.box img{
}

.detaliiOferta .box p{
	color:#222;
}
.journey{
	margin-bottom:50px;
}

/*harta */
.localizare{
	margin-top:0 !important;
	border-width:0 !important;
}

.pretBox{
   border-top:0px;
}

#map{
	width:100%;
	height:200px;
}

/*camere */
#people i{
	font-size:26px;
	color:#333;
}
.copil{
	font-size: 20px !important;
}
.infant{
	font-size:18px !important;
}

/* tabs oferta */
.box .nav-tabs .nav-item.show .nav-link, .box .nav-tabs .nav-link{
	font-size:16px;
	font-weight:600;
	transition: all 0.3s ease;
}

.box .nav-tabs .nav-item.show .nav-link, .box .nav-tabs .nav-link.active{
	border-bottom: 2px solid #EC008C ;
   background: #f3f3f5;
}

.box .nav-tabs .nav-link:focus, .box .nav-tabs .nav-link:hover{
   border-bottom: 2px solid #EC008C ;
}

.nav-tabs .nav-link{
	border:none;
}
.box .nav-link {
	color:#222 !important;
}

.box .nav-tabs{
	border:none;
	background:#fff;
}

.nav-tabs .nav-link{
	border-radius:0;
}

.nav-item{
	width:20%;
	background:#f3f3f5;
}

.box .nav-tabs .nav-item.show .nav-link, .box .nav-tabs .nav-link{
	font-size:12px;
}

#flightModal .modal-dialog {
	margin-top: auto;
}

#flightModal .pretZbor{

}

.flight-row.selected {
	background-color: #e7eff9;
}

.btn-light:hover,.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
	background: #EC008C ;
	color:white;
}

.btn-outline-light{
	background: #EC008C ;
}
/* tabs camere */
.box .tabCamere .nav-link, .box .tabCamere .nav-tabs .nav-link{
	font-weight:400 !important;
	font-size:12px !important;
	border:none;
	padding:10px 10px 10px 0;
	font-weight:600 !important;
}

.box .tabCamere{
	border:none;
	background:#fff !important;
}

.tabCamere .nav-item{
	width:auto;
}

.box .tabCamere .nav-item.show .nav-link, .box .tabCamere .nav-link.active{
	border:none ;
	background: white !important;
	color:#EC008C  !important;
}

.box .tabCamere .nav-link:focus, .box .tabCamere .nav-link:hover{
	color:#EC008C  !important;
	border:none;
	background:#fff;
	border-radius:0;
}

.tabCamere .nav-item{
	background:transparent;
}
/*pret*/
.urmator{
	background-color:#EC008C ;
	color:white !important;
	bottom:0;
	transition: all, 0.5s ease;
}
.urmator:hover{
	background:#464345;
	color:#fff;
}
.inputWebis{
	background:#e9e9e9;
	padding:10px 15px;
	border:none;
	border-radius:3px;
}
.inputWebisDisabled{
	background:none;
   color: #464650;
	font-weight: bolder;
	font-size: 16px;
}
.radio{
	font-size:14px;
	font-weight:600;
	line-height:30px;
}
.subtitluPret{
	font-size:14px;
	font-weight:700;
	line-height:18px;
	text-transform:uppercase;
	text-align:center;
}
.pasi{
	font-size:0;
	padding:0;
}
.pasi .linie{
	border-bottom:2px solid #EC008C ;
	width: 80%;
	margin:0 10%;
}
.pasi .active{
	color:white;
	background:#EC008C ;
	border-color:#EC008C ;
}
.pasi .pas{
	width:25%;
	height:5px;
	position:relative;
}

.pasi span {
	width:30px;
	height:30px;
	line-height:26px;
	border-radius:50px;
	border: 2px solid #EC008C ;
	display:inline-block;
	color:#222;
	font-size:12px;
	font-weight:600;
	text-align:center;
	z-index:9;
	position:absolute;
	bottom:-14px;
	background:#fff;
	left:calc(50% - 16px);
}

.liniePret {
	border: 1px solid #efefef !important;
	width:100% !important;
	margin:10px 0 !important;
	display:block !important;
}

.total{
	font-size:26px;
}
.totalPartial{
	font-size:20px !important;
}

.reducereTotal{
	font-size:20px;
	color:red !important;
}


/*rezumat comanda */

.rezumat{
	font-size:20px;
	text-transform:uppercase;
}

.nopti{
	color:#464650 !important;
}

#calcul p{
	color:#464650;
}

.nopti span{
	font-size:26px;
}
.intervalData p{
	font-size:16px !important;
	font-weight:600;
}
.intervalData i{
	font-size:16px;
}
.persoane span{
	font-size:20px;
	font-weight:600;
}
#cameraAleasa span{
	font-size:14px !important;
	text-transform:none;
	font-weight:600;
}
#cameraAleasa .vl{
	width:100%;
	height:20px;
	margin:10px 0 !important;
	border-right: 2px solid #efefef !important;
}
.confirma{
	background-color:#EC008C ;
	color:white;
	bottom:0;
	transition: all, 0.5s ease;
	font-size:22px !important;
	padding:8px 24px;
}

.confirma:hover{
	background:#464345;
	color:#fff;
}

#dateContact a{
	color:#EC008C  !important;
}

/*profil*/

.pgProfil hr{
	border: 2px solid #EC008C ;
	width: 32px;
	margin:auto 0;
}

/* comenzi */
#dataTables span{
	color:#efefef;
}

/* comanda single */
.comandaSingle .rand{
	padding-top:5px;
	border-bottom:1px solid #efefef;
}
.comandaSingle hr{
	border: 2px solid #EC008C ;
	width: 32px;
	margin:auto 0;
}
.comandaSingle span{
	color:#efefef;
}
.comandaSingle .table{
	border: none;
}
.comandaSingle .table td, .comandaSingle .table th{
   vertical-align: middle;
}
.boxParola{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	padding:70px;
	border: 1px solid #eceaea;
}
.boxParola .btn{
	background:#EC008C ;
	border:none;
	transition:all .5s ease;
}
.boxParola .btn:hover{
	background:#e03160;
}

/* cookie plugin */
#gdpr-cookie-message {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: #3e3939;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 6px 6px rgba(0,0,0,0.25);
	margin-left: 30px;
	font-family: system-ui;
	text-align:center;
}
#gdpr-cookie-message h4 {
	display:none;
}
#gdpr-cookie-message h5 {
	color: #EC008C ;
	font-family: 'Quicksand', sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
	color: white;
	font-size: 14px;
	line-height: 1.5em;
	text-align:center;
	display:inline-block;
}
#gdpr-cookie-message p:last-child {
	margin-bottom: 0;
	margin-top:10px;
	text-align: center;
}
#gdpr-cookie-message li {
	width: 49%;
	display: inline-block;
}
#gdpr-cookie-message a {
	margin-top:5px;
	display:block;
	color: #EC008C ;
	text-decoration: none;
	font-size: 14px;
	padding-bottom: 2px;
	transition: all 0.3s ease-in;
	display:inline-block;
}
#gdpr-cookie-message a:hover {
	color: white;
	border-bottom-color: #EC008C ;
	transition: all 0.3s ease-in;
}
#gdpr-cookie-message button {
	border: none;
	background: #EC008C ;
	color: white;
	font-family: 'Quicksand', sans-serif;
	font-size: 14px;
	padding: 7px;
	border-radius: 3px;
	margin-left: 15px;
	cursor: pointer;
	transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
	background: white;
	color: #EC008C ;
	transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
	background: white;
	color: #EC008C ;
}
#gdpr-cookie-message button:disabled {
	opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
	float: none;
	margin-top: 0;
	margin-right: 5px;
}
#gdpr-cookie-message p{
	display:inline-block;
	text-align:center;
}

#meniuMobile{
	display:none;
}

.ue {
	height:35px !important;
	margin-left:25px;
	width:auto !important;
}

.ueMobile{
	display:none;
}

#chenarLicenta a{
	color:#464650;
}

#calcul .boxLoginRegister {
	border-radius:10px;
}

#login-register{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

#btnLogin{
	border-top-left-radius:10px;
}

#btnRegister{
	border-top-right-radius:10px;
}

/* cautare */
#divCautare{
	position:relative;
	padding-left:0;
	padding-right:0;
}

#cautare{
	background:rgba(255,255,255,0.85);
	margin:0;
}

#rezultateCautare{
	background:rgb(255,255,255);
	border-radius:5px;
   border-right: 1px solid #E1E1E4;
   border-left: 1px solid #E1E1E4;
	position:absolute;
	top:42px;
	left:0;
	max-height:300px;
	overflow-x:hidden;
	overflow-y:auto;
	width: 100%
}

.rowRezCautare{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #E1E1E4;
	margin:0;
	font-weight: 600;
}

.rowRezCautare:last-child{
   border-bottom:none;
}

.rowRezCautare span{
	color:#666;
	font-style:italic;
	font-weight: 400;
}

.rowRezCautare:hover{
	background:#E1E1E4;
	cursor:pointer;
}

.rowRezCautare img{
	height:60px;
	width:80px;
	object-fit:cover;
}

/* pachete */
#infoCamera{
	border:solid 1px white;
	padding:5px;
	border-radius:3px;
	margin:0 15px;
	width:calc(100% - 30px);
	margin-top:20px;
	flex:none;
}


/* stilizare calendar */
.ui-datepicker {
	width:20em !important;
}



.ui-widget-header {
	background:none;
	border:none;
	border-radius:0;
	margin-bottom:10px;
}

.ui-datepicker-month,
.ui-datepicker-year{
	padding:3px 5px;
	border-color:#E1E1E4;
}

.ui-state-default{
	border:1px solid #E1E1E4 !important;
	background:#E1E1E4 !important;
	width:33px;
	height:27px;
	line-height:24px;
	text-align:center !important;
	margin-bottom:5px;
	color:gray;
	font-size:10px;
}

.ui-state-active,
.ui-state-hover{
	background:#EC008C  !important;
	color:white !important;
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover{
	background:#E1E1E4 !important;
	border:none !important;
}


/* generale */
.font0{ font-size:0; }
.fontNormal{ font-size:12px; }
.minHeight{ min-height:calc(100vh - 270px); }
.uppercase {text-transform:uppercase;}
.marginAuto0{margin:auto 0;}
.marginAuto{margin:auto ;}
/* paddings */
.paddingTop5{ padding-top: 4px; }
.paddingTop10{ padding-top: 12px; }
.paddingTop15{ padding-top: 16px; }
.paddingTop20{ padding-top: 24px; }
.paddingTop30{ padding-top: 32px; }
.paddingTop40{ padding-top: 40px; }
.paddingTop50{ padding-top: 50px; }
.paddingTop60{ padding-top: 60px; }
.paddingTop70{ padding-top: 70px; }
.paddingTop80{ padding-top: 80px; }
.paddingTop90{ padding-top: 90px; }
.paddingTop100{ padding-top: 100px; }
.paddingTop120{ padding-top: 120px; }
.paddingBottom10{ padding-bottom: 12px; }
.paddingBottom20{ padding-bottom: 24px; }
.paddingBottom30{ padding-bottom: 32px; }
.paddingBottom40{ padding-bottom: 40px; }
.paddingBottom50{ padding-bottom: 48px; }
.paddingBottom60{ padding-bottom: 56px; }
.paddingBottom70{ padding-bottom: 64px; }
.paddingBottom80{ padding-bottom: 80px; }
.paddingBottom90{ padding-bottom: 90px; }
.paddingBottom100{ padding-bottom: 100px; }
.paddingLeft0{ padding-left: 0px; }
.paddingLeft5{ padding-left: 4px; }
.paddingLeft10{ padding-left: 12px; }
.paddingLeft15{ padding-left: 16px; }
.paddingLeft20{ padding-left: 24px; }
.paddingLeft25{ padding-left: 24px; }
.paddingLeft30{ padding-left: 32px; }
.paddingLeft35{ padding-left: 32px; }
.paddingLeft40{ padding-left: 40px; }
.paddingLeft50{ padding-left: 48px; }
.paddingLeft60{ padding-left: 56px; }
.paddingLeft65{ padding-left: 64px; }
.paddingLeft70{ padding-left: 72px; }
.paddingLeft80{ padding-left: 80px; }
.paddingLeft90{ padding-left: 90px; }
.paddingLeft100{ padding-left: 100px; }
.paddingRight0{ padding-right: 0px; }
.paddingRight5{ padding-right: 5px; }
.paddingRight10{ padding-right: 10px; }
.paddingRight15{ padding-right: 15px; }
.paddingRight20{ padding-right: 20px; }
.paddingRight30{ padding-right: 30px; }
.paddingRight40{ padding-right: 40px; }
.paddingRight50{ padding-right: 50px; }
.paddingRight60{ padding-right: 60px; }
.paddingRight70{ padding-right: 72px; }
.paddingRight80{ padding-right: 80px; }
.paddingRight90{ padding-right: 90px; }
.paddingRight100{ padding-right: 100px; }
.padding0{ padding:0; }
.padding10{ padding:12px; }
.padding20{ padding:20px; }
.padding35{ padding:32px; }



/* margins */
.marginTop5{ margin-top: 4px; }
.marginTop10{ margin-top: 12px !important; }
.marginTop20{ margin-top: 24px; }
.marginTop30{ margin-top: 32px; }
.marginTop40{ margin-top: 40px; }
.marginTop50{ margin-top: 48px; }
.marginTop60{ margin-top: 56px; }
.marginTop70{ margin-top: 64px; }
.marginTop80{ margin-top: 80px; }
.marginTop90{ margin-top: 90px; }
.marginTop100{ margin-top: 100px; }
.marginTop1_5rem{ margin-top: 1.5rem; }
.marginBottom5{ margin-bottom: 4px; }
.marginBottom10{ margin-bottom: 12px; }
.marginBottom15{ margin-bottom: 16px; }
.marginBottom20{ margin-bottom: 24px; }
.marginBottom30{ margin-bottom: 32px; }
.marginBottom40{ margin-bottom: 40px; }
.marginBottom50{ margin-bottom: 48px; }
.marginBottom60{ margin-bottom: 56px; }
.marginBottom70{ margin-bottom: 64px; }
.marginBottom80{ margin-bottom: 80px; }
.marginBottom90{ margin-bottom: 90px; }
.marginBottom100{ margin-bottom: 100px; }
.marginLeft0{ margin-left: 0px; }
.marginLeft10{ margin-left: 12px; }
.marginLeft15{ margin-left: 16px; }
.marginLeft20{ margin-left: 24px; }
.marginLeft25{ margin-left: 24px; }
.marginLeft30{ margin-left: 32px; }
.marginLeft35{ margin-left: 32px; }
.marginLeft40{ margin-left: 40px; }
.marginLeft50{ margin-left: 48px; }
.marginLeft60{ margin-left: 56px; }
.marginLeft70{ margin-left: 72px; }
.marginLeft80{ margin-left: 80px; }
.marginLeft90{ margin-left: 90px; }
.marginLeft100{ margin-left: 100px; }
.marginRight0{ margin-right: 0px; }
.marginRight5{ margin-right: 5px; }
.marginRight10{ margin-right: 12px; }
.marginRight15{ margin-right: 16px; }
.marginRight20{ margin-right: 24px; }
.marginRight30{ margin-right: 32px; }
.marginRight40{ margin-right: 40px; }
.marginRight50{ margin-right: 48px; }
.marginRight60{ margin-right: 56px; }
.marginRight70{ margin-right: 72px; }
.marginRight80{ margin-right: 80px; }
.marginRight90{ margin-right: 90px; }
.marginRight95{ margin-right: 95px; }
.marginRight100{ margin-right: 100px; }
.margin0{ margin:0; }
.margin10{ margin:8px; }
.margin20{ margin:24px; }
input{ max-width:100%; }
.clear{ clear: both;}

.confirmare{
	padding:24px;
}

/* colors */
.colorGray{ color:gray; }

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{
	box-shadow:none;
}
.btn-secondary.focus, .btn-secondary:focus{
	box-shadow:none;
}
.btn.focus, .btn:focus{
	box-shadow:none;
}

/* meniu toogle */
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
   box-shadow: none;
}
.dropdown-item.active, .dropdown-item:active{
	background:#EC008C ;
}

.dropdown-menu, #submeniu{
	width:30%;
	background:rgb(255,255,255);
}

.dropdown-item{
	color:#464650;
	border-bottom:1px solid #E1E1E4;
}

.dropdown-menu a, #submeniu a{
	font-size:16px;
   padding: 12px;
   font-weight: 500;
}

.dropdown-item:last-child{
	border-bottom:0;
}

/*modal login */
.alertaRadius{
	border-radius:10px;
	color:#ddd !important;
	background:rgba(0,0,0, 0.5);
	border:none;
}

.modalLogin .modal-content{
	border-radius:10px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
}

.modalLogin .modal-overlay{
	border-radius:10px;
	padding:90px;
	background:#0672ff4f;

}

.modalLogin .modal-dialog{
	margin: auto;
	margin-top: calc(50vh - 275px);
	max-width:680px;
}

.modalLogin{
	background: rgba(0,0,0,0.7);
}

button.close{
	background-color: #9396b9 !Important;
	position: absolute;
	right: -15px;
	top: -15px;
	border-radius: 17px;
	height: 35px;
	width: 35px;
	color:#fff;
	opacity:1;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
	opacity:1;
}

.urmator{
	cursor:pointer;
}

.close:hover{
	color:#222;
}

#calcul .alert-warning{
	background:#9c9c9c;
	border:none;
}
.d-none-desktop{
	display: none;
}
.d-block-desktop{
	display: block;
}


/* RESPONSIVE */
/* tablet */
@media all and (min-width:768px) and (max-width: 1023px) {
   /* de copiat */
   .paddingTop80Tablet{
      padding-top: 80px;
   }

   .d-none-tablet{
      display: none;
   }

   .textComplet{
      height: 100%;
   }
   .overlay_read{
      display: none;
   }
   .read_more{
      display: none;
   }

   .plataPartiala{
      font-size: 16px;
   }
   .totalPartialRata{
      font-size: 16px;
   }
   .modalCuHeader{
	width: 96%;
   }

   .boxSelectieFeribot label{
	width: auto;
   }


   /* pana aici */

   .infoContact{
      font-size: 70px;
   }
   .rezerva a{
      font-size: 15px;
   }
   .totalZilnica h3{
      font-size: 16px;
   }
   .titluOfertaSingle{
      font-size: 24px;
   }
   .marginTop0Tableta{
      margin-top: 0px !Important;
   }
   .paddingRight10Tableta{
      padding-right:10px !important;
   }
   .socialFooter{
      padding-left: 40px;
   }
	/*header */
	.header .row{
		margin-right:0;
	}

	/*listare oferte */
	#headMsg{
		margin:0;
	}

	.container-fluid-oferte{
		height:auto;
		text-align:right;
	}

	#meniu{
		display:none;
	}

	#meniuMobile{
		display:inline-block;
	}
	#meniuMobile .btn{
		border-radius:0;
		background:#fff;
		border:0;
	}
   .header .logos img{
      height: 30px;
   }
	#meniuMobile .dropdown-toggle::after{
		display:none;
	}

   .logareDropdown{
      display: none;
   }

	.dropdown-menu {
		top:-1px;
		transform:translate3d(-29px, 13px, 0px) !important;
	}

	.header .dropdown-menu{
		top:38px !important;
      left: 18px !Important;
	}
   .rowRezCautare img{
      height: 50px;
      width: 65px;
   }
   .timpRamas{
      padding: 4px;
   }
   .oferta .subsol, .ofertaBig .subsol{
      padding: 10px;
   }

	.oferta, .ofertaBig{
		width:99%;
	}

	.ofertaBig .imagine{
		height:250px;
	}

	.oferta .red{
		text-align:right !Important;
      font-size: 10px;
	}

   .oferta .reducere, .ofertaBig .reducere{
      font-size:14px;
   }

   .oferta .titlu, .ofertaBig .titlu{
      font-size: 16px;
   }
	/*oferta single */
	.carouselOferta img{
		height:350px;
	}

	.head-oferta-single #taraOras h5{
		font-size:20px;
	}

	.head-oferta-single #hotel h5{
		font-size:16px;
	}

	#deadline{
		font-size: 16px;
	}

	.box img{
		width:330px;
	}

	.rezumat{
		font-size:18px;
	}

	.intervalData p{
		font-size:14px;
	}

	.total{
		font-size:26px;
	}

	.confirma{
		font-size:20px !Important;
	}

	/*index */
	.carouselHome{
		height:auto !important;
	}

	.logoIndex{
		display:none;
	}

	.container-home{
		padding-top:32px;
	}

	.boxIndex{
		padding:30px ;
	}

	#continutCarousel{
		top:calc(50vh - 426px);
	}

	.detaliiProiect p{
		padding:0 10px;
	}

	.textIndex{
		font-size:18px;
	}

	/* OFERTA */
	.detaliiOferta .box{
		padding: 20px;
	}

	.form-check-inline{
		margin-right: 0;
	}

	.calendar .ui-datepicker td span, .calendar .ui-datepicker td a{
		height: 36px;
		width: 31px;
	}

	#calcul p{
		font-size: 10px;
	}

	.serviciu_hotel img{
		width: 100%;
		margin-bottom:10px;
	}

	#spanOut .stepCalendar{
		margin-top: -12px;
	}
	#spanIn .stepCalendar{
		margin-top: -6px;
	}

   .paddingRight0Tableta{
      padding-right: 0;
   }
}

/* mobile */

@media all and (min-width:0px) and (max-width: 768px) {
	/* feribot */
	.input_accommodation{
		display: inline-block;
	}

	.modalCuHeader{
		width: 94%;
	}

	.modalCuHeader .modal-dialog{
		max-width: 100%;
		margin-top: 10vh;
	}
	.boxSelectieFeribot label{
		width: auto;
	}
	.posibilitati_transport {
		grid-template-columns: repeat(1,1fr);
	}

   .d-block-mobile-important{
      display: block !important
   }

   .btnFiltre{
      margin-bottom: 0;
   }

   .sortare .divSort{
      padding: 7px;
      display: flex;
      align-items: center;
      text-align: center;
   }

   .sortare{
      flex: 1;
   }

   .sortare .divSort h6{
      font-size: 12px;
   }

   .flight .divZborWebis{
      padding: 0
   }

   .text-right-mobile{
      text-align: right !important;
   }

   .flight-row button{
      margin-bottom: 10px;
      padding: 5px;
      font-size: 14px
   }

   .d-block-mobile-times{
      display: block !important;
   }

   .boxSlider{
      padding-top: 0;
      padding-left: 5px;
   }



   .headerFiltruTimes{
      display: none;
   }
   /* de copiat */
   .imgCategorie{
      height: 200px;
   }

   .colStangaCategorie{
      padding-left: 0;
      margin-top: 0;
   }

   #homeOferte{
      padding: 0 !important;
   }

   .oferta img, .ofertaBig img{
      height: 150px;
   }

   .paddingMobile0{
      padding: 0;
   }

   .paddingTop80Mobile{
      padding-top: 80px;
   }


   /* oferta single nou */
   .titlu-oferta-single h5{
      font-size: 20px;
   }

   .img_mare{
      height: 200px !Important;
   }

   ul.thumbs{
      margin: 0 5% !important;
   }

   .zborAbsolute{
      top: 43px;
      width: 100%;
   }

   .calendarAbsolute{
      top:42px;
   }

   .personsAbsolute{
      top: 42px;
   }
   .padding0LeftMobile{
      padding-left: 0;
   }

   .padding0RightMobile{
      padding-right: 0;
   }

   .taburiOferta .content-oferta{
      padding: 18px;
   }

   .taburiOferta .nav-tabs{
      flex-wrap: nowrap;
   }
   .persoaneCalcul p{
      font-size: 14px !important;
   }

   /* pana aici */

   .marginTop20Mobile{
      margin-top: 20px;
   }
   .totalZilnica h3{
      font-size: 16px;
   }
   .paddingMobileLeft0{
      padding-left: 0;
   }
   .paddingBottomMobile32{
      padding-bottom:32px;
   }
   .paddingMobile5{
      padding-right: 5px;
      padding-left: 5px;
   }
	/* swal */
	.swal-icon{
		width: 50px;
		height: 50px;
		margin: 10px auto;
	}

	.swal-icon--warning__body{
		height: 24px;
	}
	
	.swal-icon--error__line--left{
		left: 14px;
	}

	.swal-icon--error__line{
		width: 20px;
		height: 5px;
		top: 24px;
	}

	.swal-title{
		font-size: 20px;
		padding-top: 0;
	}

	.swal-text{
		max-width: calc(100% - 10px);
		padding: 0 3px;
		font-size: 12px;
	}

	/* modal */
	.modalLogin .modal-overlay{
		padding: 15px;
	}

	.modalLogin .modal-dialog{
		margin-right: 10px;
		margin-left: 10px;
	}

	/*header*/
	.header2{
		height:120px;
	}

	.header2 .container-fluid{
		height:80px;
		padding-left:5px
	}

	#divCautare{
		padding-left:3px;
		padding-right:8px;
	}
   .header{
      padding: 12px 12px 0px 12px;
   }
	.header .container-fluid{
		padding-right:0;
		padding-left:0;
	}

   .header .logos{
      text-align: left !important;
      margin-bottom: 8px !important;
   }

   header .borderTopGri{
      border: none;
   }
   .header .logos img{
      height: 20px;
      display: inline-block
   }
	.header #butonCont{
		padding-left:30px;
	}

	.header2 img{
		height:40px;
		z-index:100;
		position:relative;
	}

	.header img{
		height:40px;
		z-index:100;
	}

	.cont i{
		padding-right:0;
	}

	.cont .col-sm-5{
		padding-right:0;
	}

	.header{
		z-index:99;
	}
   .logareDropdown{
      display: none;
   }
	#butonCont span{
		display:none;
	}

	#butonCont i{
		display:inline-block;
		font-size:26px;
	}

	.dropdown-toggle::after{
		display:none;
	}

	.fa-user{
		display:none;
	}

	#submeniu{
		transform:translate3d(-118px, 31px, 0px) !important;
	}
	.header2 #submeniu{
		top:0px !important;
	}

	.ue{
		display:none;
	}

	.ueMobile{
		display:inline-block;
		height:30px !important;
		margin-bottom:5px;
		width:auto !important;
	}

	/*footer */

	.footer-section4 img{
		width:80px;
		padding:0 15px;
	}

	.footer-section3 {
		justify-content: center;
	}

	.footer-section3 br{
		display:none;
	}

	.plata{
      padding-left:15px;
      margin-top: 16px;
	}

	.footer-section3 .col-sm-3 p{
		text-align:center;
	}
   footer ul{
      margin-bottom: 0;
   }
   .colDreaptaPagini{
      padding-left: 15px;
   }

   .socialFooter{
      padding-left: 6px;
      margin-top: 16px;
   }
   .socialFooter a{
      display: block;
   }
	.detaliiProiect p{
		padding:0 5px;
	}
	.social .fab {
		font-size:26px;
	}
   .footer-section5{
      margin-top: 8px;
   }
   .footer-section5 img{
      height: 25px;
   }
   .text-center-mobile{
      text-align: center !important;
   }

   .footer-section3 i, .footer-section3 span, .footer-section3 a{
      line-height: 22px;
   }

   .footerJos{
      padding: 0 0 10px 0;
   }
	/*index */

	.logoIndex{
		width:200px;
	}

	.carouselHome img{
		height:calc(100vh - 80px);
		object-fit:cover;
	}

	.carouselHome{
		height:calc(100vh - 80px);
	}

	.container-home {
		padding-top: 230px;
	}

	.container-home h2 {
		font-size:16px;
		margin-bottom:0;
		margin-top:0;
	}

	.carouselFixed{
		height:calc(100vh - 80px);
	}

	.boxLoginRegister{
		margin-top:20px;
		min-height:340px;
	}

	#dataLansare h3{
		font-size:50px;
	}

	.boxIndex{
		padding:15px;
	}

	.thanks{
		margin-top:120px !important;
	}

   .colFrom{
      border-right:none;
   }

	#login-register .btn-primary{
		font-size:14px;
	}

   #calcul{
      padding-right: 0;
      margin-bottom: 0;
   }
	/*listare oferte */
	.container-fluid-oferte{
		background-position:center !important;
		background-size:cover !important;
		background-attachment:unset !important;
		height:433px;
	}
   #homeOferte{
      grid-template-columns: repeat(1, 2fr);
      grid-column-gap:20px;
      grid-row-gap:20px;
      padding: 40px 0;
   }
	.oferta .loc, .ofertaBig .loc{
		line-height:19px;
	}

	.dropdown-item.active, .dropdown-item:active{
		background:#EC008C 
	}

	.dropdown-item{
		padding:7px;
	}

	#meniu{
		display:none;
	}

	#meniuMobile{
		display:block;
	}
   #meniuMobile .dropdown-menu{
      min-width: 8rem;
      top: 0 !Important;
      left: auto;
      right:0;
   }
	#dropdownMenuButton{
		width:100%;
		border-radius:0;
		background:#fff;
		border:0;
	}
   .padding0Mobile{
      padding: 0;
   }
	.oferta, .ofertaBig{
		width:100%;
		margin:0 0 30px 0;
	}

	.ofertaBig .imagine{
		height:250px;
	}

	#headMsg .titlu{
		font-size:32px;
	}

	#headMsg .subtitlu{
		font-size:26px;
	}

	/* oferta single */
	.head-oferta-single{
		margin-left:0;
      padding-bottom: 0;
	}

	.head-oferta-single #taraOras h5{
		font-size:20px;
	}

	.head-oferta-single #hotel h5{
		font-size:20px;
	}

	.carouselOferta {
		height:200px;
	}
	.carouselOferta img{
		height:200px;
		object-fit:cover;
	}

	.timp{
		margin:0;
	}

	.box img{
		width:100%;
	}

	.box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
		font-size:10px !important;
	}

	.detaliiOferta .box{
		padding:20px;
	}

	/* .detaliiOferta .col-sm-7, .detaliiOferta .col-sm-5{
		padding:0
	} */
   /* #cameraAleasa .col-sm-7, #cameraAleasa .col-sm-5{
      padding-left: 15px;
      padding-right: 15px;
   } */

	.persoaneCalcul p{
		font-size:10px;
	}

	.journey{
		margin-bottom:50px;
	}

	.titluOfertaSingle{
		font-size:26px;
	}

	.header .row, .header2 .row{
		margin-right:0px;
		margin-left:0px;
	}

	.timp{
		text-align:left;
		padding:0;
		padding-bottom:10px;
	}

	.timp p{
		display:inline-block;
		font-size:12px;
	}

	#deadline {
		display:inline-block;
	}

	#deadline p{
		display:inline-block;
	}

   .oferta .red, .ofertaBig .red{
      font-size: 10px;
   }

   .oferta .reducere, .ofertaBig .reducere{
      font-size: 14px;
   }

   .oferta .loc, .ofertaBig .loc{
      font-size:10px;
   }
	.iconAlbastru{
		display: none;
	}
   .oferta .titlu, .ofertaBig .titlu{
      font-size: 15px;
   }
	.continutOfertaPretZilnic .radio{
		width: 66%;
	}
	.colZborGrid{
		display: grid;
		grid-template-columns: 3fr 1fr;
		padding-left: 10px !important;
	}
	.calendar .ui-datepicker td span, .calendar .ui-datepicker td a{
		height: 38px;
		width: 33px;
	}

	.tabsOfertaZilnica .nav-link{
		padding: 3px;
		height: 100%;
		display: block;
	}

	.tabsOfertaZilnica .nav-item{
		background: none;
		margin-right: 1px !important;
		width: calc(20% - 1px) !important;
		height: 24px;
	}

	.serviciu_hotel img{
		width: 100%;
		margin-bottom: 10px;
	}

	.paddingMobile0{
		padding: 0 !important;
	}

	.colZboruri{
		padding: 0 10px;
	}

	#flightModal .selected{
		padding-top: 10px;
	}

	#flightModal  .modal-body{
		padding: 0;
	}

   .subtitluPret{
      font-size: 12px;
   }
   #cameraAleasa span{
      font-size: 12px !Important;
   }
	.continutOfertaPretZilnic .subtitluPretOfertaZilnica{
		font-size: 12px;
	}
	.dateContactOferta{
		font-size:15px;
	}
	.titluMaiMic{
		font-size: 26px;
	}
	.infoContact{
		font-size: 64px;
	}
	.continutOfertaPretZilnic{
		padding: 0;
	}

	.detaliiPersoane{
		padding: 5px;
	}

   .colBagaj1 {
      width: 40%;
   }

	.colBagaj2{
		width: 36%;
	}

	.colBagaj3{
		width: 24%;
	}

	.margin10Mobile{
		margin: 10px 0 !important;
	}

	.d-none-mobile{
		display: none;
	}
	.d-block-mobile{
		display: block;
		margin-top: 20px;
	}

	/*modal*/
	.modal-overlay{
		padding:20px;
	}

	.modal-dialog {
		max-width:295px;
		margin-top:calc(50vh - 242px);
	}
	.padding10LeftMobile{
		padding-left: 10px !important;
	}
	.padding10RightMobile{
		padding-right: 10px !important;
	}
	.margin0autoMobile{
		margin: auto 0;
	}

	.containerLoading .container{
		max-width: 100%;
		padding: 175px 20px;
	}

	.loadingDiv{
		padding: 25px;
	}

	#formStep2OfZilnica .urmator{
		margin-bottom: 4px;
	}
}
@media all and (min-width:576px) and (max-width: 768px) {
   .container{
      max-width: 100%;
   }
   .formCuPadding{
      padding: 0 210px;
   }
   .urmator{
      width: 100%;
   }
   .header img{
      object-fit: cover;
   }
}

input[type='radio']:after {
   width: 15px;
   height: 15px;
   border-radius: 15px;
   top: -1px;
   left: -1px;
   position: relative;
   background-color: #fff;
   content: '';
   display: inline-block;
   visibility: visible;
   border: 2px solid #e2e1e1;
}

input[type='radio']:checked:after {
   width: 15px;
   height: 15px;
   border-radius: 15px;
   top: -1px;
   left: -1px;
   position: relative;
   background-color: #EC008C ;
   content: '';
   display: inline-block;
   visibility: visible;
}

.pretBox input[type='radio']:after, .continutOfertaPretZilnic input[type='radio']:after {
   top: -4px;
   left: -1px;
}
.pretBox input[type='radio']:checked:after, .continutOfertaPretZilnic input[type='radio']:checked:after {
   top: -4px;
   left: -1px;
}
  .form-check input[type='radio']:after{
   top: -1px;
   left: -1px;
}

 .form-check input[type='radio']:checked:after{
   top: -1px;
   left: -1px;
}
.form-check-inline{
   margin-right: 0.5rem;
}

.custom-control-input:checked~.custom-control-label::before{
   border-color: #EC008C ;
   background-color: #EC008C ;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before{
   border-color: #e895c6;
   background-color: #e895c6;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before{
   border-color: #e895c6;
   background-color: #e895c6;
}