.xdebug-var-dump {
  margin-top: 100px
}
.no-padding {
  padding: 0
}
body * {
  font-family: Prompt
}
body ::placeholder,
body input[type=text],
body input[type=text]:active,
body input[type=text]:focus,
body textarea,
body textarea:active,
body textarea:focus {
  font-family: Prompt
}
.front-input .pap-oform select,
.front-input .pap-oform select:focus {
  font-family: Prompt;
  padding: 5px 25px 5px 5px;
  line-height: 25px
}
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
  font-family: Prompt
}
footer {
  position: relative
}
[class*=col-]:after {
  content: "";
  clear: both;
  display: block
}
.contact_font input[type=text],
textarea {
  font-family: Prompt;
  border-radius: 4px
}
@media only screen and (max-width:809px) {
  .widget_content {
    display: none
  }
  .active .widget_content {
    display: inline
  }
  .widget h3 {
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd
  }
  .widget h3:after {
    content: "+";
    color: #fff;
    width: 20px;
    height: 20px;
    background: #999;
    display: inline-block;
    text-align: center;
    float: right
  }
  .active.widget h3:after {
    content: "-";
    background: #ccc
  }
}
.dev-nav {
  opacity: .9
}
.welcome-head {
  background-color: #fff;
  text-align: center;
  border-bottom: 2px solid #eaeaea
}
.welcome-head > label {
  margin-top: 1%;
  color: #f36969;
  font-size: 40px;
  font-weight: 900
}
.welcome-head > span {
  margin-top: 1%;
  margin-bottom: 1%;
  font-size: 40px;
  font-weight: 900;
  color: red!important
}
.head-ourproduct {
  font-size: 20px;
  font-weight: 900;
  border-bottom: 2px solid #eaeaea;
  margin-bottom: 10px
}
.welcome {
  background-color: #fff;
  position: relative
}
.box-slider {
  margin-top: 15px
}
.box-ourproduct {
  margin-top: 15px;
  padding: 15px
}
.welcome-title {
  text-align: center;
  margin-top: 10px
}
.welcome-title > span {
  color: #f36969;
  font-size: 20px;
  font-weight: 900
}
.welcome-title > small {
  font-size: 20px
}
.box-freedom {
  margin-top: 20px;
  margin-bottom: 20px
}
.freedom-head {
  font-size: 20px;
  font-weight: 900;
  border-bottom: 2px solid #eaeaea;
  margin-bottom: 10px
}
.welcome-login {
  background-color: #fff;
  min-height: 700px
}
.login-head {
  margin-top: 150px
}
.login-title {
  text-align: center;
  font-size: 20px;
  font-weight: 800
}
.login-left {
  border-right: 1px solid #eaeaea
}
.col-dev-100 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
  padding-top: 180px;
  min-width: 320px
}
@media screen and (max-width:1024px) {
  .col-dev-100 {
    padding-top: 240px
  }
}
@media screen and (max-width:991px) {
  .login-left {
    border-right: 0 solid #eaeaea
  }
}
@media screen and (max-width:453px) {
  .box-slider {
    margin-top: 30px
  }
}
.regiter-title {
  text-align: center;
  font-size: 15px;
  font-weight: 600
}
.register-body {
  margin-top: 20px;
  margin-left: 15px
}
.click-register {
  margin-top: 20px;
  margin-left: 15px
}
.page-register {
  background-color: #fff;
  min-height: 950px
}
.register-box {
  margin-top: 150px
}
.register-head {
  font-size: 20px
}
.regi-title {
  text-align: center;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400
}
.box-sigle {
  margin-top: 80px
}
.banner_canvas {
  position: relative;
  width: 100%;
  height: 250px
}
.title-front {
  text-align: center;
  font-size: 25px;
  font-weight: 600
}
.title-padding {
  padding: 110px
}
.page-product {
  background-color: #fff;
  min-height: 950px
}
.product-dt-box {
  margin-top: 80px
}
.footer-dev {
  margin-top: 90px
}
.table-select {
  margin-top: 30px
}
.taopay-title {
  font-size: 16px;
  font-weight: 700;
  color: #9e0b0f
}
.magin-top-5 {
  margin-top: 5px
}
.bank-show {
  margin-top: 15px
}
.margin-top-10 {
  margin-top: 10px
}
.bg-main {
  background-color: #fff;
  min-height: 1000px
}
.page-abouts {
  background-color: #fff;
  min-height: 700px
}
.page-faqs {
  background-color: #fff;
  min-height: 800px;
  padding-bottom: 50px
}
.freedom-body img {
  width: 100%;
  height: auto
}
.box-product-dt {
  border: 1px solid #eee;
  border-radius: 8px;
  margin-top: 15px
}
.border-blue {
  border: 2px ashed #6678b1
}
.product-a a:link {
  text-decoration: none
}
.product-a {
  height: 300px;
  overflow: visible
}
.text-red {
  color: red
}
.text-gray {
  color: gray;
  cursor: default
}
.z-index-box {
  z-index: 999
}
.text-phidden {
  background-color: #fff
}
.box-product-dt img {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}
.product-abox {
  padding-left: 5px;
  padding-right: 5px
}
.text-phidden {
  min-height: 250px;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 15px
}
.text-phidden-head {
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 800;
  border-bottom: #928784 1px solid
}
.text-phidden-body {
  padding: 10px;
  color: #928784;
  font-size: 15px
}
.cus-poin {
  cursor: pointer
}
.footer-dev {
  margin-top: 300px
}
.theme-shadow {
  box-sizing: border-box;
  margin-top: 70px;
  margin-left: 5%;
  margin-right: 5%;
  border: 3px solid #eee;
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  top: -1px;
  padding: 5px;
  padding-bottom: 20px;
  width: 90%;
  height: 80vh;
  margin-bottom: 50px;
  overflow-y: scroll;
  z-index: 1050
}
#theme-shadow::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
  border-radius: 35px
}
#theme-shadow::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: red
}
.theme-title {
  text-align: center;
  font-size: 22px;
  font-weight: 700
}
.text-cancel {
  color: red;
  cursor: pointer;
  z-index: 1400
}
.box-dt-text {
  color: #908583
}
.head-album {
  margin-top: 15px;
  font-size: 25px;
  font-weight: 700
}
.img-dt-dev {
  margin-top: 15px;
  cursor: pointer;
  width: 250px;
  height: 250px
}
.bbm {
  background-color: #000
}
.head-text {
  text-align: center
}
.box-card-a {
  -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.75);
  -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.75);
  box-shadow: 0 0 6px 0 rgba(0,0,0,.75)
}
.sigle-main-page {
  background-color: #fff;
  min-height: 800px
}
.box-sigle-photo {
  padding-top: 0;
  padding-bottom: 50px
}
.sbox-name-album {
  padding-top: 5px
}
.text-mar {
  padding-top: 8px
}
.hl-shipping {
  padding-top: 20px
}
.hright-shipping {
  padding-top: 20px;
  color: #ff0021
}
.hbox-shipping {
  color: #ff0021
}
.shipping_sug {
  color: #ff0021
}
.grand-total {
  border-bottom: 3px double #000
}
.shipping-total {
  border-bottom: 1px solid #000
}
.text-grandtt {
  font-size: 25px
}
.sigle-submit {
  margin-top: 10px
}
.confirm-page {
  min-height: 800px;
  background-color: #fff
}
.confirm-head {
  padding-top: 20px;
  font-size: 25px;
  font-weight: 700
}
.hname-text {
  font-size: 18px
}
.db-ctext {
  color: #ff0021
}
.head-textc {
  font-size: 20px;
  font-weight: 700
}
.tpay-text {
  font-size: 15px;
  font-weight: 600
}
.box-bank {
  padding-top: 20px
}
.img-bank {
  width: 50px;
  height: 50px
}
.head-cnote {
  font-size: 20px;
  font-weight: 700;
  color: #ff0021
}
.dt-conte {
  color: #ff0021
}
.but-czone {
  margin-bottom: 100px
}
.page-checkout {
  background-color: #fff;
  min-height: 1300px
}
.chead-tab {
  padding-top: 60px
}
.active-tab-z {
  color: #ff0021;
  text-decoration: underline
}
.dt-tab-dev {
  padding-top: 30px
}
.sigpay-head {
  color: #b44346;
  font-size: 20px;
  text-align: center;
  padding-bottom: 20px
}
.main-page {
  background-color: #fff;
  min-height: 1000px
}
.box-suc {
  padding-top: 130px
}
.img-suc {
  text-align: center
}
.img-sucs {
  height: 550px;
  width: auto
}
.bor-redb {
  border: 3px dashed #3bb54a;
  border-radius: 20px;
  min-height: 200px;
  margin-top: 20px;
  background-color: #eef9ef;
  padding-bottom: 20px
}
.bor-tdt {
  text-align: center;
  margin-top: 40px;
  font-size: 25px;
  color: #3bb54a
}
.suc-link a {
  color: #ff0021
}
.box-tab-dt a:link {
  text-decoration: none
}
.mar-top-10 {
  margin-top: 5px
}
.pdb-20 {
  padding-bottom: 50px
}
.infile-none input[type=file] {
  display: none
}
.graying {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  text-align: center
}
.dev-nav .container {
  margin-top: 20px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1150px
}
@media screen and (max-width:768px) {
  .dev-nav .container {
    margin-top: 10px
  }
}
.img-brand-min {
  display: none
}
.img-brand-big {
  display: inline-block;
  height: 53px
}
.nav-img {
  display: block;
  width: auto;
  height: 100%
}
@media screen and (max-width:768px) {
  .img-brand-min {
    display: inline-block
  }
  .img-brand-big {
    display: none;
    visibility: hidden
  }
}
@media screen and (max-width:767px) {
  .img-brand-min {
    display: inline-block;
    margin-top: 0
  }
  .navbar {
    min-height: 50px
  }
  .navbar-fixed-top .navbar-collapse {
    margin-top: 0
  }
  .dev-nav .container {
    max-width: 930px
  }
  .col-dev-100 {
    padding-top: 70px
  }
  #icon_login {
    display: none
  }
  #icon_cart {
    display: none
  }
}
.head-service {
  padding-top: 20px;
  font-size: 25px;
  font-weight: 700
}
.head-abouts {
  padding-top: 20px;
  font-size: 25px;
  font-weight: 700;
  text-align: center
}
.dev-pdtop-20 {
  padding-top: 50px
}
.box-pay-ss {
  border: 1px solid #d5d5d5;
  padding: 5px
}
.ppay-head {
  padding: 15px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  background-color: #7bc944;
  color: #fff
}
.text-gay {
  color: #a09694
}
.ppay-dt {
  padding: 15px
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #fe1818
}
.nav-pills > li > a {
  color: #fe1818;
  font-weight: 700
}
.cart-li {
  background-color: #f25858;
  padding: 0 7px;
  color: #fff;
  border-radius: 30px;
  text-align: center
}
.label-radio > input {
  visibility: hidden;
  position: absolute
}
.label-radio:not(.no-border) > input + img {
  cursor: pointer;
  border: 2px solid gray;
  margin-left: 5px;
  border-radius: 10px
}
.canvas-zone .label-radio > input + img {
  border: 2px solid #fff
}
.label-radio > input:checked + img {
  border: 2px solid red
}
.label-radio > img {
  width: 75px;
  height: 75px
}
.canvas-title {
  font-size: 30px;
  text-align: center;
  margin-top: 70px
}
.canvas-head {
  font-size: 20px;
  font-weight: 700
}
.text-canvestotal {
  font-size: 20px;
  font-weight: 700
}
.canvas-image {
  margin-top: 20px;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto
}
.canvas-zone {
  margin-top: 20px
}
.canvas-image-zone {
  margin-bottom: 20px
}
.canvas-image .form-media-input {
  max-width: 1000px
}
.canvas-image input[type=file] {
  display: none
}
.ui-dialog-buttonset button {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-appearance: button
}
.ui-dialog-buttonset button:hover {
  background-color: #42b7d9;
  border-color: #42b7d9
}
.head-member {
  font-size: 30px;
  font-weight: 700;
  text-align: center
}
.member-area {
  padding-top: 10px
}
.member-dt {
  margin-top: 20px;
  padding-bottom: 80px
}
.member-pwarea {
  padding-top: 10px;
  margin-top: 20px
}
#image-form input[type=file] {
  display: none
}
.sbox-dz {
  margin-bottom: 12px
}
.button-pright {
  margin-right: 5px
}
.head-text {
  background-color: #fe1818;
  padding: 10px;
  color: #fff;
  border-top: 5px solid #1c161a
}
.box-card-js a:link {
  text-decoration: none
}
.nav_dev_menu {
  margin-right: auto;
  margin-left: auto;
  max-width: 1150px
}
.nav-width {
  display: inline-block;
  width: 12%;
  border: 1px solid #ccc;
  margin-right: 2.5px;
  margin-left: 2.5px
}
@media screen and (max-width:768px) {
  .nav-width {
    width: 12%
  }
}
.nav-width:first-child {
  border-top: 4px solid #22b573
}
.nav-width:nth-child(2) {
  border-top: 4px solid #ec093f
}
.nav-width:nth-child(3) {
  border-top: 4px solid #fabd27
}
.nav-width:nth-child(4) {
  border-top: 4px solid #fa00ab
}
.nav-width:nth-child(5) {
  border-top: 4px solid #023f85
}
.nav-width:nth-child(6) {
  border-top: 4px solid #ff8a00
}
.nav-width:nth-child(7) {
  border-top: 4px solid #00bac1
}
.nav-width:nth-child(8) {
  border-top: 4px solid #5c5c5c
}
.nav-width:first-child:hover {
  background-color: #22b573
}
.nav-width:nth-child(2):hover {
  background-color: #ec093f
}
.nav-width:nth-child(3):hover {
  background-color: #fabd27
}
.nav-width:nth-child(4):hover {
  background-color: #fa00ab
}
.nav-width:nth-child(5):hover {
  background-color: #023f85
}
.nav-width:nth-child(6):hover {
  background-color: #ff8a00
}
.nav-width:nth-child(7):hover {
  background-color: #00bac1
}
.nav-width:nth-child(8):hover {
  background-color: #5c5c5c
}
.nav-width.active:first-child {
  background-color: #22b573
}
.nav-width.active:nth-child(2) {
  background-color: #ec093f
}
.nav-width.active:nth-child(3) {
  background-color: #fabd27
}
.nav-width.active:nth-child(4) {
  background-color: #fa00ab
}
.nav-width.active:nth-child(5) {
  background-color: #023f85
}
.nav-width.active:nth-child(6) {
  background-color: #ff8a00
}
.nav-width.active:nth-child(7) {
  background-color: #00bac1
}
.nav-width.active:nth-child(8) {
  background-color: #5c5c5c
}
.nav-box-menu {
  color: #000
}
.nav-text {
  text-align: center;
  font-size: 15px;
  font-weight: 600
}
@media screen and (max-width:768px) {
  .nav-text {
    font-size: 11px
  }
}
.nav-box-menu {
  padding: 10px
}
.nav_dev_menu a {
  color: #5d5d5d;
  text-decoration: none
}
nav.navbar-findcond {
  background: #fff;
  display: inline-blocks
}
.li-dev {
  display: none!important
}
.nav_dev_menu {
  display: block;
  text-align: center;
  margin-top: 10px
}
@media screen and (max-width:767px) {
  .li-dev {
    display: block!important
  }
  .nav_dev_menu {
    display: none
  }
}
.col-dev-100 .container {
  max-width: 1250px
}
.icon-dev {
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px
}
.canvas-image .form-media .media-pic img {
  border: 5px solid rgba(0,0,0,.3);
  box-sizing: border-box
}
.canvas-image .form-media .icon-remove {
  font-size: 20px;
  color: #ed1c24;
  position: absolute;
  top: 5px;
  right: 26%;
  cursor: pointer
}
.canvas-image .form-media .icon-plus-square {
  font-size: 20px;
  color: #38b0e7;
  position: absolute;
  top: 30px;
  right: 26%;
  cursor: pointer
}
.canvas-image-zone {
  text-align: center
}
.sbox-custom input[type=radio] {
  display: none
}
.sbox-custom input[type=radio] + label {
  color: #292321;
  font-family: Arial,sans-serif;
  font-size: 14px
}
.sbox-custom input[type=radio] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.sbox-custom input[type=radio] + label span {
  background-color: #292321
}
.sbox-custom input[type=radio]:checked + label span {
  background-color: #e60d08
}
.sbox-custom input[type=radio] + label span,
.sbox-custom input[type=radio]:checked + label span {
  -webkit-transition: background-color .4s linear;
  -o-transition: background-color .4s linear;
  -moz-transition: background-color .4s linear;
  transition: background-color .4s linear
}
.page-promotion {
  background-color: #fff;
  min-height: 700px;
  padding-bottom: 50px
}
.h-title {
  font-size: 25px;
  font-weight: 800;
  border-bottom: 2px solid #e60d08;
  margin-bottom: 20px;
  margin-top: 70px
}
.img-dev-promo {
  padding-top: 3px;
  height: 300px;
  width: 100%
}
.zone-promobox {
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden
}
.zone-promo {
  width: 1024px;
  position: relative;
  left: 50%;
  margin-left: -512px
}
.img-dev-promo img {
  height: 100%;
  width: auto;
  display: block;
  margin: 2px auto
}
.img-dev-promo img:hover {
  opacity: .7;
  cursor: pointer
}
.title-textpromo {
  padding: 20px
}
.boxtype-zone {
  padding: 10px;
  border: 2px solid #0087f7;
  margin-bottom: 10px;
  font-size: 20px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 500
}
[name=size_type]:checked + label .boxtype-zone {
  background-color: #0087f7;
  color: #fff
}
.custom_size .col-md-3 {
  padding-left: 0
}
#tab_dt0 {
  padding-bottom: 50px
}
.box-label {
  position: relative;
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  min-height: 60px;
  padding: 15px;
  margin-bottom: 15px
}
.choose-label {
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  min-height: 60px
}
.choose-label.radio label {
  padding: 20px 20px 20px 40px;
  display: block
}
.choose-label:hover {
  background: #5bc0de;
  color: #fff;
  border-color: #fff;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s
}
.zone-payment {
  position: relative
}
.but-red {
  color: red;
  font-weight: 800
}
.mar-t10 {
  margin-top: 10px
}
.box-3 {
  border: 1px solid #5bc0de;
  background: #5bc0de;
  border-radius: 25px;
  color: #fff;
  cursor: pointer
}
.box-3:hover {
  opacity: .8
}
.img-payzone {
  border-radius: 25px
}
.img-payzone:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
  border: 1px solid #5bc0de
}
.text-pay-12 {
  font-size: 24px;
  font-weight: 800
}
.head-email {
  width: 100%;
  border: 2px solid #e60c08
}
.body-email {
  width: 100%;
  border-bottom: 2px solid #e60c08;
  border-right: 2px solid #e60c08;
  border-left: 2px solid #e60c08
}
[class*=ecol-] {
  float: left;
  box-sizing: border-box
}
.ecol-20 {
  width: 20%
}
.ecol-40 {
  width: 40%
}
.ecol-100 {
  width: 100%
}
.border-bred {
  border-bottom: 2px solid #e60c08;
  padding-bottom: 2px
}
.email-title-text {
  border: 2px solid #e60c08;
  padding: 5px;
  border-radius: 5px;
  font-weight: 800;
  font-size: 24px;
  text-align: center
}
#myCarousel {
  margin-bottom: 80px
}
#my-cus-indicators.carousel-indicators {
  bottom: -50px;
  background-color: #eee
}
#my-cus-indicators.carousel-indicators > li {
  display: block;
  width: 100%;
  color: #fe1818;
  position: relative;
  display: block;
  font-weight: 700;
  text-indent: 0;
  height: 40px;
  line-height: 40px;
  border: none;
  border-radius: 0;
  background-color: transparent;
  vertical-align: middle
}
#my-cus-indicators.carousel-indicators > li.active,
#my-cus-indicators.carousel-indicators > li:hover {
  background-color: #fe1818;
  color: #fff
}
@media (min-width:768px) {
  #my-cus-indicators.carousel-indicators > li {
    display: table-cell;
    width: 1%
  }
}
.box-prod-pic {
  height: 250px;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}
