/*CLASSES FOR NEW LOOK, SAY HELLO TO iCARD */
body {
  font-family: neo-regular;
  background-color: #f2f2f2; }

.container {
  max-width: 780px; }

.container-fluid {
  margin-left: 20px;
  margin-right: 20px; }

.pay-container {
  max-width: 480px;
  margin: 0 auto; }

.item.brand {
  background-color: #F0F0F0; }

.item-quantity,
.item-price {
  text-align: center; }

#validate,
#pay,
#return,
#finish,
#old {
  display: none; }

.navbar-nav {
  margin-top: 20px; }
  .navbar-nav li a {
    margin-bottom: 5px; }

#nav-home .navbar-default {
  background-color: transparent;
  border: 0; }

#nav-home .navbar-brand {
  float: none;
  height: 100px;
  padding: 8px 15px; }
  #nav-home .navbar-brand img {
    width: 150px; }

.content, .modal {
  background: #FFFFFF;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 529px 420px;
  box-shadow: 0 1px 20px 7px rgba(0, 0, 0, 0.06);
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 48px 20px;
  margin: 20px auto;
  min-height: 420px;
  color: #333; }
  .content h3, .modal h3 {
    color: #333; }
  .content hr, .modal hr {
    border-color: rgba(51, 51, 51, 0.18); }
  .content .btn-success, .modal .btn-success {
    background-color: #51005F!important;
    border-color: #51005F!important; }
  .content .btn-warning, .modal .btn-warning {
    background-color: #A599B3;
    border-color: #A599B3; }
    .content .btn-warning .badge, .modal .btn-warning .badge {
      color: #410545; }
  .content .alert-success, .modal .alert-success {
    color: #af1e69;
    background-color: #a61c69; }

.modal {
  background: none;
  color: #333; }
  .modal .bg-warning {
    background-color: #f2f2f2; }

#view .content, #view .modal {
  background: #fff;
  color: #333; }

.side-navbar {
  background: #fff url(../img/sidebar-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.06);
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 22px 20px;
  margin: 20px auto;
  min-height: 420px; }
  .side-navbar .navbar-default .navbar-nav > .active > a {
    color: #fff;
    background-color: transparent; }
  .side-navbar .navbar-default .navbar-nav > li > a {
    color: #fff; }

/* make sidebar nav vertical */
@media (min-width: 768px) {
  .navbar-header {
    float: none; }
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none; }
  .sidebar-nav .navbar ul {
    float: none;
    display: block; }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
    border-bottom: 1px solid rgba(177, 43, 112, 0.65); }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  #nav-home .navbar-brand {
    float: right; }
  .side-navbar {
    min-height: 90px; }
  .side-navbar {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .content, .modal {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; } }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #nav-home .navbar-brand {
    float: right; }
  .side-navbar {
    min-height: 90px; }
  .side-navbar {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .content, .modal {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; } }

.page-fix-padding {
  margin-top: 50px; }

.cart-content {
  font-size: 24px; }
  .cart-content a:hover {
    text-decoration: none; }
  .cart-content a:focus {
    text-decoration: none; }
  .cart-content .badge {
    font-family: neo-regular;
    background-color: #4caf50;
    font-size: 18px; }
  .cart-content i {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    background: #ffc107;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    padding: 18px 23px;
    color: #fff;
    font-size: 38px; }

.shopping-cart .shopping-cart-total span {
  margin-left: 5px; }

@font-face {
  font-family: 'neo-regular';
  src: url("../fonts/neo/font.eot");
  src: url("../fonts/neo/font.eot?#iefix") format("embedded-opentype"), url("../fonts/neo/font.woff") format("woff"), url("../fonts/neo/font.ttf") format("truetype"), url("../fonts/neo/font.svg#d621391b89eb4f19aa8ed9886e030e03") format("svg");
  font-weight: normal;
  font-style: normal; }

#pay .store-no .badge2 {
  background-color: #ffc107;
  border-radius: 14px;
  padding: 10px 20px;
  font-size: 18px;
}

#return .store-no .badge2 {
  background-color: #ffc107;
  border-radius: 14px;
  padding: 10px 20px;
  font-size: 18px; 

}
#totalamount{
	
	color: #ffffff;
}
.form-style-6 {
  display: none; }

/*SEE U LATER*/
.lighter-text {
  color: #ABB0BE; }

.main-color-text {
  color: #6394F8; }

.shopping-cart .shopping-cart-header {
  border-bottom: 1px solid #B2F09E;
  padding-bottom: 15px; }

.shopping-cart .shopping-cart-header .shopping-cart-total {
  float: right; }

.shopping-cart .shopping-cart-items {
  padding-top: 20px; }

.shopping-cart .shopping-cart-items li {
  margin-bottom: 18px;
  border-bottom: 1px solid #B2F09E;
  /*! padding-bottom: 15px; */ }

.shopping-cart .shopping-cart-items img {
  float: left;
  margin-right: 12px; }

.shopping-cart .shopping-cart-items .item-name {
  display: block;
  padding-top: 10px;
  font-size: 16px; }

.shopping-cart .shopping-cart-items .item-price {
  color: #6394F8;
  /*! margin-right: 8px; */
  text-align: right; }

.shopping-cart .shopping-cart-items .item-quantity {
  color: #ABB0BE; }

.cart-icon {
  color: #515783;
  font-size: 24px;
  margin-right: 7px;
  float: left; }

.remove {
  /*! float: left; */
  width: 20px;
  height: 20px;
  position: relative;
  right: 3px;
  z-index: 999;
  top: -40px; }

#use {
  width: 20%;
  background: #B2A8A8;
  border-bottom: 2px solid #B2A8A8; }

#captcha {
  width: 40%; }

#qr {
  top: -11px;
  left: -120px; }

#qrd {
  background: #3ED7B1;
  font-size: 140%;
  font-weight: 300;
  text-align: center;
  color: #fff;
  margin: -16px -16px 16px -16px; }

#transaction {
  margin-bottom: 2%; }

.g-recaptcha {
  text-align: center;
  position: relative;
  margin-right: 5%;
  margin-bottom: 2%; }

#cpcode {
  width: 40%; }

#dis {
  text-align: center; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.form-style-6 {
  font: 95% Arial, Helvetica, sans-serif;
  max-width: 400px;
  margin: 10px auto;
  padding: 16px;
  background: #F7F7F7; }

.form-style-6 h1 {
  background: #3ED7B1;
  padding: 20px 0;
  font-size: 140%;
  font-weight: 300;
  text-align: center;
  color: #fff;
  margin: -16px -16px 16px -16px; }

.form-style-6 input[type="text"],
.form-style-6 input[type="date"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="number"],
.form-style-6 input[type="search"],
.form-style-6 input[type="time"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  background: #fff;
  margin-bottom: 4%;
  border: 1px solid #ccc;
  padding: 3%;
  color: #555;
  font: 95% Arial, Helvetica, sans-serif; }

.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus {
  box-shadow: 0 0 5px #43D1AF;
  padding: 3%;
  border: 1px solid #43D1AF; }

.form-style-6 input[type="submit"],
.form-style-6 input[type="button"] {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 3%;
  background: #43D1AF;
  border-bottom: 2px solid #30C29E;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  color: #fff; }

.form-style-6 input[type="submit"]:hover,
.form-style-6 input[type="button"]:hover {
  background: #2EBC99; }

#info {
  margin-top: 2%;
  background-color: saddlebrown; }

#total {
  background: #B2A8A8; }

.modal-loading {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url("ring.gif") 50% 50% no-repeat; }

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
  overflow: hidden; }

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal-loading {
  display: block; }

#pay {
  display: none; }

#validate {
  display: none; }

#finish {
  display: none; }

