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

.yearname {
padding: 10px;
display: inline-block;
float: left;
width: 100%;
color: #fff;
font-size: 30px;
color: #2e3373;
font-family: 'Bold';
}


 .calendarbox {
 width: 100%;
 margin: 0;
 height: auto;
 display: inline-block;
 background: trasparent; position: relative;
 -webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;

 }


 
 .msbox {
width: 25%; display: inline-block; float: left;  
padding: 20px;
 }
 

  .mslide {
  width: 100%; display: inline-block; float: left; 
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: 5;
  height: 270px;
  background: #fff;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  padding: 0;
 /* box-shadow: 0 3px 3px rgba(0,0,0,0.2)*/
 border: 1px solid rgba(0,0,0,0.2);
  }


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




  .mslide span.mname {
  width: 100%; 
  height: 40px;  
  display: inline-block; 
  float: left; 
  margin: 0 0 0 0;
  color: #fff;
  background-color: #0099ff;  
  text-align: center;
  }
  
  
  
  .mslide span.mname span {
  line-height: 40px; 
  font-size: 18px;  
  font-weight: normal; 
  text-transform: uppercase; 
  display: inline-block; 
  float: none; 
  margin: 0 auto; 
  height: 40px;
  font-family: 'Roboto Condensed';
  font-weight: bold;
  }
  .mslide.is-selected span.mname span {font-weight: normal;}

  ul.daynames {width: 100%; display: inline-block; float: left; color: #04583e; text-transform: uppercase;}
  ul.daynames li {display: inline-block; float: left; list-style: none; width: 14.2857%;font-weight: normal; height: 34px; line-height: 34px; text-align: center; font-size: 13px;}
  ul.daynames li:nth-child(6), ul.daynames li:nth-child(7) {font-weight: normal;}
  .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: auto; text-align: center; padding: 1px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
  }

  .days ul li span {
  display: inline-block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  border-radius: 0;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
  }
.days ul li span.napcella {
font-weight: bold;
}

  /*--nem a hónap napja---*/
  .days ul li.nmd {
  color: #04583e;
  opacity: 0;
  cursor: default;
  }

  /*--a hónap napja---*/
  .days ul li.tmd {
  color: #04583e;
  cursor: default;
   -webkit-backface-visibility: hidden;
backface-visibility: hidden;
  }

  .days ul li.nmd span {
  background-color: rgba(4,88,62,0.1);
  
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  }


  .days ul li.tmd span.datumcella {
   background-color: rgba(4,88,62,0.1);
   
   color: rgba(4,88,62,0.5);
   text-shadow: none;
   cursor: pointer;
}

  /*--a hónap napja és van indulas---*/
  .days ul li.tmd.okd span.datumcella {
       background-color: #6ea327;
	   background-color: #00aa33;
   color: #fff;
   cursor: pointer;
   font-weight: bold;
  }

  
  
  /*--akcios ár---*/
  .days ul li.tmd.okd.disc span.datumcella {
   background: #00cea0;
   background: #81bf2e;
   color: #fff;
   cursor: pointer;
  }

  /*--legjobb ár akc---*/
  .days ul li.tmd.okd.disc.best span.datumcella {
     background: #00cea0;
	background: #81bf2e;
   color: #fff;
   cursor: pointer;
  }

  /*--legjobb ár normál---*/
  .days ul li.tmd.okd.best span.datumcella {
       background-color: #6ea327;
   color: #fff;
   cursor: pointer;
  }
  


  .days ul li.tmd.okd.best span.datumcella:after {
	  position: absolute;
	  top: 1px;
	  right: 1px;
	  content: '';
	  width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 0;
border-color: transparent #db4437 transparent transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
  }
  
  


  /*--kiválasztott dátum--*/
