@charset "utf-8";
/* CSS Document */
body {background:#eee; padding: 0; margin: 0; font-family: 'Open Sans', sans-serif; }
* { box-sizing: border-box; }
.fs { width: 100%; float: left; }
.top_bg_ofr { width: 100%; min-height: 220px; position: relative; background-color: #4263c1; background-image: linear-gradient(0deg, #6b8ef2 0, #4263c1 100%); }
.middle_sec { width: 1007px; margin: 0 auto; padding: 40px 15px; position: relative; }
.middle1 { width: 1274px; margin: 0 auto; padding:0px; position: relative; }
.middle1 p{ font-size:13px; width:91%; line-height:20px; text-align:justify; margin: 16px auto;}
.middle_sec h1, .middle_sec_sb h1 { font-size: 26px; text-align: center; margin: 0 0 16px 0; color: #fff; font-weight: 400; }
.one-rou, .wid_rit { width: 50%; float: left; margin-bottom: 12px; }
.one-rou ul { float: left; margin: 0; padding: 0; }
.one-rou ul li { color: #ffffff; cursor: pointer; float: left; font-size: 12px; list-style: outside none; margin: 0; padding: 2px 15px; text-align: center; font-weight: 600; border-radius: 20px; margin-right: 0; }
.bg-color { background-color: #fff !important; color: #1853a2 !important; }
.border-lft { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.search_bg { width: 100%; float: left; background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 0; margin: 0 auto; box-shadow: 4px 4px 4px rgba(71,101,187,.75); -moz-box-shadow: 4px 4px 4px rgba(71,101,187,.75); -webkit-box-shadow: 4px 4px 4px rgba(71,101,187,.75); }
/*.input_city, .input_cld, .select_box, .dropbtn_n { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }*/
.input_city, .select_box { -moz-appearance: none; border: 0; color: #000; background: none; float: left; font-weight: 600; font-size: 15px; outline: medium none; padding: 22px 0 22px 20px; width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: 'Open Sans', sans-serif, Tahoma, Arial!important; }
.input_city2 { -moz-appearance: none; border: 0; color: #000; background: none; float: left; font-weight: 600; font-size: 15px; outline: medium none; padding: 22px 0 22px 20px; width: 22%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: 'Open Sans', sans-serif, Tahoma, Arial!important; }

.input_city3 { -moz-appearance: none; border: 0; color: #000; background: none; float: left; font-weight: 600; font-size: 15px; outline: medium none; padding: 22px 0 22px 20px; width: 78%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: 'Open Sans', sans-serif, Tahoma, Arial!important; }

.select_box { -moz-appearance: none; border: 0; color: #000; background: none; float: left; font-weight: 600; font-size: 15px; outline: medium none; padding: 22px 0 22px 20px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: 'Open Sans', sans-serif, Tahoma, Arial!important; }

.select_box{ background:url(https://www.easemytrip.com/images/flight-status/cal.png) 97% no-repeat; opacity:.4; 
    -webkit-appearance: none !important;
    -moz-appearance: none !important;}
.mgr20 { padding-left: 0; }
.s_col1 { width: 30%; float: left; position: relative; border-right: 1px solid #d6d3d3; padding: 0; }
.s_col2 { width: 30%; float: left; position: relative; border-right: 1px solid #d6d3d3; padding: 0; }
.s_col3 { width: 21%; float: left; position: relative; border-right: 1px solid #d6d3d3; padding: 0; }
.s_col4 { width: 19%; float: right; }
.bsrc-btn { width: 100%; height: 64px; width: 100%; cursor: pointer; background: #ef6614; float: right; text-align: center; padding: 23px 4% 22px 18%; display: block; color: #fff; font-size: 20px; -moz-border-radius: 3px; outline: 0; border: 0; font-size: 15px; font-weight: 600; text-transform: uppercase; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background-image: url(https://www.easemytrip.com/images/flight-status/search-icon-hp.png); background-position: 25% 50%; background-repeat: no-repeat; }
.mic { width: 100%; float: left; }
.swipe6 { width: 27px; height: 27px; background: url(https://www.easemytrip.com/dm-img/swipe-icn.png) no-repeat; transition: all .5s ease 0s; position: absolute; right: -14px; top: 21px; z-index: 1; cursor: pointer; }
.dt_icn { width: 27px; height: 48px; position: absolute; background: url(https://www.easemytrip.com/dm-img/ns-sprite.png) -115px 21px; padding: 0; opacity: .3; right: 0; top: 2px; z-index: 0; }
.bg-color { background-color: #fff !important; color: #1853a2 !important; }
.prgr{font-size:14px}
.clr { clear: both; }
.flm { width: 100%; float: left; margin-bottom:5px;}
.fdt { width: 100%; float: left; }
.fdt1 { width: 20%; float: left; color: #737272; font-size: 12px; margin-top: 25px; font-weight:600;}
.fdt2 { width: 60%; float: left; font-size: 24px; font-weight: 600; color: #0b0b0b; text-align: center; text-transform: uppercase; }
.fdt3 { width: 20%; float: right; }
.aft { width: 94%; color:#000; font-size:13px;     margin: 2px auto;}
.af { width: 100%; float: left; }
.afn { width: 100%; float: left; }
.ap1 .af1 { width: 26%; padding-left: 1%; float: left; }
.ap1 .af1 img { margin-top: 8px; }
.ap1 .af2 { width: 15%; float: left; }
.ap1 .af3 { width: 15%; float: left; }
.ap1 .af4 { width: 13%; float: left; }
.ap1 .af5 { width: 17%; float: right; text-align: right; padding-right: 1%; }
.ap1 .af5 span { text-transform: uppercase; }
.ap1 .af5 span:after { content: ''; height: 5px; width: 5px; border-radius: 50%; background: #c40808; float: right; margin-top: 28px; margin-left: 5px; }
.ap2 .af1 { width: 22%; padding-left: 1%; float: left; }
.ap2 .af1 img { margin-top: 8px; }
.ap2 .af2 { width: 13%; float: left; }
.ap2 .af3 { width: 14%; float: left; }
.ap2 .af4 { width: 13%; float: left; }
.ap2 .af5 { width: 11%; float: left; text-align: right; padding-right: 1%; }
.ap2 .af5 span { text-transform: uppercase; }
.ap2 .af5 span:after { content: ''; height: 5px; width: 5px; border-radius: 50%; background: #c40808; float: right; margin-top: 28px; margin-left: 5px; }
.ap3 .af1 { width: 22%; padding-left: 1%; float: left; }
.ap3 .af1 img { margin-top: 8px; }
.ap3 .af2 { width: 22%; float: left; }
.ap3 .af3 { width: 14%; float: left; }
.ap3 .af4 { width: 14%; float: left; }
.ap3 .af5{ width: 14%; float: left; }
.ap3 .af6{ width: 14%; float: right;text-align:right;padding-right: 1%; }
.ap3 .af4 span { text-transform: uppercase; }
.ap3 .af4 span:after { content: ''; height: 5px; width: 5px; border-radius: 50%; background: #c40808; float: right; margin-top: 28px; margin-left: 5px; }

.fs1 { width: 25%; float: left;margin-left:1% }
.fs2 { width: 25%; float: left;}
.fs3 { width: 10%; float: right;padding-right:15px}

.af8 span{ text-transform:uppercase;}

.hd { height: 40px;
    background: #757575;
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    font-weight: 600; position: sticky;
    -webkit-position: sticky;
    top: 0;
    z-index: 9; }
.cty {
    margin: 2% 0 0 2%!important;
    width: 7%;
    background: url(https://www.easemytrip.com/Content/img/sprite-auto.png);
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    background-position: -3px -45px;
}
.cnt {
    margin-right: 4px;
    float: right;
    color: #999999;
    font-size: 11px;
}
.hh{    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;}
	.grn{ font-size: 15px;
    font-weight: 600;
    padding: 5px 10px;
    border: 1px solid #ec9b0f;
    border-radius: 4px;
    color: #ffffff;
    border-color: #7dd63b;
    background: #7dd63b;
    display: table;
    margin: 2px 0;
    float: right;
    text-transform: uppercase;
    letter-spacing: 3px;}
	
	ul.list-unstyled {
    width: 288px;
    position: absolute;
    top: 64px;
    background: #fff;
    margin-left: 0%;
    border: 1px solid #ccc;
	z-index:99;
		max-height: 210px;
    overflow-y: scroll;
    overflow-x: hidden;
}
	
	ul.list-unstyled li:not(.init) {
    float: left;
    width: 100%;
}
ul.list-unstyled li {
    padding: 10px 10px;
    z-index: 999;
    list-style: none;
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    font-weight: 600;

}
    ul.list-unstyled li:hover {background:#f2f2f2;}
	
	
	
	
	
	
.txt{text-align:center;}
.lve{ border:1px solid #c40808; padding:0px 5px; color:#c40808; font-size:10px; float:right; border-radius:4px; margin-top:10px;}
@-webkit-keyframes argh-my-eyes {
    0%   { background-color: #c40808; }
    49% { background-color: #c40808; }
    50% { background-color: #000; }
    99% { background-color: #000; }
    100% { background-color: #fff; }
  }
  @-moz-keyframes argh-my-eyes {
    0%   { background-color: #c40808; }
    49% { background-color: #c40808; }
    50% { background-color: #000; }
    99% { background-color: #000; }
    100% { background-color: #fff; }
  }
  @keyframes argh-my-eyes {
    0%   { background-color: #fff; }
    49% { background-color: #fff; }
    50% { background-color: #c40808; }
    99% { background-color: #c40808; }
    100% { background-color: #fff; }
  }
  
.lve span:after{content:''; height:5px; width:5px; border-radius:50%; background:#c40808; float:right; margin-top:5px; margin-left:5px;-webkit-animation: argh-my-eyes 1s infinite;
  -moz-animation:    argh-my-eyes 1s infinite;
  animation:         argh-my-eyes 1s infinite;}

.dly{color: #ffffff !important;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 10px;
    border: 1px solid #ec9b0f;
    border-radius: 4px;
    color: #ffffff;
    border-color: #f80e0e;
    background: #f80e0e;
    display: table;
    margin: 2px 0;
    float: right;
    text-transform: uppercase;
    letter-spacing: 3px;}

.af:nth-child(odd) {
    background-color: #effaff;
}
.af:nth-child(even) {
    background-color: #fff;
}
.af:hover {cursor: pointer;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 5px #e6e6e6;
    -moz-box-shadow: 0 2px 5px #e6e6e6;
    -ms-box-shadow: 0 2px 5px #e6e6e6;
    -webkit-box-shadow: 0 2px 5px #e6e6e6;
    transform: scale(1.03);
    transition: all .3s ease-in 0s;}