@charset "UTF-8";
/* CSS Document */

@import "fonts.css";

@media print {
  a[href]:after {
    content:none!important;
  }
}
/*input type file mozilla*/
@-moz-document url-prefix() {
 input[type="file"] { display: block; padding-bottom: 40px; }
}
/*input type file mozilla*/
img {
	width: auto;
}
b {
	font-weight: 400;
	}
header {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
header .top {
	min-height: 30px;
	background: #eb1212; /* Old browsers */
	background: -moz-linear-gradient(left, #eb1212 0%, #ff2200 50%, #eb1212 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #eb1212 0%, #ff2200 50%, #eb1212 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #eb1212 0%, #ff2200 50%, #eb1212 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb1212', endColorstr='#eb1212', GradientType=1 ); /* IE6-9 */
}
a:hover, a:active, a:focus {
	outline: 0;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/*type number*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
    -moz-appearance:textfield!important;
}
/*type number*/
.lang-bt {
	height: 24px;
	margin: 3px 0px;
	padding: 0px 10px;
	color: #f2d8d8;
	font-style: italic;
	font-size: 12px;
	outline: none;
	border: none;
	background-color: #ba0707;
}
.search-field {
	border: none;
	height: 24px;
	margin: 3px 1px 3px 10px;
	padding: 0px 10px;
	border-radius: 0px;
	background-color: #ba0707;
	color: #f2d8d8;
	font-size: 13px;
	outline: none;
	width: 205px;
}

.search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#f2d8d8;
font-style:italic;
}
.search-bt {
	width: 24px;
	height: 24px;
	background: url(../img/homepage/search-icon.png) center no-repeat;
	outline: none;
	border: none;
	margin: 3px 0px 0px 3px;
}
.mrg-right {
	margin-right: 10px;
}
#header {
	height: 60px;/*50*/
	background: #ffffff;
	/*background: -moz-linear-gradient(top, #f5f3f0 0%, #ffffff 100%);*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, #f5f3f0 0%, #ffffff 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #f5f3f0 0%, #ffffff 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3f0', endColorstr='#ffffff', GradientType=0 );*/ /* IE6-9 */
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.logo-container {
	margin: 6px 24px 0px 10px;/*13px 27px 0px 10px / 8px 66px 0px 10px - 8px 86px 0px 0px*/
}
.gift-img-c { padding-right:0px;}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.logo-container {
	margin: 6px 70px 0px 10px;/*12px 84px 0px 10px / 12px 125px 0px 10px 8px 145px 0px 0px - 8px 125px 0px 10px;*/
}
/*safari*/
_::-webkit-full-page-media, _:future, :root .logo-container { margin: 12px 65px 0px 10px!important; }
/*safari*/
}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-collapse.collapse {display:block;}
/*.navbar-collapse.in { display:block!important;}
.navbar-collapse.collapse {display:none!important;}*/
/*.navbar {   min-height: 40px;	}
.navbar-collapse.collapse {
	display: none !important;
}
.navbar-collapse.collapse {
	display: none !important;
}
.navbar-header .collapse, .navbar-toggle {
	display: block !important;
}
.navbar-header {
	float: none;
}*/
.logo-container {
	display: inline-block!important;
	margin: 6px 0px; /*8px 0px*/
}
.mainnav .group-btn {
	    margin: 0px!important;/*margin: 5px 0px 0px 0px!important;*/
}
}

@media (min-width: 768px) {
.btn-align {float:right;}
.navbar-collapse.in { display:block!important;}
}
@media (max-width: 768px) {
.no-img {
	background: none!important;
}
/*.navbar-collapse {
	z-index: 9999!important;
	position: relative;
}*//*recent*/
}
.mainnav {
	font-size: 12px;
}
.bdrds-non {
	border-radius: 0px!important;
}
.mainnav .group-btn {
	margin: 15px 0px 0px 0px;/*10px 0px 0px 0px*/
}
.main-banner {
	/*height:400px;*/
	background: #e6e6e6; /* Old browsers */
	background: -moz-linear-gradient(left, #e6e6e6 0%, #fcfcfc 50%, #e6e6e6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e6e6e6 0%, #fcfcfc 50%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e6e6e6 0%, #fcfcfc 50%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6', GradientType=1 ); /* IE6-9 */
}
.intro-container {
	min-height: 400px;
	background-color: #fc504c;
}
.intro-container p {
	width: 75%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	margin: 0px auto;
}
.intro-container h1 {
	font-size: 21px;
	color: #FFF;
	text-align: center;
	margin: 18px 0px;
}
.intro-top-img {
	background: url(../img/homepage/intro-arrow-down.png) center top no-repeat;
	padding: 20px 0px 25px 0px;
}
/*info ul li*/
.merchant-info {
/*margin: 16px 0px 0px 20%;*/
}
.merchant-info ul {
	padding: 0px;
	margin: 5px 0px 5px 0px;
	font-size: 15px;
}
.merchant-info ul li {
	padding: 0px;
	margin: 20px 0px;
	color: #fff;
	list-style: none;
	height: 37px;
	line-height: 37px;
}
.merchant-info ul li span {
	padding: 9px 19px 9px 19px;
	margin-right: 10px;
	background: url(../img/homepage/info-icon.png); /*border:#e93530 solid 2px;*/
	border-radius: 50%;
	box-shadow: #fff 0px 2px 4px -1px;
}
.merchant-info button {
	margin: 15px 0px 5px 0px;
}
.infoicon1 {
	background-position: 0px 0px!important;
}
.infoicon2 {
	background-position: 148px 0px!important;
}
.infoicon3 {
	background-position: 111px 0px!important;
}
.infoicon4 {
	background-position: 74px 0px!important;
}
.infoicon5 {
	background-position: 37px 0px!important;
}
.infoicon6 {
	background-position: 0px 37px!important;
}
.infoicon7 {
	background-position: 148px 37px!important;
}
.infoicon8 {
	background-position: 111px 37px!important;
}
.infoicon9 {
	background-position: 74px 37px!important;
}
.infoicon10 {
	background-position: 37px 37px!important;
}
/*eof info ul li*/
/*eco system*/
.eco-sys-container {
	background-color: #ffffff;
	min-height: 100px;/*710*//*background:url(../img/homepage/eco-bg.png) 50.5% 42% no-repeat #ffffff;*/
}
.eco-sys-container .title {
	font-size: 23px;
	padding: 15px 0px;
	text-align: center;
	color: #585858;
	text-transform: uppercase;
}
.eco-sys-container .title span {
	color: #4bb666;
}
.eco-dia {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: #4cb665 solid 2px;
	margin: 0px auto;
}
.eicon2 {
	position: relative;
	float: right;
	right: 30px;
}
.eicon3 {
	position: relative;
	float: left;
	left: 30px;
}
.eicon4 {
	position: relative;
	float: right;
	left: -90px;
}
.eicon5 {
	position: relative;
	float: left;
	left: 90px;
}
.eicon6 {
	position: relative;
	float: right;
	right: 30px;
}
.eicon7 {
	position: relative;
	float: left;
	left: 30px;
}

@media (max-width: 1200px) {
.eicon2 {
	position: relative;
	float: none;
	right: 0px;
}
.eicon3 {
	position: relative;
	float: none;
	left: 0px;
}
.eicon4 {
	position: relative;
	float: none;
	left: 0px;
}
.eicon5 {
	position: relative;
	float: none;
	left: 0px;
}
.eicon6 {
	position: relative;
	float: none;
	right: 0px;
}
.eicon7 {
	position: relative;
	float: none;
	left: 0px;
}
}
/*eof eco system*/

/*mobile app*/
.mobapp-container {
}
/*eof mobile app*/

/*secure channel*/
.schannel-container, .tmonl-container {
	/*background: #ffffff;title*/
	padding-bottom: 20px;
	border-bottom: #d6d6d6 dashed 1px;
}
.schannel-container .title {
	font-size: 21px;
	text-align: center;
	margin: 20px 0px;
	color: #585858;
}
.tmonl-container {
	border-bottom: none;
}
.tmonl-container .title {
	font-size: 21px;
	text-align: center;
	margin: 20px 0px;
	/*font-weight: bold;*/
	color: #585858;
}
/*secure channel*/
/*testimonial*/
/* Carousel */
#quote-carousel {
	padding: 10px;/*margin: 20px 0px;*//* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
	/*border: #ff0000 solid 3px;*/
}
#quote-carousel .carousel-control {
	background: none;
	color: #CACACA;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 30px;
	margin-bottom: 40px;
}
#quote-carousel .carousel-control.left {
	left: -60px;
}
#quote-carousel .carousel-control.right {
	right: -60px;
}
#quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px!important;
}
.carousel-control.left, .carousel-control.right { background:none; }


