@charset "utf-8";
/* CSS Document */
body { 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%); }
/*.top_bg_ofr_fs {
    width: 100%;
    height: 300px;
    position: relative;
    background-color: #4263c1;
    float: left;
    padding-bottom: 30px;
    background: url(https://www.easemytrip.com/img/flight-wings-bg2.jpeg) 0 45%/cover no-repeat;
}*/
.middle_sec { width: 1007px !important; margin: 0 auto !important; padding: 40px 15px !important; position: relative; }
.middle1 { width: 1245px; margin: 0 auto; padding: 20px 0x; position: relative; }
.middle1 h1, .middle_sec_sb h1 { font-size: 26px; text-align: center; margin: 0 0 16px 0; color: #fff; font-weight: 400; }
.middle1 p { float: left; font-size: 13px; width: 100%; line-height: 20px; text-align: justify; margin-bottom: 30px; }
.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% !important; float: left; background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 0; margin: 26px 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 !important; opacity: .4; width: 83% !important; -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: 100%; float: left; color: #000; font-size: 13px; margin-bottom: 18px; }
.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: 13%; float: left; }
.ap3 .af3 { width: 36%; float: left; text-align: center; }
.ap3 .af4 { width: 19%; float: left; 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; }
.grn:after, .dly:after { content: ''; height: 5px; width: 5px; border-radius: 50%; float: right; margin-top: 28px; margin-left: 5px; }
.grn:after { background: #2fe826 !important; }
.dly:after { background: #f80e0e !important; }
.hd { height: 40px; background: #757575; font-size: 14px; color: #ffffff; line-height: 40px; font-weight: 600; }
.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 { color: #0ace00; }
ul.list-unstyled { width: 288px; position: absolute; top: 64px; background: #fff; margin-left: 0%; border: 1px solid #ccc; z-index: 1 }
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; }
.if-table-all2 { border: 1px solid #ccc; margin-top: 0; display: block; }
.if-table-all2 { border-collapse: collapse; border-spacing: 0; width: 100%; display: table; }
.if-table-all2 tr { border-bottom: 1px solid #ddd; }
.if-table-all2 tr td, .if-table-all2 tr th { border: 1px solid #ddd; }
.if-table-all2 td, .if-table-all2 th { padding: 10px 9px; display: table-cell; text-align: center; color: #393939; margin: 0; font-size: 14px !important; vertical-align: top; }
.if-table-all2 tr:hover { }
.if-table-all2 th { background: #f2f2f2; }
.inner_rec_2 { width: 100% !important; margin: 0px auto 28px !important; padding: 0; }
.left-block { width: 24%; float: left; }
.right-block { width: 74% !important; background: #fff; float: right; margin-bottom: 20px;     margin-top: 3%; }
.inner_rec_2 h1 { text-align: center; margin: 0px; padding: 30px 0 0px; color: #111111; }
.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; }
.live-status { text-decoration: none; background-color: #EC5B24; padding: 6px 7px; border-radius: 2px; text-transform: uppercase; border: none; font-size: 12px; float: right; box-shadow: 0 0 10px rgba(0,0,0,.2); color: #FFF; cursor: pointer; }
 @-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: #f80e0e !important; }
.af:nth-child(odd) { background-color: #f2f2f2; }
.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; }
.mid_pnl { background: #eeeeee !important; width: 100%; display: inline-block; float: left; }
.left-rd-fs-st1 { margin-bottom: 0; padding: 0; width: 100%; background: #fff; }
.left-block h3 { font-size: 17px; color: #393939; text-align: left; margin: 0; padding: 0 0 10px; font-weight: 600; }
.left-rd-st1 { margin-top: 0px; padding: 2%; background: #fff; width: 100%; margin-bottom: 20px; }
.top-rt-st1 ul li { width: 100%; display: block; list-style-type: none; border-bottom: 1px solid #e0e0e0; margin: 0 0 3px 0; float: left; padding: 0px 0; }
.top-rt-st1 ul { margin: 0; padding: 0; }
.const { width: 100%; font-size: 12px; margin: 0px; padding: 0px; }
.top-rt-st1 { float: left; width: 100%; }
.sidebar-box { padding: 6px; }
.flight-page-section { border-radius: 3px; background-color: #FFF; color: rgba(0,0,0,.64); margin-bottom: 40px; font-size: 13px; overflow: auto; }
.airLine-container h2 { font-size: 17px; color: #393939; text-align: left; margin: 0; padding: 0 0 10px; font-weight: 600; }
.flight-page-section.sidebar-box .airline-logo { display: block; width: 50%; margin-bottom: 15px; height: 110px; margin-left: auto; margin-right: auto; margin-top: 6px; }
.flight-page-section.sidebar-box .sub-heading { font-weight: 600; color: rgba(0,0,0,.38); }
.flight-page-section.sidebar-box .sub-content { margin-bottom: 15px; }
.u-pos-rel { position: relative!important; }
.flight-page-section.sidebar-box .sub-heading { font-weight: 600; color: rgba(0,0,0,30); }
.flight-page-section.sidebar-box .sub-content { margin-bottom: 15px; }
.flight-page-section.sidebar-box a { font-weight: 600; color: #3f00ff; text-decoration: none; }
.flight-page-section.sidebar-box .sub-content { margin-bottom: 8px; }
.to-dz-st1 { width: 41%; float: left; display: block; font-size: 13px; }
.fs-frz-st1 { width: 54%; float: right; margin: 0 0 5px; }
.ar_hldr-st1 { width: 35px; float: left; margin: 3px 11px 0 0; }
.flit_info1-st1 { float: left; width: calc(100% - 54px); margin: 0 0; padding: 15px 0 0; }

 @media screen and (max-width: 500px) and (min-width: 300px) {
.middle1 { width: 100%; padding: 20px 2px; }
.inner_rec_2 { width: 100%; margin: 0px auto 28px !important; padding: 0; }
.left-block { width: 100%; float: left; background-color: #fff; }
.right-rd-fs { padding: 0%; width: 99%; }
.if-table-all2 td, .if-table-all2 th { padding: 10px 10px; font-size: 9px !important; }
.live-status { font-size: 8px; }
.right-block { float: left; width: 100%; }
}