.diva-taopix {
  margin-top: 15px
}
.box-promotion-pic {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}
.promotion-main {
  text-align: center
}
.promotion-main img {
  width: 100%;
  height: auto
}
@media (min-width:600px) {
  .box-promotion-pic {
    background-size: contain
  }
}
.prod-dt {
  margin-bottom: 15px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}
.del-ad-btn {
  position: absolute;
  top: 5px;
  right: 2%;
  cursor: pointer;
  font-size: 20px
}
.edit-ad-btn {
  position: absolute;
  top: 33px;
  right: 2%;
  cursor: pointer;
  font-size: 20px;
  color: #0690cf
}
.edit-btn:hover {
  color: red
}
#map {
  width: 100%;
  height: 500px
}
.hide {
  display: none
}
.nonestyle > ul {
  list-style-type: none;
  margin-top: 20px
}
.nonestyle input {
  margin-right: 10px
}
a:link {
  text-decoration: none
}
.foot_link :hover {
  color: #f36969
}
.brand_hide {
  visibility: hidden
}
.canvas_size {
  float: left
}
.canvas_size > .label-radio input + img {
  border: 0 solid gray
}
.canvas_size > .label-radio input:checked + img {
  border: 2px solid red
}
.check_product li {
  list-style: none
}
.check_product label {
  margin-left: 10px
}
.card_product {
  box-shadow: 1px 3px 4px 1px rgba(0,0,0,.2);
  transition: .3s;
  padding: 0;
  margin-bottom: 10px
}
.card_item_pro {
  box-shadow: 1px 1px 3px 1px rgba(0,0,0,.2);
  transition: .3s;
  padding: 5px
}
.img_item_pro {
  width: auto;
  height: 100px
}
@media screen and (max-width:992px) {
  .img_item_pro {
    width: auto;
    height: auto
  }
  .item_pro {
    text-align: center
  }
}
.pro_title {
  font-size: 12px;
  font-weight: 900
}
.dtail_title {
  font-size: 12px
}
@media screen and (max-width:992px) {
  .pro_title {
    font-size: 20px
  }
  .dtail_title {
    font-size: 18px
  }
}
.img_banner {
  width: 100%;
  height: auto
}
.box_img_product {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%
}
.img_home_dt {
  width: 100%;
  height: 500px
}
.box_img_product {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%
}
.active_test > a {
  background-color: red
}
.btn-back {
  font-weight: 600;
  padding: 8px 10px;
  background: rgba(0,0,0,0) linear-gradient(to bottom,#0690cf 1%,#2977bc 100%) repeat scroll 0 0!important;
  border: 1px solid #1597ce
}
.btn-fb {
  background-color: #1877f2;
  color: #fff;
  padding: 5px 10%
}
.btn-fb:focus,
.btn-fb:hover {
  color: #fff;
  background-color: #1877f2
}
.cover_page .form-media .media-pic img {
  border: 2px solid gray;
  height: 100px
}
.cover_page .form-media-input {
  height: 100px
}
#choose_type label {
  border: 1px solid #f14444;
  padding: 10px 30px;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  cursor: pointer
}
#choose_type input {
  display: none
}
#choose_type span {
  font-size: 25px;
  vertical-align: sub;
  margin-right: 8px
}
@media screen and (max-width:468px) {
  #choose_type label {
    font-size: 15px;
    padding: 10px 10px
  }
  #choose_type span {
    font-size: 20px
  }
}
#choose_type input[type=radio]:hover + label {
  border: 1px solid #000
}
#choose_type #type_print_1:checked + label {
  background-color: #f14444;
  color: #fff
}
#choose_type #type_print_2:checked + label {
  background-color: #f14444;
  color: #fff
}
label {
  position: relative
}
label a {
  position: absolute;
  right: 1px;
  top: 3px;
  font-size: 20px;
  cursor: pointer
}
label .modal {
  display: none;
  position: fixed;
  z-index: 1070;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0,0,0,.9)
}
label .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px
}
label .close {
  position: absolute;
  top: 30px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  transition: .3s;
  opacity: 1;
  cursor: pointer
}
.close:focus,
label .close:hover {
  color: #d3d3d3;
  text-decoration: none;
  cursor: pointer
}
.pd-0 {
  padding: 0
}
.mt-5 {
  margin-top: 5px
}
.ml-5 {
  margin-left: 5px
}
.mb-0 {
  margin-bottom: 0
}
.m-0 {
  margin: 0
}
.f-red {
  color: red
}
#show_dicut label {
  width: 100%;
  height: 1.5cm;
  border: 1px solid
}
#show_dicut input[type=checkbox]:checked + label[for=lefttop] {
  border-top-left-radius: 15px;
  background-color: #f25858
}
#show_dicut input[type=checkbox]:checked + label[for=righttop] {
  border-top-right-radius: 15px;
  background-color: #f25858
}
#show_dicut input[type=checkbox]:checked + label[for=leftbottom] {
  border-bottom-left-radius: 15px;
  background-color: #f25858
}
#show_dicut input[type=checkbox]:checked + label[for=rightbottom] {
  border-bottom-right-radius: 15px;
  background-color: #f25858
}
#show_dicut {
  margin-left: 5px
}
#show_dicut input {
  display: none
}
#show_dicut label {
  padding: 8px;
  cursor: pointer
}
#show_dicut label[for=lefttop] {
  border-bottom: 0;
  border-right: 0
}
#show_dicut label[for=righttop] {
  border-bottom: 0;
  border-left: 0;
  text-align: right
}
#show_dicut label[for=leftbottom] {
  border-top: 0;
  border-right: 0;
  padding-top: 10px
}
#show_dicut label[for=rightbottom] {
  border-top: 0;
  border-left: 0;
  text-align: right;
  padding-top: 10px
}
.media-pic {
  margin: auto
}
.flex-row {
  display: flex;
  flex-direction: row;
  gap: .5rem
}
.flex-col {
  display: flex;
  flex-direction: column;
  gap: .5rem
}
.flex-wrap {
  flex-wrap: wrap
}
.item-stretch {
  align-items: stretch
}
.item-center {
  align-items: center
}
.grow {
  flex-grow: 1
}
.grow-0 {
  flex-grow: 0
}
.front-select select,
.front-select select:focus {
  font-family: Prompt;
  line-height: 25px;
  min-width: 80px
}
.label-inline.front-input,
.label-inline.front-select {
  margin-bottom: 0
}
.with-border {
  color: #000;
  border-radius: 3px;
  border: 1px solid
}
.my-del-btn {
  color: #0690cf;
  cursor: pointer
}
.my-del-btn:hover {
  color: red
}
.pay-menu {
  margin-top: 3rem;
  margin-bottom: 3rem
}
.text-htab {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer
}
.text-htab a,
.text-htab a:visited {
  display: inline-block;
  margin: .5rem 0;
  color: #000
}
.text-htab a.active {
  color: #ff0021;
  text-decoration: underline
}
.pay-title {
  color: #b44346;
  font-size: 20px;
  text-align: center
}
.dev-footer {
  border-top: 1px solid #c6c7c9;
  background-color: #fff
}
.dev-footer-header {
  font-size: 17px;
  font-weight: 600;
  color: #181512
}
.footer-adev {
  font-size: 15px;
  color: #181512
}
.dev-footer-list a:link {
  text-decoration: none;
  color: #181512
}
.dev-footer-list a:visited {
  color: #181512
}
.dev-footer-list a:hover {
  text-decoration: none;
  color: #f47272
}
.dev-footer-list {
  display: inline-block
}
.text-big {
  font-size: 25px;
  cursor: pointer
}
@media screen and (max-width:768px) {
  .dev-footer-list {
    display: none
  }
  .text-big {
    display: inline-block;
    margin-right: 15px
  }
}
.box-social {
  border: 2px solid #000
}
.footer-social ul {
  list-style-type: none
}
.footer-social ul li {
  display: inline-block;
  margin-right: 20px;
  font-size: 25px
}
.dev-language ul {
  list-style-type: none
}
.dev-language ul li {
  display: inline-block;
  margin-right: 20px;
  font-size: 25px
}
.dev-language ul li:last-child {
  display: inline-block;
  margin-right: 0;
  font-size: 25px
}
.footer-social ul li a {
  color: #000
}
.ifacebook {
  color: #3b5998
}
.igooglep {
  color: #dc4a38
}
.iinstagram {
  color: #6458c8
}
.itwitter {
  color: #1da1f2
}
.ipinterest {
  color: #bd081b
}
.footer-social {
  padding-top: 20px
}
.dev-social {
  text-align: center
}
footer {
  padding-right: 0
}
.resolutems {
  border-top: 1px solid #c6c7c9;
  padding-top: 15px
}
.resolutems a {
  color: #b0b0b0
}
.widget h3 {
  color: #626262
}
.table-responsive {
  overflow-x: visible!important
}
.head-category {
  font-size: 15px;
  background-color: #fff;
  line-height: 25px
}
.card-category:hover {
  border: 1px solid transparent;
  -webkit-box-shadow: -2px 2px 9px -1px rgba(0,0,0,.75);
  -moz-box-shadow: -2px 2px 9px -1px rgba(0,0,0,.75);
  box-shadow: -2px 2px 9px -1px rgba(0,0,0,.75);
  cursor: pointer
}
.margin-top-15 {
  margin-top: 15px
}
figure {
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  height: 350px
}
figure img {
  height: 100%;
  object-fit: cover
}
.quantity button[class*=btn] {
  width: 30px;
  height: 30px;
  background-color: #e8e8e8;
  border-radius: 6px;
  border: none;
  cursor: pointer
}
.quantity input {
  -webkit-appearance: none;
  border: none;
  text-align: center;
  width: 35px;
  font-size: 14px;
  box-shadow: none
}
.quantity input::-webkit-inner-spin-button,
.quantity input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
#s-cart-tb th:nth-child(5) {
  width: 20%
}
.column-10,
.column-100,
.column-20,
.column-25,
.column-30,
.column-33,
.column-35,
.column-40,
.column-45,
.column-50,
.column-55,
.column-60,
.column-65,
.column-70,
.column-75,
.column-80,
.column-90 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left
}
.column-10 {
  width: 10%
}
.column-20 {
  width: 20%
}
.column-25 {
  width: 25%
}
.column-30 {
  width: 30%
}
.column-33 {
  width: 33.33333333%
}
.column-35 {
  width: 35%
}
.column-40 {
  width: 40%
}
.column-45 {
  width: 45%
}
.column-50 {
  width: 50%
}
.column-55 {
  width: 55%
}
.column-60 {
  width: 60%
}
.column-65 {
  width: 65%
}
.column-70 {
  width: 70%
}
.column-75 {
  width: 75%
}
.column-80 {
  width: 80%
}
.column-90 {
  width: 90%
}
.column-100 {
  width: 100%
}
@media (max-width:992px) {
  .column-10,
  .column-100,
  .column-20,
  .column-25,
  .column-30,
  .column-33,
  .column-35,
  .column-40,
  .column-45,
  .column-50,
  .column-55,
  .column-60,
  .column-65,
  .column-70,
  .column-75,
  .column-80,
  .column-90 {
    width: 50%
  }
}
@media (max-width:768px) {
  .column-10,
  .column-100,
  .column-20,
  .column-25,
  .column-30,
  .column-33,
  .column-35,
  .column-40,
  .column-45,
  .column-50,
  .column-55,
  .column-60,
  .column-70,
  .column-80,
  .column-90 {
    width: 100%
  }
}