/**/
#quote-carousel .carousel-indicators li {
	width: 55px!important;
	height: 55px!important;
	margin: 10px 25px 0px 25px!important;
	border: 4px solid #CCC!important;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
	background: none;
	    border-radius: 50px;
}
#quote-carousel .carousel-indicators .active {
	/*background: #333333;*/
	width: 60px!important;/*128*/
	height: 60px!important;/*128*/
	border-radius: 100px;
	border-color: #f59749!important;
	overflow: hidden;
	border-radius: 50px;
}

.carousel-indicators .active {
  width: 10px!important;
  height: 10px!important;
  background-color: #eb1212!important;
  /*border: 1px solid #eb1212;*/
}
.carousel-inner {
/*min-height: 195px;*/
}
@media (max-width: 768px) {
#quote-carousel .carousel-indicators li {
	margin: 0px 3px!important;
}
.testimonial-inner {
	width: 90%!important;
}
.intro-top-img:first-child {
	padding: 15px 0px 0px 0px;
}
}
/**/
.testimonial-inner {
	padding-bottom: 85px;
	width: 65%;
	margin: 0px auto;
}
.tmusername {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
.item blockquote {
	border-left: none;
	margin: 0;
	font-size: 13px;
	background-color: #f59749;
	color: #ffffff;
	padding: 20px;
	border-radius: 10px;
	min-height: 125px;/*border: #ccc solid 1px;*/
}
.item blockquote p:before {
	content: "";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
}
/*eof Carousel*/
/*eof testimonial*/

.home-contactus {
	background-color: #e3e3e3;
	min-height: 510px;
	padding: 15px 20px;
}
.home-contactus input:placeholder-shown {
 font-size:12px;
 text-transform:uppercase;
 opacity:.92;
}
.home-contactus p {
	margin-bottom: 20px;
	font-size: 18px;
	color: #585858;
	font-weight:400;
}
.home-contactus p span {
	font-size: 12px;
	font-weight: normal;
}
.img {
	padding: 0px 10px;
}
.input-group {
	margin-bottom: 25px;
}
.home-ouroffice {
	padding: 20px;
	background-color: #fafafa;
	min-height: 510px;
	color: #585858;
}
.home-ouroffice .title {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight:400;
}
.home-ouroffice p {
	font-size: 12px;
}
/*footer*/
/*footer {
	background-color: #585858;
	color: #ffffff;
}
.footer {
	padding: 10px 0px 0px 0px;
v.menu-title {
	font-size: 14px;
	margin-bottom: 10px;
}
footer ul {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	min-height: 150px;
}
footer ul li {
	list-style: none;
}
footer ul li a {
	color: #fff!important;
	padding: 4px 0px;
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
footer ul li a:hover {
	color: #efb138!important;
	text-decoration: none;
}
}*/

.ftsocial-icons {
	margin: 10px 0px;
	padding-bottom: 13px;
}
.pci-logo {
		margin:14px 0px;
	}
@media (max-width: 768px) {
	.ftsocial-icons {
		width: 220px;/*164*/
		min-height: 85px;
		margin: 0px auto;
	}
	.ftsocial-icons .title {
		text-align: center;
	}
	.copyrights {
		font-size: 10px!important;
	}
	.pci-logo {
		margin:18px auto 25px auto;
		width:150px;
	}
}
.ftsocial-icons .title {
	font-size: 18px;
	font-weight:400;
}
.ft-icons {
	margin: 10px 5px 0px 5px;
	width: 42px;
	height: 42px;
	display: inline-block;
	border: none;
	outline: none;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.ft-fbicon {
	background: url(../img/homepage/social-icons.png) no-repeat;
	background-position: 0px 0px;
}
.ft-twicon {
	background: url(../img/homepage/social-icons.png) no-repeat;
	background-position: -42px 0px;
}
.ft-yticon {
	background: url(../img/homepage/social-icons.png) no-repeat;
	background-position: -84px 0px;
}
.ft-insticon {
	background: url(../img/homepage/social-icons.png) no-repeat;
	background-position: -126px 0px;
}
.ft-fbicon:hover, .ft-twicon:hover, .ft-yticon:hover, .ft-insticon:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.ft-fbicon:hover {
	background: url(../img/homepage/social-icons-hover.png) no-repeat;
	background-position: 0px 0px;
}
.ft-twicon:hover {
	background: url(../img/homepage/social-icons-hover.png) no-repeat;
	background-position: -42px 0px;
}
.ft-yticon:hover {
	background: url(../img/homepage/social-icons-hover.png) no-repeat;
	background-position: -84px 0px;
}
.ft-insticon:hover {
	background: url(../img/homepage/social-icons-hover.png) no-repeat;
	background-position: -126px 0px;
}
.copyrights {
	background-color: #2f2f2f;
	padding: 10px 0px;
	text-align: center;
	font-size: 12px;
	line-height: 21px;
	margin-top: -13px;
	clear: both;
}
/*eof footer*/

/*go top*/

div#page {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}
.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	color: #000000;
	background-color: rgba(235, 235, 235, 0.80);
	font-size: 12px;
	padding: 1em;
	display: none;
}
.back-to-top:hover, .back-to-top:active {
	background-color: rgba(135, 135, 135, 0.50);
	color: #000000;
}
/*end - go top link*/
/*html { overflow-y: scroll; }*/
/* core */
.scrollToTop {
	position: fixed;
	right: 20px;
	bottom: -100px;
	opacity: 0;
	overflow: hidden;
	outline: none;
}
.scrollToTop_show {
	opacity: 1;
	bottom: 40px;
}
 @-webkit-keyframes scrollToTop_fade {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@keyframes scrollToTop_fade {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-webkit-keyframes scrollToTop_slide {
 0% {
bottom: -100px;
}
 100% {
bottom: 20px;
}
}
@keyframes scrollToTop_slide {
 0% {
bottom: -100px;
}
 100% {
bottom: 20px;
}
}
.scrollToTop_animating, .scrollToTop_animating * {
	pointer-events: none !important;
}
/* skin(default) */
.scrollToTop {
	width: 60px;
	height: 60px;
	color: #000;
	font-family: sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: 100%;
	white-space: nowrap;
	background: no-repeat center center transparent;
}
.scrollToTop_default {
	display: block;
	width: auto;
	height: auto;
	padding: 10px;
	text-indent: 0;
	background: #eee;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.scrollToTop_default:hover {
	background-color: #ddd;
}
/* skin(cycle) */
.scrollToTop_cycle {
	background-image: url("../img/homepage/cycle.png");
	z-index: 10;
}
.scrollToTop_cycle:hover {
	background-image: url("../img/homepage/cycle-hover.png");
}
/*eof go top*/
/*eco show hide*/
#Div2 {
	display: none;
}
/*eof eco show hide*/

.fTab {
	width: 36px;
	height: 15px;
	position: relative;
	bottom: 0;
	left: 0;
	margin: 0px auto;
	display: block;
	background: url(../img/homepage/ft-arrow-down.png);
	color: #c1c1c1;
	text-align: center;
	font-size: 10px;
	cursor: pointer;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-ms-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;/* Rotate div */

}
.fTab.current {
	bottom: 20%;
	position: relative;
	top: -10px;
	background: url(../img/homepage/ft-arrow-up.png);
}
/*echo system*/
.echo-bg {
	background: url(../img/homepage/echo-bg.png) no-repeat 50.7% 45%;
}

@media (max-width: 991px) {
.echo-bg {
	background-position: 50.7% 38%;
}
.echosys-container {
	padding: 0px 29px 30px 29px!important;
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.echo-bg {
	background-position: 50.4% 36%;
}
.echosys-container {
	padding: 0px 15% 30px 15%!important;
}
}

@media (max-width: 767px) {

.echo-bg {
	background: none;
}
.ring {
	background: none!important;
	background-color: #ffffff!important;
}
.eco-sys-container .title, .schannel-container .title, .tmonl-container .title {
	font-size: 16px;
	text-transform: uppercase;
}
.eco-sys-container {
	padding: 10px 0px 20px 0px;
}
.eco-sys-container p {
	font-size: 12px;
	text-align: center;
	color: #585858;
}
.eco-sys-container p a {
	font-size: 11px;
	text-align: center;
	display: block;
	color: #fff!important;
	background-color: #4cb665!important;
	width: 100px;
	margin: 10px auto;
	padding: 7px 0px;
	border-radius: 3px;
}
.eco-sys-container .icon {
	width: 45px;
	height: 45px;
	border: #4cb665 solid 2px;
	border-radius: 50%;
	background: #fff;
	margin: 10px auto;
	background: #fff url(../img/homepage/user-echo-icons.png) no-repeat;
	cursor: default;
}
.eco-sys-container h4 {
	font-size: 14px;
	text-align: center;
	color: #f61111;
	font-weight: bold;
}
.eco-sys-container .container {
	margin: 10px 0px 10px 0px;
	padding-bottom: 10px;
	border-bottom: #ccc dashed 1px;
}
.eco-sys-container .container:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}
}
.echo-row1 {
	margin: 20px 0px;
}
.echo-row2 {
	margin: 20px 0px;
}
.echo-row3 {
	margin: 45px 0px;
}
.echo-row4 {
	margin: 20px 0px;
}
.echo-row5 {
	margin: 0px;
}
.echo-icon2, .echo-icon6 {
	margin-right: 5px;
}
.echo-icon3, .echo-icon7 {
	margin-left: 5px;
}
.textic2, .textic6 {
	text-align: right;
	line-height: 45px;
	margin-right: -30px;
}
.textic3, .textic7 {
	text-align: left;
	line-height: 45px;
	margin-left: -30px;
}
.textic4 {
	text-align: right;
	line-height: 45px;
	margin-right: 0px;
}
.textic5 {
	text-align: left;
	line-height: 45px;
	margin-left: 0px;
}
.echosys-container {
	padding: 0px 15px 30px 15px;
}
.echo-bg p, .echo-bg p a {
	font-size: 12px;
	font-weight:400;
	color: #f61111!important;
}
.echo-bg p a {
	text-decoration: none;
}
.echo-bg p a:hover {
	color: #585858;
	text-decoration: underline;
}
.echo-bg p:last-child {
	padding-top: 7px;
}
.ring {
	background: #fff url(../img/homepage/ring.png) no-repeat 50% 60%;
}
.circleicon {
	width: 45px;
	height: 45px;
	border: #4cb665 solid 2px;
	border-radius: 50%;
	background: #fff;
}
.echo-icon {
	background: url(../img/homepage/user-echo-icons.png) no-repeat;
}
.wbact-icon, .wbpts-icon, .wbfdtrf-icon, .wblinkme-icon, .wblinkme-icon, .wbptsell-icon, .wbphpay-icon, .wbmob-icon, .wbcard-icon {
	width: 41px;
	height: 41px;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	outline: none;
	border: none;
	background: #fff url(../img/homepage/user-echo-icons.png) no-repeat;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.wbact-icon:hover, .wbpts-icon:hover, .wbfdtrf-icon:hover, .wblinkme-icon:hover, .wblinkme-icon:hover, .wbptsell-icon:hover, .wbphpay-icon:hover, .wbmob-icon:hover, .wbcard-icon:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	}
.wbact-icon {
	background-position: 0px 0px!important;
}
.wbpts-icon {
	background-position: -41px 0px!important;
}
.wbfdtrf-icon {
	background-position: -82px 0px!important;
}
.wblinkme-icon {
	background-position: -124px 0px!important;
}
.wbptsell-icon {
	background-position: 0px -41px!important;
}
.wbphpay-icon {
	background-position: -41px -41px!important;
}
.wbmob-icon {
	background-position: -82px -41px!important;
}
.wbcard-icon {
	background-position: -124px -41px!important;
}
/*eof echo system*/
/*modal content*/
.modal-body p {
	font-size: 12px;
	padding: 10px;
	color: #585858;
}
.modal-body p a {
	color: #06C;
	text-decoration: none;
	font-size: 12px;
}
/*eof modal content*/
.mobapp-container {
	background-color: #fc3934;/*FC504C FB3530*/
}
.contact-container {
	background: #e3e3e3; /* Old browsers */
	background: -moz-linear-gradient(left, #e3e3e3 10%, #e3e3e3 10%, #fafafa 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e3e3e3 10%, #e3e3e3 10%, #fafafa 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e3e3e3 10%, #e3e3e3 10%, #fafafa 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#fafafa', GradientType=1 ); /* IE6-9 */
}
.centered-white {
	background: rgba(230,230,230,1);
	background: -moz-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(230,230,230,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,230,230,1)), color-stop(35%, rgba(255,255,255,1)), color-stop(65%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1)));
	background: -webkit-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(230,230,230,1) 100%);
	background: -o-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(230,230,230,1) 100%);
	background: -ms-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(230,230,230,1) 100%);
	background: linear-gradient(to right, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 65%, rgba(230,230,230,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6', GradientType=1 );
}
/*modal blur effect*/
body.modal-open #blur{
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

.modal-backdrop {background: #f7f7f7!important;}

.close {
    font-size: 22px;
    display:block;
}
/*modal blur effect*/

/*  bootstrap override css */
a {
	color: #585858!important;/*d61707*/
}
.btn-success:hover, .btn-warning:hover   { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;-ms-transition: all 0.5s; transition: all 0.5s; }
.nav .open > a:hover, .nav .open > a:focus {
	background-color: #eeeeee!important;
	border-color: #d61707!important;
}
/*.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #fb1f04!important;
  border-color: #none;
  color:#ffffff!important;
}
.nav > li > a:hover {  color:#ff0000!important;}*/
 .carousel-control.  left, .carousel-control.right {
 background:none;
}
.btn-success, .btn-warning {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn-success {
	color: #ffffff!important;
    background-color: #50b666!important;
    border-color: #46a75b!important;
}
.btn-success:focus,
.btn-success.focus {
  background-color: #3e9551!important;
  border-color: #204d2a!important;
}
.btn-success:hover {
  background-color: #3e9551!important;
  border-color: #347c43!important;
}
.btn-warning {
	color: #ffffff!important;
    background-color: #f59749!important;
    border-color: #f48931!important;
}
.btn-warning:focus,
.btn-warning.focus {
  background-color: #f27b19!important;
  border-color: #9c4c09!important;
}
.btn-warning:hover {
  background-color: #f27b19!important;
  border-color: #db6a0c!important;
}
.navbar {
	border:none;
	font-weight: 300;
	}
.navbar-brand {
  padding: 13px 15px!important;/* 8px 15px!important - 15px 15px*/
  line-height: 20px!important;
  height: 60px!important;/*50px;*/
  margin: -7px 0px 0px 0px;
}
/*.nav > li > a:hover, .nav > li > a:focus { color:#fff;}
.dropdown a { color:inherit!important;}
.dropdown:hover, .dropdown:focus {color:#fff!important; background-color:#ba0707;}
.dropdown:hover, .dropdown li:hover, .dropdown:hover:focus {background-color:#ba0707; color:#ffffff!important;}*/
/*.dropdown-menu {
  min-width: 100%!important;
  padding: 6px 0!important;
  margin: -3px 0 0!important;
  font-size: 12px!important;
  font-weight:normal!important;
  text-align: left!important;
  background-color: #fb1f04;
  border-radius:0px!important;
  border:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  -moz-box-shadow:none!important;
}
.dropdown-menu > li > a {
    padding: 10px 9px 10px 11px!important;
    line-height: 1!important;
    color: #f2d8d8!important;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.dropdown-menu { background:#fb1f04!important; margin-top:0px!important; padding:0px!important; }
.pull-right .dropdown-menu   { margin-top:-3px!important; background:#ba0707!important; padding:0px!important;}*/
/*.nav .dropdown-menu   { margin:0!important;}
.pull-right .dropdown-menu   { margin-top:-3px!important;}
ul.dropdown-menu { margin:0px!important; padding:0px!important;}
*/
/*.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff!important;
  background: #ba0707!important;*//*ba0707*/
  /*padding-left:16px!important;

}*/
/*added*/
/*.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { color:#ffffff; background:#ba0707;}*/
/*added*/
.mrg-right {
    margin-right: 10px!important;
}
@-moz-document url-prefix() {
  .mrg-right {
     margin-right: 7px!important;
  }
}
.carousel-indicators li {
  margin: 1px 4px!important;
  background-color: #ffffff!important;
  border: 1px solid #ccc;
}
.carousel-indicators .active {
  width: 10px!important;
  height: 10px!important;
  background-color: #00a3e4!important;
  border:none!important;
  }
  /*notification style sheets*/
  .text-primary {
  color: #d61707!important;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #a51205!important;
}
.text-success {
  color: #276833!important;
}
a.text-success:hover,
a.text-success:focus {
  color: #194321!important;
}
.text-info {
  color: #217fcf!important;
}
a.text-info:hover,
a.text-info:focus {
  color: #1a64a3!important;
}
.text-warning {
  color: #926f33!important;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #6c5226!important;
}
.text-danger {
  color: #ba312f!important;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #912625!important;
}
.bg-primary {
  color: #fff!important;
  background-color: #eb1212!important;/*d61707*/
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #a51205;
}
.bg-success {
  background-color: #d9ebd1!important;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #bcdcad!important;
}
.bg-info {
  background-color: #d6ebf6!important;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #acd7ed!important;
}
.bg-warning {
  background-color: #f9f4d9!important;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f2e7ad!important;
}
.bg-danger {
  background-color: #f2dbdb!important;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b6b6!important;
}

  /*eof notification style sheets*/
/*eof normal*/

@media (min-width: 1200px) {
.container {
	/*width: 1030px!important;*/
}
}

/**/

@media screen and (min-width: 768px) {

.carousel-control .glyphicon-chevron-left,  .carousel-control .glyphicon-chevron-right,  .carousel-control .icon-prev,  .carousel-control .icon-next {
	font-size: 25px!important;
}
.carousel-control .glyphicon-chevron-left,  .carousel-control .icon-prev {
	margin-left: -50px!important;
}
.carousel-control .glyphicon-chevron-right,  .carousel-control .icon-next {
	margin-right: -50px!important;
}
/*.carousel-indicators {
	bottom: 10px!important;
}*/
}

@media (min-width: 768px) and (max-width: 991px) {
/*.navbar-collapse { padding-left: 0px!important; font-size:11px!important; }
.nav > li > a { padding: 10px 10px!important; }*/
}
/**/
@media (max-width: 480px) {
.Mlogo img {
	width:100%;
}
.search-field {
	width: 180px;
}
#quote-carousel .carousel-indicators li {
	width: 35px!important;
	height: 35px!important;
	border:3px;
}
#quote-carousel .carousel-indicators .active {
	width: 40px!important;/*128*/
	height: 40px!important;/*128*/
}
.testimonial-inner {
	padding-bottom: 65px!important;
}
}
/*eof min-width-768*/
/*  eof bootstrap override css */

/*animated*/

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    opacity: 1 !Important;
}
/*eof animated*/