#imgsecuss {
  width: 100px;
  position: relative;
  display: block;
  margin: auto;
  margin-bottom: 33px; }

.form-style-7 {
  font: 95% Arial, Helvetica, sans-serif;
  max-width: 800px;
  margin: 10px auto;
  padding: 16px;
  background: #F7F7F7; }

.form-style-8 {
  font: 95% Arial, Helvetica, sans-serif;
  max-width: 100%;
  margin: 10px auto;
  padding: 16px;
  background: #F7F7F7; }

td {
  padding: 0.25em;
  border: 0px solid #b7b7b7; }

/****/
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0; }

.overlay:target {
  visibility: visible;
  opacity: 1; }

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out; }

.popup h2 {
  margin-top: 0;
  color: #ca0808;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 20px; }

.popup .close {
  position: absolute;
  top: 20px;
  left: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333; }

.popup .close:hover {
  color: #06D85F; }

.popup .content, .popup .modal {
  max-height: 30%;
  overflow: auto;
  text-align: center; }

@media screen and (max-width: 700px) {
  .box {
    width: 70%; }
  .popup {
    width: 70%; } }

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(177, 43, 112, 0.65);
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }

.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.hvr-icon-buzz-out:before {
  content: "\f07a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.hvr-icon-buzz-out:hover:before,
.hvr-icon-buzz-out:focus:before,
.hvr-icon-buzz-out:active:before {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }





.download-icon img {
	width: 50px;
	float: right;
	display: inline-block;
	margin-left: 5px;
	text-align: center;
}




/*# sourceMappingURL=style.css.map */