@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

html > body * {
	outline: none !important;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', arial, sans-serif;
	color: #555;
	background: #f2f5fa;
	word-wrap: break-word;
	box-sizing: border-box;
}
*, html, body {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
img {
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', arial, sans-serif;
	font-weight: 500;
}
input, select, textarea, button {
    font-family: 'Roboto', arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #555;
}
p, label, li {
	font-size: 14px;
    line-height: 22px;
    color: #555;
	font-weight: 400;
}
a, a:hover, a:focus {
	text-decoration: none;
}
input[type="text"] {
	float: left;
	width: 100%;
	height: 40px;
	padding: 0px 8px;
	border-radius: 0px;
	border: solid 1px #ddd;
	background: #fff;
}
input[type="password"] {
	float: left;
	width: 100%;
	height: 40px;
	padding: 0px 8px;
	border-radius: 0px;
	border: solid 1px #ddd;
	background: #fff;
}
select {
	float: left;
	width: 100%;
	height: 40px;
	padding: 5px;
	border-radius: 0px;
	border: solid 1px #ddd;
	background: #fff;
}
textarea {
	float: left;
	width: 100%;
	height: 80px;
	padding: 5px 8px;
	border-radius: 0px;
	border: solid 1px #ddd;
	background: #fff;
}
.btn-submit {
	display: inline-block;
	min-width: 150px;
	height: 44px;
	border: none;
	background: #1f9fcc;
	color: #fff;
	font-size: 16px;
	line-height: 44px;
	font-weight: 500;
	transition: 0.3s ease;
	border-radius: 22px;
	text-decoration: none;
	margin-top: 15px;
	text-align: center;
}
.btn-reset {
	display: inline-block;
	min-width: 150px;
	height: 44px;
	border: none;
	background: #999;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	transition: 0.3s ease;
	border-radius: 22px;
	text-decoration: none;
	margin-top: 15px;
	text-align: center;
}
.fileUpload {
    display: inline-block;
    min-width: 80px;
    height: 40px;
    border: none;
    background: #1f9fcc;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    transition: 0.3s ease;
    border-radius: 0 3px 3px 0;
    text-decoration: none;
    margin-top: 0px;
    text-align: center;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.load-file {
    float: left;
    width: 100%;
    height: 40px;
    font-size: 14px;
    padding: 0px 8px;
    border-radius: 3px 0px 0px 3px;
    border: solid 1px #ddd;
}
.btn-submit:hover, .btn-submit:focus, .btn-reset:hover, .btn-reset:focus, .fileUpload:hover, .fileUpload:focus {background: #0058a3; color: #fff;}

.captcha-form{
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
.web-form {
	float: left;
	width: 100%;
	min-height: 70px;
}
.contact-web-form {
	float: left;
	width: 100%;
	margin-bottom:18px;
}
.text-counter{
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	color: #999;
	margin:3px 0px 15px 0px;
	text-align: left;
}
.web-form span.char-info, .contact-web-form span.char-info{
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	color: #999;
	margin:3px 0px;
	text-align: left;
}
.web-form span.error, .captcha-form span.error, .contact-web-form span.error {
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	color: #e91a1a;
	margin:3px 0px 0px 0px;
	text-align: left;
}
.web-form label.resent-msg , .contact-web-form label.resent-msg{
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 18px;
	color: #00a402;
	margin-top:5px;
	display:none;
}
.web-form label.char-info, .contact-web-form label.char-info{
	font-size: 12px;
	margin-bottom: 0px;
	width: 100%;
}
.web-form label.error{
	font-size: 12px;
	width: 100%;
	color: #e91a1a;
}
.web-form .otp-message {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 18px;
	color: #666;
	margin-top:5px;
}
.web-form input[type="text"].invalid, .web-form input[type="file"].invalid, .web-form select.invalid, .web-form textarea.invalid , .contact-web-form input[type="text"].invalid,  .contact-web-form select.invalid, .contact-web-form textarea.invalid{
	background:#f3dfdf;
	border:1px solid #b67466;
}
.web-form input[type="text"].valid, .web-form select.valid, .web-form textarea.valid, .contact-web-form input[type="text"].valid, .contact-web-form select.valid, .contact-web-form textarea.valid {
	background:#effef1;
	border:1px solid #61a564;
}

.web-form .btn-reset, .contact-web-form .btn-reset{margin-top: 10px; margin-right: 20px;}
.web-form .btn-submit, .contact-web-form .btn-submit{margin-top: 10px; margin-right: 20px;}


h1 {
	font-size: 20px;
	line-height: 30px;
	color: #0058a3;
	margin: 20px 0px 15px;
}
h2 {
	font-size: 20px;
	line-height: 26px;
	color: #0058a3;
	margin: 0px 0px 20px 0px;
}

.sub-head{ font-weight: 600; color: #1f9fcc; }
 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
   color: #999;
   opacity: 1;
}

input:-moz-placeholder , textarea:-moz-placeholder { /* Firefox 18- */
   color: #999;  
   opacity: 1;
}

input::-moz-placeholder , textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #999;
   opacity: 1;
}

input:-ms-input-placeholder , textarea:-ms-input-placeholder {color: #999; opacity: 1;}

@media (max-width: 767px) {
	
.web-form {margin-bottom: 15px; min-height: 10px;}	
.web-form .btn-submit {height: 40px; line-height: 40px; font-size: 14px; border-radius: 20px; width: 130px; min-width: 100px; margin-right: 0px;}
.web-form .btn-reset {height: 40px; line-height: 40px; font-size: 14px; border-radius: 20px; float: left; width: 120px; min-width: 100px; margin-right: 20px; font-weight: 300;}	
h1 {font-size: 20px;line-height: 24px;margin:10px 0px;}
h2 {font-size: 18px;line-height: 20px;margin:10px 0px;}
.text-counter{margin:3px 0px 3px 0px;}	
}

/********************************************* header   **************************************/

header {
	float: left;
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 100;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.top-header {
	float: left;
	width: 100%;
	padding: 0px 15px;
}
.logo {
	float: left;
	margin: 15px 0px 0px 0px;
}
.logo a {
	float: left;
}
.logo img {
	float: left;
	width: 100%;
	max-width: 135px;
}
.top-right {
	float: right;
	margin: 20px 0px 0px 0px;
}
.custom-select-conatiner {
	display: table;
	width: 250px;
	height: 38px;
	border: 1px solid #1f9fcc;
	border-radius: 20px;
	background: #1f9ecb;
}

.top-right .btn-group-website {
	padding:0px 30px 0px 5px;
	background:url(../../images/arrow.png) no-repeat center right 15px;
	background-color: #f2f5fa;
	cursor: pointer;
	border-radius: 20px;
	position: relative;
	border: 1px solid #1f9ecb;
	font-size: 14px;
	line-height: 30px;
	color: #555;
	font-weight: 400;
}
.top-right .btn-group-website i.icon-chakra{
	display: inline-block;
	width: 20px;
	height: 20px;
	background:  url(../../images/icons/logo-sprite.png) no-repeat 0px 0px;
	background-size: cover;
	vertical-align: top;
	margin:5px 5px 0px 0px;
}
.top-right a.dropdown-item{
	display: block;
	padding: 6px 10px;
	border-bottom: 1px dashed #ccc;
	font-size: 13px;
	line-height: 20px;
	color: #555;
	font-weight: 400;
}
.top-right a.dropdown-item:hover{background: #fff;}
.top-right a.dropdown-item.last{border-bottom: 0px;}
.top-right a.dropdown-item i{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px;
}
.top-right a.dropdown-item i.icon-ow{background: url(../../images/icons/icon-ow.svg) no-repeat left center;}
.top-right a.dropdown-item i.icon-ousa{background: url(../../images/icons/icon-ousa.svg) no-repeat left center;}
.top-right a.dropdown-item i.icon-mpower{background: url(../../images/icons/icon-mpower.svg) no-repeat left center;}
.top-right a.dropdown-item i.icon-retail{background: url(../../images/icons/icon-ow.svg) no-repeat left center;}
.top-right .dropdown-menu{background: rgba(242,245, 250,1);}

@media (max-width: 767px) {
header{position: relative;}
.logo {margin: 8px 0px 8px 0px;}
.top-right {display: none;}
}

/****************************** Navigation *********************************/

.navbar{ min-height: 45px; }

.nav-container {
	float: left;
	width: 100%;
	border-radius: 0;
	margin-bottom: 0;
	padding: 0px 15px;
}

.navigation {
	float: left;
	width: 100%;
}
.navbar-collapse {
	float: left;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	position: relative;
}

.navbar-collapse ul.menu {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.nav > li{
	float: left; 
	margin-right: 60px;
}

.nav > li > a{
	float: left; 
	padding: 15px 0px 10px 0; 
	color: #666; 
	font-size: 16px; 
	transition: 0.3s ease;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background-color: #fff; color: #0058a3;}
.nav > li > a:focus, .nav > li > a:hover{background-color: #fff; color: #0058a3;}

.dropdown-menu{ 
	min-width: 200px;
	margin: 0px 0px 0px 0px;
	border-radius: 0;
	background-color: rgba(242,245, 250, 0.95);
    border-top: 0;
}
.dropdown-menu > li > a {
	padding: 8px 15px;
	color: #666; 
	font-size: 14px;
	line-height: 20px;
	transition: 0.3s ease;
}
.dropdown-menu > li > a:hover{color: #1f9fcc; background:#fff}

@media (min-width: 767px) {
.nav > li.dropdown:hover > .dropdown-menu {display: block;}
.mega-dropdown {position: static !important;}
.mega-menu {
    padding: 10px 0px;
    width: 100%;
    box-shadow: none;
	background-color: rgba(242,245, 250, 0.95);
	margin: 0px 0px 0px 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.mega-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-menu > li > ul > li {
  list-style: none;
}
.mega-menu > li > ul > li > a {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 21px;
	padding: 7px 5px;
	transition: 0.3s ease;
}
.mega-menu > li ul > li > a:hover, .mega-menu > li ul > li > a:focus {text-decoration: none; color: #1f9fcc;  }

.mega-menu .menu-head {
	font-size: 16px;
	color: #333;
	padding: 5px 10px 3px 5px;
	line-height: 24px;
	border-bottom: solid 1px #1f9fcc;
	margin-bottom: 8px;
}
.menu1{width:465px;}
.col-child	{width:50%; float: left; padding: 0px 15px;}	
.col-menu{width:25%; float: left; padding: 0px 15px;}
.dropdown-menu .divider{background-color: #ccc;}
}

@media (min-width: 992px) and (max-width: 1199px) {
.nav > li{margin-right: 50px;}
}

@media (max-width: 991px) {	
.nav > li{margin-right: 23px;}
}

@media (max-width: 767px) {
.navbar{min-height: 0px;}
.navbar-header{float: right;margin-top: -30px;}	
.navbar-toggle{background-color: #fff;float: right;margin-top: 0px;padding: 5px; margin-right: 10px;}	
.navbar-toggle .icon-bar{background-color: #0058a3;width: 20px;}
.navbar-toggle .icon-bar::before{
	position: absolute;
	display: block;
	left: 5px;
	width: 20px;
	height: 2px;
	background-color: #0058a3;
	content: "";
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	top:-2px;
	}
.navbar-toggle .icon-bar::after{
	position: absolute;
	display: block;
	left: 5px;
	width: 20px;
	height: 2px;
	background-color: #0058a3;
	content: "";
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	bottom: -2px;
	}
	
.nav-container {padding: 0px 0px;}
.navbar-collapse{background-color: #eee;}
.nav > li{margin-right: 0px; width: 100%; border-top: solid 1px #ccc;}
.nav > li > a{padding: 10px 15px; font-size: 14px; width: 100%;}
.dropdown-menu{position: relative; background-color: #fff;border: none;border-radius: 0px;box-shadow: none; width: 100%; padding: 0px 0px;}	
.dropdown-menu > li > a {padding: 10px 15px; border-top: solid 1px #eee; font-size: 13px;}
.dropdown-menu > li.col-sm-4{padding: 0px 0px 0px 0px;}
.dropdown-menu > li > ul{list-style: none; padding: 0; margin: 0;}
.dropdown-menu > li > ul li {float: left; width: 100%; border-top: solid 1px #eee;}
.dropdown-menu > li > ul li a {width: 100%; float: left;padding: 10px 15px; color: #666; font-size: 13px; line-height: 20px; }

.mega-menu .menu-head {
	font-size: 14px;
	font-weight: 500;
	color: #1f9fcc;
	padding: 10px 15px;
	line-height: 20px;
	background: #eee;
}	
.col-menu{width:100%;}	
.caret{ float: right; margin-top: 10px;}
li.open a.dropdown-toggle .caret{transform: rotate(180deg);}
.dropdown-menu .divider{display: none;}
.logo img {max-width: 90px;}
}

/************************************* Home Banner ************************************/

.home-banner-container {
	float: left;
	width: 100%;
	background: #d8e8f0;
	margin-top: 100px;
	position: relative;
	z-index: 3;
}
.carousel-indicators {bottom: 0px;}

.carousel-indicators > li {
	margin: 0 2px;
	background-color: #bfbcba;
	border-color: #bfbcba;
}
.carousel-indicators > li.active {
	width: 10px;
	height: 10px;
	background-color: #219fcc;
	border-color: #219fcc;
}

.carousel ul.carousel-inner{margin-bottom: 0px;}
.carousel-bg .carousel-inner .item {
	background-size: cover;
	background-position: top right;
	min-height: 440px;
}
.slide1 {background:#001135 url(../../images/banner/home-banner1.png) no-repeat;}
.slide2 {background:#061637 url(../../images/banner/home-banner2.png) no-repeat;}
.slide3 {background:#001135 url(../../images/banner/home-banner3.png) no-repeat;}
.slide4 {background:#004c7f url(../../images/banner/home-banner4.png) no-repeat;}

.home-banner-txt{
	float: left;
	width: 100%;
	position: relative;
}

.home-banner-container .carousel-caption{
	left:0px;
	top:90px;
	right:auto;
	text-align: left;	
}

.home-banner-txt h2{
	font-size: 36px;
	line-height: 44px;
	color: #fff;
	font-weight: 300;
}
.home-banner-txt p a{
	display: inline-block;
    min-width: 140px;
    height: 44px;
    border: none;
    background: #1f9fcc;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    font-weight: 500;
    transition: 0.3s ease;
    border-radius: 22px;
    text-decoration: none;
	padding: 0px 25px;
    margin-top: 5px;
	text-align: center;
}
.home-banner-txt p a:hover{background: #0058a3; color: #fff;}

.banner-container {
	float: left;
	width: 100%;
	min-height: 140px;
	background: #09273b;
	margin-top: 100px;
	text-align: center;
	position: relative;
	z-index: 3;	
}
.banner-container img {display: inline-block;}

@media (max-width: 767px) {
	
.home-banner-container {margin-top: 0px;}
.carousel-bg .carousel-inner .item{	min-height: 250px;}
.home-banner-container .carousel-caption{top:25px; text-align: center;}	
.home-banner-txt h2{font-size: 20px;  font-weight: 400; line-height: 34px;}
.home-banner-txt h2 span{background: rgba(0,0,0,0.5); padding: 3px 3px;}	
.home-banner-txt h2 br{display: none;}
.home-banner-txt p a{min-width: 100px; height: 38px;font-size: 14px; line-height: 38px; margin-top: 10px;}
.banner-container {margin-top: 0px; min-height: 50px;}
}

/************************************* Home Services ************************************/

.home-services-container{
	float: left;
	width: 100%;
	margin:40px 0px;
	text-align: center;
}
.home-services-container h2 {
	font-size: 30px;
	color: #0058a3;	
	margin: 0px 0px 30px 0px;
}
.home-services{
	float: left;
	width: 100%;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background: #fff;
	padding-bottom: 30px;
	margin-bottom: 30px;
	box-shadow: 0px 0px 1px #999;
	transition: .3s ease;
}
.home-service-img {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.home-service-img .img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	transition: .3s ease;
	background: rgba(0, 0, 0, 0);
}

.home-services h3{
	float: left;
	width: 100%;
	font-size: 24px;
	color: #0058a3;
	margin: 0px 0px 15px 0px;
}
.home-services ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px 20px;
}
.home-services ul li {
	display: inline-block;
	padding: 0px 5px 0px 10px;
	background: no-repeat url(../../images/dot.png ) center left;
	font-size: 17px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 5px;
    color: #646464;
}

.home-services:hover{box-shadow: 0px 0px 10px #999;}
.home-services:hover .home-service-img .img-overlay {background: rgba(0, 0, 0, 0);}

.home-btn {
	display: inline-block;
	min-width: 150px;
	height: 44px;
	border: none;
	background: #1f9fcc;
	color: #fff;
	font-size: 16px;
	line-height: 44px;
	font-weight: 500;
	transition: 0.3s ease;
	border-radius: 22px;
	text-decoration: none;
	margin-top: 10px;
	text-align: center;
	padding: 0px 25px;
}

.home-btn:hover{background: #0058a3; color: #fff;}

@media (max-width: 767px) {	
.home-services-container{margin:30px 0px 10px 0px;}	
.home-services-container h2 {font-size: 24px; margin: 0px 0px 20px 0px;}
.home-service-img {margin-bottom: 15px;}	
.home-services h3{font-size: 20px; margin: 0px 0px 10px 0px;}	
.home-services ul {padding: 0px 15px;}
.home-services ul li {font-size: 15px; line-height: 22px;}
.home-btn {min-width: 100px; height: 38px; font-size: 14px; line-height: 38px; border-radius: 19px;}	
}

/************************************* Home Content  ************************************/

.home-content-container{
	float: left;
	width: 100%;
	background: #fff;
}

.home-txt-box{
	float: left;
	width: 50%;
}

.home-microatm-left{
	float: left;
	width: 50%;
	background: #061b30;
}
.home-microatm-img{float: right;}

.home-oems-right{
	float: right;
	width: 50%;
	background: #004c7f;
}
.home-oems-img{float: left;}

.home-retail-left{
	float: left;
	width: 50%;
	background: #d9eaf0;
}
.home-retail-img{float: right;}

.home-partners-logo{
	float: right;
	width: 50%;
	background:#dcdcdc url(../../images/our-partners.png) top left no-repeat;
}
.home-partners-img{
	float: left;
	width: 100%;
	padding: 40px;
}
.home-partners-img ul {
	float: left;
	max-width: 1000px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.home-partners-img ul li {
	float: left;
	width: 30%;
	background: #fff;
	margin: 0% 3% 3% 0% ;
	border: solid 1px #ddd;
}
.home-right-txt{
	float: left;
	width: 100%;
	max-width: 1000px;
	padding: 40px 30px;
}
.home-left-txt{
	float: right;
	width: 100%;
	max-width: 1000px;
	padding: 40px 30px;
}
.home-right-txt h3, .home-left-txt h3 {
	font-size: 26px;
	line-height: 32px;
	color: #0058a3;
	margin: 0px 0px 10px 0px;
}
.home-right-txt h6, .home-left-txt h6 {
	font-size: 16px;
	line-height: 22px;
	margin: 0px 0px 10px 0px;
}
.home-right-txt p, .home-left-txt p {
	font-size: 15px;
	line-height: 22px;
	color: #646464;
	margin-bottom: 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {	
.home-right-txt, .home-left-txt{padding: 15px 15px;}
.home-right-txt h3, .home-left-txt h3 {font-size: 24px; line-height: 22px; margin: 0px 0px 10px 0px;}
.home-right-txt p, .home-left-txt p {font-size: 13px; line-height: 20px;margin-bottom: 5px;}
}

@media (min-width: 768px) and (max-width: 991px) {	
.home-txt-box{width: 100%;}
.home-right-txt, .home-left-txt{padding: 25px 25px 40px 25px; text-align: center;}
.home-right-txt h3, .home-left-txt h3 {font-size: 22px; line-height: 24px; margin: 0px 0px 10px 0px;}
.home-right-txt p, .home-left-txt p {font-size: 14px; line-height: 20px;margin-bottom: 5px;}
.home-microatm-left, .home-oems-right, .home-retail-left, .home-partners-logo{width: 100%;}
.home-partners-img ul li {width: 20%; margin: 0% 2.5% 3% 2.5%;}	
.home-partners-img{padding: 20px 8px 10px 8px;}
}

@media (max-width: 767px) {	

.home-txt-box{width: 100%;}
.home-right-txt, .home-left-txt{padding: 15px 15px 40px 15px; text-align: center;}
.home-right-txt h3, .home-left-txt h3 {font-size: 20px; line-height: 24px; margin: 0px 0px 10px 0px;}
.home-right-txt p, .home-left-txt p {font-size: 13px; line-height: 20px;margin-bottom: 5px;}
.home-microatm-left, .home-oems-right, .home-retail-left, .home-partners-logo{width: 100%;}
.home-partners-img{padding: 20px 8px 10px 8px;}
.home-partners-img ul li {width: 44%; margin: 0% 3% 5% 3%;}
}


/*******************************************  Footer  ****************************************/

footer {
	float: left;
	width: 100%;
}
.top-footer {
	float: left;
	width: 100%;
	background: #0b314a;
	padding: 30px 0px 15px 0px;
	border-top: 4px solid #005da5;
}
.footer-text {
	float: left;
	width: 100%;
	padding: 5px 0px;
	background: #08263b;
}
.footer-text p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #888;
	line-height: 30px;
	text-align: center;
}
.top-footer h3 {
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	font-weight: 100;
	margin: 0px 0px 20px 10px;
}
.top-footer h3::before {
	content: " ";
	height: 18px;
	width: 2px;
	background: #005da5;
	position: absolute;
	top: 2px;
	left: 15px;
}
.top-footer ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.top-footer ul li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.top-footer ul li a {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 18px;
	color: #879097;
}
.top-footer ul li a:hover {
	color: #1f9fcc;
}
.footer-icon-container {
	float: left;
	width: 100%;
	margin: 30px 0px 20px 0px;
	text-align: center;
}
.social-icon, .app-icon {
	display: inline-block;
}
.social-icon {
	margin-right: 70px;
}
.social-icon span {
	display: inline-block;
	font-size: 13px;
	line-height: 34px;
	color: #879097;
	vertical-align: top;
	margin-right: 5px;
}
.social-icon a, .app-icon a {
	display: inline-block;
	margin-right: 5px;
}
.top-footer p {
	font-size: 12px;
	line-height: 18px;
	color: #bbb;
	text-align: center;
}
.footer-link-container{
	float: left;
	width: 100%;
}
@media (max-width: 767px) {
.footer-icon-container {
	margin: 0px 0px 10px 0px;
}
	
.top-footer {
	padding: 15px 0px 5px 0px;
}

.top-footer h3 {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 22px;
}

.top-footer ul {
	margin-bottom: 15px;
}
.top-footer ul li {
	margin-bottom: 7px;
}
.social-icon {
	display: block;
	margin: 0px 0px 10px 0px;
}
.social-icon span{display: block;}
	
.footer-text p {
	text-align: center;
	line-height: 21px;
}
}
.back-to-top {
	cursor: pointer;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 199;
	display: none;
	transition: 0.5s ease;
	background: url(../../images/icons/back-to-top.png) no-repeat center center;
	opacity: 0.5;
	border-radius: 5px;
	text-indent: -9999px;
}
.back-to-top:hover {
	opacity: 0.99;
}

/****************************** Page Menu ****************************/

.nav > li > a.active-menu{ color: #0058a3; }

.page-menu-container {
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	position: relative;
	z-index: 2;
}
.page-menu {
	float: left;
	width: 100%;
}
.page-menu ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.page-menu ul li {
	float: left;
	margin-right: 40px;
}
.page-menu ul li a {
	display: block;
	font-size: 16px;
	line-height: 22px;
	color: #555;
	font-weight: 400;
	padding: 15px 0px;
	position: relative;
}
.page-menu ul li.active a, .page-menu ul li a:hover {color: #1f9fcc;}
.page-menu ul li.active a {font-weight: 500;}
.page-menu ul > li > a::after {
	content: "";
	background: #1f9fcc;
	height: 4px;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -1px;
	transition: all 250ms ease 0s;
	transform: scale(0);
}
.page-menu ul > li.active > a::after, .page-menu ul > li:hover > a::after {transform: scale(1);}

@media (max-width: 767px) {
.page-menu {overflow-y: hidden; overflow-x: auto;}
.page-menu ul li {margin-right: 30px;}
.page-menu ul li a {font-size: 14px; line-height: 18px;}

.page-menu ul.aboutus-page-menu {width:420px;}
.page-menu ul.ourteam-menu {width:310px;}
.page-menu ul.retail-page-menu {width:535px;}
.page-menu ul.news-page-menu {width:550px;}
.page-menu ul.video-news-page-menu {width: 530px;}	
.page-menu ul.product-page-menu {width: 350px;}
.page-menu ul.remitance-page-menu {width: 430px;}
.page-menu ul.payment-page-menu {width: 710px;}
.page-menu ul.corporate-solution-menu {width: 610px;}
.page-menu ul.matm-page-menu {width: 600px;}
.page-menu ul.career-page-menu {width: 350px;}
.page-menu ul.solution-page-menu {width: 300px;}
.page-menu ul.csr-page-menu	{width: 850px;}
.page-menu ul.download-menu	{width:625px;}
.page-menu ul.giftcard-page-menu{width:410px;}
.page-menu ul.insurance-page-menu{width:445px;}
.page-menu ul.atmcash-page-menu{width:430px;}
}

.mid-container {
	float: left;
	width: 100%;
}

/**************************** 404 Error **********************************/

.error-container {
	float: left;
	width: 100%;
	background: #f1fff0;
	margin-top: 100px;
	position: relative;
	z-index: 3;
}
.error-box{
	float: left;
	width: 100%;
	padding: 30px 0px;
	text-align: center;
	position: relative;
}
.error-box img{
	display: inline-block;
	position: relative;
}
.error-box a{
	display: inline-block;
	background: #1f9fcc;
	font-size: 16px;
	line-height: 30px;
	border-radius: 20px;
	padding: 5px 30px;
	color: #fff;
	font-weight: 500;
	position: absolute;
	left: 50%;
	bottom: 65px;
	margin-left: -150px;
	transition: 0.3s ease;
}
.error-box a:hover{
	background: #0058a3; 
	color: #fff;
}

@media (max-width: 767px) {	
.error-container {margin-top: 0px;}
.error-box{	padding: 15px 0px 70px 0px;}
.error-box a{bottom: 30px; margin-left: -90px;}
}

/****************************** About History ****************************/

.page-content-container {
	float: left;
	width: 100%;
}
.about-txt {
	float: left;
	width: 100%;
	padding: 40px 0px;
}
.about-txt h1 {margin: 0px 0px 10px 0px;}
.about-txt img {
	float: right;
	margin: 0px 0px 10px 20px;
}
.about-txt p {text-align: justify;}

@media (max-width: 767px) {	
.about-txt {padding: 30px 0px; text-align: center;}
.about-txt img {float: none; display: inline-block;	margin: 0px 0px 15px 0px;}
}

/********************* Core Values Start ********************************/

.content-txt {
	float: left;
	width: 100%;
	padding: 10px 0px;
	text-align: left;
}
.content-txt p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #646464;
    text-align: left;
}
.value-conatiner {
	float: left;
	width: 100%;
	background: #0058a3;
	padding: 40px 0px;
	text-align: left;
}
.value-content {
	float: left;
	width: 100%;
	min-height: 100px;
}
.value-content p {color: #fff;}
.value-content p br {display: none;}
.value-content span.value-head {
	font-weight: 500;
	letter-spacing: 2px;
}
.value-content span.value-head i {font-style: normal;}
.value-content .value-big {
	font-size: 70px;
	line-height: 60px;
	font-weight: 900;
	color: #fff;
    letter-spacing: 3px;
}
.value-content .value-big span {color: #e21e23;}
.value-content .value-big-final {
	font-size: 130px;
	line-height: 100px;
	font-weight: 700;
	color: #e21e23;
	vertical-align: text-top;
}

@media (max-width: 991px) {
.value-conatiner {padding-bottom: 0px;}
.value-content {min-height: 130px;}
.value-content .value-big {font-size: 54px;	line-height: 60px;}
.value-content .value-big-final {font-size: 100px;}
}

@media (max-width: 767px) {
.value-conatiner {padding-bottom: 0px;}
.value-content {min-height: auto; margin-bottom: 20px;}
.value-content p br {display: block;}
.value-content span.value-head {display: block; font-size: 30px; line-height: 36px; margin-bottom: 5px;}
.value-content span.value-head i {color: #ef343a;}
}

/************************************ Mission & Vision **************************/

.mission-txt {
	float: left;
	width: 100%;
	padding: 10px 0px;
	text-align: left;
	margin-bottom: 10px;
}
.mission-txt p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #646464;
}
.box-container {
	float: left;
	width: 100%;
	padding: 30px 0px 0px 0px;
}
.box-container ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
}
.box-container ul li {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
	display: flex;
	align-items: center;
}
.box-container ul li i {
	float: left;
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin: 0px 20px 0px 0px;
}
.vision-container {
	background: #0058a2;
}
.vision-container ul li i {
	background-color: #fff;
}
.vision-container ul li i.icon-alliances {
	background:#fff url(../../images/icons/icon-alliances.svg) no-repeat top center;
    background-size: 115%;
}
.vision-container ul li i.icon-empower {
	background:#fff url(../../images/icons/icon-empower.svg) no-repeat;
}
.vision-container ul li i.icon-financial-inclusion {
	background:#fff url(../../images/icons/icon-financial-inclusion.svg) no-repeat top 2px center;
}
.vision-container ul li i.icon-mobile-app {
	background:#fff url(../../images/icons/icon-mobile-app.svg) no-repeat;
}
.box-container ul li p {
	display: inline;
	flex: 1;
	margin-bottom: 0px;
}
.vision-container ul li p {color: #fff;}
.mission-container {background: #fff;}
.mission-container ul li i {
	background-color: #0058a2;
}
.mission-container ul li i.icon-innovate {
	background:#0058a2 url(../../images/icons/icon-innovate.svg) no-repeat;
    background-position: -2px -7px; 
	
}
.mission-container ul li i.icon-mobile-app {
	
	background:#0058a2 url(../../images/icons/icon-mobile-app-white.svg) no-repeat;
}
.mission-container ul li i.icon-financial-inclusion {
	background:#0058a2 url(../../images/icons/icon-financial-inclusion-white.svg) no-repeat;
}

@media (max-width:1200px) {
.box-container ul li {align-items: normal;}
}

@media (max-width:767px) {
	
.mission-txt { text-align: center;}	
h2.page-heading {font-size: 20px; line-height: 26px; margin:10px 0px;}
.box-container {padding-top: 20px;}
.box-container ul li {text-align: center; display: block; margin-bottom: 40px;}
.box-container ul li i {float: none; margin:0px 0px 10px 0px;}
.box-container ul li p {display: block;}
}

/********************* Milestone ********************************/

.milestone-txt{
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
}
.milestone-txt p{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #646464;
	text-align: left;
}
.year-list{
	float: left;
	width: 100%;
	position: relative;
	z-index: 2;
	margin-bottom: 90px;
}
.year-list ul{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.year-list ul li{
	float: left;
	margin-right: 25px;
}

.year-list ul li a{
	float: left;
	background: #ddd;
	font-size: 16px;
	line-height: 36px;
	color: #646464;
	padding: 0px 15px;
	border-radius: 18px;
}
.year-list ul li a.active{background: #1f9fcc; color: #fff;}
.fixedtop{position: fixed;}

.milestone-row{
	float: left;
	width: 100%;
	text-align: left;
}

.milestone-img {
	float: left;
	width: 27%;
	text-align: left;
	padding-right: 10px;
}
.milestone-img img {
	float: left;
	max-width: 100%;
}
.milestone-content {
	float: left;
	width: 72%;
	text-align: left;
	border-left: 2px solid #1f9fcc;
	padding-left: 10px;
	margin-bottom: 110px;
}

.milestone-content h2 {
	font-size: 30px;
	color: #0058a3;
	font-weight: 400;
	margin: -40px 0px 0px -45px;
}
.milestone-content ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	min-height: 73px;
	position: relative;
}
.milestone-content ul:before {
	content: "";
	height: 8px;
	width: 8px;
	background: #1f9fcc;
	position: absolute;
	left: -15px;
	top: -6px;
	border-radius: 50%;
}
.milestone-content ul li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #646464;
	position: relative;
	padding-left: 25px;
}
.milestone-content ul li:before {
	content: "";
	height: 10px;
	width: 10px;
	display: block;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 5px 0px 0px;
	position: absolute;
	left: 5px;
}
.milestone-content ul li.last {margin-bottom: 0px;}
.milestone-content ul li.none {margin-bottom: 0px; font-weight: 300;}
.milestone-content ul li.none:before {display: none;}

.milestone-content ul li ul {margin: 5px 0px 0px 0px; min-height: 20px;}
.milestone-content ul li ul:before {display: none;}

@media (max-width: 767px) {	
.milestone-txt{margin-bottom: 20px;}
.year-list {display: none;}
.milestone-img {display: none;}
.milestone-content {width: 100%; margin-bottom: 30px;}
.milestone-content h2 {margin: 0px 0px 10px 5px; font-size: 24px; font-weight: 500;}
.milestone-content ul {min-height: 30px;}	
.milestone-content ul:before {top: -30px;}
}

/********************* Management Team ***************************/

.profile-content-container{
	float: left;
	width: 100%;
	margin: 30px 0px;
}
.profile-content-container h1{margin: 0px 0px 20px 0px;}

.profile-container {
	float: left;
	width: 100%;
	margin: 40px 0px;
	text-align: left;
}
.profile-img {
	float: left;
	width: 100%;
	text-align: center;
}
.profile-img img {
	display: block;
	margin-bottom: 15px;
	transition: .3s ease;
}
.profile-container img.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.profile-container:hover img.grayscale {
	filter: none;
	-webkit-filter: grayscale(0%);
}
.profile-img p{
	text-align: center;
	margin: 0px 5px;
}
.profile-img p a{margin: 0px 5px;}

.profile-img p a i{
	width: 25px;
	height: 25px;
	display: block;
}
.profile-img p a i.icon-pfltwitter{
	display: inline-block;
	background: url(../../images/icons/icon-pfltwitter.svg) no-repeat center center;
}
.profile-img p a i.icon-pfllinkedin{
	display: inline-block;
	background: url(../../images/icons/icon-pfllinkedin.svg) no-repeat center center;
}
.profile-detail {
	float: left;
	width: 100%;
}
.profile-detail:before {
	content: "";
	height: 3px;
	width: 45px;
	display: block;
	background: #1f9fcc;
	position: absolute;
	top: -20px;
}
.profile-detail:after {
	content: "";
	height: 3px;
	width: 45px;
	display: block;
	background: #c8c8c8;
	position: absolute;
	bottom: 0px;
}
.profile-container h3 {
	font-size: 18px;
	line-height: 22px;
	color: #464646;
	margin: 0px 0px 5px 0px;
}
.profile-container h5 {
	display: block;
	font-size: 15px;
	line-height: 22px;
	color: #777;
	font-weight: 400;
	margin: 0px 0px 12px 0px;
}
.profile-container h6 {
	display: block;
	font-size: 13px;
	line-height: 16px;
	color: #777;
	font-weight: 300;
	margin-top: -8px;
}
.profile-detail p {
	margin-bottom: 0px;
	text-align: justify;
	line-height: 22px;
}
.profile-detail a {
	float: right;
	font-size: 13px;
	color: #1f9fcc;
	line-height: 18px;
	margin-top: 5px;
	cursor: pointer;
}
.profile-detail a:hover {color: #0058a3;}


.profile-details-container{
	float: left;
	width: 100%;
}
.profile-details-container i.popup-close {
	position: absolute;
	right: 15px;
	top: 15px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../../images/icons/close.png) no-repeat center center;
	cursor: pointer;
	z-index: 11;
}
.profile-details-container .profile-img {
	padding: 20px 0px 0px 20px;
	z-index: 10;
}
.profile-name{
	float: left;
	width: 100%;
	margin: 30px 0px 10px 0px;
}
.profile-name h3 {
	font-size: 18px;
	line-height: 22px;
	color: #464646;
	margin: 0px 0px 5px 0px;
}
.profile-name h5 {
	font-size: 15px;
	line-height: 22px;
	color: #777;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}
.profile-name h6 {
	display: block;
	font-size: 13px;
	line-height: 16px;
	color: #777;
	font-weight: 300;
	margin-top: -8px;
}

.profile-name a{margin: 0px 10px 0px 0px;}
.profile-name a i{
	width: 25px;
	height: 25px;
	display: block;
}
.profile-name a i.icon-pfltwitter{
	display: inline-block;
	background: url(../../images/icons/icon-pfltwitter.svg) no-repeat center center;
}
.profile-name a i.icon-pfllinkedin{
	display: inline-block;
	background: url(../../images/icons/icon-pfllinkedin.svg) no-repeat center center;
}

.profile-details{
	float: left;
	width: 100%;
}
.profile-details h5 {
	font-size: 15px;
	color: #0058a3;
	padding: 0px 20px;
}
.profile-details p {
	text-align: justify;
	padding: 0px 20px;
}

.profile-details strong{font-weight: 500;}

.profile-details ul {
	width: 100%;
	list-style: none;
	background: #f2f5fa;
	padding: 10px 20px;
}
.profile-details ul li {
	display: block;
	margin-bottom: 8px;
	position: relative;
	padding-left: 20px;
}
.profile-details ul li:before {
	content: "";
	height: 10px;
	width: 10px;
	display: block;
	float: left;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 5px 7px 0px 0px;
	position: absolute;
	left: 0px;
}

@media (max-width: 767px) {	
.profile-content-container{margin: 20px 0px; text-align: center;}
.profile-content-container h1{margin: 0px 0px 20px 0px;}	
.profile-container {margin: 15px 0px 35px 0px;}
.profile-img img {display: inline; margin-bottom: 8px;}	
.profile-detail {text-align: center; margin-top: 25px;}
.profile-detail::before {width: 100px; top: 10px; margin-left: -50px; left: 50%;}
.profile-detail::after {width: 100px; margin-left: -50px; left: 50%; bottom: -20px;}
.profile-detail a {float: none; display: block; margin-top: 10px; }
	
.profile-details-container .profile-img {padding: 20px 0px 0px 0px;}	
.profile-name{margin: 5px 0px 0px 0px; text-align: center;}
.profile-name h3 {line-height: 20px;}
.profile-name h5 {font-size: 14px;}
.profile-name a{margin: 0px 5px 0px 5px;}
.profile-details h5 {padding: 0px 15px;}
.profile-details p {padding: 0px 15px; font-size: 13px;}
.profile-details ul {padding: 10px 15px; font-size: 13px;}	
}

/************************** Oxigen Group Content ***********************************/
.content-pages{
	float: left;
	width: 100%;
	padding: 20px 0px;
	text-align: left;
}
.content-pages h1{
	margin:0px 0px 20px 0px;
}
.content-pages h5{
	font-size: 17px;
	line-height: 24px;
	color:#0058a3;
	font-weight: 500;
	margin:10px 0px;
}
.content-pages ul{
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px 0px 10px 0px;
}
.content-pages ul li{
	float: left;
	width: 100%;
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 20px;
	color: #646464;	
	position: relative;
	padding-left: 20px;
}
.content-pages ul li::before {
	content: "";
	height: 10px;
	width: 10px;
	display: block;
	float: left;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 5px 7px 0px 0px;
	position: absolute;
	left: 0px;
}
.content-pages strong{
	font-weight: 500;
	color:#444;
}

.content-box{float: left; width: 100%;}

@media (max-width: 767px) {
.content-pages{padding:15px 0px;}
.content-pages h1{margin-bottom:10px;}
.content-pages h2{margin-bottom:10px;}
}

/******************************* Product *************************************/

.product-container {
	float: left;
	width: 100%;	
	position: relative;
	z-index: 1;
}

.product-content{
    float: left;
    width: 100%;
    background: #fff;
    text-align: justify;
    padding: 25px 0px;
}

.product-content h1{
	font-size: 22px;
    margin: 5px 0px 10px 0px;
}

@media(max-width:767px) {
.product-content{padding: 20px 0px;}
.product-content h1{ font-size: 18px;}
}

/******************************* POS start *************************************/

.pos-achievement {
	float: left;
	width: 100%;
}

.pos-achievement h2{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 24px;
	margin: 40px 0px;
}

.pos-line{
	float: left;
	width: 100%;
	background: url('../../images/pos-line.png') repeat-y center top;
	position: relative;
	margin-bottom: 50px;
}

.pos-line:before {
	content: "";
	height: 5px;
	width: 20px;
	background: #d3d5d9;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -10px;
}
.pos-line:after {
	content: "";
	height: 5px;
	width: 20px;
	background: #d3d5d9;
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -10px;
}

.pos-left{
	float: left;
	width: 100%;
	text-align: right;
	padding-right: 5px;
}

.pos-left h4{
	float: left;
	width: 100%;
	margin: -75px 0px 0px 0px;
	position: relative;
	z-index: 1;
}

.pos-left h4 span{
	background: #1f9fcc;
	color: #fff;
	padding: 5px 30px 5px 50px;
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.pos-left img{
	float: right;
	margin: 0px 105px 10px 0px;
	position: relative;
	z-index: 2;	
}

.pos-left p{
	float: left;
	width: 100%;
}

.pos-right{
	float: left;
	width: 100%;
	text-align: left;
	padding-left: 5px;
	margin-top: 125px;
}

.pos-right h4{
	float: left;
	width: 100%;
	margin: -75px 0px 0px 0px;
	position: relative;
	z-index: 1;	
}

.pos-right h4 span{
	background: #0058a3;
	color: #fff;
	padding: 5px 50px 5px 30px;
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.pos-right img{
	float: left;
	margin: 0px 0px 10px 105px;
	position: relative;
	z-index: 2;	
}

.pos-right p{
	float: left;
	width: 100%;
}

@media(max-width:767px) {

.pos-achievement h2{font-size: 20px; margin: 25px 0px;}
.pos-line{background: none; margin-bottom: 0px;}
.pos-line:before {display: none;}
.pos-line:after {display: none;}
	
.pos-left{text-align: center; padding-left: 0px; margin-bottom: 20px;}
.pos-left h4{margin: -5px 0px 15px 0px;}
.pos-left h4 span{padding: 8px 30px 8px 30px; font-size: 18px;}
.pos-left img{float: none; margin: 0px 0px 0px 0px; display: inline-block;}

.pos-right{text-align: center; padding-left: 0px; margin-bottom: 20px; margin-top:0px;}
.pos-right h4{margin: -5px 0px 15px 0px;}	
.pos-right h4 span{padding: 8px 30px 8px 30px; font-size: 18px;}
.pos-right img{float: none; margin: 0px 0px 0px 0px; display: inline-block;}
}

/********************************APP / Web  *******************************************/

.app-services-container{
    float: left;
    width: 100%;
    padding: 40px 0px;
	text-align: center;
}
.app-services-container h5{
	float: left;
	width: 100%;
	margin: 0px 0px 20px 0px;
	line-height: 24px;
	color: #0058a3;
	font-size: 18px;
}
.app-services {
    float: left;
    width: 100%;
	text-align: center;
	margin-top: 15px;
}

.app-services p{line-height: 20px;}

.app-services i {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #bbb;
}
.app-services i.mob-rech {
   	background:#fff url(../../images/icons/mob-rech.svg) no-repeat center center;
	background-size: 120%;
}
.app-services i.bill-pmt {
    	background: #fff url(../../images/icons/bill-pmt.svg) no-repeat center center;
	background-size: 130%;
}
.app-services i.dth-rech {
   background: #fff url(../../images/icons/dth-rech.svg) no-repeat center center;
	background-size: 130%;
}
.app-services i.tkt-book {
   background: #fff url(../../images/icons/tkt-book.svg) no-repeat center center;
	background-size: 130%;
}
.app-services i.mny-trns {
    background: #fff url(../../images/icons/mny-trns.svg) no-repeat center center;
	background-size: 130%;
}
.app-services i.mov-tkt {
   background: #fff url(../../images/icons/mov-tkt.svg) no-repeat center center;
	background-size: 130%;
}
.app-services i.wlt-top {
    background: #fff url(../../images/icons/wlt-top.svg) no-repeat center center;
	background-size: 130%;
}
.app-services i.mer-pmt {
    background: #fff url(../../images/icons/mer-pmt.svg) no-repeat center center;
	background-size: 130%;
}

@media (max-width:767px) {
	
.app-services-container{padding: 30px 0px;}
.app-services-container h5{margin: 0px 0px 10px 0px; font-size: 16px;}	
.app-services p br{ display: none;}
}

/**************************** Solutions Distribution Model **********************************/

.solutions-container{
	float: left;
	width: 100%;	
	background: #fff;
}

.distribution-text {
	float: left;
	width: 100%;
	padding: 5px 0px 20px 0px;
}

.retailer-count {
	float: left;
	width: 100%;
	padding: 70px 0px;
}
.circle {
	float: left;
	text-align: center;
	height: 130px;
	width: 130px;
	opacity: 0.85;
	border-radius: 50%;
	padding: 5px 0px;
}
.circle:hover {opacity: 1.00;}
.circle h3 {color: #fff; font-size: 30px; line-height: 36px;}
.circle h3 span {display: block; font-size: 16px; line-height: 20px;}
.circle1{background: #0058a3; position: relative; z-index: 1;}
.circle2 {background: #1f9fcc; margin-left: -20px; position: relative; z-index: 2;}
.circle3 {background: #0058a3; margin-left: -20px; position: relative; z-index: 3;}

.distribution-other-text {
	float: left;
	width: 100%;
	padding:20px 0px;
}
.distribution-other-text p span {color: #0f8dba;}

@media (max-width: 991px) {
.circle {height: 105px; width: 105px;}
.circle h3 {font-size: 24px; line-height: 30px;}
.circle h3 span {font-size: 12px; line-height: 16px;}
}

@media (max-width: 767px) {	
.retailer-count {padding: 20px 0px; text-align: center;}
.circle {float: none; display: inline-block;}
.distribution-text h1{ text-align: center;}
.distribution-text p, .distribution-other-text p{ text-align: justify;}
}

/************************** Retail Management Unit (RMU) *************************/

.rmu-desc-txt{
	float: left; 
	width:100%; 
	margin-top: 30px;
}
.rmu-desc-txt h1 {
	font-size: 20px;
	line-height: 30px;
	color: #0058a3;
	margin: 20px 0px 15px 0px;
}
.rmu-desc-txt p {text-align: justify;}
.rmu-map {
	float:left; 
	width:100%;
	margin:20px 0px;
}
.rmu-map img {display: inline-block;}

.benefits-to-rmu {
	float: left; 
	width: 100%;
}
.rmu-benefits-details {
	float: left;
	width: 100%;
	background: #0058a3;
}
.rmu-benefits-img {
	float: right;
	width: 50%;
	overflow: hidden;
	background: #0058a3;
}
.rmu-benefits-img img {min-height: 470px;}

.rmu-benefits-container{
    float: left;
    width: 50%;
}
.rmu-benefits {
    float: right;
    width: 570px;
    text-align: left;
	padding-right: 15px;
}
.rmu-benefits h2{
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	margin: 20px 0px 15px 0px;
}
.rmu-benefits ul {
    float: left;
    margin: 0px;
    list-style: none;
    width: 100%;
    padding: 0px;
}
.rmu-benefits ul li {
   float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    position: relative;
    padding-left: 30px;
}
.rmu-benefits ul li:before {
   content: "";
    height: 17px;
    width: 17px;
    display: block;
    float: left;
    background: url(../../images/icons/list-icon.svg) no-repeat;
    background-size: 100%;
    margin: 2px 7px 0px 0px;    
    position: absolute;
    left: 0;
}

@media (max-width:1199px) {
.rmu-benefits {width:100%; padding-left: 15px;}	
}

@media (max-width:767px) {

.rmu-desc-txt{margin-top: 0px;}
.rmu-desc-txt h1 {font-size: 18px;	margin: 15px 0px 5px 0px;}	
.rmu-map {margin:15px 0px; text-align: center;}	
.rmu-benefits-img {width: 100%;}
.rmu-benefits-img img {min-height: auto;}
.rmu-benefits-container{ width: 100%;}
.rmu-benefits h2{margin: 15px 0px 15px 0px;}
}

/************************** Retail Outlets (RO) *************************/

.ro-container {
	float: left;
	width: 100%;
	background: #fff;
}
.ro-txt{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.ro-txt h1 {font-size: 20px; margin-bottom: 10px;}
.ro-txt p {text-align: justify;}

.ro-image {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}
.ro-image img {display: inline-block;}

.benefits-to-ro {
	float: left;
	width: 100%;
	text-align: center;
	margin: 30px 0px;
}
.benefits-to-ro h2{ margin:5px 0px 60px 0px;}

.ro-benefits {
	float: left;
	width: 100%;
	min-height: 110px;
	margin-bottom: 50px;
	text-align: center;
	border: solid 1px #eee;
	padding:10px;
	background: #fff;
}
.ro-inline1{min-height: 140px;}
.ro-inline2{min-height: 140px;}

.ro-benefits p {margin-bottom: 0px; width: 100%; line-height: 20px;}

.ro-benefits i {
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #0058a3;
	margin-top: -45px;
	border: solid 2px #fff;
}
.ro-benefits i.icon-one-stop {
	background: #0058a3 url(../../images/icons/icon-one-stop.svg) no-repeat center center;
}
.ro-benefits i.icon-instant-recharge {
	background: #0058a3 url(../../images/icons/icon-single-terminal.svg) no-repeat center center;
}
.ro-benefits i.icon-reports-avail {
	background: #0058a3 url(../../images/icons/icon-reports-avail.svg) no-repeat center center;
}
.ro-benefits i.icon-customer-support {
	background: #0058a3 url(../../images/icons/icon-customer-support.svg) no-repeat center center;
}
.ro-benefits i.icon-single-terminal {
	background: #0058a3 url(../../images/icons/icon-single-terminal.svg) no-repeat center center;
}
.ro-benefits i.icon-product-order {
	background: #0058a3 url(../../images/icons/icon-product-order.svg) no-repeat center center;
}
.ro-benefits i.icon-visibility {
	background: #0058a3 url(../../images/icons/icon-visibility.svg) no-repeat center center;
}
.ro-benefits i.icon-minimum-order {
	background: #0058a3 url(../../images/icons/icon-minimum-order.svg) no-repeat center center;
}
.ro-benefits i.icon-blockage {
	background: #0058a3 url(../../images/icons/icon-blockage.svg) no-repeat center center;
}
.ro-benefits i.icon-easy-cash-flow {
	background: #0058a3 url(../../images/icons/icon-easy-cash-flow.svg) no-repeat center center;
}
.ro-benefits i.icon-business-profit {
	background: #0058a3 url(../../images/icons/icon-business-profit.svg) no-repeat center center;
}
.ro-benefits i.icon-trans-record {
	background: #0058a3 url(../../images/icons/icon-trans-record.svg) no-repeat center center;
}
.ro-benefits i.icon-ta {
	background: #0058a3 url(../../images/icons/icon-ta.svg) no-repeat center center;
}
.ro-benefits i.icon-no-runout {
	background: #0058a3 url(../../images/icons/icon-no-runout.svg) no-repeat center center;
}
.ro-benefits i.icon-no-lossrisk {
	background: #0058a3 url(../../images/icons/icon-no-lossrisk.svg) no-repeat center center;
}
.ro-benefits i.icon-online-portal {
	background: #0058a3 url(../../images/icons/icon-online-portal.svg) no-repeat center center;
}

.register-btn {
	float: left;
	width: 100%;
	text-align: center;
}
.register-btn  p {margin: 0px 0px 0px 0px;}

.register-btn  a {
	display: inline-block;
	margin: 5px 0px;
	padding: 5px 20px;
	border: 1px solid #1f9fcc;
	border-radius: 5px;
	color: #1f9fcc;
	font-size: 16px;
	line-height: 24px;
}
.register-btn a:hover{background: #1f9fcc; color: #fff;}

.ro-location-map {
	float: left;
	width: 100%;
	height: 600px;
}
.ro-location-map iframe {
	width: 100%;
	height: 100%;
	border: 0px;
}
@media (min-width: 991px) and (max-width: 1199px) {
.ro-benefits {min-height: 115px;}
.ro-inline1{min-height: 155px;}
.ro-inline2{min-height: 155px;}
}

@media (min-width: 768px) and (max-width: 990px) {
.ro-benefits {min-height: 100px;}
.ro-inline1{min-height: 155px;}
.ro-inline2{min-height: 100px;}
}

@media (max-width: 767px) {

.ro-txt h1 {font-size: 18px;}
.ro-benefits {min-height: 10px;}
.ro-inline1{min-height: 10px;}
.ro-inline2{min-height: 10px;}
}

/************************** Oxigen Rail Agent *************************/

.rail-content-container{
	float: left;
	width:100%;
	margin:30px 0px;
}
.rail-agent-txt{
	float: left;
	width:100%;
	margin-bottom: 15px;
}
.rail-txt-img{
	float: left;
	width:100%;
}

@media (max-width: 767px) {
.rail-content-container{margin:10px 0px 20px 0px;}
.rail-agent-txt h1 {font-size: 18px;}
}

/****************************** Oxigen Wallet *********************************/

.ow-container {
    float: left;
    width: 100%;
    padding: 40px 0px;
    background: #fff;
	text-align: left;
}
.ow-txt{
    float: left;
    width: 100%;
}
.ow-txt h1{margin-top: 10px;}
.ow-txt p strong{font-weight:500;}
.ow-txt p.download-app-text {color: #1f9fcc;}

.ow-services-container {
    float: left;
    width: 100%;
    padding: 40px 0px;
	text-align: center;
}
.ow-services-container h2 {
    margin-bottom: 60px;
    font-size: 24px;
    float: left;
    width: 100%;	
}

.ow-service-box {
    float: left;
    width: 100%;
    background: #fff;
    margin-bottom: 60px;
    border-radius: 2px;
    min-height: 180px;
}

.ow-service-box span.icon-box {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    margin-top: -35px;
    padding: 5px;
}
.ow-service-box span.icon-box i {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #bbb;
}
.ow-service-box span.icon-box i.rbpmt {
   background: #f2f5fa url(../../images/icons/recharge-billpayment.svg) center center;
}
.ow-service-box span.icon-box i.sendmoney {
    background: #f2f5fa url(../../images/icons/icon-sendmoney.svg) no-repeat center center;
}
.ow-service-box span.icon-box i.shoponline {
    background: #f2f5fa url(../../images/icons/shoponline.svg) no-repeat center center;
}
.ow-service-box .icon-box i.payatstore {
    background: #f2f5fa url(../../images/icons/payatstore.svg) no-repeat center center;
}
.ow-service-box span.icon-box i.prepaidcard {
   background: #f2f5fa url(../../images/icons/prepaidcard.svg) no-repeat center center;
}
.ow-service-box span.icon-box i.giftcard {
    background: #f2f5fa url(../../images/icons/giftcard.svg) no-repeat center center;
}
.ow-service-box span.icon-box i.traveltkt {
   background: #f2f5fa url(../../images/icons/traveltkt.svg) no-repeat center center;
}
.ow-service-box span.icon-box i.earnpoint {
    background: #f2f5fa url(../../images/icons/earnpoint.svg) no-repeat center center;
}

.ow-services {
    float: left;
    width: 100%;	
    padding: 0px 9px;
}
.ow-services h5 {
    color: #0058a3;
    font-size: 16px;
	margin-top: 5px;
}
.ow-services p { line-height: 20px;}

.ow-bottom-txt{
    float: left;
    width: 100%;
	margin-top: -15px;
}
.ow-bottom-txt p{font-size: 16px;}
.ow-bottom-txt p a.btn-submit{padding: 0px 30px;}

@media (max-width:767px) {	
.ow-container {padding: 30px 0px; text-align: center;}	
.ow-services-container {padding: 30px 0px;}
.ow-services-container h2 { margin-bottom: 50px; font-size: 20px;}
.ow-service-box {min-height: 80px;}	
.ow-services {padding: 0px 15px 10px 15px;}
.ow-bottom-txt{margin-top: -30px;}
.ow-bottom-txt p{ font-size: 14px;}	
}

/***************************** International Remittance Service *****************************/

.banking-remittance-container{
    float: left;
    width: 100%;
    padding: 30px 0px;
	background: #fff;
}
.remittance-txt{
    float: left;
    width: 100%;
    text-align: left;
}
.remittance-txt h1{margin: 0px 0px 5px 0px;}
.remittance-txt h3{
	font-size: 18px;
	line-height: 24px;
	color: #0058a3;
	margin: 10px 0px 20px 0px;
}

.remittance-container{
    float: left;
    width: 100%;
    padding: 30px 0px;
}

.remittance-content-box {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
}

.icon-intremt-box { display: inline;}
.remittance-content-box i {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;    
    margin-right: 10px;
}
.remittance-content-box .icon-intremt-box i.icon-cash-amt {
    background: #1f9fcc url(../../images/icons/icon-cash-amt.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-nepal-kyc {
   background: #1f9fcc url(../../images/icons/icon-nepal-kyc.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-nepal-accdet {
    background: #1f9fcc url(../../images/icons/icon-nepal-accdet.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-nepal-uid {
    background: #1f9fcc url(../../images/icons/icon-nepal-uid.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-nepal-trnsok {
    background: #1f9fcc url(../../images/icons/icon-nepal-trnsok.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-nepal-rcvracc {
    background: #1f9fcc url(../../images/icons/icon-nepal-rcvracc.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-nepal-imeagnt {
    background: #1f9fcc url(../../images/icons/icon-nepal-imeagnt.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-nepal-rcvuid {
    background: #1f9fcc url(../../images/icons/icon-nepal-rcvuid.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-nepal-amtpaid {
   background: #1f9fcc url(../../images/icons/icon-nepal-amtpaid.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-nobank {
    background: #1f9fcc url(../../images/icons/icon-nobank.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-fst-trns {
    background: #1f9fcc url(../../images/icons/icon-fst-trns.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-trns-limit {
    background: #1f9fcc url(../../images/icons/icon-trns-limit.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-goi {
    background: #1f9fcc url(../../images/icons/icon-goi.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.icon-serv-chrg {
    background: #1f9fcc url(../../images/icons/icon-serv-chrg.svg) no-repeat;
}

.remittance-content-box .icon-intremt-box i.infra {
     background: #1f9fcc url(../../images/icons/infra.svg) no-repeat; 
}
.remittance-content-box .icon-intremt-box i.regfees {
    background: #1f9fcc url(../../images/icons/regfees.svg) no-repeat;
}

.remittance-content-box .icon-intremt-box i.footfall {
     background: #1f9fcc url(../../images/icons/footfall.svg) no-repeat;
}
.remittance-content-box .icon-intremt-box i.comison {
    background: #1f9fcc url(../../images/icons/comison.svg) no-repeat;
}

.remittance-content-box p {display: flex; align-items: center;}

@media( max-width:767px){
	
.banking-remittance-container{padding: 25px 0px 15px 0px;}
.banking-remittance-container h1{margin: 0px 0px 5px 0px;}
.banking-remittance-container h2{margin: 0px 0px 15px 0px;}
.banking-remittance-container h3{margin: 10px 0px 5px 0px;}
.remittance-container{padding: 20px 0px 10px 0px;}
.remittance-container h2{margin: 0px 0px 15px 0px;}
.remittance-container h3{margin: 10px 0px 5px 0px;}
}

/********************* Domestic Remittance ****************************/

.domestic-remt-container {
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.register-remt-box{
	float: left;
	width: 100%;
	text-align: left;
}
.register-remt-box i {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}
.register-remt-box i.dwn-regfrm {
	background: #1f9fcc url(../../images/icons/dwn-regfrm.svg) no-repeat center center;
	background-size: 125%;
}
.register-remt-box i.scan-doc {
	background: #1f9fcc url(../../images/icons/scan-doc.svg) no-repeat center center;
	background-size: 125%;
}
.register-remt-box i.reg-kyc {
	background: #1f9fcc url(../../images/icons/reg-kyc.svg) no-repeat center center;
	background-size: 125%;
}
.register-remt-box i.reg-status {
	background: #1f9fcc url(../../images/icons/reg-status.svg) no-repeat center center;
	background-size: 125%;
}
.register-remt-box i.reg-login {
	background: #1f9fcc url(../../images/icons/ow.svg) no-repeat center center;
	background-size: 125%;
}
.reg-agent-box {
	float: left;
	width: 100%;
	min-height: 80px;
}
.icon-reg-agent-box {display: inline;}

.reg-agent-box p {
	display: block;
	float: left;
	width: 78%;
}
.reg-agent-box .kyc-addr {
	background: #d6e6f5;
	text-align: left;
	width: 87%;
	padding: 10px 80px 10px 10px;
	margin: 0px 0px 10px 60px;
	font-weight: 400;
	float: left;
}
.reg-agent-box .kyc-addr strong {font-weight: 500;}

.new-wallet-process{
	float: left;
	width: 100%;
	text-align: left;
}
.new-wallet-process h3{
	font-size: 20px;
	line-height: 24px;
	color: #0058a3;
	margin: 0px 0px 15px 0px;
}
.new-wallet-process h4{
	font-size: 16px;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
}
.wallet-process-box {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
	display: flex;
}
.new-pro-icon{display: inline;}
.new-pro-icon i{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}

.wallet-process-box p{ 
	display: flex;
	align-items: center;
}

.wallet-process-box i.dob {
	background: #1f9fcc url(../../images/icons/dob.svg) no-repeat center center;
	background-size: 125%;
}
.wallet-process-box i.retl {
	background: #1f9fcc url(../../images/icons/outlet.svg) no-repeat center center;
	background-size: 125%;
}
.wallet-process-box i.outlet {
	background: #1f9fcc url(../../images/icons/outlet.svg) no-repeat center center;
	background-size: 125%;
}
.wallet-process-box i.imps {
	background: #1f9fcc url(../../images/icons/imps.svg) no-repeat center center;
	background-size: 125%;
}
.wallet-process-box i.mob-bnk {
	background: #1f9fcc url(../../images/icons/mob-bnk.svg) no-repeat center center;
	background-size: 125%;
}

.fund-transfer-process{
	float: left;
	width: 100%;
}
.fund-transfer-process h3{
	font-size: 20px;
	line-height: 24px;
	color: #0058a3;
	margin: 0px 0px 15px 0px;
}
.fund-tra-box{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	display: flex;
}

.fund-tra-icon{display: inline;}
.fund-tra-icon i{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}
.fund-tra-box p{ 
	display: flex;
	align-items: center;
}

.fund-tra-icon i.ret-point {
	background: #1f9fcc url(../../images/icons/outlet.svg) no-repeat center center;
	background-size: 125%;
}
.fund-tra-icon i.ow {
	background: #1f9fcc url(../../images/icons/ow.svg) no-repeat center center;
	background-size: 125%;
}
.fund-tra-icon i.and-app {
	background: #1f9fcc url(../../images/icons/and-app.svg) no-repeat center center;
	background-size: 125%;
}
.fund-tra-icon i.ios-app {
	background: #1f9fcc url(../../images/icons/ios-app.svg) no-repeat center center;
	background-size: 125%;
}
.fund-tra-icon i.sms {
	background: #1f9fcc url(../../images/icons/dob.svg) no-repeat center center;
	background-size: 125%;
}
.arw {font-size: 10px;}

.sms-syntax-container {
	float: left;
	width: 100%;
	padding: 15px;
	background: #d6e6f5;
	text-align: left;
	margin-top: 20px;
}
.syntax-container {
	float: left;
	width: 100%;
	text-align: left;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
}
.syntax-container p span {color: #1f9fcc;}

.syntax-container::before {
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: cover;
	border: 1px solid #1f9fcc;
	position: absolute;
	left: 0px;
	top: 3px;
}

.agent-btn {
	float: left;
	width: 100%;
	padding-left: 75px;
}
.agent-btn a {
	float: left;
    min-width: 150px;
    height: 44px;
    border: none;
    background: #1f9fcc;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    font-weight: 500;
    transition: 0.3s ease;
    border-radius: 22px;
    text-decoration: none;
    margin-top: 15px;
    text-align: center;
}
.agent-btn a:hover{background: #0058a3; color: #fff;}

@media(max-width: 767px) {	
.domestic-remt-container {padding: 20px 0px 10px 0px;}	
.register-remt-box h2{margin: 0px 0px 20px 0px; line-height: 24px;}
.reg-agent-box {min-height: 10px; margin-bottom: 10px;}
.reg-agent-box .kyc-addr {width: 100%; padding: 10px 10px 10px 10px; margin: 0px 0px 10px 0px;}
.wallet-process-box {margin-bottom: 10px;}
.fund-transfer-process h3{font-size: 18px;margin: 0px 0px 10px 0px;}
.agent-btn {padding-left: 15px; padding-bottom: 15px;}
	
}

/******************** Aadhaar Enabled Payment System  ****************************/

.aeps-container{
    float: left;
    width: 100%;
	padding: 10px 0px 30px 0px;
}
.aeps-txt{
    float: left;
    width: 100%;
}

/********************** CSP SBI ****************************/

.csp-container{
	float: left;
	width:100%;
	padding: 20px 0px;
	background: #fff;
}
.csp-txt{
	float: left;
	width:100%;
}
.csp-txt h1{margin: 5px 0px 8px 0px;}

.csp-services-container{
	float: left;
	width:100%;
	padding: 30px 0px 10px 0px;
}
.csp-services{
	float: left;
	width:100%;
	text-align: center;
}
.csp-service-box{
	float: left;
	width:100%;
	margin-bottom: 15px;
}
.csp-service-box p{line-height: 18px;}

.csp-service-box i{
	display: inline-block;
	border: 1px solid #bbb;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.csp-service-box i.icon-cash-deposit{
	background: #fff url(../../images/icons/icon-cash-dep.svg) no-repeat center center;
	background-size: 130%;
}
.csp-service-box i.icon-cash-withdraw{
	background:#fff url(../../images/icons/icon-cash-withdr.svg) no-repeat center center;
	background-size: 130%;
}
.csp-service-box i.icon-money-transfer-bc{
	background: #fff url(../../images/icons/icon-money-transfer-bc.svg) no-repeat -6px center;
	background-size: 130%;
}
.csp-service-box i.icon-loan-disbursal{
	background:#fff url(../../images/icons/icon-loan-disbursal.svg) no-repeat center center;
	background-size: 130%;
}
.csp-service-box i.icon-credit-limit{
	background:#fff url(../../images/icons/icon-credit-limit.svg) no-repeat center center;
	background-size: 130%;
}

.csp-benefits{float: left;width: 100%;}
.csp-benefits .panel-default{margin-bottom: 10px;}
.csp-benefits i{
	float: right;
	display: block;
	width: 16px;
	height: 16px;
}
.csp-benefits i.icon-expand{background: url(../../images/icons/icon-expand.svg) no-repeat center right;}
.csp-benefits i.icon-collapse{background: url(../../images/icons/icon-collapse.svg) no-repeat center right;}
.csp-benefits .panel-title{color: #555;}

.csp-benefit-txt{
	float: left;
	width: 100%;
}
.csp-benefit-txt ul{
	list-style: none;
	margin: 0px 0px 15px 0px;	
}

.csp-benefit-txt ul li{
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 20px;
	color: #646464;	
	position: relative;
	padding-left: 20px;    
}
.csp-benefit-txt ul li::before {
    content: "";
    height: 10px;
    width: 10px;
    display: block;
    float: left;
    background: url(../../images/icons/bullet.svg) no-repeat;
    background-size: 100%;
    margin: 5px 7px 0px 0px;
    position: absolute;
    left: 0;
}
.csp-benefits table{margin-bottom: 10px;}

@media (max-width: 767px) {
.csp-services h2{margin: 0px 0px 15px 0px; line-height: 24px;}
.csp-benefits .panel-title{font-size: 14px;}
}

/*********************** Payment Solutions wallet **********************/

.wallet-container {
	float: left;
	width: 100%;
	padding: 20px 0px;
	background: #fff;
}
.wallet-txt{
	float: left;
	width: 100%;
}
.wallet-txt h1{margin: 5px 0px 8px 0px;}
.wallet-txt h5{
	font-size: 16px;
	line-height: 24px;
	color: #0058a3;
}
.wallet-txt p strong{font-weight: 500;}

.wallet-service-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.wallet-create-txt{
	float: left;
	width: 100%;
}
.wallet-create-txt strong{font-weight: 500;}

.wallet-create-txt ol{margin: 0px 0px 10px 18px;}
.wallet-create-txt ol li{line-height: 20px; font-size: 14px; margin-bottom: 5px;}

.wallet-create-txt ul{
	list-style: none;
	margin: 0px 0px 15px 0px;	
}

.wallet-create-txt ul li{
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 20px;
	color: #646464;	
	position: relative;
	padding-left: 20px;    
}
.wallet-create-txt ul li::before {
    content: "";
    height: 10px;
    width: 10px;
    display: block;
    float: left;
    background: url(../../images/icons/bullet.svg) no-repeat;
    background-size: 100%;
    margin: 5px 7px 0px 0px;
    position: absolute;
    left: 0;
}

/*********************** Co-branded RBL Card **********************/

.branded-card-container{
	float: left;
	width: 100%;
	padding: 40px 0px 20px 0px;
	background: #e6e6e6;
}

.branded-txt{
	float: left;
	width: 100%;
	padding: 50px 40px 0px 0px;
}
.branded-txt h1{
	font-size: 24px;
	margin: 0px 0px 10px 0px;
}
.branded-img{
	float: left;
	width: 100%;
}
.branded-img img{float: right;}

.rblcard-benefits-container{
	float: left;
	width: 100%;
	padding: 40px 0px 20px 0px;
	text-align: center;
}

.rblcard-benefits-container h2{font-size: 22px;}

.rbl-benefit-tab{
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.rbl-benefit-tab span {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	vertical-align: top;
}
.rbl-benefit-tab .switch {
	position: relative;
	display: inline-block;
	width: 65px;
	height: 30px;
	margin: 0px 15px;
}
.rbl-benefit-tab .switch input {
	display: none;
}
.rbl-benefit-tab .sliderbl {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s;
	border: 1px solid #aaaaaa;
}
.rbl-benefit-tab .sliderbl:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 4px;
	top: 3px;
	background-color: #1f9fcc;
	-webkit-transition: .4s;
	transition: .4s;
}
.rbl-benefit-tab input:checked + .sliderbl {background-color: #fff;}
.rbl-benefit-tab input:focus + .sliderbl{box-shadow: 0 0 1px #2196F3;}
.rbl-benefit-tab input:checked + .sliderbl:before {
	-webkit-transform: translateX(33px);
	-ms-transform: translateX(33px);
	transform: translateX(33px);
}
.rbl-benefit-tab .sliderbl.roundbl {border-radius: 30px;}
.rbl-benefit-tab .sliderbl.roundbl:before {border-radius: 50%;}

.rblcard-box{
	float: left;
	width: 100%;
}
.rblcard-benefits{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	min-height: 155px;
}
.rblcard-benefits i{
	display: inline-block;
	width: 100px;
	height: 65px;
	margin-bottom: 10px;
}

.rblcard-benefits i.i-integration{
	background: url(../../images/icons/i-integration.svg) no-repeat bottom center;
	background-size: 90%;
}
.rblcard-benefits i.i-issuance{
	background: url(../../images/icons/i-issuance.svg) no-repeat bottom center;
	background-size: 60%;
}
.rblcard-benefits i.i-schedule{
	background: url(../../images/icons/i-schedule.svg) no-repeat bottom center;
	background-size: 55%;
}
.rblcard-benefits i.i-customisable{
	background: url(../../images/icons/i-customisable.svg) no-repeat bottom center;
	background-size: 58%;
}
.rblcard-benefits i.i-accessible{
	background: url(../../images/icons/i-accessible.svg) no-repeat bottom center;
	background-size: 55%;
}
.rblcard-benefits i.i-compliant{
	background: url(../../images/icons/i-compliant.svg) no-repeat bottom center;
	background-size: 36%;
}
.rblcard-benefits i.i-cashless{
	background: url(../../images/icons/i-cashless.svg) no-repeat bottom center;
	background-size: 65%;
}
.rblcard-benefits i.i-reduced{
	background: url(../../images/icons/i-reduced.svg) no-repeat bottom center;
	background-size: 47%;
}
.rblcard-benefits i.i-bankaccount{
	background: url(../../images/icons/i-bankaccount.svg) no-repeat bottom center;
	background-size: 60%;
}
.rblcard-benefits i.i-withdraw{
	background: url(../../images/icons/i-withdraw.svg) no-repeat bottom center;
	background-size: 60%;
}
.rblcard-benefits i.i-acceptance{
	background: url(../../images/icons/i-acceptance.svg) no-repeat bottom center;
	background-size: 68%;
}
.rblcard-benefits i.i-track{
	background: url(../../images/icons/i-track.svg) no-repeat bottom center;
	background-size: 35%;
}
.rblcard-benefits i.i-addmoney{
	background: url(../../images/icons/i-addmoney.svg) no-repeat bottom center;
	background-size: 51%;
}
.rblcard-benefits i.i-sbills{
	background: url(../../images/icons/i-sbills.svg) no-repeat bottom center;
	background-size: 62%;
}
.rblcard-benefits i.i-reissuance{
	background: url(../../images/icons/i-reissuance.svg) no-repeat bottom center;
	background-size: 63%;
}
.rblcard-benefits i.i-insurance{
	background: url(../../images/icons/i-insurance.svg) no-repeat bottom center;
	background-size: 60%;
}

.rblcard-benefits p{line-height: 20px;}
.rblcard-benefits p span.amount{
	background: #f8b935;
	border-radius: 10px;
	font-weight: 500;
	padding: 0px 10px;
	display: inline-block;
}

@media (max-width: 767px) {
.branded-card-container{padding: 20px 0px 20px 0px;}
.branded-txt{padding: 0px 0px 0px 0px;}
.branded-txt h1{font-size: 20px;}	
.rblcard-benefits-container{padding: 20px 0px 20px 0px;}
.rblcard-benefits-container h2{font-size: 20px; margin-bottom: 20px;}
.rbl-benefit-tab span {font-size: 16px;}	
.rblcard-benefits{min-height: 50px;}	
.rblcard-benefits p br{display: none;}	
}

/*********************** Payment Solutions UPI **********************/

.payment-container {
	float: left;
	width: 100%;
	padding: 40px 0px;
	background: #fff;
}
.payment-txt{
	float: left;
	width: 100%;
}
.payment-txt p strong{font-weight: 500;}
.payment-txt h1{margin: 0px 0px 8px 0px;}

.payment-txt h4{
	font-size: 16px;
	line-height: 20px;
	color: #0058a3;
	margin: 5px 0px;
}

@media (max-width: 767px) {
.payment-container {padding: 20px 0px;}
}

/*********************** Payment Solutions BBPS **********************/

.bbps-features-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
}

.bbps-features{
	float: left;
	width: 100%;
	text-align: center;
}

.bbps-features h2{margin: 0px 0px 50px 0px;}

.bbps-features-box{
	float: left;
	width: 100%;
	background: #fff;
	padding: 0px 10px;
	border: solid 1px #eee;
	min-height: 200px;
	margin-bottom: 30px;
}

.bbps-features-box .icon-container{
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	padding: 5px;
	background: #fff;
	text-align: center;
	margin:-35px 0px 5px 0px;
}
.bbps-features-box .icon-container i{
	display: block;
	border: 1px solid #888;
	width: 60px;
	height: 60px;
	background-size: cover;
	border-radius: 50%;
}
.bbps-features-box .icon-container i.icon-easy-access{
	background: #fff url(../../images/icons/icon-easy-access.svg) no-repeat center center;
	background-size: 125%;
}
.bbps-features-box .icon-container i.icon-secure-txn{
	background: #fff url(../../images/icons/icon-secure-txn.svg) no-repeat center center;
	background-size: 125%;
}
.bbps-features-container .icon-container i.icon-interoperability{
	background: #f2f5fa url(../../images/icons/icon-interoperability.svg) no-repeat center center;
	background-size: 125%;
}
.bbps-features-box h3{
	font-size: 16px;
	line-height: 20px;
	color: #0058a3;
	margin: 0px 0px 10px 0px;
}

@media (max-width: 767px) {	
.bbps-features-box{margin-bottom: 50px;}	
}


/******************* Expense Management Solution *********************/

.expense-management-container{
	float: left;
	width: 100%;
	padding: 40px 0px;
}
.oems-services {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	border-radius: 5px;
	background: #fff;
	text-align: center;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.oems-services img{border-radius: 5px 5px 0px 0px;}
.oems-services h3{
	font-size: 20px;
	color: #0058a3;
	margin: 15px 0px 8px 0px;
}
.oems-services p {padding: 0px 25px;}

.expense-benefits-container{
	float: left;
	width: 100%;
	padding: 40px 0px;
	background: #fff;
}
.expense-benefits{
	float: left;
	width: 100%;
	text-align: center;
}
.expense-benefits h2{margin: 0px 0px 20px 0px;}

.exp-benefits-box{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.exp-benefits-box p{line-height: 20px;}

.exp-benefits-box i {
	display: inline-block;
	width: 70px;
	height:70px;
	margin-bottom: 10px;
	background: #f2f5fa;
	background-size: cover;
	border: 1px solid #1f9fcc;
	border-radius: 50%;
}
.exp-benefits-box i.icon-nobankacc {	
	background:#f2f5fa url(../../images/icons/no-bank-account.svg) no-repeat center center;
	background-size: 80%;
}
.exp-benefits-box i.icon-cashwithdraw {
	background:#f2f5fa url(../../images/icons/cashwithdrawal.svg) no-repeat center center;
	background-size: 80%;
}
.exp-benefits-box i.icon-acceptence {
	background:#f2f5fa url(../../images/icons/acceptence.svg) no-repeat center center;
	background-size: 80%;
}
.exp-benefits-box i.icon-track {
	background:#f2f5fa url(../../images/icons/track.svg) no-repeat center center;
	background-size: 80%;
}
.exp-benefits-box i.icon-reloadable {	
	background:#f2f5fa url(../../images/icons/load-money.svg) no-repeat center center;
	background-size: 80%;
}
.exp-benefits-box i.icon-submitbill {
	background:#f2f5fa url(../../images/icons/submit-bill.svg) no-repeat center center;
	background-size: 80%;
}
.exp-benefits-box i.icon-noreissue {
	background:#f2f5fa url(../../images/icons/noreissuecard.svg) no-repeat center center;
	background-size: 80%;
}
.exp-benefits-box i.icon-insurence {
	background:#f2f5fa url(../../images/icons/insurance.svg) no-repeat center center;
	background-size: 80%;
}

@media (max-width: 767px) {
.expense-management-container{padding: 30px 0px 10px 0px;}
.oems-services {margin-bottom: 20px;}
.oems-services h3{font-size: 18px;}
.oems-services p {padding: 0px 10px;}
.expense-benefits-container{padding: 20px 0px;}
.exp-benefits-box p br{display: none;}
.exp-benefits-box i {margin-bottom:0px;}
}


/********************** Loyalty Solution  **********************/

.loyality-container{
	float: left;
	width: 100%;
	background: #fff;
	padding: 30px 0px;
}
.loyality-txt{
	float: left;
	width: 100%;
}
.loyality-txt h1{margin: 0px 0px 10px 0px;}

.loyality-txt h3{
	font-size: 17px;
	line-height: 22px;
	color: #0058a3;
}
.loyality-txt ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.loyality-txt ul li {
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 20px;
	color: #646464;
	position: relative;
	padding-left: 20px;
}
.loyality-txt ul li:before {
	content: "";
	height: 10px;
	width: 10px;
	display: block;
	float: left;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 7px 0px 0px;
	position: absolute;
	left: 0px;
}

.loyality-solution-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.loyality-solution{
	float: left;
	width: 100%;
	text-align: center;
}
.loyality-solution h2{margin-bottom: 20px; line-height: 26px;}

.loyal-box{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.loyal-box p{line-height: 20px;}

.loyal-box i {
	display: inline-block;
	width: 70px;
	height:70px;
	margin-bottom: 5px;
	border: 1px solid #888;
	border-radius: 50%;
}

.loyal-box i.icon-partner-integarte{	
	background: #fff url(../../images/icons/icon-partner-integarte.svg) no-repeat center center;
}
.loyal-box i.icon-easy-ui{	
	background: #fff url(../../images/icons/icon-easy-ui.svg) no-repeat center center;
}
.loyal-box i.icon-point-redemption {	
	background: #fff url(../../images/icons/icon-point-redemption.svg) no-repeat center center;
}
.loyal-box i.icon-icon-mis {	
	background: #fff url(../../images/icons/icon-icon-mis.svg) no-repeat center center;
}
.loyal-box i.icon-dashboard {	
	background: #fff url(../../images/icons/icon-dashboard.svg) no-repeat center center;
}
.loyal-box i.icon-add-feature {	
	background: #fff url(../../images/icons/icon-add-feature.svg) no-repeat center center;
}
.loyal-box i.icon-form-factor {	
	background: #fff url(../../images/icons/icon-form-factor.svg) no-repeat center center;
}

@media (max-width: 767px) {
	
.loyality-container{padding: 20px 0px;}
.loyality-solution-container{padding: 20px 0px 0px 0px;}
.loyal-box i {margin-bottom: 0px;}
}

/************************ White Label ***************************/

.white-label-container{
	float: left;
	width: 100%;
	background: #fff;
	padding: 30px 0px 20px 0px;
}
.white-label-txt{
	float: left;
	width: 100%;
}
.white-label-txt h1{margin: 0px 0px 10px 0px;}

.white-payment-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.white-payment{
	float: left;
	width: 100%;
	text-align: center;
}
.white-payment h3{
	font-size: 22px;
	line-height: 24px;
	color: #0058a3;
	margin: 0px 0px 20px 0px;
}
.white-payment ul {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.white-payment ul li {
	float: left;
	width: 14.28%;
	text-align: center;
}
.white-payment ul li i{
	display: inline-block;
	width: 70px;
	height:70px;
	border: 1px solid #ccc;
	border-radius: 50%;
}

.white-payment ul li i.mobile{
	background: #fff url(../../images/icons/mob-rech.svg) no-repeat center center;
	background-size: 120%;
}
.white-payment ul li i.landline{
	background: #fff url(../../images/icons/icon-landline.svg) no-repeat center center;
	background-size: 50%;
}
.white-payment ul li i.dth{
	background: #fff url(../../images/icons/dth-rech.svg) no-repeat center center;
	background-size: 130%;
}
.white-payment ul li i.datacard{
	background: #fff url(../../images/icons/icon-datacard.svg) no-repeat center center;
	background-size: 50%;
}
.white-payment ul li i.electricity{
	background: #fff url(../../images/icons/icon-electricity.svg) no-repeat center center;
	background-size: 35%;
}
.white-payment ul li i.gas{
	background: #fff url(../../images/icons/icon-gas.svg) no-repeat center center;
	background-size: 35%;
}
.white-payment ul li i.broadband{
	background: #fff url(../../images/icons/icon-broadband.svg) no-repeat center center;
	background-size: 50%;
}

.white-how-container{
	float: left;
	width: 100%;
	background: #0058a2;
	padding: 30px 0px;
}
.white-how-txt{
	float: left;
	width: 100%;
}
.white-how-txt h2{
	font-size: 20px;
	line-height: 24px;
	color: #fff;
}
.white-how-txt p {color: #fff;}

.white-how-txt ul {
	padding: 0px;
	margin: 0px 0px 15px 15px;
}
.white-how-txt ul li {color: #fff;}

.white-client-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.white-client{
	float: left;
	width: 100%;
	text-align: center;
}
.white-client h2{
	font-size: 22px;
	line-height: 28px;
	margin: 0px 0px 25px 0px;
}
.white-client img{
	float: left;
	background: #fff;
	border: solid 1px #ddd;
	padding: 3px;
	margin-bottom: 25px;
}

@media (max-width: 767px) {
.white-label-container{padding: 20px 0px;}
.white-label-txt h1{font-size: 18px;}
.white-payment-container{padding: 20px 0px 10px 0px;}
.white-payment h3{font-size: 20px;}
.white-payment ul li {float: none; display: inline-block; width: 32%; margin-bottom: 10px;}
.white-how-container{padding: 15px 0px;}
.white-client-container{padding: 20px 0px;}
.white-client h2{margin: 0px 0px 20px 0px;}
.white-client img{margin-bottom: 15px;}
}

/************************ Modern Retail  ***************************/

.modern-container{
	float: left;
	width: 100%;
	background: #fff;
	padding: 30px 0px 20px 0px;
}
.modern-txt{
	float: left;
	width: 100%;
}
.modern-txt h1{margin: 0px 0px 10px 0px;}

.modern-retail-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.modern-retails{
	float: left;
	width: 100%;
	text-align: center;
}
.modern-retails h2{
	font-size: 22px;
	line-height: 28px;
	margin: 0px 0px 25px 0px;
}
.modern-retails img{
	float: left;
	background: #fff;
	border: solid 1px #ddd;
	padding: 3px;
	margin-bottom: 25px;
}

@media (max-width: 767px) {
.modern-container{padding: 20px 0px;}
.modern-retail-container{padding: 20px 0px;}
.modern-retails h2{font-size: 18px; margin: 0px 0px 20px 0px;}
.modern-retails img{margin-bottom: 15px;}
}

/********************** Merchant Partners  ****************************/

.merchant-partners-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.merchant-icon{
	float: left;
	width: 100%;
}
.merchant-icon h1{
	float: left;
	margin: 0px 0px 20px 0px;
}
.merchant-icon ul{
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.merchant-icon ul li{
	float: left;
	margin-left: 15px;
	font-size: 11px;
	padding-left: 25px;
	line-height: 24px;
}
.merchant-icon ul li.pos{background: url(../../images/logos/pos-icon.png) no-repeat center left;}
.merchant-icon ul li.web{background: url(../../images/logos/web-icon.png) no-repeat center left;}
.merchant-icon ul li.app{background: url(../../images/logos/mobi-icon.png) no-repeat center left;}
.merchant-icon ul li.bbps{background: url(../../images/logos/bbps.png) no-repeat center left;}

.partner-list{float: left; width: 100%;}
.partner-list .panel-group .panel{margin-bottom: 10px;}

.merchant-partners{
	float: left;
	width: 100%;
}

.merchant-partners ul.mertabs{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	border-bottom: solid 1px #eee;
	margin-bottom: 10px;
}
.merchant-partners ul.mertabs li{
	float: left;
	margin-right: 5px;
}
.merchant-partners ul.mertabs li a{
	background: #eee;
	float: left;
	padding: 5px 14px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #666;
	transition: 0.3s ease;
}
.merchant-partners ul.mertabs li a:hover, .merchant-partners ul.mertabs li.active a{
	background: #0058a3;
	color: #fff;
}
.partner-list i{
	float: right;
	display: block;
	width: 16px;
	height: 16px;
}
.partner-list i.icon-expand{background: url(../../images/icons/icon-expand.svg) no-repeat center right;}
.partner-list i.icon-collapse{background: url(../../images/icons/icon-collapse.svg) no-repeat center right;}
.partner-list .panel-title{color: #555;}
.partner-box{
	float: left;
	width: 100%;
	border: solid 1px #e5e5e5;
	margin-bottom: 20px;
	border-radius: 3px;
	padding: 8px;
	display: flex;
	position: relative;
	transition: 0.3s ease;
}
.partner-box:hover{box-shadow: 0px 0px 10px #ccc;}
.partner-logo{display: inline;}
.partner-logo img{
	display: inline-block;
	width: 70px;
	height: 70px;
	border: solid 1px #ddd;
	background: #fff;
	border-radius: 50%;
	margin-right: 10px;
}
.partner-box p{
	align-items: center;
	display: flex;
	margin-bottom: 0px;
	line-height: 18px;
	font-size: 13px;
}

.bbps-icon{background: url("../../images/logos/bbps-icon.png") no-repeat top right;}
.mp-icon{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #f00;
	height: 24px;
}
.omp-one{width: 53px; background: url(../../images/logos/mer-icon-1.png) no-repeat top left;}
.omp-two{width: 35px; background: url(../../images/logos/mer-icon-2.png) no-repeat top left;}
.omp-three{width: 35px; background: url(../../images/logos/mer-icon-3.png) no-repeat top left;}
.omp-four{width: 35px; background: url(../../images/logos/mer-icon-4.png) no-repeat top left;}
.omp-five{width: 18px; background: url(../../images/logos/mer-icon-5.png) no-repeat top left;}
.omp-six{width: 22px; background: url(../../images/logos/mer-icon-6.png) no-repeat top left;}
.omp-seven{width: 17px; background: url(../../images/logos/mer-icon-7.png) no-repeat top left;}

.partner-logo-box{
	float: left;
	width: 100%;
	border: solid 1px #e5e5e5;
	margin-bottom: 20px;
	border-radius: 3px;
	padding: 8px;
	transition: 0.3s ease;
	text-align: center;
}
.partner-logo-box:hover{box-shadow: 0px 0px 10px #ccc;}
.partner-logo-box img{max-width: 100%; display: inline-block;}

@media (max-width: 767px) {

.merchant-partners-container{padding: 20px 0px;}
.merchant-icon h1{width: 100%; margin: 0px 0px 15px 0px;}
.merchant-icon ul{width: 100%; margin-bottom: 15px;}
.merchant-icon ul li{margin-left: 0px; margin-right: 15px;}	
}

/********************** Oxigen IOCL  ****************************/

.iocl-banner-container{
    float: left;
    width: 100%;
	background: #0a2d43 url(../../images/banner/oxigen-iocl-banner.jpg) top center no-repeat;
	margin-top: 104px;
	position: relative;
	z-index: 3;
	padding: 30px 0px;
}
.iocl-head{
    float: left;
    width: 470px;
}
.iocl-head h2{
	color: #13bdf8;
	font-size: 22px;
	margin: 200px 0px 10px 0px
}
.iocl-form{
    float: right;
    width: 550px;
	background: #1f9fcc;
	padding: 20px 30px;
	border-radius: 15px;
}
.iocl-form h5{
    float: left;
    width: 100%;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	margin: 0px 0px 15px 0px;
}
.iocl-form .web-form{margin-bottom: 12px; min-height: 10px;}

.iocl-form .web-form button.iocl-submit{
    float: left;
    width: 120px;
	height: 44px;
	color: #666;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	background: #fff;
	border: 0px;
	border-radius: 22px;
	transition: 0.3s ease;
}
.iocl-form .web-form button.iocl-submit:hover{
	background: #0058a3; 
	color: #fff;
}
.iocl-content-container{
    float: left;
    width: 100%;
	background: #fff;
    text-align: left;
	padding: 30px 0px;
}
.iocl-txt{
    float: left;
    width: 100%;
}
.iocl-txt h1{margin: 0px 0px 10px 0px;}

.iocl-img{
    float: left;
    width: 100%;
	margin-top: 20px;
}
.iocl-img p{
	color: #0058a3;
	cursor: pointer;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	margin: 10px 0px;
}
.iocl-img p span{
	display: inline-block;
}
.iocl-img p span:after{
	display: inline-block;
	width: 16px;
	height: 8px;
    content: "";
	background: url(../../images/icon-click.png) no-repeat center right;
}

.iocl-img-container{
    float: left;
    width: 100%;
	padding: 30px 0px;
}

.iocl-gallery{
    float: left;
    width: 100%;
	margin-top: 15px;
}
.iocl-pic-box{
    float: left;
    width: 100%;
	background: #fff;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	position: relative;
	overflow: hidden;
	border: solid 5px #fff;
}
.iocl-pic-box a {
    float: left;
    width: 100%;
	overflow: hidden;
}
.iocl-pic-box img{
    float: left;
    width: 100%;
	height: auto;
	transition: 0.3s ease;
}
.iocl-pic-box:hover img{
   transform: scale(1.3);
}
.iocl-pic-box span.pic-overlay{
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.40;
	transition: 0.3s ease;
	z-index: 1;
}
.iocl-pic-box:hover span.pic-overlay{
    visibility: hidden;
    opacity: 0;
}

.iocl-pic-box .icon-zoom{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #1f9fcc url(../../images/icons/zoom-icon.svg) no-repeat;
    position: absolute;
    top: 50%; 
    left: 50%;
    visibility: hidden;
	opacity: 0.90;
	margin: -22px 0px 0px -22px;
	z-index: 2;
}
.iocl-pic-box:hover .icon-zoom{visibility: visible ;}

.iocl-pic-box .iocl-pic-txt{
    position: absolute;
    bottom: 0px;
    left: 0px;
	opacity: 0;
    height: 30px;
    width: 100%;
    background: rgba(0,0,0,0.7);
	transition: 0.3s ease;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	z-index: 2;
}
.iocl-pic-box:hover .iocl-pic-txt{opacity: 1;}

.iocl-img-txt{
    float: left;
    width: 100%;
	margin-top: 20px;
}
.iocl-img-txt ul {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.iocl-img-txt ul li {
	float: left;
	margin-right: 30px;
}
.iocl-img-txt ul li img{
	border: solid 1px #ddd;
	max-width: 100%;
}

.iocl-how-container{
    float: left;
    width: 100%;
	background: #d8e9ef;
}
.iocl-left-box{
    float: left;
    width: 50%;
	background: #0058a3;
}
.iocl-how-txt{
    float: right;
    width: 723px;
	padding: 30px 15px;
	background: #0058a3;
	margin-right: -140px;
}
.iocl-how-txt p{color: #fff;}

.iocl-how-txt ul {
    float: left;
    margin: 0px;
    list-style: none;
    width: 100%;
    padding: 0px;
}
.iocl-how-txt ul li {
   float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    position: relative;
    padding-left: 30px;
}
.iocl-how-txt ul li:before {
   content: "";
    height: 17px;
    width: 17px;
    display: block;
    float: left;
    background: url(../../images/icons/list-icon.svg) no-repeat;
    background-size: 100%;
    margin: 2px 7px 0px 0px;    
    position: absolute;
    left: 0;
}

.iocl-right-box{
    float: left;
    width: 50%;
}
.iocl-vdo-box{
    float: left;
    width: 400px;
	margin-left: 170px;
	padding: 20px 0px;
}
.iocl-vdo-box p{
	color: #0058a3;
	font-size: 16px;
	background: url(../../images/clients/indianoil-icon.png) no-repeat right center;
	margin-bottom: 10px;
}

.why-iocl-container{
    float: left;
    width: 100%;
	padding: 30px 0px;
	background: #fff;
}
.why-iocl{
    float: left;
    width: 100%;
}
.why-iocl h3{margin: 10px 0px 20px 0px;}

.why-iocl ul{
    float: left;
    width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.why-iocl ul li{
    float: left;
    width: 100%;
	display: flex;
	margin-bottom: 10px;
}
.why-iocl ul li p strong{font-weight: 500;}
.why-iocl-box{display: inline;}

.why-iocl ul li i {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 15px;
	background: #0058a3;
}

.why-iocl ul li i.icon-debit{
    background:#0058a3 url(../../images/icons/icon-debit.svg) no-repeat;
}
.why-iocl ul li i.icon-access{
    background:#0058a3 url(../../images/icons/icon-access.svg) no-repeat;
}
.why-iocl ul li i.icon-dealers{
    background:#0058a3 url(../../images/icons/icon-dealers.svg) no-repeat;
}
.why-iocl ul li i.icon-control{
    background:#0058a3 url(../../images/icons/icon-control.svg) no-repeat;
}
.why-iocl ul li i.icon-rewards{
    background:#0058a3 url(../../images/icons/icon-rewards.svg) no-repeat;
}
.why-iocl ul li i.icon-advantage{
    background:#0058a3 url(../../images/icons/icon-advantage.svg) no-repeat;
}

.iocl-call-container{
    float: left;
    width: 100%;
	background: #1486bd;
}
.iocl-demo-left{
    float: left;
    width: 50%;
	background: #1f9fcc;
	min-height: 145px;
}
.iocl-demo-right{
    float: left;
    width: 50%;
	background: #1486bd url(../../images/cross-bg.png) no-repeat left center;
	min-height: 145px;
}

.iocl-demo-txt{
    float: right;
    width: 570px;
	padding-top: 15px;
}
.iocl-demo-txt h4{
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
}
.iocl-demo-txt a{
	float: left;
	padding: 0px 30px;
	height: 44px;
	border-radius: 22px;
	background: #fff;
	font-size: 16px;
	line-height: 44px;
	font-weight: 500;
	color: #444;
	transition: 0.3s ease;
	margin-top: 5px;
}
.iocl-demo-txt a:hover{
	background: #0058a3;
	color: #fff;
}
.iocl-call-txt{
    float: left;
    width: 570px;
	padding: 15px 0px 0px 170px;
}
.iocl-call-txt h4{
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
}
.iocl-call-txt p{
	float: left;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	text-align: center;
	background: #fff;
	margin: 40px 0px 0px -145px;
	padding: 0px;
	font-style: italic;
}
.iocl-call-txt a{
	float: left;
	padding: 0px 0px 0px 45px;
	background:url(../../images/icons/icon-callus.svg) no-repeat left center;
	font-size: 22px;
	line-height: 42px;
	font-weight: 500;
	color: #fff;
}
.iocl-call-txt a:hover{color: #fff;}


@media (min-width: 992px) and (max-width: 1199px) {	
.iocl-head{width: 300px;}
	
.iocl-how-txt{width: 554px; margin-right: -70px;}
.iocl-vdo-box{width: 372px; margin-left: 100px;}
.iocl-demo-txt{width: 465px;}
.iocl-call-txt{width: 465px;}
}

@media (min-width: 768px) and (max-width:991px) {
.iocl-head{width: 100%; text-align: center;}
.iocl-head h2{line-height: 28px; margin: 0px 0px 20px 0px;}	
.iocl-form{width: 100%;}
.iocl-how-txt{width: 414px; margin-right: -40px;}
.iocl-vdo-box{width: 292px; margin-left: 70px;}
.iocl-demo-txt{width: 360px;}
.iocl-demo-txt h4{font-size: 20px;}
.iocl-call-txt{width: 360px; padding:15px 0px 0px 130px;}
.iocl-call-txt h4{font-size: 20px;}
.iocl-call-txt p {margin: 40px 0px 0px -105px;}
}

@media (max-width: 767px) {		
.iocl-banner-container{margin-top: 0px;}
.iocl-head{width: 100%; text-align: center;}
.iocl-head h2{line-height: 28px; margin: 0px 0px 20px 0px;}	
.iocl-form{width: 100%; padding: 15px 15px;}	
.iocl-content-container{padding: 20px 0px;}
.iocl-txt h1{font-size: 18px;}
.iocl-pic-box{margin-bottom: 15px;}	
.iocl-img-txt{margin-top: 5px;}	
.iocl-img-txt ul li {width: 30%; margin-right: 3.33%;}
.iocl-left-box{width: 100%;}
.iocl-how-txt{width: 100%; margin-right: 0px; padding: 20px 15px;}	
.iocl-right-box{width: 100%;}
.iocl-vdo-box{width: 100%; margin-left: 0px; padding: 20px 15px;}
.iocl-demo-left{width: 100%; min-height: 45px;}
.iocl-demo-right{width: 100%; background: #1486bd; min-height: 45px;}
.iocl-demo-txt{width: 100%; padding: 20px 5px 50px 5px; text-align: center;}
.iocl-demo-txt h4{font-size: 17px; line-height: 24px;}
.iocl-demo-txt a{float: none; display: inline-block;}	
.iocl-call-txt{width:100%; padding: 30px 5px 30px 5px; text-align: center; position: relative;}
.iocl-call-txt h4{font-size: 18px; line-height: 24px;}
.iocl-call-txt p {margin: -18px 0px 0px -18px; position: absolute; top: 0px; left: 50%;}
.iocl-call-txt a{font-size: 18px; float: none; display: inline-block;}	
}

/********************** Oxigen Enroll New IOCL  ****************************/

.enroll-iocl-banner-container{
    float: left;
    width: 100%;
	background: #0a2d43 url(../../images/banner/enroll-new-iocl-banner.jpg) top center no-repeat;
	margin-top: 104px;
	padding: 30px 0px;
	position: relative;
	z-index: 3;
}

.enroll-iocl-form{
    float: right;
    width: 550px;
	background: #7a3e40;
	padding: 15px 30px;
	border-radius: 15px;
}
.enroll-iocl-form h5{
    float: left;
    width: 100%;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	margin: 0px 0px 15px 0px;
}

.enroll-iocl-form .web-form{margin-bottom: 12px; min-height: 10px;}
.enroll-iocl-form .web-form button.iocl-submit{
    float: left;
    width: 120px;
	height: 44px;
	color: #666;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	background: #fff;
	border: 0px;
	border-radius: 22px;
	transition: 0.3s ease;
}
.enroll-iocl-form .web-form button.iocl-submit:hover{
	background: #0058a3; 
	color: #fff;
}
.enroll-how-container{
    float: left;
    width: 100%;
	background: #d8e9ef;
}
.enroll-left-box{
    float: left;
    width: 50%;
	background: #ebebeb;
}

.enroll-how-txt{
    float: right;
    width: 723px;
	padding: 30px 15px;
	background: #ebebeb;
	margin-right: -140px;
}
.enroll-how-txt p {font-size: 15px;}
.enroll-how-txt ul {
    float: left;
    margin: 0px 0px 0px 15px;
    width: 100%;
    padding: 0px;
}
.enroll-how-txt ul li {
   float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
}
.enroll-right-box{
    float: left;
    width: 50%;
}
.enroll-vdo-box{
    float: left;
    width: 400px;
	margin-left: 170px;
	padding: 20px 0px;
}
.enroll-vdo-box p{
	color: #0058a3;
	font-size: 16px;
	background: url(../../images/clients/indianoil-icon.png) no-repeat right center;
	margin-bottom: 10px;
}
.why-enroll-container{
    float: left;
    width: 100%;
	padding: 30px 0px;
	background: #0058a2;
}
.why-enroll{
    float: left;
    width: 100%;
}

.why-enroll ul{
    float: left;
    width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.why-enroll ul li{
    float: left;
    width: 100%;
	display: flex;
	margin-bottom: 10px;
}
.why-enroll ul li p{color: #bbd6ed;}
.why-enroll ul li p strong{font-weight: 500; color: #fff;}
.why-enroll-box{display: inline;}

.why-enroll ul li i {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 15px;
	background: #fff;
}
.why-enroll ul li i.icon-debit{color: #fff;
    background:#fff url(../../images/icons/icon-debit-b.svg) no-repeat;
}
.why-enroll ul li i.icon-access{
    background:#fff url(../../images/icons/icon-access-b.svg) no-repeat;
}
.why-enroll ul li i.icon-dealers{
    background:#fff url(../../images/icons/icon-dealers-b.svg) no-repeat;
}
.why-enroll ul li i.icon-control{
    background:#fff url(../../images/icons/icon-control-b.svg) no-repeat;
}
.why-enroll ul li i.icon-rewards{
    background:#fff url(../../images/icons/icon-rewards-b.svg) no-repeat;
}
.why-enroll ul li i.icon-advantage{
    background:#fff url(../../images/icons/icon-advantage-b.svg) no-repeat;
}


@media (min-width: 992px) and (max-width: 1199px) {	
.enroll-how-txt{width: 554px; margin-right: -70px;}
.enroll-vdo-box{width: 372px; margin-left: 100px;}
}

@media (min-width: 768px) and (max-width:991px) {
.enroll-iocl-form{width: 100%;}	
.enroll-how-txt{width: 414px; margin-right: -40px;}
.enroll-vdo-box{width: 292px; margin-left: 70px;}
}

@media (max-width: 767px) {	
.enroll-iocl-banner-container{margin-top: 0px;}
.enroll-iocl-form{width: 100%; padding: 15px 15px;}	
.enroll-left-box{width: 100%;}
.enroll-how-txt{width: 100%; margin-right: 0px; padding: 20px 15px;}
.enroll-how-txt p {font-size: 14px;}	
.enroll-right-box{width: 100%;}
.enroll-vdo-box{width: 100%; margin-left: 0px; padding: 20px 15px;}	
}

/******************** Oxigen Micro ATM ****************************/

.microatm-content-container{
    float: left;
    width: 100%;
	background: #fff;
    text-align: left;
	padding: 30px 0px;
}
.microatm-txt{
    float: left;
    width: 100%;
}
.microatm-txt h1{margin-top: 10px;}

.microatm-txt a.applynow {
	float: left;
	min-width: 150px;
	height: 42px;
	background: #1f9fcc;
	color: #fff;
	font-size: 15px;
	line-height: 42px;
	font-weight: 500;
	transition: 0.3s ease;
	border-radius: 21px;
	text-decoration: none;
	text-align: center;
	margin: 10px 0px 20px 0px;
}
.microatm-txt a.applynow:hover{background: #0058a3; color: #fff;}

.microatm-img{
    float: left;
    width: 100%;
}
.microatm-img img{
    float: left;
    width: 100%;
    border: 1px solid #d9d9d9;
    padding: 5px;
}
.popuphead{
	font-size: 18px;
    line-height: 20px;
    color: #0058a3;
    margin:0px;
}	
.microatmvdo iframe{
	width: 570px;
	height: 320px;
}

.microatm-services-container{
    float: left;
    width: 100%;
	padding: 40px 0px 0px 0px;
}
.microatm-services-txt{
    float: left;
    width: 100%;
	margin-bottom: 40px;
	text-align: center;
}

.microatm-services-txt h2{
	font-size: 22px;
	margin: 0px 0px 10px 0px;
}
.microatm-services-txt p{
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}

.service-details {
    float: left;
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    position: relative;
    margin-bottom: 50px;  
	text-align: center;
}
.service-details h3 {
    font-size: 18px;
    line-height: 24px;
    color: #0058a3;
    margin: 0px;
    position: relative;
    top: -12px;
    background: #f2f5fa;
    padding: 0px 15px;
    display: inline-block;
}

.sd-container {
    float: left;
    width: 100%;
    padding: 0px 30px;
}
.service-section {
    float: left;
    width: 100%;
    margin: 20px 0px;
    border-right: 1px solid #d9d9d9;
    text-align: left;
}
.serv-box{ display: flex; align-items: center; margin: 10px 0; }

.service-section h4 {
    font-size: 16px;
    line-height: 22px;
    color: #646464;
    margin: 0px 0px 10px 0px;
}
.service-details span {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    font-size: 14px;
    color: #646464;
}
.service-details i {
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #ccc; 
    margin-right: 15px;
	background: #fff;
}
.service-details i.icon-cash-withdraw {
	background: #fff url(../../images/icons/icon-cash-withdraw.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-cash-deposit {
	background: #fff url(../../images/icons/icon-cash-deposit.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-balance-enquiry {
	background: #fff url(../../images/icons/icon-balance-enquiry.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-ekyc {
	background: #fff url(../../images/icons/icon-ekyc.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-money-transfer {
	background: #fff url(../../images/icons/icon-money-transfer.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-mt-utility {
	background: #fff url(../../images/icons/icon-mt-utility.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-mt-dth {
	background: #fff url(../../images/icons/icon-mt-dth.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-telecom {
	background: #fff url(../../images/icons/icon-telecom.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-mw-topup{
	background: #fff url(../../images/icons/icon-mw-topup.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-telecom {
	background: #fff url(../../images/icons/icon-telecom.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-bhim-aadhar{
	background: #fff url(../../images/icons/icon-bhim-aadhar.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-card-acceptance {
	background: #fff url(../../images/icons/icon-card-acceptance.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-bharat-upi {
	background: #fff url(../../images/icons/icon-bharat-upi.svg) no-repeat center center;
	background-size: 150%
}
.service-details i.icon-digi-wallet{
	background: #fff url(../../images/icons/icon-digi-wallet.svg) no-repeat center center;
	background-size: 150%
}

.service-details-inner {
    float: left;
    width: 100%;
    text-align: left;
	padding-left: 20px;
    min-height: 145px;
}

.no-border {border: 0px !important;}

.microatm-benefits-container{
    float: left;
    width: 100%;
	background: #0058a3;
}
.microatm-benefits{
    float: left;
    width: 50%;
}
.microatm-benefits-txt{
    float: right;
	width: 570px;
	text-align: left;
	padding-right: 15px;	
}
.microatm-benefits-txt h2{
	font-size: 20px;
	color: #fff;
	margin: 20px 0px 10px 0px;
}
.microatm-benefits-txt p{color: #fff; margin-bottom: 15px;}

.microatm-benefits-txt ul {
    float: left;
    margin: 0px;
    list-style: none;
    width: 100%;
    padding: 0px;
}
.microatm-benefits-txt ul li {
   float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    position: relative;
    padding-left: 30px;
}
.microatm-benefits-txt ul li:before {
   content: "";
    height: 17px;
    width: 17px;
    display: block;
    float: left;
    background: url(../../images/icons/list-icon.svg) no-repeat;
    background-size: 100%;
    margin: 2px 7px 0px 0px;    
    position: absolute;
    left: 0;
}
.microatm-benefits-img{float: right; width: 50%;}
.microatm-benefits-img img { min-height: 470px;}

@media (min-width:991px) and (max-width:1199px) {	
.microatm-benefits-txt{width: 100%;	padding-left: 15px;}
.microatm-benefits-img img { min-height: 480px;}
}

@media (min-width:768px) and (max-width:990px) {
.microatm-services-txt {margin-bottom: 30px;}
.sd-container {padding: 0px 15px;}	
.service-section {margin: 0px 0px 15px 0px;	border-right: none;}
.service-details span br{ display: none;}	
.microatm-benefits-txt{width: 100%;	padding-left: 15px;}
.microatm-benefits-img img { min-height: 565px;}
}

@media (max-width:767px) {
	
.microatm-content-container{padding: 10px 0px 20px 0px;}
.microatm-services-container {padding: 20px 0px 0px 0px;}
.microatm-services-txt {margin-bottom: 20px;}
.microatm-services-txt h2 {font-size: 18px; line-height: 22px;}	
.microatm-services-txt p {font-size: 14px; line-height: 20px;}
	
.service-details {margin-bottom: 30px;}	
.service-details h3 {font-size: 16px;}
.sd-container {padding: 0px 15px;}

.service-section {margin: 10px 0px; border-right: none;	text-align: center;}
.serv-box {float: left; width: 100%; display: block;}
.serv-box img {display: inline-block;}

.service-details i{margin-right: 0px;}	
.service-details span {float: left; width: 100%;}
.service-details span br{display: none;}	
.service-details-inner{text-align: center; padding-left: 5px; padding-right: 5px; min-height:45px;}	
	
.microatm-benefits{width: 100%;}
.microatm-benefits-txt{width:100%; padding-left: 15px;}
.microatm-benefits-txt h2{font-size: 18px;}
.microatm-benefits-txt p{line-height: 20px;}
.microatm-benefits-img{width: 100%;}
.microatm-benefits-img img {min-height: 20px;}
	
.popuphead{font-size: 16px;}	
.microatmvdo iframe{width: 100%; height: 180px;}	
}

/******************** Merchant Payments ****************************/

.merchant-txt-container{
    float: left;
    width: 100%;
    background: #ebebeb;
	padding: 40px 0px;	
}
.merchant-txt{
    float: left;
    width: 100%;
}
.merchant-txt h2{
	margin-bottom: 10px;
	font-size: 22px;
}
.merchant-logo-img{
    float: left;
    width: 100%;
	margin-top: 35px;
}
.merchant-logo-img ul{
    float: left;
    width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.merchant-logo-img ul li{
    float: left;
    width: 22%;
	margin-right: 3%;
	border: solid 1px #ccc;
	box-shadow: 0px 0px 8px #bbb;
	background: #fff;
	text-align: center;
}
.merchant-logo-img ul li img{
	display: inline-block;
}

.merchant-card-container{
    float: left;
    width: 100%;
    background: #fff;
	padding: 40px 0px;	
}
.merchant-card-txt{
    float: left;
    width: 100%;
}
.merchant-card-txt h3{
	font-size: 22px;
	margin: 0px 0px 10px 0px;
	color: #0058a3;
}
.merchant-card-txt p{margin-bottom: 20px;}

.merchant-qrcode-container{
    float: left;
    width: 100%;
    background: #0b314a;
	padding: 40px 0px 30px 0px;	
}
.merchant-qrcode-txt{
    float: left;
    width: 100%;
	position: relative;
	z-index: 1;
	padding-right: 280px;
}
.merchant-qrcode-txt img{
	position: absolute;
	right:0px;
	top: -45px;
	background: #2b307a;
	border-radius: 50%;
	padding: 50px;
	z-index: 2;
}
.merchant-qrcode-txt h3{
	font-size: 22px;
	margin: 0px 0px 10px 0px;
	color: #1f9fcc;
}
.merchant-qrcode-txt p{color: #fff;}
.merchant-qrcode-txt::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -45px;
	vertical-align: middle;
	border-top: 15px solid #0b314a;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	z-index: 2;
	margin-left: -15px;
}

.merchant-bhim-container{
    float: left;
    width: 100%;
    background: #0058a2;
	padding: 40px 0px;	
}
.merchant-bhim-txt{
    float: left;
    width: 100%;
	position: relative;
	z-index: 1;
	padding-right: 270px;
}
.merchant-bhim-txt img{
	position: absolute;
	right:0px;
	top: -60px;
	background: #dff0fe;
	border-radius: 50%;
	padding: 45px;
	z-index: 2;
}
.merchant-bhim-txt h3{
	font-size: 22px;
	margin: 0px 0px 10px 0px;
	color: #fff;
}
.merchant-bhim-txt p{color: #fff;}
.merchant-bhim-txt::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -55px;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 15px solid #0058a2;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	z-index: 2;
	margin-left: -15px;
}

.merchant-upi-container{
    float: left;
    width: 100%;
    background: #1f9fcc;
	padding: 40px 0px;	
}
.merchant-upi-txt{
    float: left;
    width: 100%;
	position: relative;
	z-index: 1;
	padding-right: 260px;
}
.merchant-upi-txt img{
	position: absolute;
	right:0px;
	top: -65px;
	background: #dcf3fb;
	border-radius: 50%;
	padding: 40px;
	z-index: 2;
}
.merchant-upi-txt h3{
	font-size: 22px;
	margin: 0px 0px 10px 0px;
	color: #fff;
}
.merchant-upi-txt p{color: #fff;}

.merchant-upi-txt::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -55px;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 15px solid #1f9fcc;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	z-index: 2;
	margin-left: -15px;
}
.merchant-why-container{
    float: left;
    width: 100%;
	padding: 30px 0px;
	text-align: center;
}
.merchant-why-container h4 span{
	padding-bottom: 5px;
	border-bottom: solid 1px #1f9fcc;
}
.merchant-why-txt{
    float: left;
    width: 100%;
	padding: 0px 15px;
	text-align: center;
	margin-top: 30px;
}
.merchant-why-txt h5{
	font-size: 17px;
	margin: 0px 0px 8px 0px;
	color: #0058a3;
}
.merchant-why-txt i {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 5px;
}
.merchant-why-txt i.easy {
	background: #fff url(../../images/icons/merchant-icon1.svg) no-repeat center center;
    background-size: 60%; 
}
.merchant-why-txt i.secure {
	background: #fff url(../../images/icons/merchant-icon2.svg) no-repeat center center;
    background-size: 50%; 
}
.merchant-why-txt i.payment {
	background: #fff url(../../images/icons/merchant-icon3.svg) no-repeat center center;
    background-size: 52%; 
}
.merchant-why-txt i.like {
	background: #fff url(../../images/icons/merchant-icon4.svg) no-repeat center center;
    background-size: 60%; 
}
.merchant-why-txt i.mode {
	background: #fff url(../../images/icons/merchant-icon5.svg) no-repeat center center;
    background-size: 70%; 
}
.merchant-why-txt i.schemes {
	background: #fff url(../../images/icons/merchant-icon6.svg) no-repeat center center;
    background-size: 55%; 
}
.merchant-why-txt i.smart {
	background: #fff url(../../images/icons/merchant-icon3.svg) no-repeat center center;
    background-size: 53%; 
}
.merchant-why-txt i.accept {
	background: #fff url(../../images/icons/merchant-icon2.svg) no-repeat center center;
    background-size: 50%; 
}
.merchant-why-txt i.low {
	background: #fff url(../../images/icons/merchant-icon9.svg) no-repeat center center;
    background-size: 50%; 
}

@media (max-width:767px) {	
.merchant-txt-container{padding: 15px 0px;}
.merchant-txt h2{font-size: 20px; line-height: 24px;}
.merchant-logo-img{margin-top: 15px;}
.merchant-logo-img ul li{width: 45%; margin-right: 5%; margin-bottom: 5%;}	
.merchant-card-container{padding: 25px 0px;}
.merchant-card-txt{text-align: center;}	
.merchant-card-txt h3{font-size: 20px;}
.merchant-card-txt img{display: inline-block;}
.merchant-qrcode-container, .merchant-bhim-container, .merchant-upi-container{padding: 25px 0px;}
.merchant-qrcode-txt, .merchant-bhim-txt, .merchant-upi-txt{text-align: center; padding-right: 0px;}
.merchant-qrcode-txt img, .merchant-bhim-txt img, .merchant-upi-txt img {position: inherit; right:inherit; top: inherit; padding: 20px; margin-bottom: 10px; display: inline-block;}
.merchant-qrcode-txt h3, .merchant-bhim-txt h3, .merchant-upi-txt h3{font-size: 20px;}
.merchant-why-container h4{margin-bottom: 20px;}
.merchant-why-txt{padding: 0px 0px; margin-top: 10px;}
.merchant-qrcode-txt::after, .merchant-bhim-txt::after, .merchant-upi-txt::after {bottom: -38px;}
}

/********************** FAQ Micro ATM  *********************************/

.faqs-container{
	float: left;
	width: 100%;
	padding: 20px 0px 40px 0px;
}

.faq-desc {
	float: left;
	width: 100%;
	text-align: left;
}

.faq-desc h4 {
	margin: 25px 0px 5px 0px;
	font-size: 16px;
	line-height: 22px;	
	position: relative;
	padding-left: 20px;
	color: #444;
}

.faq-desc h4::before {
	content: "";
	height: 14px;
	width: 14px;
	display: block;
	float: left;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0px;
	top: 3px;
}

.faq-desc p {padding-left: 20px;}
.faq-desc ul {margin-left: 32px;}
.faq-desc ol {margin-left: 35px;}
.faq-desc strong {font-weight: 500;}

@media (max-width:767px) {

.faqs-container{padding: 10px 0px 20px 0px;}
.faq-desc h1 {font-size: 18px;}
.faq-desc h4::before {top: 4px;}
}

/*********************Apply for Micro ATM Form ************************/

.apply-for-microatm-container {
	background: #ffffff;
	float: left;
	width: 100%;
	text-align: left;
	padding: 40px 0px 30px 0px;
}

.microatm-form {
	float:left;
	width:100%;
}
.microatm-form h1{
	margin: 0px 0px 8px 0px;
}
.microatm-form p{
	margin: 0px 0px 20px 0px;
}

.frm-dwnld {
	float:left;
	width:100%;
	margin: 20px 0px;
}
.frm-dwnld a{
	color: #1f9fcc;
	text-decoration: underline;
	font-weight: 500;
}

.frm-dwnld a:hover{color: #0058a3;}

.registr-container {
	float: left;
	width: 100%;
	background: #f2f5fa;
	padding-bottom: 40px;
}

.registration-pro{
	float: left;
	width: 100%;
}
.registration-pro h3 {
	color: #0058a3;
	margin-top: 30px;
	font-size: 20px;
}
.rgt-doc{
	float: left;
	width: 100%;
	border: solid 1px #ddd;
	padding: 15px;
}
.rgt-doc p strong {font-weight: 500;}

.rgt-doc ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.rgt-doc ul li {text-align: center;}

.rgt-doc ul li i {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #ccc;
	background: #fff;
}
.rgt-doc ul li i.adhar {
	background: #fff url(../../images/icons/icon-adhar.svg) no-repeat center center;
    background-size: 130%; 
}
.rgt-doc ul li i.address {
	background: #fff url(../../images/icons/icon-address.svg) no-repeat center center;
    background-size: 130%; 
}
.rgt-doc ul li i.photoid {
	background: #fff url(../../images/icons/icon-photoid.svg) no-repeat center center;
    background-size: 120%; 
}
.rgt-doc ul li i.pan {
	background: #fff url(../../images/icons/icon-pan.svg) no-repeat center center;
    background-size: 120%; 
}
.rgt-doc ul li i.compdocs {
	background: #fff url(../../images/icons/icon-compdocs.svg) no-repeat center center;
    background-size: 130%; 
}
.rgt-doc ul li i.expbus {
	background: #fff url(../../images/icons/expbus.svg) no-repeat center center;
    background-size: 130%; 
}

@media (max-width:991px) {
.rgt-doc{border: none; padding: 0px; margin-bottom: 15px;}
.rgt-doc p br{display: none;}
}

@media (max-width:767px) {	
.apply-for-microatm-container {padding: 30px 0px 20px 0px;}
.microatm-form h1{ font-size: 18px;}
.frm-dwnld {margin: 20px 0px 35px 0px;}

.registr-container {padding-bottom: 0px;}
.registration-pro h3 {margin-top: 20px; font-size: 18px;}
.rgt-doc ul li {margin-bottom: 15px;}
}

/********************* OTP Page **************************/

.otp-container{
	float: left;
	width: 100%;
	margin: 140px 0px 40px 0px;
}
.otp-box{
	float: left;
	width: 100%;
	text-align: center;
	border: solid 1px #ddd;
	border-radius: 4px;
	padding: 20px 5px;
	background: #f5f5f5;
}
.otp-box h2{font-size: 18px;}

.otp-form{
	float: left;
	width:100%;
	margin-bottom: 15px;
	padding: 0px 10px;
}

.otp-form .btn-submit{
	min-width: 130px; 
	height: 42px; 
	line-height: 42px; 
	border-radius: 20px;
	margin-left: 10px;
}
.otp-form .btn-reset{
	min-width: 120px; 
	height: 42px; 
	border-radius: 20px;
	margin-right: 10px;
}
.otp-txt{
	float: left;
	width:100%;
	margin: 10px 0px;
	font-size: 13px;
	color: #666;
}

.otp-message{
	float: left;
	width:100%;
	margin-top:5px;
	font-size: 13px;
	color: #0a860a;
}
.otpmsg, .mismatch-error{
	float: left;
	width:100%;
	margin-top:5px;
	font-size: 13px;
	color: #f93636;
}

@media (max-width: 767px) {

.otp-container{margin:20px 0px 20px 0px;}
.otp-box{border: none; padding: 0px 0px; background: none;}
.otp-box h2{font-size: 17px; margin-bottom: 15px;}
.otp-form{padding: 0px 0px;}
.otp-txt{font-size: 13px;}
}

/****************************** Thank You Page *****************************/

.thanks-container{
	float: left;
	width: 100%;
	margin: 200px 0px 100px 0px;
}
.thanks-txt{
	float: left;
	width: 100%;
	text-align: center;
}
.thanks-txt img{width: 60px;}
.thanks-txt h3{font-size: 24px; color: #0058a3;}
.thanks-txt p{font-size: 16px;}

@media (max-width: 767px) {

.thanks-container{margin: 50px 0px 50px 0px;}	
.thanks-txt h3{font-size:17px;}
.thanks-txt p{font-size: 14px;}
}
	
/************************* Oxigen News Print News ****************************/

.news-content-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.news-year {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.news-year ul.news-listing {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.news-year ul.news-listing li {
	float: left;
	margin: 0px 15px 10px 0px;
}
.news-year ul.news-listing li a {
	display: block;
	background: #dcdcdc;
	font-size: 16px;
	line-height: 22px;
	color: #646464;
	font-weight: 400;
	padding: 5px 20px;
	border-radius: 20px;
}
.news-year ul.news-listing li.last {
	margin-right: 0px;
}
.news-year ul.news-listing li.active a, .news-year ul.news-listing li a:hover {background: #1f9fcc; color: #fff;}

a.news-container-link {
	float: left;
	width: 100%;
}
a.news-container-link:hover span {
	color: #0058a3;
	font-weight: 500;
}
.news-container-link:before {
	content: "";
	height: 3px;
	width: 45px;
	display: block;
	background: #1f9fcc;
	position: absolute;
	top: 5px;
	left: 15px;
}
.news-container {
	float: left;
	width: 100%;
	padding: 15px;
	text-align: left;
	margin: 15px 0px;
	background: linear-gradient(to right, #e1ecf0, #f2f5fa);
	border: solid 1px #e1ecf0;
}
.news-container h3 {
	font-size: 14px;
	line-height: 20px;
	color: #646464;
	font-weight: 400;
	margin: 0px 0px 5px 0px;
	min-height: 40px;
}
.news-container p {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 18px;
	padding-left: 23px;
}
.news-container p.news-source {
	background: url(../../images/icons/news-paper-icon.png) no-repeat left center;
	color: #1f9fcc;
	min-width: 40%;
}
.news-container p.news-date {
	background: url(../../images/icons/calender-icon.png) no-repeat left center; 
	color: #888;
}
.news-container span.readtxt {
	float: right;
	font-size: 12px;
	line-height: 16px;
	color: #1f9fcc;
	font-weight: 400;
}
.news-pager {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0px 0px;
}
.norecords{
	float: left;
	width: 100%;
	padding: 15px;
	font-size: 16px;
	font-weight: 300;
}
.news-npci{
	float: left;
	width: 100%;
}

@media (max-width: 991px) {
.news-container p {float: left; margin-right: 0px;}
.news-container p.news-source {min-width: 100%; margin-bottom: 10px;}
}

@media (max-width: 767px) {	
.news-content-container{padding: 20px 0px 0px 0px;}
.news-year {margin-bottom: 10px;}
.news-year ul.news-listing li {margin: 0px 10px 8px 0px;}
.news-year ul.news-listing li a {font-size: 14px; padding: 5px 20px;}
.news-container {padding: 10px 15px; margin: 15px 0px 10px 0px;}	
.news-container h3 {margin: 0px 0px 10px 0px; min-height: 10px;}
.news-npci h2{font-size: 16px; line-height: 22px; margin: 0px 0px 10px 0px;}
}

/************************* Oxigen News TV News ****************************/

.tv-news-container {
	float: left;
	width: 100%;
	padding-top: 30px;
}

.tv-news-container h4 {
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	margin: 0px 0px 18px 0px;
	padding-bottom: 5px;
}

.tv-news-video{
	float: left;
	width: 100%;
	border: 1px solid #ddd;
	padding: 4px;
	background: #fff;
	margin-bottom: 5px;
}
.tv-news-video a{
	float: left;
	width: 100%;
	position: relative;
}
.tv-video-img{
	position: relative;
	float: left;
	width: 100%;
	z-index: 1;
	min-height: 130px;
}
.img-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background:rgba(0, 0, 0, 0.5);
	z-index: 2;
}
.play-icon {
	position: absolute;
	width: 43px;
	height: 30px;
	top: 50%;
	left: 50%;
	margin-left: -22px;
	margin-top: -15px;
	z-index: 3;
}
.tv-news-video a:hover .img-overlay{background:rgba(0, 0, 0, 0.0);}

.tvnews-txt{
	float: left;
	width: 100%;
	margin-top: 5px;
	min-height: 95px;
}
.tvnews-txt p{
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	color: #999;
	text-align: left;
	padding-left: 22px;
	background: url(../../images/icons/icon-calender-grey.png) no-repeat left center;
}
.tvnews-txt h6 {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 18px;
	color: #666;
	text-align: left;
	margin: 0px;
}

@media (max-width: 767px) {	
.tv-news-container {padding-top: 10px;}
.tvnews-txt{margin-bottom: 30px; min-height: 15px;}
}

/************************* Oxigen Awards ****************************/

.awards-container {
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.oxigen-awards{
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	padding: 5px;
	margin-bottom: 30px;
}
.award-img{
	float: left;
	width: 100%;
	background: #f5f5f5;
	cursor: pointer;
}
.award-txt{
	float: left;
	width: 100%;
	text-align: center;
	min-height: 175px;
}
.award-txt h2{
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #1f9fcc;
	margin: 0px 0px 6px 0px;
	text-transform: uppercase;
}
.award-txt h3{
	float: left;
	width: 100%;
	margin: 15px 0px 12px 0px;
}
.award-txt h3 span{
	display: inline-block;
	background: #ebebeb;
	font-size: 16px;
	line-height: 30px;
	padding: 1px 20px;
	border-radius: 15px;
}
.award-txt p{
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	margin: 0px;
	padding: 0px 10px 5px 10px;
}
.awardpopup{
	float: left;
	width:100%;
}
.awardpopup h4.modal-title{
	font-size: 16px;
	color: #0058a3;
}

@media (max-width: 767px) {	
	
.awards-container {padding: 10px 0px;}
.oxigen-awards{margin-bottom: 15px;}
.award-txt{min-height: 15px;}	
.awardpopup h4.modal-title{font-size: 14px;}
}

/*********************************** Career Page *************************************/

.career-content-container{
	float: left;
	width:100%;
	margin-top:30px;
}

.search-bar{
	float:left;
	width: 100%;
	background: #fff;
	border:1px solid #eee;
	border-radius: 2px;
	padding: 15px;
}
.search-bar input.isearch[type="text"]{
	background: #fff url(../../images/search-icon.png) no-repeat center left;
	padding: 0px 8px 0px 35px;
	border:1px solid #eee;
}
.btnsearch{
	float: left;
	width:100%;
	height: 40px;
	border-radius: 22px;
	background: #969696;
	color: #fff;
	border: none;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
}
.btnsearch:hover{background: #1f9fcc; color: #fff;}

.or{
	float: left;
	width:26px;
	height: 26px;
	text-align: center;
	margin: 24px 0px 0px -28px;
}
.or span{
	display: inline-block;
	width:26px;
	height: 26px;
	background: #fff;
	border:1px solid #ddd;
	border-radius: 50%;
	font-weight: 400;
	font-size: 12px;
	color: #888;
	line-height: 24px;
}

.drop-cv-box{
	float: left;
	width:100%;
	background: #fff;
	border:1px solid #eee;
	border-radius: 2px;
	padding: 15px;
	text-align: center;
	margin-bottom: 5px;
}
.drop-cv-box a{	
	display: inline-block;
	padding: 10px 30px;
	border-radius: 20px;
	font-size: 14px;
	line-height: 20px;
	background: #1f9fcc;
	color: #fff;
}
.drop-cv-txt{
	float: left;
	width:100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #999;
	text-align: center;
}

.current-opening{
	float: left;
	width:100%;
	margin: 25px 0px;
}

.job-detail-conatiner{
	float: left;
	width: 100%;
	background: #fff;
	border:1px solid #eee;
	border-radius: 2px;
	margin-bottom: 30px;
}
.job-title{
	float: left;
	width: 100%;
	padding:10px 15px;
	border-bottom: 1px solid #eee;
	min-height: 65px;
}
.job-title h3{
	margin: 0px;
	font-size: 16px;
	line-height: 20px;
	color:#0058a3;
	font-weight: 500;
}

.job-detail-division{
	float: left;
	width:100%;
	padding:10px 15px;
}
.job-detail-division h6{
	float: left;
	width:100%;
	font-size: 13px;
	margin: 5px 0px;
}
.job-detail-division p{font-size: 13px;}
.job-detail-division p.jobpost-time{font-size: 11px;}

.exp-year{
	float: left;
	display: inline;
	font-size: 14px;
	line-height: 20px;
	color: #646464;
	text-align: left;
}
.exp-year i{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	background:  url(../../images/icons/briefcase-icon.svg) no-repeat 0px 0px;
	background-size: 90%;
	vertical-align: top;
}
.jobpost-time{
	float: right;
	display: inline;
	font-size: 12px;
	line-height: 20px;
	color: #a0a0a0;
}
.ctc{
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #646464;
}
.ctc i{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	background:  url(../../images/icons/rupee-icon.svg) no-repeat -1px 0px;
	background-size: cover;
	vertical-align: top;
}
.job-detail-division p.job-description{
	float: left; 
	min-height: 90px;
	font-size: 13px;
}

.job-location-container{
	float: left;
	width: 100%;
	padding: 15px;
	border-top: 1px solid #eee;
}
.job-location-container p{
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #646464;
	margin: 5px 0px 0px 0px;
}
.job-location-container p i{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	 background:  url(../../images/icons/location.svg) no-repeat 0px 0px;
	background-size: cover;
	vertical-align: top;
}
.job-location-container a.read-more{
	float: right;
	font-size: 12px;
	line-height: 20px;
	color: #1f9fcc;
	padding: 3px 10px;
	border: 1px solid #1f9fcc;
	border-radius: 20px;
}
.job-location-container a.read-more:hover{
	color: #fff;
	background: #1f9fcc;
}
h3.filter-heading{
	float: left;
	width: 100%;
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	line-height: 24px;
	color:#0058a3;
	font-weight: 500;
}
h3.filter-heading a{
	float: right;
	margin: 5px 10px 0px 0px;
	font-size: 12px;
	line-height: 18px;
	color:#777;
	font-weight: 400;
	cursor: pointer;
}
h3.filter-heading a:hover{color:#0058a3;}

.job-filter-container, .role-filter-container{
	float: left;
	width: 100%;
	border: 1px solid #eee;
	border-radius: 2px;
	padding: 15px 15px 0px 15px;
	margin-bottom: 30px;
	background: #fff;
}
a.job-filter, a.role-filter{
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: #646464;
	padding: 5px 15px;
	background: #f0f0f0;
	border-radius: 20px;
	margin:0px 15px 15px 0px;
	cursor: pointer;
}
a.job-filter:hover, a.role-filter:hover{color: #fff; background: #1f9fcc;}
a.job-selected, a.role-selected {color: #fff; background: #1f9fcc;}


@media (max-width: 767px) {	
.career-content-container{margin-top:15px;}
.search-bar{background: #fff; padding: 5px;}
.search-bar input.isearch[type="text"]{ height: 40px;}
.btnsearch{height: 40px; border-radius: 20px;}
.or{width:100%;	margin: 5px 0px 5px 0px;}
	
.current-opening{margin: 20px 0px 15px 0px;}
.job-detail-conatiner{margin-bottom: 15px; 	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}	
.job-title{min-height: 5px;}	
}

/*************************** Career Opening Details ******************************/

.opening-container{
    float: left;
    width: 100%;
    padding:30px 0px;
}
.opening-txt{
    float: left;
    width: 100%;
}

.opening-txt h2{
	border-bottom: solid 1px #ddd;
	margin: 0px 0px 18px 0px;
	padding-bottom: 7px;
}
.opening-txt h2 span.posted{
    float: right;
	color: #999;
	font-size: 12px;
	font-weight: 400;
}
.opening-txt p span{font-weight: 500; font-size: 13px;}

.opening-details{
    float: left;
    width: 100%;
	margin: 10px 0px;
}
.opening-details h5{
	color: #0058a3;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	margin: 0px 0px 5px 0px;
}
.opening-details ul{
	list-style: none;
	margin: 5px 0px 10px 0px;
}
.opening-details ul li{
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 22px;
	color: #646464;	
	position: relative;
	padding-left: 24px;
}
.opening-details ul li::before {
	content: "";
	height: 12px;
	width: 12px;
	display: block;
	float: left;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 5px 0px 0px;
	position: absolute;
	left: 0px;
}
.btn-apply{
    float: left;
    width: 100%;
	margin: 10px 0px;
}
.btn-apply a {
	float: left;
	min-width: 150px;
	height: 40px;
	border: none;
	background: #1f9fcc;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	font-weight: 500;
	transition: 0.3s ease;
	border-radius: 20px;
	text-decoration: none;
	text-align: center;
}
.btn-apply a:hover{background: #0058a3; color: #fff;}

@media (max-width: 767px) {		
.opening-container{padding:20px 0px;}	
.opening-txt h2{float: left; width: 100%; margin-bottom: 10px;}
.opening-txt h2 span.posted{width: 100%; font-size: 11px;}
.opening-txt p{margin-bottom: 5px; line-height: 20px;}
}

/******************* Career Online Apply for Job ***********************/

.apply-job-container{
	float: left;
	width:100%;
    padding:30px 0px;
}
.apply-form{
	float: left;
	width:100%;
}
.apply-form h2{margin: 0px 0px 8px 0px; font-size: 24px;}
.apply-form p{margin: 0px 0px 20px 0px;}

@media (max-width: 767px) {	
.apply-job-container{padding:20px 0px;}
.apply-form h2{font-size: 21px;}
.apply-form p{line-height: 20px;}
	
}

/***************************** Oxigen Corporate Album *****************************/

.gallery-container {
    float: left;
    width: 100%;
    padding:30px 0px;
}
.pic-box {	
    position: relative;
    padding: 0;
    overflow: hidden;
    height: auto;
    margin-bottom: 30px;
    border: 10px solid #fff;
}
.gal-shadow {position: relative;}

.gal-shadow:before, .gal-shadow:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 2px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #929397;
    -webkit-box-shadow: 0 13px 4px #929397;
    -moz-box-shadow: 0 13px 4px #929397;
    box-shadow: 0 13px 4px #929397;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
}
.gal-shadow:after {
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg);
    right: 1px;
    left: auto;
}
.pic-box a.zoom span.textoverlay {
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}
.pic-box a.zoom:hover span.textoverlay {
    display: block;
    visibility: visible;
    opacity: 0.66;
    -moz-opacity: 0.66;
    -webkit-opacity: 0.66;
    filter: alpha(opacity=65);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}
div.gal-title {
    position: absolute;
    float: left;
    visibility: hidden;
    width: 100%;
    height: 30px;
    font-size: 16px;
    line-height: 24px;
    margin-top: -15px;
    top: 50%;
    left: 0px;
    text-align: center;
    z-index: 1000;
    color: #fff;
	font-weight: 500;
}
.pic-box a.zoom:hover div.gal-title {visibility: visible;}
.pic-box a {overflow: hidden;}
.pic-box a img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.pic-box a.zoom:hover img {transform: scale(1.3);}
.pic-box a.zoom span.overlay {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}
.pic-box a.zoom:hover span.overlay {
    display: block;
    visibility: visible;
    opacity: 0.55;
    -moz-opacity: 0.55;
    -webkit-opacity: 0.55;
    filter: alpha(opacity=65);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}
.pic-box a.zoom:hover span.overlay .icon-expand {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.pic-box .icon-expand {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #1f9fcc url(../../images/icons/zoom-icon.svg) no-repeat;
    background-size: cover;
    border: 1px solid #1f9fcc;
    margin: 0 auto;
    position: absolute;
    top: 45px; 
    left: 90px;
    visibility: hidden;   
}

.pic-box:hover div.icon-expand{ visibility: visible ;}

.left a span.left-arrow {
     display: block;
    width: 25px;
    height: 45px; 
    background : url('../../images/icons/left-arrow.svg') no-repeat;     
}

.left a span.left-arrow:hover {     
    background : url('../../images/icons/left-arrow-hover.svg') no-repeat;     
}


.right a span.right-arrow {
     display: block;
    width: 25px;
    height: 45px; 
    background : url('../../images/icons/arrow.svg') no-repeat;     
}
.right a span.right-arrow:hover {background : url('../../images/icons/arrow-hover.svg') no-repeat;}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 8020;
}
.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
*#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../../images/fancybox_sprite.png);
}
*  #fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../../images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(blank.gif); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span {
    visibility: visible;
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(../../images/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}
/* Title helper */
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../../images/fancybox_sprite@2x.png);
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
    background-image: url(../../images/fancybox_loading@2x.gif);
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}

/********************* Contact Us **********************************/

.contact-container {
	float: left;
	width: 100%;
	padding: 30px 0px;
}

.contact-form {
	float: left;
	width: 100%;
}
.contact-form h1 {margin: 0px 0px 15px 0px;}
.contact-form p{margin-bottom: 20px;}

.contact-block {
	float: left;
	width: 100%;
}
.contact-block h2 {
	font-size: 20px;
	margin: 0px 0px 20px 0px;
}
.contact-box {
	float: left;
	width: 100%;
	margin: 0px 0px 20px 0px;
	background: #fcfcfc;
	padding: 15px 15px 5px 20px;
	border: solid 1px #e5e5e5;
}
.contact-box h4 {
	font-size: 16px;
	margin: 0px 0px 15px 0px;
}
.contact-box p {padding: 0px 0px 0px 27px;}

.contact-box p i {
	float: left;
	width: 26px;
	height: 26px;	
	margin: -2px 0px 0px -28px;
}
.contact-box p i.building {background: url(../../images/icons/office-icon.svg) no-repeat center center;}
.contact-box p i.location {background: url(../../images/icons/location-icon.svg) no-repeat center center;}
.contact-box p i.phone {background: url(../../images/icons/phone-icon.svg) no-repeat center center;}
.contact-box p i.fax {background: url(../../images/icons/fax-icon.svg) no-repeat center center;}
.contact-box p i.email {background: url(../../images/icons/email-icon.svg) no-repeat center center;}
.contact-box p i.timing {background: url(../../images/icons/timing-icon.svg) no-repeat center center;}
.contact-box p i.cin {background: url(../../images/icons/cin-icon.svg) no-repeat center center; background-size: 120%;}
.contact-box p i.whatsup {background: url(../../images/icons/whatsup-icon.svg) no-repeat center center; background-size: 105%;}

@media (max-width: 767px) {
.contact-block h2 {font-size: 18px; margin: 0 0 15px 0;}
.contact-box {margin: 0px 0px 15px 0px; padding: 15px 10px 0px 10px; }
.contact-box h4 {font-size: 15px;}
.contact-form h1 {display: none;}
.contact-form p{margin-bottom: 15px; margin-top: 15px;}
.contact-box p.adrs br{display: none;}
}

/**************************** CMS Content **********************************/

.cms-content{
	float: left;
	width: 100%;
	padding: 10px 0px 30px 0px;
}
.cms-content a{color: #0058a3;}
.cms-content a:hover{color: #1f9fcc;}

.cms-content h3{
	color: #0058a3;
	font-size: 18px;
	margin: 18px 0px 5px 0px;
}
.cms-content h4{
	color: #0058a3;
	font-size: 16px;
	margin: 18px 0px 5px 0px;
}

/**************************** CSR Content **********************************/

.csr-content-container{
	float: left;
	width: 100%;
	padding:30px 0px;
}
.csr-content{
	float: left;
	width: 100%;
}
.csr-content h2{margin-bottom: 10px; line-height: 24px;}

.csr-content h3{
	color: #0058a3;
	font-size: 18px;
	margin: 18px 0px 7px 0px;
	line-height: 22px;
}
.csr-content ul{
	list-style: none;
	margin: 0px 0px 10px 0px;
}
.csr-content ul li{
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 22px;
	color: #646464;	
	position: relative;
	padding-left: 24px;
}
.csr-content ul li::before {
	content: "";
	height: 12px;
	width: 12px;
	display: block;
	float: left;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 5px 0px 0px;
	position: absolute;
	left: 0px;
}
.csr-content strong{
	font-weight: 500;
	color: #555;
}
.csr-content img.right-img{
	float: right;
	max-width: 400px;
	margin: 5px 0px 15px 15px;
}
.csr-content img.left-img{
	float: left;
	max-width: 400px;
	margin: 5px 15px 15px 0px;
}

@media(max-width:767px) {	
.csr-content-container{padding:20px 0px;}
.csr-content h3{font-size: 16px; margin: 10px 0px 5px 0px;}	
.csr-content img.right-img{max-width: 100%; margin: 5px 0px 12px 0px;}
.csr-content img.left-img{max-width: 100%; margin: 5px 0px 12px 0px;}	
}

/************************* For Employees *****************************/

.employee-login{
	float: left;
	width: 100%;
	padding: 30px 0px;
	text-align: center;
}
.employee-login ul{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.employee-login ul li{
	display: inline-block;
	width: 30%;
	margin: 30px 0px 10px 0px;
}
.employee-login ul li a{color: #337ab7;}
.employee-login ul li:hover a{color: #555;}

.employee-login ul li i{
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #1f9fcc;
	background: #fff;
	transition: .3s ease;
}
.employee-login ul li:hover i{box-shadow: 0px 0px 10px #aaa;}

.employee-login ul li i.icon-attend {
	background: #fff url(../../images/icons/attendance_management.svg) no-repeat center center;
    background-size: 65%;
}
.employee-login ul li i.icon-db {
	background: #fff url(../../images/icons/employee_database.svg) no-repeat center center;
    background-size: 65%;
}
.employee-login ul li i.icon-mail {
	background: #fff url(../../images/icons/login_outlook.svg) no-repeat center center;
    background-size: 60%;
}
.employee-login ul li i.icon-slip {
	background: #fff url(../../images/icons/salary_slip_icon.svg) no-repeat center center;
    background-size: 50%;
}
.employee-login ul li i.icon-po {
	background: #fff url(../../images/icons/approve_submit_po.svg) no-repeat center center;
    background-size: 60%;
}

@media(max-width:767px) {
.employee-login{padding: 20px 0px;}	
.employee-login ul li{width: 100%; margin: 15px 0px 10px 0px;}
}

/**************************** E-WASTE Management ******************************/

.ewaste-txt{
	float: left;
	width: 100%;
	padding: 20px 0px;
}
.ewaste-txt h2{margin-bottom: 10px; line-height: 24px;}

.ewaste-txt h3{
	color: #0058a3;
	font-size: 18px;
	margin: 18px 0px 7px 0px;
	line-height: 22px;
}
.ewaste-txt h5{
	color: #0058a3;
	font-size: 16px;
	margin: 15px 0px 5px 0px;
	line-height: 22px;
}

.ewaste-txt ul{
	list-style: none;
	margin: 0px 0px 10px 0px;
}
.ewaste-txt ul li{
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 22px;
	color: #646464;	
	position: relative;
	padding-left: 24px;
}
.ewaste-txt ul li::before {
	content: "";
	height: 12px;
	width: 12px;
	display: block;
	float: left;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 5px 0px 0px;
	position: absolute;
	left: 0px;
}
.ewaste-txt strong{
	font-weight: 500;
	color: #555;
}
.ewaste-txt img.img-right{
	float: right;
	margin: 0px 0px 5px 10px;
	border: solid 1px #ddd;
}
.ewaste-txt hr{
	border-top: solid 1px #ddd;
}
.ewaste-txt p span{
	color: #0058a3;
	font-size: 21px;
	font-weight: 500;
}
.ewaste-txt table{
	background: #fff;
}
.ewaste-txt table tr th{
	background: #003366;
	color: #fff;
	font-size: 16px;
}

/*************************** Our Logos *********************************/

.logo-download-container{
	float: left;
	width: 100%;
	padding: 20px 0px;
}

.logo-download-txt{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.logo-download-txt h3{
	color: #0058a3;
	font-size: 22px;
	margin: 15px 0px 10px 0px;
	line-height: 28px;
}
.logo-download-txt h5{
	color: #0058a3;
	font-size: 16px;
	margin: 15px 0px 5px 0px;
	line-height: 20px;
}

.logo-download-txt img{
	float:right;
	border: solid 1px #ddd;
	margin: 0px 0px 10px 5px;
	max-width: 300px;
	padding: 15px;
	transition: .3s ease;
	background: #fff;
}

.logo-download{
	float: left;
	width: 100%;
}
.logo-box{
	float: left;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	transition: .3s ease;
}
.logo-box p{font-size: 13px;}

.logo-box img{
	display: inline-block;
	border: solid 1px #ddd;
	background: #fff;
	padding: 20px 15px;
	margin-bottom: 5px;
	transition: .3s ease;
}
.logo-box a{
	display: inline-block;
	min-width: 100px;
	height: 30px;	
	font-size: 13px;
	line-height: 30px;
	background: #1f9fcc;
	color: #fff;
	border-radius: 15px;
	transition: .3s ease;
}
.logo-box a:hover{background: #0058a3; color: #fff;}
.logo-box:hover img{box-shadow: 0px 0px 10px #ccc;}

@media (max-width: 767px){
.logo-download-txt h3{margin: 5px 0px 10px 0px;}
.logo-download-txt img{margin: 0px 0px 10px 0px; max-width: 100%; width: 100%;}	
.logo-box img{padding: 15px 15px;}
}

/**************************** Download Template *******************************/

.template-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
	text-align: center;	
}
.template-box{
	float: left;
	width: 100%;
	margin-bottom:20px;
}

.template-box a i{
	display: inline-block;
	width: 66px;
	height: 66px;
	border: solid 1px #ccc;
	border-radius: 50%;
	margin-bottom:5px;
	background:#fff url(../../images/icons/ppt-icon.svg) no-repeat center center;
	background-size: 60%;
}
.template-box:hover a i{box-shadow: 0px 0px 10px #aaa; border: solid 1px #1f9fcc;}

@media (max-width: 767px){
.template-container{padding: 20px 0px;}
.template-container h2{margin-bottom: 30px;}
}

/************************** Download Broucher *******************************/

.broucher-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.broucher-box{
	float: left;
	width: 100%;
	text-align: center;
}
.broucher-box img{
	display: inline-block;
	max-width: 400px;
	margin-bottom: 15px;
}
.broucher-box a{
	display: inline-block;
	min-width: 100px;
	height: 40px;	
	font-size: 16px;
	line-height: 40px;
	background: #1f9fcc;
	color: #fff;
	border-radius: 20px;
	padding: 0px 20px;
	transition: .3s ease;
}
.broucher-box a:hover{background: #0058a3; color: #fff;}

@media (max-width: 767px){
.broucher-box img{max-width: 100%;}
}

/*************** Download Enrollment Forms *****************************/

.download-form{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.download-form .panel-default{margin-bottom: 10px;}
.download-form i{
	float: right;
	display: block;
	width: 16px;
	height: 16px;
}
.download-form i.icon-expand{background: url(../../images/icons/icon-expand.svg) no-repeat center right;}
.download-form i.icon-collapse{background: url(../../images/icons/icon-collapse.svg) no-repeat center right;}
.download-form .panel-title{color: #555;}

.form-link{
	float: left;
	width: 100%;
}
.form-link ul{
	list-style: none;
	margin: 0px 0px 15px 0px;	
}
.form-link ul li{
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 20px;
	color: #646464;	
	position: relative;
	padding-left: 20px;    
}
.form-link ul li::before {
    content: "";
    height: 10px;
    width: 10px;
    display: block;
    float: left;
    background: url(../../images/icons/bullet.svg) no-repeat;
    background-size: 100%;
    margin: 5px 7px 0px 0px;
    position: absolute;
    left: 0;
}

@media (max-width: 767px) {
.download-form{padding: 10px 0px;}
.download-form .panel-title{font-size: 14px; line-height: 20px;}
}

/****************************  Investment Plan *****************************/

.investment-txt{
	float: left;
	width: 100%;
	padding: 20px 0px;
}
.investment-txt h2{
	margin-bottom: 10px; 
	line-height: 24px;
}
.investment-txt h5{
	font-size: 16px;
	margin: 15px 0px 5px 0px;
	line-height: 22px;
}
.investment-txt ul{
	list-style: none;
	margin: 0px 0px 10px 0px;
}
.investment-txt ul li{
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 22px;
	color: #646464;	
	position: relative;
	padding-left: 24px;
}
.investment-txt ul li::before {
	content: "";
	height: 12px;
	width: 12px;
	display: block;
	float: left;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 5px 0px 0px;
	position: absolute;
	left: 0px;
}
.investment-txt strong{
	font-weight: 500;
	color: #555;
}

.investment-txt table{
	background: #fff;
}
.investment-txt table tr th{
	background: #003366;
	color: #fff;
}

/************************** Quality Policy **********************************/

.quality-certificate{
	float: left;
	width: 100%;
	padding: 30px 0px;
	text-align: center;
}
.quality-certificate h2{
	margin-bottom: 30px; 
	line-height: 30px;
	font-size: 28px;
}

.quality-box{
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
.quality-box img{
	position: relative;
	z-index: 1;
	border: solid 4px #ccc;
	border-radius: 5px;
}

.quality-box .certificate-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	transition: .5s ease;
	background:rgba(0, 0, 0, 0.01);
	z-index: 2;
}
.quality-box:hover .certificate-overlay{background:rgba(0, 0, 0, 0.50);}

.quality-box:hover .certificate-overlay i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #1f9fcc url(../../images/icons/zoom-icon.svg) no-repeat;
	background-size: cover;
	border: 1px solid #1f9fcc;
	margin: -25px 0px 0px -25px;
}
.div-qulaity-objective {
	background: url(../../images/quality-policy-objective-background.jpg) no-repeat;
	width: 694px;
	height: 1042px;
	margin: 4px;
}
.oxi-logo {
	float: left;
	margin: 25px 0px 0px 160px;
}
.div_policy_heading {
	float: left;
	font-family: calibri;
	font-size: 55px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	color: #d9251d;
	text-align: center;
	width: 100%;
}
.div-policy-content p {
	float: left;
	font-family: calibri;
	font-size: 30px;
	margin: 175px 0px 0px 3px;
	width: 100%;
	line-height: 45px;
	text-align: center;
	color: #1f1a17;
}
.div-policy-content#objective p {font-size: 27px;}
#certificate1 .modal-lg, #certificate2 .modal-lg {width: 704px;}
#certificate1 .modal-content, #certificate2 .modal-content {padding-top: 0;}
#certificate1 .modal-body, #certificate2 .modal-body {padding: 0;}

@media(max-width:767px) {	
.quality-certificate{padding: 15px 0px;}
.quality-certificate h2{margin-bottom: 15px; font-size: 22px;}	
#certificate1 .modal-lg, #certificate2 .modal-lg {width: inherit;}
}

/*************** RO Terms and Conditions *****************************/

.ro-tnc-txt{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.ro-tnc-txt h2{
	font-size: 22px;
	margin-bottom: 10px;
}
.ro-tnc-txt h3{
	font-size: 18px;
	margin-bottom: 8px;
	color: #0058a3;
}
.ro-tnc-txt h4{
	font-size: 16px;
	margin: 15px 0px 8px 0px;
	color: #0058a3;
}
.ro-tnc-txt strong{font-weight: 500;}
.ro-tnc-txt table{margin-bottom: 10px;}
.ro-tnc-txt table td{padding-bottom: 8px;}

@media(max-width:767px){
.ro-tnc-txt{padding: 15px 0px;}
.ro-tnc-txt h2{font-size: 18px;}
.ro-tnc-txt h3{font-size: 16px;}
.ro-tnc-txt h4{font-size: 14px;}
}

/************************* Grievance Policy *****************************/

.grievance-policy{
	float: left;
	width: 100%;
	padding: 30px 0px;
	text-align: center;
}
.grievance-policy ul{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.grievance-policy ul li{
	display: inline-block;
	width: 22%;
	margin: 30px 0px 10px 0px;
}
.grievance-policy ul li a{color: #337ab7;}
.grievance-policy ul li:hover a{color: #555;}

.grievance-policy ul li i{
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #1f9fcc;
	background: #fff;
	transition: .3s ease;
}
.grievance-policy ul li:hover i{box-shadow: 0px 0px 10px #aaa;}

.grievance-policy ul li i.icon-customer {
	background: #fff url(../../images/icons/icon-customer.svg) no-repeat center center;
    background-size: 55%;
}
.grievance-policy ul li i.icon-retailer {
	background: #fff url(../../images/icons/icon-retailer.svg) no-repeat center center;
    background-size: 65%;
}
@media(max-width:767px) {
.grievance-policy{padding: 20px 0px;}	
.grievance-policy ul li{width: 100%; margin: 15px 0px 10px 0px;}
}

/*************** POS Insurance Khata  ***********************/

.insurance-khata-txt{
	float: left;
	width: 100%;
}
.insurance-khata-txt h2{margin-bottom: 10px;}

.insurance-video{
	float: left;
	width: 100%;
}
.insurance-video img{
	background: #fff;
	float: left;
	width: 100%;
	border: 1px solid #d9d9d9;
	padding: 5px;
}

.insurance-retailer-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
	text-align: center;
	background: #fff;
}
.insurance-retailer-container h2{
	font-size: 22px; 
	margin-bottom: 15px;
}
.insurance-box{
	float: left;
	width: 100%;
}
.insurance-retailer{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.insurance-retailer i{
	display: inline-block;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: solid 3px #fff;
	background: #f2f5fa;
	box-shadow: 0px 0px 0px 3px #f2f5fa;
	margin-bottom: 5px;
}

.insurance-retailer i.revenue{
	background: #f2f5fa url(../../images/icons/high-revenue-earning.svg) no-repeat center center;
    background-size: 65%;
}

.insurance-retailer i.retention{
	background: #f2f5fa url(../../images/icons/customer-retention.svg) no-repeat center center;
    background-size: 65%;
}
.insurance-retailer i.acquisition{
	background: #f2f5fa url(../../images/icons/new-customer-aquisition.svg) no-repeat center center;
    background-size: 65%;
}
.insurance-retailer i.icon-insurance1{
	background: #f2f5fa url(../../images/icons/protect-your-family-financially.svg) no-repeat center center;
    background-size: 65%;
}
.insurance-retailer i.icon-insurance2{
	background: #f2f5fa url(../../images/icons/get-cover-for-years.svg) no-repeat center center;
    background-size: 65%;
}
.insurance-retailer i.icon-insurance3{
	background: #f2f5fa url(../../images/icons/guaranteed-premium-payment.svg) no-repeat center center;
    background-size: 65%;
}
.insurance-retailer i.icon-insurance4{
	background: #f2f5fa url(../../images/icons/options-to-select-insurance-cover.svg) no-repeat center center;
    background-size: 65%;
}
.insurance-retailer i.icon-insurance5{
	background: #f2f5fa url(../../images/icons/get-additional-insurance.svg) no-repeat center center;
    background-size: 65%;
}
.insurance-retailer i.icon-insurance6{
	background: #f2f5fa url(../../images/icons/get-insurance-with-aadhaar.svg) no-repeat center center;
    background-size: 65%;
}
.insurance-retailer p{line-height: 20px;}

@media(max-width:767px) {	
.insurance-retailer-container{padding:15px 0px;}
.insurance-retailer-container h2{font-size: 20px;}
.insurance-retailer{margin-bottom: 10px;}
.insurance-retailer i{width: 80px; height: 80px;}
}

/*************** Insurance Khata Outlet Search  ***********************/

.insurance-khata-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.insurance-khata-form{
	float: left;
	width: 100%;
}
.insurance-khata-form h2{margin-bottom: 5px;}
.insurance-khata-form p{margin-bottom: 25px;}
.insurance-khata-form hr{margin-top: 5px;}

.khata-form{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.khata-submit {
	float: left;
	min-width: 130px;
	height: 40px;
	border: none;
	background: #1f9fcc;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	font-weight: 500;
	transition: 0.3s ease;
	border-radius: 20px;
	text-decoration: none;
	text-align: center;
}
.khata-submit:hover{background: #0058a3; color: #fff;}

.khata-form span.error{
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	color: #e91a1a;
	margin:3px 0px 0px 0px;
	text-align: left;
}
.khata-address{
	float: left;
	width: 100%;
	margin-bottom: 30px;
	background: #fff;
	padding:15px;
	border: solid 1px #ddd;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #ccc;
	min-height: 140px;
}
.khata-address h4{
	font-size: 16px;
	line-height: 22px;
	color: #0058a3;
	margin: 0px 0px 5px 0px;
	text-transform: capitalize;
}
.khata-address p{
	margin-bottom: 0px;
	line-height: 20px;
}

@media(max-width:767px) {
.insurance-khata-container{padding: 15px 0px;}
.insurance-khata-form p{margin-bottom: 20px;}
.khata-address{margin-bottom: 15px; min-height: 40px;}
.khata-address p{margin-bottom: 0px;}	
}

/*************** Amazon Gift Card  ***********************/

.giftcards-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
	background: #fff;
}
.giftcards-txt{
	float: left;
	width: 100%;
}
.giftcards-txt h2{
	margin-bottom: 10px;
	font-size: 24px;
}
.giftcards-img{
	float: left;
	width: 100%;
	margin-top: 15px;
}
.giftcards-img ul{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.giftcards-img ul li{
	float: left;
	width: 30%;
	margin: 0% 0% 3% 3%;
	background: #fff;
	border: solid 1px #ddd;
	box-shadow: 0px 0px 5px 0px #ddd;
	border-radius: 3px;
	padding: 4px;
}
.giftcards-video{
	float: left;
	width: 100%;
}
.giftcards-video img{
	background: #fff;
	float: left;
	width: 100%;
	border: 1px solid #d9d9d9;
	padding: 5px;
}
.cards-benefit-container{
	float: left;
	width: 100%;
	padding: 40px 0px;
	text-align: center;
}
.cards-benefit-container h2{font-size:22px;}

.giftcard-box{
	float: left;
	width: 100%;
}
.retailer-benefits{
	float: left;
	width: 100%;
	text-align: center;
}
.retailer-benefits i{
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: solid 1px #ccc;
	background: #fff;
}

.retailer-benefits i.base{
	background:#fff url(../../images/icons/icon-new-product.svg) no-repeat center center;
    background-size: 55%;
}
.retailer-benefits i.free{
	background:#fff url(../../images/icons/icon-free-services.svg) no-repeat center center;
    background-size: 55%;
}
.retailer-benefits i.high{
	background:#fff url(../../images/icons/icon-high-margins.svg) no-repeat center center;
    background-size: 55%;
}
.retailer-benefits i.ta{
	background:#fff url(../../images/icons/icon-no-ta.svg) no-repeat center center;
    background-size: 55%;
}

.retailer-benefits i.shop{
	background:#fff url(../../images/icons/icon-consumer1.svg) no-repeat center center;
    background-size: 60%;
}
.retailer-benefits i.mobile{
	background:#fff url(../../images/icons/icon-consumer2.svg) no-repeat center center;
    background-size: 60%;
}
.retailer-benefits i.bill{
	background:#fff url(../../images/icons/icon-consumer3.svg) no-repeat center center;
    background-size: 60%;
}
.retailer-benefits i.travel{
	background:#fff url(../../images/icons/icon-consumer4.svg) no-repeat center center;
    background-size: 60%;
}

.retailer-benefits i.gift1{
	background:#fff url(../../images/icons/icon-giftcard1.svg) no-repeat center center;
    background-size: 60%;
}
.retailer-benefits i.gift2{
	background:#fff url(../../images/icons/icon-giftcard2.svg) no-repeat center center;
    background-size: 55%;
}
.retailer-benefits i.gift3{
	background:#fff url(../../images/icons/icon-giftcard3.svg) no-repeat center center;
    background-size: 50%;
}
.retailer-benefits i.gift4{
	background:#fff url(../../images/icons/icon-giftcard4.svg) no-repeat center center;
    background-size: 55%;
}
.retailer-benefits i.gift5{
	background:#fff url(../../images/icons/icon-giftcard5.svg) no-repeat center center;
    background-size: 52%;
}
.retailer-benefits i.gift6{
	background:#fff url(../../images/icons/icon-giftcard6.svg) no-repeat center center;
    background-size: 50%;
}
.retailer-benefits i.gift7{
	background:#fff url(../../images/icons/icon-giftcard7.svg) no-repeat center center;
    background-size: 52%;
}

.buy-cards-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
	text-align: center;
	background: #fff;
}
.buy-cards-container h3{
	margin:0px 0px 20px 0px;
	font-size: 22px;
	color: #0058a3;
}
.buy-cards{
	float: left;
	width: 100%;
	text-align: center;
}
.buy-cards i{
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: solid 3px #fff;
	background: #f2f5fa;
	box-shadow: 0px 0px 0px 3px #f2f5fa;
}
.buy-cards i.step1 {
	background:#f2f5fa url(../../images/icons/buy-giftcard-step1.svg) no-repeat center center;
    background-size: 70%;
}
.buy-cards i.step2 {
	background:#f2f5fa url(../../images/icons/buy-giftcard-step2.svg) no-repeat center center;
    background-size: 60%;
}
.buy-cards i.step3 {
	background:#f2f5fa url(../../images/icons/buy-giftcard-step3.svg) no-repeat center center;
    background-size: 55%;
}
.buy-cards i.step4 {
	background: #f2f5fa url(../../images/icons/buy-giftcard-step4.svg) no-repeat center center;
    background-size: 60%;
}
.buy-cards h5{
	margin:5px 0px;
	font-size: 16px;
	color: #0058a3;
}
.type-cards-container{
	float: left;
	width: 100%;
	padding: 40px 0px;
	text-align: center;
	background: #0058a3;
}
.type-card{
	float: left;
	width: 100%;
}
.type-card i{
	display: inline-block;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: solid 2px #1f9fcc;
}
.type-card i.egift {
	background:url(../../images/icons/icon-e-giftcard.svg) no-repeat center center;
    background-size: 38%;
}
.type-card i.pgift {
	background:url(../../images/icons/icon-physical-giftcard.svg) no-repeat center center;
    background-size: 60%;
}
.type-card h5{margin:5px 0px 10px 0px;}

.type-card h5 span{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background:#1f9fcc;
	padding: 8px 15px;
	border-radius: 5px;
}
.type-card p{color: #fff;}

.redeem-cards-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
	text-align: center;
}
.redeem-cards-container h3{
	margin:0px 0px 20px 0px;
	font-size: 22px;
	color: #0058a3;
}
.redeem-cards{
	float: left;
	width: 100%;
	text-align: center;
}
.redeem-cards i{
	display: inline-block;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: solid 1px #ccc;
	background: #fff;
}
.redeem-cards i.add {
	background:#fff url(../../images/icons/redeem-step1.svg) no-repeat center center;
    background-size: 60%;
}
.redeem-cards i.code {
	background:#fff url(../../images/icons/redeem-step2.svg) no-repeat center center;
    background-size: 40%;
}
.redeem-cards i.pay {
	background:#fff url(../../images/icons/redeem-step3.svg) no-repeat center center;
    background-size: 50%;
}
.redeem-cards h5{
	margin:5px 0px;
	font-size: 16px;
	color: #0058a3;
}
.redeem-cards p{line-height: 20px;}

.schemebtn{
	float: left;
	width: 100%;
	text-align: center;
	margin: 20px 0px;
}
.schemebtn a{
	display: inline-block;
	border: solid 2px #1f9fcc;
	border-radius: 25px;
	padding: 10px 20px;
	color: #fff;
	background: #1f9fcc;
	font-size: 16px;
	font-weight: 500;
	margin-top: 10px;
	transition: 0.3s ease;
}
.schemebtn a:hover{
	color: #1f9fcc;
	background: #fff;
}
.giftcardvdo-container{
	float: left;
	width: 100%;
	padding: 50px 0px;
	background:#08263b url(../../images/vdo-bg.jpg) repeat-x center bottom;
}
.giftcardvdo-txt{
	float: left;
	width: 100%;
	border: solid 2px #fff;
	padding: 15px 30px;
	margin: 30px 0px;
	position: relative;
}
.giftcardvdo-txt::before, .giftcardvdo-txt::after{
	position: absolute;
	width: 50px;
	height: 40px;
	background:#08263b;
	color: #fff;
	font-size: 80px;
	font-family: 'Sanchez';
	text-align: center;
	line-height: 80px;
}
.giftcardvdo-txt::before{
	content:  "\201C";
	left: -25px;
	top: -20px;
}
.giftcardvdo-txt::after{
	content:  "\201D";
	right: -25px;
	bottom: -20px;
}
.giftcardvdo-txt p{
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	margin: 15px 0px;
	letter-spacing: 3px;
	word-spacing: 10px;
	font-style: italic;
}

.egiftcards-container{
	float: left;
	width: 100%;
	padding: 40px 0px;
}
.egiftcards{
	float: left;
	width: 100%;
	text-align: center;
}
.egiftcards h3{
	margin:0px;
	font-size: 20px;
	color: #0058a3;
}
.egiftcards p{margin:10px 0px;}

.egiftcards p a.whatsaap{
	display: inline-block;
	border: solid 2px #1f9fcc;
	border-radius: 25px;
	padding: 10px 30px;
	color: #1f9fcc;
	background: #fff;
	font-size: 16px;
	font-weight: 500;
	margin-top: 10px;
	transition: 0.3s ease;
}
.egiftcards p a.whatsaap:hover{
	color: #fff;
	background: #1f9fcc;
}
.egiftcards img{
	border: solid 1px #ddd;
	border-radius: 4px;
	margin: 15px 0px;
	box-shadow: 0px 0px 5px 0px #eee;
}

@media(max-width:767px) {
.giftcards-container{padding: 20px 0px;}
.giftcards-txt h2{font-size: 20px;}	
.giftcards-img ul li{width: 46%; margin: 0% 2% 4% 2%;}	
.cards-benefit-container{padding: 20px 0px;}
.cards-benefit-container h2{font-size:20px; margin-bottom: 10px;}
.retailer-benefits{margin-bottom: 5px;}
.buy-cards-container{padding: 30px 0px 0px 0px;}
.buy-cards-container h3{font-size: 20px;}
.buy-cards{margin-bottom: 15px;}	
.type-cards-container{padding: 30px 0px 0px 0px;}
.type-card{margin-bottom: 20px;}
.redeem-cards-container{padding: 20px 0px;}
.redeem-cards-container h3{font-size: 20px; padding: 0px 15px;}	
.redeem-cards{margin-bottom: 10px;}
.giftcardvdo-container{padding: 30px 0px;}
.giftcardvdo-txt{padding: 12px 18px; margin: 30px 0px 0px 0px;}
.giftcardvdo-txt::before{left: -15px;}
.giftcardvdo-txt::after{right: -15px;}
.giftcardvdo-txt p{font-size: 16px; line-height: 24px; margin: 10px 0px; letter-spacing: 1px; word-spacing: 2px;}
.egiftcards-container{padding: 30px 0px;}
.egiftcards h3{font-size: 18px;}
.egiftcards p a.whatsaap{padding: 10px 25px;}
}

/************************* Oxigen ATM Cash  ****************************/

.atmcash-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
	background: #fff;
}
.atmcash-txt{
	float: left;
	width: 100%;
}
.atmcash-txt h2{
	margin-bottom: 10px;
	font-size: 24px;
}
.atmcash-video{
	float: left;
	width: 100%;
}
.atmcash-video img{
	background: #fff;
	float: left;
	width: 100%;
	border: 1px solid #d9d9d9;
	padding: 5px;
}
.atmcash-benefits-container{
	float: left;
	width: 100%;
	padding: 40px 0px 0px 0px;
	text-align: center;
}
.atmcash-box{
	float: left;
	width: 100%;
}
.atmcash-benefits{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.atmcash-benefits i{
	display: inline-block;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: solid 1px #ccc;
	background: #fff;
}
.atmcash-benefits i.new{
	background:#fff url(../../images/icons/atmcash-product.svg) no-repeat center center;
    background-size: 50%;
}
.atmcash-benefits i.instant{
	background:#fff url(../../images/icons/atmcash-commission.svg) no-repeat center center;
    background-size: 47%;
}
.atmcash-benefits i.nota{
	background:#fff url(../../images/icons/atmcash-no-ta-required.svg) no-repeat center center;
    background-size: 47%;
}
.atmcash-benefits i.bank{
	background:#fff url(../../images/icons/atmcash-bank.svg) no-repeat center center;
    background-size: 62%;
}
.atmcash-benefits i.atm{
	background:#fff url(../../images/icons/atmcash-shop.svg) no-repeat center center;
    background-size: 62%;
}
.atmcash-benefits i.freedam{
	background:#fff url(../../images/icons/atmcash-freedom.svg) no-repeat center center;
    background-size: 43%;
}
.atmcash-benefits i.withdraw{
	background:#fff url(../../images/icons/atmcash-widthdraw.svg) no-repeat center center;
    background-size: 52%;
}
.atmcash-benefits i.outlet{
	background:#fff url(../../images/icons/atmcash-shop.svg) no-repeat center center;
    background-size: 62%;
}
.atmcash-benefits i.limit{
	background:#fff url(../../images/icons/atmcash-free-transaction.svg) no-repeat center center;
    background-size: 60%;
}
.atmlimit{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
	margin-top: 30px;
}

@media(max-width:767px) {	
.atmcash-container{padding: 15px 0px 30px 0px;}
.atmcash-txt h2{font-size: 20px;}
.atmcash-benefits-container{padding: 20px 0px 0px 0px;}	
.atmcash-benefits{margin-bottom: 10px;}
.atmcash-benefits i{width: 80px; height: 80px;}
.atmlimit{margin-top: 10px;}
}

/************************* Micro ATM Cash In ****************************/

.atmcashin-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
	background: #fff;
}
.atmcashin-txt{
	float: left;
	width: 100%;
}
.atmcashin-txt h2{
	margin-bottom: 10px;
	font-size: 24px;
}
.atmcashin-txt h4{
	margin-bottom: 5px;
	font-size: 18px;
	color: #0058a3;
}
.atmcashin-txt h6{
	margin-bottom: 5px;
	font-size: 14px;
	color: #0058a3;
}
.atmcashin-txt ul{
	margin: 5px 0px 15px 0px;
	list-style: none;
	padding: 0px;
}
.atmcashin-txt ul li {
	margin-bottom: 5px;
	position: relative;
	padding-left: 22px;
}
.atmcashin-txt ul li:before {
	content: "";
	height: 12px;
	width: 12px;
	display: block;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 5px 0px 0px;
	position: absolute;
	left: 0px;
}
.atmcashin-txt ol{
	margin: 0px 0px 10px 15px;
}
.atmcashin-txt ol li{
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 5px;
}
.atmcashin-txt strong{font-weight: 500;}

.atmcashin-img{
	float: left;
	width: 100%;
}
.atmcashin-img img{
	float: left;
	width: 100%;
}
.cashin-flow-container{
	float: left;
	width: 100%;
	padding: 30px 0px;
}
.cashin-process{
	float: left;
	width: 100%;
}
.cashin-process .panel-default{margin-bottom: 10px;}
.cashin-process i{
	float: right;
	display: block;
	width: 16px;
	height: 16px;
}
.cashin-process i.icon-expand{background: url(../../images/icons/icon-expand.svg) no-repeat center right;}
.cashin-process i.icon-collapse{background: url(../../images/icons/icon-collapse.svg) no-repeat center right;}
.cashin-process .panel-title{color: #555;}

.cashin-flow{
	float: left;
	width: 100%;
}
.cashin-flow p{line-height: 20px;}
.flow-box{
	float: left;
	width: 100%;
	text-align: center;
	margin: 10px 0px;
	border: solid 1px #ddd;
}
.flow-box img{
	display: inline-block;
	max-width: 100%;
}
.flow-box h6{
	float: left;
	width: 100%;
	display: flex;
	background: #eee;
	margin: 0px 0px 0px 0px;
	border-top: solid 1px #ddd;	
	font-weight: 400;
}
.flow-box h6 span.notxt{
	display: inline-block;
	width: 36px;
	height: 32px;
	text-align: center;
	background: #f9a600;
	color: #fff;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: solid 1px #ddd;
	line-height: 30px;
	font-size: 13px;
	font-weight: 500;
}
.flow-box h6 span{
	width: 100%;
	float: right;
	margin: 0;
	color: inherit;
	display: flex;
	align-items: center;
	line-height: 14px;
	font-size: 12px;
	text-align: left;
	padding: 2px 0px;
}

@media(max-width:767px) {	
.atmcashin-container{padding: 10px 0px;}
.atmcashin-txt h2{font-size: 20px;}	
.cashin-flow-container{padding: 10px 0px;}	
.cashin-process h2{font-size: 17px;}	
.cashin-process .panel-title{font-size: 14px;}	
.flow-box img{border-left: solid 1px #ddd; border-right: solid 1px #ddd;}	
}

/************************* Amazon Gift Cards Schemes T&C ****************************/

.card-schemes-txt{float: left; width: 100%; padding: 30px 0px; background: #fff;}
.card-schemes-txt strong{font-weight: 500; color: #333;}
.card-schemes-txt h2{margin: 0px 0px 5px 0px;}
.card-schemes-txt ul{margin: 0px 0px 10px 0px; list-style: none;}
.card-schemes-txt ul li{margin-bottom: 8px; position: relative; padding-left: 22px;}
.card-schemes-txt ul li::before {
	content: "";
	height: 12px;
	width: 12px;
	display: block;
	float: left;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 5px 0px 0px;
	position: absolute;
	left: 0px;
}
.card-schemes-txt ul li ul{margin: 0px 0px 10px 15px; list-style:circle;}
.card-schemes-txt ul li ul li{padding-left: 0px;}
.card-schemes-txt ul li ul li::before {display: none;}

/************************* CSR Reports ****************************/

.csr-menu{float: left; width: 100%;}
.csr-menu ul{float: left; width: 100%; margin: 0px; list-style: none; padding: 0px;}
.csr-menu ul li{float: left; margin: 0px 15px 10px 0px;}
.csr-menu ul li a{float: left; background: #dcdcdc; font-size: 15px; line-height: 22px; padding: 8px 15px; border-radius: 20px; color: #666;}
.csr-menu ul li a.active, .csr-menu ul li a:hover {background: #1f9fcc; color: #fff;}

.csr-repots{float: left; width: 100%; margin-top: 15px;}
.csr-repots .panel-group .panel{margin-bottom: 10px;}

.csr-box{float: left; width: 100%; padding: 5px;}

.csr-box h6{
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	color: #666;
}
.csr-box ul{
	margin: 5px 0px 15px 0px;
	list-style: none;
	padding: 0px;
}
.csr-box ul li {
	margin-bottom: 5px;
	position: relative;
	padding-left: 22px;
}
.csr-box ul li:before {
	content: "";
	height: 12px;
	width: 12px;
	display: block;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 5px 0px 0px;
	position: absolute;
	left: 0px;
}
.csr-box ul li a {color: #0058a3;}
.csr-repots .panel h4.panel-title a{display: block; width: 100%;}
.csr-repots .panel h4.panel-title a i{float: right; display: block; width: 16px; height: 16px;}
.csr-repots .panel h4.panel-title a.collapsed i{background: url(../../images/icons/icon-expand.svg) no-repeat center right;}
.csr-repots .panel h4.panel-title a i{background: url(../../images/icons/icon-collapse.svg) no-repeat center right;}

@media(max-width:767px) {	
.csr-menu ul li{margin: 0px 10px 10px 0px;}	
.csr-menu ul li a{font-size: 14px; padding:8px 15px;}	
}

/************************* Micro ATM AEPS Cash Out ****************************/

.cashout-container{
	float: left; 
	width: 100%;
	padding: 30px 0px 20px 0px;
	background: #fff;
}
.cashout-txt{
	float: left; 
	width: 100%;
	text-align: center;
}
.cashout-txt p{
	font-size: 16px;
	color: #333;
	line-height: 24px;
}
.cashout-down{
	float: left; 
	width: 100%;
	text-align: center;
}
.cashout-down h3{
	float: left; 
	width: 100%;
    font-size: 18px;
    color: #fff;
	background: #0058a3;
    margin: 10px 0px 30px 0px;
	padding: 15px;
	text-align: center;
	position: relative;
	border-radius: 15px;
	text-transform: uppercase;
	line-height: 22px;
}

.cashout-down h3::before {
	content: " ";
	position: absolute;
	left: 50%;
	bottom: -18px;
	width: 40px;
	height: 20px;
	background: url(../../images/downarrow.png) no-repeat center top;
	margin-left: -20px; 
}
.cashout-down h3::after {
	content: "A";
	position: absolute;
	left: 4px;
	top: 4px;
	width: 44px;
	height: 44px;
	background: #fff;
	color: #0058a3;
	border-radius: 50%;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #0058a3;
}
.cashout-down ul{
	float: left; 
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.cashout-down ul li{
	display: inline-block;
	width: 145px;
	height: 130px;
}
.cashout-down span.downno {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #00a652;
	border-radius: 50%;
	text-align: center;
	font-size: 36px;
	line-height: 70px;
	font-weight: 500;
	color: #fff;
}
.cashout-down ul li h5{
	font-size: 13px;
	color: #333;
	line-height: 18px;
}
.cashout-down ul li h5 span{color: #666; font-weight: 400;}

.cashout-steps-ontainer{
	float: left; 
	width: 100%;
	padding: 40px 0px 0px 0px;
}

.cashout-steps{
	float: left; 
	width: 100%;
}
.cashout-steps h3{
	float: left; 
	width: 100%;
    font-size: 18px;
    color: #fff;
	background: #0058a3;
    margin: 0px 0px 10px 0px;
	padding: 15px;
	text-align: center;
	position: relative;
	border-radius: 15px;
	text-transform: uppercase;
	line-height: 22px;
}

.cashout-steps h3::before {
	content: " ";
	position: absolute;
	left: 50%;
	bottom: -18px;
	width: 40px;
	height: 20px;
	background: url(../../images/downarrow.png) no-repeat center top;
	margin-left: -20px; 
}

.cashout-steps h3::after {
	content: " ";
	position: absolute;
	left: 4px;
	top: 4px;
	width: 44px;
	height: 44px;
	background: #fff;
	color: #0058a3;
	border-radius: 50%;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #0058a3;
}
.cashout-steps h3.step2::after {
	content: "B";
}
.cashout-steps h3.step3::after {
	content: "C";
}

.cashout-steps p{
	float: left; 
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin-bottom: 40px;
}
.cashout-steps p span{
	display: inline-block;
	background: #1f9fcc;
	font-weight: 500;
    color: #fff;
	font-size: 16px;
	padding: 10px 40px;
	border-radius: 20px;
	line-height: 26px;
}
.cashout-steps p span span.whatap{
	display: inline-block;
	background: url(../../images/icons/icon-callus.svg) no-repeat center left;
	padding: 0px 0px 0px 30px;
}

.cashout-steps ul{
	float: left; 
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 50px 0px 0px 0px;
	text-align: center;
}
.cashout-steps ul li{
	display: inline-block;
	width: 240px;
	height: 295px;
}
.step-screen{
	float: left; 
	width: 100%;
    margin: 0px 0px 25px 0px;
	text-align: center;
	position: relative;
	padding: 0px 20px;
}
.cashout-steps span.stepno {
	position: absolute;
	left: 50%;
	top: -18px;
	width: 36px;
	height: 36px;
	background: #00a652;
	border-radius: 50%;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
	font-weight: 500;
	color: #fff;
	margin-left: -18px;
}
.step-screen img{
	max-width: 100%;
	border-radius: 50%;
	border: dashed 2px #1f9fcc;
	padding: 5px;
	background: #fff;
}
.step-screen h5{
	color: #333;
	font-size: 15px;
	line-height: 22px;
}
.step-screen h5 span{
	color: #666;
	font-weight: 400;
}
.cashout-tnc{float: left; width: 100%; padding: 30px 0px; background: #fff;}

.cashout-tnc h3{
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	color: #0058a3;
}
.cashout-tnc ul{
	margin: 5px 0px 15px 0px;
	list-style: none;
	padding: 0px;
}
.cashout-tnc ul li {
	margin-bottom: 5px;
	position: relative;
	padding-left: 22px;
}
.cashout-tnc ul li:before {
	content: "";
	height: 12px;
	width: 12px;
	display: block;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 5px 0px 0px;
	position: absolute;
	left: 0px;
}

@media(max-width:767px) {	
.cashout-container{padding: 20px 0px 10px 0px;}	
.cashout-txt {margin-bottom: 20px;}
.cashout-txt p{font-size: 15px;}
.cashout-txt p br{display: none;}
.cashout-down h3::after, .cashout-steps h3::after {left: 50%; top: -18px; width: 30px; height: 30px; font-size: 20px; line-height: 24px; margin-left: -15px;}	
.cashout-down ul li{height: 120px;}	
.cashout-down span.downno {width: 60px; height: 60px; line-height: 60px; font-size: 24px;}	
.cashout-steps-ontainer{padding: 30px 0px 0px 0px;}	
.cashout-steps h3{font-size: 14px; margin: 0px 0px 5px 0px; padding: 15px 5px;}
.cashout-steps ul li{height: 260px;}	
.step-screen img{max-width: 90%;}
.step-screen h5	{line-height: 18px;}	
.step-screen{margin: 0px 0px 20px 0px;}
.cashout-tnc{padding: 20px 0px 15px 0px;}	
}

/************************* Oxigen Travel ****************************/

.travel-banner-container{
	float: left;
	width: 100%;
	min-height: 140px;
	background: #0b314a;
	margin-top: 100px;
	text-align: center;
	position: relative;
	z-index: 3;
	}
.travel-banner-container img{display: inline-block;}

.travelmail{
	float: left;
	width: 100%;
	background: #fff;
	padding: 30px 15px;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	color: #444;
	}
.travelmail span{
	color: #0058a3;
	font-weight: 500;
	}
.travelmail a{
	color: #0058a3;
	font-weight: 500;
	}
.travel-container{
	float: left;
	width: 100%;
	}
.advantage-txt{
	float: left;
	width: 100%;
	padding: 40px 0px 20px 0px;
	text-align: center;
	}
.advantage-txt h2{
	font-size: 26px;
	margin-bottom: 30px;
	}
.advantage-box{
	float: left;
	width: 100%;
	min-height: 165px;
	}
.advantage-box h5{
	color: #0058a3;
	font-size: 18px;
	margin:2px 0px 5px 0px;
	}
.advantage-box p{
	font-size: 13px;
	line-height: 18px;
	}
.advantage-box i{
	display: inline-block;
	border-radius: 50%;
	border: solid 1px #ccc;
	background: #fff;
	width: 70px;
	height: 70px;	
	}
.advantage-box i.investment{background:#fff url(../../images/icons/icon-travel-zero.svg) no-repeat center center; background-size: 65%;}
.advantage-box i.incentive{background:#fff url(../../images/icons/icon-travel-incentive.svg) no-repeat center center; background-size: 65%;}
.advantage-box i.cost{background:#fff url(../../images/icons/icon-travel-cost.svg) no-repeat center center; background-size: 80%;}
.advantage-box i.deals{background:#fff url(../../images/icons/icon-travel-deals.svg) no-repeat center center; background-size: 65%;}

.travel-steps{
	float: left;
	width: 100%;
	text-align: center;
	}
.travel-steps h3{
	float: left; 
	width: 100%;
    font-size: 18px;
    color: #fff;
	background: #0058a3;
    margin: 0px 0px 10px 0px;
	padding: 15px;
	text-align: center;
	position: relative;
	border-radius: 15px;
	line-height: 22px;
}
.travel-steps h3::before {
	content: " ";
	position: absolute;
	left: 50%;
	bottom: -18px;
	width: 40px;
	height: 20px;
	background: url(../../images/downarrow.png) no-repeat center top;
	margin-left: -20px; 
}
.travel-steps h3::after {
	content: " ";
	position: absolute;
	left: 4px;
	top: 4px;
	width: 44px;
	height: 44px;
	background: #fff;
	color: #0058a3;
	border-radius: 50%;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #0058a3;
}
.travel-steps h3.step1::after {content: "A";}
.travel-steps h3.step2::after {content: "B";}

.travel-steps h5{
	float: left; 
	width: 100%;
    font-size: 14px;
	margin-bottom: 40px;
	font-weight: 400;
}
.travel-steps ul{
	float: left; 
	width: 100%;
	list-style: none;
	margin: 0px;
	text-align: center;
}
.travel-steps ul.subtravel1{padding: 40px 20px 0px 20px;}
.travel-steps ul.subtravel2{padding: 40px 0px 0px 0px;}

.travel-steps ul li{
	display: inline-block;
	width: 280px;
	margin-bottom: 25px;
}
.travel-steps ul li p{
	float: left; 
	width: 100%;
	min-height: 42px;
	line-height: 20px;
	margin: 20px 0px 0px 0px;
}
.travel-screen{
	float: left; 
	width: 100%;
	text-align: center;
	position: relative;
	padding: 0px 20px;
}
.travel-screen span.stepno {
	position: absolute;
	left: 50%;
	bottom: -12px;
	width: 30px;
	height: 30px;
	background: #00a652;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	font-weight: 500;
	color: #fff;
	margin-left: -15px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	border: solid 1px #fff;
}
.travel-screen img{
	max-width: 100%;
	border-radius: 5px;
	padding: 5px;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	position: relative;
	border: solid 1px #ccc;
}

.travelquery{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	}
.travelquery p span {
    display: inline-block;
    background: #1f9fcc;
    color: #fff;
    font-size: 17px;
    padding: 12px 40px;
    border-radius: 25px;
    line-height: 22px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.30);
	font-weight: 500;
}
.travelquery p a{color: #fff;}
.travelquery p a:hover{color: #0058a3;}
.travelquery p i{font-style: normal; display: inline-block;padding: 0px 0px 0px 28px;}
.travelquery p span i.email{background: url(../../images/icons/icon-mailid.svg) no-repeat center left; background-size: 13%;}
.travelquery p span i.whatap{background: url(../../images/icons/icon-callus.svg) no-repeat center left;}

@media(max-width:767px) {
.travel-banner-container{margin-top: 0px; min-height: 50px;}
.travelmail{padding: 15px 20px; font-size: 14px;}
.advantage-txt{padding: 15px 0px 30px 0px;}
.advantage-txt h2{font-size: 18px; margin-bottom: 15px; line-height: 26px;}
.advantage-box{min-height: 65px; margin-bottom: 10px;}
.advantage-box h5{font-size: 16px;}
.travel-steps h3{font-size: 14px; margin: 0px 0px 5px 0px; padding: 15px 15px;}
.travel-steps h3::after {left: 50%; top: -18px; width: 30px; height: 30px; font-size: 20px; line-height: 24px; margin-left: -15px;}		
.travel-steps ul li{margin-bottom: 20px;}
.travel-steps ul li p{min-height: 4px;}	
.travelquery{margin-bottom: 20px;}
.travelquery p span {font-size: 14px; padding: 10px 10px;}
}

/************************* irctc-ticket-cancellation-process ****************************/

.irctc-txt{
	float: left;
	width: 100%;
	background: #fff;
	padding: 30px 0px;
	font-size: 16px;
	text-align: center;
	font-weight: 400;
	color: #444;
	}
.irctc-process-container{
	float: left;
	width: 100%;
	padding: 30px 0px 0px 0px;
	}
.irctc-process{
	float: left;
	width: 100%;
	text-align: center;
	}
.irctc-process h3{
	float: left; 
	width: 100%;
    font-size: 18px;
    color: #fff;
	background: #0058a3;
    margin: 0px 0px 50px 0px;
	padding: 15px;
	text-align: center;
	position: relative;
	border-radius: 20px;
	line-height: 22px;
}
.irctc-process h3::before {
	content: " ";
	position: absolute;
	left: 50%;
	bottom: -18px;
	width: 40px;
	height: 20px;
	background: url(../../images/downarrow.png) no-repeat center top;
	margin-left: -20px; 
}
.irctc-process-screen{
	float: left;
	width: 100%;
	margin-bottom: 30px;
	}
.process-img{
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 30px;
	}
.process-img img{
	float: left;
	max-width: 100%;
	border-radius: 5px;
	padding: 7px;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
	position: relative;
	border: solid 1px #ddd;
	}
.process-img span{
	position: absolute;
	left: 50%;
	bottom: -20px;
	width: 44px;
	height: 44px;
	background: #00a652;
	border-radius: 50%;
	text-align: center;
	font-size: 18px;
	line-height: 42px;
	font-weight: 500;
	color: #fff;
	margin-left: -22px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.50);
	border: solid 1px #fff;
}

.irctc-process-tnc-container{
	float: left;
	width: 100%;
	background: #fff;
	padding: 40px 0px;
	}
.irctc-process-tnc{
	float: left;
	width: 100%;
	}
.irctc-process-tnc h4{
	margin: 0px 0px 15px 0px;
	font-size: 18px;
	color: #0058a3;
	font-weight: 400;
}
.irctc-process-tnc ul{
	margin: 5px 0px 15px 0px;
	list-style: none;
	padding: 0px;
}
.irctc-process-tnc ul li {
	margin-bottom: 8px;
	position: relative;
	padding-left: 22px;
}
.irctc-process-tnc ul li:before {
	content: "";
	height: 12px;
	width: 12px;
	display: block;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 5px 0px 0px;
	position: absolute;
	left: 0px;
}
.process-query-container{
	float: left;
	width: 100%;
	padding: 50px 0px 0px 0px;
	}

@media(max-width:767px) {
.irctc-txt{padding: 15px 0px; font-size: 13px;}
.irctc-process-container{padding: 20px 0px 0px 0px;}
.irctc-process h3{font-size: 16px; margin: 0px 0px 30px 0px; padding: 10px;}
.irctc-process-screen{margin-bottom: 20px;}
.irctc-process-screen p{font-size: 13px; line-height: 20px;}
.irctc-process-tnc-container{padding: 20px 0px;}
.irctc-process-tnc h4{font-size: 16px;}	
.irctc-process-tnc ul li {font-size: 13px;}
.process-query-container{padding: 20px 0px 0px 0px;}	
}

.aepscash-txt{
	float: left;
	width: 100%;
}
.aepscash-txt h2{
	font-size: 21px;
	color: #0058a3;
	font-weight: 500;
	margin-bottom: 10px;
}
.aepscash-txt h3 {
	font-size: 18px;
	color: #0058a3;
	font-weight: 500;
}
.aepscash-txt h4 {
	font-size: 16px;
	color: #0058a3;
	font-weight: 500;
	margin-top: 30px;
}
.aepscash-txt p {
	font-size: 13px;
	font-weight: 400;
}
.aepscash-txt table th{
	background:#ff7101;
	color: #fff;
}

.aepscash-txt ul {
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
.aepscash-txt ul li {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #646464;
	position: relative;
	padding-left: 25px;
}
.aepscash-txt ul li:before {
	content: "";
	height: 10px;
	width: 10px;
	display: block;
	background: url(../../images/icons/bullet.svg) no-repeat;
	background-size: 100%;
	margin: 4px 5px 0px 0px;
	position: absolute;
	left: 5px;
}






.oemsapp-benefits{
	float: left;
	width: 100%;
	text-align: center;
	padding: 15px 0px;
}
.oemsapp-benefits h2{
	float: left;
	width: 100%;
	font-size: 30px;
	color: #072943;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.oemsapp-benefits h3 {
	float: left;
	width: 100%;
	font-size: 26px;
	color: #072943;
	font-weight: 300;
	margin: 0px 0px 30px 0px;
	text-transform: uppercase;
}

.oemsapp-benefits h5 {
	float: left;
	width: 100%;
	margin: 30px 0px;
}

.oemsapp-benefits h5 a{
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	background: #004282;
	padding: 10px 20px;
	border-radius: 15px;
	transition: 0.3s ease;
}
.oemsapp-benefits h5 a:hover, .oemsapp-benefits h5 a:focus{background: #fcd206; color: #072943;}

.oemsapp-benefits p.knowmore {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #072943;
	font-weight: 300;
}
.oemsapp-benefits p.knowmore span{font-weight: 700;}

.oemsapp-benefits p.knowmore a{
	display: inline-block;
	background: #fcd206;
	color: #072943;
	padding: 2px 10px;
	border-radius: 15px;
	transition: 0.3s ease;
}
.oemsapp-benefits p.knowmore a:hover, .oemsapp-benefits p.knowmore a:focus{background: #004282; color: #fff;}

.oemsapp-benefits ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.oemsapp-benefits ul li {
	width: 19%;
	display: inline-block;
	margin-bottom: 30px;
}
.oemsapp-benefits ul li p {
	font-size: 16px;
	display: inline-block;
	width: 100%;
}
.oemsapp-benefits ul li i {
	height: 60px;
	width: 60px;
	display: inline-block;
}
.oemsapp-benefits ul li i.icon1{
	background: url(../../images/icons/oems-icon1.svg) no-repeat center bottom;
	background-size: 50px;
}

.oemsapp-benefits ul li i.icon2{
	background: url(../../images/icons/oems-icon2.svg) no-repeat center bottom;
	background-size: 46px;
}
.oemsapp-benefits ul li i.icon3{
	background: url(../../images/icons/oems-icon3.svg) no-repeat center bottom;
	background-size: 50px;
}

.oemsapp-benefits ul li i.icon4{
	background: url(../../images/icons/oems-icon4.svg) no-repeat center bottom;
	background-size: 60px;
}
.oemsapp-benefits ul li i.icon5{
	background: url(../../images/icons/oems-icon5.svg) no-repeat center bottom;
	background-size: 44px;
}

.oemsapp-benefits ul li i.icon6{
	background: url(../../images/icons/oems-icon6.svg) no-repeat center bottom;
	background-size: 30px;
}
.oemsapp-benefits ul li i.icon7{
	background: url(../../images/icons/oems-icon7.svg) no-repeat center bottom;
	background-size: 38px;
}

.oemsapp-benefits ul li i.icon8{
	background: url(../../images/icons/oems-icon8.svg) no-repeat center bottom;
	background-size: 54px;
}
.oemsapp-benefits ul li i.icon9{
	background: url(../../images/icons/oems-icon9.svg) no-repeat center bottom;
	background-size: 42px;
}
.oemsapp-benefits ul li i.icon10{
	background: url(../../images/icons/oems-icon10.svg) no-repeat center bottom;
	background-size: 38px;
}

.travel-vdo{
	display: inline-block;
	width: 572px;
	border: solid 1px #ccc;
	padding: 5px;
	background: #fff;
	border-radius: 3px;
}
.travel-vdo iframe{
	float: left;
	width: 560px;
	height: 315px;
}

@media(max-width:767px) {
.oemsapp-benefits{padding: 0px 0px;}
.oemsapp-benefits h2{font-size: 22px; line-height: 30px;}
.oemsapp-benefits h3 {font-size: 16px; margin: 0px 0px 10px 0px;}
.oemsapp-benefits h5 {margin: 0px 0px 30px 0px;}
.oemsapp-benefits h5 a{font-size: 14px;}
.oemsapp-benefits ul li {width: 100%; margin-bottom: 5px;}
.oemsapp-benefits ul li p {font-size: 14px;}	
.oemsapp-benefits ul li br{display: none;}
.travel-vdo{width: 100%;}
.travel-vdo iframe{width: 100%; height: auto; min-height: 200px;}
	
}

.querybox{width: 100%; padding-bottom: 15px;}
.querybox input, .querybox select, .querybox textarea, .querybox button {margin-top:15px;}
.querytital{color: #0058a3;}
.querybox .error{color: #fb3e3e; font-size: 13px;}
.form-alert{color: #fb3e3e; font-size: 13px;}


.closetxt {margin-bottom:40px;}
.closetxt h4{color:#0058a3; font-size: 17px; margin: 0px 0px 5px 0px;}
.closetxt p{line-height: 20px;}

.closurebox{
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 30px;
	}
.closurebox img{
	border: solid 1px #ddd;
	padding: 5px;
	background:#fff;
	border-radius: 4px;
	margin-bottom:5px;
}
.closurebox h6{
	width: 40px;
	height: 40px;
	line-height: 40px;	
	color: #fff;
	font-size: 20px;
	position: absolute;
	left: 50%;
	top: 0px;
	background:#54ba4c;
	border-radius: 50%;
	margin:-20px 0px 0px -20px;
	z-index: 50;
}

.rblcard-txt{
	float: left;
	width: 100%;	
	margin: 30px 0px;
}
.rblcard-txt h2{	
	font-size: 18px;	
	margin-bottom: 3px;
	color: #0058a3;	
}
.rblcard-txt h5 {	
	font-size: 16px;	
	color: #0058a3;	
	margin:20px 0px 10px 0px;
}
.rblcard-txt p{margin-bottom:15px;}
.rblcard-txt table td{background: #fff; font-size: 14px;}
.rblcard-txt ul li {margin: 7px 0px 0px 15px;}

.oemsform{
	float: left;
	width: 100%;	
	background: #fff;
	margin: 30px 0px;
	padding:20px 30px 30px 30px;
	border-radius:10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.oemsform h2{
	border-bottom: solid 1px #ddd;
	padding-bottom: 5px;
}
.oemsformrow{
	float: left;
	width: 100%;
	margin-bottom:15px;
	}
.oemsformrow .captcha-form{margin-bottom:0px;}
.oemsform .btn-reset{margin-left:20px;}

.oemsformrow .error{
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	color: #e91a1a;
	margin: 3px 0px 0px 0px;
}
.oems-txt{
	float: left;
	width: 100%;
	padding: 40px 25px 0px 0px;
}
.oems-txt h1{
	font-size: 24px;
	margin: 0px 0px 10px 0px;
}
.oems-txt p{margin-bottom:15px;}
.oems-txt img{margin:20px 0px 5px -45px;}

@media(max-width:767px) {
.oems-txt{padding: 0px 0px 0px 0px;}	
.oems-txt img{margin:10px 0px 5px 0px;}
.oemsform{padding:10px 15px 30px 15px; border-radius:5px;}
.oemsform .btn-submit{min-width:120px;}
.oemsform .btn-reset{min-width:120px;}
}

.oems-icons{
	float: left;
	width: 100%;
	padding-top: 10px;
}
.oems-icons ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.oems-icons ul li {
	width: 32.5%;
	display: inline-block;
	margin-bottom: 5px;
}
.oems-icons ul li p {
	font-size: 14px;
	display: inline-block;
	width: 100%;
	line-height:20px;
	color: #0058a3;
	font-weight:500;
}
.oems-icons ul li i {
	height: 100px;
	width: 100px;
	display: inline-block;
	background:#0a2e46;
	border: solid 2px #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);	
}
.oems-icons ul li i.pettycash{
	background:#0a2e46 url(../../images/icons/oems-cash.svg) no-repeat center center;
	background-size: 50px;
}
.oems-icons ul li i.travel{
	background:#0a2e46 url(../../images/icons/oems-travel.svg) no-repeat center center;
	background-size: 48px;
}
.oems-icons ul li i.reward{
	background:#0a2e46 url(../../images/icons/oems-reward.svg) no-repeat center center;
	background-size: 42px;
}
.oems-icons ul li i.salary{
	background:#0a2e46 url(../../images/icons/oems-salary.svg) no-repeat center center;
	background-size: 50px;
}
.oems-icons ul li i.meal{
	background:#0a2e46 url(../../images/icons/oems-meal.svg) no-repeat center center;
	background-size: 50px;
}