/*
style.booking.css
*/

.villogas{animation:villogas .3s infinite alternate;}
@keyframes villogas {0% {transform:scale(1.0);}100% {transform:scale(1.5);}}
.chganim{-webkit-animation:effect_scale 500ms ease 1;animation:effect_scale 500ms ease 1}
@keyframes effect_scale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}

.animation-line{position:relative;width:100%;}
.animation-line .line{position:absolute;width:100%;height:2px;top:0;left:0;background:rgba(96,96,96,0.1);overflow:hidden}
.animation-line .line:after{content:"";display:block;position: absolute;width:100px;height:100%;left:-50%;background:linear-gradient(to right, rgba(241, 184, 0, 0) 0%, #F1B800 70%, rgba(241, 184, 0, 0) 100%);animation: animation-line-run 1s 0s infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.4, 0.26, 0, 0.97);}
.animation-line .line.speed2:after{animation-delay:0.8s;}


@media(max-width:991px){
	.animation-line{margin-bottom:20px;}
}

@keyframes animation-line-run {
  0% {
    left: -50%;
  }
  100% {
    left: 110%;
  }
}


@media(max-width:991px)
{
.maincntr.b .myinput.rname{margin-top:5px}
}

.maincntr.b{font-size:16px;padding:30px 0}
.maincntr.b h1{font-size:150%;}

@media(max-width:1280px)
{
.maincntr.b .container-fluid{padding:0;max-width:100%;}
.maincntr.b h1{margin-top:20px;}
}

.maincntr.b .bgrid{width:100%;max-width:100%;display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.maincntr.b .bgrid .bgridc{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-flex:0;}
.maincntr.b .bgrid .bgridc:nth-child(1){-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.maincntr.b .bgrid .bgridc:nth-child(2){-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

@media(max-width:1280px){

.maincntr.b .row{margin-left:-5px;margin-right:-5px;}	
.maincntr.b .row [class*="col-"]{padding-left:5px;padding-right:5px;}

.maincntr.b .bgrid{margin:0;}
.maincntr.b .bgrid .bgridc:nth-child(1){order:2}
.maincntr.b .bgrid .bgridc:nth-child(2){order:1}
.maincntr.b .bgrid .bgridc:nth-child(1),
.maincntr.b .bgrid .bgridc:nth-child(2){-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}

.maincntr.b .workplace{position:relative;}
.maincntr.b .workplace .box{padding:15px;background:#efefef;margin-bottom:15px;}
.maincntr.b .workplace .box2 a, .maincntr.b .workplace .box .link{color:#00BFBB;text-decoration:underline}
.maincntr.b .workplace .box2 h2{margin-bottom:10px;height:35px;line-height:35px;}
.maincntr.b .workplace .box2 .pullright{padding-left:5px}
.maincntr.b .workplace .stepball {display: inline-block;width:40px;height:40px;border-radius: 100%;color: #fff;text-align: center;line-height: 40px;vertical-align: middle;font-size: 19px;counter-reset:count;}

.maincntr.b ol.btabs{list-style-type:none;margin:70px 0;padding-top:17px;counter-reset:li-counter;border-top:1px solid #E3E3E3;text-align:center;position:relative}
.maincntr.b ol.btabs>li{position:relative;width:80px;display:inline-block;z-index:1;}
.maincntr.b ol.btabs>li:nth-child(1){left:-95px;}
.maincntr.b ol.btabs>li:nth-child(2){left:100px;}
.maincntr.b ol.btabs>li.active{color:#5D5D5D}
.maincntr.b ol.btabs>li:hover{cursor:pointer}
.maincntr.b.incorrect ol.btabs>li:hover{cursor:default !important}

.maincntr.b ol.btabs > li:before {position: absolute;font-family: "Open Sans",sans-serif;font-weight: 600;font-size: 26px;left: 0;top: -63px;width: 60px;height: 60px;line-height: 60px;text-align: center;z-index: 9;border-radius: 50%;content: counter(li-counter);background-color: #D6D6D6;counter-increment: li-counter;}
.maincntr.b ol.btabs li span{position:absolute;left:0;right:0;display:block;width:150px;left:-40px;top:15px;text-align:center;}
.maincntr.b ol.btabs>li.active:before{background-color:#F1B800;color:#fff}
.maincntr.b ol.btabs>li.complete:before{content:'\e823';font-family:fontello;color:#fff;background:#00BFBB}
@media(max-width:768px){.maincntr.b ol.btabs>li:nth-child(1){left:-25px;}.maincntr.b ol.btabs>li:nth-child(2){left:20px;}}

.maincntr.b .hotelbox{max-width:280px;background:#fff;box-shadow: 0px 5px 8px #aaa; border-radius:10px;}
.maincntr.b .hotelbox .content{padding:10px;}
.maincntr.b .hotelbox .content.brdr{border-top:solid 1px #D8D8D8;}
.maincntr.b .hotelbox .content .title{font-size:18px;font-weight:bold;}
.maincntr.b .hotelbox .content .title .stars{font-size:12px;vertical-align:top;margin-top:3px;display:inline-block;}
.maincntr.b .hotelbox .content .id{font-size:10px}
.maincntr.b .hotelbox .prices .totalprice{font-size:31px; font-weight:bold}
.maincntr.b .hotelbox .prices .totalprice span{font-size:18px; font-weight:normal; padding:10px}
.maincntr.b .hotelbox .prices .totalprice small{display:block;font-size:14px;font-weight:normal;}
.maincntr.b .hotelbox .prices .totalprice.hidepeople small{display:none;}
.maincntr.b.incorrect .hotelbox .prices{display:none;}

@media(min-width:1280px)
{.maincntr.b .hotelbox.fixed{position:fixed;top:75px;z-index:1;}
.maincntr.b .hotelbox.fixedbottom{position:absolute;top:auto;bottom:0;margin:0;z-index:1;}
}

@media(max-width:1280px)
{
.maincntr.b .workplace .box{padding:5px}
.maincntr.b .workplace .box .pullright{padding-left:0}
.maincntr.b .hotelbox{background:#f4f4f4;width:100%;max-width:100%;margin-bottom:15px;padding:0 50px;box-shadow:none;text-align:center;border-radius:0;}
}

@media(max-width:400px)
{
.maincntr.b{padding-top:15px;}
.maincntr.b .hotelbox{padding:10px;}
}

.maincntr.b .bookingtotalprices .booking-sum{padding:5px 0px;font-weight:bold;border-top:solid 1px #D8D8D8;}
.maincntr.b .bookingtotalprices .booking-sum:nth-child(1){border:none;font-size:16px;}
.maincntr.b.incorrect .bookingtotalprices{display:none;}

.maincntr.b .bookingbuttons{margin-bottom:20px}
.maincntr.b .bookingbuttons .bookingbutton{margin-top:25px;}
.maincntr.b .bookingbuttons .bookingbutton button{background:transparent;border:solid 2px #00BFBB;margin:0 5px 5px 0;padding:10px;border-radius:25px;color:#5D5D5D;} 
.maincntr.b .bookingbuttons .bookingbutton button:hover{background:#00BFBB;color:#fff;}
.maincntr.b .bookingbuttons .bookingbutton button.next{background:#00BFBB;color:#fff;width:68%;font-size:130%;padding:15px;}
.maincntr.b .bookingbuttons .bookingbutton button.next:hover{background:#00DFDA;}
.maincntr.b.incorrect .bookingbuttons button.next{visibility:hidden}

.maincntr.b .bookingbuttons .bookingbutton button.back{background:transparent; border:solid 2px #F1B800;width:30%;font-size:130%;padding:15px;}
.maincntr.b .bookingbuttons .bookingbutton button.back:hover{background:#F1B800;color:#fff;}



@media(max-width:810px){
.maincntr.b .bookingbuttons .bookingbutton button.next{font-size:110%}
}

@media(max-width:720px){
.maincntr.b .bookingbuttons .bookingbutton button.next{font-size:95%}
}

@media(max-width:620px){
.maincntr.b .bookingbuttons .bookingbutton button.next{width:45%;}
}

@media(max-width:555px){
.maincntr.b .bookingbuttons .bookingbutton button.next{width:60%;}
}

@media(max-width:425px){
.maincntr.b .bookingbuttons .bookingbutton button.next{width:70%;padding:15px 12px 15px 12px; font-size:110%}
}

@media(max-width:400px){
.maincntr.b .bookingbuttons .bookingbutton button.next{font-size:105%}
}

@media(max-width:392px){
.maincntr.b .bookingbuttons .bookingbutton button.next{font-size:100%}
}

@media(max-width:376px){
.maincntr.b .bookingbuttons .bookingbutton button.next{font-size:96%}
}

@media(max-width:364px){
.maincntr.b .bookingbuttons .bookingbutton button.next{font-size:94%}
}

@media(max-width:355px) {
.maincntr.b .bookingbuttons .bookingbutton button.next{font-size:90%}
}

@media(max-width:810px) {
.maincntr.b .bookingbuttons .bookingbutton button.back {font-size:110%}
}

@media(max-width:720px){
.maincntr.b .bookingbuttons .bookingbutton button.back {font-size:95%}
}

@media(max-width:465px) {
.maincntr.b .bookingbuttons .bookingbutton button.back {width:27%}
}

@media(max-width:426px) {
.maincntr.b .bookingbuttons .bookingbutton button.back {padding:17px 10px 17px 10px; font-size:100%; width:25%}
}

@media(max-width:387px) {
.maincntr.b .bookingbuttons .bookingbutton button.back { font-size:77%;}
}

@media(max-width:360px) {
.maincntr.b .bookingbuttons .bookingbutton button.back {font-size:75%; }
}

@media(max-width:325px)
{
.maincntr.b .bookingbuttons .bookingbutton button.back {font-size:67%; }
}

.maincntr.b .bookings-panes .pane{display:none;}
.maincntr.b .bookings-panes .pane.active{display:block;}

.maincntr.b .room.type{display:none;}
.maincntr.b .room.type.active{display:block;}
.maincntr.b .room.type:not([data-room="1"]){margin:20px 0;}
.maincntr.b .room.type .roomnumber{line-height:50px;}

@media(max-width:991px)
{
	.maincntr.b .room.type .roomnumber{line-height:30px;}
	.maincntr.b .room.type:not([data-room="1"]){margin:50px 0;}
}

.maincntr.b .room.prices{display:none;}
.maincntr.b .room.prices.active{display:block;}
.maincntr.b .room.prices:not([data-room="1"]){margin-top:20px;}
.maincntr.b .room.prices .amountchg{width:40px;height:25px;text-align:center;border-radius:5px}
.maincntr.b .room.prices.incorrect:after{position:absolute;left:0;top:0;bottom:0;right:0;content:"";cursor:default;background-color:rgba(255,255,255,.9);z-index:1;}

.maincntr.b .room.prices .roomtotalprice{font-size:16px;margin-top:15px;}
.maincntr.b .room.persons{position:relative;display:none;}
.maincntr.b .room.persons.active{display:block;}
.maincntr.b .room.numberofrooms{margin-top:15px}
.maincntr.b .room.numberofrooms button{padding:5px 0;white-space:nowrap;font-size:12px;}
.maincntr.b.incorrect .room.numberofrooms{display:none;}
.maincntr.b.incorrect .workplace.insurances:after,
.maincntr.b.incorrect .room.prices.active:after{position:absolute;left:0;top:0;bottom:0;right:0;content:"";cursor:default;background-color:rgba(255,255,255,.9);z-index:1;}

.maincntr.b .bookingtotalprices{padding:10px}
.maincntr.b .bookingtotalprices .bookingtotalprice{font-weight:bold;border-top:solid 1px #D8D8D8;padding:5px 0;line-height:40px;}
.maincntr.b .bookingtotalprices .bookingtotalprice:nth-child(1){font-size:22px;border-top:none;}
.maincntr.b .bookingtotalprices .bookingtotalprice .pricevalue:not(.payparts){font-size:32px;}
 

.maincntr.b .statement .radio {height: 46px;margin-top: 5px;}
.maincntr.b .terms .term{margin-top:5px;border-bottom:solid 1px #aaa;padding: 5px 0 10px 40px;}
@media (max-width: 800px)
{
	.maincntr.b .terms .term {padding: 5px 0 10px 0px;}
	
}

.maincntr.b .terms .term:last-child{border-bottom:none;}
.maincntr.b .paymodes .radio {height:25px;padding-left:15px;margin-top:5px;}

.term.adatkezeles .description .scrollbox{margin-top:15px;padding:10px;width:100%;height:150px;color:#5D5D5D;background-color:#fff;border:1px solid #aaa;overflow-x:hidden;overflow-y:auto;}

.table {width:100%;max-width:100%;border-collapse:collapse}
.table tr td{padding:5px;vertical-align:middle}
.table tr td.w30{width:30px}
.table tr td.w100{width:100px}
.hatter-sotet-szurke {background-color: #D6D6D6 !important;}
.sarga-keret-gomb{background: transparent;border-radius:15px;border:2px solid #F1B800;margin: 0 5px 5px 0;height: 40px;padding: 10px;text-align: center;color:#5D5D5D;}
.sarga-keret-gomb:hover{background:#F1B800;color:#fff;}
.turkiz-keret-gomb{background: transparent;border-radius:18px;border:2px solid #00BFBB;margin: 0 5px 5px 0;height: 40px;padding: 10px;text-align: center;color:#5D5D5D;}
.turkiz-keret-gomb.inactive{opacity:.5;cursor:no-drop;}
.turkiz-keret-gomb:not(.inactive):hover{background:#00BFBB;color:#fff;}

@media(max-width:400px) {
.szoba{padding-left:0px}
}

.utazasi-szerzodes{
	line-height:160%;
	text-align:justify;
	
}



.fizetesi-mod .radio{margin-top:15px;}
.fizetesi-mod .radio:first-child{margin-top:0;}
.fizetesi-mod .radio{padding-left:30px;}
.fizetesi-mod .radio .outer{position:absolute;margin-left:-30px;}
@media(max-width:991px) {
	.fizetesi-mod .radio{margin-top:25px;line-height:30px;}
}

.afa-mod .radio{margin-top:15px;}
.afa-mod .radio:first-child{margin-top:0;}
.afa-mod .radio{padding-left:30px;}
.afa-mod .radio .outer{position:absolute;margin-left:-30px;}

@media(max-width:991px){
	.afa-mod .radio{margin-top:25px;line-height:30px;}
}

.rmsgs .rmsg {
	
	background: #efefef;
	margin-bottom: 10px;
	padding: 10px;

}


.roomcages .ageinfo{display:inline-block;margin-top:10px;font-size:14px;}


/*

.roomcages {
	display: grid;
	grid-template-columns:100%;
	margin-top: 25px;
	grid-gap: 20px;
}

.roomcages .roomcage {
	display: grid;
	grid-template-columns: auto 160px 230px;
	align-items: center;
	grid-column-gap: 15px;
}

.roomcages .ageinfo{
	text-align:right;
}

.roomcages .agenotice{
	color: #f00;
	font-size: 12px;
	line-height: 17px;
}

@media(max-width:991px){
	.roomcages {grid-template-columns: repeat(3, 1fr);}
}

@media(max-width:768px){
	.roomcages {grid-template-columns: repeat(2, 1fr);}
}

@media(max-width:580px){
	.roomcages {grid-template-columns: 1fr;}
}

*/




.loading{display:block;}
.loading:before{content:"";background-image:url(/images/ajax-loader-giant.gif);width:30px;height:30px;display:block;position:absolute;left:-35px;background-size:25px auto;background-repeat:no-repeat;top:10px;background-position:center center}									
	

.room.type{position:relative}

.maincntr.b .box2{background:#fff;padding:15px;margin-bottom:15px;box-shadow:0px 5px 8px #aaa;border-radius:10px; border-top:1px solid #d0d0d0}
.maincntr.b .box2 h3{position:relative;margin-bottom:20px;font-weight:normal}
.maincntr.b .box2 h3.numbers:before {
	content: attr(data-num);
	background: #D6D6D6;
	color: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 32px;
	margin-right: 5px;
}
									


.customer .grid .myinput, .persons-data .myinput{max-width:100%;min-width:unset}
.customer .grid{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.customer .cell{position:relative;flex:1 0 33.3333%;margin:10px 3px}

.customer .div1{flex:0 0 80px}
.customer .div2{flex:1 0 7%}
.customer .div3,.customer .div4{flex:1 0 25%}
.customer .div5{flex:1 0 27%}
.customer .div6{flex:0 0 90px}
.customer .div7,.customer .div8{flex:1 0 30%}
.customer .div9{flex:1 0 25%}
.customer .div10{flex:1 0 90px}
.customer .div11{flex:1 0 40%}
.customer .div12{flex:1 0 40%}

@media(max-width:991px) 
{
	.customer .div5{flex: 1 0 20%;}
	.customer .div7{flex: 1 0 50%;}
	.customer .div8,.customer .div9{flex:1 0 45%}
}

@media(max-width:680px) 
{
	.customer .div3, .customer .div4{flex: 1 0 30%}
	.customer .div10{flex: 0 0 90px;}
	.customer .div11 {flex: 1 0 60%;}
}

@media(max-width:540px) 
{
	.customer .div2{flex:1 0 50%}
	.customer .div3,.customer .div4{flex:1 0 40%}
	.customer .div5{flex: 1 0 90%;}
}

@media(max-width:390px) 
{
	.customer .div8,.customer .div9{flex:1 0 80%}
	.customer .div11 {flex: 1 0 50%;}
}



.persons .persons-data .passenger{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.persons .persons-data .passenger .cell{flex:1 0 33.3333%;margin:8px 3px}
.persons .persons-data .passenger .div1{flex:0 0 80px}
.persons .persons-data .passenger .div2{flex:1 0 7%}
.persons .persons-data .passenger .div3, .persons .persons-data .passenger .div4 {flex:1 0 25%}
.persons .persons-data .passenger .div5{flex:1 0 15%}
.persons .persons-data .passenger .div6{flex:1 0 10%}

@media(max-width:991px) {
	.persons .persons-data .passenger .div3, .persons .persons-data .passenger .div4 {flex:1 0 20%}
}

@media(max-width:730px) {
	.persons .persons-data .passenger .div2{flex:1 0 60%}
	.persons .persons-data .passenger .div3, .persons .persons-data .passenger .div4 {flex:1 0 40%}
	.persons .persons-data .passenger .div5{flex:1 0 25%}
	.persons .persons-data .passenger .div6{flex:1 0 25%}
}