/*Inner page css starts here*/
.subpg-banner {
	background:#dbdbdb; /*height:160px;*/
	}

/*Inner page css end*/
.single-colm-container {
	/*background-color: #f3f3f3;*/
	font-size:14px;
	margin: 20px 0px;
	}
.single-colm-carea{
	background-color: #ffffff;
	min-height: 200px;
	color:#585858;
	padding-bottom:25px;
	border-radius:10px;
	margin-bottom: 20px;
	}
.single-colm-carea h1 {
	font-size:18px;
	text-transform:uppercase;
}
.single-colm-carea h2 {
	font-size:16px;
	text-transform:uppercase;
}
.single-colm-carea h3 {
	font-size:14px;
	/*text-transform:uppercase;	*/
}
.single-colm-carea p {
	font-size:13px;
}
.single-colm-carea a {
	text-decoration:underline;
	}
.single-colm-carea .form-group { margin-bottom: 20px; }
.single-colm-carea .form-group:first-child { margin-top:10px;}
.single-colm-carea .form-control, .single-colm-carea input, .right-container .form-control, .right-container input  {
	border-radius:0px!important;
	-moz-border-radius:0px!important;
	-webkit-border-radius:0px!important;
	/*-webkit-appearance: none;*/
	}
.right-container h3{ font-family: 'Montserrat', sans-serif; font-weight: 400; }
.right-container select {
	-webkit-appearance: button;
   -webkit-padding-end: 12px;
   -webkit-padding-start: 12px;
   -webkit-user-select: none;
   /* background-image: url(../img/subpage/dropdown-icon.png); */
   background-position: 97% center;
   background-repeat: no-repeat;
   color: #555;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   -moz-appearance: none;
}
::-webkit-input-placeholder { font-size:13px; }
:-moz-placeholder { /* Firefox 18- */ font-size:13px;  }
::-moz-placeholder {  /* Firefox 19+ */font-size:13px;  }
:-ms-input-placeholder {  font-size:13px;  }