.days ul li.tmd.okd.selected span.datumcella {
   color: #000 !important;
    background: #ffb714 !important;
       -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.days ul li.tmd span.datumcella span.arcella {
display: none;	
}



/*---GRID----*/
.calendarbox.detailed .days ul li.tmd span.datumcella,
.calendarbox.grid.detailed .days ul li.tmd span.datumcella {
	height: 60px;
	line-height: 60px;
	display: inline-block;
	float: left;
}
.calendarbox.detailed .days ul li.nmd span.datumcella,
.calendarbox.grid.detailed .days ul li.nmd span.datumcella {height: 60px;line-height: 60px;display: inline-block;
	float: left;}
	
.calendarbox.detailed .days ul li.tmd.event span.datumcella,	
.calendarbox.grid.detailed .days ul li.tmd.event span.datumcella {height: 60px;line-height: 20px;}

.calendarbox.detailed .days ul li.tmd span.datumcella span.napcella,
.calendarbox.grid.detailed .days ul li.tmd span.datumcella span.napcella {
font-weight: bold; 
font-size: 16px;
display: inline-block;
float: left;
width: 100%;
text-align:center;
height: 20px;
padding-top: 5px;
line-height: 20px;
}


.calendarbox.detailed .days ul li.tmd span.datumcella span.arcella,
.calendarbox.grid.detailed .days ul li.tmd span.datumcella span.arcella {
font-weight: normal;
display: inline-block;
float: left;
width: 100%;
font-size: 12px;
text-align:center;
height: 40px;
padding: 5px 0;
line-height: 15px;
padding-right: 0;
}

.calendarbox.grid {height: auto; overflow: visible}
.calendarbox.grid .flickity-viewport {
width: 100% !important;
height: auto !important;
display: inline-block !important;
position: relative !important;
}
.calendarbox.grid .flickity-slider {
width: 100% !important;
height: auto !important;
left: auto !important;
transform: translateX(0) !important;
display: inline-block !important;
position: relative !important;
}
.calendarbox.grid .mslide {
position: relative !important;
left: auto !important;
display: inline-block !important;
float: left !important;
width: 33.33%;
/*height: 440px !important;*/
}


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

.pricecalendar .naptarbox,
.pricecalendar .ut-indulas-calendar-wrapper {
height: auto;	
}

.calendarbox.detailed {
height: 450px;	
}

.calendarbox.detailed .mslide {
width: 50%;	
height: 450px;	
} 




.calendarbox.detailed .flickity-viewport {

}

.calendarbox.detailed .flickity-slider {

}

 


.fullw .stepb1 .stepbox-inner {
	max-height: 6000px;
}


.days ul li.tmd.okd.selected span.datumcella {
   color: #1e1e1e;
    background: #ffb714;
       -webkit-box-shadow: inset 0 0 2px 0px #faa800;
    -moz-box-shadow: inset 0 0 2px 2px #faa800;
    box-shadow: inset 0 0 2px 2px #faa800;
}

.days ul li.tmd.okd.selected span.datumcella span.napcella {
 font-size: 18px;
   font-weight: normal !important;
   font-family: 'boldfont';
}



.travel-calculation-container {
width: 100%;
display: inline-block;
float: left;
min-height: 100px;
}

.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;
}



.container-title {
padding: 10px 0 20px 0;
color: #fff;
display: inline-block;
float: left;
font-size: 30px;
background: transparent;
font-family: 'medfont';
color:  #00abe6;
font-weight: normal;
width: 100%;
margin-top: 20px;
border-radius: 3px 3px 0 0;
}


