.naptarbox {
display: inline-block;
float: left;
width: 100%;
height: auto;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #fff;
background-color: #D8EDE9;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.calendarnavbox {
display: inline-block;
width: 100%;
height: 40px;
float: left;
padding: 0 40px;
background-color: #D8EDE9;
border-radius:0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin-bottom: 5px;border-top: 1px solid rgba(0,0,0,0.6);
border-bottom: 1px solid rgba(0,0,0,0.6);
overflow: hidden;
}






.calendarnav {
width: 100%;
display: inline-block;
width: 100%;
height: 40px;
float: left;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;

}

.calendarnav .mname {
display: inline-block;
float: left;
width: 120px;
padding: 0 5px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.calendarnav .mname span {
display: inlnie-block;
float: left;
width: 110px;
height: 40px;
text-align:center;
line-height: 40px;
font-size: 12px;
font-weight: 600;
border-radius: 0;
text-transform: lowercase;
color: #1a1a1a;
}


.calendarnav .mname.is-nav-selected span {
background: #1a1a1a;
font-weight: 600;
font-size: 14px;
color: #fff;
}


 .calendarbox {
 width: 100.4%;
 margin: 0;
 height: 270px;
 display: inline-block;
 background: trasparent; position: relative;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 }



  .mslide {
  width: 50%; display: inline-block; float: left; overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  height: 270px;
  backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   padding: 0 10px;
  }


  .mslide:after {
  position: absolute;
  top: 0;
  right:0;
  width: 1px;
  height: 100%;
  background: #ddd;
  content: '';
  display: none;
  }

  .calendarbox .flickity-page-dots {
display: none;
  }


  .mslide span.mname {width: 100%; height: 30px;  display: inline-block; float: left; text-align: center; margin: 0 0 5px 0;
  color: #1a1a1a;

  }
  .mslide span.mname span {line-height: 30px; font-size: 14px;  font-weight: normal; text-transform: lovercase; display: inline-block; margin: 0 auto; height: 30px;}
  
  .mslide.is-selected span.mname span {font-weight: 600;}

  ul.daynames {width: 100%; display: inline-block; float: left; color: #1a1a1a;}
  ul.daynames li {display: inline-block; float: left; list-style: none; width: 14.2857%;font-weight: 700; height: 20px; line-height: 20px; text-align: center; font-size: 14px;}
  ul.daynames li:nth-child(6), ul.daynames li:nth-child(7) {font-weight: 700;}
  .days {display: inline-block; width: 100%;}

  .days ul {display: inline-block; width: 100%; float: left;}

  .days ul li {display: inline-block; float: left; width: 14.2857%; height: 36px; text-align: center;}

  .days ul li span {
  display: inline-block;
  width: 32px; height: 32px;
  margin: 2px  3px;
  line-height: 26px;
  font-size: 14px; font-weight: normal;
  text-align: center; 
  }


  /*--nem a hónap napja---*/
  .days ul li.nmd {color: #1a1a1a;
  opacity: 0.5;
  cursor: default;
  }

  /*--a hónap napja---*/
  .days ul li.tmd {
  color: #1a1a1a;
  cursor: default;
  }

.days ul li.tmd span {
   background: rgba(0,0,0,0.1);
   border: 3px solid transparent;
   color: #1a1a1a;
   color: rgba(0,0,0,0.7);
   cursor: pointer;
}

  /*--a hónap napja és van indulas---*/
  .days ul li.okd span {
   border: 3px solid #009999;
   background: #009999;
   color: #fff;
   cursor: pointer;
   font-weight: 700;
   box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  }

  /*--akcios ár---*/
  .days ul li.okd.disc span {
   background: #00d7d9;
   border: 3px solid #00d7d9;
   color: #1a1a1a;
   cursor: pointer;
  }

  /*--legjobb ár---*/
  .days ul li.okd.best span {
   background: #f9ba13;
   border: 3px solid #f9ba13;
   color: #1a1a1a;
   cursor: pointer;
  }

  /*--kiválastott dátum--*/
.days ul li.okd.selected span {
   color: #fff;
   background:  #1a1a1a;
   font-weight: bold;
   border: 3px solid #1a1a1a;
}



.travel-calculation-container {
width: 100%;
display: inline-block;
float: left;
min-height: 100px;
padding: 0 0;
background-color: #D8EDE9;
margin-top: 0;
}

.travel-calculation {
width: 100%;
display: inline-block;
float: left;

}


.travel-calculation-container a.anchorlink {
display: inline-block; float: left; width: 100%;
height: 0;
clear: both;
line-height: 0;
font-size: 0;
}


.container-title {
padding: 10px 20px;
color: #1a1a1a;
display: inline-block;
float: left;
font-size: 25px;
background: transparent;
font-family: 'boldfont';
background: #E2004A;
color:  #fff;
font-weight: normal;
width: 100%;
margin-top: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: none;
}

.container-title.empty { text-align: center; font-size: 20px; padding: 20px; }
.container-title a { color: #1a1a1a; }

.stepbox {
display: none;
float: left;
position: relative;
height: auto;
padding: 0;
width: 100%;
margin-bottom: 0;
vertical-align: top;
}


.stepb6 {display: none;}

.stepbox.show {

}



.stepbox .stepspot {
display: none;
}



.stepbox-inner {
display: inline-block;
position: relative;
float: right;
width: 100%;
height: auto;
z-index: 20 !important;
max-height: 2500px;
}


.stepbox-inner-inside {
display: inline-block;
position: relative;
float: left;
width: 100%;
height: 100%;
padding: 0 10px;
}


.steptitle {
position: relative;
width: 100%;
display: inline-block;
height: auto;
min-height: 35px;
float: left;
z-index: 35 !important;
border-top: 1px solid rgba(0,0,0,0.2);
}

.stepb1 .steptitle {border-top: 0;}



.steptitle span {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 50%;
font-size: 26px;
position: absolute;
background-color: #1a1a1a;
color: #fff;
top: 7px;
left: 12px;
font-weight: normal;
font-family: 'boldfont';
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
display: none;
}

.steptitle span small {font-size: 18px; font-weight: 400;}



.stepbox-inner-inside p {
font-size: 13px; padding: 4px 0;
display: inline-block;
float: left;
width: 100%;
}




.steptitle label {
width: 100%;
min-height: 35px;
display: inline-block;
float: left;
text-align:left;
padding: 10px 15px 0 15px;
line-height: 25px;
font-size: 20px;
font-family: 'boldfont','Open Sans', Arial, sans-serif;
font-weight: normal;
letter-spacing:0;
color: #fff;
color: #1a1a1a;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.steptitle label p {
font-size: 14px;
line-height: 20px;
padding-top: 2px;
opacity: 0.9;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: normal;
letter-spacing: 0;
}


.stepdone {
display: none;
}


.loading-indulasok {
width: 100%;
height: 100%;
min-height: 80px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(255,255,255,0.8);
background-image: url('/themes/vista.hu/images/378.gif');
background-position: center 30px;
background-repeat: no-repeat;
}


.calendarinfo {
padding: 15px;
font-size: 12px;
line-height: 16px;
color: #1a1a1a;
width: 100%;
display: inline-block;
float: left;
opacity: 0.8;
margin-bottom: 10px;
}
.calendarinfo table {
margin-top: 5px;
width: 100%;
}

.calendarinfo table tr td {vertical-align: middle; text-align: left; line-height: 16px;}


.calendarinfo table tr td span {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 0;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
margin-bottom: -1px;
margin-right: 4px;
}


.calendarinfo table tr td p {
display: inline-block;
line-height: 20px;
padding: 0;
margin: 0;
}



.clear {
width: 100%;
height: 0;
display: inline-block;
float: left;
line-height: 0;
font-size: 0;
}

/*---LISTA NEZET PRICELIST---*/

.pricelist { display: inline-block; width: 100%; line-height:0; overflow: hidden; margin-top: 10px;}
.pricelist li {display: inline-block; width: 100%; float: left; line-height:0; position: relative; overflow: hidden; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 15px;}

.pricelist li a {width: 100%; display: inline-block; float: left; overflow: hidden;
border-radius: 2px;
color: #1a1a1a;
text-decoration: none;
padding-left: 40px;
}

.pricelist li:nth-child(odd) a {
background: transparent;
}
.pricelist li:nth-child(even) a {
background: #fff;
}
.pricelist li  a div {display: inline-block; float: left; padding: 0; line-height: 16px;}
.pricelist li  a div.radiogomb {
width: 40px;
height: 100%;
background-color: transparent;
border-right: 1px solid rgba(0,0,0,0.1);
position: absolute;
margin: 0;
z-index: 10;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
left: 2px;
}

.pricelist li  a div.radiogomb span {
width: 20px;
height: 20px;
border-radius: 100%;
border: 1px solid #1a1a1a;
background-color: #fff;
position: absolute;
margin: 0;
z-index: 10;
top: 50%;
left: 50%;
margin: -10px 0 0 -9px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.pricelist li  a div.radiogomb span:after {
position: absolute;
z-index: 12;
width: 20px;
height: 20px;
margin: -2px -2px;
display: inline-block;
border-radius: 50%;
background: #ffd583;
content: '';
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

.pricelist li.selected a div.radiogomb span {
border: 2px solid #1a1a1a;
background: #303b47;
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.pricelist li.selected a div.radiogomb span:after {
-webkit-transform: scale(0.7);
transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
}




.pricelist li  a div.lidate {width: 55%; padding: 5px 5px 5px 10px;}
.pricelist li  a div .dn {font-size: 9px; text-transform: uppercase;}
.pricelist li  a div .mm,
.pricelist li  a div .dd {font-weight: bold;text-transform: lowercase;}

.pricelist li  a div.li-vissza {width: 47%;}
.pricelist li  a div.li-oda {width: 47%;}
.pricelist li  a div.ovarrow {height: 30px; width: 4%; text-align: center; font-size: 16px;}
.pricelist li  a div.liday {width: 25%; text-align: left; font-size: 12px; padding: 5px 5px 5px 5px;}

.pricelist li  a div.liprice {width: 20%; text-align: right; float: left;padding: 5px 10px 5px 5px;}
.pricelist li  a div.liprice span {font-weight: bold; width: 100%; display: inline-block; font-size: 16px;}
.pricelist li.best  a div.liprice span {color: #E2004A;}
.pricelist li  a div.liprice small {width: 100%; font-weight: normal; clear: both;display: inline-block;}


.pricelist li  a div.liprice span.oldprice {width: 100%; font-weight: normal; text-decoration: line-through; display: inline-block; font-size: 11px; color: #888;}



.pricelist li  a div.liday .span1 {font-size: 11px; display: inline-block; float: left; line-height: 20px; height: 20px; width: 20px; overflow: hidden; text-indent: -200px;}
.pricelist li  a div.liday .span2 {font-size: 11px; display: inline-block; float: left; line-height: 22px; height: 20px; margin-left: 5px;}
.pricelist li  a div.liday .span1 {
background: transparent url('/themes/vista.hu/images/utmodicon.png') no-repeat top left;
}

.pricelist li  a div.liday .span1.repulovel {background-position: 0 0;}
.pricelist li  a div.liday .span1.busszal {background-position: 0 -20px;}
.pricelist li  a div.liday .span1.egyenileg {background-position: 0 -40px;}
.pricelist li  a div.liday .span1.hajoval {background-position: 0 -60px;}
.pricelist li  a div.liday .span1.vonattal {background-position: 0 -80px;}


.pricelist li.selected  a div.liday .span1 {
filter: invert(1);
-moz-filter: invert(1);
-webkit-filter: invert(1);
-ms-filter: invert(1);
}


.pricelist li  a div .dn,
.pricelist li  a div.liprice small,
.pricelist li  a div .dn {
color: rgba(0,0,0,0.6);
}


.pricelist li a:hover, .pricelist li a.active {background: #ffd583 !important; color: #000 !important;}


.pricelist li a:hover div .dn,
.pricelist li a:hover div.liprice small,
.pricelist li a:hover div .dn {
color: rgba(0,0,0,0.6);
}
.pricelist li.bestdate  a:hover div.liday .span1,
.pricelist li.discdate  a:hover div.liday .span1 {
background-image: transparent url('/themes/vista.hu/images/utmodicon.png');
}





.pricelist li a:active {
box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.2);
}



.pricelist li:after {
width: 3px;
content: '';
height: 100%;
position: absolute;
background: #00bbbb;
top: 0;
left: 0;
}

.pricelist li.disc:after {
background: #0ef0e8;
}
.pricelist li.best:after {
background: #E2004A;
}
.calendarinfo table span  {border: 1px solid rgba(0,0,0,0.3);}
.calendarinfo table span.available {background: #009999;}
.calendarinfo table span.notavailable {background: rgba(0,0,0,0.1);}
.calendarinfo table span.discountdate {background: #00d7d9;}
.calendarinfo table span.bestpricedate {background: #f9ba13;}


.pricelist li.selected {
background: #303b47 !important;
}


.pricelist li.selected:nth-child(odd) a {
background: #303b47 !important;
}

.pricelist li.selected:nth-child(even) a {
background: #303b47 !important;
}

.pricelist li.selected a > div, .pricelist li.selected a > span {color:#fff !important;}

.pricelist li.selected  a div .dn,
.pricelist li.selected  a div.liprice small,
.pricelist li.selected  a div .dn {
color: rgba(255,255,255,0.6);
}
.pricelist li.selected.best a div.liprice span {color: #ffd583;}



.modosit {
display: inline-block;
float: right;
padding: 4px 10px;
border-radius: 2px;
background: transparent;
border: 2px solid #fff;
cursor: pointer;
position: absolute;
bottom: 15px;
right: 15px;
font-size: 12px;
line-height: 16px;
}

.room-selectbox {
display: inline-block;
float: left;
width: 100%;
padding-right: 30px;
padding: 0 30px 5px 0;
position: relative;
}


.addroom {
padding: 4px 5px;
font-size: 12px;
margin: 5px 0 0 0;
background: #E2004A;
float: right;
position:realtive;
overflow: hidden;
}

.addroom:after {
width: 105%;
height: 105%;
position:absolute;
display: inline-block;
content: '';
top: -2%;
left: -102%;
z-index: 50;
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 27%, rgba(255,255,255,0) 28%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.04) 72%, rgba(255,255,255,0) 73%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(27%,rgba(255,255,255,0)), color-stop(28%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(72%,rgba(255,255,255,0.04)), color-stop(73%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 27%,rgba(255,255,255,0) 28%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.04) 72%,rgba(255,255,255,0) 73%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 27%,rgba(255,255,255,0) 28%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.04) 72%,rgba(255,255,255,0) 73%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 27%,rgba(255,255,255,0) 28%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.04) 72%,rgba(255,255,255,0) 73%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,255,255,0) 27%,rgba(255,255,255,0) 28%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.04) 72%,rgba(255,255,255,0) 73%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-transition: all 1.5s ease 0.5s;
-moz-transition: all 1.5s ease 0.5s;
transition: all 1.5s ease 0.5s;
opacity: 0.7;
}


.addroom.shine:after {
transform: translate3d(205%,0,0);
-webkit-transform: translate3d(205%,0,0);
-moz-transform: translate3d(205%,0,0);
}


.nomoreroom {
display: none;
}



.room-remove {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
display: inline-block;
background-color: transparent;
background-image: url('/themes/vista.hu/images/remove-close.svg');
background-size: 24px 24px;
background-position: center;
background-repeat: no-repeat;
border-radius: 2px;
cursor: pointer;
}


.stepb3 .labelbox .room-selectbox:first-child .room-remove {
	display:none;
}

select.room-select {
background-color: #fff;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
color: #212121;
font-weight: 600;
width: 100%;
border-radius: 2px;
padding: 5px 22px 5px 6px;
background-image:url('/themes/vista.hu/images/selectarrow.svg');
background-repeat: no-repeat;
  background-position: right 8px top 12px;
  background-size: 12px 12px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border: 1px solid #666;
}

select.room-select.empty {background-color: #acffee;
background-color: #fff;
}



select.room-select option {
background-color: #fff;
}


.labelbox {
width: 100%;
padding: 10px 0 10px 0;
display: inline-block;
float: left;
}


.booking-submit-btn {
margin: 10px 0;
float: right;
}

.seat-message { display: none;height: 120px; float: left;}


.promo_response {
	width:30px;
	height:30px;
	display:inline-block;
	border-radius:4px;
	margin-top: -2px;
	margin-left:10px;
	vertical-align: middle;
}

.promo_response.ok {
	background-image: url('../images/check_ok.svg');
	background-position: center;
	background-size: cover;
}

.promo_response.error {
	background-image: url('../images/check_error.svg');
	background-position: center;
	background-size: cover;
}

/*---CHECK BOX & RADIO BT---*/
.has-js label.label_radio,
.has-js label.label_check {
position: relative;
overflow: hidden;
display: inline-block;
float: left;
min-height: 20px;
padding: 2px 10px 2px 30px;
cursor: pointer;
}

.has-js .label_check input, .has-js .label_radio input {
position: absolute; left: -9999px;
}


label.label_radio span,
label.label_check span
{font-size: 15px;line-height: 20px;}

.mrbox {
width: 24px;
height: 24px;
position: absolute;
top: 50%;
left: 0;
margin: -12px 0 0 0;
}


.material_radio {
width: 20px;
height: 20px;
border-radius: 100%;
border: 1px solid #1a1a1a;
background-color: #fff;
position: absolute;
margin: 2px;
z-index: 10;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.material_check {
width: 20px;
height: 20px;
border-radius: 0;
border: 1px solid #1a1a1a;
background-color: #fff;
border-radius: 2px;
position: absolute;
margin: 2px;
z-index: 10;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.material_radio:after {
position: absolute;
z-index: 12;
width: 20px;
height: 20px;
margin: -2px -2px;
display: inline-block;
border-radius: 50%;
background: #ffd583;
content: '';
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

.label_radio.r_on .material_radio {
border: 2px solid #1a1a1a;
background: #1a1a1a;
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.label_radio.r_on  .material_radio:after {
-webkit-transform: scale(0.7);
transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
}





.material_check:after {
position: absolute;
content: '';
z-index: 12;
width: 20px;
height: 20px;
top: -1px;
left: -1px;
display: inline-block;
background-color: transparent;
background-image: url('/themes/vista.hu/images/checkbox.svg');
background-size: 16px 16px;
background-position: center;
background-repeat: no-repeat;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}

.label_check.c_on .material_check {
border: 1px solid #1a1a1a;
background: #1a1a1a;
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.label_check.c_on .material_check:after {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
}

.label_check p, .label_radio p {
padding: 0;
line-height: 16px;
font-size: 14px;
font-weight: 600;
}



.label_check.c_on p, .label_radio.r_on p {
font-weight: 700;
}




/*---UTAZAS KALKULACIO--*/

#calculation-table {
width: 100%;
display: inline-block;
float: left;
}

.divtr {
display: inline-block;
float: left;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.divtr.old_ticket_price {
	border-bottom:none;
}
.divtr.old_ticket_price .divtd {
	font-size: 11px;
	color: #888;
	padding: 1px 0 0;
}
.divtr.old_ticket_price .old_one_price,
.divtr.old_ticket_price .old_full_price {
	text-decoration: line-through;
}
.divtr.old_ticket_price+.divtr.ticket_price .one_price,
.divtr.old_ticket_price+.divtr.ticket_price .full_price {
	color: #E2004A;
}
.divtd {
display: inline-block;
float: left;
width: 20%;
font-size: 14px;
text-align: right;
color: #1a1a1a;
vertical-align: middle;
padding: 5px 0;
}


.divtd i {
display: inline-block;
clear: both;
float: left;
width: 100%;
font-size: 11px;
line-height: 13px;
color: rgba(0,0,0,0.6);
}

#calculation-table p.traveller_nums {
float: left;
}

#calculation-table p.traveller_nums select{
float: none;
}

.divtd.count {
width: 10%;
text-align: right;
}

.divtd.count input[type="text"], .divtd.count input[type="number"] {
	width:20px;
	text-align:right;
}

.divtd.count input[type="text"].readonly, .divtd.count input[type="number"].readonly {
	background:#f0f0f0;
}

.divtr.selectable .divtd {color: #8a8a8a;}
.divtr.selectable.activechk .divtd, .activechk .divtd {color: #1a1a1a;}

.divtd:first-child {
width: 48%;
text-align: left;
font-weight: 600;
}

.divtdfull {
display: inline-block;
float: left;
width: 100%;
padding: 2px 0;
font-size: 14px;
text-align: left;
}
.textright {
text-align: right;
}
.roomcount {
padding-top: 12px;
font-weight: bold;
}

.divtr.summarow .divtd {
font-size: 18px;
font-weight: 600;
padding-top: 5px;
font-family: 'boldfont';
font-weight: 'normal';
color: #1a1a1a;
}

.sepline {
display: none;
}


.tour-save-pdf {
margin: 0;
margin-top: 10px;
float: left;
}

.tour-booking-bt {
margin: 0;
margin-top: 10px;
margin-bottom: 20px;
float: right;
background: #E2004A;
}


.first_fix_ulohely {
	padding-top: 5px;
}

p.ulohely-paragraph {
	display: inline-block;
	float: left;
	padding: 5px 0;
	width: 100%;
}



#calculation-table input[type='text'], #calculation-table input[type='number'], #calculation-table select,
#pay_at_destination input[type='text'], #pay_at_destination input[type='number'], #pay_at_destination select {
border: 1px solid #1a1a1a;
border-radius: 2px;
padding: 3px 5px;
font-size: 13px;
background: transparent;
display: inline-block; float: left;
margin-right: 5px;
}

#calculation-table input[readonly='readonly'], #pay_at_destination input[readonly='readonly'] {
border: 0;
padding: 0 5px 0 0;
}

@media screen and (max-width: 1450px){
.container-title {margin-top: 30px;}
}

@media screen and (max-width: 1020px){
.ut-indulasok-wrapper {
width: 100%}
}



@media screen and (max-width: 1020px){
.ut_calendar_bottom {
  padding: 10px;
}


.divtd.count input[type='number'],
.divtd.count input[type='text'] {
text-align: left !important;
padding-left: 0;
}



}

@media screen and (max-width: 700px){
.ut_calendar_bottom {
  padding: 0;
}
div.event .calendar-date-price {display: none;}
div.event a:hover + .calendar-date-price {
display: none;
}
div.event a {
height: 50px;
line-height: 40px;
}

.stepbox {
width: 100%;
transition: all 0;
-webkit-transition: all 0;
-moz-transition: all 0;
-ms-transition: all 0;
box-shadow: none;
margin-bottom: 0;
}




.steptitle {
width: 100%;
min-height: 30px;
}


.steptitle label {
width: 100%;
min-height: 10px;
padding: 10px 10px 0 10px;
}
.steptitle span {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 20px;
}

.stepbox.show {
max-height: 1500px;
transition: all 0;
-webkit-transition: all 0;
-moz-transition: all 0;
-ms-transition: all 0;
}

.stepbox-inner {
width: 100%;
}

.travel-calculation-container {
padding: 0;
margin-top: 0;
}



.steptitle.response {
display: none;
}

.steptitle .response.active {
width: 32px;
display: none;
}

.labelbox, .calendar-tabnavigation {
padding: 0;
}
.stepbox-inner {
felx: 0;
}

.stepbox-inner-inside {
padding: 0 5px 10px 5px;
}




.steptitle span {left: 10px; top: 10px;}
.steptitle label {font-size: 15px;line-height: 22px;;}

.calendarinfo {
padding: 10px 10px;
}
.naptarbox {margin-top: 10px;}
.stepdone table.responsetext {max-width: 100%;}

#calculation-table {
width: 100%;
display: inline-block;
float: left;
}

.divtr {
width: 100%;
display: inline-block;
float: left;
}




.divtd {
display: inline-block;
float: left;
width: 50%;
padding: 4px 0;
font-size: 13px;
text-align: right;
}

.divtd:first-child {
width: 100%;
text-align: left;
font-weight: 600;
}
.divtd:nth-child(2) {
text-align: left !important;
width: 20% !important;
}
.divtd:nth-child(2) input[type='text'] {
text-align: left;
}


.divtd:nth-child(3) {
text-align: left !important;
width: 40%;
}
.divtd:nth-child(4) {
text-align: right;
width: 40%;
}
.divtr.sepline .divtd:first-child {display: none;}

.divtr.summarow .divtd {
font-size: 18px;
font-weight: 600;
padding-top: 5px;
}
.divtr.summarow .divtd:first-child, .divtr.summarow .divtd:nth-child(3) {width: 50%; display: inline-block; float: left;}
.divtr.summarow .divtd:nth-child(2) {display: none;}








.divtd.one_price {
text-align: left !important;
}

.divtd.full_price {
width: 40%;
display: inline-block;
float: right;
}




.tour-request-bt, .tour-booking-bt {
width: 40%;
font-size: 14px;
text-align: center;
}

.pricelist li  a div.lidate {
width: 100%;
border-bottom: 1px dashed rgba(0,0,0,0.2);
}
.pricelist li  a div.liday {
width: 50%;
text-align: left;
}
.pricelist li  a div.liprice {
width: 50%;
text-align: right;
}



.travel-calculation {margin-top: 0;}
#biztositas_div .divtr:last-child, .fakultativ:last-of-type, .fizmod_div_parent, .last_fix_ulohely, .pnis_row:last-of-type {
	border-bottom:0px none;
}

.first_fix_ulohely {
	padding-top: 5px;
}

p.ulohely-paragraph {
	display: inline-block;
	float: left;
	padding: 5px 0;
	width: 100%;
}



}

@media screen and (max-width: 480px){
.dateprice {
 display: none;
}
}


a, a:active, a:focus {
outline: 0;
outline: none;
}










/**TOOLTIPSTER**/
.tooltipster-default {
	border-radius: 3px;
	border: 0;
	background: #111;
	color: #fff;
	box-shadow: 0 3px 7px rgba(0,0,0,0.3);
}

.tooltipster-default .tooltipster-content {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	padding: 8px 10px;
	overflow: hidden;
}



.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-right: 9px solid;
	margin-top: -8px;
}



.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}

.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


.popbox {
position: fixed;
width: 400px;
right: 20px;
top: 130px;
text-align: left;
background: rgba(0,0,0,0.8);
color: #fff;
font-size: 14px;
color: #fff;
font-weight: 600;
border-radius: 3px;
padding: 15px 20px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
display: none;
z-index: 500;
}

.popbox.attention {
background-color: rgba(227,27,50,0.9);
color: #fff !important;
padding-left: 70px;
background-image: url('/themes/vista.hu/images/attention.svg');
background-size: 30px 30px;
background-position: 20px 10px;
background-repeat: no-repeat;
}

.popbox .popclose {
position: absolute;
width: 22px;
height: 22px;
top: 0;
right: 0;
background-image: url('/themes/vista.hu/images/popclose.svg');
background-repeat: no-repeat;
background-size: 14px 14px;
background-position: center;
cursor: pointer;
}



.popbox.show {
display: inline-block !important;
animation: fadeInDownSmall 0.3s ease;
-webkit-animation: fadeInDownSmall 0.3s ease;
-moz-animation: fadeInDownSamll 0.3s ease;
-ms-animation: fadeInDownSmall 0.3s ease;
}

 input.hiba, select.hiba, textarea.hiba {
    /*border: 2px solid red !important;*/
}

.email_2 {
	display:none;
}


@media screen and (max-width: 1200px){
 .mslide {
  width: 100%
}
}

@media screen and (max-width: 1024px){
 .mslide {
  width: 50%
}
}
@media screen and (max-width: 640px){
.mslide {
	 width: 100%
   }


   @media screen and (max-width: 580px) {
		.popbox {
			width: 280px;
		}
   }


   .container-title {
	padding: 10px 10px;
	font-size: 18px;
	line-height: 22px;
   }

   .fizmod_div span {
	   float:left;
	   margin-right:20px;
	   margin-top: 5px;
   }


}

.stepb2, .stepb25, .stepb3, .stepb4, .stepb5, .stepb6 {
	display:none;
}

.divtd.fizmod_div {
	width: 100%;
}

.fizmod_div span {
	float:left;
	margin-right: 10px;
	margin-top: 5px;
}

.clear_ajanlat {
	height:auto;
}