body{ margin:0px; padding:0px;background:#fff;  font-family:Roboto-Regular, Sans-Serif; font-size:13px; color:#000; font-weight:normal; font-style:normal; background:url(../images/body_bg.jpg) no-repeat center top; background-size:100%;}
a img{ border:none;}
a{ text-decoration:none;}

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

}
.clr{clear:both;}
.fleft{float:left;}
.fright{float:right;}
 header,footer,nav,article,aside,nav,section{display:block;}
.border_box{box-sizing:border-box;}
.border_none{ border:0px !important;}
.common_width{ width:1000px; margin:0 auto; padding:0px; overflow:hidden;}
.max_width{ width:100%; margin:0px; padding:0px;}
.min_height_slider{min-height: 320px;}
.relative{ position:relative}
/*---------- header css start----------*/
/*common end css*/
/*header Part*/
.travelvala_header{float:left; width:100%; padding:0px; margin:0px; }
.travelvala_logo{ float:left; width:230px; margin:0px; padding:10px 0px 5px;}
.travelvala_logo a img{ border:none; margin:9px 10px; padding:0px;}
.cont_info{ float:right; width:68%; margin:0px; padding:20px 0 33px; font-size:15px; color:#052b74; text-align:right;}
.cont_info a{ color:#02284e;}
.cont_info a:hover{ text-decoration:underline;}
.travelvala_nav{ float:right; width:auto; *width:40%; padding:0;}
.travelvala_nav ul{ padding:0 0px; float:left; list-style:none;  width:auto;margin:0px; }
.travelvala_nav li{margin:0; padding:0 0px 0 0px;   float:left; list-style:none;color:#f58733;*width:25%;}
.travelvala_nav li:first-child{ background:none;}
.travelvala_nav li a{ float:left; padding:3px 8px; color:#052b74; font-size:14px; text-align:center; text-transform:uppercase;  }
.travelvala_nav li a:hover{ text-decoration:underline;}
.travelvala_nav li em{ float:right; padding-top:2px; *padding-right:8px; font-style:normal; color:#052b74; padding-left:0px;}
/*container part*/
.travelvala_container{margin:0px; float:left; padding-top:12px; width:100%;}
.slider_shadow{ background:url(../images/slider_shadow.png) no-repeat bottom center;}
.new_offer{ position:absolute; height:150px; top:-5px; left:-6px; width:130px;  background:url(../images/new_offer.png) no-repeat center center; z-index: 1000;}
main .slider {float:left; width:75%; text-align:right;}
.travelvala_banner{ position:absolute; top:0px; margin:0px; padding:0px; width:100%; float:left; text-align:center; z-index:-1; min-height:355px;}
.top_pannel{float:left; width:98%;  margin:0px;padding:10px; background:#13488f; border-radius:8px; }
.agent_login{width:20%; float:right; margin:0px; padding:8px 20px; background:#13488f; position:relative;}
.agent_login h2{ margin:0; padding:0 0 0 40px; font-size:22px; float:left; width:80%; color:#fff; text-align:left; font-weight:normal; background:url(../images/agent_icon.png) no-repeat 8px center;}
.login_row{ width:100%; float:left; margin-top:20px; text-align:center;}
.login_row input[type="text"],.login_row input[type="password"]{background:#fff; float:left; padding:8px; width:90%; border-radius:3px; color:#7d8799; font-size:15px; border:1px solid #fff;}
.login_button{ margin-top:20px; float:right; width:100%; text-align:center; }
.login_row input[type="button"]{ color:#fff; font-size:15px; background:#ee9600; border:0px; padding:5px 26px; border-bottom:3px solid #ecbf73; text-transform:uppercase; cursor:pointer; border-radius:5px;}
.login_row input[type="button"]:hover{ background:#ecbf73;border-bottom:3px solid #ee9600; }
.login_button a{ float:left; width:100%; padding-top:0px; color:#fff; font-size:12px; text-align:center;}
.agent_button{ float:right; width:23%; text-align:right; margin:0px; padding:0px;}
.new_agent{ width:auto; color:#fff; font-size:14px; background:#de0a84; border-radius:15px; padding:6px 12px; cursor:pointer;}
.new_agent:hover{ background-color:#f6b61b;}
.login_button a:hover{ text-decoration:underline;}
.deal_banner{ }
.deal_banner img{ border:0px; height:300px; width:590px;}
/*-------------------bottom pannel----------------------*/
.bottom_pannel{ float:left; width:100%; margin:0px; padding:20px 0; background:#ffffff;}
.benfit{width:49%;float:right; margin:0px; padding:0px 0 0px;}
.benfit h2,.aboutus_box h1{float:left; width:100%; margin:0px; padding:0px 0 10px; font-size:19px; color:#292a6e; }
.benfit ul{ float:left; list-style-type:none; margin:0px; padding:5px 0 0; width:100%; }
.benfit ul li{float:right; margin:0 7px 9px 0; width:35%; background:#f6b61b url(../images/benfit_sprite.png) no-repeat; font-size:15px; color:#fff; padding:8px 5px 8px 61px; transition:all 0.8s ease 0.2s; }
.benfit ul li:hover{background:#13488f url(../images/benfit_sprite.png) no-repeat;}
.benfit ul li.benfit1{ background-position:3px -1px;}
.benfit ul li.benfit2{ background-position:0px -68px;}
.benfit ul li.benfit3{ background-position:1px -259px;}
.benfit ul li.benfit4{ background-position:1px -194px;}
.benfit ul li.benfit5{ background-position:2px -132px;}
.benfit ul li.benfit6{ background-position:5px -323px;}
.aboutus_box{ float:left; width:49%; margin:0px; padding:0px;}
.aboutus_box p{ float:left; width:100%; margin:0px; padding:0px; font-size:14px; line-height:19px; color:#4d5453; text-align:justify; }
.aboutus_box a{ float:left; color:#fff; font-size:15px; background:#0095d5; border:0px; padding:7px 18px; border-bottom:3px solid #13488f; text-transform:uppercase; cursor:pointer; border-radius:5px; margin-top: 10px;}
.aboutus_box a:hover{ background:#f6b61b;border-bottom:3px solid #ecbf73; }
/*footer part*/
.travelvala_footer{ width:100% ;margin:0; padding:0px; background:#13488f; float:left;}
.travelvala_footer p{ width:68% ; margin:0;color:#fff; padding:25px 0; float:left; text-align:right; font-size:14px; text-transform: uppercase;}
.travelvala_footer p a{ color:#fff; margin:0 8px;}
.travelvala_footer p a:hover{ text-decoration:underline;}
.footer_nav{background:#13488f;}
.sm_box{ float:left; width:300px; margin:0px; padding:15px 0;}
.fb_icon, .tw_icon, .gp_icon{width:35px; height:35px; float:left; margin-left:10px; border-radius:35px; transition:all .3s ease .2s;}
.fb_icon{background:#000000 url(../images/smo_icon.png) no-repeat 2px -1px; }
.tw_icon{background:#000000 url(../images/smo_icon.png) no-repeat -31px -2px;}
.gp_icon{background:#000000 url(../images/smo_icon.png) no-repeat -67px 0px;}
.fb_icon:hover{background:#f6b61b url(../images/smo_icon.png) no-repeat 2px -1px; transform: rotate(360deg);}
.tw_icon:hover{background:#f6b61b url(../images/smo_icon.png) no-repeat -31px -2px;transform: rotate(360deg);}
.gp_icon:hover{background:#f6b61b url(../images/smo_icon.png) no-repeat -67px 0px;transform: rotate(360deg);}
.sm_box em {color: #fff; float: left;font-size: 14px;  padding-left: 10px; padding-right: 10px;  padding-top: 10px;  text-transform: uppercase; font-style:normal;}

/*forgot password*/
.errorbox{color:#ff0000; font-size:12px; padding:5px; display:block;}
.registration_box{width:100%; margin-top:5px;}
#forgot_password { background:#fff; border:1px solid #ccc; padding: 10px; position: absolute; width:210px; z-index: 1000; left:0; top:78%; border-radius:8px; box-shadow:2px 2px 5px #333;}
#ForgotPasswordMsg {float: left; width: 130px;}
.xross { float: left; position: absolute; right:6px; top:6px;}
.button_submit { float: left; padding-top: 3%; width: 100%;}
.forgot_txtbox{padding:6px; width: 100%; box-sizing: border-box;}
.submitbtn{background:#00ACFF; color:#fff; font-size:13px; font-weight:bold; text-align:center; padding:5px 12px; cursor:pointer; border:none; float:right;}