.stepbox {
display: none;
float: left;
position: relative;
height: auto;
padding: 0;
width: 100%;
/*background: #373737;*/
border-top: 1px solid rgba(0,0,0,0.1);
background-position: top center;

background: #04583e;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+25,ffffff+25 */
background: #20735a; /* Old browsers */
background: -moz-linear-gradient(left,  #20735a 20%, #fff 20%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #20735a 20%,#fff 20%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #20735a 20%,#fff 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20735a', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}
.stepbox.stepb1 {border-top: 0 !important;}

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

}

.stepb2 .stepbox-inner {
display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    align-items: center;	
	
}

.stepbox-inner-inside {
display: inline-block;
position: relative;
float: right;
width: 80%;
height: 100%;
min-height: 80px;
padding: 0 20px 10px 20px;
overflow: hidden;
background: #fff;
}
.stepb2 .stepbox-inner-inside {padding-bottom: 0;}


.stepbox-inner:before {
content: '';
width: 3px;
height: 100%;
position: absolute;
left: 42px;
top: -100%;
background:  #ffb714
}


.stepbox.done .stepbox-inner:before {
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transform: translate3d(0,100%,0);
-webkit-transform: translate3d(0,100%,0);
-moz-transform: translate3d(0,100%,0);
}






.steptitle {
width: 20%;
display: inline-block;
float: left;min-height: 40px;
z-index: 35 !important;
color: rgba(255,255,255,0.6);
padding: 20px 15px 15px 80px;
}

.stepspot {
width: 55px;
height: 55px;
border-radius: 50%;
text-align:center;
line-height: 55px;
font-size: 28px;
position: absolute;
background-color: #fff;
background: #ffb714;
color: #04583e;
top: -5px;
left: 15px;
z-index: 50;
font-weight: normal;
font-family: 'boldfont';
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;
box-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

.stepspot.on {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
}


.steptitle label {
width: 100%;
min-height: 30px;
display: inline-block;
float: left;
text-align:left;
padding-bottom: 10px;
line-height: 22px;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
/*background: rgba(0,0,0,0.2);*/
color: rgba(0,0,0,0.8);
color: #fff;

}

p.guide {
font-size: 11px;
line-height: 14px;
padding: 5px 0;
color: rgba(255,255,255,0.6);
font-family: 'Roboto', Arial, sans-serif;
font-weight: normal;text-transform: none;
letter-spacing: 0;
}



.utkalkulacio {
	display: inline-block;
	float: right;
	width: 100%;
	height: auto;
  position: relative;
}




.utkalkulacio .switchbox {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 300;
  color: #fff !important;
}



.stepbox-inner-inside p {
font-size: 13px; padding: 4px 0;
}



.loading-indulasok {
width: 100%;
height: 100%;
min-height: 80px;
position: absolute;
/*background: #373737;*/
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 300;
}


.loading-indulasok:after {
  width: 26px;
  content: '';
  height: 26px;
  position:absolute;
  top: 20px;
  left: 50%;
  margin-left: -13px;
  border-radius: 13px;
  -webkit-box-sizing: border-box;
  border: solid 4px rgba(213, 0, 22, 0.3);
  border-top-color: #db4437;

  -webkit-animation: spin 0.6s infinite linear;
  -moz-animation: spin 0.6s infinite linear;
  animation: spin 0.6s infinite linear;
}






.calendarinfo  {
list-style: none;	
margin-top: 5px;
width: 100%;
color: rgba(255,255,255,0.6);
font-family: 'Roboto', Arial, sans-serif;
}

.calendarinfo i {
display: inline-block;
float: left;
width: 12px;
height: 12px;
border-radius: 1px;
margini: 1px;
}
.calendarinfo li {padding: 2px 4px; list-style: none; display: inline-block; float: left;}
.calendarinfo  i.available {background-color: #6ea327; box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.calendarinfo  i.notavailable {background: #eee;box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.calendarinfo  i.discountdate {background: #81bf2e;box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.calendarinfo  i.bestpricedate {background: #db4437;box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.calendarinfo  small {display: inline-block; float: left; height: 15px; line-height: 15px; font-size: 11px; padding-left: 5px;}
.clear {
width: 100%;
height: 0;
display: inline-block;
float: left;
}

/*---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: 1px;
color: #04583e;
}

.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.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;}

.pricelist li  a div.li-vissza {width: 47%;}
.pricelist li  a div.li-oda {width: 47%;}
.pricelist li  a div.ovarrow {/*background: url('../img/odavissza.png') no-repeat 6px 12px;*/ 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: #ff0066;}
.pricelist li  a div.liprice small {width: 100%; font-weight: normal; clear: both;display: inline-block;}


.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('../img/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 .dn,
.pricelist li  a div.liprice small,
.pricelist li  a div .dn {
color: rgba(0,0,0,0.6);
}


.pricelist li a:hover {background: #ffeb3b !important; color: #04583e !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: transparent url('../img/utmodicon.png') no-repeat top left;
}





.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: #ff0066;
}



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















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



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

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




/*---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;color: #000;}

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


.material_radio {
width: 20px;
height: 20px;
border-radius: 100%;
border: 1px solid transparent;
background: #04583e;

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 rgba(0,0,0,0.3);*/
border: 1px solid transparent;
background: #04583e;
border-radius: 1px;
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: 18px;
height: 18px;
margin: 0;
display: inline-block;
border-radius: 50%;
background: #ffb714;
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;
    box-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}


.label_radio.r_on .material_radio {
background: #04583e;
}

.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: 18px;
height: 18px;
top: 0px;
left: 0px;
display: inline-block;
background-color: transparent;
background-image: url('../img/checkbox-small.svg');
background-size: 16px auto;
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.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;

}

.label_check.c_on .material_check {
background: #04583e;
}

.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: 13px;
font-weight: 600;
}

