.cart-modules {
  /*padding: 30px 0px;*/
}

.bg-coupon input:focus {
  outline: none;
}

.bg-coupon {
  padding: 10px 0px;
  /*display: flex;*/
  /*background-color: #f5f5f5;*/
}

.bg-coupon .title {
  font-weight: 700;
  font-size: 17px;
  color: #000000;
}

.bg-coupon .description {
  margin-bottom: 10px;
}

.bg-coupon .coupon-group {
  display: flex;
}

.bg-coupon .input-coupon {
  min-width: 120px;
  padding: 10px 15px;
  font-size: 14px;
  border: none;
  background-color: #ffffff;
  /*border-bottom: 2px solid #c546ab;*/
  border: 1px solid #dcdcdc;
}

.bg-coupon .btn-coupon {
  width: 160px;
  padding: 10px 15px;
  font-size: 14px;
  color: #ffffff;
  background-color: #ffaa00;
  border: none;
  border-radius: 0px;
  transition: .3s;
}

.bg-coupon .btn-coupon:hover {
  background-color: #d78f00;
}

.bg-voucher input:focus {
  outline: none;
}

.bg-voucher {
  padding: 10px 0px;
}

.bg-voucher .title {
  font-weight: 700;
  font-size: 17px;
  color: #000000;
}

.bg-voucher .description {
  margin-bottom: 10px;
}

.bg-voucher .voucher-group {
  display: flex;
}

.bg-voucher .input-voucher {
  min-width: 120px;
  padding: 10px 15px;
  font-size: 14px;
  border: none;
  background-color: #ffffff;
  /*border-bottom: 2px solid #c546ab;*/
  border: 1px solid #dcdcdc;
}

.bg-voucher .btn-voucher {
  width: 160px;
  padding: 10px 15px;
  font-size: 14px;
  color: #ffffff;
  background-color: #ffaa00;
  border: none;
  border-radius: 0px;
  transition: .3s;
}

.bg-voucher .btn-voucher:hover {
  background-color: #d78f00;
}

table.checkout {
  margin-bottom: 10px;
}

table.checkout tr td {
  padding: 5px 5px !important;
  font-size: 18px;
  color: #a3a3a3;
  border: none;
}

table.checkout tr td.total {
  color: #000000;
  text-align: right;
}

table.checkout tr:last-child td {
  padding: 16px 5px !important;
  font-weight: 700;
  font-size: 24px;
  color: #bd2d9f;
  border-top: 2px solid #bd2d9f;
}

.account-content table.customer tr {
  font-size: 14px;
}

.account-content table.customer tr td {
  padding: 5px 7px !important;
  color: #979797;
}

.account-content table.customer tr td:last-child {
  font-weight: 700;
  color: #000000;
}

.account-content table.addresses tr td {
  padding: 15px 7px !important;
}

.account-content table.addresses tr td .action {
  padding: 0px;
  margin-top: 5px;
  display: flex;
}

.account-content table.addresses tr td .action a {
  margin-right: 15px;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0);
}

.account-content table.addresses tr td .action a i {
  width: 13px;
}

.account-content.space-top {
  margin-top: 30px;
}

.account-content.space-bottom {
  margin-bottom: 30px;
}

.account-content {
  background-color: #ffffff;
  border: 1px solid #dedede;
}

.account-content .section {
  /*padding: 20px;*/
  padding: 15px 20px;
  font-weight: 700;
  font-size: 17px;
  color: #000000;
  text-transform: uppercase;
  border-bottom: 1px solid #dedede;
}

.account-content .section .description {
  font-weight: 500;
  font-size: 14px;
  color: #939393;
  text-transform: none;
}

.account-content .body {
  padding: 20px;
}

.account-content .body .action {
  padding: 20px 0px;
}

.account-content .body .action a {
  display: inline-block;
}

.account-content .body .action a i {
  width: 20px;
}

.account-content .body .action a:hover {
  color: #c546ab;
}

.account-content .body .info {
  padding: 15px;
}

