@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@font-face {
  font-family:'Roboto';
  src:url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family:'dinregular';
	src:url('../fonts/dinregular.eot');
	src:local('dinregular'), url('../fonts/dinregular.woff') format('woff'), url('../fonts/dinregular.ttf') format('truetype');
}


body {font-family:'dinregular'; overflow-x:hidden\0/ !important;}
.clr {clear:both; max-height:0;}

h1 {font-size:22px; text-transform:uppercase; text-align:center; color:#3d3d3d; margin-top:0px;}
h2 {font-size:22px; line-height:32px; font-weight:500;}

.sprite {background:url(../images/sprite.png?v=0001);}

.display-block {display:block;}
.display-none {display:none;}
.padd-left-0 {padding-left:0px;}
.padd-right-0 {padding-right:0px;}
.padd-left-10 {padding-left:10px;}
.padd-right-10 {padding-right:10px;}

/* Header */
header .center-frame {margin:0 auto; max-width:1000px;}
header .logo-ss {float:left; margin-top:16px;}
header .logo-spl {float:right; margin-top:12px;}

/* Features */
.ftr_col {margin-top:5px;}
.marketing .features {width:100%; float:left; margin-bottom:20px;}
.marketing .features span {width:45px; height:45px; float:left; margin:3px 12px 15px 0;}
.marketing .features span.ss_mudra_icn {background-position:-157px -398px;}
.marketing .features span.air_tickets_icn {background-position:-231px -398px;}
.marketing .features span.mob_recharge_icn {background-position:-10px -466px;}
.marketing .features span.railway_tickets_icn {background-position:-81px -466px;}
.marketing .features span.bus_tickets_icn {background-position:-157px -466px;}
.marketing .features span.dth_recharge_icn {background-position:-231px -466px;}
.marketing .features aside {width:85%; float:left; margin-right:0;}
.marketing .features h4 {font:600 16px/22px "dinregular"; margin:0; color:#0f8ace;}
.marketing .features p {font:14px/18px "dinregular"; margin:0; color:#5c5c5c;}

/* Login Form */
.login_form h3 {font:600 16px/38px "dinregular"; margin:0; color:#000; background:#ffc51d; text-align:center;}
.login_form table {width:100%;}
#loginForm {border-top:0; padding:0;}
#loginForm label {font:14px "Roboto"; display:block; margin:5px 0;}
#loginForm input[type=text], #loginForm input[type=password] {width:100%; height:35px; margin-bottom:6px; font:13px/35px "Roboto"; padding:0 2%; border:1px solid #c0c0c0; outline:0;}
#loginForm input[type=text]:focus, #loginForm input[type=text]:hover, #loginForm input[type=password]:focus, #loginForm input[type=password]:hover {border:1px solid #a2a2a2;}
#loginForm input[type=submit] {width:100%; height:30px; font:13px/20px "Roboto"; background:#0d8cd0; color:#fff; border:0; margin-bottom:10px;}
#loginForm input[type=checkbox] {position:static; margin:3px 4px 15px 0; float:left;}
#loginForm input[type=text], #loginForm input[type=password] {width:100%; height:35px; font:13px/35px "Roboto"; padding:0 2%; border:1px solid #c0c0c0; outline:0;}
#loginForm a {color:#c2783b; font:13px "Roboto";}

/* Footer */
footer {min-width:100%; float:left; color:#0a0a0a; border-top:1px solid #7e7e7e; background-color:#e7e8e8; position:fixed; bottom:0;}
.border-top {font:15px "Roboto"; padding:15px 0 5px 0;}


.text-copyright {text-align:left;}
.text-poweredby {text-align:right;}

.marketing-link  {
  text-align: center;
margin: 16px 0 !important;
}
.marketing-link a {
font-size: 21px;
color: #223182 !important;
text-decoration: underline;
}

 #loginBttn
   {
   width: 100%;
    height: 35px;
    font: 14px/20px "Roboto";
    background: #34a853; /* #ea373b; */
    color: #fff;
    border: 0;
    margin-bottom: 10px;
    cursor:pointer;
   
   }
   
.footer_fav_icon {
    position: fixed;
    right: 10px;
    bottom: 65px;
}

/* 28-06-2017 */
.new_agent_query {width:100%; height:38px; background-color: #F00; text-align: center; margin-bottom: 10px;}
.new_agent_query a {font: bold 15px/36px 'Roboto'; display: block; color: #FFF;}


@media (max-width:1080px) {

}

@media (max-width:1035px) {

}

@media (max-width:999px) {

}

@media (min-width:1024px) and (max-width:1199px) {
.marketing .features aside {width:75%;}
}

@media (min-width:769px) and (max-width:1023px) {
.marketing .features aside {width:75%;}
}

@media (min-width:639px) and (max-width:961px) {
footer {margin-top:50px; position:static;}
}

@media (max-width:768px)
{
body {overflow-x:hidden;}
.marketing .features aside {width:80%; margin-right:0;}
.text-copyright, .text-poweredby {text-align:center;}
footer {margin-top:50px; position:static;}
}

@media (max-width:480px)
{
header .logo-ss {margin-top:16px;}
header .logo-spl {margin-top:22px;}
header .logo-ss img {width:125px;}
header .logo-spl img {width:90px;}
.marketing .col-md-6:last-child {margin-top:8px;}
.marketing .features aside {width:78%; margin-right:0;}
.login_form h3 {height:38px;}
.text-copyright, .text-poweredby {text-align:center;}
footer {margin-top:50px; position:static;}
.border-top {font:13px "Roboto";}
}

/*1-8-2016 Changes for recharge banner start*/


@font-face {
  font-family:'Roboto';
  src:url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family:'dinregular';
	src:url('../fonts/dinregular.eot');
	src:local('dinregular'), url('../fonts/dinregular.woff') format('woff'), url('../fonts/dinregular.ttf') format('truetype');
}


body {font-family:'dinregular'; overflow-x:hidden\0/ !important;}
.clr {clear:both; max-height:0;}

h1 {font-size:22px; text-transform:uppercase; text-align:center; color:#3d3d3d; margin-top:0px;}
h2 {font-size:22px; line-height:32px; font-weight:500;}

.sprite {background:url(../images/sprite.png?v=0001);}

.display-block {display:block;}
.display-none {display:none;}
.padd-left-0 {padding-left:0px;}
.padd-right-0 {padding-right:0px;}
.padd-left-10 {padding-left:10px;}
.padd-right-10 {padding-right:10px;}

/* Header */
header {width:100%; float:left; padding:0 0 22px 0; background-color:#ea373b; margin-bottom:40px; filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000); zoom:1;}
header .logo-ss {float:left; margin-top:16px;}
header .logo-spl {float:right; margin-top:12px; margin-right:22px;}

/* Features */
.ftr_col {margin-top:5px;}
.marketing .features {width:100%; float:left; margin-bottom:20px;}
.marketing .features span {width:45px; height:45px; float:left; margin:3px 12px 15px 0;}
.marketing .features span.ss_mudra_icn {background-position:-157px -398px;}
.marketing .features span.air_tickets_icn {background-position:-231px -398px;}
.marketing .features span.mob_recharge_icn {background-position:-10px -466px;}
.marketing .features span.railway_tickets_icn {background-position:-81px -466px;}
.marketing .features span.bus_tickets_icn {background-position:-157px -466px;}
.marketing .features span.dth_recharge_icn {background-position:-231px -466px;}
.marketing .features aside {width:85%; float:left; margin-right:0;}
.marketing .features h4 {font:600 16px/22px "dinregular"; margin:0; color:#0f8ace;}
.marketing .features p {font:14px/18px "dinregular"; margin:0; color:#5c5c5c;}
.banner_recharge {margin-bottom:80px;}
.banner_recharge img {max-width:100%;}

.recharge_offers {width:100%; float:left; background:#fff; padding:25px 0px; color:#666; box-shadow:0px 0px 4px #ccc; margin-top:25px;}
.recharge_offers h3 {text-transform:uppercase; font:bold 32px "dinregular"; text-align:center; color:#ff9900; padding-bottom:20px; margin-top:0; margin-bottom:20px; border-bottom:1px solid #ebebeb;}
.recharge_offers p {font:22px "Roboto"; margin:0 0 30px 0; color:#3A3A3A; padding:0 15px;}
.recharge_offers h5 {font:bold 32px "dinregular"; color:#3A3A3A; margin-top:15px; margin-bottom:20px; padding:0 15px;}
.recharge_offers table {width:98%; margin:0 1%;}
.recharge_offers table th, .recharge_offers table td {font:14px "Roboto";}
.recharge_offers table th {font:bold 15px "Roboto"; text-align:left;}
.recharge_offers table p {font:14px "Roboto";}



/* Login Form */
.login_form {border: 1px solid #ddd; padding: 10px; margin-bottom: 80px;}
.login_form h3 {font:600 16px/38px "dinregular"; margin:0; color:#000; background:#ffc51d; text-align:center;}
#login {border:1px solid #dfdfdf; border-top:0; padding:10px 20px;}
#login label {font:13px "Roboto"; display:block; margin:5px 0;}
#login input[type=text], #login input[type=password] {width:100%; display:block; height:28px; font:13px/20px "Roboto"; padding:0 2%; border:1px solid #c0c0c0; outline:0;}
#login input[type=text]:focus, #login input[type=text]:hover, #login input[type=password]:focus, #login input[type=password]:hover {border:1px solid #a2a2a2;}
#login input[type=submit] {width:100%; height:30px; font:13px/20px "Roboto"; background:#0d8cd0; color:#fff; border:0; margin-bottom:10px;}
#login input[type=checkbox] {position:static; margin:3px 4px 15px 0; float:left;}
#login input[type=text], #login input[type=password] {width:100%; height:28px; font:13px/20px "Roboto"; padding:0 2%; border:1px solid #c0c0c0; outline:0;}
#login a {color:#c2783b; font:13px "Roboto";}
.login_form table {width:100%;}

/* Footer */
footer {min-width:100%; float:left; color:#0a0a0a; border-top:1px solid #7e7e7e; background-color:#e7e8e8; position:fixed; bottom:0;}
.border-top {font:15px "Roboto"; padding:15px 0 14px 0;}

.text-copyright {text-align:left;}
.text-poweredby {text-align:right;}



@media (max-width:1080px) {

}

@media (max-width:1035px) {

}

@media (max-width:999px) {

}

@media (min-width:1024px) and (max-width:1199px) {
.marketing .features aside {width:75%;}
}

@media (min-width:769px) and (max-width:1023px) {
.marketing .features aside {width:75%;}
}

@media (min-width:639px) and (max-width:961px) {
footer {margin-top:50px; position:static;}
.banner_recharge {margin-bottom:35px;}
}

@media (max-width:768px)
{
body {overflow-x:hidden;}
.marketing .features aside {width:80%; margin-right:0;}
.text-copyright, .text-poweredby {text-align:center;}
footer {margin-top:50px; position:static;}
.banner_recharge {margin-bottom:35px;}
.dwnlod-app {width: 55% !important; padding: 22px 20px 0 0 !important;}
.dwnlod-text {font-size: 14px !important; width: 60% !important;}
.dwnlod-app img {width:125px !important;}
.gplay-img {float: left; margin-top: 20px !important;}

}

@media (max-width:480px)
{
header .logo-ss {margin-top:16px;}
header .logo-spl {margin-top:22px;}
header .logo-ss img {width:125px;}
header .logo-spl img {width:90px;}
.marketing .col-md-6:last-child {margin-top:8px;}
.marketing .features aside {width:78%; margin-right:0;}
.login_form h3 {height:38px;}
.text-copyright, .text-poweredby {text-align:center;}
footer {margin-top:50px; position:static;}
.border-top {font:13px "Roboto";}
.banner_recharge {margin-bottom:35px;}

.header{height:auto !important;}
.dwnlod-app {width:100% !important; text-align:center; padding:25px 0 !important;}
.dwnlod-text{margin-top: 0 !important;}
}


/*1-8-2016 Changes for recharge banner End*/

.header{ width:100%; float:left; height:100px;}
.head{ width:auto; margin:0px auto;}
/* .head{ width:auto; margin:0px auto; height:115px; background:#ea373b;} */
.logo{ width:170px; float:left; padding:29px 0px 28px 11px; background:#ea373b url(../images/logobg.png) no-repeat;}
.logoRt{ width:125px; height:66px; float:right; padding:25px 0px 24px;}
.serlogo{ width:100px; padding:10px; float:left;}
.serlogo img{ margin:0px auto 7px; width:60px; display:block;}
.serlogo p{ font:12px Arial, Helvetica, sans-serif ; color:#fff; margin:0px; padding:0px; text-align:center;}
.headingNew{font-size: 36px;font-weight: bold;color: #ea373b;margin-bottom: 25px;}
.aio-icon-description {font-size:15px; color:#808080; font-family:'Open Sans', sans-serif;}

/* for applogin logo */
.dwnlod-app {float:right; width:70%; padding:30px 60px 0 0; position:relative; z-index:9;}
.dwnlod-app img {width:150px;}

.dwnlod-text {float:left; padding:0 25px; font-weight:bold; color:#fff; font-size:20px; text-shadow: 1px 1px #a4060a; width:70%;}
.gplay-img {float: left; margin-top: 10px;}

.login-left {margin-bottom:20px;}
.login-lang {margin:10px 0;}
.login-lang label {display:inline-block !important; margin:5px !important;}

.support_icn {width: 26px; height: 22px; background-position: -158px -910px; display: inline-block; position: relative; top: 5px;}
.mail_icn {width: 27px; height: 18px; background-position: -158px -937px; display: inline-block; position: relative; top: 4px;
.pull-left{float:left;}