@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans/OpenSans.eot');
    src: url('../fonts/OpenSans/OpenSans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans/OpenSans.woff') format('woff'),
         url('../fonts/OpenSans/OpenSans.ttf') format('truetype'),
         url('../fonts/OpenSans/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSansRegular/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSansRegular/OpenSansRegular.woff') format('woff'),
         url('../fonts/OpenSansRegular/OpenSansRegular.ttf') format('truetype'),
         url('../fonts/OpenSansRegular/OpenSansRegular.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('../fonts/OpenSansSemiBold/OpenSansSemiBold.eot');
    src: url('../fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSansSemiBold/OpenSansSemiBold.woff') format('woff'),
         url('../fonts/OpenSansSemiBold/OpenSansSemiBold.ttf') format('truetype'),
         url('../fonts/OpenSansSemiBold/OpenSansSemiBold.svg#OpenSansSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSansBold/OpenSansBold.eot');
    src: url('../fonts/OpenSansBold/OpenSansBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSansBold/OpenSansBold.woff') format('woff'),
         url('../fonts/OpenSansBold/OpenSansBold.ttf') format('truetype'),
         url('../fonts/OpenSansBold/OpenSansBold.svg#OpenSansSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clear { clear: both; }
.success { color: #39874f; font-weight: bold; }

.inps { margin: 0 0 20px 0; }
.inps input { width: 96%; padding: 8px 2% 8px 2%; outline: none; font-size: 18px; font-family: 'OpenSans';}
.inps textarea { width: 96%; padding: 8px 2% 8px 2%; outline: none; font-size: 18px; font-family: 'OpenSans'; min-height: 180px; }
.error { font-size: 16px; color: #d81f1f; }

.ui-datepicker-trigger,
.button { cursor: pointer; border: none;
	 font-size: 18px; display: inline-block; background: #2D5579; text-decoration: none; color: #fff; padding: 8px 15px 8px 15px; 
	margin: 0 5px 0 0;
	    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;	
}
.ui-datepicker-trigger:hover,
.button:hover { background: #477298; }


.base_p { padding: 20px 0 20px 0; }
.button8 { cursor: pointer;
	 font-size: 18px; display: inline-block; background: #ae3c22; text-decoration: none; color: #fff; padding: 8px 15px 8px 15px; 
	margin: 0 5px 0 0;
	    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;	
}
.button8:hover { background: #9a321b; }

.ticket { width: 21%; float: left; padding: 15px 1% 15px 1%; margin: 20px 1% 20px 1%; border-top: #d3cfcf 1px solid; background: #fcf6d1; 
		    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
 
     -webkit-box-shadow: 0px 10px 9px -5px #c9c8ca;
    -moz-box-shadow: 0px 10px 9px -5px #c9c8ca;
    box-shadow: 0px 10px 9px -5px #c9c8ca;
    
}
.ticket h2 { margin: 0 0 13px 0; font-size: 21px;  }

.title_ticket { margin: 5px 0 4px 0; font-size: 14px;  font-family: 'OpenSansSemiBold'; }

.title_ticket.req:after { content: "*"; font-size: 18px; display: inline-block; margin: 0 0 0 4px; }

.ticket_field { margin: 0 0 10px 0;}
.ticket_field input { width: 96%; border: #dedede 1px solid;
padding: 5px 2% 5px 2%;
outline: none;
font-size: 17px;
font-family: 'OpenSans';
	   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
  }
  
/* Date table */
td.highlight {
  border: none !important;
  padding: 1px 0 1px 1px !important;
  background: none !important;
  overflow: hidden;
}

td.highlight a {
  background: #1a518f !important; color: #fff !important;
  border: 1px #36669c solid !important;
}
.ui-state-default.ui-state-active{ background: #d89939 !important; color: #fff !important; border: #b47a23 1px solid !important; }
/* Date table */

.block_3 { width: 100%; position: relative; }
.block_3:after { content: ""; display: block; clear: both; }
.block_3 > .flex { width: 31%; margin: 0 2% 0 0; display: inline-block; float: left; }
.block_3 > .flex:nth-child(2) { width: 32%; }
.block_3 > .flex:nth-child(3) { margin: 0 0 0 0; }

.block_2 { width: 100%; position: relative; border-bottom: #e4dfdf 1px solid; }
.block_2:after { content: ""; display: block; clear: both; }
.block_2 > .flex { width: 49%; margin: 0 1% 0 0; display: inline-block; float: left; }
.block_2 > .flex:nth-child(2) { margin: 0 0 0 1%; }

.block_4 { width: 100%; position: relative; }
.block_4:after { content: ""; display: block; clear: both; }
.block_4 > .flex { width: 24%; margin: 0 1% 0 0; display: inline-block; float: left; }
.block_4 > .flex:nth-child(4) { margin: 0 0 0 0%; width: 25%; }

/* CHECKBOX */
.checkbox_block:after { content: ""; display: block; clear: both;}
.checkbox_block {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.checkbox_block input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox_block b { font-weight: normal;display: inline-block; float: left; padding: 2px 0 0 8px; }

.checkbox_style {
	display: inline-block; float: left;
  position: relative;
  height: 25px;
  width: 25px;
  background-color: #eee;
}


.checkbox_block:hover input ~ .checkbox_style {
  background-color: #ccc;
}

.checkbox_block input:checked ~ .checkbox_style {
  background-color: #2196F3;
}


.checkbox_style:after {
  content: "";
  position: absolute;
  display: none;
}


.checkbox_block input:checked ~ .checkbox_style:after {
   display: block;
}


.checkbox_block .checkbox_style:after {
	position: absolute;
	
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 
/* CHECKBOX */

/* RADIO BUTTONS */
.radio {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin: 0 20px 25px 0;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #cbcbcb;
  border-radius: 50%;
}

.radio:hover input ~ .checkmark {
  background-color: #afafaf;
}

.radio input:checked ~ .checkmark {
  background-color: #4a83b2;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.radio input:checked ~ .checkmark:after {
  display: block;
}

.radio .checkmark:after {
 	top: 8px;
	left: 8px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: white;
}

.radio_half { width: 50% !important; float: left; }
.radio_half:after { display: block; content: ""; clear: both; }
.ticket_mar { margin: 0px 20px 7px 0 !important;}
/* RADIO BUTTONS */


.nationality_result .ela_select_list { margin: 10px 0 0 0 !important; padding: 0px !important;}
.nationality_result .select_block.inline ul.ela_select_list li span {
	padding: 5px 8px 5px 8px !important; font-size: 15px !important;
}

#reverse_ticket_result { margin: 20px 0 0 0; }

.tickets .ticket { border-top:none !important;}

.remove_ticket,
.order_remove_ticket { width: 42px; height: 42px; display: inline-block; background: url("../images/icon_close_red.png") no-repeat; cursor: pointer; float: right; }

.add_ticket_more { padding: 15px 0 15px 15px;  }

.view_line { padding: 10px 0 10px 0; }
.view_line h3 { display: inline-block; background: #fff9dc; padding: 5px 8px 5px 8px; font-size: 16px; margin: 0px; 
		    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
}

.route_selection { background: #e9eaea; padding: 20px 2% 20px 2%; width: 96%; margin: 0 0 20px 0;
	    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    behavior: url(../pie/border-radius.htc);
    behavior: url(../pie/PIE.htc);
    margin: 10px 0 10px 0;
    
         -webkit-box-shadow: 0px 10px 9px -5px #c9c8ca;
    -moz-box-shadow: 0px 10px 9px -5px #c9c8ca;
    box-shadow: 0px 10px 9px -5px #c9c8ca;
}


/* Quantity */
.quantity_change { 

}
.quantity_change div { display: table;  float: left;  }

.quantity_button { min-width: 40px; width: auto;  height: 40px; background-color: #eeeeee; text-align: center; cursor: pointer; font-size: 20px; }
.quantity { width: 38px !important;  height:  34px !important; font-size: 15px !important; display: inline-block; padding: 0px !important; margin: 0px !important; text-align: center; }
.quantity_button span { display: table-cell; vertical-align: middle; }
.quantity_minus {}
.quantity_plus {}

.phone_field { width:100% !important; position: relative; }
.phone_field > input { padding: 5px 0 5px 26% !important; width: 74% !important; }

.phone_code_field { position: absolute; left: 0px; top:0px; width: 25%; }
.phone_code_field .select_block { width: 100%;}
.phone_code_field .select_block > span { font-size: 14px !important; padding: 8px 2% 8px 2% !important; width: 95%; }