/*fonts*/
 @import url('https://fonts.googleapis.com/css?family=Rubik:400,900');
 
HTML { font-size: 100%; /* IE hack */ }
BODY {margin: 0px 0px 0px 0px; direction: rtl; background-color: white; font-family:  'rubik', arial;}
INPUT, SELECT { font-family: 'rubik', arial; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
IMG {border: 0px;}
UL, LI {margin: 0px;padding: 0px;list-style: none;width: 100%;display: block;}
H1, H2, H3, H4, FORM, P{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
A {text-decoration: none;}
.clear {clear: both; float:none !important; font-size: 1px; line-height: 1px !important; height: 1px;}
/* -------- -------- -------- -------- -------- -------- -------- -------- -------- -------- */
.homeCenter{max-width: 1180px; margin: 0px auto; position: relative;}

.header{ position:relative;
 background:#fff;
 height:90px;
 border-bottom: 1px solid #ddd;
 -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.11); 
 -moz-box-shadow: 1px 2px 2px rgba(0,0,0,.11); 
 box-shadow: 1px 2px 2px rgba(0,0,0,.11);}
.headerLogo{float: right; padding: 20px 0px 0px 0px;}
.header strong{position:absolute; color:#00003b; font: normal 26px  'rubik', arial; padding: 0px 18px 0px 0px;top:15px; right:220px;}
/*
.progressBar{ width: 100%; position: relative; margin: 0 auto; min-height: 20px; padding-top: 10px; padding-bottom:30px;}
.progressBar li{float: right; padding: 0px 17px 0px 0px; text-align: right; background: url('../imgs/green-v-header.png') no-repeat right center; border: 1px solid #e4e4e4; margin-right: 8px; border-radius: 2px;margin-top:5px; }
.progressBar li.off B{color:#dcdcdc;}
.progressBar li.off {background : none;}
.progressBar li.on {background : none; background-color: #00003b; border: 1px solid #00003b;position:relative;}
.progressBar li.on:after {  
    content: " ";
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 26px;
    height: 12px;
    background: url('../imgs/header-blue-down-arrow.png') no-repeat center center;
    bottom: -13px;
    z-index: 10;
    right: 0;
    left: 0;
    }
.progressBar li.on B, .progressBar li.on span{color:#dcdcdc;}
.progressBar li.off span{color:#c4c4c4;}
.progressBar li span{float: right; display: inline-block; margin-left: 5px; height: 40px; text-align: center; font: bold 15px/33px  'rubik' arial; color: #00003b; padding-right: 30px;}
.progressBar li B{width:137px; float: right; height: 32px; padding: 8px 0px 0px 0px; font: bold 14px/14px  'rubik' arial; color: #262261;}
.progressBar li.progressBar_3lines B{height: 39px; padding: 1px 0px 0px 0px;}
*/
/*new language*/

.progressBar{ width: 100%; position: relative; margin: 0 auto; min-height: 20px; padding-top: 10px; padding-bottom:30px;}
.progressBar li{background: url(../imgsNew/gray_frame_step.png) no-repeat center center;
			    height: 52px;
    			width: 164px;
    			float: right;
    			padding: 0px 17px 0px 0px}

.progressBar li.off {background: url(../imgsNew/gray_frame_step.png) no-repeat center center;}

.progressBar li.on {background: url(../imgsNew/blue_step.png) no-repeat center center;margin-top: 5px;}
.progressBar li.on B, .progressBar li.on span{color:#dcdcdc;background: none;}
.progressBar li.on span{	
    padding:4px 16px 0px 0px;
}
.progressBar li.on B{
width: 114px;
padding-top:3px;
}
.progressBar li.off span{background: none;}
.progressBar li span{
		float: right; 
		padding: 7px 22px 0px 0px;
		text-align: right; 
		background: url(../imgsNew/vi_completed.png) no-repeat right center;
		background-position-y:15px;		
		height: 52px; 
		font:normal 15px/33px  'rubik', arial;
		color: #00003b;
	}
.progressBar li span:after{
    content: ".";   
}
.progressBar li B{width:102px; float: right; height: 52px; padding: 6px 4px 0px 0px; font: normal 15px/33px  'rubik' ,arial; color: #262261;}

#header img{
/*display:none !important;*/
}
/*
#header{
	background: url(../imgsNew/header_HEB.png) right center no-repeat;
	height: 89px;
	max-width: 1180px;
	margin: 0px auto;
	position: relative;
	box-shadow: -1180px 0 0 0 #0b0f44, 1180px 0 0 0 #fff;
}

div#header:after {
    display: none;
    width: 100%;
    height: 89px;
    content: " ";
    background-color: #181743;
    /*position: absolute;
    top: 0;
    right:100%;
}
*/
.myOrder h3{ 
    font-size:30px;
    background:url(../imgsNew/my_order_blue_strip.png) no-repeat center bottom;
    background-size:100%;
    font-family:'rubik',arial;
    font-weight: normal;
    color:#fff;
    padding:0 10px;
    display: block;
    line-height:52px;
    height:60px;
    z-index:100;
    margin-top: 0px;}

.myOrder_price{padding: 10px; color: #fff;background:#00003b;}    
    
 .myOrder_box .outbound h4{
    display:inline;
}
.myOrder_box .inbound h4{
    display:inline;	
}

.myOrder_box .passIcon h4{
    background: url('../imgsNew/passenger_icon.png') no-repeat left 40%;
    display:inline;
    padding-left:30px;
}

.accessibilityPaymentMain .accessibility_submit input {   
    border-radius: 20px !important;   
    background-color: #1B358F !important;   
}    
/*end new language */
h1{font: normal 36px  'rubik' ,arial; color: #262261; padding: 0px 0px 15px 0px; clear: both;}

.leftCol{float: left; width: 23.72%;}
.myOrder{background-color: #eee; border-radius: 8px; padding: 0px;overflow:hidden;}

.myOrder_box{background-color: #eee; margin: 0px 0px -6px 0px; padding: 5px 15px 14px;border-bottom:2px solid #fff ; border-radius: 4px 4px 0 0;}


.myOrder_box.passengers-num{
    border-bottom: none;
}
.myOrder_box h4{font: bold 24px/28px  'rubik medium' ,arial; color: #00003b; font-size: 24px;}
.myOrder_box strong{display: inline-block; min-height: 24px; font: bold 22px/22px 'rubik medium' ,arial; color: #00003b; padding: 0px 0px 0px 0px;}
.myOrder_box div.pass-num{
  min-height: 26px; 
  font: normal 22px/22px 'rubik', arial; 
  color: #00003b;  
}

.resNumber{padding: 10px; color: #1B358F; background: #fff; border-radius: 4px; border: solid #FEC630 1px;}
.passengers-num h4{background:url('../imgs/tripSammery-passenger-icon.png') no-repeat left center ; padding: 1px 0px 0px 30px;display:inline-block;}
.myOrder_box ul{padding: 7px 0px 0px 0px;}
.myOrder_box li{padding: 3px 0px 0px 0px; font: normal 14px/14px 'rubik', arial; color: #00003b;}
.myOrder_box li span{float: right; display: inline-block; width: auto;}
.myOrder_box li B{float: right;font-weight:bold;font-family:'rubik medium' , arial;}

.myOrder_price b{display: block; font: bold 24px  'rubik medium', arial; padding: 0px 0px 0px 0px;}
.myOrder_price strong{display: block; font: bold 36px/30px 'rubik medium', arial; padding: 0px 0px 0px 0px;font-size:36px}
.myOrder_price span{display: block; font: bold 14px/18px 'rubik', arial; padding: 0px 0px 0px 0px;}

.mainContent{float: right; width: 73%;}
.mainContent_title{background: #00003b; border-radius: 5px; min-height: 37px; padding: 3px 1.83% 0px; margin-bottom: 2px;}
.mainContent_title h2{font: normal 30px  'rubik', arial; color: #fff; padding: 0px 35px 0px 0px; background: url(../imgs/creditcard_icon.png) right 4px no-repeat;margin-top: 0px;}

.mainContent_grey{
	background-color: #eee; 
	border-radius: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding: 15px;
	font: normal 14px 'rubikb medium', arial;
}
.mainContent_lightBlue{
	background-color: #1B358F; 
	color: #fff;
	border-radius: 5px;
	margin-bottom: 8px;
	margin-top: 8px;
	padding: 10px;
	font: normal 14px 'rubikb medium', arial;
	text-align: center;
}
.mainContent_lightBlue a {
	text-decoration: underline;
	color: #fff;
}
.paypalBox{padding: 20px 0px 0px 0px; font: bold 14px 'rubik medium', arial; color: #505050; cursor: pointer;}
.paypalBox img{margin-top: 2px;margin-bottom: -7px;}
.paypalBox a{color: #262261; text-decoration: none;}
.paypalBox a:hover{text-decoration: underline;}
.securityNotes{min-height: 38px; padding: 20px 54px 23px 0px; width: 66%; font: normal 12px/16px 'rubik', arial; color: #505050; background: url(../imgs/lock_icon.png) right center no-repeat;}
.securityNotes strong{font: normal 14px 'rubikb medium', arial;}
.securityNotes P{padding: 4px 0px 0px 0px;}

.creditCard_form,.accessibilityPaymentMain{padding: 20px 0px 10px 0px;}
.creditCard_form strong{font: bold 14px 'rubik' ,arial; line-height: 18px; color:  #505050;}
.creditCard_form .colorRed{color: red;}
.creditCard_form ul{width: 440px; padding: 7px 0px 0px 0px;}
.creditCard_form li{padding: 0px 0px 3px 0px; font: normal 14px 'rubik', arial; color: #505050;width:470px;clear: both;white-space: nowrap;}
.creditCard_form label{display: inline-block; width: 168px; padding: 0px 0px 0px 10px; font: normal 14px 'rubik', arial; line-height: 14px; color: #404040;}
.creditCard_form label B{display: inline-block; font: bold 23px 'rubik medium', arial; line-height: 14px; color: #505050; vertical-align: middle;}
.creditCard_form input[type="text"], .creditCard_form input[type="tel"]{border: 0px; background-color: white; border-radius: 5px; width: 260px; height: 35px; padding: 6px 6px; font: normal 14px 'rubik' ,arial; line-height: 20px; color: #505050; margin-left: 3px;}
/*.creditCard_form input[id^="id"]{border-style: inset !important; border:1px #ECDDDD;}*/
.creditCard_form input[type="text"]::-webkit-input-placeholder{color: #505050; opacity: 0.85;}
.creditCard_form input[type="text"]:-moz-placeholder{color: #505050; opacity: 0.85;}
.creditCard_form input[type="text"]::-moz-placeholder{color: #505050; opacity: 0.85;}
.creditCard_form input[type="text"]:-ms-input-placeholder{color: #505050; opacity: 0.85;}
.creditCard_form select{border: 0px; background-color: white; border-radius: 5px; width: 254px; padding: 7px 6px; font: normal 14px 'rubik' ,arial; color: #505050; margin: 0 -4px;}
.creditCard_form li a{float: left; display: inline-block; font: normal 12px/32px 'rubik' ,arial; color: #262261; text-decoration: none; vertical-align: middle; margin-left: 7px;}
.creditCard_form li a:hover{text-decoration: underline;}
.creditCard_form li.creditCard_form_liName input[type="text"]{width: 92px; height: 35px;}
#pnrCredCardLastName{width: 135px;}
.creditCard_form li.creditCard_form_liName input[type="text"]:last-child{width: 126px;}
.creditCard_form li.creditCard_form_liName select{width: 104px;margin-left:5px;}
.creditCard_form li.creditCard_form_liName select:last-child{width: 138px;}
#pnrCredCardExpYearI{width: 146px;}
.creditCard_form li.creditCard_form_liID{direction: ltr; padding-left: 3px;}
.creditCard_form li.creditCard_form_liID label{float: right; direction: rtl; text-align: right;}
.creditCard_form li.creditCard_form_liID input[type="text"]{width: 12px; padding: 6px 5px 6px 5px; margin-left: 2px; text-align: center; border-style: inset !important; border:1px #ECDDDD;}
.creditCard_form li.creditCard_form_liID span{display: inline-block; padding: 0px 2px 0px 6px;}
.creditCard_form li.creditCard_form_liEmail{padding-left: 2px;}
.creditCard_form li.creditCard_form_liEmail label{direction: rtl; text-align: right;}

.creditCard_confirm{padding: 28px 6px 20px 6px; font: normal 14px 'rubik' ,arial; color: #404040;}
.creditCard_confirm input{float: right; margin: 2px 0px 0px 0px;}
.creditCard_confirm label{float: right; padding: 0px 7px 0px 0px; width: 100%;}
.creditCard_submit{padding: 0; text-align: left;float:left; margin-right: 2%;}
.creditCard_submit input{width: 228px; height: 50px; border-radius: 5px; border: 0px; background-color: #1B358F; font: normal 26px  'rubik' ,arial; color: #fff;}
.creditCard_submit input:hover{background-color: #00003b; color: #fff;}
.mainContent_notes{padding: 16px 0px 0px 0px;margin-bottom:70px;}
.mainContent_notes li{font: normal 14px/14px 'rubik', arial; color: #404040; padding: 2px 28px 8px 0px; background: url(../imgs/plus_icon.png) right top no-repeat;}
.mainContent_backHome{float:right;}
.mainContent_backHome a{font: normal 24px  'rubik', arial; color: #262261; text-decoration: none;}
.mainContent_backHome a:hover{ text-shadow:0 0 0px  #00003b, 0 0 0px  #00003b;}


.mainContent_title_global{background:url(../imgs/fare-page-deep-blue-header-left-bg.jpg) left top no-repeat #00003b; border-radius: 5px; min-height: 37px; padding: 3px 1.83% 0px; margin-bottom: 2px;}
.mainContent_title_global h2{font: normal 30px  'rubik' ,arial; color: #fff; padding: 0px;}


.footer{border-top: 4px solid #eaeaea; margin: 90px 0px 0px 0px;}
.glPaymentImg{width: 69.5%}
.paypalAlert{
font: bold 14px 'rubik medium' ,arial;
color: #fc2020;
line-height: 19px;
margin-bottom: -12px;
background: url("../imgs/error_icon.png") right 2px no-repeat;
padding-right: 20px;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
div#footer{
    position:relative;
    box-shadow: -1180px 0 0 0 #eee, 1180px 0 0 0 #eee;
}
div#footer:after {
    content: ' ';
    height: 230px;
    width: 100%;
    background-color: #eee;
    /*position: absolute;*/
    top: 0;
    left: 100%;
    z-index: 100;
}
div#footer:before {
    content: ' ';
    height: 230px;
    width: 100%;
    background-color: #eee;
    /*position: absolute;*/
    top: 0;
    right: 100%;
    z-index: 100;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.headerClass{
	width:180px; 
}

#myOrderOpener {
	display: none;
	position: relative;
	top: -27px;
	left: 10;
}
#myOrderOpener  #closeMyRes {
	position: relative;
	top: -2px;
}

@media screen and (max-width: 1170px) {
	.homeCenter{margin: 0px 25px;}
}

@media screen and (max-width: 1024px) {
	.leftCol{width: 25.42%;}
}

@media screen and (max-width: 880px) {
	.leftCol{width: 27%;}
}

@media screen and (max-width: 800px) {
	.progressBar{float: none;}
	.progressBar li{width: 16.6%; padding: 0px 0px 0px 0px;}
	.leftCol{float: none; width: auto; margin-bottom: 25px;}
	.mainContent{float: none; width: auto;}
	.progressBar li, .progressBar li:first-child{width:13%; padding: 0px 0px 0px 0px;background:none;border:none;text-align:center;}
	.progressBar li B{display:none;}
	.progressBar li.on B{color: #262261 !important;}
	.progressBar li.on:after{display:none;}
	.progressBar li span {
	    float:none;
	    width: 26px;
	    height: 26px;
	    border-radius: 13px;
	    font: bold 16px/26px 'rubik medium' ,arial;
	    padding:0;
	    background-color: #fff;
	    color:transparent;
	    background: url(../imgsNew/mark_vi.png) no-repeat center center #fff;
	    background-size: 26px 26px;
	    display:block;
	}
	.progressBar li.on {
	    background: none;
	    background-color: none;
	    border: none;
	    margin-top:0;
	}
	.progressBar li.on span{
	  background-color: #00003b;
      color: #fff;
      padding: 0;
      display: block;
      text-align: center;
      padding: 0 !important;
      line-height:26px;
	}
	.progressBar li.off span{
	 background-color: #dcdcdc;
	}
	.progressBar li.s6 {
	display: none; 
	}	
	#header_text{
	font-size: 16px;
	line-height: 1em;
	text-align: left;
	display: none;
	}
	#myOrderOpener {display: initial !important;}
	.myOrder_box {display: none;}
	.myOrderPrice {display:none;}
	.progressBar li span:after,.progressBar li.on span:after{
    display:none;
    content:'';
} 
/*  #header {
    background: url(../imgsNew/header_elal_logo.png) no-repeat left center;
    height: 50px;
    max-width: 1180px;
    margin: 0px auto;
    position: relative;
    background-size: auto 50px;
}*/	
}

@media screen and (max-width: 640px) {
	.homeCenter{margin: 0px 20px;}
	.progressBar li, .progressBar li:first-child{width: 13.3%;padding: 0px 0px 15px 0px;float: none;display: inline-block;}
	.creditCard_form ul{width: auto;}
	.creditCard_form li{padding: 0px 0px 3px 0px; font: normal 14px 'rubik', arial; color: #505050;width:auto;}
	#uatpContent .creditCard_form li {padding-left: 5% !important; padding-right: 5% !important;}
	.creditCard_form label{display: block; width: auto; padding: 7px 0px 3px 0px; font: normal 14px 'rubik' ,arial; line-height: normal;text-overflow: ellipsis; overflow: hidden;}
	.creditCard_form input[type="text"]{width: 420px;}
	.creditCard_form select{width: 432px;}
	.creditCard_form li.creditCard_form_liName input[type="text"]{width: 150px;}
	.creditCard_form li.creditCard_form_liName input[type="text"]:last-child{width: 255px;}
	.creditCard_form li.creditCard_form_liName select{width: 162px; margin-left: 5px;}
	.creditCard_form li.creditCard_form_liName select:last-child{width: 267px;}
	.creditCard_form li.creditCard_form_liID{direction: ltr; padding-left: 0px; text-align: right;}
	.creditCard_form li.creditCard_form_liID label{float: none;}
	.creditCard_form li.creditCard_form_liID input[type="text"]{width: 35px;}
	.creditCard_form li.creditCard_form_liID span{padding: 0px 2px 0px 4px;}
	.creditCard_form li.creditCard_form_liEmail{ padding-left: 0px;}
	.creditCard_form li.creditCard_form_liEmail label{float: none;}
	.creditCard_form li a{float: none; margin-left: 0px; margin-right: 7px;}
	#footer{
	display:none;
	}
	.myOrder_box .myOrder_passengerIcon{
	background: url(../imgsNew/passenger_icon.png) no-repeat left 40%;
    padding-left: 30px;
   
	}
	.myOrder_box strong{
	padding: 0px; 
	display:inline-block;
   }
	.afterOrigin{display:none;}
	.myOrder_box .outbound h4,.myOrder_box .inbound h4{background-image:none;}
	.inbound+.myOrder_flightIcon .originFirstSpan{
	padding-left:30px;
	background: url('../imgsNew/brown_plane.png') no-repeat left 5px top 40%;
	}
	.outbound +.myOrder_flightIcon .originFirstSpan{
	padding-left:30px;
	background: url('../imgsNew/brown_plane2.png') no-repeat left 5px top 40%;
	}
	.myOrder_box li{
	line-height:25px;
	}
    .mainContent_notes li {
    padding: 2px 20px 8px 20px;
    background: url(../imgs/plus_icon.png) right top no-repeat;
    width: auto;
}
    .myOrder_box .passIcon h4{
     padding-right:0;
     font-weight:normal;
     background: none;
     display: inline-block;
     padding-left: 10px;
}
.myOrder h3{
     line-height:44px;
}
	
}
 
@media screen and (max-width: 568px) {
	.homeCenter{margin: 0px 15px 0px 15px;}
}

@media screen and (max-width: 800px) {
	.header strong{font: bold 30px/25px  'rubik medium', arial; width: 40%; padding: 26px 18px 0px 0px;}

	.creditCard_form input[type="text"]{width: 360px;}
	.creditCard_form select{width: 372px;}
	.creditCard_form li.creditCard_form_liName input[type="text"]{width: 130px;}
	.creditCard_form li.creditCard_form_liName input[type="text"]:last-child{width: 215px;}
	.creditCard_form li.creditCard_form_liName select{width: 142px;}
	.creditCard_form li.creditCard_form_liName select:last-child{width: 227px;}
	.creditCard_form li.creditCard_form_liID input[type="text"]{width: 28px;}
	.creditCard_form li.creditCard_form_liID span{padding: 0px 3px 0px 6px;}	
	.footer{border-top: 4px solid #eaeaea; margin: 50px 0px 0px 0px;}
	
}

@media screen and (max-width: 800px) {
	.homeCenter{margin: 0px 10px 0px 10px;}

	.creditCard_form input[type="text"]{width: 280px;}
	.creditCard_form select{width: 290px;}
	.creditCard_form li.creditCard_form_liName input[type="text"]{width: 130px !important; margin:2px !important;}
	#pnrCredCardCvvI{width: 280px !important;}
	.creditCard_form li.creditCard_form_liName input[type="text"]:last-child{width: 185px;}
	.creditCard_form li.creditCard_form_liName select{width: 146px;margin-left:5px;}
	.creditCard_form li.creditCard_form_liName select:last-child{width: 197px;}
	.creditCard_form li.creditCard_form_liID input[type="text"]{width: 21px;}
	.creditCard_form li.creditCard_form_liID span{padding: 0px 5px 0px 7px;}
	.creditCard_form input[type="text"],.creditCard_form input[type="tel"] {margin-left: 0px}	
}

@media screen and (max-width: 400px) {
	.header strong{font: bold 30px/25px  'rubik medium', arial; width: 50%; padding: 26px 18px 0px 0px;}
	.progressBar li, .progressBar li:first-child{width:18%;padding: 0px 0px 0px 0px;background:none;border:none;}
	.progressBar li B{width:100%;}
	.progressBar li.on:after{display:none;}
	.progressBar li span {
    float:none;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    /* background-color: #dcdcdc; */
    font: bold 16px/26px 'rubik medium', arial;
    padding:0;
    display: block;
    color: transparent;
}
.progressBar li.on {
    background: none;
    background-color: none;
    border: none;
}
.progressBar li.on span{
   background-color:#00003b;
   color:#fff;
   text-align: center;
}
.progressBar li span{
 /* color:#fff; */
}	

.progressBar li span{
 color:transparent;
}
}

@media screen and (max-width: 800px) {
	.creditCard_form input[type="text"], .creditCard_form input[type="tel"]{width: 280px;}
	.creditCard_form select{width: 272px;}
	.creditCard_form li.creditCard_form_liName input[type="text"]{width: 90px;}
	.creditCard_form li.creditCard_form_liName input[type="text"]:last-child{width: 155px;}
	.creditCard_form li.creditCard_form_liName select{width: 138px;}
	.creditCard_form li.creditCard_form_liName select:last-child{width: 167px;}
	.creditCard_form li.creditCard_form_liID input[type="text"]{width: 17px;}
	.creditCard_form li.creditCard_form_liID span{padding: 0px 2px 0px 6px;}	
}


@media screen and (max-width: 900px) {
	/*
	#header{
		overflow:hidden; 
		}



	div#header:after {
	    display: none;
	    width: 0px;
	    height: 89px;
	    content: " ";
	    background-color: #181743;
	    /*position: absolute;
	    top: 0;
	    left: -100%;
	}*/
}
	




@media screen and (max-width: 320px) {
	.creditCard_submit{padding: 30px 6px 23px 6px; text-align: center;}
}


.errorMark {
	  float: right;
	  font-size: 12px;
	  color: red; 
}

.creditCard_form li.creditCard_form_liID .errorMark{
	/*margin-top: 21px;*/
}

#popupOutTitle {
		display: none;
	}
	#popupTitleBar {
		background-color: transparent;
		font-family:'rubik medium' ,arial;
		font-weight: bold;
		height: 1.3em;
		padding-left: 5px;
		padding-top: 5px;
		border: 0px;
		position: relative;
		z-index: 203;	
	}
	#popupInner {
		border: none;
		background-color: transparent;
	} 
	#popupContainer {
		z-index: 400;
	} 
	#popupMask {
		background-image: url('https://app.elal.co.il/UpsalePics/images/popupBackground.png') !important;
		background-color: #333333;
	}



.uatpPromoMessageContainer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,60,.8);
	-webkit-perspective: 1200px;
	perspective: 1200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.uatpPromoMessage {
    overflow: hidden;
    height: 350px;
    background-color: #fff;
    font-family: arial;
}

.promoMesage{
	
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	line-height: 50px;
	width: 520px;
	padding-top: 46px;
	padding-right: 50px;
	padding-left: 50px; 
}

.promoButton input hover{
    min-height: 3rem;
    padding: .75rem 1.5rem;
    line-height: 1.5;
}

.promoButton {
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	line-height: 50px;
	width: 520px;
	padding-right: 25%;
	padding-left: 25%
}
.promoButton input {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    width: 60%;
   
    padding: .625rem 1rem;
    box-sizing: border-box;
    background-color: #00a4b9;
    border: none;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 150ms cubic-bezier(.4,0,.2,1);
    margin-top: 20px;
}


.uatpMessage {
	padding-bottom: 16px;
}

.uatpButton {
	padding: 16px 15px 16px 37px;
	border: solid;   
	border-color: #1B358F;
	color: #1B358F;
	border-radius: 4px;
	width: 90%;
	height: 16px;
	background: #fff;
	cursor: pointer;
	position: relative;
}

.openTp {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	left: 25px;
	stroke: #00a4b9;
	fill: none;
	stroke-width: 2.5;
}

.closeTp {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	left: 25px;
	stroke: #00a4b9;
	fill: none;
	stroke-width: 2.5;
}

.openTxt {
	display: block;
	font-size: 11px;
	text-align: center;
	color: #1B358F;
}
.openTxt--reverse {
	display: none;
}

.closeTxt {
	font-size: 11px;
	text-align: center;
	position: inherit;
	color: #1B358F;
	top: 25px;
	left: 5px;
}

.closeTxt--reverse {
	display: block;
}
.openTp--reverse .scgHolder{
	transform: rotate(180deg);
	position: absolute;
	top: -5px;
}

#uatpContent .creditCard_form li.creditCard_form_liEmail label {
/*    float: none !important;*/
}

#uatpForm {
	padding-bottom: 60px;
}

#uatpForm select{
 -webkit-appearance: none;
 -moz-appearance: none;
 text-indent: 1px;
 text-overflow: '';
 background: url(../../images/blue-icon.png) no-repeat;
background-size: 10px;
background-position: 5% 50%;
}

/**
**ITAMAR
**/

#uatpContent{
	width:100%;
}
#uatp_payment_menu {
    display: none;
    width: 28%;
    height: auto;
    float: left;
    overflow: hidden;
    background: transparent;
    padding:20px 0 0 0;
}
#uatp_payment_details{
	/*width:67%;
	float:right;*/
}
#uatpContent .creditCard_form li{
	padding-left:50px;
}
#uatpContent .creditCard_form label {
   
    font-size: 14px;
    color: #404040 !important;
   
   
}
#uatpContent input,#uatpContent select {
    border: 1px solid #ECECEC;
    border-radius: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0 1px 0 0 #CCCCCC;
    background-color: #FFFFFF;
   
}

#uatpContent #pnrCredCardFirstName{
	margin-left:0;
	width: 120px;
}
#uatpContent .creditCard_form li a {
    float: right;
    margin: 0 0 0 0;
    font-size: 14px;
    color: #1B358F;
    text-decoration: underline;
}
.uatp_bg{
    display:none;
    background:url(https://book.elal.com/newBooking/newSite/css/voucher.png) top 20px center no-repeat #fff;
    position: relative;    
    height: 120px;
	text-align: center;
	vertical-align: bottom;
	border: solid;
	border-color: #000036;
	width: 80%;
}
.uatp_bg span{
	position: sticky;
	top: 97px;
}

   #uatpContent #submitButton{
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-shadow: 0 1px rgba(0,0,0,0.2);
    background: #1B358F;
    border: none;
    width: auto;
    height: 40px;
    padding:8px 30px;
}

#uatpContent #submitButton:hover {
    color: #fff;
    background: #1B358F;
    border: none;
    box-shadow: 0 .8rem 1.5rem 0 rgba(32,33,35,0.2);
 }
    
#uatpContent .beforeTimeOut{
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-shadow: 0 1px rgba(0,0,0,0.2);
    /*background: #07A2BA;*/
    border: none;
    width: auto;
    height: 40px;
    padding:10px; 
}

.uatpMsgBtn {
	padding-top: 10px;
	padding-bottom: 10px;
}

#CGForm {
	padding-top: 30px;
}

#moreVoucherOpennerLink {
	color: #1B358F;
	font-size: 15px;
	float: inherit;
	text-decoration: none !important;
}
#moreVoucherOpennerStrike {
	width: 12px;
	height: 12px;
	float: left;
	top: 9px;
	position: relative;
	left: 10px;
	right: 10px;
}

@media only screen and (orientation: landscape) {
  
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 800px) {
   #uatp_payment_menu {
    width: 98%;
   
}
#uatp_payment_details{
	width:98%;
	
} 

.uatpButton {
	width: 80%;
	padding: 10px 16px 42px 55px;
}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
    
    
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}