body { font-family: 'Montserrat', sans-serif; background: #f9f9f9;}
h1 { font-size: 28px; color: #00a3e4; font-weight: 500!important;}
h2,h3,h4,h5,h6 {color: #0DCAF2; font-weight: 400!important;}
h2 { font-size: 25px; }
h3 { font-size: 22px; }
h4 { font-size: 19px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
a { cursor: pointer; }
p, .kipleblog .card-text { font-weight: 300!important; font-size: 15px; color:#666;}
.btn:hover, .btn:focus, .btn:active { outline: none;}
.rounded { border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.navbar {
	min-height: 60px;
	padding: 25px 0px 0px 0px;
	margin: 0px;
	font-size: 13px;
  background: none!important;
  box-shadow: none;
}
.navbar-default {
	background-color:#ffffff;
	border:none;
}
.navbar-nav .download-app{
	background-color: #00a3e4!important;
	color:#ffffff!important;
	margin: 2px 15px 0px 15px;
	padding: 5px 15px!important;
	border-radius: 15px;
}
.navbar-nav .download-app:hover { background-color: #0073ae!important; color: #ffffff!important; }

.navbar-nav li a {
	color:#00a3e4!important;
 	font-weight: 300;
  padding:8px 13px!important;
  text-align: left;
}
.reskin-perak-footer{
	width: 100%;
	color: #0f0f0f !important;
	background-color: #ffffff !important;
	line-height: 40px;
	text-align: center;
	bottom:0;
	padding: 30px 0px;
}
.reskin-perak-color a{
	color: #BF8E00 !important;
}
.submenu-carea .reskin-main-nav {
	background-color:#BF8E00 !important; /*14709d*/
	font-size: 12px;
}
.submenu-carea .reskin-main-nav ul li a {
	background-color:#BF8E00 !important;
	color:#ffffff !important;
	padding: 12px 15px;
}
.submenu-carea .reskin-main-nav li li a {
	background-color:#BF8E00 !important;
	color:#ffffff !important;
}
.submenu-carea .reskin-main-nav ul li a:hover {
	background-color:#BF8E00 !important;
	color:#ffffff !important;
}
.submenu-carea .reskin-main-nav li a:hover {
	background-color:#BF8E00 !important;
	color:#ffffff !important;
}
.submenu-carea .reskin-main-nav.dropdown-menu li a {
	background-color:#BF8E00 !important;
	color:#ffffff !important;
	font-size: 12px;
}
.navbar-nav li a:hover {
	background-color:#0073ae!important;
	color: #ffffff!important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background:#0073ae!important; }
.navbar-right .signin:hover, .navbar-right .signup:hover, .navbar-right li a:hover { background: none!important; color:#00a3e4!important;}
.main-nav {
	background-color:#14709d; /*14709d*/
	font-size: 12px;
}
.main-nav ul li a {
	color:#ffffff!important;
	padding: 12px 15px;
}
.main-nav ul li a:hover {
	color:#14709d!important;
}
.main-nav .dropdown-menu li a {
	color:#00a3e4!important;
	font-size: 12px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #00a3e4!important;
    border-color: #337ab7;
    color: #ffffff!important;
}
.brand-container { margin: 0px 14px;}

.kiple-logo {
	width:120px;/*90px*/
}
.menutext {
	padding:12px 10px;
	float: right;
	color: #ffffff;
	width: 100%;
}
.main-nav .navbar-toggle {
	margin: 0px;
	padding: 0px;
	float:left;
	width: 100%;
    text-align: left;
}
.main-nav button{
	display:block!important;
}

.loc-map { margin:26px 0px 26px 0px; min-height: auto; border: #eaeaea solid 1px; border-radius:15px;}
.loc-map img { border-radius:15px; }

/*menu*/
.level1menu {
	display: block;
	float: none;
	clear: both;
	background-color: #00a3e4;
	position: relative;
	margin-bottom: 0px;
  min-height:44px;
  margin-top: 60px;
  margin-left: -27px;
  margin-right: -27px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.level1menu ul {
	/*padding:0px 14px;*/
	font-size: 13px;
}
.level1menu li a {
	color:#ffffff!important;
	padding:12px 15px 12px 15px!important;
}
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #14709d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*menu*/
.advantages, .kipleservices {
	/*padding: 30px 0px 50px 0px;*/
	}
.advantages .thumb-img {
	width: 100px;
	height: 100px;
	margin: 30px auto;
	}
.advantages .thumb-img img { width: 100%;}
.adv-body p {color: #666666!important;}
.advantages .adv-section { text-align: center;}
.adv-user { padding: 0px 0px 60px 0px; }
.adv-merchant { background: #f9f9f9; padding:40px 0px 52px 0px;}
.advantages h1{  font-size: 28px; outline: none; border: none; font-weight: 400!important; margin-bottom: 10px;
	/*padding: 15px 0px;
	margin: 20px 0px;*/
	}
  .pt-50 {
    padding-top: 50px!important;
}
.col{
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col{
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    max-width:18%;
    display: inline-block;
}
@media ( max-width: 767px) {
    .col{
        max-width:100%;
    }
}
.adv-merchant h1 { margin-bottom: 19px;}
.advantages h4{
	font-size: 14px;
	font-weight: 400!important;
    color: #000000;
	}
/*.advantages h1, h2, h3, h4, h5{
	color: #00a3e4;
	}	*/
.advantages p {
	font-weight: 300;
	color:#000000;
	}
.main-banner{
	}
/*services*/
.kipleservices {
    padding: 60px 0px 70px 0px; /*70px 0px;*/
	}
.usp-carea {
	padding-bottom:50px;
	}
.usp-carea:last-child {
    padding-bottom:0px;
}
.kipleservices .btn {
	margin: 15px 0px;
	text-align: center;
	}
.imgbg {
	background-color: #eaeaea;
	}
.kipleservices .uspimg {
    width:100%;
    height:420px;
	}
.kipleservices .sleft, .sleft img {
    border-top-right-radius: 250px;
    border-bottom-right-radius:250px;
    border-top-left-radius: 20px;
    border-bottom-left-radius:20px;
    }
.sleft img, .sright img {
    box-shadow: #000 5px 10px 50px;
}
.kipleservices .sright, .sright img {
    border-top-left-radius: 250px;
    border-bottom-left-radius:250px;
    border-top-right-radius: 20px;
    border-bottom-right-radius:20px;
    }
.kipleservices .usp-body {
    display: table;
    height:420px;
}

.kipleservices .uspcontent {
    display: table-cell;
	vertical-align: middle;
    }
.kipleservices .uspcontent p{
    color:#ffffff!important;
}
/*services end*/
.appsdownload{
	background-color: #0092D6;
    background: #0092D6; /* Old browsers */
	padding: 41px 0px 65px 0px;
	text-align: center;
	}
.appsdownload h1 { color: #ffffff!important; margin-bottom: 25px; font-weight: 400!important;}
.appsdownload p{
	color: #ffffff; font-weight: 300;
	}
.appsdownload h3{
	color: #ffffff;
	font-weight:300;
	}
.btn-appstore,.btn-googleplay{ width: 210px; height:62px; padding: 0px; background: none; outline: none; margin:20px 20px 0px 20px!important;}
/*testimonials*/
.testimonial h1{text-align: center; }
.testimonial section{ background:#ffffff;padding:41px 0px 14px 0px;}
.testimonial .carousel {margin:50px 0px!important;}
.testimonial blockquote { margin-bottom:20px;}
.icon-minus{ padding:0px 10px;}
blockquote{ border:none;}
.testimonial blockquote p{font-size:15px; min-height: 70px;}
.testimonial .blockquote-footer {font-size: 15px; display: block; margin-top: 10px;}
#testimonial  #carousel{margin:30px 0px;}
.testimonial .item blockquote {padding: 0px;}
.testimonial .tmonial-thumb {width:90px; height: 90px; margin: 0px auto 20px auto;}
.menavatar {background: url(../img/homepage/menavatar.png);}
.femaleavatar {background: url(../img/homepage/femaleavatar.png);}
#testimonial .left.carousel-control, #testimonial .right.carousel-control{ display: inline-block; position: absolute; font-size:45px; font-weight:400; color:#00a3e4!important; opacity:1!important; text-shadow:none!important; }
#testimonial .left.carousel-control { top:15%; padding-right: 15px;}
#testimonial .right.carousel-control{top:15%; padding-left: 15px;}
#testimonial .fa.fa-quote-right{color:#00a3e4; font-size:13px; padding-right:10px;}
/*testimonials*/
/*footer*/
footer { color:#ffffff; font-size: 13px;}
.ft-top{ padding:15px 0px 30px 0px; background-color: #000000;}/*eaeaea*/
.ft-bottom { padding:30px 0px; background-color: #242424;}
footer .ftlinks{ margin-top: 15px; }
.ftlinks ul{ margin: 0px; padding: 0px;}
.ftlinks ul li{ list-style: none; padding:5px 0px; color: #ffffff;}
.ftlinks ul li a{ font-size: 13px; color: #ffffff!important; padding: 0px!important; line-height: 21px; font-weight: 300!important; cursor: pointer;}
.ftlinks ul li a:hover{ text-decoration: none; color: #00a3e4; }
footer h3{ color: #ffffff; font-weight: 400; }
footer p{ font-size: 12px; font-weight: 100!important; color: #ffffff;}
.subscribe { margin-top: 25px; display: block; clear: both;}
.subscribe .input-group { margin-top:10px;}
.btn-subscribe { background-color: #00a3e4; outline: none; border: none;  border-top-left-radius:0px; border-top-right-radius:0px;
	border: #00a3e4 solid 1px;}
.btn-subscribe:hover, .btn-subscribe:focus, .btn-subscribe:active { outline: none; border:#00a3e4 solid 1px; color: #ffffff;}
.social-icongroup{ }
.social-icons{ width: 35px; height: 35px; margin: 28px 0px 0px 14px; display: inline-block;}
.social-icons:last-child { margin-right: 0px;}
.providers { width: 275px; height: 48px; margin: 25px 0px; background:#ffffff url(../img/providers.png) no-repeat center; border-radius: 10px;
-moz-border-radius:10px; -webkit-border-radius:10px;}
.pci, .norton-secured { width: 122px; height: 68px;  float:left; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.pci { background: url(../img/pci-compliant.png) no-repeat; margin: 25px 0px 0px 0px;}
.norton-secured { background: url(../img/nortan-secured.png) no-repeat; margin: 25px 0px 0px 25px; }
.kiple-ftlogo { width: 100%; height:40px; margin:10px 0px; background: url(../img/homepage/kiple.png) no-repeat;}
.greenpacket { width: 100%; height:50px; margin:2px 0px 10px 0px; background: url(../img/homepage/greenpacket.png) no-repeat right; }
.ft-bottom-rt p { text-align: right; font-size: 10px!important;}
.menu .dropdown-menu li a {color: #ffffff!important; /*#00a3e4!important;*/}
.menu .dropdown-menu { border: none; background-color: #00a3e4; }
.menu .dropdown-menu li a:hover { background-color: #14709d;}
.qlink-title h3 { color: #797979; display: block;  font-size: 16px; padding: 6px 0px 6px 10px; border-left: #00a3e4 solid 4px; }
.menu a {}
.ft-icongroup { margin: 24px 0px 0px 0px; clear: both;}
.ft-fpx-icon, .ft-mastercard-icon, .ft-visa-icon { width: 50px; min-height: 35px; background: #ccc; display: inline-block;}
.ft-fpx-icon, .ft-mastercard-icon, .ft-visa-icon, .ft-norton-icon, .ft-pci-icon { margin-left: 12px!important;}
.ft-fpx-icon { background: url(../img/homepage/fpx-icon.png) no-repeat center;}
.ft-mastercard-icon { background: url(../img/homepage/mastercard-icon.png) no-repeat; }
.ft-visa-icon {background: url(../img/homepage/visa-icon.png) no-repeat center;}
.ft-norton-icon, .ft-pci-icon  { width: 60px; min-height: 35px; margin: 0px 0px; background: #ccc; display: inline-block;}
.ft-norton-icon { background: url(../img/homepage/norton-secured-icon.png) no-repeat;}
.ft-pci-icon { background: url(../img/homepage/pci-icon.png) no-repeat; }
/*footer end*/

/*modal*/
.modal-content {padding-bottom: 10px;}
.modal-dialog {
	z-index:9999;

}
.modal-content h3{ font-size: 16px; font-weight: 300; text-align: center; margin: 10px 0px 15px 0px;}
.modal-body h4, .modal-dialog h4  { font-size: 18px; font-weight: 400; color:#000000; text-align: center;}
.modal-body p{
	font-size: 14px;
	line-height: 18px;
	color:#8b8b8b;
	font-weight: 200!important;
	text-align: center;
}
.modal-body p span{ color:#00a3e4; 	font-weight: 300!important; }
.modal-title { text-align: center; }
.btn-blue {
	background-color: #00a3e4;
	color:#ffffff;
	font-weight: 200;
	text-align:center;
	padding: 10px 35px;
}
.btn-blue:hover {
	background-color: #00a3e9;
	color:#ffffff;
	}
.modal-footer {
	border-top: none;
}
.btn-help {
	text-align: center;
	margin: 15px 0px;
	padding: 5px 0px;
}
.btn-help a{ color: #8b8b8b;}
.modal-body form {
	padding-top: 15px;
}
.modal-body ::-webkit-input-placeholder {
   font-size: 15px;
   font-weight: 200;
}

.modal-body :-moz-placeholder { /* Firefox 18- */
      font-size: 15px;
      font-weight: 200;
}

.modal-body ::-moz-placeholder {  /* Firefox 19+ */
      font-size: 15px;
      font-weight: 200;
}

.modal-body :-ms-input-placeholder {
      font-size: 15px;
      font-weight: 200;
}
.radio label {font-weight: 200;}
.selectcont, .selectedcont {
	margin-top: 20px;
	padding: 15px;
	text-align: center;
	border-radius: 10px;
}
.selectcont {
	border: #8b8b8b 2px solid;
	color: #8b8b8b;
}
.selectcont-last:child {margin-bottom: 0px; }
.selectedcont, .selectcont:hover {
	border: #00a3e4 2px solid;
	color: #00a3e4;
}
.selectcont:hover {
	cursor: pointer;
}
.modal-dialog .btn-default {
	color: #8b8b8b; font-weight: 200;
}
/*end of modal*/
/*-----*/
.testimonial .item blockquote {
  background-color: #ffffff!important;
  width: 50%;
  margin: 0px auto;
  min-height: auto;
}
.blockquote-footer {
	color:#00a3e4;
}
.sub-banner { height: 200px; }
.panel-body p { color: #666666; font-size: 15px; font-weight: 200;}
.panel-body img {margin: 15px auto 25px auto;}
.kiple-services, .content-body { background: #ffffff; padding:20px 30px; border-radius:10px; }
.content-body p {text-align: left;}
.content-body p a{ color: #00a3e4!important;}
.content-body ul {margin: 0px; padding: 10px 0px 10px 0px;}
.content-body ul li {margin: 20px 0px; list-style: none; }
.content-body ul li ul { margin-left: 30px; }
.content-body ul li ul li p {font-size: 12px;!important; color: #797979!important;}
.kiple-services .panel, .panel-collapse .panel-body {border: none!important; box-shadow:none;}
.kiple-services .panel-heading { border-radius: 7px; height:55px; padding: 0px;}
.kiple-services .panel-title a { line-height: 54px; padding-left: 15px; color:#00a3e4!important; font-size: 14px;
font-weight: 400; display: block; padding-right: 10px;}
.kiple-services .panel-title a:hover, .kiple-services .panel-title a:active, .kiple-services .panel-title a:focus
{ text-decoration: none;}
.kiple-services .mobA, .kiple-services .webA, .kiple-services .mobNA, .kiple-services .webNA{ width: 32px; height: 32px;
float:right; position:relative; right:70%; border-radius: 25px; margin:11px 10px 0px 5px;}
.legendgroup { margin: 25px 0px 10px 0px}
.legendapp {width: 32px; height: 32px; border-radius: 25px; background: url(../img/service/mob-white.png) no-repeat #00a3e4; background-position: 10px 5px; margin: 0px auto;}
.legendweb {width: 32px; height: 32px; border-radius: 25px; background: url(../img/service/web-white.png) no-repeat #00a3e4; background-position: 5px 5px; margin: 0px auto;}
.legendtext {line-height: 30px; text-align: left;}
.kiple-services .mobA { background: url(../img/service/mob-white.png) no-repeat #00a3e4; background-position: 10px 5px;}
.kiple-services .mobNA { background: url(../img/service/mob-grey.png) no-repeat #ffffff; background-position: 10px 5px;}
.kiple-services .webA { background: url(../img/service/web-white.png) no-repeat #00a3e4; background-position: 5px 5px;}
.kiple-services .webNA { background: url(../img/service/web-grey.png) no-repeat #ffffff; background-position: 5px 5px;}
.kiple-services .panel-heading [data-toggle="collapse"]:before{
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #00a3e4;         /* adjust as needed */
    -webkit-transform: rotate(-180deg);
  	-moz-transform:    rotate(-180deg);
  	-ms-transform:     rotate(-180deg);
  	-o-transform:      rotate(-180deg);
  	transform:         rotate(-180deg);
  	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.kiple-services .panel-heading [data-toggle="collapse"].collapsed:before{
   /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #ccc;         /* adjust as needed */
    -webkit-transform: rotate(0deg);
  	-moz-transform:    rotate(0deg);
  	-ms-transform:     rotate(0deg);
  	-o-transform:      rotate(0deg);
  	transform:         rotate(0deg);
}
/*blog*/
.kipleblog .carousel-indicators{  display: block; position: relative; margin-top: 20px;}
.kipleblog .btn {margin:10px 0px 20px 0px;}
.btn-kiple { background: #00a3e4; color: #ffffff!important; font-size: 14px; font-weight: 300; border-radius: 15px!important;}
.btn-kiple:hover { background: }
.kipleblog .blog-list {margin: 20px 0px;}
.card-img-top {width: 112px; height:112px; border-radius: 50%; margin: 0px 0px 10px 0px;}
.kipleblog .card-block h4 { font-size: 16px; font-weight: 300;}
/*eof blog*/
.inner-banner { background-color: #f3f3f3; }
.inner-banner img { border-bottom-right-radius:15px; border-bottom-left-radius:15px;}
.submenu-carea{ /*background-color: #0073ae;*/ }
/*@media*/
.kipleapp{ text-align: center;}
.kipleapp-bthumb { width: 270px; min-height: 698px; background: url(../img/subpage/kiple-app.svg); background-size: auto;background-repeat: no-repeat;}
.kipledownload h3 {float: left;}
.kiple-android, .kiple-ios { width: 52px; height:43px; float:left; margin: 10px 0px 0px 18px;}
.clear {clear: both; padding-top:10px;}
.black { color:#000000; }
.app-adv { margin: 15px 0px; text-align: center;}
.app-adv p {font-size: 13px; text-align: center;}
.app-adv img{ margin:10px 0px; }
.app-adv .desc {min-height: 90px;}
.app-adv-thumb { width: 120px; height: 90px; margin: 0px auto;}
/*---full width--*/
@media ( min-width: 1200px){
    .full-width { margin-left: calc(-100vw / 2 + 1170px / 2);margin-right: calc(-100vw / 2 + 1170px / 2);}
    .kmercbenefits img { display: block; margin-top:17px;}
    #testimonial .left.carousel-control { left:10%; }
    #testimonial .right.carousel-control{ right:10%; }
}
@media (max-width: 1199px) {
	.subscribe {  padding-top:25px!important;}
	.kipleservices .content h4, .kipleservices .content p {text-align: center;}
	.kipleservices .btn-kiple { margin: 20px auto; }
	.kipleservices {text-align: center!important;}
	.kipleservices .content { margin: 30px 0px; }
    .kipleservices .sleft, .sleft img {border-radius: 25px;}
    .kipleservices .sright, .sright img {border-radius: 25px;}
    .kipleservices .uspimg {background: none!important; height: auto!important; margin: 20px 0px; }
    .usp-carea {height:auto!important;}
    .usp-carea:last-child {margin-top: 35px;}
    .usp-body {height:auto!important; margin: 15px 0px;}
    .kipleapp {margin-bottom: 20px!important;}
    .kiple-wflow, .kmercbenefits { margin-bottom: 40px;}
    .getstarted{ margin: 30px 0px;}
    .kmercbenefits img { margin-top:40px;  }
}
@media ( max-width: 991px) {
    .kiple-ftlogo, .greenpacket { background-position: center;}
    .ft-bottom-lt p, .ft-bottom-rt p { text-align: center!important;}
    .main-nav ul li a{ padding: 12px 10px;}
    .service-carea { padding-top:30px; }
    .kipleapp { width: 50%; margin:0px auto;}
    .legend span {right: 0%!important;}
}
@media ( min-width: 992px) {
    .kipleapp-bthumb .group {width: 90%; height: 100px; top:47%; position: relative; top:290px;left: 18px;}
    .kipleapp-bthumb img {width: 55%; margin: 20px auto;}
    .full-width { margin-left: calc(-100vw / 2 + 970px / 2);margin-right: calc(-100vw / 2 + 970px / 2);}
    .social-icongroup,  .ft-icongroup  { float: right; }
    .advantages .more { /*margin-left: -36px;*/}
}
@media ( min-width: 768px) {
    .full-width { margin-left: calc(-100vw / 2 + 750px / 2);margin-right: calc(-100vw / 2 + 750px / 2);}
    .dropdown-menu li:hover .sub-menu { visibility: visible; }
    .dropdown:hover .dropdown-menu { display: block; }
    .nav .open > a:hover { background-color: #ffffff; }
}
/*---full width end--*/
@media (min-width: 768px) and (max-width: 991px) {
   .regsteps {width: 90%!important;}
   .kiple-wflow img {width: 80%!important;}
   .kipleapp-bthumb { width:270px;  background-size: auto; background-repeat: no-repeat; margin-bottom: -80px;}
   .kipleapp-bthumb .group {width: 270px; height: 100px; top:42%; position: relative; top:270px;left: 0px; }
   .kipleapp-bthumb img {width: 55%; margin: 10px auto;}
  .kiple-services .mobA, .kiple-services .webA, .kiple-services .mobNA, .kiple-services .webNA{ right:60%!important;}
  .testimonial .item blockquote { width: 70%;}
  .kipleapp {text-align: center; margin: 0px 0; }
  .qlink-title h3 { text-align: center; margin-bottom: 0px; width: 18%; margin:0px auto;  border-left: none; border-bottom:#00a3e4 solid 4px; padding-bottom: 15px;}
    .ft-top { padding: 25px 0px 40px 0px; }
  .ftlinks, .social-icongroup, .ft-icongroup { text-align: center;}
}
@media ( max-width: 767px) {
    .regsteps {width: 100%!important;}
    .kiple-wflow img {width: 100%!important;}
    .kipleapp-bthumb { width:250px;  background-size: auto; background-repeat: no-repeat; margin-bottom: -180px;}
    .kipleapp-bthumb .group {width: 250px; height: 100px; top:35%; position: relative; top:250px;left: 0px; }
    .kipleapp-bthumb img {width: 55%; margin: 10px auto;}
    .testimonial .item blockquote { width: 80%; }
    .menu .dropdown-menu li a:hover { color:#ffffff!important;}
    .menu .dropdown-menu li a { color:#797979!important; display:block; width: 100% }
    footer { text-align: center!important;}
    .providers {margin:20px auto;}
    .secure-area { width: 270px; margin: 0px auto;}
    .pci { margin: 5px 0px 0px 0px;}
    .norton-secured { margin: 5px 0px 0px 25px; }
    .download-app{
        background-color: #00a3e4!important;
        color:#ffffff!important;
        margin: 10px 10px!important;
        padding: 5px 15px;
        border-radius: 15px;
        }
    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
        }
    .level1menu {
        background-color: transparent;
        margin-top: 10px;
        margin-left: -15px;
        margin-right:-15px;
        margin-bottom: 10px;
        }
    .level1menu ul { border-top: #eaeaea solid 1px; padding:12px 14px 0px 14px;}
    .level1menu li a {
        color: #00a3e4!important;
        padding: 10px 14px 10px 14px!important;
        margin-left: -15px;
        }
    .navbar-collapse.in {
        overflow-y: hidden!important;
        }
    .kmercbenefits img { padding:0px 0px 20px 0px;}
    .qlink-title h3 {margin-bottom: 0px; display: inline-block; border-left: none; border-bottom:#00a3e4 solid 4px; padding-bottom: 15px;}
    .ft-icongroup { margin-bottom: 20px;}
    .kiple-wflow {margin: 0px auto 30px auto; text-align: center;}
}
@media (min-width: 480px) and (max-width: 767px) {
	.kiple-services .mobA, .kiple-services .webA, .kiple-services .mobNA, .kiple-services .webNA{ right:30%!important;}
}
@media (max-width: 480px) {
    .kiple-services .mobA, .kiple-services .webA, .kiple-services .mobNA, .kiple-services .webNA{ right:2%!important;}
    .kipleapp { width: 70%; margin:0px auto;}
}
/*eof @media*/
/*slide left*/
.center { margin:40px auto!important; text-align: center!important;}
/*eof slide left*/
.kipletandc ul {margin: 0px; padding-left: 30px;}
.kipletandc ul li { margin: 0px; padding: 0px; font-weight: 300; color: #666666;}
.kiple-services .panel-body {padding: 25px 0px;}
.flow-text{
    font-size:13px!important;
    text-align: center;
    color: #797979;
    font-weight: 300;
    width: 85%;
    margin:15px auto;
}
.sflow {
    width: 85px;
    height: 85px;
    margin: 25px auto 15px auto;
    border: #EAEAEA solid 2px;
}
.kblue {color:#00a3e4!important;}
.kmedblue {color:#0073ae!important;}
.kgreen {color: #99ca44!important;}
.kred {color: #ef4050!important;}
.kpurple {color: #92278f!important;}
.korange {color: #f7941d!important;}
.kgrey {color: #414042!important;}
/*merchant info*/
.kmerchant-info {text-align: left!important}
.regsteps {width: 50%;}
.kiple-wflow img {width: 80%;}
.kmerchant-info .section { padding: 45px 0px; border-top: #eaeaea solid 1px; display:inline-block;}
.kmerchant-info .section ul li {color: #797979; list-style: none; font-weight: 300; padding: 0px 0px 12px 0px; margin: 0px;}
.kmerchant-info .section h5 { padding: 15px 0px 0px 0px;}
.kmerchant-info .section ul li span { color: #000000; font-weight: 400;}
.kmerchant-info .section ul li:last-child { padding-bottom: 0px;}
.mlogo {  width: 152px; height:82px; margin: 15px auto 10px auto; }
.kmerchant { width: 150px; height:80px; background: url(../img/merchant/kiple-merchants.jpg) no-repeat; border-radius:10px;}
.lunchbox { background-position: 0px 0px;}
.kuching { background-position: -150px 0px;}
.commacafe { background-position: -300px 0px;}
.redcups { background-position: -450px 0px;}
.limteh { background-position: -600px 0px;}
.cookienation { background-position: -750px 0px;}
.getstarted img { margin: 30px auto;}
.kiple-wflow {margin: 30px 0px;}
/*eof merchant info*/
.navbar-right .ksign-in:hover, .navbar-right .ksign-out:hover { color:#0073ae!important; background: none!important;}
/*services flow*/
.legend span{ right: 0px!important;}
.legend font{ text-align: left; line-height: 50px;}
.kiple-services p {text-align: justify;}
.kiple-services ul {margin: 0px; padding: 0px 0px 0px 25px;}
.kiple-services ul li{ list-style: none; font-weight:300; margin: 12px 0px; color: #797979; text-align: justify;}
.kiple-services ul li span {font-weight: 400; color: #000000;}
.pnsflow, .kacctflow {width: 65px; height: 65px; margin: 0px auto; border-radius: 50%; }
.pnsflow {background: url(../img/kiple-pastensell-flow.svg) no-repeat;}
.kacctflow {background: url(../img/kiple-account-flow.svg) no-repeat;}
.pnsflow-s1 { background-position: 6px 13px;}
.pnsflow-s2 { background-position: -55px 10px;}
.pnsflow-s3 { background-position: -115px 13px;}
.pnsflow-s4 { background-position: -175px 13px;}
.kacctflow-s1 { background-position: 2px 7px;}
.kacctflow-s2 { background-position: -62px 5px;}
.kacctflow-s3 { background-position: -127px 13px;}
.kacctflow-s4 { background-position: -191px 7px;}
.sflow img { margin: 0px;}
/*eof services flow*/
.klist {margin: 0px!important; padding: 0px 0px 10px 30px!important;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt-10 { margin-top: -10px;}
.mp-10 { padding-top: -10px;}
/*menu bg color*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #ffffff!important;
    background-color: #00a3e4!important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    color: #ffffff!important;
    background: #00a3e4!important;
}
.profile-clicked {
	border: #00a3e4 2px solid;
	color: #00a3e4;
}
.nopad-x { padding-left:0px; padding-right: 0px; }
#product-sec h2{
	margin:0px 0px 50px 0px;
}
#product-sec h2 span, .text-white, .qlink-title h3 {
	color:#ffffff!important;
}
.service-head-spacer {
    margin: 0px 0px 40px 15px;
}