.submenu-carea {
	clear:both;
	}
.submenu {
	min-height:36px;
	color:#fff;
	}
.submenu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.submenu ul li{
	float:left;
	font-size:12px;
	text-transform:uppercase;
}
.submenu ul li a{
	color:#fff!important;
	display:block;
	line-height:36px;
	padding:0px 9px;
	text-decoration:none;
}
/* IE6, IE7, IE8 */
.submenu ul li a{ padding:0px 14px\9; }
/* IE6, IE7, IE8 */
.submenu ul li a:hover, .submenu ul li a:focus, .submenu ul li.active {
	text-decoration:none;
	background:url(../img/homepage/submenu-arrow.png) no-repeat bottom #000;
	background-position:50% 100%;
	-webkit-transition:none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
/*.single-colm-carea font{ color:#f01010;}*/

h1, h2, h3, h4, h5, h6 { font-weight: 300!important;}
/*two column*/
.two-colm-container {
	/*background-color: #f3f3f3;*/
	padding:16px 0px;/*padding:18px 0px;*/
	font-weight: 300;
	}
.two-colm-container h1 {
	font-size:18px;
	color:#00a3e4; /*f91d06*/
}
.two-colm-container h2 {
	font-size:16px;
}
.two-colm-container h3 {
	font-size:14px;
}
.two-colm-container hr {
	border-bottom:#f3f3f3 solid 1px;
	margin-top: 15px;
    margin-bottom: 15px;
	}
/*rightside content*/
.left-container {
	background-color: #ffffff;
	min-height: 200px;
	color:#585858;
	padding:8px 14px;
	font-size:13px;
	border-radius: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}
.mrg-less {
	margin:10px 0px;}
.ltside-menu { padding-bottom:8px; }
.ltside-menu ul { margin:0px; padding:0px; list-style:none; }
.ltside-menu ul li a {
	padding:9px 0px 9px 14px;
	display:block;
	text-decoration:none;
	margin:0px -14px;
	}
.ltside-menu ul li a:hover, .ltside-menu ul li a:focus  {
	background:#f7f7f7 url(../img/homepage/ltmenu-arrow.png) right no-repeat;
	-webkit-transition:none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.panel-body .reskin-ltside-menu ul li a:hover, .ltside-menu .reskin-ltside-menu ul li a:focus  {
	background:#f7f7f7 url(../img/homepage/ltmenu-arrow-reskin.png) right no-repeat;
	-webkit-transition:none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
/*@media (max-width:1199px) {
	.right-container {
	margin-right: -15px;
    margin-left: -15px;
	margin-top:18px;
		}
	 }*/
@media (max-width: 1199px) {
	.right-container {
	/*margin-right: -15px;
    margin-left: -15px;
	margin-top:18px;*/
		}
}
@media (max-width: 991px) {
.right-container {
	margin-top:18px;
		}
}
/*eof rightside content*/
/*eof two column*/

/*rightside content*/
.right-container{
	background-color: #ffffff;
	min-height: 373px;
	color:#585858;
	padding:8px 14px 25px 14px;/*8px 14px*/
	font-size:13px;
	margin:0px -15px 0px -10px;
	}
.right-container hr{
	border-bottom:#f3f3f3 solid 1px;
	margin-top: 15px;
    margin-bottom: 15px;
}
.tbl-bdrnone, .tbl-bdrnone tr, .tbl-bdrnone tr td {
	border:none!important;}
.panel-default>.panel-heading {
	background-image:none;
	}
.right-container .panel {
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
}
.right-container .panel-title {
	font-size:13px;
	}
.right-container .panel-heading {
    padding:0px;
	}
.right-container .panel-title > a {
	padding: 10px 15px;
	display:block;
	text-decoration:none;
	}
.right-container .panel-title > a:hover, .right-container .panel-title > a:focus {
	background-color:#f01010;
	color:#ffffff!important;
}
.Mlogo-container {
	min-height:120px;
	margin-top:10px;
	}
.Mlogo {
	border:#eaeaea solid 1px;
	min-height:83px;
	text-align: center;
	}
.col-lsmargin {
	padding-right: 10px;
    padding-left: 10px;
}
.Mlogo-container > .comname {
	font-size:11px;
	text-align:center;
	padding-top:4px;
	line-height:14px!important;
	}
/*faq style*/
.faq-c {
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
}
.faq-c:last-child { margin-bottom:18px; border-bottom:none;}
.faq-t {
  line-height: 19px;
  color: #aaa;
  float: left;
  font-weight: 700;
  padding-right: 10px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  transition: all 200ms;
}
.faq-o {
  transform: rotate(-45deg);
  transform-origin: 50% 50%;
  -ms-transform: rotate(-45deg);
  -ms-transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  transition: all 200ms;
  line-height: 14px;
}
.faq-q {
  cursor: pointer;
  font-size: 14px;
  font-weight: 100;
}
.faq-a {
  clear: both;
  color: #666;
  display: none;
  padding:6px 0px 0px 20px;
  font-weight:normal;
  font-size:13px;
  color:#808080;
}
/*eof faq sytle*/
/*promotion page starts here*/
.promo-c {
	font-size:13px;
	margin-bottom:10px;
	}
.promo-c h3 a{ text-decoration:none;}
.promo-c img {	padding:2px; border:#eaeaea solid 3px;}
.promo-c p {
	min-height:40px;
	margin:10px 0px;
    }
.promo-c p span {
	font-size:12px;
}
.promo-c a { text-decoration:none; }
.read-m {
	width:110px;
	display:block;
	color:#50b666!important;
	padding:5px 15px;
	text-decoration:none;
	border:#50b666 solid 1px;
}

@media (max-width: 768px) {
	.promo-c h3, .promo-c p, .promo-c a {
		text-align:center;
		}
	.promo-c img {
		width:70%;
		margin:10px auto;
	}
	.read-m {
	margin:0px auto;
	}
}

@media (max-width: 480px) {
	.promo-c img {
		width:100%;
		}
	.gift-img-thumb {
	width:100%!important;
	}
}
/*eof promotion page*/
.gift-img-c {
	margin-top:10px;
	}
.gift-img-thumb {	}
.thumb-selected {
	padding:1px;
	border:#eaeaea solid 2px;
	cursor:pointer;
	}
.thumb-unselected{
	 padding:1px;
	 border:#eaeaea solid 2px;
	 -webkit-filter: grayscale(.9) opacity(.7);
     -moz-filter: grayscale(.9) opacity(.7);
     filter: grayscale(.9) opacity(.7);
	 cursor:pointer;
}
.thumb-unselected:hover {
	 -webkit-filter: grayscale(0) opacity(1);
     -moz-filter: grayscale(0) opacity(1);
     filter: grayscale(0) opacity(1);
	 cursor:pointer;
	}
.navbar-collapse {
	border:none;
}

/*eof right side content*/
/*text color*/
.txtunline {
	text-decoration:underline;
	}
.redclr {
	color:#00a3e4!important; /*f91d06*/
	}
.greenclr {
	color:#4bb666;
	}
.blueclr {
	color:#0073de;
	}
.btn-primary {
    color: #fff!important;
    background-color: #0073de;
    border-color: #005cb2;
}
.btn-info {
	color: #fff!important;
}
.btn-danger {
    color: #fff!important;
    /*background-color: #0073de;
    border-color: #005cb2;*/
}
.btn {
	border-radius:0px!important;
	-webkit-border-radius:0px!important;
	-moz-border-radius:0px!important;
}
.bold { font-weight: 400; }
.btn-default { background-color:#eaeaea!important; }
.btn-default:hover { background-color:#E3E3E3!important; }
.table thead { font-weight:400; }
.table tr th { font-weight:400; }
.table tr th a{ color: #337ab7!important;}
/*eof text color*/
.services-flowc .stepno { background-color:#eaeaea; padding:6px 0px 6px 13px; }
.services-flowc p span { color:#4bb666;}
.services-flowc { margin-bottom:18px;}
.service-thumb {
	border:#eaeaea solid 1px;
	min-height:120px;
	}
p.note {font-size:12px!important;}
.control-label {
	font-weight: 400;
	}
.gcash {margin-top: -8px;}
.gcash .radio {  display:inline-block; margin-right:15px; margin-bottom:0px;}
.btn-group-lg a { text-decoration: none;}

.provider-selected {
	border: 3px solid #00a3e4;
}

.pre-pymt-detail, .greyrow{
	padding:10px 0 0;
	font-size:13px;
	margin: 0 20px;
	border: 1px solid #ddd;
	}
.row .greyrow:nth-child(odd){ background-color:#f3f3f3; }
.row .greyrow:nth-child(even){ border-top: 0; }

.bg-grey {background-color: #eaeaea; padding: 5px 0px;}
.no-undline { text-decoration:none!important;}
.formmrg { margin-top:10px; }
.topmrg { margin-top:31px;}
.topmrg-sm { margin-top:10px;}
.radiusnone { border-radius:0px!important; -moz-border-radius:0px!important; -webkit-border-radius:0px!important; border-radius:none!important; }
.dottedline {border-top: 1px dotted #ccc; background:none;}
.flash-alert {
	padding: 0;
}
#modalcontent .modal-header { padding: 0px 15px; }
#modalcontent .modal-body {padding: 6px;}
#modalcontent .modal-body p {font-size:13px;}
#modalcontent .modal-body a { color:#0073de!important; }
#modalcontent .modal-body a:hover {text-decoration:underline;}
#modalcontent .close{  font-size: 35px;  margin-top: 8px; }
.modal-header h1 { color:#f91d06!important; font-size:21px;  padding: 10px 0px;}
.flash-alert .container {
	/*padding: 10px 15px 0px 0;*/
	padding: 0px 15px 0px 0;
}
.alert { border-radius: 0px!important; }
.flash-alert .alert {
	margin:13px 0px 0px 0px;
}

.flash-alert .alert .close {
	font-size: 21px;
}
.dashboard {
	line-height:34px;
}
/*scroll to top*/
#backTop{
    width:25px;
    height:25px;
    padding:8px 10px;
    border-radius:4px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
	display:none;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
#backTop.white{
     background:url(../img/homepage/uparr-48-b.png) no-repeat center center rgba(255,255,255,0.8);
}
#backTop.black{
     background:url(../img/homepage/uparr-48-w.png) no-repeat center center rgba(0,0,0,0.8);
}
#backTop.red{
     background:url(../img/homepage/uparr-48-w.png) no-repeat center center rgba(217,97,81,0.9);
}
#backTop.green{
     background:url(../img/homepage/uparr-48-b.png) no-repeat center center rgba(81,217,187,0.9);
}
/*eof scroll to top*/
.operator-icon {
	border:#eaeaea solid 2px; min-height: 60px; margin:5px 0px 10px 0px;
}
.operator-icon img{ width: 100%;  maring:10px!important auto;}
.chooseamt {
	margin:12px 0px 12px 0px;
	font-size: 14px;
}
.chkbox-con {margin-bottom:10px;}
.chkbox-con span { display: inline-block; position: relative; top:2px; }
.chkbox-con span { text-decoration:underline;}
.operator-selected {
	border: 3px solid #6aac4a; /*eb1212 - red*/
}
.extra-pad {padding: 12px;}
.float-fix { clear: both;}
.help-block {font-size: 11px!important;}
.error-ps div.help-block { margin-left: -46px; clear: both; margin-bottom: -12px; position: relative; top: 14px; line-height: 0px;}
.ex-lrmargin { margin:10px 0px;}
.webcashcard {width:400px; height:400px; background:url(../img/subpage/webcash-card.jpg) no-repeat;}
.cardno{color:#ffffff; position: relative; top: 190px; padding-left: 25px; font-size: 23px; font-weight: bold;
	letter-spacing: 2.5px; text-shadow: 0px 0px 3px #b91f25;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .submenu ul li a { padding: 0px 7px!important;}
}
/*biller*/
.biller-icon {
    border: #eaeaea solid 2px;
    min-height: 60px;
    margin: 5px 0px 5px 0px;
}
.biller-active {border: #6cbc44 solid 2px;}
.biller-nm{ font-size:10px; text-align: center!important; margin: 0px 0px 12px 0px; }
.nav-tabs li a:hover { color:#555555!important;}
.nav-tabs li a {background-color: #eaeaea!important;}
.nav-tabs li.active a {background-color: #585858!important; color: #ffffff!important;}
.biller-con {min-height: 115px;}
/*eof biller
​.soa .form-control {margin:15px!important; border:#ff0000 solid 1px;}*/

/*error page*/
.error-carea {
  height: 500px;
  background: url(../img/homepage/error-bg.png) no-repeat center;
  }
.error-content { position: relative; top: 60%; text-align: center; }
.error-carea h1{ font-size: 28px; color: #ec1d1d; margin: 0px; padding: 0px; font-weight:400; text-transform: uppercase;}
.error-carea h2{ font-size: 22px; color:#3e3e3e!important; text-transform: uppercase; font-weight:400;}
.error-content p{ color: #606060;}
.error-content p a{ text-decoration: underline; }
.error-content p span { font-size: 11px; color: #969696;}
.error-page-btn { font-size: 13px; margin: 15px; padding:15px 20px; text-transform: uppercase; border-radius: 5px; text-decoration: none!important; }
.error-page-btn:hover { text-decoration: underline!important; }
.button-carea { margin: 10px 0px 25px 0px;}
.btn-red { background-color: #ec1d1d; color: #ffffff!important;}
.btn-blue, .btn-blue:hover {  background: #00a3e4!important; color: #ffffff!important; border:none;}
.btn-grey { background-color: #3e3e3e; color: #ffffff!important;}
.error-fotr { background: url(../img/homepage/kiple-greyscale.png) no-repeat center; min-height: 40px; }
/*end of error page*/

.securityimg-radio { margin-bottom: 5px; margin-top: 7px;}
.secure-img {width:94px; border: #eaeaea solid 2px; margin:0px auto; min-height:70px; border-radius: 5px;}

/*new login page*/
.grey-bdr {
border: #e5e5e5 solid 1px;
}
.bdr-radius {
border-radius:10px;
-webkit-border-radius:10x;
-moz-border-radius:10px;
padding: 15px;
}
.mrgbtm { height:13px; }
.loginarea {    }
.icontext { padding-top: 10px; margin: 0px;}
.icontextsub { font-style: italic; margin: 0px; color: #f34d0b;}
.securedetails { display: block; margin:20px 0px 10px 0px;}
.secure-img { width:87px; height: 77px; border: #e5e5e5 solid 1px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius: 10px;}
.secure-img img{ border-radius:6px; }
.secure-wd { width: 150px; height:45px; background-color: #eeeeee; margin: 17px 0px 0px 21px; font-size: 15px;
    font-weight: bold; color: #585858; text-align: center; line-height: 41px;}
.usernamebx { background-color:#eeeeee; display: block; padding: 10px 12px; width: 50%!important; }
.proceed-txt { font-style: italic; margin: 0px; color: #f34d0b; font-size:14px; margin-bottom:12px; }
/**/
@media (max-width: 768px) {
.usernamebx { width: 100%!important; }
}
/*eof new login page*/

.focused {
   border: #6cbc44 solid 2px;
}
/*game pin*/
#gamepin {}
#gamepin>.nav-tabs li a {
background-color:#ffffff!important;
border:#eaeaea solid 2px!important;
}
#gamepin>.nav-tabs li.active a {
	border:#6cbc44 solid 2px!important;
}
/*end game pin*/

/* Side nav Collapse updates*/
.fa-bars:before{content:"\f0c9"}
.mainnav .group-btn { margin: 13px 0px 0px 0px; }
.signin, .signup, .myaccount, .signout { color:#ee5858!important;}
.signin:hover, .signup:hover { color:#666!important;}
.homebtn { border:#ee5858 solid 2px; color:#ee5858!important; border-radius: 10px; }
@media (max-width: 991px) and (min-width: 768px){
.homebtn { display:block!important; padding: 0px 0px 0px 0px; border: none; }
}
@media (max-width: 767px){
.homebtn { display:block; padding: 0px 0px 20px 0px!important; clear: both; border: none; border-radius:0px!important; }
.sdnav, .right-container { margin:0px!important;}
}
@media (max-width: 991px) {
.sdnav {margin-bottom: -20px; }
}
.sdnav {font-size: 13px;     margin-bottom: 0px; margin:0px -10px 0px -15px;}
.sdnav span {font-size: 13px!important; float:right;}
.sdnav .panel, .right-container, .sdnav .panel-heading { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.sdnav .panel-default { border-color:#fff;}
.sdnav h1 { margin:15px 0px; padding-bottom: 0px;}
.sdnav .panel-heading {padding:0px 15px 0px 15px; background:#ffffff;}
.sdnav hr { margin: 0px 15px; padding: 0px 15px; }
.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #00a3e4; /*ed2024*/
    font-size: 13px;
    padding: 3px 0px 0px 0px;
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}
/*END Side nav Collapse updates */
/*nav small screen fix*/
@media (min-width: 768px) and (max-width: 991px) {
	.sdnav, .right-container { margin: 0px -15px; }
    .group-btn { padding: 10px 10px 20px 0px!important;}
    /* .navbar-header { float: none;}
    .navbar-toggle {display: block; }*/
   /*.navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    }*/
    .homebtn {
        float: none!important;
        position: relative;
        background: #eaeaea!important;
        clear: both;
        z-index: 9999;
        border-radius: 0px!important;
        padding-right: 0px;
        margin: -5px 0px 0px 0px!important;
    }

}
/*eof nav small screen fix*/
/*css for left floating icon menu*/
/*small device 768*/
@media (max-width: 480px){
 #contact-buttons-bar {
 	display:none;
 	}
 }
 #contact-buttons-bar {
  position: fixed;
  top: 147px;
  left: -50px;
  width: 50px;
}
#contact-buttons-bar.slide-on-scroll {
  position: absolute;
}
.contact-button-link  {
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  margin-bottom: 1px;
  text-align: center;
  line-height: 50px;
  font-size: 22px;
  background: #8e8e93;
  color: #fff!important;
  position: relative;
  left: 0;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-transition: all 250ms;
     -moz-transition: all 250ms;
          transition: all 250ms;
}
.contact-button-link:hover,
.contact-button-link:focus,
.contact-button-link:active {
  color: #fff;
  padding-left: 20px;
  width: 70px;
}
.contact-button-link.cb-hidden {
  left: -50px;
}
.contact-button-link.facebook {
  background: #3b5998;
}
.contact-button-link.linkedin {
  background: #0077b5;
}
.contact-button-link.gplus {
  background: #db4437;
}

.contact-button-link.separated {
  margin-top: 1em;
}
.show-hide-contact-bar,
.contact-button-link.show-hide-contact-bar:focus,
.contact-button-link.show-hide-contact-bar:active {
  background: transparent;
  color: #000;
  border: 0;
  outline: 0;
  padding: 0;
  width: 50px;
}
.contact-button-link.show-hide-contact-bar:hover {
  color: #000;
  background: #ff0000;/*ccc*/
  padding: 0;
  width: 50px;
}
/*end of css for left floating icon menu*/

.bnk-icon { width:115px; height:50px; margin: 0px auto; display: block;}
.wallet-icon { width:70px; height:50px; margin: 0px auto;}
.cimb, .rhbb, .afbb, .mybb, .hsbc, .hlbb, .bibb, .ambb, .pubb, .uobb, .ocbc, .albb,.bmmb, .mybb2e, .bkrb, .scbb, .bsnb,
.visamaster, .dsbb, .kfhb, .wallet-wbc, .wallet-kash { background: url(../img/gateway/banks.gif) center no-repeat;}
.wallet-wbc { background-position: -29px -5px; }
.wallet-kash { background-position: -140px 0px; }
.cimb { background-position: -230px 0px;}
.rhbb { background-position: -345px 0px;}
.afbb { background-position: -460px 0px;}
.dsbb { background-position: -574px 0px;}
.mybb { background-position: 0px -50px;}
.hsbc { background-position: -115px -50px;}
.hlbb { background-position: -230px -50px;}
.bibb { background-position: -345px -50px;}
.ambb { background-position: -460px -50px;}
.kfhb { background-position: -574px -50px;}
.pubb { background-position: 0px -100px;}
.uobb { background-position: -115px -100px;}
.ocbc { background-position: -230px -100px;}
.albb { background-position: -345px -100px;}
.bmmb { background-position: -460px -100px;}
.mybb2e { background-position: 0px -150px;}
.bkrb { background-position: -115px -150px;}
.scbb { background-position: -230px -150px;}
.bsnb { background-position: -345px -150px;}
.visamaster { background-position: -460px -150px;}
/*countdown*/
.countdown {width:256px; height: 175px; background: url(../img/bill_payment/billpay-countdown.jpg); margin:-15px;}
.count {width:117px; display: block; height:28px; position: relative; top:68px; left: 125px; font-size:35px; color: #ffffff; font-weight: bold;}
.countdown-info a{cursor: pointer;}
.info-btn {width:117px; display: block; height:28px; position: relative; top:100px; left: 115px; background: url(../img/bill_payment/more-info.png); border: none; outline: none; }
.info-btn:hover {cursor: pointer;}
@media (max-width: 767px) {
	.countdown {margin:0px auto;}
}
/*countdown*/
.address  {
	font-size:12px;
}

.child-mr20 .radio { margin-right:20px!important;}
.child-mr20 .radio input {margin-right:10px!important;}
p span {font-size: 11px;}
.kipletandc h5{ margin-top: 20px; display: block; }
.privacypolicy h5 { margin:20px 0px; }
.privacypolicy ul li{ margin-left: 20px!important; }
.ft-bottom-lt a { color: #ffffff!important; }
.privacypolicy table tr td {
	color: #666!important;
}
.table-borderless tr td {
	border: none!important;
	}
.kipletandc b, .privacypolicy b{
	font-weight: 600;
}
.kipletandc ul {
	padding-left: 20px!important;
}
.table tr .active {
	background: #eaeaea;
	vertical-align: top;
}
.table-border {
    border: 1px solid #ddd;
	}
.table-border tr td {
	border: 1px solid #ddd!important;
	 }
.list-alpha {
	 	margin-left: 10px!important;
	 	counter-reset: list;
	 	font-size: 15px;
	 	 font-weight: 300;
	 }
.list-alpha li {
	/*list-style-type: lower-alpha!important;*/
	list-style: none;
    position: relative;
   /* padding:3px 0px!important;*/
    margin: 10px 0px!important;

}
.list-alpha li::before {
	counter-increment: list;
    content: counter(list, lower-alpha) ") ";
    position: absolute;
    left: -2em;
}
.list-alpha li ol li{
	list-style-type: none!important;
	list-style: none!important;
	margin-left: 0px;
}
.disc-list {
	list-style: none;
    position: relative;
    left: 2em;
    font-size: 15px;
    font-weight: 300;
}
.disc-list li::before {
	counter-increment: list;
    position: absolute;
    left: 0em;
    content: "- ";
}
.text-primary {
	color: #00a3e4!important;
}
.uppercase {
	text-transform: uppercase;;
}
/*whatsapp button*/
/*--whatsapp chat--*/
#MiniRightNav {
    position:fixed;
    bottom: 72px;
    right: 20px;
    margin: 0;
}
#MiniRightNav li{
	list-style: outside none none;
    margin: 0px;
    padding: 0;
}
#MiniRightNav li a{
	display: block;
    position: relative;
    background: #25D366;
    color: #FFFFFF;
    width: 55px;
    height: 55px;
    border-radius: 50%;
}
#MiniRightNav span {
	font-family: 'Raleway', sans-serif;
	font-size:13px;
    font-weight: 400;
    bottom: 9px;
    right: 60px;
    line-height: 32px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    transition: all 0.50s ease 0s;
    white-space: nowrap;
    width: 0;
    border-radius:5px;
}
#MiniRightNav a:hover span{ width:auto; padding:0 12px;overflow:visible; }
#MiniRightNav a:hover{text-decoration:none;}
#MiniRightNav a span{
	background-color:#CCCCCC;
	color:#000000;
}
.p-2 {
    padding: .5rem!important;
}
/*end whatsapp button*/

/* Merchant Report Tables BG Color CSS Start */
.table-bg th {
	background-color: #F5F5F5;
	color: #212529;
}

.table-bg td {
	color: #212529;
}
/* Merchant Report Tables BG Color CSS End */