body {
  background-color: #FAF9F7;
  min-width: 320px;
  color: #303030;
  font-family: "IRANYekan", "CenturyGothic";
  font-size: 10pt;
  line-height: 1.5em;
  cursor: default;
  direction: rtl;
  overflow-x: hidden; }

body, html {
  width: 100%;
  height: 100%; }

a:hover, a:focus {
  text-decoration: none; }

button:focus {
  outline: 0 !important; }

.dir-ltr {
  direction: ltr !important; }

.dir-rtl {
  direction: rtl; }

.display-none {
  display: none; }

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

.overflow-x-auto {
  overflow-x: auto; }

.tooltip {
  font-family: "IRANYekan", "CenturyGothic";
  white-space: nowrap; }

.popover {
  font-family: "IRANYekan", "CenturyGothic";
  right: auto;
  font-size: 10pt; }

.clear-both {
  clear: both; }

.font-en {
  font-family: "CenturyGothic" !important; }

.font-bold {
  font-weight: bold !important; }

.font-normal {
  font-weight: normal; }

.text-decoration-underline {
  text-decoration: underline; }

.white-space-normal {
  white-space: normal !important; }

.cursor-default {
  cursor: default; }

.cursor-pointer {
  cursor: pointer; }

/* *** */
a {
  color: #303030; }

a:hover {
  color: #749E80; }

button.btn-edit {
  background-color: transparent;
  padding: 0;
  border: 0; }

/* font-size */
.font-size-7 {
  font-size: 7pt; }

.font-size-8 {
  font-size: 8pt; }

.font-size-9 {
  font-size: 9pt !important; }

.font-size-10 {
  font-size: 10pt !important; }

.font-size-11 {
  font-size: 11pt; }

.font-size-12 {
  font-size: 12pt; }

.font-size-13 {
  font-size: 13pt; }

.font-size-14 {
  font-size: 14pt; }

/* margin */
.m-0 {
  margin: 0 !important; }

.m-r--15 {
  margin-right: -15px !important; }

.m-r-0 {
  margin-right: 0 !important; }

.m-r-2 {
  margin-right: 2px !important; }

.m-r-5 {
  margin-right: 5px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.m-r-15 {
  margin-right: 15px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.m-r-100 {
  margin-right: 100px !important; }

.m-l-r-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.m-l--15 {
  margin-left: -15px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-l-100 {
  margin-left: 100px !important; }

.m-t-0 {
  margin-top: 0 !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t--5 {
  margin-top: -5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.m-t-50 {
  margin-top: 50px !important; }

.m-t-70 {
  margin-top: 70px !important; }

.m-b-0 {
  margin-bottom: 0 !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

.m-b-100 {
  margin-bottom: 100px !important; }

/* padding */
.p-0 {
  padding: 0 !important; }

.p-3 {
  padding: 3px !important; }

.p-5 {
  padding: 5px !important; }

.p-10 {
  padding: 10px !important; }

.p-20 {
  padding: 20px !important; }

.p-30 {
  padding: 30px !important; }

.p-l-0 {
  padding-left: 0 !important; }

.p-l-5 {
  padding-left: 5px !important; }

.p-l-15 {
  padding-left: 15px !important; }

.p-l-20 {
  padding-left: 20px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-7 {
  padding-top: 7px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-t-50 {
  padding-top: 50px !important; }

.p-r-0 {
  padding-right: 0 !important; }

.p-r-5 {
  padding-right: 5px !important; }

.p-r-10 {
  padding-right: 10px !important; }

.p-r-15 {
  padding-right: 15px !important; }

.p-r-20 {
  padding-right: 20px !important; }

.p-r-25 {
  padding-right: 25px !important; }

.p-r-30 {
  padding-right: 30px !important; }

.p-r-40 {
  padding-right: 40px !important; }

.p-r-50 {
  padding-right: 50px !important; }

.p-r-60 {
  padding-right: 60px !important; }

.p-b-0 {
  padding-bottom: 0 !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

/* width */
.width-auto {
  width: auto; }

.width-100-percent {
  width: 100% !important; }

.width-50-percent {
  width: 50%; }

.width-33-percent {
  width: 33.33%; }

.width-25-percent {
  width: 25%; }

.width-1 {
  width: 1px; }

.width-20 {
  width: 20px; }

.width-30 {
  width: 30px; }

.width-40 {
  width: 40px; }

.width-50 {
  width: 50px; }

.width-60 {
  width: 60px; }

.width-70 {
  width: 70px; }

.width-80 {
  width: 80px; }

.width-85 {
  width: 85px; }

.width-100 {
  width: 100px !important; }

.width-120 {
  width: 120px; }

.width-130 {
  width: 130px; }

.width-140 {
  width: 140px; }

.width-150 {
  width: 150px; }

.width-160 {
  width: 160px; }

.width-180 {
  width: 180px; }

.width-190 {
  width: 190px; }

.width-200 {
  width: 200px; }

.width-220 {
  width: 220px; }

.width-250 {
  width: 250px; }

.width-max-60 {
  max-width: 60px; }

.width-max-120 {
  max-width: 120px; }

.width-max-300 {
  max-width: 300px; }

.width-max-400 {
  max-width: 400px; }

.width-max-500 {
  max-width: 500px; }

.width-max-600 {
  max-width: 600px; }

.width-max-700 {
  max-width: 700px; }

.width-max-800 {
  max-width: 800px; }

.width-max-1170 {
  max-width: 1170px; }

.width-min-60 {
  min-width: 60px; }

.width-min-200 {
  min-width: 200px; }

.width-min-767 {
  min-width: 767px; }

/* height */
.height-auto {
  height: auto !important; }

.height-10 {
  height: 10px !important; }

.height-20 {
  height: 20px !important; }

.height-32 {
  height: 32px !important; }

.height-34 {
  height: 34px !important; }

.height-60 {
  height: 60px; }

.max-height-60 {
  max-height: 60px; }

.height-100 {
  height: 100px !important; }

.height-150 {
  height: 150px !important; }

.height-200 {
  height: 200px !important; }

.height-250 {
  height: 250px !important; }

.height-300 {
  height: 300px !important; }

.height-400 {
  height: 400px !important; }

.min-height-20 {
  min-height: 20px !important; }

/* line-height */
.line-height-1-7 {
  line-height: 1.7em !important; }

.line-height-2 {
  line-height: 2em !important; }

/* form */
.form-horizontal label {
  text-align: justify !important; }

textarea {
  resize: none; }

/**/
.label, .badge {
  font-family: "IRANYekan", "CenturyGothic"; }

/**/
.colorpicker.dropdown-menu {
  right: auto !important; }

.popover.clockpicker-popover {
  right: auto !important; }

.popover.clockpicker-popover .popover-title {
  direction: ltr; }

/* float */
.float-right {
  float: right !important; }

.float-left {
  float: left !important; }

.float-none {
  float: none !important; }

/* loader-wait */
form .loader-wait {
  float: right; }

.loader-wait {
  clear: both; }

/* * */
.string-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* * */
.border-bottom-black {
  border-bottom: 1px solid #303030; }

.border-bottom-gray {
  border-bottom: 1px solid #dadada; }

.border-black {
  border: 1px solid #303030; }

.border-bottom-dotted-black {
  border-bottom: 1px dotted #303030; }

.border-double-black {
  border: 5px double #303030; }

.border-0 {
  border: 0; }

.border-top-0 {
  border-top: 0 !important; }

.border-bottom-0 {
  border-bottom: 0; }

/* * */
.vertical-align-top {
  vertical-align: top !important; }

/* *** */
::-webkit-input-placeholder {
  direction: rtl; }

:-moz-placeholder {
  direction: rtl; }

::-moz-placeholder {
  direction: rtl; }

:-ms-input-placeholder {
  direction: rtl; }

/* *** */
.font-en::-webkit-input-placeholder {
  font-family: "IRANYekan", "CenturyGothic";
  direction: rtl;
  text-align: right; }

.font-en:-moz-placeholder {
  font-family: "IRANYekan", "CenturyGothic";
  direction: rtl;
  text-align: right; }

.font-en::-moz-placeholder {
  font-family: "IRANYekan", "CenturyGothic";
  direction: rtl;
  text-align: right; }

.font-en:-ms-input-placeholder {
  font-family: "IRANYekan", "CenturyGothic";
  direction: rtl;
  text-align: right; }

/* *** */
::selection {
  background-color: #EDE4DB;
  color: #303030; }

::-moz-selection {
  background-color: #EDE4DB;
  color: #303030; }

/* *** */
.letter-spacing-0-3 {
  letter-spacing: 0.3em; }

/* *** */
.form-horizontal .control-label {
  text-align: right; }

/* * */
.color-transparent {
  color: transparent; }

.color-red {
  color: #ff1d46; }

/* * */
.row {
  margin-left: -10px;
  margin-right: -10px; }

.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 10px;
  padding-right: 10px; }

@media (min-width: 1400px) {
  .container {
    width: 1370px; } }
/* * */
.show-data {
  width: calc(100% + 20px);
  float: right;
  margin: 0 -10px; }

/*
***********************************************************************************************************************/
.sweet-alert {
  padding: 30px 30px !important;
  border-radius: 5px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.sweet-alert .sa-icon {
  margin-top: 0; }

.sweet-alert h2 {
  margin-top: 0; }

.sweet-alert button {
  border-radius: 5px;
  margin-top: 40px; }

.sweet-alert div p {
  line-height: 2em; }

.sweet-alert .fa {
  font-size: 7pt; }

.alert {
  border-radius: 0; }

.modal-open .mm-slideout {
  z-index: auto; }

.modal-content {
  border-radius: 0; }

.table-responsive {
  width: 100%;
  float: right; }

/*
***********************************************************************************************************************/
.form-star {
  color: #cdcdcd;
  font-size: 7pt;
  margin-right: 5px; }

.form-field-star {
  position: relative; }

.form-field-star:after {
  color: #EDE4DB;
  font-family: "Font Awesome 6 Pro";
  font-size: 7pt;
  font-style: normal;
  font-weight: 900;
  content: "\f005";
  position: absolute;
  top: 7px;
  left: -15px; }

.input-checkbox-style, .input-radiobox-style {
  display: none; }

.input-checkbox-style-box, .input-radiobox-style-box {
  width: 15px;
  height: 15px;
  float: right;
  position: relative; }

.input-checkbox-style-box:before, .input-radiobox-style-box:before {
  color: #303030;
  font-family: "Font Awesome 6 Pro";
  font-size: 12pt;
  font-weight: normal;
  content: "\f0c8";
  position: absolute;
  right: 0;
  top: 0; }

.input-radiobox-style-box:before {
  content: "\f111"; }

.input-checkbox-style:checked + .input-checkbox-style-box:before, .input-radiobox-style:checked + .input-radiobox-style-box:before {
  content: "\f14a"; }

.input-radiobox-style:checked + .input-radiobox-style-box:before {
  content: "\f058"; }

/*
***********************************************************************************************************************/
.main-body {
  min-width: 320px;
  overflow-x: hidden; }

.page-content-box {
  width: 100%;
  min-height: 500px;
  /*float: right;*/
  padding: 0 0 70px 0; }

.main-body-home .page-content-box {
  padding: 0; }

/*
.page-content
{
    background: #ffffff;
    width: 100%;
    float: right;
    text-align: justify;
    line-height: 2em;
    padding: 40px 60px;
    clear: both;
    margin-bottom: 20px;
    border: 1px solid #d7d7d7;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    position: relative;
    box-shadow: -1px 0 3px -1px rgba(0, 0, 0, 0.05), 0 1px 3px -1px rgba(0, 0, 0, 0.05), 1px 0 3px -1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: -1px 0 3px -1px rgba(0, 0, 0, 0.05), 0 1px 3px -1px rgba(0, 0, 0, 0.05), 1px 0 3px -1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: -1px 0 3px -1px rgba(0, 0, 0, 0.05), 0 1px 3px -1px rgba(0, 0, 0, 0.05), 1px 0 3px -1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: -1px 0 3px -1px rgba(0, 0, 0, 0.05), 0 1px 3px -1px rgba(0, 0, 0, 0.05), 1px 0 3px -1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: -1px 0 3px -1px rgba(0, 0, 0, 0.05), 0 1px 3px -1px rgba(0, 0, 0, 0.05), 1px 0 3px -1px rgba(0, 0, 0, 0.05);
}
*/
  /*
.page-content.page-des img, .page-content.post-des img
{
    max-width: 100%;
    min-width: 40px;
    height: auto !important;
}
.page-content.page-des p:last-child
{
    margin-bottom: 0;
}*/
.panel-content-box {
  background-color: #ffffff;
  width: 100%;
  float: right;
  padding: 30px;
  margin-bottom: 20px;
  border-radius: 5px;
  /*box-shadow: 0 0 25px 7px #f8f8f8;*/ }

.page-des {
  line-height: 2.2em;
  text-align: justify; }

.page-des img {
  max-width: 100%;
  min-width: 40px;
  height: auto !important; }

.page-des p:last-child {
  margin-bottom: 0; }

.panel-content-box .panel-content-title {
  width: 100%;
  color: #303030;
  font-size: 12pt;
  margin-bottom: 30px; }

.panel-content-box .panel-content-title.border-bottom {
  /*padding: 20px;*/
  /*border-bottom: 1px solid #EDE4DB;*/ }

.panel-content-box .panel-content-title .link {
  color: #303030;
  font-size: 9pt;
  float: left; }

.panel-content-box .panel-content-title .link.link-btn {
  background-color: #749E80;
  color: #ffffff;
  padding: 5px 15px;
  margin-top: -5px;
  border: 0;
  border-radius: 5px; }

.panel-content-box .panel-content-title .link:hover {
  color: #749E80; }

.panel-content-box .panel-content-title .link.link-btn:hover {
  background-color: #664F32;
  color: #EDE4DB; }

.panel-content-box .panel-content-title .link.link-btn-2 {
  background-color: #749E80;
  color: #ffffff;
  padding: 0 15px;
  border: 0;
  border-radius: 5px; }

.page-order-basket .link.link-btn-2:hover {
  background-color: #664F32;
  color: #EDE4DB;
  /*opacity: 1;*/
  /*-moz-opacity: 1;*/ }

.panel-content-box .panel-content-title .link .icon {
  margin-right: 5px; }

/* breadcrumb
***********************************************************************************************************************/
.breadcrumb-bar {
  /*background-color: #EDE4DB;*/
  /*padding: 20px 0;*/
  margin: 0 0 50px 0;
  /*box-shadow: inset 0 10px 15px -7px rgba(0, 0, 0, 0.05);*/
  clear: both; }

.breadcrumb-bar .breadcrumb-box {
  background-color: #EDE4DB;
  width: 100%;
  padding: 15px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px; }

.breadcrumb-bar .breadcrumb {
  background-color: transparent;
  font-size: 8pt;
  color: #664F32;
  float: left;
  padding: 0;
  margin: 0;
  position: relative; }

.breadcrumb-bar .breadcrumb > li + li:before {
  color: #664F32;
  font-size: 6pt;
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  content: "\f30a";
  vertical-align: middle; }

.breadcrumb-bar .breadcrumb a, .breadcrumb-bar .breadcrumb a:visited {
  color: #664F32; }

.breadcrumb-bar .breadcrumb a:hover {
  color: #749E80; }

.breadcrumb-bar .page-title {
  line-height: 28px;
  color: #664F32;
  font-size: 12pt;
  font-weight: bold;
  float: right; }

/* *** */
@media (max-width: 992px) {
  .breadcrumb-bar .page-title {
    font-size: 11pt; } }
@media (max-width: 767px) {
  .breadcrumb-bar .breadcrumb-box {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start; }

  /*.breadcrumb-bar .breadcrumb*/
  /*{*/
  /*    font-size: 8pt;*/
  /*}*/
  .breadcrumb-bar .page-title {
    font-size: 10pt;
    margin-bottom: 10px; } }
/* top bar
***********************************************************************************************************************/
.top-bar {
  /*background-color: #ffffff;*/
  width: 100%;
  float: right;
  padding: 15px 0;
  /*box-shadow: 0 5px 15px rgba(102, 79, 50, 0.3);*/
  position: relative;
  z-index: 1010; }

/* *** */
.top-bar .logo {
  float: right;
  padding: 0;
  margin: 0;
  position: relative; }

.top-bar .logo img {
  height: 40px;
  float: right;
  position: relative;
  z-index: 1; }

.top-bar .logo .title {
  height: 40px;
  line-height: 40px;
  color: #303030;
  font-size: 9pt;
  font-weight: bold;
  display: none;
  float: right;
  padding: 0 10px 0 0;
  margin: 0;
          /*
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
top: -100px;
right: 0;*/ }

.top-bar .logo:hover .title {
  color: #749E80; }

/* *** */
.top-bar .square-box {
  background-color: transparent;
  width: 40px;
  height: 40px;
  color: #749E80;
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #749E80;
  border-radius: 5px;
  position: relative; }

.top-bar .square-box:hover {
  background-color: #749E80;
  color: #ffffff; }

.top-bar .square-box .icon {
  font-size: 12pt;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.top-bar .square-box .number {
  background-color: #664F32;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #EDE4DB;
  font-size: 9pt;
  padding-top: 0;
  border-radius: 100%;
  position: absolute;
  top: -3px;
  right: -3px; }

/* *** */
.top-bar .menu-profile {
  background-color: #ffffff;
  width: 100%;
  max-width: 180px;
  height: auto;
  padding: 5px;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 10px 5px rgba(102, 79, 50, 0.1);
  position: absolute;
  top: 40px;
  left: 10px;
  right: auto;
  z-index: 1500; }

.top-bar .menu-profile li {
  width: 100%;
  float: none; }

.top-bar .menu-profile li a {
  height: auto;
  color: #303030;
  font-size: 9pt;
  float: none;
  padding: 7px 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.top-bar .menu-profile li a:hover, .top-bar .menu-profile li a:focus {
  background-color: transparent;
  color: #749E80; }

.top-bar .menu-profile .alarm-new-message {
  background-color: #664F32;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 9pt;
  color: #EDE4DB;
  text-align: center;
  float: left;
  border-radius: 100%; }

/* *** */
.top-bar .search-box {
  position: relative; }

.top-bar .btn-search {
  z-index: 15; }

.top-bar .search {
  width: 100%;
  max-width: 250px;
  float: left;
  margin-top: 0;
  position: relative; }

.top-bar .search .form-search {
  background-color: transparent;
  width: 100%;
  height: 40px;
  border: 1px solid #749E80;
  border-radius: 5px;
  position: relative; }

.top-bar .search .form-search .form-search-word {
  background-color: transparent;
  width: calc(100% - 60px);
  height: 40px;
  color: #303030;
  font-size: 10pt;
  font-weight: normal;
  border: 0;
  /*border-radius: 7px;*/
  padding: 0 10px 0 0;
  margin-bottom: 0; }

.top-bar .search .form-search .form-search-submit, .top-bar .search .form-search .form-search-close {
  background-color: transparent;
  width: 30px;
  height: 40px;
  color: #749E80;
  float: left;
  border: 0;
  border-radius: 7px;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.top-bar .search .form-search .form-search-close {
  display: none; }

.top-bar .search .form-search .form-search-submit:hover, .top-bar .search .form-search .form-search-close:hover {
  color: #749E80; }

.top-bar .search .form-search .form-search-submit .icon, .top-bar .search .form-search .form-search-close .icon {
  font-size: 12pt;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.top-bar .search .search-result-box {
  background: #ffffff;
  width: 100%;
  max-width: 400px;
  clear: both;
  padding: 10px;
  border-radius: 0 0 5px 5px;
  position: absolute;
  right: 0;
  z-index: 1002;
  box-shadow: 0 0 10px 5px rgba(102, 79, 50, 0.1); }

.top-bar .search .search-result-box .search-result-product .data {
  text-align: justify; }

.top-bar .search .search-result-box .search-result-product .data li {
  width: 100%;
  float: right;
  list-style: none;
  font-size: 9pt;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #EDE4DB; }

.top-bar .search .search-result-box .search-result-product .data li a, .top-bar .search .search-result-box .search-result-product .data li a:visited {
  width: 100%;
  color: #303030;
  /*font-weight: bold;*/
  float: right;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.top-bar .search .search-result-box .search-result-product .data li a:hover {
  color: #749E80;
  text-decoration: none; }

.top-bar .search .search-result-box .search-result-product .data .product-img {
  float: right;
  padding: 0; }

.top-bar .search .search-result-box .search-result-product .data .product-img img {
  background-color: #EDE4DB;
  width: 40px;
  height: 60px;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 5px; }

.top-bar .search .search-result-box .search-result-product .data .product-title {
  padding: 0 50px 0 0; }

.top-bar .search .search-result-box .search-result-product .data .product-title .price {
  color: #303030;
  font-size: 9pt;
  /*font-weight: bold;*/
  margin-top: 5px; }

.top-bar .search .search-result-box .search-result-product .data .product-title .price-unit {
  color: #303030;
  font-size: 8pt;
  padding-right: 5px; }

.top-bar .search .search-result-box .search-result-product .search-result-product-continue {
  text-align: center;
  clear: both; }

.top-bar .search .search-result-box .search-result-product .search-result-product-continue a, .top-bar .search .search-result-box .search-result-product .search-result-product-continue a:visited {
  background-color: #749E80;
  color: #ffffff;
  font-size: 9pt;
  display: inline-block;
  padding: 2px 10px;
  margin: 10px 0 0 0;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.top-bar .search .search-result-box .search-result-product .search-result-product-continue a:hover {
  background-color: #664F32;
  color: #EDE4DB; }

.top-bar .btn-menu-side {
  display: none;
  float: right !important;
  border: 0;
  margin-right: 20px !important; }

/* *** */
@media (max-width: 1199px) {
  .top-bar .btn-search {
    display: block; }

  .top-bar .search {
    max-width: 300px;
    display: none;
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    z-index: 1000; }

  .top-bar .search .form-search {
    background-color: #ffffff; }

  .top-bar .search .form-search .form-search-close {
    display: block; } }
@media (max-width: 992px) {
  .top-bar {
    padding: 10px 0; }

  .top-bar .square-box {
    width: 32px;
    height: 32px;
    float: left;
    margin: 4px 7px 0 0; }

  .top-bar .square-box .icon {
    font-size: 10pt; }

  .top-bar .btn-menu-side {
    display: inline-block; } }
@media (max-width: 576px) {
  .top-bar {
    padding: 5px 0; }

  .top-bar .logo img {
    height: 32px; }

  .top-bar .logo .title {
    display: none; }

  .top-bar .square-box {
    width: 24px;
    height: 24px; }

  /*.top-bar .square-box*/
  /*{*/
  /*    margin-right: 5px;*/
  /*}*/ }
/* menu
***********************************************************************************************************************/
.top-bar .nav {
  width: auto;
  height: 40px;
  float: right;
  margin-right: 30px;
  border-radius: 0;
  position: relative; }

/* menu level-1 */
.top-bar .nav > li {
  display: inline-block;
  position: relative; }

.top-bar .nav > li.col-min {
  position: relative; }

.top-bar .nav > li > a {
  height: 40px;
  line-height: 40px;
  color: #303030;
  font-size: 10pt;
  /*font-weight: bold;*/
  float: right;
  padding: 0 7px 0 7px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.top-bar .nav > li:hover > a, .top-bar .nav > li:focus > a, .top-bar .nav > li:focus > a:focus, .top-bar .nav > li > a:focus {
  background-color: transparent;
  color: #749E80; }

.top-bar .nav > li:first-child > a span {
  font-size: 12pt;
  vertical-align: middle; }

/* menu level-2 */
.top-bar .nav > li > .level-2 {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  width: 220px;
  padding: 20px;
  display: none;
  border-top: 2px solid #749E80;
  border-radius: 0 0 5px 5px;
  opacity: 0;
  position: absolute !important;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 9999;
  -webkit-transition: all 0.3s ease 0.15s;
  -moz-transition: all 0.3s ease 0.15s;
  -o-transition: all 0.3s ease 0.15s;
  -ms-transition: all 0.3s ease 0.15s;
  transition: all 0.3s ease 0.15s;
  box-shadow: 0 0 10px 5px rgba(102, 79, 50, 0.1); }

/*.top-bar .nav > li > .level-2.level-2-min*/
/*{*/
/*	width: 250px !important;*/
/*}*/
.top-bar .nav > li:hover > .level-2 {
  display: block;
  opacity: 1;
  /*column-count: 4;*/
  /*-moz-column-count: 4;*/
  /*-webkit-column-count: 4;*/
  /* column-gap: 20px;*/
  /*-webkit-column-gap: 20px;*/
  /*-moz-column-gap: 20px;*/ }

.top-bar .nav > li > .level-2 img {
  width: 190px;
  height: auto;
  max-height: 190px;
  display: block;
  position: absolute;
  left: 5px;
  bottom: 5px;
  z-index: 1;
  object-fit: contain;
  -o-object-fit: contain; }

.top-bar .nav > li > .level-2 .nav-column {
  width: 100%;
  text-align: right;
  float: right;
  padding: 0;
  position: relative;
  z-index: 10;
  page-break-inside: avoid;
  break-inside: avoid-column; }

.top-bar .nav > li > .level-2.level-2-min .nav-column {
  width: 100%; }

.top-bar .nav > li > .level-2 .nav-column li {
  width: 100%;
  float: right; }

.top-bar .nav > li > .level-2 .nav-column a, .top-bar .nav > li > .level-2 .nav-column a:visited {
  width: 100%;
  height: auto;
  color: #303030 !important;
  font-size: 10pt;
  float: right;
  padding: 7px 0;
  /*margin-bottom: 5px;*/ }

.top-bar .nav > li > .level-2 .nav-column a.head, .top-bar .nav > li > .level-2 .nav-column a.head:visited {
  color: #303030 !important;
  font-size: 10pt;
  /*font-weight: bold;*/
  margin-right: 0; }

.top-bar .nav > li > .level-2 .nav-column a:hover, .top-bar .nav > li > .level-2 .nav-column a.head:hover {
  color: #749E80 !important; }

.top-bar .nav > li > .level-2 .nav-column a.sub {
  padding-right: 15px; }

.top-bar .nav > li > .level-2 .nav-column a.sub2 {
  padding-right: 20px;
  position: relative; }

.top-bar .nav > li > .level-2 .nav-column a.sub2:before {
  background-color: #749E80;
  width: 1px;
  height: 32px;
  content: "";
  position: absolute;
  top: -7px;
  right: 10px; }

/* *** */
/*
@media (max-width:1199px)
{
	.top-bar .nav > li > a
	{
		font-size: 9pt;
		padding: 0 5px 0 5px;
	}
}*/
@media (max-width: 992px) {
  .top-bar .nav {
    display: none; } }
/* header home slider
***********************************************************************************************************************/
.home-slider-banner {
  width: 100%;
  float: right;
  /*margin-top: 10px;*/
  margin-bottom: 70px;
  position: relative;
  border-radius: 70px 10px 70px 10px;
  overflow: hidden; }

/*.home-slider-banner .slider-box*/
/*{*/
/*    width: calc(100% - 30px);*/
/*    margin: 0 auto;*/
/*}*/
.home-slider-banner .slider-box .swiper-container {
  /*overflow: visible;*/ }

.home-slider-banner .slider-box .image-box {
  background-color: #efefef;
  width: 100%;
  height: 37.5%;
  float: right;
  /*border: 7px solid #ffffff;*/
  /*border-radius: 25px;*/
  overflow: hidden;
  position: relative;
  /*box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.15);*/ }

.home-slider-banner .slider-box .image-box:before {
  content: "";
  display: block;
  padding-top: 37.5%; }

.home-slider-banner .slider-box .image-box img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0; }

.home-slider-banner .swiper-pagination {
  /*margin-top: 30px;*/
  position: absolute;
  left: 20px;
  bottom: 20px;
  /*transform: translateX(50%);*/
  z-index: 1000; }

/*.home-slider-banner .swiper-pagination-2*/
/*{*/
/*    margin-top: 100px;*/
/*}*/
.home-slider-banner .swiper-pagination .swiper-pagination-bullet {
  background-color: #EDE4DB;
  width: 10px;
  height: 2px;
  opacity: 0.6;
  -moz-opacity: 0.6;
  box-shadow: none;
  margin: 0 3px !important;
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.home-slider-banner .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #749E80;
  width: 30px;
  /*border-radius: 5px;*/ }

.home-slider-banner .swiper-button-next, .home-slider-banner .swiper-button-prev {
  background-image: none;
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  color: #303030;
  font-size: 12pt;
  float: left;
  padding-top: 0;
  margin: 0;
  display: inline-block;
  border: 0;
  border-radius: 100%;
  opacity: 1;
  -moz-opacity: 1;
  right: auto;
  left: 20px;
  box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.15);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.home-slider-banner .swiper-button-prev {
  right: 20px;
  left: auto; }

.home-slider-banner .swiper-button-prev:after, .home-slider-banner .swiper-button-next:after {
  display: none; }

.home-slider-banner .swiper-button-next:hover, .home-slider-banner .swiper-button-prev:hover {
  color: #888888; }

.home-slider-banner .swiper-button-next i, .home-slider-banner .swiper-button-prev i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.home-slider-banner .swiper-button-next.swiper-button-disabled, .home-slider-banner .swiper-button-prev.swiper-button-disabled {
  color: #d6d6d6;
  cursor: auto;
  pointer-events: unset !important; }

/* *** */
@media (max-width: 576px) {
  .home-slider-banner {
    margin-bottom: 30px; }

  .home-slider-banner .swiper-pagination {
    left: 5px;
    bottom: 5px; }

  .home-slider-banner .swiper-pagination .swiper-pagination-bullet {
    width: 5px;
    margin: 0 2px !important; }

  .home-slider-banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 15px; }

  .home-slider-banner .slider-box .image-box {
    height: 40%; }

  .home-slider-banner .slider-box .image-box:before {
    padding-top: 40%; }

  .home-slider-banner .swiper-button-next, .home-slider-banner .swiper-button-prev {
    width: 20px;
    height: 20px;
    font-size: 9pt;
    left: 10px; }

  .home-slider-banner .swiper-button-prev {
    right: 10px;
    left: auto; } }
/*
***********************************************************************************************************************/
.home-banner-bar {
  width: 100%;
  float: right;
  margin-bottom: 70px; }

.home-banner-bar .banner-box {
  background-color: #EDE4DB;
  width: 100%;
  height: 56.25%;
  float: right;
  border-radius: 5px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative; }

.home-banner-bar .banner-box.wide {
  height: 37.5%; }

.home-banner-bar .banner-box:before {
  content: "";
  display: block;
  padding-top: 56.25%; }

.home-banner-bar .banner-box.wide:before {
  padding-top: 37.5%; }

.home-banner-bar .banner-box img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: "object-fit: cover;"; }

/* *** */
@media (max-width: 992px) {
  /*.home-banner-bar .banner-box.banner-wide .img:before*/
  /*{*/
  /*    padding-top: 36.6%;*/
  /*}*/ }
@media (max-width: 576px) {
  .home-banner-bar {
    margin-bottom: 30px; }

  .home-banner-bar .col-xs-6:nth-child(1) {
    padding-left: 2px; }

  .home-banner-bar .col-xs-6:nth-child(2) {
    padding-right: 2px; }

  .home-banner-bar .banner-box {
    margin-bottom: 4px; } }
@media (max-width: 450px) {
  .home-banner-bar .col-xs-6 {
    width: 100%;
    padding-right: 10px !important;
    padding-left: 10px !important; } }
/*
***********************************************************************************************************************/
.home-category-bar {
  width: 100%;
  float: right;
  margin-bottom: 70px; }

.home-category-bar .category-item {
  background-color: #EDE4DB;
  width: 100%;
  padding: 20px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 5px solid #ffffff;
  border-radius: 5px; }

.home-category-bar .category-item .icon {
  /*background: #EDE4DB;*/
  width: 100%;
  max-width: 70px;
  /*padding: 20px;*/
  /*border-radius: 5px;*/
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s; }

.home-category-bar .category-item:hover .icon {
  /*-webkit-transform: scale(0.9) rotate(3deg);*/
  /*-moz-transform: scale(0.9) rotate(3deg);*/
  /*-ms-transform: scale(0.9) rotate(3deg);*/
  /*transform: scale(0.9) rotate(3deg);*/
  transform: rotateY(180deg); }

.home-category-bar .category-item .title {
  color: #664F32;
  font-size: 10pt;
  /*font-weight: bold;*/
  margin-top: 10px; }

.home-category-bar .category-item:hover .title {
  color: rgba(102, 79, 50, 0.6); }

@media (max-width: 992px) {
  .home-category-bar .category-item .icon {
    max-width: 50px; } }
@media (max-width: 576px) {
  .home-category-bar {
    margin-bottom: 30px; }

  .home-category-bar .category-item {
    padding: 10px; }

  .home-category-bar .category-item .icon {
    max-width: 40px; }

  .home-category-bar .category-item .title {
    font-size: 9pt; } }
/*
***********************************************************************************************************************/
.home-product-category-bar .product-bar {
  display: none; }

.home-product-category-bar .product-category-selected-2-bar {
  display: block; }

.home-product-category-bar .tab-category {
  width: 100%;
  float: right;
  text-align: center;
  margin-top: 15px; }

.home-product-category-bar .tab-category .tab {
  color: #303030;
  margin: 0 10px;
  cursor: pointer; }

.home-product-category-bar .tab-category .tab:hover, .home-product-category-bar .tab-category .tab.active {
  color: #749E80; }

/*
***********************************************************************************************************************/
.col-right .col-right-content-box {
  background-color: rgba(116, 158, 128, 0.1);
  width: 100%;
  color: #303030;
  float: right;
  clear: both;
  padding: 10px;
  /*border: 1px solid #ececec;*/
  border-radius: 5px;
  position: relative;
  /*box-shadow: 0 0 25px 7px rgba(0, 0, 0, 0.02);*/
    /*
    background-color: #fdfdfd;
    width: 100%;
	float: right;
	margin-bottom: 30px;
	border: 1px solid #e9e9e9;
    */ }

.col-right .col-right-content-box .col-right-title-box {
  background-color: #f5f5f5;
  padding: 10px;
  margin-bottom: 10px; }

/* *** */
@media (max-width: 767px) {
  .col-right {
    display: none; }

  .page-search .col-right {
    display: block; }

  .page-search .col-right .col-right-product-box {
    display: none; } }
/* title-bar
***********************************************************************************************************************/
.title-bar {
  margin-bottom: 30px; }

.title-bar .title-box {
  /*width: calc(100% - 90px);*/
  width: 100%;
  float: right;
  text-align: center;
  position: relative; }

.title-bar .title-box .title {
  /*width: 100%;*/
  /*height: 35px;*/
  /*line-height: 35px;*/
  color: #303030;
  font-size: 16pt;
  font-weight: bold;
  /*float: right;*/
  /*padding-right: 40px;*/
  position: relative;
  z-index: 1; }

.title-bar .title-box .title:before {
  background-color: rgba(116, 158, 128, 0.6);
  width: 100px;
  height: 25px;
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
  -webkit-mask-image: url("../../img/brush.png");
  mask-image: url("../../img/brush.png");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; }

@media (max-width: 1199px) {
  .title-bar .title-box .title {
    font-size: 15pt; } }
@media (max-width: 992px) {
  .title-bar .title-box .title {
    font-size: 13pt; } }
@media (max-width: 767px) {
  .title-bar .title-box .title {
    font-size: 12pt; } }
@media (max-width: 576px) {
  .title-bar .title-box .title {
    font-size: 10pt; } }
/* swiper button
***********************************************************************************************************************/
.swiper-button-box {
  float: left; }

.swiper-button-next, .swiper-button-prev {
  background-image: none;
  background-color: rgba(102, 79, 50, 0.1);
  width: 35px;
  height: 35px;
  color: rgba(102, 79, 50, 0.3);
  font-size: 18pt;
  float: left;
  padding-top: 0;
  margin: 0;
  display: inline-block;
  border: 0;
  border-radius: 5px;
  opacity: 1;
  -moz-opacity: 1;
  position: absolute;
  top: 50%;
  right: -5px;
  left: auto;
  transform: translateY(-50%); }

.swiper-button-next {
  right: auto;
  left: -5px; }

.swiper-button-prev:after, .swiper-button-next:after {
  display: none; }

.swiper-button-next:hover, .swiper-button-prev:hover {
  color: #303030; }

.swiper-button-next i, .swiper-button-prev i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  color: #d6d6d6;
  cursor: auto;
  pointer-events: unset !important; }

/*.product-bar .swiper-button-next, .product-bar .swiper-button-prev*/
/*{*/
/*    margin-top: -40px;*/
/*}*/
/* product-bar
***********************************************************************************************************************/
.product-bar {
  width: 100%;
  float: right;
  margin-bottom: 70px; }

@media (max-width: 576px) {
  .product-bar {
    margin-bottom: 30px; } }
/* product-item
***********************************************************************************************************************/
.product-item-box {
  margin-bottom: 30px; }

.product-item {
  background-color: #ffffff;
  width: 100%;
  float: right;
  padding: 5px;
  /*border: 1px solid #ececec;*/
  border-radius: 5px;
  position: relative; }

.product-item .image-box {
  width: 100%;
  height: 150%;
  float: left;
  border-radius: 5px;
  position: relative;
  overflow: hidden; }

.product-item .image-box:before {
  content: "";
  display: block;
  padding-top: 150%; }

.product-item .image-box img {
  width: 100%;
  height: 100% !important;
  /*padding: 10px;*/
  object-fit: cover;
  -o-object-fit: cover;
  font-family: "object-fit: cover;";
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s; }

.product-item:hover .image-box img {
  -webkit-transform: scale(1.1) rotate(3deg);
  -moz-transform: scale(1.1) rotate(3deg);
  -ms-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg); }

.product-item .product-title-box {
  width: 100%;
  float: right;
  margin: 15px 0 10px 0; }

.product-item .product-title-box .title, .product-item .product-title-box:visited .title {
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #303030;
  font-size: 10pt;
  font-weight: bold;
  text-align: right;
  float: right;
  padding: 0;
  margin: 0;
  overflow: hidden;
  /*white-space: nowrap;*/
  /*text-overflow: ellipsis;*/
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.product-item .product-title-box:hover .title {
  color: #749E80; }

.product-item .score-star-box {
  color: #dedede;
  font-size: 9pt;
  float: right;
  clear: both;
  position: relative;
  direction: ltr; }

.product-item .score-star-box .score-star-filled-box {
  color: #ff1d46;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap; }

.product-item .score-star-box i {
  margin-left: 2px; }

.product-item .product-price {
  width: 100%;
  height: 45px;
  text-align: justify;
  float: right;
  clear: both;
  display: inline-flex;
  align-items: end;
  /*margin-top: 15px;*/ }

.product-item .product-price .price-old {
  color: #a4a4a4;
  font-size: 9pt;
  margin: 0;
  letter-spacing: 1px;
  text-decoration: line-through; }

.product-item .product-price .price-old-null {
  font-size: 9pt; }

.product-item .product-price .price-final {
  color: #303030;
  font-size: 11pt;
  letter-spacing: 1px; }

.product-item .product-price .price-final .price-unit {
  color: #303030;
  font-size: 7pt;
  font-weight: normal;
  margin-right: 3px;
  letter-spacing: 0; }

.product-item .product-price .label-status-exist {
  width: 100%;
  font-size: 9pt;
  float: left; }

.product-item .btn-box {
  background-color: #f5f5f5;
  width: 35px;
  display: none;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 0; }

.product-item:hover .btn-box {
  display: block; }

.product-item .btn-box button {
  background-color: transparent;
  width: 35px;
  height: 35px;
  line-height: 38px;
  color: #303030;
  font-size: 14pt;
  padding: 0; }

.product-item .btn-box .btn-product-favorite .fa {
  color: #ebdc35; }

.product-item .discount {
  background-color: #749E80;
  color: #ffffff;
  font-size: 10pt;
  display: inline-block;
  padding: 3px 7px;
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 5px; }

@media (max-width: 1199px) {
  .product-item .product-title-box .title, .product-item .product-title-box:visited .title {
    font-size: 10pt; } }
@media (max-width: 992px) {
  .product-item .product-title-box .title, .product-item .product-title-box:visited .title {
    font-size: 9pt; }

  .product-item .product-price .price-old {
    font-size: 8pt; }

  .product-item .product-price .price-old-null {
    font-size: 8pt; }

  .product-item .product-price .price-final {
    font-size: 10pt; }

  .product-item .product-price .price-final .price-unit {
    font-size: 6pt; } }
/* market-property-bar
***********************************************************************************************************************/
.market-property-bar {
  background-color: #EDE4DB;
  width: 100%;
  float: right;
  padding: 30px;
  margin-bottom: 70px;
  border-radius: 5px; }

.market-property-bar .property-item {
  width: 100%;
  float: right;
  text-align: center; }

.market-property-bar .property-item img {
  /*background-color: #f7f7f7;*/
  width: 55px;
  height: 70px;
  /*float: right;*/
  padding: 0;
  /*border-radius: 10px;*/
  object-fit: contain;
  -o-object-fit: contain;
  font-family: "object-fit: contain;";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.market-property-bar .property-item:hover img {
  transform: rotateY(180deg); }

.market-property-bar .property-item .title-des {
  width: 100%;
  height: 70px;
  float: left; }

.market-property-bar .property-item .title-des .title {
  line-height: 30px;
  color: #664F32;
  font-size: 11pt;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.market-property-bar a.property-item:hover .title-des .title {
  color: #664F32; }

.market-property-bar .property-item .title-des .des {
  line-height: 30px;
  color: #664F32;
  font-size: 8pt;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/* *** */
@media (max-width: 1199px) {
  /*.market-property-bar .col-lg-3:nth-child(1), .market-property-bar .col-lg-3:nth-child(2)*/
  /*{*/
  /*    margin-bottom: 15px;*/
  /*}*/ }
@media (max-width: 767px) {
  .market-property-bar {
    padding: 20px; } }
@media (max-width: 576px) {
  .market-property-bar {
    padding: 20px 10px 10px 10px;
    margin-bottom: 30px; }

  .market-property-bar .property-item {
    margin-bottom: 10px; }

  .market-property-bar .property-item img {
    width: 40px;
    height: 40px; }

  .market-property-bar .property-item .title-des {
    height: unset; }

  .market-property-bar .property-item .title-des .title {
    line-height: inherit;
    font-size: 8pt; }

  .market-property-bar .property-item .title-des .des {
    line-height: inherit;
    font-size: 7pt; } }
/* blog bar
***********************************************************************************************************************/
.blog-bar {
  width: 100%;
  float: right;
  margin-bottom: 70px; }

.blog-bar .blog-item-box a {
  width: 100%;
  float: right;
  position: relative;
  border-radius: 5px;
  overflow: hidden; }

.blog-bar .blog-item-box .img-box {
  width: 100%;
  float: right;
  position: relative; }

.blog-bar .blog-item-box .img {
  background-image: url("../../img/loading.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #efefef;
  width: 100%;
  height: 56.25%;
  float: right;
  /*border-radius: 15px;*/
  overflow: hidden;
  position: relative; }

.blog-bar .blog-item-box .img:before {
  content: "";
  display: block;
  padding-top: 56.25%; }

.blog-bar .blog-item-box .img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s; }

.blog-bar .blog-item-box a:hover .img img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.blog-bar .blog-item-box .date {
  background-color: #749E80;
  color: #ffffff;
  font-size: 9pt;
  text-align: center;
  float: left;
  line-height: 1.3em;
  padding: 5px 7px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2; }

.blog-bar .blog-item-box .title {
  background: linear-gradient(0, #664F32 0, rgba(102, 79, 50, 0));
  width: 100%;
  height: 50%;
  color: #EDE4DB;
  font-size: 11pt;
  /*font-weight: bold;*/
  text-align: right;
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 20px;
  /*margin: 30px 0 0 0;*/
  /*text-shadow: 0 0 5px rgba(102, 81, 54, 0.7);*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  transition: all 0.7s; }

.blog-bar .blog-item-box a:hover .title {
  height: 120%; }

/* *** */
@media (max-width: 576px) {
  .blog-bar {
    margin-bottom: 30px; } }
/* footer-bar
***********************************************************************************************************************/
.footer-bar {
  position: relative; }

.footer-bar .footer-box {
  background-color: #EDE4DB;
  padding: 20px;
  border-radius: 5px; }

.footer-bar .col-title {
  color: #664F32;
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 10px; }

.footer-bar .col-links ul {
  padding: 0;
  margin: 0; }

.footer-bar .col-links ul li {
  width: 100%;
  display: inline-block;
  margin: 10px 0 0 0; }

.footer-bar .col-links ul li a {
  color: rgba(102, 79, 50, 0.8);
  font-size: 10pt;
  font-weight: 400; }

.footer-bar .col-links ul li a:hover {
  color: #749E80; }

.footer-bar .col-contact-way .contact-way {
  color: rgba(102, 79, 50, 0.8); }

.footer-bar .col-contact-way .contact-way .contact-data {
  width: 100%;
  float: right;
  font-size: 10pt;
  margin-top: 10px; }

.footer-bar .col-contact-way .contact-way .contact-data .icon {
  width: 25px;
  color: rgba(102, 79, 50, 0.8);
  font-size: 10pt; }

.footer-bar .col-contact-way .contact-way .contact-data .title {
  margin-left: 10px; }

.footer-bar .col-contact-way .contact-way .contact-data a {
  color: rgba(102, 79, 50, 0.8); }

.footer-bar .col-contact-way .contact-way .contact-data a:hover {
  color: #749E80; }

.footer-bar .col-contact-way .social-data {
  width: 100%;
  float: right;
  font-size: 10pt;
  margin-top: 20px;
  margin-right: 25px; }

.footer-bar .col-contact-way .social-data ul {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  padding: 0;
  margin: 0; }

.footer-bar .col-contact-way .social-data ul li {
  display: inline-flex;
  margin: 0 0 0 10px; }

.footer-bar .col-contact-way .social-data ul li a {
  color: rgba(102, 79, 50, 0.8);
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.footer-bar .col-contact-way .social-data ul li a:hover {
  color: #749E80; }

.footer-bar .col-contact-way .social-data ul li a .icon {
  width: 20px;
  height: 20px;
  font-size: 20px; }

/* *** */
.footer-bar .col-newsletter-namad .newsletter-box form {
  background-color: rgba(255, 255, 255, 0.4);
  width: 100%;
  max-width: 600px;
  display: inline-flex;
  justify-content: space-between;
  margin-top: 10px;
  border-radius: 5px; }

.footer-bar .col-newsletter-namad .newsletter-box form input {
  background-color: transparent;
  width: calc(100% - 53px);
  height: 30px;
  color: #303030;
  font-size: 14px;
  font-weight: 400;
  text-align: right;
  padding: 0 15px;
  border: 0;
  outline: unset; }

.footer-bar .col-newsletter-namad .newsletter-box form button {
  background-color: #749E80;
  width: 50px;
  height: 24px;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  margin: 3px 0 0 3px;
  border: 0;
  border-radius: 5px; }

.footer-bar .col-newsletter-namad .newsletter-box form button:hover {
  background-color: #664F32;
  color: #EDE4DB; }

.footer-bar .col-newsletter-namad .namad-box {
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
  margin-top: 30px; }

.footer-bar .col-newsletter-namad .namad-box img {
  width: 100%;
  max-width: 64px; }

.footer-bar .col-newsletter-namad .namad-box img:first-child {
  margin-left: 10px; }

/* *** */
.footer-bar .copy-right-designer {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0; }

.footer-bar .copy-right-designer .copy-right {
  color: #664F32;
  font-size: 9pt;
  text-align: left;
  direction: ltr; }

.footer-bar .copy-right-designer .copy-right a {
  color: #664F32;
  font-size: 9pt; }

.footer-bar .copy-right-designer .copy-right a:hover {
  color: #749E80; }

.footer-bar .copy-right-designer .designer a {
  color: #664F32;
  font-size: 9pt; }

.footer-bar .copy-right-designer .designer a:hover {
  color: #749E80; }

/* *** */
@media (max-width: 992px) {
  .footer-bar .col-links {
    margin-bottom: 30px; } }
@media (max-width: 768px) {
  .footer-bar .copy-right-designer {
    flex-direction: column-reverse; } }
@media (max-width: 576px) {
  .footer-bar .col-contact-way {
    width: 100%; }

  .footer-bar .col-newsletter-namad {
    width: 100%;
    margin-top: 30px; }

  .footer-bar .col-newsletter-namad .namad-box {
    justify-content: center; } }
@media (max-width: 450px) {
  .footer-bar div[class*="col-"] {
    width: 100%; } }
/*
***********************************************************************************************************************/
.popup {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 13030300; }

.popup .img {
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
               /*
overflow: hidden;*/ }

.popup .img a {
  float: right;
  width: 100%;
  height: 100%; }

.popup .img img {
  width: 100%;
  max-width: 600px; }

.btn-popup-close {
  background: transparent;
  color: #ffffff;
  font-size: 15pt;
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  top: -30px;
  right: 0;
  z-index: 1; }

.btn-popup-close:hover, .btn-popup-close:focus {
  color: #9e180d; }

/* 404
***********************************************************************************************************************/
.page-404 {
  height: 100%;
  text-align: center;
  padding: 100px 0 0 0; }

.page-404 img {
  width: 100%;
  max-width: 400px;
  height: 100%;
  padding: 20px;
  object-fit: contain;
  -o-object-fit: contain;
  font-family: "object-fit: contain;"; }

/* faq
***********************************************************************************************************************/
/*.page-faq .faq-group-tab*/
/*{*/
/*    width: 25%;*/
/*    float: right;*/
/*    padding: 20px;*/
/*    border: 1px solid #ececec;*/
/*}*/
/*.page-faq .faq-group-tab li*/
/*{*/
/*    width: 100%;*/
/*    float: right;*/
/*    position: relative;*/
/*}*/
/*
.page-faq .faq-group-tab li:before
{
    color: #303030;
    font: 7pt "font-caplus";
    content: "\e902";
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}*/
/*.page-faq .faq-group-tab li a, .page-faq .faq-group-tab li a:visited*/
/*{*/
/*    width: 100%;*/
/*    color: #303030;*/
/*    font-size: 10pt;*/
/*    font-weight: bold;*/
/*    float: right;*/
/*    padding: 10px 0 10px 0;*/
/*    border-bottom: 1px solid #ececec;*/
/*    -webkit-transition: all 0.4s;*/
/*    -moz-transition: all 0.4s;*/
/*    transition: all 0.4s;*/
/*}*/
/*.page-faq .faq-group-tab li:last-child a*/
/*{*/
/*    border: 0;*/
/*}*/
/*.page-faq .faq-group-tab li:hover:before, .page-faq .faq-group-tab li.active:before*/
/*{*/
/*    color: #ff1d46;*/
/*    right: 20px;*/
/*}*/
/*.page-faq .faq-group-tab li:hover a, .page-faq .faq-group-tab li.active a*/
/*{*/
/*    color: #ff1d46;*/
/*    !*padding-right: 15px;*!*/
/*}*/
.page-faq .faq-group-title {
  width: 100%;
  color: #749E80;
  font-size: 14pt;
  font-weight: bold;
  float: right;
  padding-right: 20px;
  margin-bottom: 30px;
  position: relative; }

.page-faq .faq-group-title:before {
  background-color: #749E80;
  width: 7px;
  height: 7px;
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%); }

.page-faq .faq-questions {
  width: 100%;
  float: right;
  padding-right: 20px;
  margin-bottom: 50px; }

.page-faq .question-box {
  margin: 0 0 20px 0; }

.page-faq .question-box:last-child {
  margin: 0; }

.page-faq .question-box .question {
  /*background-color: #fafafa;*/
  font-size: 11pt;
  font-weight: bold;
  padding: 0;
  margin: 0;
  position: relative;
  /*cursor: pointer;*/
  /*-webkit-transition: all 0.5s;*/
  /*-moz-transition: all 0.5s;*/
  /*transition: all 0.5s;*/ }

/*.page-faq .question-box .question.active*/
/*{*/
/*    background-color: #4d396a;*/
/*    background: -moz-linear-gradient(left, rgba(33,60,121,0.2) 0%, rgba(254,47,47,0.2) 100%), #4d396a;*/
/*    background: -webkit-linear-gradient(left, rgba(33,60,121,0.2) 0%,rgba(254,47,47,0.2) 100%), #4d396a;*/
/*    background: linear-gradient(to right, rgba(33,60,121,0.2) 0%,rgba(254,47,47,0.2) 100%), #4d396a;*/
/*    color: #ffffff;*/
/*}*/
/*.page-faq .question-box .question:before*/
/*{*/
/*    background-color: #303030;*/
/*    width: 17px;*/
/*    height: 1px;*/
/*    display: block;*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 20px;*/
/*    top: 50%;*/
/*    transition: 0.3s all ease;*/
/*}*/
/*.page-faq .question-box .question.active:before*/
/*{*/
/*    transform: rotate(90deg);*/
/*}*/
/*.page-faq .question-box .question:after*/
/*{*/
/*    background-color: #303030;*/
/*    width: 17px;*/
/*    height: 1px;*/
/*    display: block;*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 20px;*/
/*    top: 50%;*/
/*    transition: 0.3s all ease;*/
/*}*/
/*.page-faq .question-box .question.active:after*/
/*{*/
/*    background-color: #ffffff;*/
/*}*/
.page-faq .question-box .answer {
  /*background-color: #fafafa;*/
  text-align: justify;
  line-height: 2em;
  padding: 10px 0 0 0;
  margin: 0; }

/* *** */
/*
@media (max-width:767px)
{
    .page-faq .faq-questions
    {
        width: 100%;
    }

    .page-faq .faq-group-tab
    {
        display: none;
    }
    .page-faq .faq-group-select
    {
        margin-bottom: 30px;
        display: block;
        border: 1px solid #ff1d46;
        box-shadow: inset 0 0 0 0 transparent !important;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        cursor: pointer;
    }
}
*/
/* contact
***********************************************************************************************************************/
.page-contact .title-box {
  font-size: 14pt;
  font-weight: bold;
  margin-bottom: 30px; }

/* *** */
.page-contact .item-contact-data .icon-box {
  width: 100%;
  height: 60px;
  color: #749E80;
  font-size: 30pt;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative; }

.page-contact .item-contact-data .icon-box .icon {
  background-color: #FAF9F7;
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px; }

.page-contact .item-contact-data .data {
  background-color: #749E80;
  width: 100%;
  height: 120px;
  line-height: 1.7em;
  color: #ffffff;
  font-size: 11pt;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px 15px 20px;
  margin-top: -20px;
  border-radius: 5px; }

.page-contact .item-contact-data .data.mail {
  text-align: center;
  direction: ltr; }

/* *** */
.page-contact .form-map-box {
  width: 100%;
  float: right;
  margin-top: 50px; }

/* *** */
.page-contact .form-box {
  width: 100%;
  margin: 0 auto; }

.page-contact .form-box form {
  width: 100%;
  float: right; }

/* *** */
.page-contact .map {
  width: 100%;
  height: 336px;
  float: right;
  margin-top: 77px;
  border-radius: 5px; }

.page-contact .map button, .page-contact .map .gmnoprint {
  display: none !important; }

.page-contact .map a[rel='noopener'] {
  display: none !important; }

/* *** */
@media (max-width: 767px) {
  .page-contact .form-box {
    max-width: 600px; }

  /*.page-contact .data-box, .page-contact .form-box*/
  /*{*/
  /*	width: 100%;*/
  /*}*/
  /*.page-contact .form-box*/
  /*{*/
  /*	margin-top: 30px;*/
  /*}*/ }
@media (max-width: 576px) {
  .page-contact .item-contact-data {
    width: 100%; } }
/*
***********************************************************************************************************************/
.page-signup .box-title,
.page-login .box-title,
.page-remember-password .box-title,
.page-change-password .box-title,
.page-active-mobile .box-title {
  font-size: 12pt;
  text-align: center;
  line-height: 2em;
  margin-bottom: 30px; }

/* *** */
.page-signup input, .page-signup textarea,
.page-login input, .page-login textarea,
.page-remember-password input, .page-remember-password textarea,
.page-change-password input, .page-change-password textarea,
.page-active-mobile input {
  background-color: #fafafa;
  padding: 20px;
  border: 1px solid #efefef;
  border-radius: 0;
  box-shadow: inset 0 0 0 0 transparent !important;
  resize: none; }

.page-signup input:focus, .page-signup textarea:focus,
.page-login input:focus, .page-login textarea:focus,
.page-remember-password input:focus, .page-remember-password textarea:focus,
.page-change-password input:focus, .page-change-password textarea:focus,
.page-active-mobile input:focus {
  border: 1px solid #d2d1d3; }

.page-signup button,
.page-login button,
.page-remember-password button,
.page-change-password button,
.page-active-mobile button {
  background-color: #749E80;
  width: auto;
  color: #EDE4DB;
  font-size: 11pt;
  float: right;
  padding: 10px 25px;
  margin: 0;
  border: 0;
  /*border-radius: 10px;*/
  box-shadow: inset 0 0 0 0 transparent !important;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out; }

.page-signup button:focus, .page-signup button:hover,
.page-login button:focus, .page-login button:hover,
.page-remember-password button:focus, .page-remember-password button:hover,
.page-change-password button:focus, .page-change-password button:hover,
.page-active-mobile button:focus, .page-active-mobile button:hover {
  background-color: #303030 !important; }

.page-active-mobile .form-active-mobile-resend {
  background-color: #e8e8e8;
  color: #9a9a9a; }

.page-active-mobile .form-active-mobile-resend:hover, .page-active-mobile .form-active-mobile-resend:focus {
  background-color: #d5d5d5 !important; }

.page-signup button .icon,
.page-login button .icon,
.page-remember-password button .icon,
.page-change-password button .icon,
.page-active-mobile button .icon {
  margin-left: 5px; }

.page-signup a, .page-signup a:visited,
.page-login a, .page-login a:visited {
  color: #303030;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.page-signup a:focus, .page-signup a:hover,
.page-login a:focus, .page-login a:hover {
  color: #749E80; }

.page-login .col-forget-password {
  display: inline-flex;
  justify-content: space-between;
  margin-top: 10px; }

/* *** */
@media (max-width: 767px) {
  .page-signup .box-title,
  .page-login .box-title,
  .page-remember-password .box-title,
  .page-change-password .box-title,
  .page-active-mobile .box-title {
    font-size: 12pt; } }
/* brand
***********************************************************************************************************************/
.page-brand .panel-content-box {
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px); }

.page-brand .brand-box {
  width: 16.6666666%;
  text-align: center;
  float: right;
  padding: 0 15px 30px 15px; }

.page-brand .brand-box a, .page-brand .brand-box a:visited {
  width: 100%;
  color: #303030;
  float: right;
  padding: 7px;
  border: 1px solid #f2f2f2;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.page-brand .brand-box a:hover {
  color: #9e180d;
  border: 1px solid #e3e3e3; }

.page-brand .brand-box a h4 {
  width: 100%;
  font-size: 10pt;
  float: right;
  margin: 15px 0 0 0; }

.page-brand .brand-box a .img-box {
  background-image: url("../../img/loading.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
  width: 100%;
  height: 100%;
  float: right;
  overflow: hidden;
  position: relative; }

.page-brand .brand-box a .img-box:before {
  content: "";
  display: block;
  padding-top: 100%; }

.page-brand .brand-box a .img-box img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
  -o-object-fit: contain;
  font-family: "object-fit: contain;";
  position: absolute;
  top: 0;
  left: 0; }

/* *** */
@media (max-width: 1199px) {
  .page-brand .brand-box {
    width: 20%; } }
@media (max-width: 992px) {
  .page-brand .brand-box {
    width: 25%; } }
@media (max-width: 576px) {
  .page-brand .brand-box {
    width: 33.3030303%; } }
@media (max-width: 450px) {
  .page-brand .brand-box {
    width: 50%; } }
/* pagination
***********************************************************************************************************************/
.pagination-box {
  text-align: center;
  padding-top: 30px;
  clear: both; }

.pagination {
  margin: 0;
  direction: ltr; }

.pagination a, .pagination span {
  margin: 0 10px; }

.pagination li {
  display: inline-block; }

.pagination li a {
  background-color: transparent;
  color: #749E80;
  font-size: 10pt;
  padding: 5px 14px;
  margin: 0 5px 0 5px !important;
  position: relative;
  border: 1px solid #749E80;
  border-radius: 5px !important; }

.pagination li a:focus, .pagination li a:hover {
  background-color: #749E80 !important;
  color: #ffffff;
  border: 1px solid #749E80 !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.pagination li.active a {
  background-color: #749E80 !important;
  color: #ffffff !important;
  border: 1px solid #749E80 !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.pagination li span, .pagination li span:focus, .pagination li span:hover {
  background-color: #ffffff;
  color: #303030;
  padding: 5px 0;
  margin: 0;
  position: relative;
  border: none;
  /*border-top: 1px solid #f0f0f0;
  border-bottom: 3px solid #f0f0f0;*/
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

/* page-search
***********************************************************************************************************************/
.page-search .product-box {
  width: calc(100% + 20px);
  margin: 0 -10px; }

/*.page-search .product-box .product-item-box:nth-child(4n) .product-item a .img:after*/
/*{*/
/*    width: 0;*/
/*}*/
/* *** */
.page-search .filter-title {
  padding: 7px 0;
  border-top: 1px solid #dfdfdf;
  cursor: pointer; }

.page-search .filter-box {
  padding: 0; }

.page-search .filter-title .icon {
  float: left;
  margin-top: 6px; }

.page-search .filter-content {
  width: 100%;
  float: right;
  padding: 0 0 10px 0; }

.page-search .filter-content label {
  width: 100%;
  text-align: justify;
  float: right;
  font-weight: normal;
  margin: 0 0 10px 0;
  cursor: pointer; }

.page-search .btn-filter-search-show-more, .page-search .btn-filter-search-close-more {
  color: #8b8b8b;
  font-size: 9pt;
  float: right;
  margin-top: 10px;
  cursor: pointer; }

.page-search .btn-filter-search-close-more {
  display: none; }

.page-search .filter-content label.filter-color-box {
  width: 30px;
  height: 30px;
  float: right; }

.page-search .filter-color-box span {
  width: 24px;
  height: 24px;
  float: right;
  cursor: pointer;
  border: 1px solid #f3f3f3;
  position: relative; }

.page-search .filter-color-box span.active:before {
  color: #ffffff;
  font-family: "Font Awesome 6 Pro";
  font-size: 10pt;
  content: "\f00c";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 0 3px #8b8b8b; }

.page-search .filter-content input, .page-search .filter-content select {
  background-color: rgba(255, 255, 255, 0.7);
  height: 40px;
  color: #303030;
  font-size: 10pt;
  padding: 20px 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: inset 0 0 0 0 transparent !important;
  resize: none; }

.page-search .filter-content select {
  padding-top: 7px;
  padding-bottom: 7px; }

.page-search .filter-content select option {
  padding: 8px; }

.page-search .filter-content input:focus, .page-search .filter-content-box select:focus {
  border: 1px solid #749E80; }

.irs-from, .irs-to, .irs-single {
  background-color: #664F32; }

.irs-from:after, .irs-to:after, .irs-single:after {
  border-top-color: #664F32; }

/* *** */
/*
@media (max-width:767px)
{
	.page-search .col-filter
	{
		margin-bottom: 30px;
	}
}*/
@media (max-width: 1199px) {
  /*.page-search .product-box .product-item-box:nth-child(4n) .product-item a .img:after*/
  /*{*/
  /*    width: 1px;*/
  /*}*/
  /*.page-search .product-box .product-item-box:nth-child(3n) .product-item a .img:after*/
  /*{*/
  /*    width: 0;*/
  /*}*/ }
@media (max-width: 992px) {
  .page-search .product-item-box {
    width: 50%; } }
@media (max-width: 767px) {
  .page-search .product-item-box {
    width: 33.33%; }

  .col-right .col-right-content-box {
    margin-bottom: 50px; } }
@media (max-width: 550px) {
  .page-search .product-item-box {
    width: 50%; }

  /*.page-search .product-box .product-item-box:nth-child(3n) .product-item a .img:after*/
  /*{*/
  /*    width: 1px;*/
  /*}*/
  /*.page-search .product-box .product-item-box:nth-child(2n) .product-item a .img:after*/
  /*{*/
  /*    width: 0;*/
  /*}*/ }
/*@media (max-width:450px)*/
/*{*/
/*	.page-search .product-item-box*/
/*	{*/
/*		width: 100%;*/
/*	}*/
/*    .page-search .product-box .product-item-box:nth-child(3n) .product-item a .img:after*/
/*    {*/
/*        width: 1px;*/
/*    }*/
/*    .page-search .product-box .product-item-box:nth-child(2n) .product-item a .img:after*/
/*    {*/
/*        width: 0;*/
/*    }*/
/*}*/
/* page-product
***********************************************************************************************************************/
.page-product .panel-content-box {
  /*padding: 0;*/
  /*box-shadow: unset;*/ }

.page-product .title-image-des-box {
  margin-bottom: 50px; }

.page-product .image-video-box {
  /*padding-right: 0;*/ }

/*.page-product .image-video-box .image-single-box, .page-product .image-video-box .image-thumbnail-box*/
/*{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    float: right;*/
/*    padding-right: 0;*/
/*}*/
.page-product .image-video-box .image-single-box {
  width: 100%;
  height: 150%;
  float: right;
  position: relative;
  /*padding-right: 0;*/
  /*border: 1px solid #303030;*/ }

.page-product .image-video-box .image-thumbnail-box {
  background-color: rgba(237, 228, 219, 0.8);
  width: calc(100% - 50px);
  /*height: 100%;*/
  float: right;
  padding: 5px;
  /*margin-top: 10px;*/
  margin: 0 25px;
  border-radius: 5px;
  position: absolute;
  bottom: 10px;
  left: 0; }

.page-product .image-video-box .image-single-box a, .page-product .image-video-box .image-thumbnail-box a {
  /*background-color: #f5f7f9;*/
  width: 100%;
  height: 100%;
  float: right;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  /*border: 1px solid #eeeeee;*/ }

.page-product .image-video-box .image-single-box a:before, .page-product .image-video-box .image-thumbnail-box a:before {
  content: "";
  display: block;
  padding-top: 150%; }

.page-product .image-video-box .image-single-box a img, .page-product .image-video-box .image-thumbnail-box a img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0; }

.page-product .image-video-box .image-thumbnail-box .swiper-slide-video .icon-video-play img {
  width: 36px;
  height: 36px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.page-product .image-video-box .image-thumbnail-box .swiper-button-next, .page-product .image-video-box .image-thumbnail-box .swiper-button-prev {
  background-color: transparent !important;
  width: 25px;
  height: 100%;
  font-size: 14pt;
  right: -25px; }

.page-product .image-video-box .image-thumbnail-box .swiper-button-next {
  right: auto;
  left: -25px; }

/*
.page-product .image-video-box .image-thumbnail-box .swiper-button
{
    width: 100%;
    text-align: center;
    float: right;
    clear: both;
}
.page-product .image-video-box .image-thumbnail-box .swiper-button-next, .page-product .image-video-box .image-thumbnail-box .swiper-button-prev
{
    background-image: none;
    background-color: transparent;
    width: 30px;
    height: 100%;
    color: #303030;
    font-size: 12pt;
    float: left;
    padding-top: 0;
    margin: 0;
    display: inline-block;
    opacity: 1;
    -moz-opacity: 1;
    top: 0;
    right: auto;
    left: 0;
}
.page-product .image-video-box .image-thumbnail-box .swiper-button-prev
{
    right: 0;
    left: auto;
}
.page-product .image-video-box .image-thumbnail-box .swiper-button-next:hover, .page-product .image-video-box .image-thumbnail-box .swiper-button-prev:hover
{
    color: #ff1d46;
}
.page-product .image-video-box .image-thumbnail-box .swiper-button-next i, .page-product .image-video-box .image-thumbnail-box .swiper-button-prev i
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.page-product .image-video-box .image-thumbnail-box .swiper-button-next.swiper-button-disabled, .page-product .image-video-box .image-thumbnail-box .swiper-button-prev.swiper-button-disabled
{
    color: #d6d6d6;
    cursor: auto;
    pointer-events: unset !important;
}
*/
.page-product .image-video-box .image-single-box .product-exist-status {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999; }

.page-product .image-video-box .image-single-box .product-exist-status .bg {
  width: 0;
  height: 0;
  border-top: 100px solid transparent;
  border-left: 100px solid transparent;
  opacity: 0.7;
  -moz-opacity: 0.7; }

.page-product .image-video-box .image-single-box .product-exist-status .title {
  width: 60px;
  color: #ffffff;
  font-size: 11pt;
  line-height: 1.5em;
  position: absolute;
  top: 10px;
  right: 10px; }

.page-product .page-product-des {
  line-height: 2em;
  text-align: justify; }

.page-product .page-product-des p {
  margin-bottom: 10px; }

.page-product .page-product-des p:last-child {
  margin-bottom: 0; }

@media (max-width: 991px) {
  .page-product .panel-content-box {
    padding: 20px; } }
@media (max-width: 767px) {
  .page-product .image-video-box {
    text-align: center; }

  .page-product .image-video-box .image-single-box {
    max-width: 350px;
    display: inline-block;
    float: unset; }

  /*.page-product .image-video-box*/
  /*{*/
  /*    padding: 0;*/
  /*}*/
  /*.page-product .product-content-box*/
  /*{*/
  /*    padding: 0;*/
  /*    margin-top: 30px;*/
  /*}*/ }
@media (max-width: 576px) {
  /*.page-product .image-video-box*/
  /*{*/
  /*    width: 100%;*/
  /*    margin: 0;*/
  /*}*/ }
/* * */
.page-product .price-color-warranty-box {
  width: 100%;
  float: right;
  margin-top: 30px; }

.page-product .price-color-warranty-box .color-warranty-box {
  width: 100%;
  float: right;
  margin-top: 30px; }

.page-product .price-color-warranty-box .colors {
  /*width: 50%;*/
  /*float: right;*/
  display: none;
  margin-top: 15px; }

.page-product .price-color-warranty-box .colors .title {
  color: #8b8b8b;
  font-size: 10pt; }

/*.page-product .price-color-warranty-box .colors .color-box*/
/*{*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    float: right;*/
/*}*/
/*.page-product .price-color-warranty-box .colors .color-box span*/
/*{*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    float: right;*/
/*    cursor: pointer;*/
/*    border: 1px solid #f3f3f3;*/
/*    position: relative;*/
/*}*/
/*.page-product .price-color-warranty-box .colors .color-box span.active:before*/
/*{*/
/*    color: #ffffff;*/
/*    font-family: "Font Awesome 6 Pro";*/
/*    font-size: 10pt;*/
/*    content: "\f00c";*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    text-shadow: 0 0 3px #8b8b8b;*/
/*}*/
.page-product .price-color-warranty-box .warranties {
  /*width: 50%;*/
  /*float: right;*/
  display: none;
  margin-top: 15px; }

.page-product .price-color-warranty-box .warranties .title {
  color: #8b8b8b;
  font-size: 10pt; }

.page-product .price-color-warranty-box .colors .select-box-color,
.page-product .price-color-warranty-box .warranties .select-box-warranty {
  /*max-width: 300px;*/
  height: 40px;
  color: #303030;
  font-size: 10pt;
  padding: 7px 20px 7px 20px;
  border: 1px solid rgba(48, 48, 48, 0.3);
  border-radius: 5px;
  box-shadow: inset 0 0 0 0 transparent !important;
  resize: none; }

.page-product .price-color-warranty-box .colors .select-box-color:focus,
.page-product .price-color-warranty-box .warranties .select-box-warranty:focus {
  border: 1px solid #749E80; }

.page-product .price-bon-box {
  width: 100%;
  float: right; }

.page-product .price-bon-box .price-box {
  float: right; }

.page-product .price-bon-box .price-box .price-old {
  color: #b7b7b7;
  font-size: 10pt;
  letter-spacing: 0;
  text-decoration: line-through; }

.page-product .price-bon-box .price-box .price-final {
  color: #303030;
  font-size: 18pt;
  font-weight: bold;
  letter-spacing: 1px; }

.page-product .price-bon-box .price-box .price-final .price-unit {
  color: #303030;
  font-size: 9pt;
  margin-right: 5px;
  letter-spacing: 0; }

.page-product .price-bon-box .price-box .no-exist {
  color: #8b8b8b; }

.page-product .price-bon-box .price-box .no-exist .number {
  color: #ff1d46;
  font-size: 12pt;
  margin-right: 10px; }

.page-product .price-bon-box .bon-box {
  background-color: #f9fcff;
  width: 100px;
  color: #ff1d46;
  text-align: center;
  float: right;
  padding: 2px 10px 10px 10px;
  margin-left: 20px;
  border: 1px solid #e0efff; }

.page-product .price-bon-box .bon-box .title {
  font-size: 11pt;
  margin-bottom: 7px; }

.page-product .price-bon-box .bon-box .number {
  width: 100%;
  font-size: 24pt;
  text-align: left; }

.page-product .price-bon-box .bon-box .fa {
  font-size: 17pt;
  float: right;
  /*
  margin-left: 10px;*/ }

/* * */
.page-product .product-content-box {
  /*padding-left: 0;*/ }

.page-product .product-content-box .title-score {
  width: 100%;
  float: right;
  /*margin-bottom: 30px;*/ }

.page-product .product-content-box .title-score .title {
  width: 100%;
  float: right; }

.page-product .product-content-box .title-score .title .title-fa {
  font-size: 14pt;
  font-weight: bold;
  line-height: 2em;
  padding: 0;
  margin: 0; }

.page-product .product-content-box .title-score .title .title-en {
  font-size: 11pt;
  line-height: 1.5em;
  padding: 0;
  margin: 5px 0 0 0;
  direction: ltr;
  text-align: right; }

.page-product .product-content-box .title-score .score-code-box {
  width: 100%;
  float: right;
  /*margin-bottom: 10px;*/
  text-align: left; }

.page-product .product-content-box .title-score .code-box {
  /*width: 50%;*/
  color: rgba(48, 48, 48, 0.4);
  font-size: 9pt;
  float: right; }

.page-product .product-content-box .title-score .score-star-box {
  color: #749E80;
  font-size: 10pt;
  float: left;
  position: relative;
  direction: ltr;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap; }

.page-product .product-content-box .title-score .score-star-box .score-star-filled-box {
  color: #749E80;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap; }

.page-product .product-content-box .buy-box {
  width: 100%;
  float: left;
  margin-top: 70px; }

.page-product .product-content-box .buy-box .btn-basket-number-exist-box {
  width: 100%;
  display: inline-flex;
  align-items: flex-end;
  justify-content: space-between;
  /*flex-direction: column;*/
  /*float: right;*/
  overflow: hidden;
  position: relative;
  text-align: center; }

.page-product .product-content-box .buy-box .btn-basket-number-exist-box .number-exist-box {
  float: right;
  /*margin-left: 10px;*/
  /*margin-bottom: 10px;*/ }

.page-product .product-content-box .buy-box .btn-basket-number-exist-box .btn-increase-decrease-number {
  float: right;
  border: 1px solid rgba(48, 48, 48, 0.3);
  border-radius: 5px; }

.page-product .product-content-box .buy-box .btn-basket-number-exist-box .btn-increase-decrease {
  float: right; }

.page-product .product-content-box .buy-box .btn-basket-number-exist-box .btn-increase,
.page-product .product-content-box .buy-box .btn-basket-number-exist-box .btn-decrease {
  width: 25px;
  height: 35px;
  color: #303030;
  font-size: 8pt;
  line-height: 35px;
  float: right;
  border: 0;
  border-radius: 0;
  cursor: pointer; }

.page-product .product-content-box .buy-box .btn-basket-number-exist-box .btn-increase {
  border-radius: 0 5px 5px 0; }

.page-product .product-content-box .buy-box .btn-basket-number-exist-box .btn-decrease {
  border-radius: 5px 0 0 5px; }

.page-product .product-content-box .buy-box .btn-basket-number-exist-box .btn-increase:hover,
.page-product .product-content-box .buy-box .btn-basket-number-exist-box .btn-decrease:hover {
  color: #749E80; }

.page-product .product-content-box .buy-box .order-product-number-box {
  float: right;
  position: relative; }

.page-product .product-content-box .buy-box .order-product-number {
  background-color: #ffffff;
  width: 40px;
  height: 35px;
  color: #303030;
  font-size: 11pt;
  text-align: center;
  text-align-last: center;
  float: right;
  /*padding-right: 10px;*/
  margin: 0;
  border: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.page-product .product-content-box .buy-box .number-exist-box .title {
  color: #8b8b8b;
  font-size: 10pt;
  text-align: right; }

.page-product .product-content-box .buy-box button.btn-basket-add, .page-product .product-content-box .buy-box button.btn-request-product, .page-product .product-content-box .buy-box button.btn-basket-add-installment {
  background-color: #749E80;
  height: 35px;
  color: #ffffff;
  font-size: 10pt;
  text-align: right;
  float: right;
  padding: 0 30px;
  margin: 0 10px 0 0;
  border: 0;
  border-radius: 5px;
  /*padding-right: 10px;*/
  /*padding-left: 40px;*/
  /*margin-top: 20px;*/
  overflow: hidden;
  position: relative;
  z-index: 10;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.page-product .product-content-box .buy-box button.btn-basket-add .icon {
  margin-left: 10px; }

.page-product .product-content-box .buy-box button.btn-request-product {
  padding-left: 10px; }

.page-product .product-content-box .buy-box button.btn-basket-add:hover, .page-product .product-content-box .buy-box button.btn-request-product:hover {
  background-color: #664F32;
  color: #EDE4DB; }

/*.page-product .product-content-box .buy-box button.btn-basket-add:before*/
/*{*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    color: #EDE4DB;*/
/*    font-size: 14pt;*/
/*    font-family: "Font Awesome 6 Pro";*/
/*    font-weight: 300;*/
/*    content: "\f07a";*/
/*    position: absolute;*/
/*    top: 18%;*/
/*    left: 5px;*/
/*    z-index: 9;*/
/*    -webkit-transition: all 0.3s;*/
/*    -moz-transition: all 0.3s;*/
/*    transition: all 0.3s;*/
/*}*/
@media (max-width: 1199px) {
  .page-product .product-content-box .des-tag-share-box {
    margin-top: 30px; } }
/* * */
.btn-product-favorite-notice {
  /*float: left;*/
  /*padding-top: 7px;*/
  position: absolute;
  top: 20px;
  left: 20px; }

.page-product .btn-product-favorite, .page-product .btn-product-notice, .page-product .btn-product-share {
  background-color: transparent;
  color: #749E80;
  font-size: 16pt;
  padding: 0;
  margin: 0 0 0 10px;
  border: 0;
  line-height: 1em;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.page-product .btn-product-favorite:hover, .page-product .btn-product-notice:hover, .page-product .btn-product-share:hover {
  color: #749E80; }

.page-product .btn-product-favorite span, .page-product .btn-product-notice span, .page-product .btn-product-share span {
  float: right; }

.btn-title {
  font-size: 10pt;
  margin-right: 5px; }

.btn-alert-not-logged {
  border: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

/* * */
.match-car-model-bar {
  width: 100%;
  float: right;
  border-top: 1px solid #f7f7f7;
  padding-top: 30px;
  margin-top: 30px; }

.match-car-model-bar .match-car-model-title {
  width: 100%;
  float: right;
  color: #888888;
  font-weight: bold;
  text-align: right;
  margin-bottom: 20px; }

.match-car-model-bar .select-box {
  width: 100%;
  float: right;
  margin-bottom: 10px; }

.match-car-model-bar .select-box select {
  width: calc(25% - 5px);
  height: 30px;
  float: right;
  margin-left: 5px;
  border: 1px solid #d3d3d3; }

.match-car-model-bar .select-box select:disabled {
  opacity: 0.3; }

.match-car-model-bar .btn-match-car-model {
  background-color: #0c1555;
  width: 100px;
  height: 30px;
  color: #ffffff;
  float: left;
  border: 0;
  border-radius: 15px; }

@media (max-width: 576px) {
  .page-product .price-color-warranty-box .color-warranty-box, .page-product .product-content-box .buy-box {
    /*width: 100%;*/ }

  .page-product .price-color-warranty-box .color-warranty-box .colors,
  .page-product .price-color-warranty-box .color-warranty-box .warranties {
    width: 100%; }

  .page-product .product-content-box .buy-box .btn-basket-number-exist-box {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column; }

  .page-product .product-content-box .buy-box button.btn-basket-add {
    width: 100%;
    margin: 20px 0 0 0; }

  .match-car-model-bar .select-box {
    width: 100%;
    margin-bottom: 5px; }

  .match-car-model-bar .select-box select {
    width: calc(50% - 5px);
    margin-bottom: 5px; } }
/* * */
.des-tag-share-box {
  width: 100%;
  float: right;
  /*border-top: 1px solid #f7f7f7;*/
  /*margin-top: 30px;*/ }

.des-tag-share-box .page-product-des {
  background-color: rgba(116, 158, 128, 0.1);
  padding: 15px;
  /*margin-top: 30px;*/
  border-radius: 5px; }

.des-tag-share-box .page-product-des .imp-attr {
  width: 100%;
  float: right;
  font-weight: bold;
  margin-bottom: 20px; }

.page-product .tag-box {
  width: 100%;
  text-align: center;
  float: right;
  margin-top: 30px; }

.page-product .tag-box .tag {
  line-height: 2em;
  /*padding-right: 70px;*/ }

.page-product .tag-box .tag a, .page-product .tag-box .tag a:visited {
  color: #303030;
  font-size: 9pt;
  display: inline-block;
  margin: 0 10px 0 7px;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.page-product .tag-box .tag a:before {
  color: #303030;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 4pt;
  content: "\f111";
  position: absolute;
  right: -14px;
  top: 0; }

.page-product .tag-box .tag a:last-child:after {
  color: #303030;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 4pt;
  content: "\f111";
  position: absolute;
  left: -14px;
  top: 0; }

.page-product .tag-box .tag a:hover {
  color: #749E80; }

.page-product .share-box {
  width: 100%;
  text-align: center;
  float: right;
  margin-top: 30px; }

.page-product .share-box .share-link {
  /*padding: 0 70px 0 0;*/ }

.page-product .share-box .share-link a, .page-product .share-box .share-link a:visited {
  width: 30px;
  height: 30px;
  color: rgba(48, 48, 48, 0.3);
  font-size: 18pt;
  text-align: center;
                   /*
float: right;*/
  display: inline-block;
  padding-top: 3px;
                 /*
margin-right: 10px;*/
  margin: 0 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.page-product .share-box .share-link a:hover {
  color: #749E80; }

@media (max-width: 767px) {
  .page-product .product-content-box {
    margin-top: 30px; } }
@media (max-width: 992px) {
  /*.page-product .product-content-box .title-score .title*/
  /*{*/
  /*    width: 100%;*/
  /*    text-align: justify;*/
  /*}*/
  /*.page-product .product-content-box .title-score .score-code-box*/
  /*{*/
  /*    width: 100%;*/
  /*    text-align: left;*/
  /*    float: left;*/
  /*    margin-top: 10px;*/
  /*}*/
  /*.page-product .product-content-box .title-score .score-code-box .code-box*/
  /*{*/
  /*    width: auto;*/
  /*    float: right;*/
  /*}*/ }
/* * */
.page-product .des-property-comment-box {
  width: 100%;
  float: right;
  /*
  padding: 0 30px 30px 30px;
  margin-bottom: 70px;
  border: 1px solid #e9e9e9;*/ }

.page-product .des-property-comment-box .title-bar {
  /*background-color: #FAF9F7;*/
  /*width: calc(100% + 60px);*/
  width: 100%;
  font-size: 14pt;
  font-weight: bold;
  /*text-align: center;*/
  float: right;
  padding: 0 10px 0 0;
  margin-bottom: 30px;
  border-right: 5px solid #749E80; }

/* * */
.page-product .tab-box {
  width: 100%;
  text-align: center;
  float: right;
  border-bottom: 1px solid #303030; }

.page-product .tab-box ul {
  display: table;
  /*float: right;*/
  padding: 0;
  margin: 0 auto; }

.page-product .tab-box ul li {
  float: right;
  margin: 0; }

.page-product .tab-box ul li a {
  /*background-color: #303030;*/
  color: #303030;
  font-size: 10pt;
  float: right;
  padding: 7px 20px;
  margin: 0;
  /*border-radius: 15px;*/
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.page-product .tab-box ul li a:hover {
  color: #ff1d46; }

.page-product .tab-box ul li.active a {
  background-color: #303030;
  color: #ffffff; }

.page-product .tab-content {
  width: 100%;
  float: right;
  clear: both;
  margin-top: 30px; }

.tab-content .tab-pane {
  width: 100%;
  float: right;
  clear: both; }

@media (max-width: 550px) {
  .page-product .tab-box ul li a {
    font-size: 11pt;
    padding: 5px 10px; } }
@media (max-width: 450px) {
  .page-product .tab-box ul li a {
    font-size: 9pt; } }
/* * strength-weakness * */
.page-product .product-strength-weakness-score {
  width: 100%;
  float: right; }

.page-product .product-strength-weakness {
  line-height: 2em;
  padding-right: 0; }

.page-product .product-strength-weakness .product-strength {
  padding-right: 0; }

.page-product .product-strength-weakness .product-strength .title {
  color: #33a700;
  font-size: 11pt; }

.page-product .product-strength-weakness .product-strength .icon {
  color: #33a700;
  font-size: 4pt;
  margin-left: 5px; }

.page-product .product-strength-weakness .product-weakness {
  padding-left: 0; }

.page-product .product-strength-weakness .product-weakness .title {
  color: #ff1d46;
  font-size: 11pt; }

.page-product .product-strength-weakness .product-weakness .icon {
  color: #ff1d46;
  font-size: 4pt;
  margin-left: 5px; }

.page-product .product-score {
  color: rgba(48, 48, 48, 0.8);
  font-size: 9pt;
  padding-left: 0; }

.page-product .product-score div[class*="col-"] {
  padding: 0; }

.page-product .product-score .score-box {
  margin-bottom: 20px; }

.page-product .product-score div[class*="col-"]:last-child .score-box {
  margin-bottom: 0; }

.page-product .product-score .score-box .score-item-box {
  background: rgba(48, 48, 48, 0.2);
  width: 20%;
  height: 5px;
  float: right;
  border-left: 2px solid #ffffff; }

.page-product .product-score .score-box .score-item-box.active, .page-product .product-score .score-box .score-item-box.hover {
  background: #749E80; }

@media (max-width: 992px) {
  .page-product .product-strength-weakness, .page-product .product-score {
    width: 100%; }

  .page-product .product-strength-weakness {
    padding: 0; }

  .page-product .product-score {
    margin-top: 30px;
    padding: 0; } }
@media (max-width: 450px) {
  .page-product .product-strength-weakness .product-strength, .page-product .product-strength-weakness .product-weakness {
    width: 100%;
    padding: 0; }

  .page-product .product-strength-weakness .product-weakness {
    margin-top: 10px; } }
/* *** */
.page-product .review-des {
  text-align: justify;
  line-height: 2em; }

.page-product .review-des p {
  margin-bottom: 15px; }

.page-product .review-des p:last-child {
  margin-bottom: 0; }

.page-product .review-des img {
  max-width: 100%;
  height: auto !important; }

.page-product .review-des img[data-lazy-src^='//noornegar'] {
  display: none; }

.page-product .review-des ul {
  margin-bottom: 15px; }

.page-product .review-des ul li {
  list-style: disc;
  margin-right: 50px; }

.page-product .review-des ol li {
  list-style: decimal;
  margin-right: 50px; }

.page-product .review-des a, .page-product .review-des a:visited {
  border-bottom: 1px dotted #664F32; }

/* * property * */
.page-product .property-box {
  width: 100%;
  float: right; }

.page-product .property-box:first-child .property-title {
  margin-top: 0; }

.page-product .property-box .property-title {
  font-size: 12pt;
  padding-right: 15px;
  margin: 30px 0 10px 0;
  position: relative; }

.page-product .property-box .property-title:before {
  color: #EDE4DB;
  font-family: "Font Awesome 6 Pro";
  font-size: 14pt;
  font-weight: 900;
  content: "\f0d9";
  position: absolute;
  right: 0;
  top: 0; }

.page-product .property-box .property-title .fa {
  font-size: 10pt;
  margin-left: 10px; }

.page-product .property-box:nth-child(2) .property-title {
  margin-top: 0; }

.page-product .property-item {
  width: 100%;
  float: right; }

.page-product .property-item li {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2px; }

.page-product .property-item li:last-child {
  margin-bottom: 0; }

.page-product .property-item .property-item-title {
  background: rgba(237, 228, 219, 0.5);
  width: 200px;
  line-height: 24px;
  font-size: 10pt;
  display: inline-flex;
  align-self: stretch;
  align-items: center;
  padding: 10px; }

.page-product .property-item .property-item-value {
  background: rgba(237, 228, 219, 0.2);
  flex: 1;
  line-height: 24px;
  display: inline-flex;
  align-self: stretch;
  align-items: center;
  padding: 10px;
  /*margin-right: 200px;*/ }

@media (max-width: 576px) {
  .page-product .property-item li {
    flex-direction: column; }

  .page-product .property-item .property-item-title, .page-product .property-item .property-item-value {
    width: 100%;
    margin: 0; } }
/* * comment * */
.page-product .form-product-comment-box {
  width: 100%;
  max-width: 767px;
  margin: 0 auto; }

.page-product .form-product-comment-box .box-title {
  font-size: 14pt;
  margin-bottom: 30px; }

/* * */
/*
.page-product .form-product-comment input[type="text"], .page-product .form-product-comment textarea
{
    background-color: #fafafa;
    padding: 20px;
    border: 1px solid #efefef;
    border-radius: 10px;
    box-shadow: inset 0 0 0 0 transparent !important;
    resize: none;
}
.page-product .form-product-comment input[type="text"]:focus, .page-product .form-product-comment textarea:focus
{
    border: 1px solid #d2d1d3;
}
.page-product .form-product-comment textarea
{
    height: 140px
}
.page-product .form-product-comment button
{
    background-color: #ff1d46;
    width: auto;
    color: #ffffff;
    font-size: 12pt;
    float: right;
    padding: 10px 25px;
    margin: 0;
    border: 0;
    border-radius: 10px;
    box-shadow: inset 0 0 0 0 transparent !important;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}
.page-product .form-product-comment button:focus, .page-product .form-product-comment button:hover
{
    background-color: #bd181e;
}
.page-product .form-product-comment button .icon
{
    margin-left: 5px;
}*/
.page-product .form-product-comment-box .warning {
  color: #8b8b8b;
  font-size: 9pt;
  text-align: justify;
  line-height: 2em;
  clear: both;
  padding-right: 10px;
  margin-top: 20px;
  border-right: 3px solid #8b8b8b; }

/* * */
.page-product .form-product-comment-box .form-product-comment-strength-weakness-box {
  width: 100%;
  float: right;
  margin-top: 30px; }

.page-product .form-product-comment-box .form-product-comment-strength-weakness-box input {
  margin-bottom: 7px; }

.page-product .form-product-comment-box .form-product-comment-strength-weakness-box .title {
  font-size: 11pt; }

.page-product .form-product-comment-box .btn-strength-add, .page-product .form-product-comment-box .btn-strength-remove,
.page-product .form-product-comment-box .btn-weakness-add, .page-product .form-product-comment-box .btn-weakness-remove {
  color: #d3d3d3;
  font-size: 8pt;
  font-weight: 900;
  float: left;
  padding: 5px 6px;
  margin: 0 5px 0 0 !important;
  border: 1px solid #d3d3d3;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.page-product .form-product-comment-box .btn-strength-add:hover, .page-product .form-product-comment-box .btn-strength-remove:hover,
.page-product .form-product-comment-box .btn-weakness-add:hover, .page-product .form-product-comment-box .btn-weakness-remove:hover {
  background-color: #dfdfdf;
  color: #8b8b8b; }

.page-product .form-product-comment-box .form-product-comment-strength-weakness-box div[class*="col-"]:first-child {
  padding-right: 0; }

.page-product .form-product-comment-box .form-product-comment-strength-weakness-box div[class*="col-"]:last-child {
  padding-left: 0; }

/* * */
.page-product .form-product-comment-box .form-product-comment-score-box {
  width: 100%;
  float: right;
  padding-left: 0;
  margin-top: 30px; }

.page-product .form-product-comment-box .form-product-comment-score-box .title {
  color: #ff1d46;
  font-size: 12pt;
  padding: 0;
  margin-bottom: 10px; }

.page-product .form-product-comment-score-box div[class*="col-"]:nth-child(odd) {
  padding-left: 0; }

.page-product .form-product-comment-score-box div[class*="col-"]:nth-child(even) {
  padding-right: 0; }

.page-product .form-product-comment-score-box .score-box {
  margin-bottom: 20px; }

.page-product .form-product-comment-score-box div[class*="col-"]:last-child .score-box {
  margin-bottom: 0; }

.page-product .form-product-comment-score-box .score-box .score-item-box {
  background: rgba(48, 48, 48, 0.2);
  width: 20%;
  height: 7px;
  float: right;
  border-left: 2px solid #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.page-product .form-product-comment-score-box .score-box .score-item-box.active, .page-product .form-product-comment-score-box .score-box .score-item-box.hover {
  background: #749E80; }

/* * */
.page-product .form-product-comment-suggest-others-box {
  width: 100%;
  float: right;
  margin-top: 30px; }

.page-product .form-product-comment-suggest-others-box .title {
  color: #ff1d46;
  font-size: 12pt;
  padding: 0;
  margin-bottom: 10px; }

.page-product .form-product-comment-suggest-others-box label {
  font-weight: normal;
  clear: both;
  margin-left: 20px; }

@media (max-width: 576px) {
  .page-product .form-product-comment-box .form-product-comment-strength-weakness-box div[class*="col-"] {
    width: 100%;
    padding: 0; }

  .page-product .form-product-comment-score-box div[class*="col-"] {
    width: 100%;
    padding: 0; } }
/* * */
.page-product .product-comment-text-box {
  /*background-color: #f9fcff;*/
  width: 100%;
  float: right;
  border: 1px solid #EDE4DB;
  margin-bottom: 20px;
  border-radius: 5px;
  overflow: hidden; }

.page-product .product-comment-text-box:last-child {
  margin-bottom: 0; }

.page-product .product-comment-text-box .product-comment-text-top {
  background-color: #EDE4DB;
  width: 100%;
  color: #303030;
  float: right;
  padding: 7px 10px; }

.page-product .product-comment-text-box .product-comment-text-top .product-comment-user {
  font-size: 10pt;
  float: right;
  padding: 5px 0 0 10px; }

.page-product .product-comment-text-box .product-comment-text-top .product-comment-date {
  font-size: 9pt;
  float: right;
  padding: 5px 0 0 0; }

.page-product .product-comment-text-box .product-comment-text-top .product-comment-like {
  font-size: 10pt;
  float: left; }

.page-product .product-comment-text-box .product-comment-text-top .product-comment-like .icon {
  font-size: 9pt;
  margin-right: 5px; }

.page-product .product-comment-text-box .product-comment-text-top .product-comment-like button {
  font-size: 9pt;
  padding: 4px 5px 3px 5px;
  border: 0;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.page-product .product-comment-text-box .product-comment-text {
  width: 100%;
  float: right;
  text-align: justify;
  padding: 20px 15px 10px 15px; }

.page-product .product-comment-text-box .product-comment-title {
  font-size: 11pt;
  margin-bottom: 20px; }

.page-product .product-comment-text-box .product-comment-des {
  width: 100%;
  float: right; }

.page-product .product-comment-text-box .product-comment-des .des {
  width: 100%;
  line-height: 2em;
  float: right;
  /*margin-top: 20px;*/ }

.page-product .product-comment-text-box .product-comment-des .suggest {
  /*height: 34px;*/
  font-size: 9pt;
  float: right;
  border: 1px solid transparent;
  padding: 5px 10px;
  margin-bottom: 20px;
  border-radius: 5px; }

.page-product .product-comment-text-box .product-comment-des .color {
  background-color: #efefef;
  height: 32px;
  float: right;
  padding: 7px 5px 5px 5px;
  margin: 1px 10px 0 0;
  border: 1px solid #efefef; }

.page-product .product-comment-text-box .product-comment-des .color .color-code {
  width: 16px;
  height: 16px;
  float: right; }

.page-product .product-comment-text-box .product-comment-des .color .color-title {
  font-size: 9pt;
  float: right;
  margin: -3px 7px 0 0; }

.page-product .product-comment-text-box .product-comment-answer {
  background-color: #f7f7f6;
  width: 100%;
  float: right;
  padding: 15px 20px;
  margin-top: 20px; }

.page-product .product-comment-text-box .product-comment-answer .support-name {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ede4db; }

.page-product .product-comment-text-box .product-comment-answer .message {
  line-height: 2em;
  text-align: justify; }

.page-product .product-comment-text-box .product-comment-score-box {
  width: 100%;
  float: right;
  padding-left: 0;
  margin-top: 30px; }

.page-product .product-comment-text-box .product-comment-score-box div[class*="col-"]:nth-child(odd) {
  padding-right: 0; }

.page-product .product-comment-text-box .product-comment-score-box div[class*="col-"]:nth-child(even) {
  padding-left: 0; }

.page-product .product-comment-text-box .product-comment-score-box .score-box {
  margin-bottom: 20px; }

.page-product .product-comment-text-box .product-comment-score-box div[class*="col-"]:last-child .score-box {
  margin-bottom: 0; }

.page-product .product-comment-text-box .product-comment-score-box .score-box .score-item-box {
  background: #ededed;
  width: 20%;
  height: 5px;
  float: right;
  border-left: 2px solid #ffffff; }

.page-product .product-comment-text-box .product-comment-score-box .score-box .score-item-box.active {
  background: #749E80; }

.page-product .product-comment-text-box .product-comment-strength-weakness {
  width: 100%;
  float: right;
  line-height: 2em;
  margin-top: 30px; }

.page-product .product-comment-text-box .product-comment-strength-weakness div[class*="col-"]:nth-child(1) {
  padding-right: 0; }

.page-product .product-comment-text-box .product-comment-strength-weakness div[class*="col-"]:nth-child(2) {
  padding-left: 0; }

.page-product .product-comment-text-box .product-comment-strength-title {
  color: #33a700;
  font-size: 10pt;
  margin-bottom: 10px; }

.page-product .product-comment-text-box .product-comment-strength-des {
  line-height: 2em;
  font-size: 9pt; }

.page-product .product-comment-text-box .product-comment-strength-des .icon {
  color: #33a700;
  font-size: 4pt;
  margin-left: 5px; }

.page-product .product-comment-text-box .product-comment-weakness-title {
  color: #ff1d46;
  font-size: 10pt;
  margin-bottom: 10px; }

.page-product .product-comment-text-box .product-comment-weakness-des {
  line-height: 2em;
  font-size: 9pt; }

.page-product .product-comment-text-box .product-comment-weakness-des .icon {
  color: #ff1d46;
  font-size: 4pt;
  margin-left: 5px; }

@media (max-width: 576px) {
  .page-product .product-comment-text-box .product-comment-score-box div[class*="col-"] {
    width: 100%;
    padding: 0; }

  .page-product .product-comment-text-box .product-comment-strength-weakness div[class*="col-"] {
    width: 100%;
    padding: 0; }

  .page-product .product-comment-text-box .product-comment-weakness-title {
    margin-top: 20px; } }
/* * */
.page-product .product-related-box {
  margin: 50px 0 0 0; }

/* * */
.modal-product-favorite .form-box input, .modal-product-favorite .form-box select, .modal-product-favorite .form-box textarea {
  height: 40px;
  padding: 20px;
  border: 1px solid #d3d3d3;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: inset 0 0 0 0 transparent !important;
  resize: none; }

.modal-product-favorite .form-box select {
  padding-top: 7px;
  padding-bottom: 7px; }

.modal-product-favorite .form-box input:focus, .modal-product-favorite .form-box select:focus, .modal-product-favorite .form-box textarea:focus {
  border: 1px solid #ff1d46; }

.modal-product-favorite .form-box textarea {
  height: 120px; }

.modal-product-favorite .form-box button,
.modal-product-notice .form-box button {
  /*
     background-color: #ff1d46;*/
  width: auto;
  font-size: 11pt;
  float: right;
  padding: 5px 10px;
  margin: 0 0 0 10px;
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: inset 0 0 0 0 transparent !important;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out; }

.modal-product-favorite .form-box button .icon,
.modal-product-notice .form-box button .icon {
  margin-left: 5px; }

.modal-product-notice .title {
  color: #ff1d46;
  font-size: 11pt;
  margin-bottom: 10px; }

.modal-product-notice .notice-result {
  text-align: center;
  clear: both; }

/* * */
.modal-request-product .form-box input {
  height: 40px;
  padding: 20px;
  border: 1px solid #d3d3d3;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: inset 0 0 0 0 transparent !important;
  resize: none; }

.modal-request-product .form-box input:focus {
  border: 1px solid #ff1d46; }

.modal-request-product .form-box button {
  width: auto;
  font-size: 11pt;
  float: right;
  padding: 5px 10px;
  margin: 0 0 0 10px;
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: inset 0 0 0 0 transparent !important;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out; }

.modal-request-product .form-box button .icon {
  margin-left: 5px; }

/* * */
@media (max-width: 992px) {
  .page-product .col-right {
    width: 100%;
    display: none; }

  .page-product .col-left {
    width: 100%; } }
/*
.order-product-number
{
    background-color: #f5f5f5;
    width: 80px;
    height: 35px;
    color: #303030;
    padding-right: 15px;
    border: 1px solid #d8d8d8;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.order-product-number::-ms-expand
{
    display: none;
}

.order-product-number-box
{
    position: relative;
    display: inline-block;
}


.order-product-number-arrow:after
{
    background-color: red;
    width: 80px;
    height: 35px;
    content: "\f007";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
}
.order-product-number-arrow
{
    background: #fff;
    bottom: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 50px;
    pointer-events: none;
}
*/
/* brand
***********************************************************************************************************************/
/* slider */
.page-brand-view .brand-slider {
  margin-top: 30px; }

.page-brand-view .slider-full,
.page-brand-view .brand-slider .slider {
  background-color: #c9d0d6;
  width: 100%;
  height: 25%;
  float: left;
  clear: both;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0; }

.page-brand-view .brand-slider .slider {
  height: 100%; }

.page-brand-view .slider-full:before,
.page-brand-view .brand-slider .slider:before {
  content: "";
  display: block;
  padding-top: 25%; }

.page-brand-view .brand-slider .slider:before {
  padding-top: 100%; }

.page-brand-view .slider-full .swiper-container,
.page-brand-view .brand-slider .slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.page-brand-view .slider-full .swiper-slide a,
.page-brand-view .brand-slider .slider .swiper-slide a {
  width: 100%;
  height: 100%;
  float: right;
  overflow: hidden; }

.page-brand-view .slider-full .swiper-slide img,
.page-brand-view .brand-slider .slider .swiper-slide img {
  width: 100%;
  height: 100%;
  float: right;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: "object-fit: cover;"; }

.page-brand-view .slider-full .swiper-pagination .swiper-pagination-bullet,
.page-brand-view .brand-slider .slider .swiper-pagination .swiper-pagination-bullet {
  background-color: #ffffff;
  width: 12px;
  height: 12px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  box-shadow: 0 5px 30px -5px #303030;
  margin: 0 2px !important; }

.page-brand-view .slider-full .swiper-pagination .swiper-pagination-bullet-active,
.page-brand-view .brand-slider .slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #9e180d;
  opacity: 0.7;
  -moz-opacity: 0.7; }

/* brand-des */
.page-brand-view .brand-des-box {
  margin-top: 30px; }

.page-brand-view .brand-des-box .brand-des {
  background-color: #ffffff;
  width: 100%;
  color: #303030;
  text-align: justify;
  line-height: 2em;
  float: right;
  padding: 20px; }

.page-brand-view .brand-des-box .brand-des .img-box img {
  width: 100%;
  max-width: 100px; }

.page-brand-view .brand-des-box .brand-des h2 {
  font-size: 16pt;
  margin: 20px 0; }

@media (max-width: 767px) {
  .page-brand-view .brand-des-box .brand-des {
    height: auto !important;
    min-height: 100% !important; } }
/* banner */
.page-brand-view .banner-box {
  width: 100%;
  float: right;
  clear: both;
  margin-top: 0; }

.page-brand-view .banner-box .banner-item {
  background-color: #ffffff;
  width: 100%;
  float: right;
  margin-top: 30px; }

.page-brand-view .banner-box .banner-item .img-box {
  background-color: #c9d0d6;
  width: 100%;
  height: 100%;
  float: right;
  clear: both;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0; }

.page-brand-view .banner-wide-box .banner-item .img-box {
  height: 50%; }

.page-brand-view .banner-box .banner-item .img-box:before {
  content: "";
  display: block;
  padding-top: 100%; }

.page-brand-view .banner-wide-box .banner-item .img-box:before {
  padding-top: 50%; }

.page-brand-view .banner-box .banner-item .img-box img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0; }

.page-brand-view .banner-box .banner-item .title {
  background-color: #ffffff;
  width: 100%;
  color: #303030;
  font-size: 10pt;
  text-align: center;
  float: right;
  clear: both;
  padding: 12px 10px 10px 10px;
  margin: 0; }

.page-brand-view .banner-box .banner-item a {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.page-brand-view .banner-box .banner-item:hover a {
  opacity: 0.7;
  -moz-opacity: 0.7; }

@media (max-width: 576px) {
  .page-brand-view .banner-wide-box .banner-item-box {
    width: 100%; } }
@media (max-width: 450px) {
  .page-brand-view .banner-item-box {
    width: 100%; } }
/* banner by group */
.page-brand-view .banner-by-group {
  width: 100%;
  float: right;
  clear: both;
  margin-top: 0; }

.page-brand-view .banner-by-group .title {
  background-color: #8a8a8a;
  height: 40px;
  color: #ffffff;
  font-size: 14pt;
  text-align: center;
  padding: 10px !important;
  margin: 30px 0 0 0 !important; }

.page-brand-view .banner-by-group .banner-item {
  background-color: #ffffff;
  width: 100%;
  float: right;
  margin-top: 30px; }

.page-brand-view .banner-by-group .banner-item .img-box {
  background-color: #c9d0d6;
  width: 100%;
  height: 100%;
  float: right;
  clear: both;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0; }

.page-brand-view .banner-by-group .banner-item-wide-box .banner-item .img-box {
  height: calc(50% - 15px); }

.page-brand-view .banner-by-group .banner-item .img-box:before {
  content: "";
  display: block;
  padding-top: 100%; }

.page-brand-view .banner-by-group .banner-item-wide-box .banner-item .img-box:before {
  padding-top: calc(50% - 15px); }

.page-brand-view .banner-by-group .banner-item .img-box img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: "object-fit: cover;";
  position: absolute;
  top: 0;
  left: 0; }

.page-brand-view .banner-by-group .banner-item .title {
  background-color: #ffffff;
  width: 100%;
  color: #303030;
  font-size: 10pt;
  text-align: center;
  float: right;
  clear: both;
  padding: 12px 10px 10px 10px !important;
  margin: 0 !important; }

.page-brand-view .banner-by-group .banner-item a {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.page-brand-view .banner-by-group .banner-item:hover a {
  opacity: 0.7;
  -moz-opacity: 0.7; }

/* brand-video */
.page-brand-view .brand-video .video-box {
  width: 100%;
  height: 56.25%;
  float: right;
  clear: both;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0; }

.page-brand-view .brand-video .video-box:before {
  content: "";
  display: block;
  padding-top: 56.25%; }

.page-brand-view .brand-video .video-box video {
  background: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.page-brand-view .brand-video .video-des {
  text-align: justify;
  line-height: 2em;
  margin-top: 30px; }

.page-brand-view .brand-video .video-des h2 {
  font-size: 16pt;
  margin: 0 0 10px 0; }

/* brand-about */
.page-brand-view .brand-about {
  background-color: #f9f9f9;
  color: #303030;
  text-align: justify;
  line-height: 2em;
  padding: 20px;
  margin-top: 30px; }

.page-brand-view .brand-about .title {
  font-size: 16pt;
  margin-bottom: 20px; }

/* order-basket
***********************************************************************************************************************/
.page-order-basket .panel-content-box {
  background-color: transparent;
  padding: 20px;
  border: 1px solid #ececec;
  box-shadow: unset; }

.page-order-basket .title-box {
  color: #342d41;
  font-size: 12pt;
  font-weight: bold;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #EDE4DB; }

.page-order-basket .order-basket-product-count {
  font-size: 10pt;
  font-weight: normal;
  float: left; }

/* *** */
.page-order-basket .alert-order-product-change {
  color: #ff1d46;
  margin-bottom: 50px; }

.page-order-basket .alert-order-wallet {
  margin-top: 50px; }

/* *** */
.page-order-basket .order-basket-product-box {
  width: 100%;
  float: right;
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid rgba(48, 48, 48, 0.2);
  border-radius: 5px; }

.page-order-basket .order-basket-product-box .order-basket-product-head {
  width: 100%;
  text-align: center;
  font-weight: bold;
  float: right;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(48, 48, 48, 0.4); }

.page-order-basket .order-basket-product-box .order-basket-product-head .col-title {
  width: calc(100% - 340px);
  text-align: right;
  float: right; }

.page-order-basket .order-basket-product-box .order-basket-product-head .col-number {
  width: 60px;
  text-align: center;
  float: right; }

.page-order-basket .order-basket-product-box .order-basket-product-head .col-price {
  width: 140px;
  float: right; }

.page-order-basket .order-basket-product-box .order-basket-product-head .price-unit {
  font-size: 8pt;
  font-weight: normal; }

.page-order-basket .order-basket-product-box .order-basket-product-body .order-basket-product-item {
  width: 100%;
  float: right;
  padding: 10px 0;
  border-bottom: 1px solid #EDE4DB; }

.page-order-basket .order-basket-product-box .order-basket-product-body .order-basket-product-item:last-child {
  padding-bottom: 0;
  border-bottom: 0; }

.page-order-basket .order-basket-product-box .order-basket-product-body .col-title {
  width: calc(100% - 340px);
  /*line-height: 50px;*/
  text-align: justify;
  float: right;
  display: flex;
  align-items: center; }

.page-order-basket .order-basket-product-box .order-basket-product-body .btn-delete {
  width: 30px;
  line-height: 50px;
  color: #ff1d46;
  text-align: center;
  float: right;
  margin-left: 5px; }

.page-order-basket .order-basket-product-box .order-basket-product-body .image {
  float: right;
  margin-left: 5px;
  border-radius: 5px;
  overflow: hidden; }

.page-order-basket .order-basket-product-box .order-basket-product-body .image img {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: "object-fit: cover;"; }

.page-order-basket .order-basket-product-box .order-basket-product-body .title-color-size-box {
  width: calc(100% - 85px);
  float: right; }

.page-order-basket .order-basket-product-box .order-basket-product-body .title {
  width: 100%;
  float: right; }

.page-order-basket .order-basket-product-box .order-basket-product-body .title-color-size-box .color-size-box span {
  color: rgba(102, 81, 54, 0.7);
  font-size: 9pt;
  margin-left: 10px; }

.page-order-basket .order-basket-product-box .order-basket-product-body .col-number {
  width: 60px;
  text-align: center;
  float: right;
  padding-top: 12.5px; }

.page-order-basket .order-basket-product-box .order-basket-product-body .col-price {
  width: 140px;
  text-align: center;
  float: right; }

.page-order-basket .order-basket-product-box .order-basket-product-body .col-price .price {
  line-height: 25px;
  font-size: 11pt; }

.page-order-basket .order-basket-product-box .order-basket-product-body .col-price .price.full {
  line-height: 50px; }

.page-order-basket .order-basket-product-box .order-basket-product-body .col-price .price-old {
  line-height: 25px;
  color: #b0b0b0;
  font-size: 9pt;
  text-decoration: line-through; }

.page-order-basket .order-basket-product-box .order-basket-product-body .price-unit {
  font-size: 8pt;
  font-weight: normal; }

.page-order-basket .order-basket-product-box .btn-increase-decrease {
  float: right; }

.page-order-basket .order-basket-product-box .btn-increase-decrease .btn-increase, .page-order-basket .order-basket-product-box .btn-increase-decrease .btn-decrease {
  width: 25px;
  height: 25px;
  line-height: 30px;
  color: #303030;
  font-size: 8pt;
  text-align: center;
  float: right;
  cursor: pointer; }

.page-order-basket .order-basket-product-box .btn-increase-decrease .btn-increase:hover, .page-order-basket .order-basket-product-box .btn-increase-decrease .btn-decrease:hover {
  color: #7c75a9; }

.page-order-basket .order-basket-product-box .order-basket-product-number {
  background-color: transparent;
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #303030;
  font-size: 10pt;
  text-align: center;
  text-align-last: center;
  float: right;
  margin: 0;
  border: 1px solid #EDE4DB;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
                /*
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;*/ }

/* *** */
.page-order-basket .col-order-basket-price {
  width: 100%;
  float: right;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid rgba(48, 48, 48, 0.2);
  border-radius: 5px; }

.page-order-basket .col-order-basket-price .order-price {
  /*background-color: #fafafa;*/
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  padding: 10px 0;
  /*margin-bottom: 10px;*/ }

.page-order-basket .col-order-basket-price .order-price .title {
  font-size: 8pt;
  height: 25px;
  line-height: 25px; }

.page-order-basket .col-order-basket-price .order-price .price {
  height: 25px;
  line-height: 25px;
  font-weight: bold; }

.page-order-basket .col-order-basket-price .order-price .price .price-unit {
  font-size: 8pt;
  font-weight: normal;
  margin-right: 5px; }

/* *** */
.order-basket-gift-card-title {
  line-height: 25px;
  font-size: 8pt;
  margin-bottom: 5px; }

.form-order-basket-gift-card {
  background-color: #fafafa;
  width: 100%;
  float: right;
  border-radius: 7px; }

.form-order-basket-gift-card input {
  background-color: transparent;
  width: calc(100% - 55px);
  height: 40px;
  line-height: 40px;
  font-size: 12pt;
  float: right;
  padding: 0 10px;
  border: 0;
  border-radius: 7px;
  text-transform: uppercase; }

.form-order-basket-gift-card button {
  background-color: #ff1d46;
  width: 50px;
  height: 30px;
  line-height: 30px;
  color: #303030;
  font-size: 9pt;
  float: left;
  padding: 0;
  margin: 5px 0 0 5px;
  border: 1px solid #ff1d46;
  border-radius: 7px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.form-order-basket-gift-card button:hover {
  background-color: #bd181e; }

/* *** */
.page-order-basket .alert-min-price {
  background-color: #ffcbc9;
  height: 40px;
  line-height: 40px;
  color: #78605f;
  font-size: 10pt;
  float: left;
  padding: 0 15px;
  margin-right: 10px;
  border: 1px solid #ffcbc9;
  border-radius: 10px; }

.page-order-basket .btn-type-1 {
  background-color: #749E80;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  font-size: 10pt;
  float: left;
  padding: 0 15px;
  margin-right: 10px;
  border: 0;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.page-order-basket .btn-type-1:hover {
  background-color: #664F32;
  color: #EDE4DB; }

.page-order-basket .btn-type-1.center {
  float: none;
  display: inline-block;
  margin: 3px 5px; }

.page-order-basket .btn-type-2 {
  background-color: #ffffff;
  height: 40px;
  line-height: 40px;
  color: #303030;
  font-size: 10pt;
  float: left;
  padding: 0 15px;
  margin-right: 10px;
  border: 1px solid #EDE4DB;
  /*border-radius: 10px;*/
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.page-order-basket .btn-type-2:hover {
  background-color: #EDE4DB; }

/* *** */
@media (max-width: 992px) {
  .order-basket-gift-card-title {
    font-size: 7pt; } }
@media (max-width: 767px) {
  .page-order-basket .order-basket-product-box .order-basket-product-head {
    display: none; }

  .page-order-basket .order-basket-product-box .order-basket-product-body .col-title {
    width: 100%;
    margin-bottom: 10px; }

  .page-order-basket .order-basket-product-box .order-basket-product-body .col-price {
    width: calc((100% - 75px) / 2); }

  .order-basket-gift-card-title {
    font-size: 8pt; } }
@media (max-width: 576px) {
  /*.page-order-basket .order-price-box*/
  /*{*/
  /*    width: 50%;*/
  /*}*/
  /*.page-order-basket.page-order-review .order-price-box*/
  /*{*/
  /*    width: 50%;*/
  /*}*/
  /*.page-order-basket .order-price-box:nth-child(n + 3)*/
  /*{*/
  /*    margin-top: 10px;*/
  /*}*/ }
/* basket shipping
***********************************************************************************************************************/
.col-order-shipping-address {
  /*padding: 0 !important;*/
  /*border: 0;*/
  box-shadow: unset; }

.col-order-shipping-address .show-data {
  width: 100%;
  margin: 0; }

.col-order-shipping-address .address-item {
  background-color: rgba(116, 158, 128, 0.01);
  width: 100%;
  float: right;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid rgba(116, 158, 128, 0.1);
  border-radius: 5px; }

.col-order-shipping-address .address-item.active {
  background-color: rgba(116, 158, 128, 0.1);
  border: 1px solid #749E80; }

.col-order-shipping-address .address-item .title {
  color: #303030;
  font-size: 8pt; }

.col-order-shipping-address .address-item .col-box {
  width: calc(100% - 60px);
  float: left; }

.col-order-shipping-address .address-item .col-box .col-name, .col-order-shipping-address .address-item .col-box .col-postal-code {
  width: 200px;
  float: right; }

.col-order-shipping-address .address-item .col-box .col-address {
  width: calc(100% - 400px);
  text-align: justify;
  float: right;
  padding-left: 20px; }

.col-order-shipping-address .address-item .col-btn {
  width: 35px;
  text-align: center;
  float: left; }

/*.col-order-shipping-delivery*/
/*{*/
/*    padding: 0 !important;*/
/*    border: 0;*/
/*    box-shadow: unset;*/
/*}*/
.col-order-shipping-delivery .delivery-way-item,
.col-order-shipping-reserved-send-future .reserved-send-future-way-item,
.col-order-shipping-delivery .delivery-time-item, .col-order-shipping-payment .payment-type-item, .col-order-payment-payment .payment-item {
  background-color: rgba(116, 158, 128, 0.01);
  width: 100%;
  float: right;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid rgba(116, 158, 128, 0.1);
  border-radius: 5px;
  cursor: pointer; }

.col-order-shipping-delivery .delivery-way-item.active,
.col-order-shipping-reserved-send-future .reserved-send-future-way-item.active,
.col-order-shipping-delivery .delivery-time-item.active, .col-order-shipping-payment .payment-type-item.active, .col-order-payment-payment .payment-item.active {
  background-color: rgba(116, 158, 128, 0.1);
  border: 1px solid #749E80; }

.col-order-shipping-delivery .delivery-way-item .title-des,
.col-order-shipping-reserved-send-future .reserved-send-future-way-item .title-des,
.col-order-shipping-delivery .delivery-time-item .title-des, .col-order-shipping-payment .payment-type-item .title-des, .col-order-payment-payment .payment-item .title-des {
  width: calc(100% - 25px);
  float: left; }

.col-order-shipping-delivery .delivery-way-item .title-des .title,
.col-order-shipping-reserved-send-future .reserved-send-future-way-item .title-des .title,
.col-order-shipping-delivery .delivery-time-item .title-des .title, .col-order-shipping-payment .payment-type-item .title-des .title, .col-order-payment-payment .payment-item .title-des .title {
  color: #303030; }

.col-order-shipping-delivery .delivery-way-item .title-des .des,
.col-order-shipping-reserved-send-future .reserved-send-future-way-item .title-des .des,
.col-order-shipping-delivery .delivery-time-item .title-des .des, .col-order-shipping-payment .payment-type-item .title-des .des, .col-order-payment-payment .payment-item .title-des .des {
  color: #303030;
  font-size: 8pt; }

.col-order-payment-payment .payment-item .title-des .des-warning {
  line-height: 2em !important;
  color: #e30d0d;
  font-size: 9pt;
  font-weight: bold;
  display: inline-block; }

.col-order-shipping-delivery .delivery-way-item .title-des .price {
  margin-right: 10px; }

.col-order-shipping-delivery .delivery-way-item .title-des .price-unit {
  color: #303030;
  font-size: 8pt; }

.page-order-shipping .col-order-shipping-price .price-box {
  width: 100%;
  line-height: 35px;
  color: #303030;
  float: right; }

.page-order-shipping .col-order-shipping-price .price-box.price-total-cost-box {
  color: #303030;
  font-weight: bold; }

.page-order-shipping .col-order-shipping-price .price-box .title {
  float: right; }

.page-order-shipping .col-order-shipping-price .price-box .price {
  float: left; }

.page-order-shipping .col-order-shipping-price .price-box .price.price-discount {
  color: #ff1d46; }

.page-order-shipping .col-order-shipping-price .price-box .price .price-unit {
  font-size: 8pt;
  margin-right: 5px; }

/*.page-order-review .panel-content-box*/
/*{*/
/*    padding: 10px !important;*/
/*    border: 1px solid #ececec;*/
/*    box-shadow: unset;*/
/*}*/
.page-order-review .order-basket-product-box {
  margin-bottom: 0; }

/* *** */
@media (max-width: 1199px) {
  .col-order-shipping-address .address-item .col-box .col-name, .col-order-shipping-address .address-item .col-box .col-postal-code {
    width: 150px; }

  .col-order-shipping-address .address-item .col-box .col-address {
    width: calc(100% - 300px); } }
@media (max-width: 992px) {
  .col-order-shipping-address .address-item .col-box .col-name, .col-order-shipping-address .address-item .col-box .col-postal-code {
    width: 100px; }

  .col-order-shipping-address .address-item .col-box .col-address {
    width: calc(100% - 200px); } }
@media (max-width: 767px) {
  .col-order-shipping-address .address-item .col-box .col-name, .col-order-shipping-address .address-item .col-box .col-postal-code {
    width: 50%; }

  .col-order-shipping-address .address-item .col-box .col-address {
    width: 100%; } }
@media (max-width: 450px) {
  .col-order-shipping-address .address-item .col-box .col-name, .col-order-shipping-address .address-item .col-box .col-postal-code {
    width: 100%; } }
/*
***********************************************************************************************************************/
.page-order-review .address-item .col-box {
  width: 100%; }

.page-order-review .address-item .col-box div[class*="col-"] {
  width: 100%;
  display: inline-flex; }

.page-order-review .address-item .col-box div[class*="col-"] .title {
  width: 80px; }

.page-order-review .address-item .col-box div[class*="col-"] .des {
  flex: 1; }

.page-order-review .delivery-way-item .title-des,
.page-order-review .delivery-time-item .title-des {
  width: 100%; }

/*
***********************************************************************************************************************/
/*.page-order-payment .panel-content-box*/
/*{*/
/*    padding: 0 !important;*/
/*    border: 0;*/
/*    box-shadow: unset;*/
/*}*/
.page-order-payment .col-order-payment-price {
  /*background-color: #fafafa;*/
  text-align: center;
  /*padding: 10px;*/
  color: #749E80;
  margin-bottom: 30px;
  /*border: 1px solid #eeeeee;*/
  /*border-radius: 10px;*/ }

.page-order-payment .col-order-payment-price .price-total {
  color: #749E80;
  font-size: 13pt;
  font-weight: bold;
  margin: 0 15px; }

/*
***********************************************************************************************************************/
/*.page-order-finish .panel-content-box*/
/*{*/
/*    padding: 0;*/
/*    margin-bottom: 50px;*/
/*    border: 0;*/
/*    box-shadow: unset;*/
/*}*/
.page-order-finish .order-data-row {
  margin: 0 -5px; }

.page-order-finish .order-data-box {
  width: 100%;
  float: right;
  padding: 0 5px; }

/*.page-order-finish.page-order-review .order-data-box*/
/*{*/
/*    width: 25%;*/
/*}*/
.page-order-finish .order-data-box .order-data {
  width: 100%;
  display: inline-flex;
  align-items: center;
  /*justify-content: space-between;*/
  /*background-color: #fafafa;*/
  /*text-align: center;*/
  /*padding: 10px 0;*/
  /*border-radius: 7px;*/ }

.page-order-finish .order-data-box .order-data .title {
  width: 80px;
  font-size: 8pt;
  /*height: 25px;*/
  /*line-height: 25px;*/ }

.page-order-finish .order-data-box .order-data .des {
  flex: 1;
  /*height: 25px;*/
  /*line-height: 25px;*/
  font-weight: bold; }

.page-order-finish .alarm-payment-unpaid {
  width: 100%;
  color: #ff1d46;
  font-size: 12pt;
  text-align: center; }

.page-order-finish .alarm-payment-btn-box {
  width: 100%;
  text-align: center;
  margin-top: 30px; }

.page-order-finish .alarm-payment-btn-box .btn-type-1 {
  float: none;
  display: inline-block;
  margin: 5px 10px 0 10px; }

.page-order-finish .table-show-data th:first-child, .page-order-finish .table-show-data td:first-child {
  /*border-radius: 0 10px 10px 0;*/ }

.page-order-finish .table-show-data th:last-child, .page-order-finish .table-show-data td:last-child {
  /*border-radius: 10px 0 0 10px;*/ }

/* *** */
@media (max-width: 576px) {
  .page-order-finish .order-data-box {
    width: 50%; }

  .page-order-finish.page-order-review .order-data-box {
    width: 50%; }

  .page-order-finish .order-data-box:nth-child(n + 3) {
    margin-top: 10px; } }
/*
***********************************************************************************************************************/
.page-order-deposit .panel-content-box {
  padding: 0;
  border: 0;
  box-shadow: unset; }

.page-order-deposit .form-col-right .control-label {
  width: 100%; }

/*.page-order-deposit .table-show-data th:first-child, .page-order-deposit .table-show-data td:first-child*/
/*{*/
/*    border-radius: 0 10px 10px 0;*/
/*}*/
/*.page-order-deposit .table-show-data th:last-child, .page-order-deposit .table-show-data td:last-child*/
/*{*/
/*    border-radius: 10px 0 0 10px;*/
/*}*/
.page-order-deposit .form-order-deposit .data-box {
  margin-bottom: 10px; }

.page-order-deposit .form-order-deposit .data-box:last-child {
  margin-bottom: 0; }

.page-order-deposit .form-order-deposit .data-box .title {
  width: 100px;
  color: #888888;
  float: right;
  padding-right: 5px; }

.page-order-deposit .form-order-deposit .data-box .data {
  padding-right: 100px; }

.page-order-deposit .form-order-deposit .data-box .data.number {
  letter-spacing: 0.2em; }

/*
***********************************************************************************************************************/
.btn-password-show-hide {
  color: #888888;
  cursor: pointer;
  position: absolute;
  bottom: 15px;
  right: 20px; }

.sk-spinner-three-bounce div {
  background-color: #749E80; }

/*
***********************************************************************************************************************/
.table-show-data {
  margin-bottom: 0; }

.table-show-data > tbody > tr > td, .table-show-data > tbody > tr > th, .table-show-data > tfoot > tr > td, .table-show-data > tfoot > tr > th, .table-show-data > thead > tr > td, .table-show-data > thead > tr > th {
  padding: 12px 8px;
  vertical-align: middle;
  border-top: 5px solid #ffffff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.table-show-data > thead > tr > td, .table-show-data > thead > tr > th {
  background-color: #d9dee2;
  color: #303030;
  font-size: 10pt;
  font-weight: bold;
  padding: 12px 8px;
  border-bottom: 7px solid #ffffff; }

.table-show-data2 > tbody > tr > td, .table-show-data2 > tbody > tr > th, .table-show-data2 > tfoot > tr > td, .table-show-data2 > tfoot > tr > th, .table-show-data2 > thead > tr > td, .table-show-data2 > thead > tr > th,
.table-show-data2 > thead > tr > td, .table-show-data2 > thead > tr > th {
  border: 1px solid #c6c6c6; }

.table-show-data > tbody > tr:nth-child(even) > td, .table-show-data > tbody > tr:nth-child(even) > th,
.table-show-data > tbody > tr.row-even > td, .table-show-data > tbody > tr.row-even > th {
  background-color: rgba(237, 228, 219, 0.25); }

.table-show-data > tbody > tr:nth-child(odd) > td, .table-show-data > tbody > tr:nth-child(odd) > th,
.table-show-data > tbody > tr.row-odd > td, .table-show-data > tbody > tr.row-odd > th {
  background-color: rgba(237, 228, 219, 0.1); }

.table-show-data > tbody > tr.row-even > td, .table-show-data > tbody > tr.row-even > th {
  background-color: #f5f8fb !important; }

.table-show-data > tbody > tr.row-odd > td, .table-show-data > tbody > tr.row-odd > th {
  background-color: #f9fcff !important; }

.table-show-data.table-hover tbody > tr:hover > td, .table-show-data.table-hover tbody > tr:hover > th {
  background-color: #f3eed7 !important; }

.table-show-data .row-detail .table-show-data > tbody > tr > td {
  background-color: #f5f5f5 !important;
  border-top: 2px solid #ececec !important; }

.table-show-data .row-detail .table-show-data > thead > tr > th {
  border-bottom: 3px solid #ececec !important; }

.table-show-data .table-row-data {
  background-color: #888795;
  color: #ffffff;
  font-weight: normal;
  padding: 8px; }

.btn, .btn:visited {
  /*color: #ffffff;*/
  font-size: 11pt;
  margin: 0 2px;
  border: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.btn:hover {
  /*color: #ffffff;*/ }

.btn-circle {
  width: 30px;
  height: 30px;
  font-size: 11pt !important;
  text-align: center;
  line-height: 1.428571429;
  padding: 6px 0;
  border: 0;
  border-radius: 15px; }

/*
***********************************************************************************************************************/
.panel-content-box.des {
  text-align: justify;
  line-height: 2em; }

.panel-content-box.des p {
  margin-bottom: 15px; }

.panel-content-box.des p:last-child {
  margin-bottom: 0; }

.panel-content-box.des img {
  max-width: 100%;
  height: auto !important; }

/* light gallery
***********************************************************************************************************************/
body.lg-on {
  overflow: hidden; }

.lg-backdrop {
  background-color: rgba(0, 0, 0, 0.7); }

/* my-modal
***********************************************************************************************************************/
.my-modal-back {
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  min-width: 320px;
  height: 100%;
  float: right;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000; }

.my-modal-back .my-modal-content {
  background-color: #ffffff;
  width: calc(100% - 30px);
  max-width: 500px;
  padding: 20px;
  /*border-radius: 15px;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.my-modal-back .my-modal-head {
  width: 100%;
  float: right;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EDE4DB; }

.my-modal-back .my-modal-head .title {
  width: 100%;
  color: #303030;
  font-size: 12pt;
  float: right; }

.my-modal-back .my-modal-head .title.center {
  text-align: center; }

.my-modal-back .my-modal-head .btn-close {
  background-color: #efeff0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #303030;
  text-align: center;
  float: left;
  border-radius: 100%;
  cursor: pointer;
  position: absolute;
  top: 20px;
  left: 20px; }

/* file btn
***********************************************************************************************************************/
.input-file-box {
  background: #f5f5f5;
  float: right;
  position: relative;
  cursor: pointer;
  margin: 0 0 2px 2px;
  border-radius: 0; }

.input-file-box:hover {
  background: #fafafa; }

.input-file-box .btn-circle {
  background-color: #ffffff;
  border: 0; }

/* * */
.input-file-no-image-box .file-name {
  float: right;
  margin: 10px 5px 5px 5px;
  direction: ltr; }

.input-file-no-image-box .btn-circle {
  background-color: #ffffff;
  color: #303030;
  font-weight: 900;
  float: left;
  margin: 0;
  border: 0; }

/* image */
.input-file-image-box {
  width: 100px;
  height: 100px; }

.input-file-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: "object-fit: cover;"; }

.input-file-image-box .btn-circle {
  background-color: #ffffff;
  color: #303030;
  float: left;
  margin: 0;
  border: 0;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%); }

.input-file-btn-box {
  width: 100%;
  height: 100%; }

/* form
***********************************************************************************************************************/
.form-box .control-label {
  color: rgba(48, 48, 48, 0.5);
  position: relative;
  padding-top: 7px;
  margin-bottom: 0; }

.form-box input, .form-box select, .form-box textarea {
  background-color: #ffffff;
  height: 40px;
  padding: 5px 10px 5px 10px;
  margin-bottom: 5px;
  border-radius: 5px;
  box-shadow: none;
  border: 1px solid rgba(48, 48, 48, 0.4);
  resize: none; }

.form-box textarea {
  height: 120px; }

.form-box input:focus, .form-box select:focus, .form-box textarea:focus {
  border: 1px solid #749E80;
  box-shadow: none; }

.form-box .btn-submit {
  background-color: #749E80;
  width: auto;
  color: #ffffff;
  font-size: 10pt;
  float: left;
  padding: 10px 20px;
  margin-right: 10px;
  border: 0;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: inset 0 0 0 0 transparent;
  position: relative; }

.form-box .btn-submit:focus, .form-box .btn-submit:hover {
  background-color: #664F32;
  color: #EDE4DB; }

.form-box .btn-cancel {
  /*background-color: #f5f5f5;*/
  width: auto;
  color: rgba(48, 48, 48, 0.4);
  font-size: 10pt;
  float: left;
  padding: 10px 0;
  border: 0;
  overflow: hidden;
  /*border-radius: 7px;*/
  box-shadow: inset 0 0 0 0 transparent;
  position: relative; }

/*.form-box .btn-cancel:focus, .form-box .btn-cancel:hover*/
/*{*/
/*    background-color: #ececec;*/
/*}*/
/* profile menu
***********************************************************************************************************************/
.profile-col-right .panel-content-box {
  background-color: rgba(116, 158, 128, 0.1);
  padding: 10px;
  /*border: 1px solid #ececec;*/
  box-shadow: unset; }

.profile-col-right .user-name {
  width: 100%;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #749E80; }

.profile-col-right li {
  width: 100%;
  float: right;
  margin-bottom: 5px;
  list-style: none;
  position: relative; }

.profile-col-right li:last-child {
  margin-bottom: 0; }

/*.profile-col-right li.active:before*/
/*{*/
/*    background-color: #ff1d46;*/
/*    width: 4px;*/
/*    height: 24px;*/
/*    border-top-left-radius: 5px;*/
/*    border-bottom-left-radius: 5px;*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 8px;*/
/*    right: -10px;*/
/*}*/
.profile-col-right li a, .profile-col-right li a:visited {
  width: 100%;
  line-height: 20px;
  color: #303030;
  float: right;
  padding: 10px;
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.profile-col-right li a:hover, .profile-col-right li.active a {
  /*background-color: #f5f5f5;*/
  color: #749E80; }

.profile-col-right li a .icon {
  margin-left: 7px; }

/* *** */
@media (max-width: 767px) {
  .profile-col-right {
    display: none; } }
/* profile
***********************************************************************************************************************/
.page-profile .col-user-data {
  width: calc(100% + 30px);
  float: right;
  margin: 0 -15px; }

.page-profile .col-user-data .item .title {
  width: 100%;
  line-height: 20px;
  color: #303030;
  font-size: 10pt;
  font-weight: bold;
  float: right;
  /*padding-right: 15px;*/
  margin-bottom: 10px;
  position: relative; }

/*.page-profile .col-user-data .item .title:before*/
/*{*/
/*    background-color: #ff1d46;*/
/*    width: 4px;*/
/*    height: 20px;*/
/*    border-radius: 5px;*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*}*/
.page-profile .col-user-data .item .des {
  width: 100%;
  line-height: 20px;
  color: #303030;
  float: right;
  /*padding-right: 15px;*/ }

.page-profile .order-list {
  width: 100%;
  float: right;
  /*margin-top: 30px;*/ }

.page-profile .col-favorite-data .product-item-box {
  margin-bottom: 0; }

/* *** */
@media (max-width: 1199px) {
  .page-profile .col-favorite-data .product-item-box:nth-child(4) {
    display: none; } }
@media (max-width: 992px) {
  .page-profile .col-user-data .item:nth-child(n + 3) {
    margin-top: 30px; } }
@media (max-width: 767px) {
  .page-profile .col-favorite-data .product-item-box:nth-child(n + 3) {
    display: block;
    margin-top: 30px; } }
@media (max-width: 576px) {
  .page-profile .col-user-data .item {
    width: 100%; }

  .page-profile .col-user-data .item:nth-child(n + 2) {
    margin-top: 30px; } }
/* profile edit
***********************************************************************************************************************/
.page-user-edit .page-des {
  width: calc(100% + 30px);
  float: right;
  margin: 0 -15px; }

/* *** */
@media (max-width: 767px) {
  .page-user-edit .item:nth-child(n + 3) {
    margin-top: 30px; } }
@media (max-width: 576px) {
  .page-user-edit .item {
    width: 100%; }

  .page-user-edit .item:nth-child(n + 2) {
    margin-top: 30px; } }
/* address
***********************************************************************************************************************/
.page-address .address-head {
  width: 100%;
  text-align: center;
  font-weight: bold;
  float: right;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cbcbcb; }

.page-address .address-head .col-name {
  width: 200px;
  text-align: right;
  float: right; }

.page-address .address-head .col-address {
  width: calc(100% - 300px);
  text-align: right;
  float: right; }

.page-address .address-head .col-btn {
  width: 50px;
  float: right; }

.page-address .address-body {
  width: 100%;
  text-align: center;
  float: right; }

.page-address .address-body .address-item {
  width: 100%;
  float: right;
  padding: 10px 0;
  border-bottom: 1px solid #EDE4DB; }

.page-address .address-body .address-item:last-child {
  padding-bottom: 0;
  border-bottom: 0; }

.page-address .address-body .col-name {
  width: 200px;
  text-align: right;
  float: right; }

.page-address .address-body .col-address {
  width: calc(100% - 300px);
  text-align: justify;
  float: right;
  padding-left: 10px; }

.page-address .address-body .col-btn {
  width: 50px;
  float: right; }

/* *** */
.my-modal-address {
  display: none; }

.my-modal-address .my-modal-content {
  max-width: 1200px;
  max-height: 80%;
  overflow-y: auto; }

.my-modal-address .form-box input, .my-modal-address .form-box select {
  margin-bottom: 20px; }

/* *** */
/* *** */
@media (max-width: 1199px) {
  .page-address .address-head .col-name, .page-address .address-body .col-name {
    width: 150px; }

  .page-address .address-head .col-address, .page-address .address-body .col-address {
    width: calc(100% - 250px); } }
@media (max-width: 992px) {
  .page-address .address-head .col-name, .page-address .address-body .col-name {
    width: 130px; }

  .page-address .address-head .col-address, .page-address .address-body .col-address {
    width: calc(100% - 230px); } }
@media (max-width: 767px) {
  .page-address .address-head .col-address {
    display: none; }

  .page-address .address-head .col-name, .page-address .address-body .col-name {
    width: calc(100% - 100px); }

  .page-address .col-address {
    display: none; }

  .page-address .col-address-2 {
    width: 100% !important;
    display: block;
    margin-top: 5px; } }
@media (max-width: 576px) {
  .my-modal-address .form-box .item {
    width: 100%; } }
/*
***********************************************************************************************************************/
.page-favorite .count-favorite-product {
  font-size: 10pt;
  font-weight: normal;
  float: left; }

/* col filter
***********************************************************************************************************************/
.col-filter-top {
  background-color: #ffffff;
  width: 100%;
  float: right;
  padding: 10px 15px;
  margin-bottom: 30px;
  /*border: 1px solid #ececec;*/
  border-radius: 5px;
  /*box-shadow: 0 0 25px 7px #f8f8f8;*/ }

.col-filter-top .filter-icon {
  width: 40px;
  float: right; }

.col-filter-top .btn-filter-search {
  background-color: #749E80;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  float: left;
  padding: 0 15px;
  border: 0;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.col-filter-top .btn-filter-search:hover {
  background-color: #664F32;
  color: #EDE4DB; }

.filter-input-word-box {
  background-color: #fafafa;
  width: calc(100% - 200px);
  max-width: 200px;
  height: 40px;
  float: right;
  padding: 5px 10px;
  /*margin-right: 30px;*/
  box-shadow: none;
  border: 1px solid transparent;
  border-radius: 5px;
  resize: none; }

.filter-input-word-box:focus {
  border: 1px solid #d2d1d3;
  box-shadow: none; }

.col-filter-top .filter-dropdown-box {
  height: 40px;
  line-height: 40px;
  font-size: 10pt;
  float: right;
  /*margin-right: 30px;*/
  position: relative;
  cursor: pointer; }

.col-filter-top .filter-dropdown-box:last-child {
  margin-right: 0; }

.col-filter-top .filter-dropdown-box .filter-dropdown-btn .item-selected {
  color: #303030;
  font-size: 9pt;
  margin-right: 5px; }

.col-filter-top .filter-dropdown-item-box {
  background-color: #ffffff;
  line-height: 2em;
  min-width: 250px;
  padding: 5px 10px;
  display: none;
  /*border: 1px solid #d7d5e3;*/
  border-radius: 5px;
  box-shadow: none;
  cursor: default;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 10; }

.col-filter-top .filter-dropdown-btn {
  color: #303030;
  float: right; }

.col-filter-top .filter-dropdown-btn .icon {
  color: #303030;
  font-size: 9pt;
  margin-right: 10px; }

.col-filter-top .filter-dropdown-box.open .filter-dropdown-item-box {
  display: block; }

.col-filter-top .filter-dropdown-item-box label {
  width: 100%;
  float: right;
  margin: 5px 0;
  cursor: pointer; }

/*
***********************************************************************************************************************/
.profile-panel-content-box {
  padding: 20px;
  /*border: 1px solid #ececec;*/
  box-shadow: unset; }

/* message
***********************************************************************************************************************/
.page-message .count-message {
  font-size: 10pt;
  font-weight: normal;
  float: left; }

/* *** */
.page-message .message-list .message-head {
  width: 100%;
  text-align: right;
  font-weight: bold;
  float: right;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cbcbcb; }

.page-message .message-list .message-body {
  width: 100%;
  line-height: 25px;
  text-align: right;
  float: right; }

.page-message .message-list .message-body .message-item {
  width: 100%;
  float: right;
  padding: 10px 0;
  border-bottom: 1px solid #EDE4DB; }

.page-message .message-list .message-body .message-item:last-child {
  padding-bottom: 0;
  border-bottom: 0; }

.page-message .message-list .message-head .col-des, .page-message .message-list .message-body .col-des {
  width: calc(100% - 180px);
  float: right;
  text-align: justify;
  padding-left: 10px; }

.page-message .message-list .message-head .col-status, .page-message .message-list .message-body .col-status {
  width: 100px;
  float: right; }

.page-message .message-list .message-head .col-date, .page-message .message-list .message-body .col-date {
  width: 80px;
  float: right; }

.page-message .message-list .message-body .message-status-old {
  color: #9b9b9a; }

.page-message .message-list .message-body .message-status-new {
  color: #009c14; }

/* *** */
@media (max-width: 992px) {
  .page-message .message-list .message-head .col-des, .page-message .message-list .message-body .col-des {
    width: 100%; }

  .page-message .message-list .message-head .col-status, .page-message .message-list .message-body .col-status {
    width: 50%;
    margin-top: 10px; }

  .page-message .message-list .message-head .col-date, .page-message .message-list .message-body .col-date {
    width: 50%;
    margin-top: 10px;
    text-align: left; }

  .page-message .message-list .message-head .col-status, .page-message .message-list .message-head .col-date {
    display: none; } }
@media (max-width: 767px) {
  .page-message .col-filter .filter-icon {
    display: none; }

  .page-message .col-filter .filter-input-word-box {
    width: calc(100% - 190px);
    margin: 0; }

  .page-message .col-filter .filter-dropdown-box {
    margin-right: 15px; }

  .page-message .col-filter .btn-filter-search {
    padding: 0 7px; } }
/* order
***********************************************************************************************************************/
.page-order .count-order {
  font-size: 10pt;
  font-weight: normal;
  float: left; }

/* *** */
.order-list .order-head {
  width: 100%;
  text-align: right;
  font-weight: bold;
  float: right;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cbcbcb; }

.order-list .order-body {
  width: 100%;
  line-height: 25px;
  text-align: right;
  float: right; }

.order-list .order-body .order-item {
  width: 100%;
  float: right;
  padding: 10px 0;
  border-bottom: 1px solid #EDE4DB; }

.order-list .order-body .order-item:last-child {
  padding-bottom: 0;
  border-bottom: 0; }

.order-list .order-head .col-order-number, .order-list .order-body .col-order-number {
  width: calc(100% - 540px);
  float: right; }

.order-list .order-head .col-date, .order-list .order-body .col-date {
  width: 140px;
  float: right; }

.order-list .order-head .col-price, .order-list .order-body .col-price {
  width: 120px;
  float: right; }

.order-list .order-head .col-status, .order-list .order-body .col-status {
  width: 150px;
  float: right; }

.order-list .order-head .col-reserved-send-future, .order-list .order-body .col-reserved-send-future {
  width: 70px;
  float: right; }

.order-list .order-head .col-view, .order-list .order-body .col-view {
  width: 60px;
  text-align: left;
  float: right; }

.order-list .order-body .col-status .icon {
  font-size: 5pt;
  margin-left: 5px; }

.order-list .order-body .col-view a {
  background-color: #f5f5f5;
  width: 25px;
  height: 25px;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  border-radius: 0; }

/* *** */
.page-order .col-order-data-statistic {
  margin-bottom: 30px; }

.col-order-data-statistic {
  width: calc(100% + 10px);
  float: right;
  margin: 0 -5px; }

.col-order-data-statistic .item {
  padding: 0 5px; }

.col-order-data-statistic .item .item-box {
  background-color: #fafafa;
  width: 100%;
  float: right;
  padding: 10px;
  /*border-radius: 10px;*/ }

.col-order-data-statistic .item .item-box .icon-box {
  background-color: #ffffff;
  width: 40px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  float: right;
  /*border-radius: 7px;*/
  position: relative; }

.col-order-data-statistic .item .item-box .icon-box .icon {
  color: #ebcb4a;
  font-size: 14pt;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.col-order-data-statistic .item .item-box .icon-box .icon.blue {
  color: #3185e3; }

.col-order-data-statistic .item .item-box .icon-box .icon.green {
  color: #04be11; }

.col-order-data-statistic .item .item-box .icon-box .icon.red {
  color: #ff1d46; }

.col-order-data-statistic .item .item-box .title-status {
  width: calc(100% - 50px);
  float: left;
  margin: 10px 0; }

.col-order-data-statistic .item .item-box .title-status .title {
  height: 20px;
  line-height: 20px;
  color: #303030;
  margin-bottom: 10px; }

.col-order-data-statistic .item .item-box .title-status .title .number {
  font-size: 14pt; }

.col-order-data-statistic .item .item-box .title-status .status {
  height: 20px;
  line-height: 20px;
  color: #303030;
  font-size: 9pt; }

/* *** */
@media (max-width: 1199px) {
  .col-order-data-statistic .item:nth-child(n + 3) {
    margin-top: 10px; } }
@media (max-width: 992px) {
  .order-list .order-head .col-order-number, .order-list .order-body .col-order-number {
    width: 80px; }

  .order-list .order-head .col-date, .order-list .order-body .col-date {
    width: 90px; }

  .order-list .order-head .col-price, .order-list .order-body .col-price {
    width: calc(100% - 410px); }

  .order-list .order-head .col-status, .order-list .order-body .col-status {
    width: 110px; } }
@media (max-width: 767px) {
  .page-order .col-filter .filter-icon {
    display: none; }

  .page-order .col-filter .filter-input-word-box {
    width: calc(100% - 190px);
    margin: 0; }

  .page-order .col-filter .filter-dropdown-box {
    margin-right: 15px; }

  .col-filter .btn-filter-search {
    padding: 0 7px; }

  .order-list .order-head .col-order-number, .order-list .order-body .col-order-number {
    width: 80px; }

  .order-list .order-head .col-date, .order-list .order-body .col-date {
    width: 90px; }

  .order-list .order-head .col-price, .order-list .order-body .col-price {
    width: calc(100% - 400px); }

  .order-list .order-head .col-status, .order-list .order-body .col-status {
    width: 100px; } }
@media (max-width: 576px) {
  .col-order-data-statistic .item {
    width: 100%; }

  .col-order-data-statistic .item:nth-child(n + 2) {
    margin-top: 10px; } }
@media (max-width: 550px) {
  .order-list .order-head .col-order-number, .order-list .order-body .col-order-number {
    width: 33.33%; }

  .order-list .order-head .col-date, .order-list .order-body .col-date {
    width: 33.33%; }

  .order-list .order-head .col-price, .order-list .order-body .col-price {
    width: 33.33%;
    text-align: left; }

  .order-list .order-body .col-status {
    width: calc(100% - 130px); }

  .order-list .order-body .col-view {
    text-align: left; }

  .order-list .order-head .col-status, .order-list .order-head .col-view, .order-list .order-head .col-reserved-send-future {
    display: none; } }
@media (max-width: 450px) {
  .order-list .order-head {
    font-size: 9pt; }

  .order-list .order-head .col-order-number, .order-list .order-body .col-order-number {
    width: 70px; }

  .order-list .order-head .col-date, .order-list .order-body .col-date {
    width: 80px; }

  .order-list .order-head .col-price, .order-list .order-body .col-price {
    width: calc(100% - 150px);
    text-align: left; }

  .order-list .order-body .col-status {
    width: calc(100% - 130px); }

  .order-list .order-body .col-view {
    text-align: left; }

  .order-list .order-head .col-status, .order-list .order-head .col-view {
    display: none; } }
/* order view
***********************************************************************************************************************/
.page-order-view .col-left .panel-content-box {
  padding: 10px !important;
  border: 1px solid #ececec;
  box-shadow: unset; }

.page-order-view .col-left .col-order-view-price.panel-content-box {
  /*padding: 0 !important;*/
  /*border: 0;*/ }

.page-order-view .col-order-data .order-number {
  color: #303030;
  font-size: 9pt; }

.page-order-view .col-order-data .order-date, .page-order-view .col-order-data .order-status {
  color: #303030;
  font-size: 9pt;
  float: left;
  /*margin-top: -8px;*/ }

.page-order-view .col-order-data .order-status {
  margin-right: 20px; }

.page-order-view .col-order-data .order-status .icon {
  font-size: 5pt;
  margin-left: 5px; }

.page-order-view .col-order-data .order-status .title, .page-order-view .col-order-data .order-date .title {
  line-height: 15px;
  font-size: 8pt;
  margin-bottom: 3px; }

.page-order-view .col-order-data .order-tracking-data {
  width: 100%;
  line-height: 2em;
  float: right;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #EDE4DB; }

.page-order-view .col-order-data .order-tracking-data .tracking-code-box {
  margin-bottom: 10px; }

.page-order-view .col-order-data .order-tracking-data .tracking-code-box img {
  width: 25px; }

.page-order-view .col-order-data .order-tracking-data .tracking-code-box .btn-tracking-code-copy {
  background-color: #f5f5f5;
  line-height: 25px;
  color: #303030;
  font-size: 8pt;
  display: inline-block;
  padding: 0 5px;
  margin-right: 5px;
  border-radius: 0;
  cursor: pointer; }

.page-order-view .col-order-data .order-tracking-data .tracking-code-box .btn-tracking-code-copy:hover {
  opacity: 0.7;
  -moz-opacity: 0.7; }

.page-order-view .col-order-data .order-tracking-data .des {
  color: #303030;
  text-align: justify;
  padding-right: 30px; }

.page-order-view .col-order-data .btn-reserved-send-future {
  background-color: #FFC6C6;
  color: #a50000;
  float: right;
  border: 1px solid #bd2222; }

.page-order-view .col-order-data .btn-reserved-send-future:focus, .page-order-view .col-order-data .btn-reserved-send-future:hover {
  background-color: #bd2222;
  color: #FFC6C6; }

.page-order-view .order-address-data {
  width: calc(100% + 20px);
  float: right;
  margin: 0 -10px; }

.page-order-view .order-address-data .item {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px; }

.page-order-view .order-address-data .item:last-child {
  margin-bottom: 0; }

.page-order-view .order-address-data .item.item-address {
  margin-top: 30px; }

.page-order-view .order-address-data .item .title {
  width: 100px;
  /*line-height: 20px;*/
  color: #303030;
  font-size: 9pt;
  font-weight: bold;
  float: right;
  /*padding-right: 15px;*/
  /*margin-bottom: 10px;*/
  position: relative; }

.page-order-view .order-address-data .item .des {
  flex: 1;
  color: #303030;
  float: right;
  /*padding-right: 15px;*/ }

/* *** */
.page-order-view .order-view-product-box .order-view-product-head {
  width: 100%;
  text-align: center;
  font-weight: bold;
  float: right;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #EDE4DB; }

.page-order-view .order-view-product-box .order-view-product-body .order-view-product-item {
  width: 100%;
  float: right;
  padding: 10px 0;
  border-bottom: 1px solid #EDE4DB; }

.page-order-view .order-view-product-box .order-view-product-body .order-view-product-item:last-child {
  padding-bottom: 0;
  border-bottom: 0; }

.page-order-view .order-view-product-box .order-view-product-head .col-title, .page-order-view .order-view-product-box .order-view-product-body .col-title {
  width: calc(100% - 435px);
  text-align: justify;
  float: right;
  display: flex;
  align-items: center; }

.page-order-view .order-view-product-box .order-view-product-body .col-title .title-color-size-box {
  width: calc(100% - 85px);
  float: right; }

.page-order-view .order-view-product-box .order-view-product-body .col-title .title {
  width: 100%;
  float: right; }

.page-order-view .order-view-product-box .order-view-product-body .col-title .title-color-size-box .color-size-box span {
  color: rgba(102, 81, 54, 0.7);
  font-size: 9pt;
  margin-left: 10px; }

.page-order-view .order-view-product-box .order-view-product-head .col-number, .page-order-view .order-view-product-box .order-view-product-body .col-number {
  width: 75px;
  text-align: center;
  float: right; }

.page-order-view .order-view-product-box .order-view-product-head .col-price, .page-order-view .order-view-product-box .order-view-product-body .col-price {
  width: 180px;
  text-align: center;
  float: right; }

.page-order-view .order-view-product-box .order-view-product-head .price-unit, .page-order-view .order-view-product-box .order-view-product-body .price-unit {
  font-size: 8pt;
  font-weight: normal; }

.page-order-view .order-view-product-box .order-view-product-body .image {
  float: right;
  margin-left: 5px; }

.page-order-view .order-view-product-box .order-view-product-body .image img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  -o-object-fit: cover;
  font-family: "object-fit: cover;"; }

.page-order-view .order-view-product-box .order-view-product-body .col-number {
  height: 50px;
  line-height: 50px;
  float: right; }

.page-order-view .order-view-product-box .order-view-product-body .col-price .price {
  line-height: 25px;
  font-size: 11pt; }

.page-order-view .order-view-product-box .order-view-product-body .col-price .price.full {
  line-height: 50px; }

.page-order-view .order-view-product-box .order-view-product-body .col-price .price-old {
  line-height: 25px;
  color: #b0b0b0;
  font-size: 9pt;
  text-decoration: line-through; }

.page-order-view .col-order-view-price .order-price-row {
  margin: 0 -5px; }

.page-order-view .col-order-view-price .order-price-box {
  width: 25%;
  float: right;
  /*padding: 0 5px;*/
  padding: 5px; }

.page-order-view .col-order-view-price-2 .order-price-box {
  width: 25%; }

.page-order-view .col-order-view-price .order-price-box .order-price {
  background-color: #fafafa;
  text-align: center;
  padding: 10px 0;
  /*border-radius: 7px;*/ }

.page-order-view .col-order-view-price .order-price-box .order-price .title {
  font-size: 8pt;
  height: 25px;
  line-height: 25px; }

.page-order-view .col-order-view-price .order-price-box .order-price .price {
  height: 25px;
  line-height: 25px;
  font-weight: bold; }

.page-order-view .col-order-view-price .order-price-box .order-price .price .price-unit {
  font-size: 8pt;
  font-weight: normal;
  margin-right: 5px; }

/* *** */
.page-order-view .order-payment-data {
  width: calc(100% + 20px);
  float: right;
  margin: 0 -15px 50px -10px; }

.page-order-view .order-payment-data:last-child {
  margin-bottom: 0; }

.page-order-view .order-payment-data .item.item-address {
  margin-top: 30px; }

.page-order-view .order-payment-data .item .title {
  width: 100%;
  line-height: 20px;
  color: #303030;
  float: right;
  /*padding-right: 15px;*/
  margin-bottom: 10px;
  position: relative; }

/*.page-order-view .order-payment-data .item .title:before*/
/*{*/
/*    background-color: #ff1d46;*/
/*    width: 4px;*/
/*    height: 20px;*/
/*    border-radius: 5px;*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*}*/
.page-order-view .order-payment-data .item .des {
  width: 100%;
  line-height: 20px;
  color: #303030;
  float: right;
  /*padding-right: 15px;*/ }

/* *** */
@media (max-width: 992px) {
  /*.page-order-view .order-address-data .item:nth-child(n + 3)
  {
      margin-top: 30px;
  }*/
  .page-order-view .order-payment-data .item:nth-child(n + 3) {
    margin-top: 30px; }

  .page-order-view .order-view-product-box .order-view-product-head .col-title, .page-order-view .order-view-product-box .order-view-product-body .col-title {
    width: calc(100% - 290px); }

  .page-order-view .order-view-product-box .order-view-product-head .col-price, .page-order-view .order-view-product-box .order-view-product-body .col-price {
    width: 120px; }

  .page-order-view .order-view-product-box .order-view-product-head .col-number, .page-order-view .order-view-product-box .order-view-product-body .col-number {
    width: 50px; }

  .page-order-view .col-order-view-price-2 .order-price-box {
    width: 50%; }

  .page-order-view .col-order-view-price-2 .order-price-box:nth-child(n + 3) {
    margin-top: 10px; } }
@media (max-width: 767px) {
  .page-order-view .order-view-product-box .order-view-product-head {
    display: none; }

  .page-order-view .order-view-product-box .order-view-product-body .col-title {
    width: 100%;
    margin-bottom: 10px; }

  .page-order-view .order-view-product-box .order-view-product-body .col-price {
    width: calc((100% - 75px) / 2); } }
@media (max-width: 576px) {
  /*.page-order-view .order-address-data .item*/
  /*{*/
  /*    width: 100%;*/
  /*}*/
  /*.page-order-view .order-address-data .item:nth-child(n + 2)*/
  /*{*/
  /*    margin-top: 30px;*/
  /*}*/
  .page-order-view .order-payment-data .item {
    width: 100%; }

  .page-order-view .order-payment-data .item:nth-child(n + 2) {
    margin-top: 30px; }

  .page-order-view .col-order-view-price .order-price-box {
    width: 50%; }

  .page-order-view .col-order-view-price .order-price-box:nth-child(n + 3) {
    margin-top: 10px; } }
@media (max-width: 450px) {
  .page-order-view .col-order-data .order-date {
    display: none; } }
/*
***********************************************************************************************************************/
.btn-modal-size {
  color: rgba(102, 81, 54, 0.5);
  font-weight: bold;
  margin-right: 5px;
  cursor: pointer; }

.btn-modal-size:hover {
  color: #749E80; }

.modal-size img {
  max-width: 100%; }

/*
***********************************************************************************************************************/
.btn-type-3 {
  background-color: #749E80;
  width: auto;
  color: #ffffff;
  font-size: 10pt;
  float: left;
  padding: 5px 10px;
  border: 0;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: inset 0 0 0 0 transparent;
  position: relative; }

.btn-type-3:focus, .btn-type-3:hover {
  background-color: #664F32;
  color: #EDE4DB; }

.btn-type-4 {
  background-color: rgba(116, 158, 128, 0.1);
  width: auto;
  color: #5c8167;
  font-size: 10pt;
  float: left;
  padding: 5px 10px;
  border: 1px solid #749E80;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: inset 0 0 0 0 transparent;
  position: relative; }

.btn-type-4:focus, .btn-type-4:hover {
  background-color: #664F32;
  color: #EDE4DB; }

.btn-type-5 {
  background-color: rgba(102, 102, 102, 0.05);
  width: auto;
  color: #666666;
  font-size: 10pt;
  float: left;
  padding: 5px 10px;
  border: 1px solid rgba(102, 102, 102, 0.5);
  overflow: hidden;
  border-radius: 5px;
  box-shadow: inset 0 0 0 0 transparent;
  position: relative; }

.btn-type-5:focus, .btn-type-5:hover {
  background-color: rgba(102, 102, 102, 0.2);
  color: #666666; }

.btn-type-6 {
  background-color: #FFE3D1;
  width: auto;
  color: #973b00;
  font-size: 10pt;
  float: left;
  padding: 5px 10px;
  border: 1px solid #FFCAA6;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: inset 0 0 0 0 transparent;
  position: relative;
  transition: all 0.2s ease; }

.btn-type-6:focus, .btn-type-6:hover {
  background-color: #973b00;
  color: #FFE3D1; }

/*
***********************************************************************************************************************/
.my-modal-return-request, .my-modal-return-request-tracking-code {
  display: none; }

.my-modal-return-request .my-modal-content {
  max-width: 720px;
  max-height: 80%;
  overflow-y: auto; }

.my-modal-return-request .form-box input, .my-modal-return-request .form-box select, .my-modal-return-request .form-box textarea {
  height: 36px;
  margin-bottom: 10px; }

.my-modal-return-request .form-box textarea {
  height: auto; }

.form-return-request .return-request-info {
  background-color: #f8f8f8;
  width: 100%;
  clear: both;
  float: right;
  padding: 10px 0 0 0;
  margin-bottom: 20px;
  border-radius: 5px; }
  .form-return-request .return-request-info .product-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 8px; }
    .form-return-request .return-request-info .product-info .product-title {
      font-size: 14px;
      font-weight: 700; }
    .form-return-request .return-request-info .product-info .color-title, .form-return-request .return-request-info .product-info .size-title {
      background-color: #dbe6de;
      color: #235131;
      font-size: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 2px 7px;
      border-radius: 10px; }
    .form-return-request .return-request-info .product-info .product-number {
      background-color: #EDE4DB;
      color: #664F32;
      font-size: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 4px;
      padding: 2px 7px;
      border-radius: 10px; }
  .form-return-request .return-request-info .input-image-box {
    background-color: #e5e5e5;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative;
    cursor: pointer; }
    .form-return-request .return-request-info .input-image-box:hover {
      background-color: #efefef; }
    .form-return-request .return-request-info .input-image-box .title {
      font-size: 12px; }
    .form-return-request .return-request-info .input-image-box input {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      top: 0;
      left: 0; }
  .form-return-request .return-request-info .form-return-request-image-preview {
    max-height: 200px;
    margin-bottom: 10px; }

@media (max-width: 767px) {
  .form-return-request .return-request-info .product-info .product-title {
    width: 100%; } }
/* *** */
.panel-content-box.col-order-return .panel-content-title {
  color: #e80000; }
  .panel-content-box.col-order-return .panel-content-title.flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .panel-content-box.col-order-return .panel-content-title .date-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px; }
    .panel-content-box.col-order-return .panel-content-title .date-status .date-time {
      color: #303030;
      font-size: 9pt; }
    .panel-content-box.col-order-return .panel-content-title .date-status .status {
      font-size: 9pt;
      padding: 2px 5px;
      border-radius: 8px; }
.panel-content-box.col-order-return .alert-tracking-code button {
  float: unset; }
.panel-content-box.col-order-return .row-items .return-request-info {
  background-color: #f8f8f8;
  width: 100%;
  clear: both;
  float: right;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px; }
  .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea; }
    .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info .image {
      width: 72px;
      max-height: 72px;
      border-radius: 8px; }
    .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info .product-info {
      flex: 1;
      display: flex;
      flex-wrap: wrap;
      justify-content: start;
      align-items: center;
      gap: 8px; }
      .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info .product-info .product-title {
        font-size: 14px;
        font-weight: 700; }
      .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info .product-info .color-title, .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info .product-info .size-title {
        background-color: #dbe6de;
        color: #235131;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2px 7px;
        border-radius: 10px; }
      .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info .product-info .product-number {
        background-color: #EDE4DB;
        color: #664F32;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        padding: 2px 7px;
        border-radius: 10px; }
  .panel-content-box.col-order-return .row-items .return-request-info .col-info {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 4px;
    margin-top: 15px; }
    .panel-content-box.col-order-return .row-items .return-request-info .col-info .label {
      color: #7a7a7a;
      font-size: 11px;
      font-weight: 400;
      padding: 0; }
    .panel-content-box.col-order-return .row-items .return-request-info .col-info .value {
      color: #303030;
      font-size: 14px;
      font-weight: 400; }
    .panel-content-box.col-order-return .row-items .return-request-info .col-info .image {
      max-height: 72px; }

@media (max-width: 575px) {
  .panel-content-box.col-order-return .panel-content-title.flex {
    flex-direction: column;
    align-items: start;
    gap: 4px; }
  .panel-content-box.col-order-return .panel-content-title .date-status {
    width: 100%; }
    .panel-content-box.col-order-return .panel-content-title .date-status .date-time {
      font-size: 8pt; }
    .panel-content-box.col-order-return .panel-content-title .date-status .status {
      font-size: 8pt; }
  .panel-content-box.col-order-return .row-items .return-request-info {
    margin-bottom: 15px; }
    .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info .image {
      width: 40px;
      max-height: 40px;
      border-radius: 4px; }
    .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info .product-info .product-title {
      font-size: 12px; }
    .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info .product-info .color-title, .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info .product-info .size-title {
      font-size: 10px;
      padding: 1px 5px;
      border-radius: 5px; }
    .panel-content-box.col-order-return .row-items .return-request-info .col-image-product-info .product-info .product-number {
      font-size: 10px;
      padding: 1px 5px;
      border-radius: 5px; }
    .panel-content-box.col-order-return .row-items .return-request-info .col-info .label {
      font-size: 10px; }
    .panel-content-box.col-order-return .row-items .return-request-info .col-info .value {
      font-size: 12px; } }
digify-top-banner {
  position: relative !important;
  z-index: 20; }

digify-clickable-box-modal {
  float: left;
  margin-top: 24px; }

digify-clickable-box {
  margin-bottom: 24px; }

.page-callback .order-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px; }
  .page-callback .order-info .icon {
    background-color: #F4EFE7;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #B0946A;
    font-size: 32px;
    border: 1px solid #E3D8C8;
    border-radius: 50%; }
    .page-callback .order-info .icon.t2 {
      background-color: #FBEEEE;
      color: #C0584F;
      border-color: #F0D6D6; }
    .page-callback .order-info .icon.t3 {
      background-color: #EEF3E8;
      color: #5F8043;
      border-color: #D5E2C7; }
  .page-callback .order-info .title {
    font-size: 20px;
    font-weight: 700;
    margin-top: 16px; }
  .page-callback .order-info .des {
    line-height: 28px;
    color: #7A7065;
    font-size: 14px; }
  .page-callback .order-info .link {
    background-color: #7A9163;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    padding: 0 24px;
    margin-top: 16px;
    border-radius: 12px; }
    .page-callback .order-info .link:hover {
      background-color: #67804F; }

/*
***********************************************************************************************************************/

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