.account-content legend {
  margin: 0px;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 14px;
  color: #7b7b7b;
  background-color: #fafafa;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.account-content .body input {
  padding: 8px 8px;
  height: auto;
  font-size: 13px;
  /*border: 2px solid #c4c4c4;*/
  border: 1px solid #dedede;
  border-radius: 0px;
}

.account-content .body input:focus {
  border-color: #c546ab;
}

.account-content .body select {
  padding: 8px 8px;
  height: auto;
  font-size: 13px;
  /*border: 2px solid #c4c4c4;*/
  border: 1px solid #dedede;
  border-radius: 0px;
}

.account-content .body select:focus {
  border-color: #c546ab;
}

.account-content .body input {
  box-shadow: none;
}

.account-content .body select {
  box-shadow: none;
}

.account-content button:focus {
  outline: none;
}

.account-content .body textarea {
  padding: 8px 8px;
  height: auto;
  font-size: 13px;
  /*border: 2px solid #c4c4c4;*/
  border: 1px solid #dedede;
  border-radius: 0px;
}

.account-content .body textarea:focus {
  border-color: #c546ab;
  box-shadow: none;
}

.account-content .btn-save {
  padding: 8px 20px;
  font-weight: 700;
  color: #ffffff;
  background-color: #1eb77e;
  border: none;
  transition: 0.3s;
}

.account-content .btn-save:hover {
  background-color: #078d5b;
}

.account-content .btn-back {
  padding: 8px 20px;
  font-weight: 700;
  color: #ffffff;
  background-color: #e9a41b;
  border: none;
  transition: 0.3s;
}

.account-content .btn-back:hover {
  color: #ffffff !important;
  background-color: #c08510;
}

.account-content .form-group.required {
  position: relative;
}

.account-content .form-group.required:before {
  /*content: 'Required';*/
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f069";
  position: absolute;
  top: 4px;
  right: 6px;
  font-size: 7px;
  /*color: #1eb77e;*/
  color: red;
}

.account-content .form-group.required .text-danger {
  font-size: 12px;
}

.account-content .form-group.required.input-none:before {
  content: '';
}

.account-content .radio-default .radio label input {
  position: relative;
  display: inline-block;
}

.account-content .form-group.radio-select {
  display: flex;
}

.account-content .form-group.radio-select label.control-label {
  display: flex;
  align-items: center;
  flex-grow: 1;
  font-weight: 700;
  font-size: 13px;
  color: #1eb77e;
}

.account-content.welcome .section {
  font-size: 28px;
}

.account-content.welcome .body a {
  color: #c546ab;
}

.order-content {
  background-color: #ffffff;
  border: 1px solid #dedede;
}

.order-content .section:first-child {
  border-top: none;
}

.order-content .section {
  padding: 15px 20px;
  background-color: #f9f9f9;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

.order-content .section .title {
  font-weight: 700;
  font-size: 17px;
  color: #000000;
}

.order-content span.order {
  padding: 4px 10px;
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
  background-color: #c445aa;
  border-radius: 50px;
}

.order-content .section .description {
  margin-top: 5px;
  font-weight: 500;
  font-size: 14px;
  color: #8a8a8a;
}

.order-content .body {
  padding: 20px;
}

.order-detail {
  margin-bottom: 20px;
}

.order-detail .order-title {
  font-weight: 700;
  font-size: 14px;
  color: #000000;
}

.order-detail .order-description {
  font-size: 13px;
}

.order-detail .order-description.status {
  margin-top: 5px;
  display: inline-block;
  padding: 4px 15px;
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
  background-color: #c445aa;
  border-radius: 50px;
}

.btn-continue {
  padding: 8px 20px;
  font-weight: 700;
  color: #ffffff !important;
  background-color: #808080;
  border: none;
  transition: 0.3s;
}

.btn-continue:hover {
  color: #ffffff !important;
  background-color: #616161;
}

.radio-select .radio {
  display: inline-block;
}

.radio-select .radio label, .radio-select .radio input {
  width: auto;
  height: auto;
}

.radio-select .radio input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}

