body { margin:0px; padding:0px; font:12px Arial, Helvetica, sans-serif; font-weight:normal}
img{ border:none;}
.lt_fl { float:left}
.rht_fl { float:right}
.ind_main { width:100%; background:url(http://www.easemytrip.com/images/header-bg.jpg) repeat-x; margin-bottom:20px;}
.ind_main_con { width:90%; margin: 0px auto}
.full { width:100%}
.main_hder { width:100%;}

.main-nav1{ width:100%; background-color:#4697cd; margin-top:10px;}

.main-na2{ width:90%; margin:0 auto;}
.main-lt-nav{ width:80%; float:left;}
.main-rt-nav{ width:20%; float:left; position:relative; }

.main-lt-nav ul{ margin:0; padding:0;}
.main-lt-nav ul li{margin:0; padding:0; list-style:none;}
.main-lt-nav ul li a{ display:block; float:left; padding:14px 12px; text-align:center; border-right:1px solid #2a81bb; color:#FFF; font-size:12px; text-decoration:none; }

.main-lt-nav ul li a:hover{ background-color:#2a81bb;}

.no-rigt-bod{ border-right:none;}

.rig_cus{ width:100%; padding-top:14px; font-size:12px; text-align:right; color:#FFF;}



.hd_rh { width:550px}
.hd_logo { margin:12px 0px 0px 0px; width:224px}
.top_area { background-color:#525252; font-size:12px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; width:auto; color:#FFF; text-decoration:none; padding:5px 5px 5px 30px; background:#525252 url(http://www.easemytrip.com/images/sprit_image.png) no-repeat -190px -3px}
.fb { width: 100%}
.fb ul { margin: 0px; padding: 0px}
.fb li { list-style-type:none;font-size: 0px;}
.fb li a { list-style-type:none; display:block; height:20px}
.top-fb, .top-tw, .top-goo, .top-u { width:30px; padding:3px 0px; height:45px; background:url(http://www.easemytrip.com/images/sprit_image.png) no-repeat}
.top-fb:hover, .top-tw a:hover, .top-goo:hover, .top-u:hover { width:30px; padding-top:3px; padding-bottom:3px; height:45px; background:url(http://www.easemytrip.com/images/sprit_image_hover.png) no-repeat}
.top-fb { background-position:-10px 0px}
.top-fb:hover { background-position:-10px 0px}
.top-tw { background-position:-53px 0px}
.top-tw a:hover { background-position:-53px -3px}
.top-goo { background-position:-105px 0px}
.top-goo:hover { background-position:-105px 0px}
.top-u { background-position:-153px 0px}
.top-u:hover { background-position:-153px 0px}
.top-pin { width: 30px; padding: 3px 0px; height: 45px; background: url(//www.easemytrip.com/images/ping_spr.png) no-repeat; background-position: -1px 8px;}
.top-pin:hover { background-position: -36px 8px; cursor: pointer;}
.top_button { width:100%; margin-bottom:3px}
.top_button ul { margin:0px; padding:0px}
.top_button li { list-style-type:none; width:auto; padding:0px 3px}
.top_button li a { list-style-type:none; color:#777; text-decoration:none; font-size:12px;}
.top_button li a:hover { text-decoration:underline}
.but_area { width:960px; background: #5fb1e1;background: -moz-linear-gradient(top, #5fb1e1 0%, #3080bb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5fb1e1), color-stop(100%, #3080bb));background: -webkit-linear-gradient(top, #5fb1e1 0%, #3080bb 100%);background: -o-linear-gradient(top, #5fb1e1 0%, #3080bb 100%);background: -ms-linear-gradient(top, #5fb1e1 0%, #3080bb 100%);background: linear-gradient(to bottom, #5fb1e1 0%, #3080bb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fb1e1', endColorstr='#3080bb', GradientType=0 );margin:0px 10px; padding:0px}
.but_area ul { margin:0px; padding:0px}
.but_area li { float:left; width:auto; list-style-type:none; font-size:13px; font-weight:bold; color:#FFF; text-decoration:none; background: url(http://www.easemytrip.com/images/menu_side.jpg) no-repeat right center; padding-right: 3px}
#area_none { background-image:none !important;}
.but_area li a { color:#FFF; width:auto; float:left; text-decoration:none; padding:10px 15px 10px 15px; font-size: 13px; font-weight: bold}
.but_area li a:hover { text-decoration:none; background: #3080bb; background: -moz-linear-gradient(top, #3080bb 0%, #5fb1e1 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3080bb), color-stop(100%, #5fb1e1));background: -webkit-linear-gradient(top, #3080bb 0%, #5fb1e1 100%);background: -o-linear-gradient(top, #3080bb 0%, #5fb1e1 100%); background: -ms-linear-gradient(top, #3080bb 0%, #5fb1e1 100%);background: linear-gradient(to bottom, #3080bb 0%, #5fb1e1 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3080bb', endColorstr='#5fb1e1', GradientType=0 )}
.left_menu { -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px}
.right_menu { -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px}
.footer_main { width:100%; background-color:#f0f1f1; margin-top:20px;}
.footer_main_con { width:980px; margin: 0 auto}
.footer_text { width:960px; margin: 0 10px; padding-top:10px}
.footer_white { width:177px; font-size:14px; font-weight:bold; color:#423d3d; text-decoration:none; padding:5px}
.footer_white span { font-size:14px; font-weight:bold; color:#fa9a19; text-decoration:none}
.footer_link { width:187px; margin: 0px; padding: 0px;}
.footer_link ul { margin:0px; padding:0px}
.footer_link li { float:left; width:160px; list-style-type:none; color:#FFF; text-decoration:none; line-height:25px; padding-left:30px; background:url(http://www.easemytrip.com/images/footer-white-arrow.jpg) no-repeat 8px 9px}
.footer_link li a { color:#423d3d; text-decoration:none; font-size:12px;}
.hot_link ul { margin:0px; padding:0px}
.footer_link li a:hover { text-decoration:underline}
.hot_area_text { width:350px; color:#423d3d; text-decoration:none; padding:5px; text-align:justify; font-size:11px;}
.hot_link { width:100%; }
.hot_link li { list-style-type:none; float:left; width:150px; text-align:left; margin-bottom:8px; font-size:11px; text-decoration:none; padding-left:20px; background:url(http://www.easemytrip.com/images/footer-blue-arrow.jpg) no-repeat 4px 4px}
.hot_link li a { color:#6bade7; text-decoration:none; font-size:12px; font-weight:bold}
.hot_link li a:hover { text-decoration:underline}
.fot { background-color:#363636; float:left; width:100%}
.fot_main { width:940px; margin:0 auto; padding:10px 10px 20px 10px}
.fot_visa { width:250px; padding:5px; height:20px; background:url(http://www.easemytrip.com/images/sprit_image.png) no-repeat -2px -115px}
.fot_copy { color:#FFF; width:auto; text-decoration:none; margin-left:88px; font-size:12px; margin-top: 8px; }
.fot_iata_img { width:240px; background:url(http://www.easemytrip.com/images/sprit_image.png) no-repeat -7px -70px; padding:5px; height:20px}
.mid_area { width:960px; margin:15px 10px 10px 10px}
.bor_rad { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px}
.men_rgh { background:url(http://www.easemytrip.com/images/menu-arrow.png) no-repeat right 18px; margin-right:10px}
ul li.drop { position: relative}
li.drop a:hover { background:none; color:#4697CD}
.dropOut .triangle { width: 0; height: 0; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; top: -8px; left: 50%; margin-left: -8px}
.dropdownContain { width: 160px; position: absolute; z-index: 2; left: 50%; margin-left: -80px; top: -400px}
.dropOut { width: 160px; background: white; float: left; position: relative; margin-top: 0px; opacity: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .15); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .15); box-shadow: 0 1px 6px rgba(0, 0, 0, .15);  -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out}
.dropOut ul { float: left; padding: 10px 0}
.dropOut ul li { text-align: left; float: left; width: 125px; margin: 0px 10px; color: #777; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  -webkit-transition: background .1s ease-out; -moz-transition: background .1s ease-out; -ms-transition: background .1s ease-out; -o-transition: background .1s ease-out; transition: background .1s ease-out; font-size:12px; padding:9px}
.dropOut ul li:hover { background: #f6f6f6}
ul li:hover .dropdownContain { top: 25px}
ul li:hover .dropOut { opacity: 1; margin-top: 8px}

.dropOut ul li a{ color:#777;font-size:12px; padding:5px 3px}
.but_area2 { margin:0px 10px; padding:0px; font-family:Tahoma, Geneva, sans-serif;}

.but_area2 ul { margin:0px; padding:0px}
.but_area2 li { float:left; width:auto; list-style-type:none; font-size:13px;  color:#FFF; text-decoration:none; background: url(../images/menu_side.jpg) no-repeat right center; padding-right: 3px}
#area_none { background-image:none}

.but_area2 li a { color:#FFF; width:auto; float:left; text-decoration:none; padding:14px 24px 14px 23px; font-size: 13px;}
.but_area2 li a:hover { text-decoration:none; background: #3080bb; color:#fff;}

ul li.drop { position: relative}
li.drop a:hover { background:none}
.dropOut .triangle { width: 0; height: 0; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; top: -8px; left: 50%; margin-left: -8px}
.dropdownContain { width: 160px; position: absolute; z-index: 2; left: 50%; margin-left: -80px; /* half of width */ top: -400px}
.dropOut { width: 160px; background: white; float: left; position: relative; margin-top: 0px; opacity: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .15); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .15); box-shadow: 0 1px 6px rgba(0, 0, 0, .15);  -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out}
.dropOut ul { float: left; padding: 10px 0}
.dropOut ul li { text-align: left; float: left; width: 125px; padding: 12px 0 10px 15px; margin: 0px 10px; color: #777; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  -webkit-transition: background .1s ease-out; -moz-transition: background .1s ease-out; -ms-transition: background .1s ease-out; -o-transition: background .1s ease-out; transition: background .1s ease-out}
.dropOut ul li:hover { background: #f6f6f6; }
.dropOut ul li a:hover {color:#4697cd;}
ul li:hover .dropdownContain { top: 25px}
ul li:hover .dropOut { opacity: 1; margin-top: 8px}
.mrg_spc {margin-bottom: 16px !important;}


/*************Header responsive*************/
@media only screen and (min-width:220px) and (max-width:500px) {
.logo_sec { width: 40%; }
.menu_sec { display: none; }
.resistr_sec { display: none; }
.special-menu { display: block !important; float: right !important; width: 17% !important; margin: 5% 0% 0% 0% !important; }
.menu_bar_re1 { width: 40%; float: right; text-align: right; margin-right: 9%; cursor: pointer; }

.main-con{height: 65px; box-shadow: none;}
}