.label_radio.r_on {
font-weight: bold;
}
.label_radio.r_on span {
font-weight: bold;
color: #ffb714;
}
.label_radio.r_on .mrbox {opacity: 1;}
.label_check.c_on .mrbox {opacity: 1;}


.stepprh .label_check p, .stepprh .label_radio p {
color: #481a37;
font-size: 13px;
font-weight: normal;
}


.stepprh .label_check.c_on p, .stepprh .label_radio.r_on p {
    color: #000;
}



small.red {
  color: #00878f;
  font-weight: bold !important;
}

.rowspace {
display: inline-block;
float: left;
width: 30px;
height: 15px;	
}
.divtrchd p {
padding: 0;	
}



.labelbox label.label_radio {
display: inline-block;
padding: 5px 10px 5px 32px;
color: #000;	
font-weight: bold;
margin-right: 10px;
background-color: #c7d7d2;

border-radius: 2px;

display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

flex-flow: row wrap;
justify-content: center;
	align-items: center;


}


.labelbox label.label_radio .mrbox {
left: 5px;
}





.labelbox label.label_radio.r_on  {
background: #ffb714;
color: #04583e;
}


.labelbox label.label_radio.r_on span {color: #04583e;}
.labelbox label.label_radio .mrbox span {background: #04583e;}
.labelbox label.label_radio.r_on .mrbox span {background: #04583e;}


.stepb3 .stepbox-inner-inside {
padding-bottom: 25px;
}


select.elhelyezesselect {
padding: 6px 22px 6px 8px;
  background-image: url('../img/selectarrow.svg');
  background-repeat: no-repeat;
  background-position: right 8px top 10px;
  background-size: 14px 14px;


  font-family: 'Roboto', Arial;
background-color: #c7d7d2;

border-radius: 1px;
border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #000;
  -moz-transition: all .2s cubic-bezier(.4,0,.2,1);
-webkit-transition: all .2s cubic-bezier(.4,0,.2,1);
transition: all .2s cubic-bezier(.4,0,.2,1);
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  cursor: pointer;
  
}

select.elhelyezesselect option {
background: #fff;
color: #04583e;
}

select.elhelyezesselect.optionselected {
background-image: url('../img/selectarrow.svg');
background-color: #ffb714;
background-color: #ffb714;
color: #000;
font-weight: bold;
}

select.elhelyezesselect.optionselected option {
color: #04583e;
background: #fff;
}
select.elhelyezesselect option.default {
color: #999;
background: #fff;
}

/*---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.15);
padding: 2px 0;
}

.divtd {
display: inline-block;
float: left;
width: 20%;
padding: 2px 0;
font-size: 14px;
text-align: right;
color: rgba(4,88,62,0.8);
}

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

.fakrow, .valrow, .kotrow, .bbprow {
display: inline-block;
float: left;
width: 100%;	
}





.bbprow .divtd.count,
.fakrow .divtd.count,
.valrow .divtd.count
 {opacity: 0;}

 
.bbprow .selectedbg .divtd.count,
.fakrow .selectedbg .divtd.count,
.valrow .selectedbg .divtd.count
 {opacity: 1;}
 

.divtr.selectable .divtd {color: rgba(4,88,62,0.8);}
.divtr.selectable .divtd small {font-weight: normal;}
.divtr.selectable.activechk .divtd, .activechk .divtd {color: #04583e;}

.divtd:first-child {
width: 50%;
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;
padding-bottom: 10px;
font-weight: bold;
color: #04583e;

}



.sepline {
width: 100%;
display: inline-block;
float: left;
height: 0;
line-height: 0;
margin: 5px 0;
background: #fff;
}


.tour-request-bt {
margin: 0;
margin-top: 10px;
float: left;
text-decoration: none;
}

.tour-booking-bt {
text-decoration: none;
margin: 0;
margin-top: 10px;
float: right;  background: #de1256;
  background: -moz-linear-gradient(top, #ff0066 0%, #de1256 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0066), color-stop(100%, #de1256));
  background: -webkit-linear-gradient(top, #ff0066 0%, #de1256 100%);
  background: -o-linear-gradient(top, #ff0066 0%, #de1256 100%);
  background: -ms-linear-gradient(top, #ff0066 0%, #de1256 100%);
  background: linear-gradient(to bottom, #ff0066 0%, #de1256 100%);
}




.iptread {
display: inline-block !important;
float: left !important;
width: auto !important;
height: 16px;
font-size: 14px;
padding: 0 4px;
}



.divtrchd.hidden {
	display: none !important;
}


.divtd .label_check {
width: 100%;	
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.divtd .label_check p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;	
}



.kotrow.fszhrow {display: none;}













@media screen and (max-width: 1200px){
	   .stepbox {background: #f5f5f5;}
	   .steptitle {background: #04583e; padding: 20px 15px 15px 40px;}

	   .steptitle, .stepbox-inner-inside {width: 100%}
	 

       .stepspot {left: -26px;background: #faa800; color: #04583e;} 
	   .stepbox-inner:before {z-index: 60; width: 5px; left: 0; background: #faa800;}
	   
	   p.guide {
		   display: inline-block; float: left; width: 100%;
		   line-height: 15px; padding: 0;
	   }
	   
	   
.msbox {
    width: 33.333%;
    display: inline-block;
    float: left;
    padding: 20px;
}	   
	   
	   
}



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

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

			

}




@media screen and (max-width: 800px){
		.msbox {
    width: 50%;
}	

}

@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;
		}




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






		.naptarbox {margin-top: 10px;}


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

		.divtr {
		width: 100%;
		display: inline-block;
		float: left;
		border-bottom: 1px solid rgba(0,0,0,0.15);
		}




		.divtd {
		display: inline-block;
		float: left;
		width: 50%;
		padding: 2px 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;
		width: 10%;
		}
		.divtd:nth-child(3) {
		text-align: left;
		width: 40%;
		}

		.divtr.sepline .divtd:first-child {display: none;}

		.divtr.summarow .divtd {
		font-size: 18px;
		font-weight: 600;
		padding-top: 5px;
		padding-bottom: 10px;
		}




		.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;}


		.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: 10px;border-top: 1px solid #ddd;}

}





@media screen and (max-width: 760px){
		.mslide {
		width: 100%;
		}	
			.stepbox-inner-inside {
			padding: 0 15px 10px 15px;
			}
			
			
			 
			 .steptitle span {
			 height: 100%;
			 width: 40px;
			 line-height: 40px;
			 border-radius: 0;
			 top: 0;
			 left: 0;
			 }
			 
			 .stepb1 .guide {
			 padding-right: 70px;
			 }
			 
}







@media screen and (max-width: 650px){
		.calendarbox .mslide {
		width: 100%;padding: 0 0;
		}
		
		.fullw .calendarbox .mslide {
		width: 100%;padding: 0 0;
		}
		
		.calendarbox.detailed .mslide {
		width: 100%;	
		height: 420px;	padding: 0 0;
		} 
				.msbox {
    width: 100%;
}	
		
		.stepspot {left: -30px;background: #faa800; color: #04583e; width: 60px; height: 60px; line-height: 60px; text-indent: 23px; font-family: 'boldfont'; } 
		
}





@media screen and (max-width: 480px){
		
		
		
.calendarbox.detailed .dateprice,
		.calendarbox.detailed .arcella		{
		 display: none !important;
		}		
	.calendardetailedswitch	{display:none;}
		
		
		
}


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






h5.calculation-section-title {
font-family: 'Arial', sans-serif !important;
font-weight: normal;
}

.calculationbox {
display: none;
float: left;
width: 100%;
padding: 10px 0;
}

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

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