.radio-select .radio input[type="radio"]:checked+label {
  background-color: #1eb77e;
}

.radio-select .radio input[type="radio"]:checked+label.no {
  background-color: #f00000;
}

.radio-select .radio label {
  padding: 4px 15px;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  background-color: #808080;
  cursor: pointer;
  transition: 0.3s;
  z-index: 90;
}

.radio-select .radio label:hover {
  background-color: #616161;
}

.radio-select .radio label.yes {
  border-radius: 25px 0px 0px 25px;
}

.radio-select .radio label.no {
  border-radius: 0px 25px 25px 0px;
}

.help-category {
  margin-bottom: 30px;
}

.help-category .help-name {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 21px;
}

.help-category .help-dropdown .dropdown-title {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  color: #1eb77e;
  cursor: pointer;
}

.help-category .help-dropdown .dropdown-title i {
  margin-left: auto;
  color: #1eb77e;
}

.help-category .help-dropdown .dropdown-help {
  /*padding: 15px 0px;*/
}

.help-category .help-dropdown .dropdown-help.hide {
  height: 0px;
}

.help-category .help-dropdown .dropdown-help .dropdown-body {
  padding: 20px 0px;
  font-size: 15px;
  color: #616161;
}

.help-category .help-dropdown .dropdown-help .dropdown-body ul {
  margin: 0px;
  margin-left: 10px;
  padding: 0px;
  list-style: none;
}

.help-category .help-dropdown .dropdown-help .dropdown-body a {
  color: #1eb782;
}

.help-category .help-dropdown:last-child {
  border-bottom: 1px solid #e3e3e3;
}

.help-category .help-dropdown {
  padding: 7px 10px;
  background-color: #ffffff;
  border-top: 1px solid #e3e3e3;
  overflow: hidden;
}

#checkout-checkout .panel.panel-default {
  padding: 4px 5px;
  background-color: #ffffff;
}

#checkout-checkout .panel.panel-default .panel-heading .panel-title {
  font-weight: 700;
  font-size: 18px;
}

#checkout-checkout .panel.panel-default .panel-heading a {
  font-weight: 700;
  font-size: 18px;
}

#checkout-checkout .content-new-customer {
  padding: 20px 40px;
  color: #474747;
  /*background-color: #bd2d9f;*/
  line-height: normal;
}

#checkout-checkout .content-new-customer .title {
  font-weight: 700;
  font-size: 32px;
}

#checkout-checkout .content-new-customer .desc {
  padding: 20px 0px;
  font-size: 18px;
  color: #797979;
}

#checkout-checkout .content-new-customer .radio label {
  padding: 5px 10px;
  color: #ffffff;
  background-color: #c4c4c4;
}

#checkout-checkout .radio input {
  display: none;
}

#checkout-checkout .content-new-customer .radio label.register, #checkout-checkout .radio label.login {
  width: 100%;
  display: block;
  padding: 11px 15px;
  font-weight: 700;
  font-size: 17px;
  color: #ffac08;
  background-color: #ffffff;
  border-radius: 5px;
  border: none;
  border: 2px solid #ffac08;
  text-align: center;
  transition: .3s;
}

#checkout-checkout .content-new-customer .radio label.register.selected {
  color: #ffffff;
  background-color: #ffac08;
}

#checkout-checkout .content-new-customer .radio label.register:hover {
  color: #ffffff;
  background-color: #ffac08;
}

#checkout-checkout .content-new-customer .radio label.guest {
  width: 100%;
  display: block;
  padding: 11px 15px;
  font-weight: 700;
  font-size: 17px;
  color: #888888;
  background-color: #ffffff;
  border-radius: 5px;
  border: none;
  border: 2px solid #888888;
  text-align: center;
  transition: .3s;
}

#checkout-checkout .content-new-customer .radio label.guest.selected {
  color: #ffffff;
  background-color: #888888;
}

#checkout-checkout .content-new-customer .radio label.guest:hover {
  color: #ffffff;
  background-color: #888888;
}

#checkout-checkout .content-new-customer .radio input {
  display: none;
}

#checkout-checkout .content-new-customer .radio label.guest input[type="radio"]:checked+label, .Checked+label {
  color: #ffffff;
  background-color: #888888;
}

#checkout-checkout select:focus {
  outline: none;
}

#checkout-checkout select, #checkout-checkout input {
  padding: 8px 8px;
  height: auto;
  font-size: 13px;
  border: 2px solid #c4c4c4;
}

#checkout-checkout select:focus, #checkout-checkout input:focus {
  border-color: #c546ab;
  box-shadow: none;
}

#checkout-checkout label.control-label {
  font-weight: 700;
  font-size: 13px;
  color: #c546ab;
}

#checkout-checkout .form-group.required.has-error .text-danger {
  font-size: 10px;
}

#checkout-checkout .form-group.required.has-error input {
  border-color: #ff0000;
}

/*#checkout-checkout .checkout-nav{  display: flex;  padding: 50px 0px;  font-weight: 700;}#checkout-checkout .checkout-nav a{  padding: 0px 10px;  display: flex;  align-items: center;}#checkout-checkout .checkout-nav .accordion-toggle{  font-size: 15px;}#checkout-checkout .checkout-nav .accordion-toggle span{  margin-right: 5px;  width: 25px;  height: 25px;  font-size: 13px;  border: 1px solid #d2d2d2;  border-radius: 50%;  line-height: 23px;  text-align: center;}*/
.checkout-nav {
  position: sticky;
  top: 60px;
  display: flex;
  justify-content: center;
  padding: 15px 0px;
  font-weight: 700;
  /*background-color: #ededed;*/
  background-color: #ffffff;
  box-shadow: rgb(198 198 198) 0px 1px 2px 0px;
  z-index: 5;
}

.checkout-nav .item {
  padding: 0px 10px;
  display: flex;
  align-items: center;
  border: none;
  background-color: rgba(255, 255, 255, 0);
}

.checkout-nav .item span.name {
  white-space: nowrap;
}

.checkout-nav .disabled {
  color: #9e9e9e;
}

.checkout-nav .disabled span.step {
  color: #9e9e9e;
  border-color: #9e9e9e;
}

.checkout-nav .active {
  color: #bd2d9f;
}

.checkout-nav .active a{
  color: #c546ab;
}

.checkout-nav .item:focus {
  outline: none;
}

.checkout-nav .accordion-toggle {
  font-size: 15px;
}

.checkout-nav .item span.step {
  margin-right: 5px;
  width: 30px;
  height: 30px;
  font-size: 14px;
  color: #000000;
  border: 2px solid #c546ab;
  border-radius: 50%;
  line-height: 27px;
  text-align: center;
}
.checkout-nav .active span.step {
  color: #ffffff;
  background-color: #c546ab;
}

@media (max-width:1110px) {
  .checkout-nav {
    flex-direction: column;
  }

  .checkout-nav .item {
    padding: 10px 20px;
    font-size: 16px;
  }
}

#checkout-checkout legend {
  font-weight: 700;
}

#checkout-checkout .checkout-detail{
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 5px;
}
#checkout-checkout .checkout-title{
  padding-bottom: 5px;
  font-size: 21px;
  font-weight: bold;
  color: #484848;
}
#checkout-checkout .checkout-desc{
  margin-bottom: 20px;
  color: #898989;
}

#collapse-payment-method .radio {
  display: block;
}
#collapse-payment-method .radio label {
  display: block;
}

#collapse-payment-method .radio span, .radio input {
  width: auto;
  height: auto;
}

#collapse-payment-method .radio input[type="radio"]:checked+span {
  background-color: #1eb77e !important;
}

#collapse-payment-method .radio span {
  padding: 10px 15px;
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  /*background-color: #1ca673;*/
  background-color: #474747;
  cursor: pointer;
  transition: 0.3s;
}

#collapse-payment-method .radio span:hover {
  background-color: #0c8558;
}

#collapse-payment-method .radio span {
  border-radius: 0px 200px 200px 0px;
}



.content-login {
  padding: 60px 40px;
  /*border: 1px solid #bd2d9f;*/
  /*border-radius: 5px;*/
}

.content-login .title {
  font-weight: 700;
  font-size: 29px;
  color: #000000;
}

.content-login .desc {
  padding: 20px 0px;
  font-size: 13px;
  color: #b0b0b0;
}

.content-login .policy {
  padding: 20px 0px;
  font-size: 12px;
  color: #b0b0b0;
}

.content-login .policy a {
  font-weight: 700;
  color: #969696;
}

.content-login .policy a:hover {
  text-decoration: underline;
}

.content-login .input-group {
  padding: 10px 0px;
  display: block;
}

.content-login input.input-field {
  width: 100%;
  padding: 7px 10px;
  background-color: #f6f6f6;
  border: 2px solid #dddddd;
  border-radius: 3px;
  transition: .3s;
}

.content-login input.input-field:focus {
  outline: none;
  border-color: #1eb77e !important;
  background-color: #ffffff;
}

.content-login .forgot-password {
  display: block;
  margin-top: 10px;
  font-weight: 700;
  color: #1eb77e;
}

.content-login .btn-login {
  width: 100%;
  padding: 11px 15px;
  font-weight: 700;
  font-size: 17px;
  color: #ffffff;
  background-color: #1eb77e;
  border-radius: 5px;
  border: none;
  transition: .3s;
}

.content-login .btn-login:hover {
  background-color: #078d5b;
}

.content-new-customer {
  padding: 60px 40px;
  color: #474747;
  /*background-color: #bd2d9f;*/
  line-height: normal;
}

.content-new-customer .title {
  font-weight: 700;
  font-size: 32px;
}

.content-new-customer .desc {
  padding: 20px 0px;
  font-size: 18px;
  color: #797979;
}

.content-new-customer .btn-register {
  width: 100%;
  display: block;
  padding: 11px 15px;
  font-weight: 700;
  font-size: 17px;
  color: #ffac08;
  background-color: #ffffff;
  border-radius: 5px;
  border: none;
  border: 2px solid #ffac08;
  text-align: center;
  transition: .3s;
}

.content-new-customer .btn-register:hover {
  color: #ffffff;
  background-color: #ffac08;
}

.content-new-customer ul {
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
  list-style-type: none;
}

.content-new-customer ul li {
  padding: 3px 0px;
  font-size: 16px;
  color: #8e8e8e;
}

.content-new-customer ul li i {
  color: #1eb77e;
}

.login-border {
  border-left: 3px solid #1eb77e;
}

@media (max-width:767px) {
  .login-border {
    border-top: 3px solid #e8e8e8;
    border-left: none;
  }
}

.about-title {
  padding: 25px 0px;
  padding-bottom: 0px;
  font-weight: 300;
  font-size: 36px;
  border-radius: 5px;
}

.about-zone {
  padding: 40px 0px;
}

.about-description {
  margin-bottom: 15px;
  font-size: 16px;
  color: #8c8c8c;
  text-align: justify;
}

.about-description:last-child {
  margin-bottom: 0px;
}

.history-title {
  padding: 25px 0px;
  font-weight: 700;
  font-size: 21px;
  background-color: #fafafa;
  border-radius: 5px;
  text-align: center;
}

.history-zone {
  padding: 60px 0px;
}

.history-year {
  cursor: default;
  transition: 0.3s;
}

.history-year:hover .description {
  color: #000000;
}

.history-year:hover {
  transform: scale(1.03);
}

.history-year .year {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 19px;
  color: #000000;
}

.history-year .year span {
  border-bottom: 3px solid #1eb77e;
}

.history-year .description {
  font-size: 15px;
  color: #979797;
  transition: 0.3s;
}

.payment-title {
  padding: 25px 0px;
  font-weight: 300;
  font-size: 36px;
}

.payment-info {
  font-weight: 700;
  font-size: 15px;
}

#custom-payment .information {
  padding: 20px 0px;
  font-size: 15px;
}

#custom-payment .information i {
  color: #00458b;
}

#custom-payment .info {
  position: relative;
  left: 5px;
  font-weight: 700;
  font-size: 18px;
  color: #000000;
}

#custom-payment ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#custom-payment ul li {
  padding: 5px 0px;
  margin-left: 25px;
  text-align: justify;
}

#custom-payment ul li i {
  margin-right: 10px;
  font-size: 6px;
  vertical-align: middle;
}

#custom-payment .payment-description {
  position: relative;
  left: 5px;
  margin-top: 25px;
  margin-bottom: 45px;
}

#custom-payment .payment-description a {
  color: #00458b;
}

/* Colors */
#custom-payment ul li i.blue {
  color: #007bff;
}

#custom-payment ul li i.magenta {
  color: #c546ab;
}

#custom-payment ul li i.green {
  color: #1eb77e;
}

#custom-payment ul li i.orange {
  color: #ffa13a;
}

#information-contact .contact-title {
  padding: 25px 0px;
  font-weight: 300;
  font-size: 36px;
  border-radius: 5px;
}

#information-contact .contact-subtitle {
  padding: 15px 0px;
  font-weight: 700;
  font-size: 17px;
  background-color: #fafafa;
  border-radius: 5px;
  text-align: center;
}

#information-contact input, #information-contact textarea {
  padding: 5px 10px;
  background-color: #DAE0E7;
  font-weight: 700;
  font-size: 14px;
  color: #565e67;
  border: none;
  /* border: 1px solid #DAE0E7; */
  border-radius: 3px;
}

#information-contact button {
  outline: none;
}

#information-contact input:focus, #information-contact textarea:focus {
  box-shadow: none;
}

#information-contact .btn-contact {
  padding: 8px 20px;
  font-weight: 700;
  color: #ffffff;
  background-color: #1eb77e;
  border: none;
  transition: 0.3s;
}

#information-contact .btn-contact:hover {
  background-color: #078d5b;
}

#information-contact .contact-zone {
  margin-bottom: 20px;
}

#information-contact .contact-zone .title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 15px;
}

#information-contact .contact-field {
  padding: 9px 10px;
  background-color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.3s;
}

#information-contact .contact-field:hover {
  /*background-color: #fbfbfb;*/
}

#information-contact .contact-field .content {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 15px;
  color: #1eb77e;
}

#information-contact .contact-field .content .icon {
  position: relative;
  width: 30px;
  min-width: 30px;
  height: 30px;
  margin-right: 10px;
  color: #ffffff;
  border-radius: 100%;
  background-color: #1eb77e;
}

#information-contact .contact-field .content .icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
}

#common-success #content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.success-zone {
  padding: 30px 30px;
  background-color: #fcfcfc;
  border-radius: 10px;
  border: 2px solid #1eb77e;
}

.success-icon {
  font-size: 52px;
  color: #1eb77e;
}

.success-title {
  font-weight: 700;
  font-size: 20px;
}

.success-description {
  font-weight: 500;
  font-size: 15px;
}

.success-redirect {
  margin-top: 10px;
  font-weight: 700;
  color: #bababa;
  text-align: center;
}

#common-success .btn-success {
  margin-top: 15px;
  padding: 8px 20px;
  font-weight: 700;
  font-size: 16px;
  color: #1eb77e;
  background-color: rgba(255, 255, 255, 0);
  background-image: none;
  text-shadow: none;
  border: 2px solid #1eb77e !important;
  transition: 0.3s;
  box-shadow: none;
}

#common-success .btn-success:hover {
  color: #ffffff;
  border-color: #1eb77e !important;
  background-color: #1eb77e !important;
}