:root {
  --theme-deafult: #ff3366;
  --color_1: #11a8ab;
  --color_2: #cc0033;
  --textColorDark: #333333;
  --textColorLight: #ffffff;
  --fontSizeNormal: 14px;
  --fontSize_2: 18px;
  --fontSize_heading: 24px;
  --mainFontFamily: 'Iran-Sans-UltraLight';
}

/*==========================================================

	2. GENERAL

==========================================================*/
body {
  max-width: 1920px;
  margin: auto;
  font-size: var(--fontSizeNormal);
  font-family: var(--mainFontFamily) !important;
  color: var(--textColorDark);
  background-color: #ffffff;
  overflow-x: hidden;
}

body.cms-rtl {
  unicode-bidi: embed;
  direction: rtl;
}

.cms-rtl {
  text-align: right;
}

a {
  color: var(--textColorDark);
}

a:hover,
a:focus {
  outline: none;
  text-decoration: none;
  color: var(--theme-deafult);
}

img {
  max-width: 100%;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

ul li,
ol li {
  list-style: none;
}

pre {
  font-family: inherit;
  color: var(--textColorDark);
  font-size: var(--fontSize_2);
  margin: 0;
}

.video-responsive {
  height: 0;
  padding-top: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.video-responsive embed,
.video-responsive iframe,
.video-responsive iframe,
.video-responsive video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border: none;
}

.audio-responsive iframe {
  width: 100%;
  height: 126px;
}

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

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

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: right;
}

@media (min-width: 768px) {

  .col-sm-1,
  .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-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: right;
  }

  .col-sm-pull-12 {
    left: 100%;
    right: auto;
  }

  .col-sm-pull-11 {
    left: 91.66666667%;
    right: auto;
  }

  .col-sm-pull-10 {
    left: 83.33333333%;
    right: auto;
  }

  .col-sm-pull-9 {
    left: 75%;
    right: auto;
  }

  .col-sm-pull-8 {
    left: 66.66666667%;
    right: auto;
  }

  .col-sm-pull-7 {
    left: 58.33333333%;
    right: auto;
  }

  .col-sm-pull-6 {
    left: 50%;
    right: auto;
  }

  .col-sm-pull-5 {
    left: 41.66666667%;
    right: auto;
  }

  .col-sm-pull-4 {
    left: 33.33333333%;
    right: auto;
  }

  .col-sm-pull-3 {
    left: 25%;
    right: auto;
  }

  .col-sm-pull-2 {
    left: 16.66666667%;
    right: auto;
  }

  .col-sm-pull-1 {
    left: 8.33333333%;
    right: auto;
  }

  .col-sm-pull-0 {
    left: auto;
    right: auto;
  }

  .col-sm-push-12 {
    right: 100%;
    left: auto;
  }

  .col-sm-push-11 {
    right: 91.66666667%;
    left: auto;
  }

  .col-sm-push-10 {
    right: 83.33333333%;
    left: auto;
  }

  .col-sm-push-9 {
    right: 75%;
    left: auto;
  }

  .col-sm-push-8 {
    right: 66.66666667%;
    left: auto;
  }

  .col-sm-push-7 {
    right: 58.33333333%;
    left: auto;
  }

  .col-sm-push-6 {
    right: 50%;
    left: auto;
  }

  .col-sm-push-5 {
    right: 41.66666667%;
    left: auto;
  }

  .col-sm-push-4 {
    right: 33.33333333%;
    left: auto;
  }

  .col-sm-push-3 {
    right: 25%;
    left: auto;
  }

  .col-sm-push-2 {
    right: 16.66666667%;
    left: auto;
  }

  .col-sm-push-1 {
    right: 8.33333333%;
    left: auto;
  }

  .col-sm-push-0 {
    right: auto;
    left: auto;
  }
}

@media (min-width: 992px) {

  .col-md-1,
  .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-md-10,
  .col-md-11,
  .col-md-12 {
    float: right;
  }

  .col-md-pull-12 {
    left: 100%;
    right: auto;
  }

  .col-md-pull-11 {
    left: 91.66666667%;
    right: auto;
  }

  .col-md-pull-10 {
    left: 83.33333333%;
    right: auto;
  }

  .col-md-pull-9 {
    left: 75%;
    right: auto;
  }

  .col-md-pull-8 {
    left: 66.66666667%;
    right: auto;
  }

  .col-md-pull-7 {
    left: 58.33333333%;
    right: auto;
  }

  .col-md-pull-6 {
    left: 50%;
    right: auto;
  }

  .col-md-pull-5 {
    left: 41.66666667%;
    right: auto;
  }

  .col-md-pull-4 {
    left: 33.33333333%;
    right: auto;
  }

  .col-md-pull-3 {
    left: 25%;
    right: auto;
  }

  .col-md-pull-2 {
    left: 16.66666667%;
    right: auto;
  }

  .col-md-pull-1 {
    left: 8.33333333%;
    right: auto;
  }

  .col-md-pull-0 {
    left: auto;
  }

  .col-md-push-12 {
    left: 100%;
    left: auto;
  }

  .col-md-push-11 {
    right: 91.66666667%;
    left: auto;
  }

  .col-md-push-10 {
    right: 83.33333333%;
    left: auto;
  }

  .col-md-push-9 {
    right: 75%;
    left: auto;
  }

  .col-md-push-8 {
    right: 66.66666667%;
    left: auto;
  }

  .col-md-push-7 {
    right: 58.33333333%;
    left: auto;
  }

  .col-md-push-6 {
    right: 50%;
    left: auto;
  }

  .col-md-push-5 {
    right: 41.66666667%;
    left: auto;
  }

  .col-md-push-4 {
    right: 33.33333333%;
    left: auto;
  }

  .col-md-push-3 {
    right: 25%;
    left: auto;
  }

  .col-md-push-2 {
    right: 16.66666667%;
    left: auto;
  }

  .col-md-push-1 {
    right: 8.33333333%;
    left: auto;
  }

  .col-md-push-0 {
    right: auto;
    left: auto;
  }
}

@media (min-width: 1200px) {

  .col-lg-1,
  .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-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: right;
  }

  .col-lg-pull-12 {
    left: 100%;
  }

  .col-lg-pull-11 {
    left: 91.66666667%;
  }

  .col-lg-pull-10 {
    left: 83.33333333%;
  }

  .col-lg-pull-9 {
    left: 75%;
  }

  .col-lg-pull-8 {
    left: 66.66666667%;
  }

  .col-lg-pull-7 {
    left: 58.33333333%;
  }

  .col-lg-pull-6 {
    left: 50%;
  }

  .col-lg-pull-5 {
    left: 41.66666667%;
  }

  .col-lg-pull-4 {
    left: 33.33333333%;
  }

  .col-lg-pull-3 {
    left: 25%;
  }

  .col-lg-pull-2 {
    left: 16.66666667%;
  }

  .col-lg-pull-1 {
    left: 8.33333333%;
  }

  .col-lg-pull-0 {
    left: auto;
  }

  .col-lg-push-12 {
    right: 100%;
  }

  .col-lg-push-11 {
    right: 91.66666667%;
  }

  .col-lg-push-10 {
    right: 83.33333333%;
  }

  .col-lg-push-9 {
    right: 75%;
  }

  .col-lg-push-8 {
    right: 66.66666667%;
  }

  .col-lg-push-7 {
    right: 58.33333333%;
  }

  .col-lg-push-6 {
    right: 50%;
  }

  .col-lg-push-5 {
    right: 41.66666667%;
  }

  .col-lg-push-4 {
    right: 33.33333333%;
  }

  .col-lg-push-3 {
    right: 25%;
  }

  .col-lg-push-2 {
    right: 16.66666667%;
  }

  .col-lg-push-1 {
    right: 8.33333333%;
  }

  .col-lg-push-0 {
    right: auto;
  }
}

/*==========================================================

	3. ELEMENTS

==========================================================*/
.pagination {
  text-align: center;
  display: block;
  margin: 0;
}

.pagination>li {
  display: inline-block;
  font-size: var(--fontSizeNormal);
  margin-left: 3px;
  margin-bottom: 7px;
  vertical-align: top;
}

.pagination>li:first-child>a,
.pagination>li:last-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>span {
  border-radius: 0;
}

.pagination>li>a,
.pagination>li>span {
  color: var(--textColorDark);
  border: 1px solid #dfdfdf;
  line-height: 32px;
  min-width: 34px;
  text-align: center;
  padding: 5px 10px;
  border-radius: 0;
  background-color: #fff;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  background-color: #fff;
  color: var(--theme-deafult);
  border-color: #dfdfdf;
}

.pagination .action>a,
.pagination .action>span {
  color: var(--textColorDark);
}

.pagination .active>a,
.pagination .active>span,
.pagination .active>a:hover,
.pagination .active>span:hover,
.pagination .active>a:focus,
.pagination .active>span:focus {
  background-color: #fff;
  color: var(--theme-deafult);
  border-color: #dfdfdf;
}

.pager>li>a,
.pager>li>span {
  color: #a9a9a9;
  border-color: #dcdcdc;
  line-height: 37px;
  min-width: 39px;
  text-align: center;
  padding: 0 25px;
  border-radius: 40px;
}

.pager>li>a:hover,
.pager>li>span:hover,
.pager>li>a:focus,
.pager>li>span:focus {
  background-color: #1a1a1a;
  color: var(--textColorLight);
  border-color: #1a1a1a;
}

.breadcrumb {
  background-color: transparent;
  text-transform: capitalize;
  padding: 0;
  font-size: var(--fontSizeNormal);
  margin-bottom: 22px;
  margin-top: 20px;
}

.breadcrumb li {
  color: var(--textColorDark);
  line-height: 25px;
}

.breadcrumb li+li:before {
  color: var(--textColorDark);
  content: " / ";
  margin: 0 2px;
}

.breadcrumb li a {
  color: var(--textColorDark);
}

.breadcrumb li a:hover {
  color: var(--theme-deafult);
}

.breadcrumb .active {
  color: var(--textColorDark);
}

.breadcrumb .active a {
  color: var(--textColorDark);
}

.dropdown-menu {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
  border: none;
  border-radius: 0;
}

.dropdown-menu>li>a {
  color: var(--textColorDark);
  padding: 6px 12px;
}

.dropdown-menu>li>a:hover {
  background-color: var(--theme-deafult);
  color: var(--UltraLight);
}

.dropdown-menu .dropdown-header {
  color: #777;
  padding: 6px 12px;
}

.cms-rtl .dropdown-menu {
  text-align: right;
  float: right;
}

th {
  text-align: right;
}

.btn {
  border-radius: 0;
  text-transform: uppercase;
  font-size: var(--fontSizeNormal);
  height: 39px;
  padding: 0 35px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.button:disabled, button:disabled {
  opacity: .65;
}

.btn.form-control-feedback {
  border: none;
  pointer-events: auto;
}

.btn:focus,
.btn.focus {
  outline: none;
  outline-style: none;
}

.btn:hover,
.btn:focus {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
  outline-style: none;
}

.btn-lg {
  height: 60px;
  font-size: var(--fontSize_2);
}

.btn-sm {
  height: 28px;
  font-size: 12px;
}

a.btn {
  height: auto;
  line-height: 37px;
}

a.btn-lg {
  height: auto;
  line-height: 60px;
}

a.btn-sm {
  height: auto;
  line-height: 28px;
}

.btn-default {
  color: #6b6b6b;
  background-color: transparent;
  border-color: #e3e3e3;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: #e3e3e3;
}

.open .btn-default.dropdown-toggle {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: #e3e3e3;
}

.btn-default:active,
.btn-default.active {
  background-image: none;
}

.open .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: transparent;
  border-color: #e3e3e3;
}

.btn-default .badge {
  color: transparent;
  background-color: #6b6b6b;
}

.btn-inline {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.btn-inline:hover,
.btn-inline:focus,
.btn-inline.focus,
.btn-inline:active,
.btn-inline.active {
  color: var(--textColorLight);
  background-color: #171717;
  border-color: #171717;
}

.open .btn-inline.dropdown-toggle {
  color: var(--textColorLight);
  background-color: #171717;
  border-color: #171717;
}

.btn-inline:active,
.btn-inline.active {
  background-image: none;
}

.open .btn-inline.dropdown-toggle {
  background-image: none;
}

.btn-inline.disabled,
.btn-inline[disabled],
fieldset[disabled] .btn-inline,
.btn-inline.disabled:hover,
.btn-inline[disabled]:hover,
fieldset[disabled] .btn-inline:hover,
.btn-inline.disabled:focus,
.btn-inline[disabled]:focus,
fieldset[disabled] .btn-inline:focus,
.btn-inline.disabled:active,
.btn-inline[disabled]:active,
fieldset[disabled] .btn-inline:active,
.btn-inline.disabled.active,
.btn-inline[disabled].active,
fieldset[disabled] .btn-inline.active {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.btn-inline .badge {
  color: var(--theme-deafult);
  background-color: var(--textColorLight);
}

.btn-inline-sub {
  color: #ffffff;
  background-color: #9a9a9a;
  border-color: #9a9a9a;
}

.btn-inline-sub:hover,
.btn-inline-sub:focus,
.btn-inline-sub.focus,
.btn-inline-sub:active,
.btn-inline-sub.active {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.open .btn-inline-sub.dropdown-toggle {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.btn-inline-sub:active,
.btn-inline-sub.active {
  background-image: none;
}

.open .btn-inline-sub.dropdown-toggle {
  background-image: none;
}

.btn-inline-sub.disabled,
.btn-inline-sub[disabled],
fieldset[disabled] .btn-inline-sub,
.btn-inline-sub.disabled:hover,
.btn-inline-sub[disabled]:hover,
fieldset[disabled] .btn-inline-sub:hover,
.btn-inline-sub.disabled:focus,
.btn-inline-sub[disabled]:focus,
fieldset[disabled] .btn-inline-sub:focus,
.btn-inline-sub.disabled:active,
.btn-inline-sub[disabled]:active,
fieldset[disabled] .btn-inline-sub:active,
.btn-inline-sub.disabled.active,
.btn-inline-sub[disabled].active,
fieldset[disabled] .btn-inline-sub.active {
  background-color: #9a9a9a;
  border-color: #9a9a9a;
}

.btn-inline-sub .badge {
  color: #9a9a9a;
  background-color: #ffffff;
}

.hp1-btn {
  color: #666666;
  background-color: #ffffff;
  border-color: #ffffff;
  height: 38px;
}

.hp1-btn:hover,
.hp1-btn:focus,
.hp1-btn.focus,
.hp1-btn:active,
.hp1-btn.active {
  color: var(--textColorLight);
  background-color: var(--color_1);
  border-color: var(--color_1);
}

.open .hp1-btn.dropdown-toggle {
  color: var(--textColorLight);
  background-color: var(--color_1);
  border-color: var(--color_1);
}

.hp1-btn:active,
.hp1-btn.active {
  background-image: none;
}

.open .hp1-btn.dropdown-toggle {
  background-image: none;
}

.hp1-btn.disabled,
.hp1-btn[disabled],
fieldset[disabled] .hp1-btn,
.hp1-btn.disabled:hover,
.hp1-btn[disabled]:hover,
fieldset[disabled] .hp1-btn:hover,
.hp1-btn.disabled:focus,
.hp1-btn[disabled]:focus,
fieldset[disabled] .hp1-btn:focus,
.hp1-btn.disabled:active,
.hp1-btn[disabled]:active,
fieldset[disabled] .hp1-btn:active,
.hp1-btn.disabled.active,
.hp1-btn[disabled].active,
fieldset[disabled] .hp1-btn.active {
  background-color: #ffffff;
  border-color: #ffffff;
}

.hp1-btn .badge {
  color: #ffffff;
  background-color: #666666;
}

a.hp1-btn {
  line-height: 38px;
  height: auto;
}

.form-control {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-style: none;
  outline-width: 0;
  border: 1px solid #ececec;
  transform: all .3s
}

.form-control::-moz-placeholder {
  color: var(--textColorDark);
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: var(--textColorDark);
}

.form-control::-webkit-input-placeholder {
  color: var(--textColorDark);
}

.form-control:hover,
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ececec;
}

.form-control:focus,
.chosen-container.chosen-container-active,
.chosen-container.chosen-with-drop {
  box-shadow: 0px 3px 10px -6px #646464, 0px 5px 10px 0px #fff;
  border-color: #d7d7d7;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center left 11px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/arrow-select.png);
  padding-left: 22px;
}

input[type='radio']:after {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  top: -1px;
  left: 1px;
  position: relative;
  background-color: #c1c1c1;
  border: 5px solid #c1c1c1;
  content: '';
  display: inline-block;
  transition: .3s all;
}

input[type='radio']:checked:after {
  border: 5px solid var(--theme-deafult);
  background-color: #ffffff;
}

.input-group-addon {
  border-radius: 0;
}

select::-ms-expand {
  display: none;
}

select.input-sm {
  line-height: 1;
}

.nav-tabs {
  margin-bottom: 15px;
}

.nav-tabs>li>a {
  border-radius: 0;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
  border-color: #ddd #ddd transparent;
  background-color: #fff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: var(--theme-deafult);
}

.nav-pills {
  margin-bottom: 15px;
}

.nav-pills>li>a {
  border-radius: 0;
}

.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
  color: var(--textColorLight);
  background-color: #5e5e5e;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  color: var(--textColorLight);
  background-color: #5e5e5e;
}

.tab-content>.tab-pane {
  width: 100%;
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.tab-content>.tab-pane.active {
  z-index: 30;
  position: static;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.owl-carousel .owl-item {
  padding-bottom: 1px;
}

.owl-carousel .owl-item img {
  width: auto;
  -webkit-transform-style: flat;
  transform-style: flat;
}

.owl-carousel .owl-item .img-slide img {
  display: block;
  width: 100%;
}

/*==========================================================

	4. HEADER

==========================================================*/
.block-search .block-title {
  display: none;
  width: 60px;
  height: 49px;
  padding: 0;
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  text-align: center;
  line-height: 1px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index1/search.png);
}

.block-search .block-title span {
  display: none;
}

.block-search .block-content:before,
.block-search .block-content:after {
  content: "";
  display: table;
}

.block-search .block-content:after {
  clear: both;
}

.block-search .categori-search {
  width: 160px;
  float: left;
  margin-right: -1px;
}

.cms-rtl .block-search .categori-search {
  float: right;
  margin-right: 0;
  margin-left: -1px;
}

.block-search .categori-search .chosen-container {
  width: 100% !important;
}

.block-search .categori-search .chosen-container .chosen-single {
  line-height: 47px;
  height: 49px;
  border-radius: 0;
  border: 1px solid #aaaaaa;
  background-color: #fff;
  background-image: none;
  box-shadow: none;
  padding-left: 15px;
  padding-right: 28px;
  position: relative;
  text-transform: capitalize;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
}

.cms-rtl .block-search .categori-search .chosen-container .chosen-single {
  padding-left: 28px;
  padding-right: 15px;
}

.block-search .categori-search .chosen-container .chosen-single span {
  margin: 0;
}

.block-search .categori-search .chosen-container .chosen-single div {
  width: 28px;
  text-align: left;
}

.block-search .categori-search .chosen-container .chosen-single div b {
  font-size: var(--fontSizeNormal);
  color: #888888;
  background-image: none;
}

.block-search .categori-search .chosen-container .chosen-single div b:before {
  content: "\f107";
  font-family: 'FontAwesome';
}

.cms-rtl .block-search .categori-search .chosen-container .chosen-single div {
  text-align: right;
  left: 0;
  right: auto;
}

.block-search .categori-search .chosen-container .chosen-drop {
  border-radius: 0;
}

.block-search .categori-search .chosen-container .chosen-results li {
  line-height: 22px;
  transition: .3s all;
}

.block-search .categori-search .chosen-container .chosen-results li.highlighted {
  background-color: var(--theme-deafult);
  background-image: var(--theme-deafult);
  color: var(--textColorLight);
}

.block-search .form-search {
  width: 340px;
  float: left;
}

.cms-rtl .block-search .form-search {
  float: right;
}

.block-search .form-search .box-group {
  position: relative;
}

.block-search .form-search .form-control {
  height: 49px;
  border: 1px solid #aaaaaa;
  padding-left: 60px;
  padding-right: 60px;
  font-size: var(--fontSizeNormal);
  color: #888888;
}

.block-search .form-search .form-control::-moz-placeholder {
  color: #888888;
  opacity: 1;
}

.block-search .form-search .form-control:-ms-input-placeholder {
  color: #888888;
}

.block-search .form-search .form-control::-webkit-input-placeholder {
  color: #888888;
}

.block-search .form-search .btn-search {
  width: 60px;
  padding: 0;
  background-color: var(--theme-deafult);
  color: var(-textColor_2);
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 1px;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index1/search.png);
}

.cms-rtl .block-search .form-search .btn-search {
  right: auto;
  left: 0;
}

.block-search .form-search .btn-search span {
  display: none;
}

.block-search .form-search .btn-search:before {
  /*content: "\f002";
				font-family: 'FontAwesome';*/
}

.block-search .form-search .btn-search:hover {
  background-color: var(--theme-deafult);
}

.block-minicart {
  position: relative;
}

.block-minicart:hover>.dropdown-menu,
.block-minicart.open>.dropdown-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-minicart>.dropdown-menu {
  padding: 20px;
  margin: 0;
  right: 0;
  left: auto;
  width: 300px;
  display: block;
  visibility: hidden;
  opacity: 0;
  margin-top: 15px;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 7px 0 rgba(50, 50, 50, 0.2);
  box-shadow: 0 4px 7px 0 rgba(50, 50, 50, 0.2);
  color: var(--textColorDark);
}

.block-minicart>.dropdown-menu .minicart-content-wrapper {
  max-height: 275px;
  overflow-y: auto;
}

.cms-rtl .block-minicart>.dropdown-menu {
  right: auto;
  left: 0;
}

.block-minicart .subtitle {
  display: block;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  margin-bottom: 5px;
  text-transform: uppercase;
}

.block-minicart .subtotal {
  margin-top: 10px;
}

.block-minicart .subtotal:before,
.block-minicart .subtotal:after {
  content: "";
  display: table;
}

.block-minicart .subtotal:after {
  clear: both;
}

.block-minicart .subtotal .label {
  padding: 0;
  line-height: 18px;
  font-size: var(--fontSizeNormal);
  float: left;
  color: var(--textColorDark);
  display: block;
}

.block-minicart .subtotal .price {
  float: right;
  font-size: var(--fontSize_2);
  line-height: var(--fontSize_2);
  display: block;
  color: var(--textColorDark);
}

.cms-rtl .block-minicart .subtotal .label {
  float: right;
}

.cms-rtl .block-minicart .subtotal .price {
  float: left;
}

.block-minicart .actions:before,
.block-minicart .actions:after {
  content: "";
  display: table;
}

.block-minicart .actions:after {
  clear: both;
}

.block-minicart .actions .btn {
  line-height: 40px;
  height: 40px;
  text-align: center;
  padding: 0;
  text-transform: uppercase;
  color: var(--textColorLight);
  border: none;
  background-color: var(--theme-deafult);
  width: calc((100% - 12px)/ 2);
  width: -moz-calc((100% - 12px)/ 2);
  width: -webkit-calc((100% - 12px)/ 2);
  width: -o-calc((100% - 12px)/ 2);
  margin-top: 12px;
  font-size: var(--fontSizeNormal);
}

@media (max-width: 479px) {
  .block-minicart .actions .btn {
    font-size: var(--fontSizeNormal);
  }
}

.block-minicart .actions .btn:hover,
.block-minicart .actions .btn:focus {
  background-color: var(--theme-deafult);
  color: var(--fontSizeNormal);
}

.block-minicart .actions .btn-viewcart {
  float: left;
}

.block-minicart .actions .btn-checkout {
  float: left;
}

.cms-rtl .block-minicart .actions .btn-viewcart {
  float: right;
}

.cms-rtl .block-minicart .actions .btn-checkout {
  float: left;
}

.block-minicart .minicart-items .product-item {
  border-bottom: 1px solid #eaeaea;
  padding: 0 0 10px;
  margin-top: 10px;
  position: relative;
}

.block-minicart .minicart-items .product-item:before,
.block-minicart .minicart-items .product-item:after {
  content: "";
  display: table;
}

.block-minicart .minicart-items .product-item:after {
  clear: both;
}

.block-minicart .minicart-items .product-item .product-item-photo {
  display: block;
  float: left;
  margin-right: 10px;
  width: 90px;
  margin-left: 10px;
}

.cms-rtl .block-minicart .minicart-items .product-item .product-item-photo {
  float: right;
}

.block-minicart .minicart-items .product-item .product-item-details {
  overflow: hidden;
}

.block-minicart .minicart-items .product-item .product-item-name {
  display: block;
  text-transform: capitalize;
  font-size: var(--fontSizeNormal);
}

.block-minicart .minicart-items .product-item .product-item-name a {
  color: var(--textColorDark);
}

.block-minicart .minicart-items .product-item .product-item-name a:hover {
  color: var(--theme-deafult);
}

.block-minicart .minicart-items .product-item .product-item-qty {
  margin-bottom: 2px;
}

.block-minicart .minicart-items .product-item .product-item-qty .label {
  color: var(--textColorDark);
  font-size: var(fontSizeNormal);
  padding: 0;
}

.block-minicart .minicart-items .product-item .product-item-price {
  font-size: var(--fontSizeNormal);
  color: var(--theme-deafult);
  display: block;
}

.block-minicart .minicart-items .product-item .action.delete {
  position: absolute;
  top: 0;
  left: 0;
  color: var(textColor_1);
  display: block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon/index1/delete_icon.png);
}

.cms-rtl .block-minicart .minicart-items .product-item .action.delete {
  left: auto;
  right: 0;
}

.block-minicart .minicart-items .product-item .action.delete:hover,
.block-minicart .minicart-items .product-item .action.delete:focus {
  color: var(--theme-deafult);
}

.block-minicart .minicart-items .product-item .action.delete span {
  display: none;
}

.block-nav-categori {
  width: 300px;
  position: relative;
}

.block-nav-categori .block-title {
  cursor: pointer;
  line-height: 57px;
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  font-size: var(--fontSizeNormal);
  text-transform: uppercase;
  position: relative;
  padding: 0 44px 0 25px;
  background-repeat: no-repeat;
  background-position: center right 25px;
  background-image: url(../images/icon/index1/menu-cat.png);
}

.cms-rtl .block-nav-categori .block-title {
  padding: 0 25px 0 44px;
  background-position: center left 25px;
}

.block-nav-categori .block-content {
  position: absolute;
  top: 100%;
  z-index: 300;
  background-color: #fff;
  left: 0;
  width: 300px;
  display: none;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
}

@media (max-width: 991px) {
  .block-nav-categori .block-content {
    display: block !important;
  }
}

.cms-rtl .block-nav-categori .block-content {
  left: auto;
  right: 0;
}

.block-nav-categori .ui-categori {
  padding-top: 17px;
  padding-bottom: 13px;
}

.block-nav-categori .ui-categori .toggle-submenu {
  display: none;
}

.block-nav-categori .ui-categori>li {
  display: block;
}

.block-nav-categori .ui-categori>li>a {
  display: block;
  padding: 0 40px 0 25px;
  position: relative;
  text-transform: capitalize;
  line-height: 51px;
}

.block-nav-categori .ui-categori>li>a .icon {
  width: 40px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}

.cms-rtl .block-nav-categori .ui-categori>li>a {
  padding: 0 25px 0 40px;
}

.cms-rtl .block-nav-categori .ui-categori>li>a .icon {
  text-align: right;
}

.block-nav-categori .ui-categori>li>a:hover {
  color: #888888;
}

.block-nav-categori .ui-categori>li.parent {
  position: relative;
}

.block-nav-categori .ui-categori>li.parent>a:after {
  content: "\f106";
  font-family: 'FontAwesome';
  position: absolute;
  line-height: 50px;
  top: 0;
  right: 0;
  width: 20px;
  text-align: center;
  font-size: var(--fontSize_2);
}

.cms-rtl .block-nav-categori .ui-categori>li.parent>a:after {
  right: auto;
  left: 0;
}

.block-nav-categori .ui-categori>li.parent:hover>a {
  color: #888888;
}

.block-nav-categori .ui-categori>li.parent:hover>a:after {
  content: "\f104";
}

.block-nav-categori .ui-categori>li.parent:hover>.submenu {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  margin-left: 0px;
}

.cms-rtl .block-nav-categori .ui-categori>li.parent:hover>.submenu {
  margin-right: 0px;
}

.block-nav-categori .ui-categori>li.cat-link-orther {
  display: none;
}

.block-nav-categori .ui-categori .submenu {
  position: absolute;
  top: 0;
  width: 870px;
  left: 300px;
  margin-left: 20px;
  padding: 10px 10px 20px;
  background-color: #fff;
  z-index: 300;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 8px 0px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 8px 0px;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  background-position: top left;
  background-repeat: no-repeat;
}

.cms-rtl .block-nav-categori .ui-categori .submenu {
  left: auto;
  right: 300px;
  margin-left: 0;
  margin-right: 20px;
}

.block-nav-categori .ui-categori .submenu .categori-img {
  display: block;
  margin-bottom: 10px;
}

.block-nav-categori .ui-categori .submenu .categori-img img {
  width: 100%;
}

.block-nav-categori .ui-categori .submenu .categori-img a {
  display: block;
  position: relative;
  overflow: hidden;
}

.block-nav-categori .ui-categori .submenu .categori-img a:before,
.block-nav-categori .ui-categori .submenu .categori-img a:after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  border-style: solid;
  border-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}

.block-nav-categori .ui-categori .submenu .categori-img a:before {
  border-width: 1px 0 1px 0;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  top: 10px;
  bottom: 10px;
}

.block-nav-categori .ui-categori .submenu .categori-img a:after {
  border-width: 0px 1px 0px 1px;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  left: 10px;
  right: 10px;
}

.block-nav-categori .ui-categori .submenu .categori-img a:hover:before,
.block-nav-categori .ui-categori .submenu .categori-img a:hover:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-nav-categori .ui-categori .submenu .categori-img a:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-nav-categori .ui-categori .submenu .categori-img a img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  height: 20vmin;
  object-fit: cover;
}

.block-nav-categori .ui-categori .submenu .categori-list {
  margin: 0;
  padding-bottom: 43px;
}

.block-nav-categori .ui-categori .submenu .categori-list:before,
.block-nav-categori .ui-categori .submenu .categori-list:after {
  content: "";
  display: table;
}

.block-nav-categori .ui-categori .submenu .categori-list:after {
  clear: both;
}

.block-nav-categori .ui-categori .submenu .categori-list .title {
  text-transform: uppercase;
  color: var(--textColorDark);
  display: block;
  margin-bottom: 11px;
  margin-top: 15px;
  font-size: var(--fontSize_2);
}

.block-nav-categori .ui-categori .submenu .categori-list .title a {
  color: var(--textColorDark);
  text-transform: uppercase;
}

.block-nav-categori .ui-categori .submenu .categori-list .title a:hover {
  color: var(--theme-deafult);
}

.block-nav-categori .ui-categori .submenu .categori-list>li {
  padding: 0 20px;
}

.block-nav-categori .ui-categori .submenu .categori-list li a {
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  display: block;
  line-height: 30px;
  text-transform: none;
}

.block-nav-categori .ui-categori .submenu .categori-list li a:hover {
  color: var(--theme-deafult);
}

.block-nav-categori .ui-categori .submenu .subtitle {
  display: block;
  text-transform: uppercase;
  color: var(--theme-deafult);
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  font-size: var(--fontSizeNormal);
  margin-top: 25px;
  padding-left: 18px;
}

.block-nav-categori .ui-categori .submenu .subtitle:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-right: -100%;
  border-top: 1px solid #dfdfdf;
  margin-left: 8px;
}

.cms-rtl .block-nav-categori .ui-categori .submenu .subtitle {
  margin-right: 18px;
  margin-left: 0;
}

.cms-rtl .block-nav-categori .ui-categori .submenu .subtitle:after {
  margin-left: -100%;
  margin-right: 8px;
}

.block-nav-categori .ui-categori .submenu .product-item-opt-1 .product-item-price {
  color: var(--textColorDark);
  font-size: var(--fontSize_2);
  width: 100%;
}

.block-nav-categori .view-all-categori .btn-view-all,
.block-nav-categori .view-all-categori a {
  display: block;
  text-transform: capitalize;
  padding: 0 65px;
  line-height: 55px;
  background-color: #f9f9f9;
  color: var(--textColorDark);
  cursor: pointer;
}

.block-nav-categori .view-all-categori .btn-view-all:after,
.block-nav-categori .view-all-categori a:after {
  content: "\f104";
  font-family: 'FontAwesome';
  float: right;
  font-size: 18px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.cms-rtl .block-nav-categori .view-all-categori .btn-view-all:after,
.cms-rtl .block-nav-categori .view-all-categori a:after {
  float: left;
}

.block-nav-categori .view-all-categori .btn-view-all:hover,
.block-nav-categori .view-all-categori a:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media (min-width: 992px) {
  .block-nav-menu {
    position: relative;
    z-index: 500;
  }

  .block-nav-menu .ui-menu:before,
  .block-nav-menu .ui-menu:after {
    content: "";
    display: table;
  }

  .block-nav-menu .ui-menu:after {
    clear: both;
  }

  .block-nav-menu .ui-menu .toggle-submenu {
    display: none;
  }

  .block-nav-menu .ui-menu>li {
    float: right;
    position: relative;
    display: block;
    line-height: 50px;
    padding: 0 20px;
    cursor: pointer;
  }

  .block-nav-menu .ui-menu>li>a {
    text-transform: uppercase;
    font-size: var(--fontSizeNormal);
    color: var(--textColorDark);
  }

  .block-nav-menu .ui-menu>li:hover>a {
    color: var(--theme-deafult);
  }

  .block-nav-menu .ui-menu>li .label-menu {
    position: absolute;
    top: -7px;
    margin-right: -10px;
    line-height: 20px;
    color: var(--textColorLight);
    background-color: var(--theme-deafult);
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    min-width: 33px;
    padding: 0 2px;
    border-radius: 10px;
  }

  .block-nav-menu .ui-menu>li .label-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 4px 0;
    border-color: transparent var(--theme-deafult) transparent transparent;
    position: absolute;
    bottom: -4px;
    left: 10px;
  }

  .block-nav-menu .ui-menu>li ul {
    line-height: 1.42857;
  }

  .block-nav-menu .ui-menu>li:before {
    content: "";
  }

  .block-nav-menu .ui-menu>li.parent:after {
    font-family: "FontAwesome";
    content: "\f105";
  }

  .block-nav-menu .ui-menu>li.active {
    z-index: 10;
  }

  .block-nav-menu .ui-menu>li.active>a {
    color: var(--textColorLight);
  }

  .block-nav-menu .ui-menu>li.active:hover>a,
  .block-nav-menu .ui-menu>li.active:focus>a {
    color: var(--textColorLight);
  }

  .block-nav-menu .ui-menu .parent:hover>.drop-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
  }

  .block-nav-menu .ui-menu .drop-menu {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 15px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 8px 0px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 8px 0px;
    z-index: 900;
  }

  .cms-rtl .block-nav-menu .ui-menu .drop-menu {
    right: auto;
    left: 0;
  }

  .block-nav-menu .ui-menu .submenu {
    white-space: nowrap;
    min-width: 200px;
    max-width: 300px;
    padding: 30px 15px;
  }

  .block-nav-menu .ui-menu .submenu li {
    display: block;
  }

  .block-nav-menu .ui-menu .submenu li>a {
    display: block;
    line-height: 34px;
    padding: 0 12px;
    padding-left: 25px;
    padding-right: 25px;
    color: var(--textColorDark);
  }

  .block-nav-menu .ui-menu .submenu li>a:hover,
  .block-nav-menu .ui-menu .submenu li>a:focus {
    color: var(--theme-deafult);
  }

  .block-nav-menu .ui-menu .megamenu {
    width: 900px;
    padding: 30px 15px;
  }

  .block-nav-menu .ui-menu .megamenu>ul:before,
  .block-nav-menu .ui-menu .megamenu>ul:after {
    content: "";
    display: table;
  }

  .block-nav-menu .ui-menu .megamenu>ul:after {
    clear: both;
  }

  .block-nav-menu .ui-menu .megamenu .title {
    color: var(--textColorDark);
    text-transform: uppercase;
    font-size: var(--fontSizeNormal);
    margin-bottom: 10px;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
  }

  .block-nav-menu .ui-menu .megamenu .title span {
    display: inline-block;
    border-bottom: 1px solid var(--theme-deafult);
    margin-bottom: -1px;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori {
    margin-bottom: 15px;
    position: relative;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori img {
    display: block;
    width: 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    object-fit: cover;
    height: 25vmin;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori.one_image img {
    height: 100%;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori a {
    position: relative;
    display: block;
    overflow: hidden;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori a:before,
  .block-nav-menu .ui-menu .megamenu .img-categori a:after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori a:before {
    top: 20px;
    bottom: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori a:after {
    left: 20px;
    right: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori a:hover:before,
  .block-nav-menu .ui-menu .megamenu .img-categori a:hover:after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .block-nav-menu .ui-menu .megamenu .list-submenu li {
    padding-bottom: 10px;
  }

  .block-nav-menu .ui-menu .megamenu .list-submenu a {
    display: block;
    color: var(--textColorDark);
  }

  .block-nav-menu .ui-menu .megamenu .list-submenu a:hover {
    color: var(--theme-deafult);
  }
}

@media (min-width: 992px) and (max-width: 991px) {
  .block-nav-menu .ui-menu .parent.open-submenu>.megamenu {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 991px) {
  .block-nav-menu .ui-menu .drop-menu {
    width: 100%;
    display: none;
    visibility: visible;
    margin: 0;
    opacity: 1;
    box-shadow: none;
    position: static;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .block-nav-menu .ui-menu .megamenu {
    width: 940px;
  }
}

@media (min-width: 992px) and (max-width: 991px) {
  .block-nav-menu .ui-menu .megamenu {
    width: 100%;
  }
}

.header-nav {
  background-color: #fff;
  position: relative;
}

.header-nav:before,
.header-nav:after {
  content: "";
  display: table;
}

.header-nav:after {
  clear: both;
}

.header-nav .container {
  position: relative;
}

.header-nav .container:before,
.header-nav .container:after {
  content: "";
  display: table;
}

.header-nav .container:after {
  clear: both;
}

.header-nav .box-header-nav {
  position: relative;
}

.header-nav .box-header-nav:before,
.header-nav .box-header-nav:after {
  content: "";
  display: table;
}

.header-nav .box-header-nav:after {
  clear: both;
}

.header-nav .block-nav-categori {
  float: left;
}

.cms-rtl .header-nav .block-nav-categori {
  float: right;
}

.header-nav .block-nav-menu {
  float: left;
}

.cms-rtl .header-nav .block-nav-menu {
  float: right;
}

.header-nav .block-minicart>.dropdown-toggle {
  display: block;
  position: relative;
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
}

.header-nav .block-minicart>.dropdown-toggle:before,
.header-nav .block-minicart>.dropdown-toggle:after {
  content: "";
  display: table;
}

.header-nav .block-minicart>.dropdown-toggle:after {
  clear: both;
}

.header-nav .block-minicart>.dropdown-toggle .cart-icon {
  width: 38px;
  display: block;
  height: 49px;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon/index1/minicart.png);
}

.cms-rtl .header-nav .block-minicart>.dropdown-toggle .cart-icon {
  float: right;
}

.header-nav .nav-toggle-cat {
  display: block;
  float: left;
  width: 50px;
  padding: 0;
}

.cms-rtl .header-nav .nav-toggle-cat {
  float: right;
}

.nav-toggle-menu {
  display: none;
}

.site-header .switcher .dropdown-toggle {
  display: block;
}

.site-header .switcher .dropdown-toggle i {
  margin-right: 0;
}

.cms-rtl .site-header .switcher .dropdown-toggle i {
  margin-left: 0;
}

@media (min-width: 768px) {
  .site-header .switcher:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
  }

  .site-header .switcher .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
  }
}

.site-header .switcher .switcher-options .switcher-flag {
  margin-right: 10px;
}

.cms-rtl .site-header .switcher .switcher-options .switcher-flag {
  margin-right: 0;
  margin-left: 10px;
}

.site-header .switcher .switcher-options .fa {
  margin-right: 10px;
}

.cms-rtl .site-header .switcher .switcher-options .fa {
  margin-right: 0;
  margin-left: 10px;
}

.site-header .switcher-language .dropdown-toggle .switcher-flag {
  margin-right: 6px;
}

.cms-rtl .site-header .switcher-language .dropdown-toggle .switcher-flag {
  margin-right: 0;
  margin-left: 6px;
}

.site-header .switcher-language .switcher-options .switcher-flag,
.site-header .switcher-language .switcher-options .fa {
  margin-right: 10px;
}

.cms-rtl .site-header .switcher-language .switcher-options .switcher-flag,
.cms-rtl .site-header .switcher-language .switcher-options .fa {
  margin-right: 0;
  margin-left: 10px;
}

.site-header .setting .switcher .switcher-options .fa {
  margin: 0;
}

.site-header .setting .dropdown-menu {
  background-color: #fff;
  width: 273px;
  padding: 20px 22px;
  margin: 0;
  right: 0;
  left: auto;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
}

.cms-rtl .site-header .setting .dropdown-menu {
  right: auto;
  left: 0;
}

.site-header .setting .dropdown-menu a {
  color: var(--textColorDark);
}

@media (max-width: 600px) {
  .site-header .setting .dropdown-menu {
    left: 0;
    right: auto;
  }

  .cms-rtl .site-header .setting .dropdown-menu {
    right: 0;
    left: auto;
  }
}

@media (max-width: 479px) {
  .site-header .setting .dropdown-menu {
    left: 0;
    right: 0;
  }
}

@media (max-width: 479px) {
  .site-header .setting {
    position: static;
  }

  .site-header .setting .dropdown-menu {
    top: 50px;
  }
}

@media (min-width: 768px) {
  .site-header .setting:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
  }

  .site-header .setting .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
  }
}

.site-header .setting .switcher {
  margin-bottom: 13px;
  border-bottom: 1px dotted #dadada;
  padding-bottom: 8px;
}

.site-header .setting .switcher .title {
  text-transform: uppercase;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 12px;
}

.site-header .setting .switcher ul:before,
.site-header .setting .switcher ul:after {
  content: "";
  display: table;
}

.site-header .setting .switcher ul:after {
  clear: both;
}

.site-header .setting .switcher li {
  display: block;
  margin-right: 8px;
  margin-bottom: 10px;
  float: left;
}

.cms-rtl .site-header .setting .switcher li {
  float: right;
}

.site-header .setting .switcher li a {
  display: block;
}

.site-header .setting .switcher li img {
  display: block;
}

.site-header .setting .switcher .switcher-options .switcher-flag {
  margin: 0;
}

.site-header .setting .switcher-language .switcher-active {
  outline: 1px solid #ededed;
}

.site-header .setting .switcher-currency a {
  display: block;
  width: 32px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  background-color: #eeeeee;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
}

.site-header .setting .switcher-currency .switcher-active {
  background-color: #4f4f4f;
  color: var(--textColorLight);
}

.site-header .setting .switcher-currency .switcher-active a {
  color: var(--textColorLight);
  background-color: #4f4f4f;
}

.site-header .setting .account {
  padding-left: 15px;
}

.cms-rtl .site-header .setting .account {
  margin-right: 15px;
  padding-left: 0;
}

.site-header .setting .account li {
  display: list-item;
  text-transform: capitalize;
  line-height: 30px;
  list-style: disc;
  list-style-position: outside;
  color: #aaaaaa;
}

.site-header .setting .account li a {
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
}

.site-header .setting .account li a:hover {
  color: var(--theme-deafult);
}

.site-header .nav-toggle-menu {
  line-height: 49px;
  padding: 0 20px;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  display: none;
  float: right;
  font-size: var(--fontSizeNormal);
  line-height: 57px;
  padding: 0 44px 0 25px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center right 25px;
  background-image: url(../images/icon/index1/menu-cat.png);
}

.site-header .nav-toggle-menu span {
  margin-right: 10px;
}

.site-header .nav-toggle-menu .fa {
  font-size: 24px;
  vertical-align: middle;
  display: none;
}

.site-header .nav-toggle-menu.active:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
}

.cms-rtl .site-header .nav-toggle-menu {
  float: left;
  padding: 0 25px 0 44px;
  background-position: center left 25px;
}

.cms-rtl .site-header .nav-toggle-menu span {
  margin-right: 0px;
  margin-left: 10px;
}

@media (max-width: 991px) {
  .block-nav-menu {
    width: 280px !important;
  }

  .block-nav-menu .ui-menu:before,
  .block-nav-menu .ui-menu:after {
    content: "";
    display: table;
  }

  .block-nav-menu .ui-menu:after {
    clear: both;
  }

  .block-nav-menu .ui-menu>li {
    float: none;
    display: block;
    position: relative;
    line-height: 50px;
    padding: 0 20px;
  }

  .block-nav-menu .ui-menu>li>a {
    text-transform: uppercase;
    font-size: var(--fontSizeNormal);
    color: var(--textColorDark);
  }

  .block-nav-menu .ui-menu>li:hover>a {
    color: var(--theme-deafult);
  }

  .block-nav-menu .ui-menu>li .label-menu {
    position: absolute;
    top: -7px;
    margin-right: -10px;
    line-height: 20px;
    color: var(--textColorLight);
    background-color: var(--theme-deafult);
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    min-width: 33px;
    padding: 0 2px;
    border-radius: 10px;
  }

  .block-nav-menu .ui-menu>li .label-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 4px 0;
    border-color: transparent var(--theme-deafult) transparent transparent;
    position: absolute;
    bottom: -4px;
    right: 10px;
  }

  .block-nav-menu .ui-menu>li ul {
    line-height: 1.42857;
  }

  .block-nav-menu .ui-menu>li.active {
    z-index: 10;
  }

  .block-nav-menu .ui-menu>li.active>a {
    color: var(--theme-deafult);
  }

  .block-nav-menu .ui-menu.open-submenu .drop-menu {
    display: block;
  }

  .block-nav-menu .ui-menu .submenu,
  .block-nav-menu .ui-menu .drop-menu {
    width: 100% !important;
    margin: 0 !important;
  }

  .block-nav-menu .ui-menu .drop-menu {
    display: none;
  }

  .block-nav-menu .ui-menu .megamenu>ul:before,
  .block-nav-menu .ui-menu .megamenu>ul:after {
    content: "";
    display: table;
  }

  .block-nav-menu .ui-menu .megamenu>ul:after {
    clear: both;
  }

  .block-nav-menu .ui-menu .megamenu .title {
    color: var(--textColorDark);
    text-transform: uppercase;
    font-size: var(--fontSizeNormal);
    margin-bottom: 10px;
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
  }

  .block-nav-menu .ui-menu .megamenu .title span {
    display: inline-block;
    border-bottom: 1px solid var(--theme-deafult);
    margin-bottom: -1px;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori {
    margin-bottom: 15px;
    position: relative;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori img {
    display: block;
    width: 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori a {
    position: relative;
    display: block;
    overflow: hidden;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori a:before,
  .block-nav-menu .ui-menu .megamenu .img-categori a:after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori a:before {
    top: 20px;
    bottom: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori a:after {
    left: 20px;
    right: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .block-nav-menu .ui-menu .megamenu .img-categori a:hover:before,
  .block-nav-menu .ui-menu .megamenu .img-categori a:hover:after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .block-nav-menu .ui-menu .megamenu .list-submenu li {
    padding-bottom: 10px;
  }

  .block-nav-menu .ui-menu .megamenu .list-submenu a {
    display: block;
    color: var(-textColorDark);
  }

  .block-nav-menu .ui-menu .megamenu .list-submenu a:hover {
    color: var(--theme-deafult);
  }

  .site-header .block-nav-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -110%;
    width: 280px;
    -webkit-box-shadow: rgba(136, 136, 136, 0.23) 0px 0px 3px 0px;
    box-shadow: rgba(136, 136, 136, 0.23) 0px 0px 3px 0px;
    background-color: #fff;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    overflow-y: auto;
  }

  .site-header .block-nav-menu.has-open {
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    display: block;
  }

  .site-header .block-nav-menu .ui-menu {
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .site-header .block-nav-menu .ui-menu>li {
    float: none;
    display: block;
  }

  .site-header .block-nav-menu .ui-menu>li>a {
    padding: 0 15px;
    line-height: 46px;
  }

  .site-header .block-nav-menu .ui-menu li {
    position: relative;
    display: block;
  }

  .site-header .block-nav-menu .ui-menu li.parent>a:after {
    line-height: 46px;
    top: 0;
    margin: 0;
    width: 20px;
    content: none;
  }

  .site-header .block-nav-menu .ui-menu li a {
    display: inline-block;
    position: relative;
    z-index: 20;
    margin-left: 30px;
  }

  .site-header .block-nav-menu .ui-menu .open-submenu>a {
    color: var(--theme-deafult);
  }

  .site-header .block-nav-menu .ui-menu .open-submenu>.submenu,
  .site-header .block-nav-menu .ui-menu .open-submenu>.drop-menu {
    display: block;
  }

  .site-header .block-nav-menu .ui-menu .open-submenu>.toggle-submenu:before {
    content: "\f107";
  }

  .site-header .block-nav-menu .ui-menu .submenu {
    position: static;
    display: none;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
    opacity: 1;
    visibility: visible;
    padding-right: 20px;
  }

  .site-header .block-nav-menu .ui-menu .submenu li {
    padding-bottom: 10px;
  }

  .site-header .block-nav-menu .ui-menu .toggle-submenu {
    position: absolute;
    display: block;
    height: 46px;
    top: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    text-align: left;
    padding-left: 15px;
    line-height: 46px;
  }

  .site-header .block-nav-menu .ui-menu .toggle-submenu:before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 18px;
  }

  .site-header .block-nav-categori {
    width: 200px;
    width: 280px !important;
  }

  .site-header .block-nav-categori .block-title {
    cursor: pointer;
  }

  .site-header .block-nav-categori .block-title.active:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
  }

  .site-header .block-nav-categori.has-open .block-content {
    right: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
  }

  .site-header .block-nav-categori .block-content {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -110%;
    left: auto;
    width: 280px;
    -webkit-box-shadow: rgba(136, 136, 136, 0.23) 0px 0px 3px 0px;
    box-shadow: rgba(136, 136, 136, 0.23) 0px 0px 3px 0px;
    background-color: #fff;
    z-index: 9999;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    overflow-y: auto;
  }

  .site-header .block-nav-categori .ui-categori {
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .site-header .block-nav-categori .ui-categori>li {
    float: none;
    display: block;
  }

  .site-header .block-nav-categori .ui-categori>li>a {
    padding: 0 15px;
    line-height: 46px;
  }

  .site-header .block-nav-categori .ui-categori li {
    position: relative;
  }

  .site-header .block-nav-categori .ui-categori li.parent>a:after {
    line-height: 46px;
    top: 0;
    margin: 0;
    width: 20px;
    content: none;
  }

  .site-header .block-nav-categori .ui-categori li a {
    display: inline-block;
    position: relative;
    z-index: 20;
    margin-left: 30px;
  }

  .site-header .block-nav-categori .ui-categori .open-submenu>a {
    color: var(--theme-deafult);
  }

  .site-header .block-nav-categori .ui-categori .open-submenu>.submenu {
    display: block;
  }

  .site-header .block-nav-categori .ui-categori .open-submenu>.toggle-submenu:before {
    content: "\f107";
  }

  .site-header .block-nav-categori .ui-categori .submenu {
    position: static;
    display: none;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
    opacity: 1;
    visibility: visible;
    padding-left: 15px;
    padding-right: 15px;
    width: 100% !important;
  }

  .site-header .block-nav-categori .ui-categori .toggle-submenu {
    position: absolute;
    display: block;
    height: 46px;
    top: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    text-align: right;
    padding-right: 15px;
    line-height: 46px;
  }

  .site-header .block-nav-categori .ui-categori .toggle-submenu:before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 18px;
  }

  .site-header .block-nav-categori .ui-categori .categori-list li {
    display: block;
    float: none;
    width: 100%;
  }

  .site-header .nav-toggle-menu {
    line-height: 49px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--theme-deafult);
    color: var(--textColorLight);
    display: block;
    float: left;
    font-size: var(--fontSizeNormal);
    line-height: 57px;
    padding: 0 25px 0 44px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center left 25px;
    background-image: url(../images/icon/index1/menu-cat.png);
  }

  .site-header .nav-toggle-menu span {
    margin-left: 10px;
  }

  .site-header .nav-toggle-menu .fa {
    font-size: 24px;
    vertical-align: middle;
    display: none;
  }

  .site-header .nav-toggle-menu.active:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
  }

  body.categori-open,
  body.menu-open {
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .site-header .block-nav-categori .block-title {
    width: fit-content !important;
  }
}

@media (max-width: 479px) {
  .site-header .header-content .nav-right {
    position: static;
  }

  .site-header .header-content .block-minicart .dropdown-menu {
    width: 290px;
  }
}

.header-nav .setting {
  position: relative;
}

.header-nav .setting .dropdown-toggle {
  display: block;
  cursor: pointer;
  line-height: 57px;
  height: 57px;
  width: 50px;
  font-size: 24px;
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  text-align: center;
}

.header-nav .setting .dropdown-toggle span {
  display: none;
}

.header-nav .setting.open .dropdown-menu,
.header-nav .setting:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}

.header-nav .setting .dropdown-menu {
  left: 0;
  right: auto;
}

.header-nav .block-minicart {
  margin: 0 10px 0 0px;
}

.header-nav .block-minicart .dropdown-toggle {
  padding: 0;
  margin: 0;
}

.header-nav .block-minicart .dropdown-toggle .cart-icon {
  height: 57px;
  padding: 0;
  margin: 0;
  width: 50px;
}

.header-nav .block-search {
  margin: 0 10px 0 0px;
}

.header-nav .block-search .block-title {
  display: block;
  cursor: pointer;
  line-height: 57px;
  height: 57px;
  width: 50px;
}

.header-nav .block-search .block-content {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  padding: 30px 20px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
  visibility: hidden;
  opacity: 0;
  margin-top: 15px;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.header-nav .block-search.active .block-content,
.header-nav .block-search:hover .block-content {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.header-nav .block-search .form-search .form-control {
  padding-right: 15px;
}

.header-nav .setting,
.header-nav .block-minicart,
.header-nav .block-search {
  float: left;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  top: 0;
  left: 0;
}

.header-nav .block-search {
  left: 51px;
}

.header-nav .setting {
  left: 102px;
}

@media (max-width: 991px) {
  .header-nav .nav-toggle-cat {
    display: none !important;
  }

  .header-nav .block-nav-categori .block-content .ui-categori,
  .header-nav .block-nav-categori .block-content .view-all-categori {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .sticky-wrapper .mid-header .block-nav-categori {
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
  }
}

.sticky-wrapper.is-sticky .mid-header {
  z-index: 9999;
  -webkit-box-shadow: 1px 5px 5px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 1px 5px 5px 0 rgba(0, 0, 0, 0.09);
}

.sticky-wrapper.is-sticky .mid-header .block-nav-menu .ui-menu>li .label-menu {
  top: 1px;
  line-height: 13px;
  font-size: 8px;
}

.sticky-wrapper.is-sticky .mid-header .block-nav-categori {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  visibility: visible;
}

.sticky-wrapper.is-sticky .mid-header .custom-link {
  display: none;
}

@media (min-width: 992px) {
  .sticky-wrapper.is-sticky .mid-header .block-nav-categori {
    width: 50px;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
  }

  .sticky-wrapper.is-sticky .mid-header .block-nav-categori .block-title {
    background-position: center;
    padding: 0;
  }

  .sticky-wrapper.is-sticky .mid-header .block-nav-categori .block-title span {
    visibility: hidden;
    opacity: 0;
    text-indent: -1000px;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
  }

  .sticky-wrapper.is-sticky .mid-header .block-minicart,
  .sticky-wrapper.is-sticky .mid-header .block-search,
  .sticky-wrapper.is-sticky .mid-header .setting {
    visibility: visible;
    opacity: 1;
    display: block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
}

@media (max-width: 991px) {
  .sticky-wrapper.is-sticky .mid-header {
    position: relative !important;
  }
}

@media (min-width: 1200px) {
  .cms-index-index .cate-show .sticky-wrapper:not(.is-sticky) .header-nav .block-nav-categori .block-content {
    display: none !important;
  }
}

.sticky-wrapper:not(.is-sticky) {
  height: auto !important;
}

@media (max-width: 991px) {
  .site-header .block-nav-categori {
    width: 160px !important;
  }

  .site-header .block-nav-categori .block-title {
    width: 160px;
    padding-right: 12px !important;
    padding-left: 5px !important;
    background-position: center left 9px !important;
    background-image: unset;
  }
  .header-opt-12 .block-nav-categori .block-title i {
    display: inline-block !important;
  }
}

.close-nav,
.close-cate {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index1/close-popup.png);
  float: left;
  clear: right;
  background-color: rgb(165 165 165 / 20%);
  display: none;
  cursor: pointer;
  transition: .3s all;
}

.close-nav span,
.close-cate span {
  display: none;
}

@media (max-width: 991px) {

  .close-nav,
  .close-cate {
    display: block;
  }
}

.close-nav {
  float: right;
}

.actions-close-nav {
  display: none;
}

.actions-close-nav:before,
.actions-close-nav:after {
  content: "";
  display: table;
}

.actions-close-nav:after {
  clear: both;
}

@media (max-width: 991px) {
  .actions-close-nav {
    display: block;
  }
}

@media (max-width: 767px) {
  .site-header .header-nav .box-header-nav .block-minicart {
    display: none !important;
  }
}

.header-opt-12 .close-nav:hover,
.header-opt-12 .close-cate:hover,
.header-opt-12 .close-nav:focus,
.header-opt-12 .close-cate:focus {
  background-color: var(--theme-deafult);
}

.header-opt-12 {
  background-color: var(--color_1);
}

.header-opt-12 .header-top {
  background-color: transparent;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

.header-opt-12 .header-top:before,
.header-opt-12 .header-top:after {
  content: "";
  display: table;
}

.header-opt-12 .header-top:after {
  clear: both;
}

.header-opt-12 .header-top .container {
  position: relative;
}

.header-opt-12 .header-top .container:before,
.header-opt-12 .header-top .container:after {
  content: "";
  display: table;
}

.header-opt-12 .header-top .container:after {
  clear: both;
}

.header-opt-12 .header-top .nav-left,
.header-opt-12 .header-top .nav-right {
  float: right;
  color: var(--textColorLight);
}

.header-opt-12 .header-top .nav-left:before,
.header-opt-12 .header-top .nav-right:before,
.header-opt-12 .header-top .nav-left:after,
.header-opt-12 .header-top .nav-right:after {
  content: "";
  display: table;
}

.header-opt-12 .header-top .nav-left:after,
.header-opt-12 .header-top .nav-right:after {
  clear: both;
}

.header-opt-12 .header-top .nav-left>li,
.header-opt-12 .header-top .nav-right>li {
  position: relative;
  padding-left: 15px;
  margin-left: 15px;
  float: right;
}

.header-opt-12 .header-top .nav-left>li>span,
.header-opt-12 .header-top .nav-right>li>span,
.header-opt-12 .header-top .nav-left>li>a,
.header-opt-12 .header-top .nav-right>li>a {
  line-height: 42px;
  color: var(--textColorLight);
  text-transform: capitalize;
  font-size: var(--fontSizeNormal);
  display: block;
}

.header-opt-12 .header-top .nav-left>li>a:hover,
.header-opt-12 .header-top .nav-right>li>a:hover,
.header-opt-12 .header-top .nav-left>li>a:focus,
.header-opt-12 .header-top .nav-right>li>a:focus {
  color: var(--theme-deafult);
}

.header-opt-12 .header-top .nav-left>li:before,
.header-opt-12 .header-top .nav-right>li:before {
  content: "";
  height: 14px;
  width: 1px;
  background-color: var(--textColorLight);
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}

.header-opt-12 .header-top .nav-left>li:last-child,
.header-opt-12 .header-top .nav-right>li:last-child {
  padding-left: 0;
  margin-left: 0;
}

.header-opt-12 .header-top .nav-left>li:last-child:before,
.header-opt-12 .header-top .nav-right>li:last-child:before {
  content: none;
}

.header-opt-12 .header-top .nav-right {
  float: left;
  color: var(--textColorLight);
}

.header-opt-12 .header-top .top-social a {
  line-height: 22px;
  width: 24px;
  border-radius: 100%;
  border: 1px solid var(--textColorLight);
  color: var(--textColorLight);
  text-align: center;
  display: inline-block;
  margin: 0 3px;
  font-size: var(--fontSizeNormal);
}

.header-opt-12 .header-top .top-social a:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.header-opt-12 .header-top .hotline {
  font-size: var(--fontSizeNormal);
}

.header-opt-12 .header-top .hotline i {
  width: 24px;
  line-height: 22px;
  border-radius: 100%;
  border: 1px solid var(--textColorLight);
  text-align: center;
  margin-left: 5px;
  font-size: var(--fontSizeNormal);
}

.header-opt-12 .switcher .dropdown-toggle .fa {
  margin-right: 8px;
  font-size: var(--fontSizeNormal);
}

.header-opt-12 .switcher .dropdown-menu>li>a:hover {
  background-color: var(--theme-deafult);
}

.header-opt-12 .header-content {
  background-color: transparent;
  padding: 30px 0;
}

@media (max-width: 991px) {
  .header-opt-12 .header-content {
    padding: 20px 0px;
  }
}

.header-opt-12 .header-content .nav-left {
  float: right;
  max-width: 250px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .header-opt-12 .header-content .nav-left {
    max-width: 180px;
    padding-top: 10px;
  }
}

@media (max-width: 991px) {
  .header-opt-12 .header-content .nav-left {
    float: none;
    max-width: 100%;
  }
}

.header-opt-12 .header-content .nav-right {
  float: left;
  position: relative;
}

.header-opt-12 .header-content .nav-mind {
  padding-top: 10px;
  float: left;
}

.header-opt-12 .header-content .logo {
  display: block;
  margin-top: 12px;
}

@media (max-width: 991px) {
  .header-opt-12 .header-content .logo {
    margin-top: 0;
    text-align: center;
  }
}

.header-opt-12 .block-minicart .actions .btn:hover,
.header-opt-12 .block-minicart .actions .btn:focus {
  background-color: var(--theme-deafult);
}

.header-opt-12 .block-minicart .minicart-items .product-item .product-item-name a:hover,
.header-opt-12 .block-minicart .minicart-items .product-item .product-item-name a:focus {
  color: var(--theme-deafult);
}

.header-opt-12 .block-nav-categori {
  width: 250px;
}

.header-opt-12 .block-nav-categori .block-title {
  background-color: var(--theme-deafult);
  cursor: pointer;
  line-height: 45px;
  height: 45px;
  padding-right: 17px;
  padding-left: 0;
  font-size: var(--fontSize_2);
}
.header-opt-12 .block-nav-categori .block-title i {
  display: none;
}

@media (min-width: 992px) {
  .header-opt-12 .block-nav-categori .block-title {
    background-image: none;
  }

  .header-opt-12 .block-nav-categori .block-title:before,
  .header-opt-12 .block-nav-categori .block-title:after {
    content: "";
    display: table;
  }

  .header-opt-12 .block-nav-categori .block-title:after {
    clear: both;
  }

  .header-opt-12 .block-nav-categori .block-title:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 45px;
    float: left;
    display: block;
    background-image: url(../images/icon/index11/menu-cat.png);
    order: 1;
  }
}

.header-opt-12 .block-nav-categori .block-title:hover,
.header-opt-12 .block-nav-categori .block-title:focus {
  background-color: var(--color_2);
}

.header-opt-12 .block-nav-categori .ui-categori .submenu .categori-list li a:hover,
.header-opt-12 .block-nav-categori .ui-categori .submenu .categori-list li a:focus {
  color: var(--theme-deafult);
}

.header-opt-12 .block-nav-categori .ui-categori {
  padding-top: 6px;
  padding-bottom: 0;
}

.header-opt-12 .block-nav-categori .ui-categori>li {
  padding-left: 20px;
  padding-right: 20px;
}

.header-opt-12 .block-nav-categori .ui-categori>li>a {
  line-height: 42px;
  border-top: 1px solid #eeeeee;
  padding: 0;
  padding-left: 20px;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
}

.header-opt-12 .block-nav-categori .ui-categori>li>a .icon {
  width: 26px;
  text-align: center;
  margin-left: 2px;
  vertical-align: baseline;
}

.header-opt-12 .block-nav-categori .ui-categori>li:hover>a {
  color: var(--theme-deafult);
}

.header-opt-12 .block-nav-categori .ui-categori>li:first-child>a {
  border-top: none;
}

.header-opt-12 .block-nav-categori .ui-categori>li.parent>a:after {
  line-height: 42px;
}

.header-opt-12 .block-nav-categori .ui-categori .submenu {
  right: 270px;
  width: 900px;
}

@media (max-width: 1199px) {
  .header-opt-12 .block-nav-categori .ui-categori .submenu {
    width: 670px;
  }
}

.header-opt-12 .block-nav-categori .view-all-categori .btn-view-all,
.header-opt-12 .block-nav-categori .view-all-categori a {
  background-color: #fff;
  color: var(--textColorDark);
  border: none;
  border-top: 1px solid #eeeeee;
  font-size: var(--fontSizeNormal);
  height: 49px;
  line-height: 1;
  margin-left: 15px;
  margin-right: 15px;
  text-transform: none;
  text-align: center;
  padding-top: 15px;
}

.header-opt-12 .block-nav-categori .view-all-categori .btn-view-all:after,
.header-opt-12 .block-nav-categori .view-all-categori a:after {
  content: "\f107";
  float: none;
  margin: 0;
  vertical-align: top;
  display: block;
}

.header-opt-12 .block-nav-categori .view-all-categori .btn-view-all:hover,
.header-opt-12 .block-nav-categori .view-all-categori a:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.header-opt-12 .block-nav-categori .block-content {
  background-color: #fff;
  width: 270px;
}

@media (min-width: 992px) {
  .header-opt-12 .block-nav-categori .block-content {
    /* display: none !important; */
    display: none;
    width: 250px;
  }
}

@media (min-width: 992px) {
  .header-opt-12 .block-nav-menu {
    position: relative;
    z-index: 555;
  }

  .header-opt-12 .block-nav-menu .ui-menu {
    padding-right: 1px;
  }

  .header-opt-12 .block-nav-menu .ui-menu>li {
    color: var(--textColorLight);
    background-color: transparent;
    padding: 0 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .header-opt-12 .block-nav-menu .ui-menu>li:last-child {
    padding-left: 0;
  }

  .header-opt-12 .block-nav-menu .ui-menu>li>a {
    color: var(--textColorLight);
    text-transform: uppercase;
    font-size: var(--fontSizeNormal);
  }

  .header-opt-12 .block-nav-menu .ui-menu>li:hover,
  .header-opt-12 .block-nav-menu .ui-menu>li:focus {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: var(--textColorLight);
  }

  .header-opt-12 .block-nav-menu .ui-menu>li:hover:before,
  .header-opt-12 .block-nav-menu .ui-menu>li:focus:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .header-opt-12 .block-nav-menu .ui-menu>li:hover>a,
  .header-opt-12 .block-nav-menu .ui-menu>li:focus>a {
    color: var(--textColorLight);
  }

  .header-opt-12 .block-nav-menu .ui-menu>li .label-menu {
    line-height: 20px;
    width: 36px;
    background-color: var(--theme-deafult);
    border-radius: 0;
    font-size: var(--fontSizeNormal);
    text-transform: uppercase;
    right: 50%;
    top: -10px;
  }

  .header-opt-12 .block-nav-menu .ui-menu>li .label-menu:before {
    right: 0;
    margin: 0;
    border-color: transparent var(--theme-deafult) transparent;
  }

  .header-opt-12 .block-nav-menu .ui-menu>li:before {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    margin-top: 14px;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .header-opt-12 .block-nav-menu .ui-menu>li.parent:after {
    content: "\f107";
  }

  .header-opt-12 .block-nav-menu .ui-menu>li.parent:before {
    margin-left: -16px;
  }

  .header-opt-12 .block-nav-menu .ui-menu>li.active {
    color: var(--textColorLight);
  }

  .header-opt-12 .block-nav-menu .ui-menu>li.active>a {
    color: var(--textColorLight);
  }

  .header-opt-12 .block-nav-menu .ui-menu>li.active:hover>a,
  .header-opt-12 .block-nav-menu .ui-menu>li.active:focus>a {
    color: var(--textColorLight);
  }

  .header-opt-12 .block-nav-menu .ui-menu>li.active:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .header-opt-12 .block-nav-menu .ui-menu>li ul a:hover,
  .header-opt-12 .block-nav-menu .ui-menu>li ul a:focus {
    color: var(--theme-deafult) !important;
  }
}
.cms-rtl .site-header.header-opt-12 .nav-toggle-menu {
  padding: 15px;
  background-image: unset
}
.header-opt-12 .nav-toggle-menu {
  background-color: var(--theme-deafult);
  cursor: pointer;
  line-height: 45px;
  height: 45px;
  padding-right: 15px;
  padding-left: 0;
  font-size: var(--fontSize_2);
  background-position: center left 10px;
  padding-left: 25px;
}

.header-opt-12 .header-nav {
  background-color: transparent;
  margin-bottom: 37px;
}

.header-opt-12 .header-nav .box-header-nav {
  position: relative;
  z-index: 100;
  margin-top: -37px;
  bottom: -37px;
}

.header-opt-12 .header-nav .box-header-nav {
  background-color: var(--color_2);
  padding: 13px 20px;
}

.header-opt-12 .header-nav .block-search {
  position: relative;
  z-index: 10;
  opacity: 1;
  visibility: visible;
  display: block;
  width: calc(100% - 440px);
  width: -moz-calc(100% - 440px);
  width: -webkit-calc(100% - 440px);
  width: -o-calc(100% - 440px);
  float: right;
  margin: 0;
  padding: 0;
  left: auto;
  right: auto;
  /* -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); */
}

@media (max-width: 1199px) {
  .header-opt-12 .header-nav .block-search {
    width: calc(100% - 440px);
    width: -moz-calc(100% - 440px);
    width: -webkit-calc(100% - 440px);
    width: -o-calc(100% - 440px);
  }
}

.header-opt-12 .header-nav .block-search .block-title {
  display: none;
}

.header-opt-12 .header-nav .block-search .block-content {
  padding: 0 0 0 55px;
  margin: 0;
  position: relative;
  opacity: 1;
  visibility: visible;
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.header-opt-12 .header-nav .block-search .form-search {
  width: calc(100% - 175px);
  width: -moz-calc(100% - 175px);
  width: -webkit-calc(100% - 175px);
  width: -o-calc(100% - 175px);
}

.header-opt-12 .header-nav .block-search .form-search .box-group {
  position: static;
}

@media (max-width: 767px) {
  .header-opt-12 .header-nav .block-search .form-search {
    width: 100%;
  }
}

.header-opt-12 .header-nav .block-search .form-search .form-control {
  padding-right: 20px;
  border: none;
  height: 45px;
  width: 100%;
  max-width: 100%;
  background-color: #F5F5F5;
  padding-right: 50px;
  color: var(--textColorDark);
}

.header-opt-12 .header-nav .block-search .form-search .form-control::-moz-placeholder {
  color: var(--textColorDark);
  opacity: 1;
}

.header-opt-12 .header-nav .block-search .form-search .form-control:-ms-input-placeholder {
  color: var(--textColorDark);
}

.header-opt-12 .header-nav .block-search .form-search .form-control::-webkit-input-placeholder {
  color: var(--textColorDark);
}

.header-opt-12 .header-nav .block-search .form-search .btn-search {
  font-size: var(--fontSizeNormal);
  color: var(--textColorLight);
  width: 55px;
  background-color: var(--color_1);
  border: none;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index11/search.png);
}

.header-opt-12 .header-nav .block-search .form-search .btn-search:hover,
.header-opt-12 .header-nav .block-search .form-search .btn-search:focus {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.header-opt-12 .header-nav .block-search .categori-search {
  width: 175px;
  margin: 0;
  float: left;
}

.header-opt-12 .header-nav .block-search .categori-search .chosen-container .chosen-single {
  border: none;
  margin-right: -1px;
  z-index: 10;
  position: relative;
  background-color: #F5F5F5;
  height: 45px;
  line-height: 45px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  padding-right: 15px;
}

.header-opt-12 .header-nav .block-search .categori-search .chosen-container .chosen-single:before {
  content: "";
  width: 1px;
  height: 36px;
  background-color: #dcdcdc;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -18px;
}

.header-opt-12 .header-nav .block-search .categori-search .chosen-container .chosen-single>div {
  width: 20px;
}

.header-opt-12 .header-nav .block-search .categori-search .chosen-container .chosen-single>div b:before {
  content: "\f107";
  color: var(--textColorDark);
}

@media (max-width: 767px) {
  .header-opt-12 .header-nav .block-search .categori-search {
    display: none;
  }
}

.header-opt-12 .header-nav .block-minicart {
  position: relative;
  float: left;
  right: auto;
  top: auto;
  visibility: visible;
  opacity: 1;
  margin: 0;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.header-opt-12 .header-nav .block-minicart:hover>.dropdown-toggle .counter,
.header-opt-12 .header-nav .block-minicart.open>.dropdown-toggle .counter {
  color: var(--textColorLight);
}

.header-opt-12 .header-nav .block-minicart>.dropdown-toggle {
  display: block;
  position: relative;
  color: var(--textColorLight);
  width: 190px;
  background-color: var(--color_1);
  height: 45px;
  font-size: var(--fontSizeNormal);
  line-height: 50px;
  padding-right: 20px;
  text-transform: uppercase;
}

.header-opt-12 .header-nav .block-minicart>.dropdown-toggle:before,
.header-opt-12 .header-nav .block-minicart>.dropdown-toggle:after {
  content: "";
  display: table;
}

.header-opt-12 .header-nav .block-minicart>.dropdown-toggle:after {
  clear: both;
}

.header-opt-12 .header-nav .block-minicart>.dropdown-toggle .cart-icon {
  width: 30px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon/index12/minicart.png);
  display: inline-block;
  vertical-align: bottom;
}

.header-opt-12 .header-nav .block-minicart>.dropdown-toggle .counter-title {
  display: none;
}

.header-opt-12 .header-nav .block-minicart>.dropdown-toggle .counter {
  padding-right: 15px;
}

.header-opt-12 .header-nav .block-minicart>.dropdown-toggle .counter-number {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  display: block;
  width: 20px;
  line-height: 20px;
  position: absolute;
  padding: 0;
  text-align: center;
  font-size: var(--fontSizeNormal);
  border-radius: 100%;
  top: -10px;
  right: 25px;
}

.header-opt-12 .header-nav .block-minicart>.dropdown-toggle .counter-label {
  display: none;
}

@media (max-width: 991px) {
  .header-opt-12 .header-nav .block-minicart {
    margin-right: 15px;
  }

  /* .header-opt-12 .header-nav .block-minicart>.dropdown-toggle .counter-number {
    top: -4px;
  } */
  .header-opt-12.site-header .header-nav .box-header-nav .block-minicart {
    display: block !important;
  }

  .header-opt-12.site-header .header-nav .box-header-nav .block-minicart a.dropdown-toggle {
    width: auto;
    background: unset;
  }

  .header-opt-12.site-header .header-nav .box-header-nav .block-minicart .counter-price {
    display: none;
  }

  .header-opt-12 .header-nav .block-minicart>.dropdown-toggle .cart-icon {
    height: 39px;
    margin-top: 6px;
  }

  .header-opt-12 .header-nav .block-minicart>.dropdown-toggle .counter-number {
    top: 1px;
  }
}

.header-opt-12 .sticky-wrapper.is-sticky .mid-header {
  margin: 0;
  padding: 0px 0 10px;
  background-color: var(--color_1);
}

.header-opt-12 .sticky-wrapper.is-sticky .mid-header .block-search {
  width: calc(100% - 416px);
  width: -moz-calc(100% - 416px);
  width: -webkit-calc(100% - 416px);
  width: -o-calc(100% - 416px);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.header-opt-12 .sticky-wrapper.is-sticky .mid-header .block-nav-categori {
  width: 40px;
}

.header-opt-12 .sticky-wrapper.is-sticky .mid-header .box-header-nav {
  border: none;
}

@media (max-width: 1199px) {
  .header-opt-12 .header-content .block-search .categori-search {
    display: none;
  }
}

@media (max-width: 991px) {
  .header-opt-12 .header-content {
    padding-bottom: 20px;
  }

  .header-opt-12 .header-content .nav-mind {
    float: right;
  }

  .header-opt-12 .header-content .nav-mind .block-search {
    float: right;
    margin-right: 0;
    width: 275px;
  }

  .header-opt-12 .header-content .nav-right {
    float: left;
  }

  .header-opt-12 .header-content .nav-left {
    clear: both;
    text-align: center;
  }

  .header-opt-12 .header-nav .box-header-nav {
    padding-top: 60px;
  }

  .header-opt-12 .header-nav .block-search {
    width: auto;
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@media (max-width: 600px) {
  .header-opt-12 .header-content .nav-mind .block-search {
    width: auto;
    position: static;
  }
}

@media (max-width: 639px) {
  .header-opt-12 .header-nav .block-minicart {
    margin: 0;
    margin-top: 0px;
    width: auto;
  }

  .header-opt-12 .header-nav .block-minicart .dropdown-toggle {
    width: 100%;
  }
}

/*==========================================================

	5. SIDEBAR

==========================================================*/
.slider-range {
  margin-bottom: 20px;
  padding-top: 2px;
}

.slider-range:before,
.slider-range:after {
  content: "";
  display: table;
}

.slider-range:after {
  clear: both;
}

.catalog-view_op1 .slider-range {
  margin-bottom: 5px;
}

.slider-range .ui-slider {
  position: relative;
  height: 3px;
  background-color: #888888;
  border-radius: 0px;
  margin: 5px 0;
}

.catalog-view_op1 .slider-range .ui-slider {
  height: 7px;
  background-color: var(--theme-deafult);
}

.slider-range .ui-slider-range {
  height: 3px;
  background-color: #00a1d0;
  position: absolute;
  top: 0;
}

.catalog-view_op1 .slider-range .ui-slider-range {
  height: 7px;
  background-color: #ccc;
}

.slider-range .ui-slider-handle {
  width: 12px;
  height: 12px;
  border-radius: 0;
  background-color: #888888;
  display: block;
  position: absolute;
  top: -5px;
}

.catalog-view_op1 .slider-range .ui-slider-handle {
  background-color: transparent;
  width: 13px;
  height: 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/slider-range.png);
}

.slider-range .action:before,
.slider-range .action:after {
  content: "";
  display: table;
}

.slider-range .action:after {
  clear: both;
}

.slider-range .action .price {
  font-size: var(--fontSize_2);
  float: right;
  margin-bottom: 15px;
}

.catalog-view_op1 .slider-range .action .price {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  margin: 0;
}

.slider-range .action .price>span {
  line-height: 30px;
  border: 1px solid #dfdfdf;
  text-align: center;
  width: 65px;
  display: block;
  float: right;
  font-size: var(--fontSizeNormal);
  color: #000000;
  margin: 0 0 0 10px;
}

.catalog-view_op1 .slider-range .action .price>span {
  float: none;
  display: inline;
  border: none;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  width: auto;
  margin: 0;
}

.slider-range .action .btn {
  height: 32px;
  width: 65px;
  text-align: center;
  padding: 0;
  font-size: var(--fontSizeNormal);
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  float: right;
  margin-bottom: 15px;
}

.slider-range .action .btn:hover,
.slider-range .action .btn:focus {
  background-color: #171717;
}

.slider-range .amount-min,
.slider-range .amount-max {
  display: block;
  line-height: 30px;
  float: right;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
}

.slider-range .amount-min .catalog-view_op1,
.slider-range .amount-max .catalog-view_op1 {
  display: none;
}

.slider-range .amount-max {
  float: left;
}

.block-sidebar {
  margin-bottom: 20px;
}

.block-sidebar .block-title {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 20px;
}

.block-sidebar .block-title strong {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  text-transform: uppercase;
  margin: 0;
  display: block;
  line-height: 30px;
}

.block-sidebar .block-content {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
}

.block-filter .close-filter-products {
  width: 50px;
  line-height: 40px;
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  cursor: pointer;
  display: none;
}

.block-filter .block-title {
  margin-bottom: 38px;
}

.block-filter .block-content {
  background-color: #fff;
  padding: 20px 20px 15px;
  border: 1px solid #dfdfdf;
}

.block-filter .filter-options-item {
  margin-bottom: 15px;
}

.catalog-view_op1 .block-filter .filter-options-item {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 13px;
}

.catalog-view_op1 .block-filter .filter-options-item:first-child {
  border: unset
}

.catalog-view_op1_style2.catalog-view_op1 .block-filter .filter-options-item {
  margin-bottom: 20px;
}

.catalog-view_op1 .block-filter .filter-options-item .filter-options-content {
  padding-bottom: 0;
}

.catalog-view_op1 .block-filter .filter-options-item:last-child {
  border-bottom: none;
}

.block-filter .filter-options-title {
  font-size: 15px;
  color: var(--textColorDark);
  text-transform: uppercase;
  margin-bottom: 12px;
  line-height: 25px;
  display: block;
}

.catalog-view_op1 .block-filter .filter-options-title {
  margin-bottom: 5px;
}

.block-filter .filter-options-content {
  padding-bottom: 0;
}

.block-filter .filter-options-content .item {
  text-transform: capitalize;
  display: block;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  line-height: 34px;
  position: relative;
}

.catalog-view_op1 .block-filter .filter-options-content .item {
  line-height: 1;
  padding: 5px
}

.block-filter .filter-options-content .item label {
  font-size: var(--fontSizeNormal);
  line-height: 34px;
  cursor: pointer;
  color: var(--textColorDark);
}

.block-filter .filter-options-content .item label:before,
.block-filter .filter-options-content .item label:after {
  content: "";
  display: table;
}

.block-filter .filter-options-content .item label:after {
  clear: both;
}

.catalog-view_op1 .block-filter .filter-options-content .item label {
  line-height: 25px;
  margin: 0;
}

.catalog-view_op1 .block-filter .filter-options-content .item label>span:before {
  top: 7px;
}

.block-filter .filter-options-content .item label:hover {
  color: var(--theme-deafult);
}

.block-filter .filter-options-content .item label>span {
  display: block;
  position: relative;
  padding-right: 27px;
}

.block-filter .filter-options-content .item label>span:before {
  content: '';
  width: 15px;
  height: 14px;
  background-color: #888888;
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
}

.block-filter .filter-options-content .item label input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}

.block-filter .filter-options-content .item label input[type=checkbox]:checked+span {
  color: var(--theme-deafult);
}

.catalog-view_op1 .block-filter .filter-options-content .item label input[type=checkbox]:checked+span {
  color: var(--theme-deafult);
}

.catalog-view_op1 .block-filter .filter-options-content .item label input[type=checkbox]:checked+span:before {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.block-filter .filter-options-content .item label input[type=checkbox]:checked+span:before {
  background-color: var(--theme-deafult);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon/index1/checked.png);
}

.block-filter .filter-options-content .item a {
  display: block;
  color: var(--textColorDark);
}

.block-filter .filter-options-content .item a:before,
.block-filter .filter-options-content .item a:after {
  content: "";
  display: table;
}

.block-filter .filter-options-content .item a:after {
  clear: both;
}

.block-filter .filter-options-content .item a:hover {
  color: var(--theme-deafult);
}

.block-filter .filter-options-content .item .count {
  font-size: var(--fontSizeNormal);
  display: inline-block;
  vertical-align: middle;
  color: var(--textColorDark);
  line-height: 1;
}

.block-filter .filter-options-categori,
.block-filter .filter-options-price {
  border-bottom: 1px dashed #dfdfdf;
  margin-bottom: 22px;
}

.block-filter .filter-options-categori .filter-options-content,
.block-filter .filter-options-price .filter-options-content {
  padding-bottom: 18px;
}

.block-filter .filter-options-price .filter-options-content {
  padding-bottom: 0px;
}

.block-filter .filter-options-color .filter-options-content .items:before,
.block-filter .filter-options-color .filter-options-content .items:after {
  content: "";
  display: table;
}

.block-filter .filter-options-color .filter-options-content .items:after {
  clear: both;
}

.block-filter .filter-options-color .filter-options-content .item {
  padding: 0;
  width: 50%;
  float: right;
  line-height: 31px;
}

.block-filter .filter-options-color .filter-options-content .item:before {
  content: none;
}

.catalog-view_op1 .block-filter .filter-options-color .filter-options-content .item {
  display: block;
  width: auto;
  margin: 0 0 10px 10px;
  line-height: 1;
}

.catalog-view_op1 .block-filter .filter-options-color .filter-options-content .item label {
  margin: 0;
}

.block-filter .filter-options-color .filter-options-content .item .img {
  display: inline-block;
  width: 23px;
  height: 23px;
  vertical-align: middle;
  margin-left: 6px;
}

.catalog-view_op1 .block-filter .filter-options-color .filter-options-content .item .img {
  width: 20px;
  height: 20px;
  border: 1px solid #dfdfdf;
  display: block;
}

.block-filter .filter-options-color .filter-options-content .item .text {
  display: inline-block;
  line-height: 19px;
  vertical-align: middle;
  padding: 0 6px;
  border: 1px solid #dfdfdf;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-transform: uppercase;
}

.block-filter .filter-options-color .filter-options-content .item label>span {
  padding-right: 0;
}

.catalog-view_op1 .block-filter .filter-options-color .filter-options-content .item label>span {
  padding-right: 0;
  position: relative;
  height: 20px;
}

.catalog-view_op1 .block-filter .filter-options-color .filter-options-content .item label>span .count {
  display: none;
}

.catalog-view_op1 .block-filter .filter-options-color .filter-options-content .item label>span .img {
  display: block;
  margin: 0;
}

.catalog-view_op1 .block-filter .filter-options-color .filter-options-content .item label>span:before {
  width: 13px;
  height: 12px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  border: none;
}

.block-filter .filter-options-color .filter-options-content .item label>span:before {
  top: 16px;
  background-color: transparent;
}

.block-filter .filter-options-color .filter-options-content .item label input[type=checkbox]:checked+span:before {
  background-color: var(--theme-deafult);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon/index1/checked.png);
}

.block-filter .filter-options-color .filter-options-content .item label input[type=checkbox]:checked+span .img,
.block-filter .filter-options-color .filter-options-content .item label input[type=checkbox]:checked+span .text {
  border: 1px solid var(--theme-deafult);
}

.catalog-view_op1 .block-filter .filter-options-color .filter-options-content .item label input[type=checkbox]:checked+span .img {
  border: 1px solid var(--theme-deafult);
}

.catalog-view_op1 .block-filter .filter-options-color .filter-options-content .item label input[type=checkbox]:checked+span:before {
  background-color: var(--theme-deafult);
}

@media (max-width: 991px) {
  .block-filter {
    position: fixed;
    top: 0;
    left: -110%;
    bottom: 0;
    width: 300px;
    background-color: #fff;
    z-index: 888;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
    overflow-y: auto;
    margin: 0 !important;
    -webkit-box-shadow: 0 0 3px 0 rgba(136, 136, 136, 0.23);
    box-shadow: 0 0 3px 0 rgba(136, 136, 136, 0.23);
  }

  .block-filter.active {
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
  }

  .block-filter .close-filter-products {
    display: block;
  }

  .block-filter .block-title {
    padding: 0 20px;
  }

  .block-filter .block-title strong {
    line-height: 50px;
    font-size: 20px;
  }

  .block-filter .block-content {
    padding: 0;
    border: none;
  }

  .block-filter .block-content .filter-options-item {
    border-bottom: 1px solid #dfdfdf;
    padding: 0 20px;
  }

  .block-filter .block-content .filter-options-item.active .filter-options-content {
    display: block;
  }

  .block-filter .block-content .filter-options-title {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
  }

  .block-filter .block-content .filter-options-title:after {
    content: "\f105";
    font-family: "FontAwesome";
    display: block;
    line-height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
  }

  .block-filter .block-content .filter-options-title.active {
    color: var(--theme-deafult);
  }

  .block-filter .block-content .filter-options-title.active:after {
    content: "\f107";
  }

  .block-filter .block-content .filter-options-content {
    display: none;
    border: none;
    padding-bottom: 20px;
  }
}

.catalog-view_op1 .block-sidebar {
  margin-bottom: 30px;
  border: 1px solid #f1f1f1;
}

.catalog-view_op1_style2.catalog-view_op1 .block-sidebar {
  border: none;
  margin-bottom: 20px;
}

.catalog-view_op1 .block-sidebar .block-title {
  margin-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  padding: 0 27px;
  text-transform: uppercase;
}

.catalog-view_op1 .block-sidebar .block-title strong {
  font-size: var(--fontSize_2);
  line-height: 2em;
  color: var(--textColorDark);
}

@media (min-width: 992px) {
  .catalog-view_op1_style2.catalog-view_op1 .block-sidebar .block-title strong {
    color: var(--textColorDark);
    line-height: 32px;
  }
}

@media (min-width: 992px) {
  .catalog-view_op1_style2.catalog-view_op1 .block-sidebar .block-title {
    padding-right: 0;
    margin-left: 24px;
  }
}

.catalog-view_op1 .block-sidebar .block-content {
  border: none;
  padding-right: 27px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (min-width: 992px) {
  .catalog-view_op1_style2.catalog-view_op1 .block-sidebar .block-content {
    padding-right: 20px;
    padding-bottom: 0;
  }
}

.catalog-view_op1 .block-filter {
  border: 1px solid #f1f1f1;
}

.catalog-view_op1_style2.catalog-view_op1 .block-filter {
  border: none;
}

.catalog-view_op1 .block-filter .block-title {
  margin-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  padding: 0 27px;
  text-transform: uppercase;
}

.catalog-view_op1 .block-filter .block-title strong {
  font-size: var(--fontSize_2);
  line-height: 2.7em;
}

.catalog-view_op1 .block-filter .block-content {
  border: none;
  padding-right: 27px;
  padding-left: 22px;
  padding-top: 15px;
  padding-bottom: 0px;
}

@media (min-width: 992px) {
  .catalog-view_op1_style2.catalog-view_op1 .block-filter .block-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
  }
}

@media (max-width: 991px) {
  .catalog-view_op1 .block-filter .block-content {
    padding-left: 0;
    padding-right: 0;
  }

  .catalog-view_op1 .block-filter .block-content .filter-options-item {
    padding-bottom: 10px;
  }
}

.catalog-view_op1 .block-filter .filter-options-title {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
}

.catalog-view_op1 .block-filter .filter-options-content .item label {
  color: var(--textColorDark);
}

.catalog-view_op1 .block-filter .filter-options-content .item label>span {
  padding-right: 24px;
}

.catalog-view_op1 .block-filter .filter-options-content .item label>span:before {
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 1px solid #cdcdcd;
}

.catalog-view_op1 .block-filter .filter-options-content .item label:hover {
  color: var(--theme-deafult);
}

.catalog-view_op1 .block-filter .filter-options-content .item label:hover .count {
  color: var(--theme-deafult);
}

.catalog-view_op1 .block-filter .filter-options-size .filter-options-content {
  max-height: 150px;
  overflow-y: auto;
}

.catalog-view_op1 .block-filter .filter-options-size .filter-options-content .item {
  width: 50%;
  float: left;
}

.catalog-view_op1 .block-filter .filter-options-size .filter-options-content .item:nth-child(2n+1) {
  clear: both;
}

.block-sidebar-compare .block-content {
  padding: 20px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
}

.block-sidebar-tags .block-content {
  padding-top: 8px;
}

.catalog-view_op1_style2 .block-sidebar-tags .block-content {
  margin-right: 0;
  padding-right: 0 !important;
  padding-left: 0;
}

.block-sidebar-tags .block-content:before,
.block-sidebar-tags .block-content:after {
  content: "";
  display: table;
}

.block-sidebar-tags .block-content:after {
  clear: both;
}

.block-sidebar-tags .block-content ul:before,
.block-sidebar-tags .block-content ul:after {
  content: "";
  display: table;
}

.block-sidebar-tags .block-content ul:after {
  clear: both;
}

.block-sidebar-tags .block-content li {
  float: right;
}

.catalog-view_op1 .block-sidebar-tags .block-content li {
  float: none;
  display: inline-block;
  vertical-align: bottom;
}

.block-sidebar-tags .block-content a {
  display: block;
  line-height: 31px;
  border: 1px solid #dfdfdf;
  font-size: var(--fontSizeNormal);
  margin-left: 10px;
  margin-bottom: 9px;
  float: right;
  border-radius: 18px;
  color: var(--textColorLight);
  background-color: #9c9c9c;
  padding: 5px 7px;
}

.block-sidebar-tags .block-content a:hover {
  color: var(--theme-deafult);
}

.catalog-view_op1_style2 .block-sidebar-tags .block-content a {
  line-height: 33px;
  font-size: var(--fontSizeNormal);
  font-style: italic;
  color: var(--textColorDark);
  margin-left: 5px;
  margin-bottom: 5px;
}

.catalog-view_op1_style2 .block-sidebar-tags .block-content a:hover {
  color: var(--theme-deafult);
}

.catalog-view_op1:not(.catalog-view_op1_style2) .block-sidebar-tags .block-content a {
  color: var(--textColorLight);
  margin-left: 10px;
  padding: 5px 7px;
  line-height: 1.5;
  border: none;
}

.catalog-view_op1:not(.catalog-view_op1_style2) .block-sidebar-tags .block-content a:hover {
  background-color: var(--theme-deafult);
}

.catalog-view_op1:not(.catalog-view_op1_style2) .block-sidebar-tags .block-content a.lv1 {
  font-size: 12px;
}

.catalog-view_op1:not(.catalog-view_op1_style2) .block-sidebar-tags .block-content a.lv2 {
  font-size: 16px;
}

.catalog-view_op1:not(.catalog-view_op1_style2) .block-sidebar-tags .block-content a.lv3 {
  font-size: 18px;
}

.catalog-view_op1:not(.catalog-view_op1_style2) .block-sidebar-tags .block-content a.lv4 {
  font-size: 20px;
}

.catalog-view_op1:not(.catalog-view_op1_style2) .block-sidebar-tags .block-content a.lv5 {
  font-size: 24px;
}

.block-sidebar-tags .block-content .view-all {
  color: var(--textColorDark);
  text-transform: capitalize;
}

.block-sidebar-tags .block-content .view-all .fa {
  margin-right: 15px;
}

.catalog-view_op1 .block-sidebar-products .block-content {
  padding-left: 20px;
  padding-right: 20px;
}

.block-sidebar-products .product-item-opt-1 .product-item-img img {
  height: 10vmin;
  object-fit: contain;
}

.block-sidebar-products .product-item2:not(.product-item-opt-2) .product-item-info {
  margin-bottom: 10px;
}

.block-sidebar-products .product-item2:not(.product-item-opt-2) .product-item-info:before,
.block-sidebar-products .product-item2:not(.product-item-opt-2) .product-item-info:after {
  content: "";
  display: table;
}

.block-sidebar-products .product-item2:not(.product-item-opt-2) .product-item-info:after {
  clear: both;
}

.block-sidebar-products .product-item2:not(.product-item-opt-2) .product-item-photo {
  float: right;
  margin-left: 10px;
  width: 110px;
}

.block-sidebar-products .product-item2:not(.product-item-opt-2) .product-item-detail {
  overflow: hidden;
}

.block-sidebar-products .product-item2:not(.product-item-opt-2) .product-item-name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  margin-top: 53px;
  margin-bottom: 3px;
}

.block-sidebar-products .product-item2:not(.product-item-opt-2) .product-item-name a {
  color: var(--textColorDark);
}

.block-sidebar-products .product-item2:not(.product-item-opt-2) .product-item-name a:hover {
  color: var(--theme-deafult);
}

.block-sidebar-products .product-item2:not(.product-item-opt-2) .product-item-price {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
}

.block-sidebar-products .product-item2:not(.product-item-opt-2) .product-item-price .old-price {
  text-decoration: line-through;
  margin-right: 6px;
}

.block-sidebar-products .product-item-opt-1,
.block-sidebar-products .product-item-opt-2 {
  margin-bottom: 10px;
}

.block-sidebar-products .product-item-opt-1 .product-item-info:before,
.block-sidebar-products .product-item-opt-2 .product-item-info:before,
.block-sidebar-products .product-item-opt-1 .product-item-info:after,
.block-sidebar-products .product-item-opt-2 .product-item-info:after {
  content: "";
  display: table;
}

.block-sidebar-products .product-item-opt-1 .product-item-info:after,
.block-sidebar-products .product-item-opt-2 .product-item-info:after {
  clear: both;
}

.block-sidebar-products .product-item-opt-1 .product-item-photo,
.block-sidebar-products .product-item-opt-2 .product-item-photo {
  padding: 0;
  width: 80px;
  margin-left: 10px;
  float: right;
}

.block-sidebar-products .product-item-opt-1 .product-item-detail,
.block-sidebar-products .product-item-opt-2 .product-item-detail {
  padding: 0;
  overflow: hidden;
}

.block-sidebar-products .product-item-opt-1 .product-item-name,
.block-sidebar-products .product-item-opt-2 .product-item-name {
  white-space: normal;
  margin: 0;
}

.block-sidebar-products .product-item-opt-1 .product-item-price,
.block-sidebar-products .product-item-opt-2 .product-item-price,
.block-sidebar-products .product-item-opt-1 .product-reviews-summary,
.block-sidebar-products .product-item-opt-2 .product-reviews-summary {
  float: none;
  width: 100%;
}

.block-sidebar-products .all-products {
  line-height: 2.7em;
  background-color: #fafafa;
  height: auto;
  border: 1px solid #e9e9e9;
  padding: 0 10px;
  color: var(--theme-deafult);
  font-size: 13px;
  text-transform: none;
}

.block-sidebar-products .all-products:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  border-color: #fafafa;
}

.block-sidebar-products .owl-dots {
  text-align: center;
  margin-bottom: 4px;
}

.block-sidebar-products .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  background-color: #adadad;
  border-radius: 100%;
  display: inline-block;
  margin: 0 5px;
}

.block-sidebar-products .owl-dots .owl-dot.active {
  background-color: var(--theme-deafult);
}

.block-sidebar-products .owl-carousel .product-item {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 18px;
  padding-top: 4px;
}

.block-sidebar-products .owl-carousel .product-item:last-child {
  border-bottom: none;
}

.block-sidebar-products-opt2 .block-content {
  padding-left: 20px;
  padding-right: 20px;
}

.catalog-view_op1 .block-sidebar-products-opt2 .block-content {
  padding-left: 20px;
  padding-right: 20px;
}

.block-sidebar-products-opt2 .owl-dots {
  text-align: center;
  margin-bottom: 4px;
}

.block-sidebar-products-opt2 .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  background-color: #adadad;
  border-radius: 100%;
  display: inline-block;
  margin: 0 5px;
}

.block-sidebar-products-opt2 .owl-dots .owl-dot.active {
  background-color: var(--theme-deafult);
}

.block-sidebar-products-opt2 .product-item-opt-2 {
  margin-bottom: 15px;
}

.block-sidebar-products-opt2 .product-item-opt-2 .product-item-info {
  position: relative;
  padding-bottom: 40px;
}

.block-sidebar-products-opt2 .product-item-opt-2 .product-item-info .product-item-photo {
  position: static;
}

.block-sidebar-products-opt2 .product-item-opt-2 .product-item-info .btn-cart {
  opacity: 1;
  visibility: visible;
  bottom: 0;
  height: 36px !important;
  line-height: 34px !important;
  background-color: var(--theme-deafult) !important;
  width: 130px;
  left: 50%;
  margin-left: -65px;
  right: auto;
  padding: 0;
}

.block-sidebar-products-opt2 .product-item-opt-2 .product-item-info .btn-cart:before {
  background-image: url(../images/icon/cart-catalog-op1.png);
  margin: 0;
}

.block-sidebar-products-opt2 .product-item-opt-2 .product-item-info .btn-cart:hover {
  background-color: var(--theme-deafult) !important;
}

.block-banner-sidebar .owl-carousel .owl-item img {
  width: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  height: 40vmin;
  object-fit: cover;
}

.block-banner-sidebar .owl-dots {
  position: absolute;
  bottom: 9px;
  left: 0;
  right: 0;
  text-align: center;
}

.block-banner-sidebar .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  background-color: #adadad;
  margin: 0 5px;
  display: inline-block;
  border-radius: 100%;
}

.block-banner-sidebar .owl-dots .owl-dot.active {
  width: 14px;
  height: 14px;
  background-color: var(--theme-deafult);
}

.block-banner-sidebar:hover img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-sidebar-categorie .items a {
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  text-transform: capitalize;
  display: block;
  line-height: 26px;
  margin-right: 17px;
  position: relative;
}

.block-sidebar-categorie .items a:hover {
  color: var(--theme-deafult);
}

.block-sidebar-categorie .items a:hover:before {
  color: var(--theme-deafult);
}

.block-sidebar-categorie .items a:before {
  content: "\f0d9";
  font-family: 'FontAwesome';
  position: absolute;
  top: 0;
  right: -17px;
  color: #cccccc;
  font-size: 13px;
}

/* .block-sidebar-categorie .items li.active>ul,
  .block-sidebar-categorie .items li:hover>ul {
      height: auto;
      display: block;
      -webkit-transition: 0.35s;
      -o-transition: 0.35s;
      transition: 0.35s;
  } */
.block-sidebar-categorie .items>li>a:before {
  content: "\f104";
  font-size: var(--fontSizeNormal);
}

.block-sidebar-categorie .items>li:hover>a {
  color: var(--theme-deafult);
}

.block-sidebar-categorie .items>li:hover>a:before {
  color: var(--theme-deafult);
}

.block-sidebar-categorie .items>li ul {
  padding-right: 17px;
  /*    display: none;
      height: 0;
      overflow: hidden; */
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-sidebar-categorie .items>li ul li {
  border-bottom: 1px dotted #eeeeee;
}

.block-sidebar-categorie .items>li ul li:last-child {
  border-bottom: none;
}

.block-sidebar-testimonials .item {
  margin-bottom: 10px;
}

.block-sidebar-testimonials .item .name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  margin: 0;
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.block-sidebar-testimonials .item .avata {
  text-align: center;
  width: 108px;
  height: 108px;
  border-radius: 100%;
  overflow: hidden;
  border: 3px solid #eeeeee;
  display: block;
  margin: auto;
  margin-bottom: 5px;
}

.block-sidebar-testimonials .item .avata img {
  display: block;
}

.block-sidebar-testimonials .item .des {
  font-size: var(--fontSizeNormal);
  line-height: 20px;
  color: var(--textColorDark);
}

.block-sidebar-testimonials .owl-dots {
  text-align: center;
  margin-bottom: 4px;
}

.block-sidebar-testimonials .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  background-color: #adadad;
  border-radius: 100%;
  display: inline-block;
  margin: 0 5px;
}

.block-sidebar-testimonials .owl-dots .owl-dot.active {
  background-color: var(--theme-deafult);
}

.block-sidebar-testimonials2 .block-content {
  background-color: #f6f6f6;
  text-align: center;
}

.catalog-view_op1_style2 .block-sidebar-testimonials2 .block-content {
  padding-bottom: 15px;
}

.block-sidebar-testimonials2 .block-content .item {
  padding-bottom: 5px;
}

.block-sidebar-testimonials2 .block-content .img {
  margin-bottom: 10px;
}

.block-sidebar-testimonials2 .block-content .img img {
  margin: auto;
}

.block-sidebar-testimonials2 .block-content .title {
  color: var(--theme-deafult);
  font-size: var(--fontSize_2);
  display: block;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.block-sidebar-testimonials2 .block-content .des {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  margin-bottom: 12px;
}

.block-sidebar-testimonials2 .block-content .btn {
  line-height: 29px;
  height: auto;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  padding: 0 9px;
  color: var(--textColorDark);
  text-transform: none;
}

.block-sidebar-testimonials2 .block-content .btn:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

/*==========================================================

	6. FOOTER

==========================================================*/
.block-newletter {
  margin-bottom: 25px;
}

.block-newletter .block-title {
  display: block;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  text-transform: uppercase;
  margin-top: 12px;
  margin-bottom: 55px;
  line-height: 1.1;
}

.block-newletter .form-control {
  height: 52px;
  border: 1px solid #aaaaaa;
  padding-right: 14px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
}

.block-newletter .form-control::-moz-placeholder {
  color: var(--textColorDark);
  opacity: 1;
}

.block-newletter .form-control:-ms-input-placeholder {
  color: var(--textColorDark);
}

.block-newletter .form-control::-webkit-input-placeholder {
  color: var(--textColorDark);
}

.block-newletter .btn-subcribe {
  z-index: 20;
  padding: 0 15px;
  height: 52px;
  background-color: #3e3e3e;
  text-align: center;
  font-size: var(--fontSizeNormal);
  text-transform: uppercase;
  color: var(--textColorLight);
  position: relative;
}

.block-newletter .btn-subcribe:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 22;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-newletter .btn-subcribe:hover:before {
  width: 100%;
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.site-footer {
  background-color: #fff;
  padding-top: 80px;
}

.site-footer .footer-column {
  padding-bottom: 62px;
}

.site-footer .footer-column .logo-footer {
  margin-bottom: 35px;
  display: block;
}

.site-footer .footer-column .links {
  font-size: var(--fontSizeNormal);
}

.site-footer .footer-column .links h3.title {
  display: block;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  text-transform: uppercase;
  margin-top: 12px;
  margin-bottom: 55px;
}

.site-footer .footer-column .links a {
  color: var(--textColorDark);
}

.site-footer .footer-column .links a:hover {
  color: var(--textColorDark);
}

.site-footer .footer-column .links li {
  margin-bottom: 7px;
}

.site-footer .address {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  margin-bottom: 42px;
}

.site-footer .address td {
  padding-bottom: 8px;
  vertical-align: top;
}

.site-footer .address b {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  padding-left: 15px;
}

.site-footer .block-social .block-title {
  display: block;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  text-transform: uppercase;
  margin-top: 12px;
  margin-bottom: 25px;
  line-height: 1.1;
}

.site-footer .block-social .block-content:before,
.site-footer .block-social .block-content:after {
  content: "";
  display: table;
}

.site-footer .block-social .block-content:after {
  clear: both;
}

.site-footer .block-social .block-content a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  line-height: 30px;
  border: 1px solid #aaaaaa;
  border-radius: 100%;
  text-align: center;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* display: block; */
  float: right;
  margin-left: 7px;
  margin-bottom: 5px;
}

.site-footer .block-social .block-content a:last-child {
  margin-left: 0;
}

.site-footer .block-social .block-content a:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.site-footer .footer-bottom {
  border-top: 1px solid #e4e4e4;
  padding-bottom: 40px;
  padding-top: 32px;
}

.site-footer .footer-bottom .links {
  font-size: var(--fontSizeNormal);
  text-transform: capitalize;
  text-align: center;
}

.site-footer .footer-bottom .links ul {
  margin-bottom: 5px;
}

.site-footer .footer-bottom .links li {
  display: inline-block;
}

.site-footer .footer-bottom .links li:last-child a:after {
  content: none;
}

.site-footer .footer-bottom .links a {
  color: var(--textColorDark);
  display: block;
  line-height: 24px;
  position: relative;
  padding-left: 9px;
  padding-right: 6px;
}

.site-footer .footer-bottom .links a:after {
  content: "";
  width: 1px;
  height: 15px;
  background-color: var(--textColorDark);
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
}

.site-footer .footer-bottom .links a:hover {
  color: var(--theme-deafult);
}

.site-footer .payment {
  margin-bottom: 20px;
}

.site-footer .payment img {
  margin-left: 6px;
  cursor: pointer;
}

.site-footer .copyright {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  padding-bottom: 40px;
  text-align: center;
}

.site-footer .footer-tag {
  margin-bottom: 30px;
}

.site-footer .footer-tag .title {
  line-height: 20px;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
}

.site-footer .footer-tag li {
  display: inline-block;
  padding-left: 10px;
  position: relative;
  margin-bottom: 5px;
  margin-left: 6px;
}

.site-footer .footer-tag li:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
  width: 1px;
  height: 14px;
  background-color: #666666;
}

.site-footer .footer-tag li:last-child:after {
  content: none;
}

.site-footer .footer-tag a {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
}

.site-footer .footer-tag a:hover {
  color: var(--textColorDark);
}

.back-to-top {
  display: block;
  border: 2px solid var(--theme-deafult);
  padding: 3px;
  border-radius: 100%;
  text-align: center;
  color: var(--textColorLight);
  float: left;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  left: 30px;
  bottom: 30px;
  z-index: 999;
  top: auto !important;
}

.back-to-top .fa {
  line-height: 36px;
  width: 36px;
  border-radius: 100%;
  background-color: var(--theme-deafult);
  font-size: 22px;
  color: var(--textColorLight);
}

.back-to-top:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.footer-opt-14 {
  padding: 0;
  padding-top: 47px;
  background-color: #333333;
  font-size: var(--fontSizeNormal);
  color: var(--textColorLight);
}

.footer-opt-14.site-footer .address {
  color: var(--textColorLight);
}

.footer-opt-14 a {
  color: var(--textColorLight);
}

.footer-opt-14 a:hover {
  color: var(--theme-deafult);
}

.footer-opt-14 .block-social {
  margin-bottom: 20px;
}

.footer-opt-14 .block-social .block-title {
  display: none;
}

.footer-opt-14 .block-social .block-content a {
  width: 24px;
  line-height: 22px;
  height: 24px;
  border: 1px solid var(--textColorLight);
  text-align: center;
  border-radius: 100%;
  font-size: var(--fontSizeNormal);
  color: var(--textColorLight);
  background-color: transparent;
  margin-left: 10px;
}

.footer-opt-14 .block-social .block-content a:last-child {
  margin-left: 0;
}

.footer-opt-14 .block-social .block-content a:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.footer-opt-14 .footer-bottom {
  border-top: 1px solid #424242;
  padding: 23px 0 20px;
}

.footer-opt-14 .footer-bottom:before,
.footer-opt-14 .footer-bottom:after {
  content: "";
  display: table;
}

.footer-opt-14 .footer-bottom:after {
  clear: both;
}

.footer-opt-14 .footer-bottom .copyright {
  text-align: center;
  margin-bottom: 25px;
  padding: 0;
  color: var(--theme-deafult);
  font-size: var(--fontSizeNormal);
}

.footer-opt-14 .footer-bottom .payment {
  text-align: center;
}

.footer-opt-14 .footer-bottom .payment img {
  margin-right: 12px;
}

.footer-opt-14 .footer-bottom .payment img:hover {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
}

.footer-opt-14 .footer-bottom .links {
  margin-bottom: 12px;
}

.footer-opt-14 .footer-bottom .links ul {
  margin-bottom: 0;
}

.footer-opt-14 .footer-bottom .links a {
  color: var(--textColorLight);
}

.footer-opt-14 .footer-bottom .links a:after {
  background-color: var(--textColorLight);
}

.footer-opt-14 .footer-bottom .links a:hover {
  color: var(--theme-deafult);
}

.footer-opt-14 .footer-column {
  padding: 0;
  padding-bottom: 5px;
}

.footer-opt-14 .footer-column h3.title {
  color: var(--textColorLight);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.1;
  margin: 10px 0;
  margin-bottom: 7px;
}

.footer-opt-14 .footer-column .logo-footer {
  margin-bottom: 20px;
}

.footer-opt-14 .footer-column .address {
  margin-bottom: 20px;
}

.footer-opt-14 .footer-column .address td {
  padding-top: 8px;
  padding-bottom: 0;
}

.footer-opt-14 .footer-column .address .fa {
  width: 37px;
  font-size: 16px;
}

.footer-opt-14 .footer-column .address .text-label {
  padding-left: 10px;
  color: var(--theme-deafult);
}

.footer-opt-14 .footer-column .links {
  margin-bottom: 15px;
}

.footer-opt-14 .footer-column .links h3.title {
  color: var(--textColorLight);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.1;
  margin: 10px 0;
  margin-bottom: 12px;
}

.footer-opt-14 .footer-column .links li {
  position: relative;
  line-height: 30px;
  margin: 0;
  font-size: var(--fontSizeNormal);
}

.footer-opt-14 .footer-column .links li a {
  color: var(--textColorLight);
}

.footer-opt-14 .footer-column .links li:hover {
  color: var(--theme-deafult);
}

.footer-opt-14 .footer-column .links li:hover a {
  color: var(--theme-deafult);
}

.footer-opt-14 .footer-column .tags .title {
  margin-bottom: 14px;
}

.footer-opt-14 .footer-column .tags li {
  display: inline-block;
}

.footer-opt-14 .footer-column .tags a {
  line-height: 24px;
  border: 1px solid #4a4a4a;
  padding: 0 9px;
  display: block;
  margin-bottom: 6px;
  background-color: #3d3d3d;
}

.footer-opt-14 .footer-column .tags a:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.footer-opt-14 .footer-column .recent-blogspost {}

.footer-opt-14 .footer-column .recent-blogspost .title {
  margin-bottom: 20px;
}

.footer-opt-14 .footer-column .recent-blogspost a {
  color: var(--theme-deafult);
}

.footer-opt-14 .footer-column .recent-blogspost p {
  margin-bottom: 5px;
}

.footer-opt-14 .footer-column .recent-blogspost .date {
  display: block;
  font-style: italic;
}

.footer-opt-14 .footer-column .recent-blogspost li {
  padding-bottom: 12px;
  margin-bottom: 15px;
  border-bottom: 1px solid #424242;
  font-size: 14px;
}

.footer-opt-14 .footer-column .recent-blogspost li:last-child {
  border-bottom: none;
}

/*==========================================================

	7. Blog

==========================================================*/
.post-grid .post-items {
  margin-bottom: 34px;
}

.post-list .post-items {
  margin-bottom: 25px;
}

.post-grid .post-items .post-item {
  margin-bottom: 30px;
  width: 50%;
  float: left;
}

.post-grid .post-items .post-item:nth-child(2n+1) {
  clear: both;
}

@media (max-width: 360px) {
  .post-grid .post-items .post-item {
    width: 100%;
  }
}

.post-list .post-items .post-item {
  margin-bottom: 30px;
}

.post-list .post-items .post-item .post-item-info {
  border: 1px solid #f0f0f0;
}

.post-list .post-items .post-item .post-item-info:before,
.post-list .post-items .post-item .post-item-info:after {
  content: "";
  display: table;
}

.post-list .post-items .post-item .post-item-info:after {
  clear: both;
}

.post-list .post-items .post-item .post-item-photo {
  width: 48%;
  float: left;
  margin: 0;
}

@media (max-width: 479px) {
  .post-list .post-items .post-item .post-item-photo {
    width: 100%;
    float: none;
  }
}

.post-list .post-items .post-item .post-item-detail {
  overflow: hidden;
  padding-left: 35px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.post-list .post-items .post-item .post-item-name {
  font-size: var(--fontSize_2);
  margin-top: 30px;
}

@media (max-width: 1199px) {
  .post-list .post-items .post-item .post-item-name {
    margin-top: 5px;
  }
}

.post-items .post-item .post-item-des {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  margin: 22px 0 25px;
  line-height: 20px;
  max-height: 61px;
  overflow: hidden;
}

.post-items .post-item .post-item-actions {
  margin-top: 15px;
}

.post-items .post-item .post-item-actions .btn {
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  display: inline-block;
  line-height: 36px;
  padding: 0 22px;
  text-transform: none;
  background-color: #f2f2f2;
  text-align: center;
  border-radius: 100px;
}

.post-items .post-item .post-item-actions .btn:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.post-items .post-item .post-item-photo {
  display: block;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.post-items .post-item .post-item-photo a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(225, 165, 60, 0.5);
  opacity: 0;
  display: block;
  z-index: 5;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.post-items .post-item .post-item-photo:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.post-items .post-item .post-item-photo:hover a:before {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.post-items .post-item .post-item-photo img {
  display: block;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.post-items .post-item .post-item-name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 6px;
}

.post-items .post-item .post-item-name a {
  color: var(--textColorDark);
}

.post-items .post-item .post-item-name a:hover {
  color: var(--theme-deafult)
}

.post-items .post-item .post-item-athur {
  color: #aaaaaa;
  font-size: 11px;
  display: block;
}

.cms-blog .pagination {
  margin-bottom: 70px;
}

/* ----------------
 [20. Bolog page]
 */
.blog-posts {
  line-height: 24px;
  margin-top: 20px;
}

.blog-posts .entry-title {
  font-size: var(--fontSize_2);
  margin: 0;
}

.blog-posts .image-hover2 a {
  position: relative;
  display: table;
  width: 100%;
}

.blog-posts .image-hover2 a:after {
  overflow: hidden;
  position: absolute;
  top: 0;
  content: "";
  z-index: 100;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  z-index: 1;
}

.blog-posts .image-hover2 a:before {
  font: normal normal normal 18px/1 FontAwesome;
  content: "\f002";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  color: #fff;
  ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.blog-posts .image-hover2 a:hover:after {
  visibility: visible;
  opacity: 0.8;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.blog-posts .image-hover2 a:hover:before {
  opacity: 1;
}

.blog-posts .post-item {
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  margin-top: -1px;
}

.blog-posts .post-item .entry-meta-data {
  padding: 5px 0;
  color: var(--textColorDark);
  font-size: 13px;
}

.blog-posts .post-item .entry-meta-data span {
  margin-left: 5px;
  display: inline-block;
}

.blog-posts .post-item .entry-meta-data .author .fa {
  opacity: 0.7;
}

.blog-posts .post-item .entry-meta-data .fa {
  line-height: inherit;
}

.blog-posts .post-item .post-star {
  font-size: 13px;
}

.blog-posts .post-item .post-star .fa {
  line-height: inherit;
  color: #ff9900;
}

.blog-posts .post-item .entry-excerpt {
  text-align: justify;
}

.blog-posts .post-item .entry-more a {
  border: 1px solid #eee;
  padding: 10px 12px;
  background: #eee;
  transition: .3s all
}

.blog-posts .post-item .entry-more {
  margin-top: 15px;
}

.blog-posts .post-item .entry-more a:hover {
  background: var(--theme-deafult);
  color: var(--textColorLight);
}

.blog-posts .post-item .entry-thumb img {
  border: 1px solid #eaeaea;
}

/** sortPagiBar **/
.sortPagiBar {
  margin-top: 20px;
}

.sortPagiBar .page-noite {
  line-height: 30px;
}

.sortPagiBar .sort-product,
.sortPagiBar .show-product-item {
  float: right;
  border: 1px solid #eaeaea;
  height: 31px;
  margin-left: 23px;
}

.sortPagiBar select {
  background: transparent;
  padding: 0 10px;
  height: 29px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("https://kutethemes.com/") no-repeat right center #fafafa;
  padding-right: 20px;
  display: inline-block;
  font-size: var(--fontSizeNormal);
}

.sortPagiBar .sort-product .sort-product-icon {
  display: inline-block;
  width: 38px;
  text-align: center;
  float: right;
  height: 29px;
  border-left: 1px solid #eaeaea;
  background: #fafafa;
  padding-top: 8px;
}

.sortPagiBar .bottom-pagination {
  width: auto;
  float: left;
  margin-right: 23px;
}

.sortPagiBar .bottom-pagination .pagination {
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.sortPagiBar .bottom-pagination .pagination a:hover {
  background: var(--theme-deafult);
  color: var(--textColorLight);
}

.sortPagiBar .bottom-pagination .pagination .active a {
  background: var(--theme-deafult);
  color: var(--textColorLight);
}

.sortPagiBar .bottom-pagination .pagination>li:first-child>a,
.sortPagiBar .bottom-pagination .pagination>li:first-child>span {
  margin-left: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.sortPagiBar .bottom-pagination .pagination>li>a,
.sortPagiBar .bottom-pagination .pagination>li>span {
  position: relative;
  float: left;
  padding: 5px 12px;
  margin-left: -1px;
  line-height: 1.42857;
  color: var(--textColorDark);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #eaeaea;
  transition: .3s all
}

.sortPagiBar .bottom-pagination .pagination>li:last-child>a,
.sortPagiBar .bottom-pagination .pagination>li:last-child>span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.page-heading span.page-heading-title2 {
  text-transform: uppercase;
}

.sidebar-blog .block {
  margin-bottom: 30px;
}

.sidebar-blog .block .block-title {
  font-size: var(--fontSize_2);
  color: #000000;
  display: block;
  border-bottom: 1px solid #dfdfdf;
  text-transform: uppercase;
  margin-bottom: 40px;
  padding-bottom: 5px;
}

.sidebar-blog .block-categori-blog .block-title {
  margin-bottom: 26px;
}

.sidebar-blog .block-categori-blog li {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  border-bottom: 1px solid #f3f3f3;
  text-transform: capitalize;
  padding: 10px 0;
}

.sidebar-blog .block-categori-blog li:last-child {
  border-bottom: none;
}

.sidebar-blog .block-categori-blog li:before,
.sidebar-blog .block-categori-blog li:after {
  content: "";
  display: table;
}

.sidebar-blog .block-categori-blog li:after {
  clear: both;
}

.sidebar-blog .block-categori-blog li a {
  color: var(--textColorDark);
  display: block;
}

.sidebar-blog .block-categori-blog li a:hover {
  color: var(--theme-deafult);
}

.sidebar-blog .block-categori-blog li a:hover .count {
  color: var(--theme-deafult);
}

.sidebar-blog .block-categori-blog li .count {
  float: right;
  font-style: italic;
  color: #aaa;
  margin-left: 5px;
}

.sidebar-blog .block-recent-post li {
  margin-bottom: 20px;
}

.sidebar-blog .block-recent-post li:hover .item-photo img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.sidebar-blog .block-recent-post .item-photo {
  float: left;
  width: 32.6%;
  max-width: 90px;
  margin-right: 15px;
  display: block;
  overflow: hidden;
}

.sidebar-blog .block-recent-post .item-photo img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.sidebar-blog .block-recent-post .item-detail {
  overflow: hidden;
  color: #aaaaaa;
  font-size: 10px;
}

.sidebar-blog .block-recent-post .item-name {
  font-size: var(--fontSizeNormal);
  display: block;
  margin-bottom: 8px;
}

.sidebar-blog .block-tag-blog .block-content a {
  display: inline-block;
  line-height: 34px;
  border: 1px solid #eeeeee;
  text-align: center;
  padding: 0 23px;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  font-style: italic;
  margin-bottom: 5px;
  margin-right: 1px;
}

.sidebar-blog .block-tag-blog .block-content a:hover {
  color: var(--theme-deafult);
}

/* Recent Comments*/
.recent-comment-list li {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.recent-comment-list li:last-child {
  border: none;
  margin-bottom: 0px;
}

.recent-comment-list li .author {
  color: var(--textColorDark);
  margin-bottom: 5px;
  font-size: var(--fontSizeNormal);
}

.recent-comment-list li .comment {
  margin-top: 5px;
  color: var(--textColorDark);
}

.recent-comment-list li>h5>a {
  color: var(--textColorDark);
}

/** post sidebar **/
.blog-list-sidebar .entry_title {
  margin: 0;
}

.blog-list-sidebar li {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.blog-list-sidebar li:last-child {
  border: none;
  margin-bottom: 0px;
}

.blog-list-sidebar li .post-thumb {
  width: 80px;
  float: right;
  border: 1px solid #eaeaea;
  padding: 4px;
  background: #fcfcfc;
}

.blog-list-sidebar li .post-info {
  margin-right: 90px;
  color: var(--textColorDark);
}

.blog-list-sidebar li .post-info .post-meta {
  font-size: 12px;
  margin-top: 5px;
}

.blog-list-sidebar li .post-info .fa {
  line-height: inherit;
}
.blog-list-sidebar .price-box {
  font-size: 1.1em;
  color: var(--theme-deafult);
  margin-bottom: 9px;
}
.blog-list-sidebar .price-box>span {
  line-height: 1;
}
.blog-list-sidebar .price-box .price {
  margin-left: 3px;
}
.blog-list-sidebar .price-box .old-price {
  font-size: 1em;
  color: var(--textColorDark);
  text-decoration: line-through;
}
.page-blog .page-heading {
  height: 41px;
  border-bottom: 1px solid #eaeaea;
  line-height: 40px;
  position: relative;
  font-size: 24px;
}

/** Blog detail **/
.entry-detail {
  margin-top: 20px;
}

.entry-detail .entry-photo {
  position: relative;
  display: block;
  overflow: hidden;
  height: 60vmin;
}

.entry-detail .entry-photo img {
  border: 1px solid #eaeaea;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.entry-detail .entry-photo:hover img {
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
  -o-transform: scale(1.12);
  transform: scale(1.12);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.entry-detail .entry-meta-data {
  padding: 10px 0;
  color: var(--textColorDark);
}

.entry-detail .entry-meta-data:before,
.entry-detail .entry-meta-data:after {
  content: "";
  display: table;
}

.entry-detail .entry-meta-data:after {
  clear: both;
}

.entry-detail .entry-meta-data .fa {
  line-height: inherit;
}

.entry-detail .entry-meta-data span {
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}

.entry-detail .entry-meta-data .author .fa {
  opacity: 0.7;
}

.entry-detail .entry-meta-data .post-star {
  float: left;
}

.entry-detail .entry-meta-data .post-star .fa {
  color: #ff9900;
}

.entry-detail .entry-meta-data .post-star span {
  margin: 0;
}

/** COMMMENT list**/
.single-box {
  margin-top: 20px;
}

.single-box>h2 {
  font-size: 2rem;
}

.comment-list {
  margin-top: 20px;
}

.comment-list ul {
  padding-right: 80px;
}

.comment-list ul li {
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 15px;
}

.comment-list ul li:last-child {
  margin-bottom: 0;
  border: none;
  padding: 0;
}

.comment-list>ul {
  padding-right: 0;
}

.comment-list .pagination>li {
  border: unset !important;
  padding: 2px 0 !important;
}

.comment-list .pagination>li.active>a {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  border-color: var(--theme-deafult);
}

.comment-list .avartar {
  width: 80px;
  border: 1px solid #eaeaea;
  padding: 4px;
  float: right;
}

.comment-list .comment-body {
  margin-right: 90px;
}

.comment-list .comment-meta {
    color: var(--textColorDark);
}

.comment-list .comment-meta .author a {}

.comment-list .comment-meta .author,
.comment-list .comment-meta .date {
  display: inline-block;
  vertical-align: top;
}

.coment-form {
  margin-top: 20px;
}

.coment-form label {
  margin-top: 10px;
  margin-bottom: 2px;
}

.coment-form input,
.coment-form textarea {
  border-radius: 0px;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

.coment-form .btn-comment {
  padding: 10px 20px;
  border: 1px solid #eaeaea;
  background: #666;
  color: #fff;
  margin-top: 15px;
}

.coment-form .btn-comment:hover {
  background: var(--theme-deafult);
  border: 1px solid var(--theme-deafult);
}

/**Related Posts**/
.related-posts {
  margin-top: 20px;
}

.related-posts .owl-prev,
.related-posts .owl-next {
  background: #eaeaea;
  width: 24px;
  height: 24px;
  color: #ccc;
  text-align: center;
  line-height: 24px;
  top: -31px;
  position: absolute;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.related-posts .owl-prev:before,
.related-posts .owl-next:before {
  font-family: "FontAwesome";
}

.related-posts .owl-prev:hover,
.related-posts .owl-next:hover {
  background: var(--theme-deafult);
  color: var(--textColorLight);
}

.related-posts .owl-prev .fa,
.related-posts .owl-next .fa {}

.related-posts .owl-prev {
  right: inherit;
  left: 0;
}

.related-posts .owl-prev:before {
  content: "\f104";
}

.related-posts .owl-next {
  left: 26px;
}

.related-posts .owl-next:before {
  content: "\f105";
}

.related-posts .post-item:hover .entry-thumb img {
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
  -o-transform: scale(1.12);
  transform: scale(1.12);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.related-posts .entry-thumb {
  position: relative;
  overflow: hidden;
}

.related-posts .entry-thumb img {
  border: 1px solid #eaeaea;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.related-posts .entry-ci {
  margin-top: 10px;
}

.related-posts .entry-ci .entry-excerpt {
  padding: 10px 0;
}

.related-posts .entry-meta-data {
  color: var(--textColorDark);
  font-size: 13px;
  margin-top: 10px;
}

.related-posts .entry-meta-data .fa {
  line-height: inherit;
}

.related-posts .entry-title {
  font-size: var(--fontSizeNormal);
  min-height: 3em;
}

.post-detail .post-item-info .post-item-photo {
  display: block;
}

.post-detail .post-item-info .post-item-photo img {
  width: 100%;
  display: block;
}

.post-detail .post-item-info .post-item-name {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  margin: 24px 0 15px;
  display: block;
}

.post-detail .post-item-info .post-item-athur {
  font-size: 12px;
  color: #aaaaaa;
  margin-bottom: 18px;
}

.post-detail .post-item-info .post-item-des {
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  line-height: 24px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.post-detail .post-item-info .post-item-des:before {
  content: "";
  width: 30px;
  height: 2px;
  background-color: #eaeaea;
  position: absolute;
  bottom: 0;
  left: 0;
}

.post-detail .post-item-info .post-item-des blockquote {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  border-left: 3px solid #e9c77b;
  padding-left: 29px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.post-detail .post-item-info .post-item-tag {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  float: left;
  line-height: 28px;
  margin-bottom: 23px;
}

.post-detail .post-item-info .post-item-tag a {
  color: var(--textColorDark);
  line-height: 28px;
}

.post-detail .post-item-info .post-item-tag a:hover {
  color: var(--theme-deafult);
}

.post-detail .post-item-info .post-item-tag label {
  font-size: var(--fontSizeNormal);
  text-transform: uppercase;
  color: var(--textColorDark);
  padding: 0;
  margin-right: 3px;
  line-height: 28px;
}

.post-detail .post-item-info .post-item-share {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  float: right;
  line-height: 28px;
  margin-bottom: 23px;
}

.post-detail .post-item-info .post-item-share a {
  color: var(--textColorDark);
  margin-left: 5px;
  line-height: 28px;
}

.post-detail .post-item-info .post-item-share a:hover {
  color: var(--theme-deafult);
}

.post-detail .post-item-info .post-item-share label {
  font-size: var(--normal);
  text-transform: none;
  color: var(--textColorDark);
  padding: 0;
  margin-right: 3px;
  font-style: italic;
  line-height: 28px;
}

.post-detail .post-arthur {
  background-color: #f2ddb0;
  margin-bottom: 25px;
  padding: 27px 35px 33px 53px;
}

.post-detail .post-arthur:before,
.post-detail .post-arthur:after {
  content: "";
  display: table;
}

.post-detail .post-arthur:after {
  clear: both;
}

@media (max-width: 479px) {
  .post-detail .post-arthur {
    padding: 25px 20px;
  }
}

.post-detail .post-arthur .avata {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 20px;
  float: left;
}

.post-detail .post-arthur .avata img {
  display: block;
}

.post-detail .post-arthur .des {
  overflow: hidden;
  font-size: 12px;
  color: #555555;
  font-style: italic;
  padding-top: 20px;
}

.post-detail .post-arthur .des .name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  font-style: normal;
  margin-bottom: 8px;
}

.block-comment-blog .list-commnet {
  margin-bottom: 35px;
}

.block-comment-blog .list-commnet .block-title {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  margin-bottom: 25px;
}

.block-comment-blog .list-commnet .block-title:before,
.block-comment-blog .list-commnet .block-title:after {
  content: "";
  display: table;
}

.block-comment-blog .list-commnet .block-title:after {
  clear: both;
}

.block-comment-blog .list-commnet .block-title .leaver-comment {
  float: right;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  font-style: italic;
}

.block-comment-blog .list-commnet .item {
  border: 1px solid #ececec;
  padding: 22px 29px 28px;
  margin-bottom: 10px;
}

.block-comment-blog .list-commnet .item .user {
  font-size: var(--fontSizeNormal);
  color: #222222;
  margin-right: 25px;
}

.block-comment-blog .list-commnet .item .date {
  color: #aaaaaa;
  font-size: var(--fontSizeNormal);
}

.block-comment-blog .list-commnet .item .des {
  font-size: var(--fontSizeNormal);
  font-style: italic;
  margin-top: 12px;
  margin-bottom: 15px;
  color: var(--textColorDark);
}

.block-comment-blog .list-commnet .item .actions {
  text-align: right;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  font-style: italic;
  margin-top: 45px;
}

.block-comment-blog .list-commnet .item .actions .fa {
  color: #8b8b8b;
  font-size: 11px;
  margin-left: 5px;
}

.block-comment-blog .list-commnet .item .actions .reply:hover {
  color: var(--theme-deafult);
}

.block-comment-blog .list-commnet .item .actions .reply:hover .fa {
  color: var(--theme-deafult);
}

.block-comment-blog .block-leave-reply {
  margin-bottom: 70px;
}

.block-comment-blog .block-leave-reply .block-title {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  margin-bottom: 15px;
}

.block-comment-blog .block-leave-reply .form-group {
  margin-bottom: 10px;
}

.block-comment-blog .block-leave-reply .form-control {
  height: 40px;
  padding-left: 10px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  max-width: 295px;
}

.block-comment-blog .block-leave-reply .form-control::-moz-placeholder {
  color: var(--textColorDark);
  opacity: 1;
}

.block-comment-blog .block-leave-reply .form-control:-ms-input-placeholder {
  color: var(--textColorDark);
}

.block-comment-blog .block-leave-reply .form-control::-webkit-input-placeholder {
  color: var(--textColorDark);
}

.block-comment-blog .block-leave-reply textarea,
.block-comment-blog .block-leave-reply textarea.form-control {
  height: 190px;
  max-width: 510px;
}

.block-comment-blog .block-leave-reply .btn {
  height: 40px;
  border-radius: 100px;
  padding: 0 20px;
  font-size: var(--fontSizeNormal);
  margin-top: 10px;
}

/*==========================================================

	8. SHOP

==========================================================*/
.product-reviews-summary .rating-summary:before,
.product-reviews-summary .rating-summary:after {
  content: "";
  display: table;
}

.product-reviews-summary .rating-summary:after {
  clear: both;
}

.product-reviews-summary .rating-result {
  position: relative;
  display: block;
  overflow: hidden;
  float: right;
}

.product-reviews-summary .rating-result,
.product-reviews-summary .rating-result>span {
  color: var(--textColorDark);
  white-space: nowrap;
  line-height: 1;
  display: block;
}

.product-reviews-summary .rating-result:before,
.product-reviews-summary .rating-result>span:before {
  content: "\f005""\f005""\f005""\f005""\f005";
  font-family: "FontAwesome";
  font-size: 12px;
  line-height: 1;
  display: block;
}

.product-reviews-summary .rating-result>span {
  color: #ff9900;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.product-reviews-summary .rating-result>span span {
  display: none;
}

.product-item-opt-1 {
  padding: 0;
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.product-item.discount::before,
.product-item-opt-1.product-item.discount::before,
.product-item-opt-1.discount::before,
.product-media .images-large.discount:before {
  content: 'فروش ویژه';
  position: absolute;
  width: 109px;
  height: 25px;
  background-color: var(--theme-deafult);
  right: -25px;
  top: 16px;
  color: var(--textColorLight);
  transform: rotate(45deg);
  z-index: 1;
  font-size: .8rem;
  padding: 3px 0;
  text-align: center;
  box-shadow: 0 1px 9px -3px darkgrey;
  clip-path: polygon(23% 0%, 77% 0, 100% 100%, 0 100%);
}

.product-item.discount.left::before,
.product-item-opt-1.product-item.discount.left::before,
.product-item-opt-1.discount.left::before,
.product-media .images-large.discount.left:before {
  left: -25px !important;
  right: unset;
  transform: rotate(315deg);
}

.product-item-opt-1:hover .product-item-actions .btn {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-1 .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-1 .product-item-info:hover .btn-cart {
  -webkit-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -o-transform: translate(0, 0px);
  transform: translate(0, 0px);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.product-item-opt-1 .product-item-info .btn-cart {
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: var(--textColorLight);
  height: 50px;
  line-height: 48px;
  font-size: var(--fontSizeNormal);
  text-transform: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  -webkit-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
  -o-transform: translate(0, 60px);
  transform: translate(0, 60px);
}

.product-item-opt-1 .product-item-info .btn-cart:before {
  content: "";
  width: 33px;
  height: 50px;
  background-position: center top 7px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index1/btn-cart.png);
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.product-item-opt-1 .product-item-info .btn-cart:hover {
  background-color: var(--theme-deafult);
}

.product-item-opt-1 .product-item-info .product-reviews-summary {
  float: left;
  margin-top: 2px;
}

.product-item-opt-1 .product-item-photo {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-top: 20px;
}

.product-item-opt-1 .product-item-img {
  display: block;
}

.product-item-opt-1 .product-item-img img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  height: 35vmin;
  object-fit: contain;
}

.product-item-opt-1 .product-item-detail {
  padding: 8px 13px 5px;
  min-height: 71px;
}

@media (max-width: 767px) {
  .product-item-opt-1 .product-item-detail {
    min-height: 75px;
  }
}

.product-item-opt-1 .product-item-name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-item-opt-1 .product-item-name a {
  color: var(--textColorDark);
}

.product-item-opt-1 .product-item-name a:hover {
  color: var(--theme-deafult);
}

.product-item-opt-1 .product-item-price {
  font-size: var(--fontSize_2);
  color: var(--theme-deafult);
  margin-bottom: 2px;
  float: right;
  width: calc(100% - 70px);
  width: -moz-calc(100% - 70px);
  width: -webkit-calc(100% - 70px);
  width: -o-calc(100% - 70px);
  line-height: 1;
}

.product-item-opt-1 .product-item-price>span {
  line-height: 1;
}

.product-item-opt-1 .product-item-price .price {
  margin-left: 3px;
}

.product-item-opt-1 .product-item-price .old-price {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-decoration: line-through;
}

.product-item-opt-1 .product-item-actions {
  position: absolute;
  z-index: 30;
  left: 23px;
  top: 0;
  bottom: 0;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1199px) {
  .product-item-opt-1 .product-item-actions {
    top: 55px;
  }
}

.product-item-opt-1 .product-item-actions .btn {
  width: 32px;
  height: 32px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: var(--textColorLight);
  margin-bottom: 7px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-1 .product-item-actions .btn:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.product-item-opt-1 .product-item-actions .btn:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.product-item-opt-1 .product-item-actions .btn:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.product-item-opt-1 .product-item-actions .btn:nth-child(4) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.product-item-opt-1 .product-item-actions .btn span {
  display: none;
}

.product-item-opt-1 .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
}

.product-item-opt-1 .product-item-actions .btn-wishlist {
  /* background-image: url(../images/icon/index1/btn-wishlist.png); */
}

.product-item-opt-1 .product-item-actions .btn-compare {
  background-image: url(../images/icon/index1/btn-compare.png);
}

.product-item-opt-1 .product-item-actions .btn-quickview {
  background-image: url(../images/icon/index1/btn-quickview.png);
}

.product-item-opt-1 .product-item-label {
  position: absolute;
  top: 17px;
  left: 17px;
  line-height: 28px;
  padding: 0 8px;
  display: block;
  background-color: #3395ff;
  color: var(--textColorLight);
  font-size: var(--fontSizeNormal);
}

.product-item-opt-1 .product-item-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 14px 0;
  border-color: transparent #3395ff transparent transparent;
}

.product-item-opt-1 .product-item-label:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 9px;
  border-color: transparent transparent #3395ff transparent;
}

.product-item-opt-1 .product-item-label.label-new {
  background-color: #009966;
  font-size: 11px;
  text-transform: uppercase;
  border-radius: 100%;
  width: 36px;
  line-height: 36px;
  height: 36px;
  top: 17px;
  left: 17px;
}

.product-item-opt-1 .product-item-label.label-new:before,
.product-item-opt-1 .product-item-label.label-new:after {
  content: none;
}

.product-item-opt-1 .product-item-label.label-sale {
  background-color: #ff9c33;
}

.product-item-opt-1 .product-item-label.label-sale:before {
  border-color: transparent #ff9c33 transparent transparent;
}

.product-item-opt-1 .product-item-label.label-sale:after {
  border-color: transparent transparent #ff9c33 transparent;
}

.product-item-opt-1 .product-item-label.label-price {
  background-color: #ff6600;
  color: var(--textColorLight);
  border-radius: 100%;
  text-transform: uppercase;
  width: 36px;
  text-align: center;
  padding: 0;
  height: 36px;
  line-height: 1;
  font-size: 11px;
  padding-top: 7px;
}

.product-item-opt-1 .product-item-label.label-price span {
  display: block;
}

.product-item-opt-1 .product-item-label.label-price:before,
.product-item-opt-1 .product-item-label.label-price:after {
  content: none;
}

.product-item-opt-1 .product-item-label.label-sale-off {
  background-color: #b30000;
  left: 5px;
  top: 9px;
  height: 38px;
  line-height: 1;
  padding-top: 3px;
  font-size: var(--fontSize_2);
  color: var(--textColorLight);
}

.product-item-opt-1 .product-item-label.label-sale-off span {
  display: block;
  text-transform: uppercase;
}

.product-item-opt-1 .product-item-label.label-sale-off:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 11px 19px 0;
  border-color: transparent #b30000 transparent transparent;
  position: absolute;
  bottom: auto;
  right: auto;
  top: 0;
  left: -11px;
}

.product-item-opt-1 .product-item-label.label-sale-off:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 0;
  border-color: #510000 transparent transparent transparent;
  position: absolute;
  left: auto;
  top: auto;
  bottom: -6px;
  right: 0px;
}

.product-item-opt-0 .product-item-info {
  padding: 10px 22px 5px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  position: relative;
}

.product-item-opt-0 .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-0 .product-item-photo {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.product-item-opt-0 .product-item-img img {
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-0 .product-item-name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
}

.product-item-opt-0 .product-item-name a {
  color: var(--textColorDark);
}

.product-item-opt-0 .product-item-name a:hover {
  color: var(--theme-deafult);
}

.product-item-opt-0 .product-item-price {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  margin-bottom: 10px;
}

.product-item-opt-0 .product-item-price .old-price {
  color: var(--textColorDark);
  text-decoration: line-through;
}

.product-item-opt-0 .product-item-actions:before,
.product-item-opt-0 .product-item-actions:after {
  content: "";
  display: table;
}

.product-item-opt-0 .product-item-actions:after {
  clear: both;
}

.product-item-opt-0 .product-item-actions .btn {
  width: 35px;
  height: 35px;
  line-height: 33px;
  padding: 0;
  text-align: center;
  background-color: #fff;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  margin-bottom: 10px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  text-transform: uppercase;
  border: 1px solid #dfdfdf;
  float: left;
  margin-right: 5px;
}

.product-item-opt-0 .product-item-actions .btn:last-child {
  margin-right: 0;
}

.product-item-opt-0 .product-item-actions .btn span {
  display: none;
}

.product-item-opt-0 .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.product-item-opt-0 .product-item-actions .btn-wishlist {
  background-image: url(../images/icon/index1/btn-wishlist.png);
}

.product-item-opt-0 .product-item-actions .btn-wishlist:hover {
  background-image: url(https://kutethemes.com/);
}

.product-item-opt-0 .product-item-actions .btn-compare {
  background-image: url(../images/icon/index1/btn-compare.png);
}

.product-item-opt-0 .product-item-actions .btn-compare:hover {
  background-image: url(https://kutethemes.com/);
}

.product-item-opt-0 .product-item-actions .btn-cart {
  padding-left: 40px;
  background-position: center left 12px;
  background-position-x: 1%;
  background-position-y: 50%;
  width: auto;
  padding-right: 10px;
  background-image: url(../images/icon/index1/btn-cart.png);
}

.product-item-opt-0 .product-item-actions .btn-cart span {
  display: block;
}

.product-item-opt-0 .product-item-actions .btn-cart:hover {
  background-image: url(https://kutethemes.com/);
}

.product-item-opt-0 .product-item-review .action {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  line-height: 34px;
}

.product-item-opt-0 .product-item-review .action:hover {
  color: var(--theme-deafult);
}

.product-item-opt-0 .product-item-des {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  line-height: 24px;
  margin-bottom: 26px;
  overflow: hidden;
  max-height: 73px;
}

.product-item-opt-2 {
  padding: 0;
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.product-item-opt-2:hover .product-item-actions .btn {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-2 .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-2 .product-item-info:hover .btn-cart {
  -webkit-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -o-transform: translate(0, 0px);
  transform: translate(0, 0px);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.product-item-opt-2 .product-item-info .btn-cart {
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: var(--textColorLight);
  height: 50px;
  line-height: 48px;
  font-size: var(--fontSizeNormal);
  text-transform: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  -webkit-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
  -o-transform: translate(0, 60px);
  transform: translate(0, 60px);
}

.product-item-opt-2 .product-item-info .btn-cart:before {
  content: "";
  width: 33px;
  height: 33px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index2/btn-cart.png);
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.product-item-opt-2 .product-item-info .btn-cart:hover {
  background-color: var(--theme-deafult);
}

.product-item-opt-2 .product-item-info .product-reviews-summary {
  float: left;
  margin-top: 2px;
}

.product-item-opt-2 .product-item-photo {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-top: 20px;
}

.product-item-opt-2 .product-item-img {
  display: block;
}

.product-item-opt-2 .product-item-img img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-2 .product-item-detail {
  padding: 8px 13px 5px;
  min-height: 71px;
}

@media (max-width: 767px) {
  .product-item-opt-2 .product-item-detail {
    min-height: 75px;
  }
}

.product-item-opt-2 .product-item-name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-item-opt-2 .product-item-name a {
  color: var(--textColorDark);
}

.product-item-opt-2 .product-item-name a:hover {
  color: var(--theme-deafult);
}

.product-item-opt-2 .product-item-price {
  font-size: var(--fontSize_2);
  color: var(--theme-deafult);
  margin-bottom: 2px;
  float: right;
  width: calc(100% - 70px);
  width: -moz-calc(100% - 70px);
  width: -webkit-calc(100% - 70px);
  width: -o-calc(100% - 70px);
  line-height: 1;
}

.product-item-opt-2 .product-item-price>span {
  line-height: 1;
}

.product-item-opt-2 .product-item-price .price {
  margin-right: 3px;
}

.product-item-opt-2 .product-item-price .old-price {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-decoration: line-through;
  display: inline-block; //% productDetail
}

.product-item-opt-2 .product-item-actions {
  position: absolute;
  z-index: 30;
  left: 23px;
  top: 80px;
  width: fit-content;
}

@media (max-width: 1199px) {
  .product-item-opt-2 .product-item-actions {
    top: 55px;
  }
}

.product-item-opt-2 .product-item-actions .btn {
  width: 32px;
  height: 32px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: var(--textColorLight);
  margin-bottom: 7px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-2 .product-item-actions .btn:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.product-item-opt-2 .product-item-actions .btn:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.product-item-opt-2 .product-item-actions .btn:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.product-item-opt-2 .product-item-actions .btn:nth-child(4) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.product-item-opt-2 .product-item-actions .btn span {
  display: none;
}

.product-item-opt-2 .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
}

.product-item-opt-2 .product-item-actions .btn-wishlist {
  /* background-image: url(../images/icon/index2/btn-wishlist.png); */
}

.product-item-opt-2 .product-item-actions .btn-compare {
  background-image: url(../images/icon/index1/btn-compare.png);
}

.product-item-opt-2 .product-item-actions .btn-quickview {
  background-image: url(../images/icon/index2/btn-quickview.png);
}

.product-item-opt-2 .product-item-label {
  position: absolute;
  top: 15px;
  left: 15px;
  line-height: 28px;
  padding: 0 8px;
  display: block;
  background-color: #3395ff;
  color: var(--textColorLight);
  font-size: var(--fontSizeNormal);
}

.product-item-opt-2 .product-item-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 14px 0;
  border-color: transparent #3395ff transparent transparent;
}

.product-item-opt-2 .product-item-label:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 9px;
  border-color: transparent transparent #3395ff transparent;
}

.product-item-opt-2 .product-item-label.label-sale {
  background-color: #ff9c33;
}

.product-item-opt-2 .product-item-label.label-sale:before {
  border-color: transparent #ff9c33 transparent transparent;
}

.product-item-opt-2 .product-item-label.label-sale:after {
  border-color: transparent transparent #ff9c33 transparent;
}

.product-item-opt-2 .product-item-label.label-price {
  background-color: #ff6600;
  color: var(--textColorLight);
  border-radius: 100%;
  text-transform: uppercase;
  width: 36px;
  text-align: center;
  padding: 0;
  height: 36px;
  line-height: 1;
  font-size: var(--fontSizeNormal);
  /* padding-top: 7px; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-item-opt-2 .product-item-label.label-price span {
  display: block;
}

.product-item-opt-2 .product-item-label.label-price:before,
.product-item-opt-2 .product-item-label.label-price:after {
  content: none;
}

.product-item-opt-2 .product-item-label.label-sale-off {
  background-color: #b30000;
  right: 5px;
  left: auto;
  top: 9px;
  height: 38px;
  line-height: 1;
  padding-top: 3px;
  font-size: var(--fontSize_2);
  color: var(--textColorLight);
}

.product-item-opt-2 .product-item-label.label-sale-off span {
  display: block;
  text-transform: uppercase;
}

.product-item-opt-2 .product-item-label.label-sale-off:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 19px 11px 19px 0;
  border-color: transparent #b30000 transparent transparent;
  position: absolute;
  bottom: auto;
  right: auto;
  top: 0;
  left: -11px;
}

.product-item-opt-2 .product-item-label.label-sale-off:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 0;
  border-color: #510000 transparent transparent transparent;
  position: absolute;
  left: auto;
  top: auto;
  bottom: -6px;
  right: 0px;
}

.product-item-opt-3 {
  padding: 0;
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.product-item-opt-3 .product-item-info {
  border: 1px solid #dfdfdf;
  padding: 15px 28px;
}

.product-item-opt-3 .product-item-info:hover .product-item-img img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-3 .product-item-photo {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 0px;
}

.product-item-opt-3 .product-item-img img {
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-3 .product-item-detail {
  text-align: center;
  padding: 0;
}

.product-item-opt-3 .product-item-name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 12px;
  text-transform: uppercase;
}

.product-item-opt-3 .product-item-name a {
  color: var(--textColorDark);
}

.product-item-opt-3 .product-item-name a:hover {
  color: var(--theme-deafult);
}

.product-item-opt-3 .product-item-actions .btn {
  height: 30px;
  line-height: 28px;
  padding: 0 15px;
  text-align: center;
  background-color: #dddddd;
  color: var(--textColorDark);
  margin-bottom: 7px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 19px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-transform: uppercase;
  font-size: var(--fontSizeNormal);
}

.product-item-opt-3 .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.product-item-opt-4 {
  padding: 0;
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.product-item-opt-4:hover .product-item-actions .btn {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-4:hover .product-item-info .btn-quickview {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-4 .product-item-info {
  padding: 20px 0 13px;
}

.product-item-opt-4 .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-4 .product-item-info .btn-quickview {
  position: absolute;
  width: 52px;
  height: 52px;
  background-color: #ff8c00;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://kutethemes.com/);
  top: 50%;
  margin-top: -26px;
  left: 50%;
  margin-left: -26px;
  padding: 0;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-4 .product-item-info .btn-quickview:hover {
  background-color: #cc7000;
}

.product-item-opt-4 .product-item-info .btn-quickview span {
  display: none;
}

.product-item-opt-4 .product-item-info .product-reviews-summary {
  float: right;
}

.product-item-opt-4 .product-item-photo {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 0 27px;
}

.product-item-opt-4 .product-item-img {
  position: relative;
  overflow: hidden;
  display: block;
}

.product-item-opt-4 .product-item-img img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-4 .product-item-detail {
  padding: 0 27px;
}

.product-item-opt-4 .product-item-name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 12px;
}

.product-item-opt-4 .product-item-name a {
  color: var(--textColorDark);
}

.product-item-opt-4 .product-item-name a:hover {
  color: var(--theme-deafult);
}

.product-item-opt-4 .product-item-price {
  font-size: var(--textColorLight);
  color: #b40000;
  margin-bottom: 2px;
}

.product-item-opt-4 .product-item-price .price {
  margin-right: 3px;
}

.product-item-opt-4 .product-item-price .old-price {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  text-decoration: line-through;
}

.product-item-opt-4 .product-item-actions {
  position: absolute;
  z-index: 30;
  right: 7px;
  bottom: 1px;
}

.product-item-opt-4 .product-item-actions .btn {
  width: 30px;
  height: 30px;
  line-height: 28px;
  padding: 0;
  text-align: center;
  background-color: #fff;
  color: #fff;
  margin-top: 5px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #dfdfdf;
  -webkit-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -o-transform: scale(0.1);
  transform: scale(0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-4 .product-item-actions .btn span {
  display: none;
}

.product-item-opt-4 .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.product-item-opt-4 .product-item-actions .btn-wishlist {
  background-image: url(../images/icon/index1/btn-wishlist.png);
}

.product-item-opt-4 .product-item-actions .btn-wishlist:hover {
  background-image: url(https://kutethemes.com/);
}

.product-item-opt-4 .product-item-actions .btn-compare {
  background-image: url(../images/icon/index1/btn-compare.png);
}

.product-item-opt-4 .product-item-actions .btn-compare:hover {
  background-image: url(https://kutethemes.com/);
}

.product-item-opt-4 .product-item-actions .btn-cart {
  background-image: url(../images/icon/index1/btn-cart.png);
}

.product-item-opt-4 .product-item-actions .btn-cart:hover {
  background-image: url(https://kutethemes.com/);
}

.product-item-opt-4 .product-item-label {
  position: absolute;
  top: 20px;
  right: 0px;
  line-height: 28px;
  padding: 0 8px;
  display: block;
  background-color: #3395ff;
  color: var(--textColorLight);
  font-size: var(--fontSizeNormal);
}

.product-item-opt-4 .product-item-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 14px 0;
  border-color: transparent #3395ff transparent transparent;
}

.product-item-opt-4 .product-item-label:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 14px 9px;
  border-color: transparent transparent #3395ff transparent;
}

.product-item-opt-4 .product-item-label.label-sale {
  background-color: #ff9c33;
}

.product-item-opt-4 .product-item-label.label-sale:before {
  border-color: transparent #ff9c33 transparent transparent;
}

.product-item-opt-4 .product-item-label.label-sale:after {
  border-color: transparent transparent #ff9c33 transparent;
}

.product-item-opt-7 {
  padding: 0;
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.product-item-opt-7:hover .product-item-actions .btn {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-7 .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-7 .product-item-info:hover .btn-quickview2 {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.product-item-opt-7 .product-item-info .btn-quickview2 {
  left: 50%;
  top: 50%;
  margin-left: -33px;
  margin-top: -33px;
  position: absolute;
  background-color: rgba(124, 191, 66, 0.7);
  display: block;
  border-radius: 100%;
  color: var(--textColorLight);
  height: 66px;
  line-height: 66px;
  padding: 0;
  width: 66px;
  font-size: var(--fontSizeNormal);
  text-transform: none;
  opacity: 0;
  visibility: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index7/btn-view.png);
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-7 .product-item-info .btn-quickview2 span {
  display: none;
}

.product-item-opt-7 .product-item-info .btn-quickview2:hover {
  background-color: var(--theme-deafult);
}

.product-item-opt-7 .product-item-info .product-reviews-summary {
  height: 12px;
  margin-bottom: 3px;
}

.product-item-opt-7 .product-item-info .product-reviews-summary .rating-summary:before,
.product-item-opt-7 .product-item-info .product-reviews-summary .rating-summary:after {
  content: "";
  display: table;
}

.product-item-opt-7 .product-item-info .product-reviews-summary .rating-summary:after {
  clear: both;
}

.product-item-opt-7 .product-item-info .product-reviews-summary .rating-result {
  position: relative;
  display: block;
  overflow: hidden;
  float: right;
}

.product-item-opt-7 .product-item-info .product-reviews-summary .rating-result,
.product-item-opt-7 .product-item-info .product-reviews-summary .rating-result>span {
  color: var(--textColorDark);
  white-space: nowrap;
  line-height: 1;
  display: block;
}

.product-item-opt-7 .product-item-info .product-reviews-summary .rating-result:before,
.product-item-opt-7 .product-item-info .product-reviews-summary .rating-result>span:before {
  content: "\f006""\f006""\f006""\f006""\f006";
  font-family: "FontAwesome";
  font-size: 10px;
  line-height: 1;
  display: block;
}

.product-item-opt-7 .product-item-info .product-reviews-summary .rating-result>span {
  color: #f7a61b;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.product-item-opt-7 .product-item-info .product-reviews-summary .rating-result>span span {
  display: none;
}

.product-item-opt-7 .product-item-photo {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.product-item-opt-7 .product-item-img {
  display: block;
}

.product-item-opt-7 .product-item-img img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  height: 215px;
  object-fit: contain;
}

.product-item-opt-7 .product-item-detail {
  padding: 11px 10px 5px;
  min-height: 104px;
}

.product-item-opt-7 .product-item-name {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
}

.product-item-opt-7 .product-item-name a {
  color: var(--textColorDark);
}

.product-item-opt-7 .product-item-name a:hover {
  color: var(--theme-deafult);
}

.product-item-opt-7 .product-item-price {
  font-size: var(--fontSizeNormal);
  color: var(--theme-deafult);
  margin-bottom: 2px;
  height: 45px;
}

.product-item-opt-7 .product-item-price>span {
  line-height: 1;
}

.product-item-opt-7 .product-item-price .price {
  margin-left: 3px;
  display: block;
}

.product-item-opt-7 .product-item-price .old-price {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-decoration: line-through;
}

.product-item-opt-7 .product-item-actions {
  position: absolute;
  z-index: 30;
  bottom: 0px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.product-item-opt-7 .product-item-actions .btn {
  width: 34px;
  height: 28px;
  line-height: 29px;
  padding: 0;
  text-align: center;
  background-color: #7cbf42;
  color: var(--textColorLight);
  margin-bottom: 0px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0;
  float: left;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-7 .product-item-actions .btn:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.product-item-opt-7 .product-item-actions .btn:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.product-item-opt-7 .product-item-actions .btn:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.product-item-opt-7 .product-item-actions .btn:nth-child(4) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.product-item-opt-7 .product-item-actions .btn:nth-child(5) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.product-item-opt-7 .product-item-actions .btn:first-child {
  border-left: none;
}

.product-item-opt-7 .product-item-actions .btn:last-child {
  border-right: none;
}

.product-item-opt-7 .product-item-actions .btn span {
  display: none;
}

.product-item-opt-7 .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
}

.product-item-opt-7 .product-item-actions .btn-wishlist {
  /* background-image: url(../images/icon/index7/btn-wishlist.png); */
}

.product-item-opt-7 .product-item-actions .btn-compare {
  background-image: url(../images/icon/index1/btn-compare.png)
}

.product-item-opt-7 .product-item-actions .btn-quickview {
  background-image: url(../images/icon/index7/btn-quickview.png);
}

.product-item-opt-7 .product-item-actions .btn-cart {
  background-image: url(../images/icon/index7/btn-cart.png);
}

.product-item-opt-7 .product-item-label {
  position: absolute;
  top: 15px;
  right: 15px;
  line-height: 28px;
  padding: 0;
  display: block;
  background-color: #3395ff;
  color: var(--textColorLight);
  font-size: 10px;
  text-align: center;
}

.product-item-opt-7 .product-item-label.label-new {
  right: auto;
  top: 10px;
  left: 10px;
  background-color: transparent;
  text-transform: uppercase;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index7/bg-new.png);
}

.product-item-opt-7 .product-item-label.label-sale {
  right: auto;
  top: 10px;
  left: 10px;
  background-color: transparent;
  text-transform: uppercase;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index7/bg-sale.png);
}

.product-item-opt-8 {
  padding: 0;
  position: relative;
  z-index: 10;
  background-color: #fff;
  max-width: 272px;
  margin-right: auto;
  margin-left: auto;
}

.product-item-opt-8:hover .product-item-actions .btn-wishlist {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.product-item-opt-8:hover .product-item-actions .btn-compare {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.product-item-opt-8 .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.product-item-opt-8 .product-item-photo {
  text-align: center;
  position: relative;
  overflow: hidden;
  border: 1px solid #eaeaea;
}

.product-item-opt-8 .product-item-img {
  display: block;
  overflow: hidden;
  position: relative;
}

.product-item-opt-8 .product-item-img img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.product-item-opt-8 .product-item-detail {
  padding: 11px 0px 5px;
  min-height: 84px;
  text-align: center;
}

.product-item-opt-8 .product-item-name {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

.product-item-opt-8 .product-item-name a {
  color: var(--textColorDark);
}

.product-item-opt-8 .product-item-name a:hover {
  color: #0188cc;
}

.product-item-opt-8 .product-item-price {
  font-size: var(--fontSize_2);
  color: #e62e04;
  margin-bottom: 9px;
}

.product-item-opt-8 .product-item-price>span {
  line-height: 1;
}

.product-item-opt-8 .product-item-price .price {
  margin-left: 3px;
}

.product-item-opt-8 .product-item-price .old-price {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  text-decoration: line-through;
}

.product-item-opt-8 .product-item-actions:before,
.product-item-opt-8 .product-item-actions:after {
  content: "";
  display: table;
}

.product-item-opt-8 .product-item-actions:after {
  clear: both;
}

.product-item-opt-8 .product-item-actions .btn {
  width: 36px;
  height: 36px;
  line-height: 34px;
  padding: 0;
  text-align: center;
  background-color: #fff;
  color: var(--textColorDark);
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0;
  display: inline-block;
  border: 1px solid #ccc;
}

.product-item-opt-8 .product-item-actions .btn span {
  display: none;
}

.product-item-opt-8 .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: #0188cc;
  border-color: #0188cc;
}

.product-item-opt-8 .product-item-actions .btn-wishlist,
.product-item-opt-8 .product-item-actions .btn-compare {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-8 .product-item-actions .btn-wishlist:before,
.product-item-opt-8 .product-item-actions .btn-compare:before {
  content: "";
  font-family: "FontAwesome";
  font-size: var(--fontSizeNormal);
}

.product-item-opt-8 .product-item-actions .btn-compare {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.product-item-opt-8 .product-item-actions .btn-wishlist:before {
  content: "\f08a";
}

.product-item-opt-8 .product-item-actions .btn-compare:before {
  content: "\f0ec";
}

.product-item-opt-8 .product-item-actions .btn-cart {
  width: auto;
  padding: 0 23px;
  text-transform: uppercase;
}

.product-item-opt-8 .product-item-actions .btn-cart span {
  display: block;
}

.product-item-opt-8 .product-item-label {
  position: absolute;
  top: 15px;
  right: 15px;
  line-height: 28px;
  padding: 0 8px;
  display: block;
  background-color: #3395ff;
  color: var(--textColorLight);
  font-size: 10px;
  text-align: center;
}

.product-item-opt-8 .product-item-label.label-new {
  right: auto;
  top: 10px;
  left: 10px;
  background-color: transparent;
  text-transform: uppercase;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index7/bg-new.png);
}

.product-collections-opt-8 {
  text-align: center;
}

.product-collections-opt-8:hover .product-item-photo img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.product-collections-opt-8 .product-item-photo {
  display: block;
  margin-bottom: 25px;
}

.product-collections-opt-8 .product-item-photo img {
  display: block;
  margin: auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.product-collections-opt-8 .product-item-img {
  display: block;
  position: relative;
  overflow: hidden;
}

.product-collections-opt-8 .product-item-name {
  display: block;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: var(--fontSize_2);
}

.product-collections-opt-8 .product-item-name a {
  color: var(--textColorDark);
}

.product-collections-opt-8 .product-item-name a:hover {
  color: #0188cc;
}

.product-collections-opt-8 .product-item-des {
  margin-bottom: 10px;
  font-size: var(--fontSizeNormal);
}

.product-collections-opt-8 .product-item-author {
  font-style: italic;
  margin-bottom: 10px;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
}

.product-collections-opt-8 .product-item-actions .btn-view {
  background-color: #fff;
  color: var(--textColorDark);
  border: 1px solid #666666;
  text-transform: capitalize;
  padding: 0 25px;
  font-size: var(--fontSizeNormal);
  line-height: 34px;
}

.product-collections-opt-8 .product-item-actions .btn-view:hover {
  background-color: #0188cc;
  border-color: #0188cc;
  color: var(--textColorLight);
}

.product-collections-opt-8.product-even .product-item-info {
  display: flex;
  flex-direction: column;
  display: -webkit-flex;
  -webkit-flex-direction: column;
}

.product-collections-opt-8.product-even .product-item-photo {
  order: 2;
  margin: 0;
}

.product-collections-opt-8.product-even .product-item-detail {
  order: 1;
  margin-bottom: 28px;
}

.product-item-opt-12 {
  padding: 0;
  position: relative;
  background-color: #fff;
}

.product-item-opt-12:hover .product-item-actions .btn {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-12 .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.11);
  -ms-transform: scale(1.11);
  -o-transform: scale(1.11);
  transform: scale(1.11);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.product-item-opt-12 .product-item-info:hover .btn-cart {
  -webkit-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -o-transform: translate(0, 0px);
  transform: translate(0, 0px);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.product-item-opt-12 .product-item-info .btn-cart {
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 20;
  background-color: rgba(57, 66, 100, 0.9);
  color: var(--textColorLight);
  height: 44px;
  font-size: var(--fontSize_2);
  text-transform: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  -webkit-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
  -o-transform: translate(0, 60px);
  transform: translate(0, 60px);
}

.product-item-opt-12 .product-item-info .btn-cart:before {
  content: "";
  width: 33px;
  height: 44px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index12/btn-cart.png);
  display: inline-block;
  vertical-align: middle;
}

.product-item-opt-12 .product-item-info .btn-cart>span {
  display: inline-block;
  vertical-align: middle;
}

.product-item-opt-12 .product-item-info .btn-cart:hover {
  background-color: var(--theme-deafult);
}

.product-item-opt-12 .product-item-info .product-reviews-summary {
  margin-top: 10px;
  margin-bottom: 15px;
}

.product-item-opt-12 .product-item-photo {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.product-item-opt-12 .product-item-img {
  display: block;
  height: 236px;
}

.product-item-opt-12 .product-item-img img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.product-item-opt-12 .product-item-detail {
  padding: 11px 15px 0px;
  min-height: 56px;
}

.product-item-opt-12 .product-item-name {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
}

.product-item-opt-12 .product-item-name a {
  color: var(--textColorDark);
}

.product-item-opt-12 .product-item-name a:hover {
  color: var(--theme-deafult);
}

.product-item-opt-12 .product-item-price {
  font-size: var(--fontSize_2);
  color: var(--theme-deafult);
  line-height: 1;
}

.product-item-opt-12 .product-item-price>span {
  line-height: 1;
}

.product-item-opt-12 .product-item-price .price {
  margin-left: 3px;
}

.product-item-opt-12 .product-item-price .old-price {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-decoration: line-through;
}

.product-item-opt-12 .product-item-actions {
  position: absolute;
  z-index: 30;
  left: 5px;
  top: 35px;
}

.product-item-opt-12 .product-item-actions .btn {
  width: 40px;
  height: 34px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  background-color: #eeeeee;
  color: var(--textColorLight);
  margin-bottom: 10px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-12 .product-item-actions .btn:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.product-item-opt-12 .product-item-actions .btn:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.product-item-opt-12 .product-item-actions .btn:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.product-item-opt-12 .product-item-actions .btn:nth-child(4) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.product-item-opt-12 .product-item-actions .btn span {
  display: none;
}

.product-item-opt-12 .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
}

.product-item-opt-12 .product-item-actions .btn-wishlist {
  /* background-image: url(../images/icon/index12/btn-wishlist.png); */
  color: #828282;
}

.product-item-opt-12 .product-item-actions .btn-compare {
  /* background-image: url(../images/icon/index12/btn-compare.png); */
  background-image: url(../images/icon/index1/btn-compare-d.png);
}

.product-item-opt-12 .product-item-actions .btn-quickview {
  background-image: url(../images/icon/index12/btn-quickview.png);
  /* background-image: url(../images/icon/index1/btn-quickview.png) */
}

.product-item-opt-12 .product-item-label {
  position: absolute;
  bottom: 18px;
  right: 17px;
  line-height: 40px;
  width: 40px;
  padding: 0 8px;
  display: block;
  text-align: center;
  background-color: #3395ff;
  color: var(--textColorLight);
  font-size: 12px;
  border-radius: 100%;
  text-transform: uppercase;
  z-index: 1;
}

.product-item-opt-12 .product-item-label.label-sale {
  background-color: #89b13a;
}

.product-item-opt-12 .product-item-label.label-new {
  background-color: #fa894b;
  left: 17px;
  right: auto;
}

.product-item-deal-opt12 {
  padding: 0;
  position: relative;
  background-color: #fff;
}

.product-item-deal-opt12 .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.11);
  -ms-transform: scale(1.11);
  -o-transform: scale(1.11);
  transform: scale(1.11);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.product-item-deal-opt12 .product-item-info .product-reviews-summary {
  margin-top: 10px;
}

.product-item-deal-opt12 .product-item-photo {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.product-item-deal-opt12 .product-item-img {
  display: block;
}

.product-item-deal-opt12 .product-item-img img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.product-item-deal-opt12 .product-item-detail {
  padding: 0px 10px 0px;
  text-align: center;
}

.product-item-deal-opt12 .product-item-name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
}

.product-item-deal-opt12 .product-item-name a {
  color: var(--textColorDark);
}

.product-item-deal-opt12 .product-item-name a:hover {
  color: var(--theme-deafult);
}

.product-item-deal-opt12 .product-item-price {
  font-size: var(--fontSizeNormal);
  color: var(--theme-deafult);
  line-height: 1;
  margin-bottom: 15px;
}

.product-item-deal-opt12 .product-item-price>span {
  line-height: 1;
}

.product-item-deal-opt12 .product-item-price .price {
  margin-right: 3px;
}

.product-item-deal-opt12 .product-item-price .old-price {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-decoration: line-through;
}

.product-item-deal-opt12 .product-item-actions {
  text-align: center;
}

.product-item-deal-opt12 .product-item-actions .btn {
  width: 40px;
  height: 34px;
  padding: 0;
  text-align: center;
  background-color: #eeeeee;
  color: var(--textColorLight);
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
}

.product-item-deal-opt12 .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
}

.product-item-deal-opt12 .product-item-actions .btn-cart {
  background-color: #11a8ab;
  color: var(--textColorLight);
  width: 120px;
  font-size: var(--fontSize_2);
  text-transform: none;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.product-item-deal-opt12 .product-item-actions .btn-cart:before {
  content: "";
  width: 33px;
  height: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index12/btn-cart.png);
  display: inline-block;
  vertical-align: top;
}

.product-item-deal-opt12 .product-item-actions .btn-cart:hover {
  background-color: var(--theme-deafult);
}

.product-item-deal-opt12 .product-item-actions .btn-wishlist,
.product-item-deal-opt12 .product-item-actions .btn-compare,
.product-item-deal-opt12 .product-item-actions .btn-quickview {
  line-height: 34px;
}

.product-item-deal-opt12 .product-item-actions .btn-wishlist span,
.product-item-deal-opt12 .product-item-actions .btn-compare span,
.product-item-deal-opt12 .product-item-actions .btn-quickview span {
  display: none;
}

.product-item-deal-opt12 .product-item-actions .btn-wishlist {
  background-image: url(../images/icon/index12/btn-wishlist.png);
}

.product-item-deal-opt12 .product-item-actions .btn-compare {
  background-image: url(../images/icon/index12/btn-compare.png);
}

.product-item-deal-opt12 .product-item-actions .btn-quickview {
  background-image: url(../images/icon/index12/btn-quickview.png);
}

.product-item-deal-opt12 .product-item-label {
  position: absolute;
  bottom: 18px;
  right: 17px;
  line-height: 40px;
  width: 40px;
  padding: 0 8px;
  display: block;
  text-align: center;
  background-color: #3395ff;
  color: var(--textColorLight);
  font-size: 12px;
  border-radius: 100%;
  text-transform: uppercase;
  z-index: 1;
}

.product-item-deal-opt12 .product-item-label.label-sale {
  background-color: #89B13A;
  top: 15px;
  right: 15px;
  bottom: auto;
  left: auto;
}

.product-item-deal-opt12 .product-item-label.label-new {
  background-color: #fa894b;
  left: 17px;
  right: auto;
}

.product-item-opt-13 {
  padding: 0;
  position: relative;
  background-color: #fff;
}

.product-item-opt-13:hover .product-item-actions .btn {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-13 .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.11);
  -ms-transform: scale(1.11);
  -o-transform: scale(1.11);
  transform: scale(1.11);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.product-item-opt-13 .product-item-info:hover .btn-cart {
  -webkit-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -o-transform: translate(0, 0px);
  transform: translate(0, 0px);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.product-item-opt-13 .product-item-info .btn-cart {
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 20;
  background-color: rgba(57, 66, 100, 0.9);
  color: var(--textColorLight);
  height: 44px;
  font-size: var(--fontSize_2);
  text-transform: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  -webkit-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
  -o-transform: translate(0, 60px);
  transform: translate(0, 60px);
}

.product-item-opt-13 .product-item-info .btn-cart:before {
  content: "";
  width: 33px;
  height: 44px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index12/btn-cart.png);
  display: inline-block;
  vertical-align: middle;
}

.product-item-opt-13 .product-item-info .btn-cart>span {
  display: inline-block;
  vertical-align: middle;
}

.product-item-opt-13 .product-item-info .btn-cart:hover {
  background-color: #ffad00;
}

.product-item-opt-13 .product-item-info .product-reviews-summary {
  margin-top: 10px;
  margin-bottom: 14px;
}

.product-item-opt-13 .product-item-info .product-reviews-summary .rating-result,
.product-item-opt-13 .product-item-info .product-reviews-summary .rating-result>span {
  color: #ccc;
}

.product-item-opt-13 .product-item-info .product-reviews-summary .rating-result:before,
.product-item-opt-13 .product-item-info .product-reviews-summary .rating-result>span:before {
  content: "\f005""\f005""\f005""\f005""\f005";
  font-size: var(--fontSizeNormal);
  line-height: 1;
}

.product-item-opt-13 .product-item-info .product-reviews-summary .rating-result>span {
  color: #ffae00;
}

.product-item-opt-13 .product-item-photo {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.product-item-opt-13 .product-item-img {
  display: block;
  height: 255px;
}

.product-item-opt-13 .product-item-img img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.product-item-opt-13 .product-item-detail {
  padding: 10px 15px 0px;
  min-height: 94px;
  overflow: hidden;
}

.product-item-opt-13 .product-item-name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
}

.product-item-opt-13 .product-item-name a {
  color: var(--textColorDark);
}

.product-item-opt-13 .product-item-name a:hover {
  color: #ffad00;
}

.product-item-opt-13 .product-item-price {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  margin-bottom: 16px;
  line-height: 1;
}

.product-item-opt-13 .product-item-price>span {
  line-height: 1;
}

.product-item-opt-13 .product-item-price .price {
  margin-right: 3px;
}

.product-item-opt-13 .product-item-price .old-price {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-decoration: line-through;
}

.product-item-opt-13 .product-item-actions {
  position: absolute;
  z-index: 30;
  right: 5px;
  top: 35px;
}

.product-item-opt-13 .product-item-actions .btn {
  width: 40px;
  height: 34px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  background-color: #eeeeee;
  color: var(--textColorLight);
  margin-bottom: 10px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-13 .product-item-actions .btn:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.product-item-opt-13 .product-item-actions .btn:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.product-item-opt-13 .product-item-actions .btn:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.product-item-opt-13 .product-item-actions .btn:nth-child(4) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.product-item-opt-13 .product-item-actions .btn span {
  display: none;
}

.product-item-opt-13 .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: #ffad00;
}

.product-item-opt-13 .product-item-actions .btn-wishlist {
  background-image: url(../images/icon/index12/btn-wishlist.png);
}

.product-item-opt-13 .product-item-actions .btn-compare {
  background-image: url(../images/icon/index12/btn-compare.png);
}

.product-item-opt-13 .product-item-actions .btn-quickview {
  background-image: url(../images/icon/index12/btn-quickview.png);
}

.product-item-opt-13 .product-item-label {
  position: absolute;
  top: 13px;
  left: 13px;
  line-height: 40px;
  width: 40px;
  padding: 0 8px;
  display: block;
  text-align: center;
  background-color: #2ea76f;
  color: var(--textColorLight);
  font-size: 12px;
  border-radius: 100%;
  text-transform: uppercase;
  z-index: 1;
}

.product-item-opt-13 .product-item-label.label-sale {
  background-color: #aa8056;
}

.product-item-opt-13 .product-item-label.label-new {
  background-color: #2ea76f;
  right: 17px;
  left: auto;
}

.product-item-opt-14 {
  padding: 0;
  position: relative;
  background-color: #fff;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-14:hover {
  background-color: #eeeeee;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.product-item-opt-14:hover .product-item-actions .btn {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-14:hover .product-item-actions-secondary {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-14:hover .product-item-detail {
  text-align: center;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  padding-left: 0;
}

.product-item-opt-14 .product-item-info {
  border: 1px solid transparent;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product-item-opt-14 .product-item-info:hover {
  border: 1px solid #cc9933;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.product-item-opt-14 .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.11);
  -ms-transform: scale(1.11);
  -o-transform: scale(1.11);
  transform: scale(1.11);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.product-item-opt-14 .product-item-info:hover .btn-cart {
  -webkit-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -o-transform: translate(0, 0px);
  transform: translate(0, 0px);
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.product-item-opt-14 .product-item-info .btn-cart {
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 20;
  background-color: rgba(204, 153, 51, 0.9);
  color: var(--textColorLight);
  height: 44px;
  font-size: var(--fontSize_2);
  text-transform: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  -webkit-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
  -o-transform: translate(0, 60px);
  transform: translate(0, 60px);
}

.product-item-opt-14 .product-item-info .btn-cart:before {
  content: "";
  width: 33px;
  height: 44px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index12/btn-cart.png);
  display: inline-block;
  vertical-align: middle;
}

.product-item-opt-14 .product-item-info .btn-cart>span {
  display: inline-block;
  vertical-align: middle;
}

.product-item-opt-14 .product-item-info .btn-cart:hover {
  background-color: #cc9933;
}

.product-item-opt-14 .product-item-info .product-reviews-summary {
  margin-top: 10px;
  margin-bottom: 15px;
}

.product-item-opt-14 .product-item-info .product-reviews-summary .rating-result,
.product-item-opt-14 .product-item-info .product-reviews-summary .rating-result>span {
  color: #ccc;
}

.product-item-opt-14 .product-item-info .product-reviews-summary .rating-result:before,
.product-item-opt-14 .product-item-info .product-reviews-summary .rating-result>span:before {
  content: "\f005""\f005""\f005""\f005""\f005";
  font-size: var(--fontSizeNormal);
  line-height: 1;
}

.product-item-opt-14 .product-item-info .product-reviews-summary .rating-result>span {
  color: #ffae00;
}

.product-item-opt-14 .product-item-photo {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.product-item-opt-14 .product-item-img {
  display: block;
}

.product-item-opt-14 .product-item-img img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.product-item-opt-14 .product-item-detail {
  padding: 20px 0 0;
  min-height: 80px;
  padding-left: 56px;
  position: relative;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  text-align: right;
  overflow: hidden;
}

.product-item-opt-14 .product-item-name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: block;
  margin-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
}

.product-item-opt-14 .product-item-name a {
  color: var(--textColorDark);
}

.product-item-opt-14 .product-item-name a:hover {
  color: #cc9933;
}

.product-item-opt-14 .product-item-price {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  margin-bottom: 16px;
  line-height: 1;
}

.product-item-opt-14 .product-item-price>span {
  line-height: 1;
}

.product-item-opt-14 .product-item-price .price {
  margin-left: 3px;
}

.product-item-opt-14 .product-item-price .old-price {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-decoration: line-through;
}

.product-item-opt-14 .product-item-actions {
  position: absolute;
  z-index: 30;
  left: 17px;
  bottom: 65px;
}

.product-item-opt-14 .product-item-actions .btn {
  width: 38px;
  height: 34px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  background-color: #dddddd;
  border: none;
  color: var(--textColorLight);
  margin-bottom: 10px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-14 .product-item-actions .btn:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.product-item-opt-14 .product-item-actions .btn:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.product-item-opt-14 .product-item-actions .btn:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.product-item-opt-14 .product-item-actions .btn:nth-child(4) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.product-item-opt-14 .product-item-actions .btn span {
  display: none;
}

.product-item-opt-14 .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: #cc9933;
  border-color: #cc9933;
}

.product-item-opt-14 .product-item-actions .btn-wishlist {
  background-image: url(../images/icon/index14/btn-wishlist.png);
}

.product-item-opt-14 .product-item-actions .btn-wishlist:hover {
  background-image: url(../images/icon/index14/btn-wishlist-hover.png);
}

.product-item-opt-14 .product-item-actions .btn-compare {
  background-image: url(../images/icon/index14/btn-compare.png);
}

.product-item-opt-14 .product-item-actions .btn-compare:hover {
  background-image: url(../images/icon/index14/btn-compare-hover.png);
}

.product-item-opt-14 .product-item-actions .btn-quickview {
  background-image: url(../images/icon/index14/btn-quickview.png);
}

.product-item-opt-14 .product-item-actions .btn-quickview:hover {
  background-image: url(../images/icon/index14/btn-quickview-hover.png);
}

.product-item-opt-14 .product-item-actions-secondary {
  position: absolute;
  left: 0;
  top: 20px;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.product-item-opt-14 .product-item-actions-secondary .btn {
  width: 22px;
  height: 18px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  text-align: center;
  background-color: transparent;
  border: none;
  margin-left: 15px;
  opacity: 1;
  visibility: visible;
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  position: static;
  float: left;
}

.product-item-opt-14 .product-item-actions-secondary .btn:hover {
  background-color: transparent;
}

.product-item-opt-14 .product-item-actions-secondary .btn:first-child {
  margin-left: 0;
}

.product-item-opt-14 .product-item-actions-secondary .btn span {
  display: none;
}

.product-item-opt-14 .product-item-actions-secondary .btn-cart {
  background-image: url(../images/icon/index14/btn-cart3.png);
}

.product-item-opt-14 .product-item-actions-secondary .btn-wishlist {
  width: 18px;
  height: 18px;
  background-image: url(../images/icon/index14/btn-wishlist3.png);
}

.product-item-opt-14 .product-item-label {
  position: absolute;
  top: 16px;
  left: 18px;
  line-height: 40px;
  width: 40px;
  padding: 0 8px;
  display: block;
  text-align: center;
  background-color: #2ea76f;
  color: var(--textColorLight);
  font-size: 12px;
  border-radius: 100%;
  text-transform: uppercase;
  z-index: 1;
}

.product-item-opt-14 .product-item-label.label-sale {
  background-color: #ff6666;
  right: 18px;
  left: auto;
}

.product-item-opt-14 .product-item-label.label-new {
  background-color: #cc9933;
}

@media (max-width: 991px) {
  body.filter-active {
    overflow: hidden;
    height: 0;
  }

  .catalog-category-view .col-sidebar>*:not(.no-hide) {
    display: none;
  }
}

.toolbar-products {
  /* Safari */
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-align-items: flex-start;
  -webkit-justify-content: space-between;
  flex: 1 1 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 8px 0 0px;
}

.toolbar-products.toolbar-top {
  margin-top: 40px;
  margin-bottom: 45px;
}

.toolbar-products.toolbar-bottom {
  margin-top: 20px;
  margin-bottom: 65px;
}

.toolbar-products .btn-filter-products {
  line-height: 32px;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid #dfdfdf;
  color: #000000;
  background-color: #fff;
  padding: 0 12px;
  font-size: var(--fontSizeNormal);
  display: none;
}

.toolbar-products .btn-filter-products:hover {
  color: var(--theme-deafult);
}

.toolbar-products .modes .label {
  display: none;
}

.toolbar-products .toolbar-option .label {
  color: #000000;
  display: inline-block;
  line-height: 34px;
  font-size: var(--fontSizeNormal);
  padding: 0;
  vertical-align: top;
  margin: 0;
  margin-right: 5px;
}

.toolbar-products .form-control {
  height: 34px;
  border: 1px solid #dfdfdf;
  color: #000000;
  display: inline-block;
  box-shadow: none;
  font-size: var(--fontSizeNormal);
  padding-right: 10px;
  padding-left: 19px;
  background-position: center left 10px;
  background-repeat: no-repeat;
  background-image: url(https://kutethemes.com/);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.toolbar-products .modes {
  font-size: var(--fontSizeNormal);
  margin-bottom: 7px;
}

.toolbar-products .modes .modes-mode {
  margin-top: 2px;
  width: 29px;
  height: 27px;
  text-align: center;
  background-color: #dddddd;
  color: #bcbcbc;
  display: inline-block;
  margin-left: 6px;
  background-position: center;
  background-repeat: no-repeat;
}

.toolbar-products .modes .modes-mode span {
  display: none;
}

.toolbar-products .modes .modes-mode.active,
.toolbar-products .modes .modes-mode:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
}

.toolbar-products .modes .mode-grid {
  background-image: url(https://kutethemes.com/);
}

.toolbar-products .modes .mode-grid.active,
.toolbar-products .modes .mode-grid:hover {
  background-image: url(https://kutethemes.com/);
}

.toolbar-products .modes .mode-list {
  background-image: url(https://kutethemes.com/);
}

.toolbar-products .modes .mode-list.active,
.toolbar-products .modes .mode-list:hover {
  background-image: url(https://kutethemes.com/);
}

.toolbar-products .toolbar-sorter,
.toolbar-products .toolbar-limiter {
  display: inline-block;
  vertical-align: top;
  margin: 0 13px;
  margin-bottom: 7px;
}

.toolbar-products .toolbar-sorter .form-control {
  padding-right: 12px;
  width: 105px;
}

.toolbar-products .toolbar-limiter .form-control {
  text-align-last: center;
  text-align: center;
  width: 54px;
  padding-right: 2px;
}

@media (max-width: 991px) {
  .toolbar-products .modes {
    display: none;
  }

  .toolbar-products .btn-filter-products {
    display: block;
  }

  .toolbar-products .btn-filter-products.active:before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 333;
  }
}

@media (max-width: 767px) {

  .toolbar-products .modes,
  .toolbar-products .toolbar-limiter {
    display: none;
  }

  .toolbar-products .toolbar-sorter {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 600px) {
  .toolbar-products.toolbar-top .pagination {
    display: none;
  }

  .toolbar-products.toolbar-bottom .toolbar-option,
  .toolbar-products.toolbar-bottom .btn-filter-products {
    display: none;
  }
}

.category-view {
  margin-top: 25px;
}

.category-view .category-image {
  display: block;
  position: relative;
  overflow: hidden;
}

.category-view .category-image:before,
.category-view .category-image:after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  border-style: solid;
  border-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}

.category-view .category-image:before {
  border-width: 1px 0 1px 0;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  top: 10px;
  bottom: 10px;
}

.category-view .category-image:after {
  border-width: 0px 1px 0px 1px;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  left: 10px;
  right: 10px;
}

.category-view .category-image:hover:before,
.category-view .category-image:hover:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.category-view .category-image:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.category-view .category-image img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.category-view .category-image img {
  display: block;
  width: 100%;
}

.catalog-view_op1 .category-view {
  margin-top: 0;
}

.category-view:hover .owl-nav .owl-prev,
.category-view:hover .owl-nav .owl-next {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.category-view:hover .owl-nav .owl-prev {
  left: 0;
}

.category-view:hover .owl-nav .owl-next {
  right: 0;
}

.category-view .owl-nav .owl-prev,
.category-view .owl-nav .owl-next {
  width: 40px;
  line-height: 40px;
  background-color: #a1a19c;
  color: var(--textColorLight);
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.category-view .owl-nav .owl-prev:hover,
.category-view .owl-nav .owl-next:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.category-view .owl-nav .owl-prev:before,
.category-view .owl-nav .owl-next:before {
  content: "\f105";
  font-family: "FontAwesome";
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.category-view .owl-nav .owl-prev {
  left: 15px;
}

.category-view .owl-nav .owl-prev:before {
  content: "\f104";
}

.category-view .owl-nav .owl-next {
  right: 15px;
}

.products.products-grid .product-items .col-sm-4:nth-child(3n+1) {
  clear: both;
}

@media (max-width: 767px) {
  .products.products-grid .product-items .col-sm-4 {
    float: right;
    width: 50%;
  }

  .products.products-grid .product-items .col-sm-4:nth-child(3n+1) {
    clear: none;
  }

  .products.products-grid .product-items .col-sm-4:nth-child(2n+1) {
    clear: both;
  }
}

.products.products-grid .product-items .col-sm-3:nth-child(4n+1) {
  clear: both;
}

@media (max-width: 767px) {
  .products.products-grid .product-items .col-sm-3 {
    float: right;
    width: 50%;
  }

  .products.products-grid .product-items .col-sm-3:nth-child(4n+1) {
    clear: none;
  }

  .products.products-grid .product-items .col-sm-3:nth-child(2n+1) {
    clear: both;
  }
}

.products.products-grid .product-items .col-sm-6:nth-child(2n+1) {
  clear: both;
}

@media (max-width: 767px) {
  .products.products-grid .product-items .col-sm-6 {
    float: right;
    width: 50%;
  }

  .products.products-grid .product-items .col-sm-6:nth-child(2n+1) {
    clear: none;
  }

  .products.products-grid .product-items .col-sm-6:nth-child(2n+1) {
    clear: both;
  }
}

.products.products-grid .product-items .product-item {
  margin-bottom: 30px;
}

@media (max-width: 479px) {
  .products.products-grid .product-items .product-item {
    width: 100%;
    max-width: 330px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    display: block;
  }

  .products.products-grid .product-item-opt-1 .product-item-img img {
    height: 45vmax;
  }
}

.products.products-grid .product-items .product-item-opt-1 {
  border: 1px solid #eeeeee;
}

.products.products-list .product-items .product-item {
  margin-bottom: 19px;
}

.products.products-list .product-items .product-item .product-item-info {
  background-color: transparent;
  border: none;
  padding: 0;
}

.products.products-list .product-items .product-item .product-item-info:before,
.products.products-list .product-items .product-item .product-item-info:after {
  content: "";
  display: table;
}

.products.products-list .product-items .product-item .product-item-info:after {
  clear: both;
}

.products.products-list .product-items .product-item .product-item-photo {
  float: right;
  width: 31%;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  padding: 30px 25px;
}

.products.products-list .product-items .product-item .product-item-detail {
  float: left;
  width: 69%;
  padding-right: 20px;
}

.products.products-list .product-items .product-item .product-item-name {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  margin-top: 38px;
}

@media (max-width: 1199px) {
  .products.products-list .product-items .product-item .product-item-name {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .products.products-list .product-items .product-item .product-item-name {
    margin-top: 0px;
  }
}

.products.products-list .product-items .product-item .product-item-name a {
  color: var(--textColorDark);
}

.products.products-list .product-items .product-item .product-item-name a:hover,
.products.products-list .product-items .product-item .product-item-name a:focus {
  color: var(--theme-deafult);
}

@media (max-width: 680px) {
  .products.products-list .product-items .product-item .product-item-des {
    margin-bottom: 10px;
  }
}

@media (max-width: 479px) {
  .products.products-list .product-items .product-item .product-item-photo {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }

  .products.products-list .product-items .product-item .product-item-detail {
    float: none;
    width: 100%;
  }
}

.products.products-list .product-items .product-item-opt-1 {
  border: 1px solid #eeeeee;
  border-color: transparent transparent #eeeeee transparent;
  margin-bottom: 10px;
}

.products.products-list .product-items .product-item-opt-1:hover {
  border: 1px solid #eeeeee;
}

.products.products-list .product-items .product-item-opt-1 .product-item-photo {
  border: none;
}

.products.products-list .product-items .product-item-opt-1 .product-item-info .product-reviews-summary,
.products.products-list .product-items .product-item-opt-1 .product-item-info .product-item-price {
  float: none;
  display: block;
  width: 100%;
  margin-bottom: 6px;
}

.products.products-list .product-items .product-item-opt-1 .product-item-info .btn-cart,
.products.products-list .product-items .product-item-opt-1 .product-item-info .btn {
  position: static;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  float: right;
  margin: 0 6px;
  background-color: #999999;
}

.products.products-list .product-items .product-item-opt-1 .product-item-info .btn-cart:hover,
.products.products-list .product-items .product-item-opt-1 .product-item-info .btn:hover {
  background-color: var(--theme-deafult);
}

.products.products-list .product-items .product-item-opt-1 .product-item-info .btn-cart {
  width: auto;
  border-radius: 0;
  padding: 0 10px;
  height: 36px;
  margin: 0;
  margin-bottom: 15px;
  float: none;
  clear: both;
  background-color: var(--theme-deafult);
}

.products.products-list .product-items .product-item-opt-1 .product-item-info .btn-cart:hover {
  background-color: #cc0033;
}

.products.products-list .product-items .product-item-opt-1 .product-item-info .btn-cart:before {
  height: 36px;
  background-image: url(../images/icon/cart-catalog-op1.png);
}

.products.products-list .product-items .product-item-opt-1 .product-item-info .btn-cart span {
  display: inline;
}

.products.products-list .product-items .product-item-opt-1 .product-item-detail {
  padding-left: 20px;
}

.products.products-list .product-items .product-item-opt-1 .product-item-actions {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
}

.products.products-list .product-items .product-item-opt-1 .product-item-actions:before,
.products.products-list .product-items .product-item-opt-1 .product-item-actions:after {
  content: "";
  display: table;
}

.products.products-list .product-items .product-item-opt-1 .product-item-actions:after {
  clear: both;
}

.products.products-list .product-items .product-item-opt-1 .product-item-actions .btn {
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}

@media (max-width: 600px) {
  .products.products-list .product-items .product-item-opt-1 .product-item-actions {
    position: static;
    margin-top: 10px;
  }
}

.products.products-list .product-items .product-item-opt-1 .product-item-name {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  white-space: normal;
  margin-top: 20px;
}

.products.products-list .product-items .product-item-opt-1 .product-item-name a {
  color: var(--textColorDark);
}

.products.products-list .product-items .product-item-opt-1 .product-item-name a:hover {
  color: var(--theme-deafult);
}

.products.products-list .product-items .product-item-opt-1 .product-item-label.label-price {
  top: 9px;
}

.products.products-list .product-items .product-item-opt-1 .product-info-des {
  position: relative;
  padding-left: 150px;
  min-height: 102px;
}

@media (max-width: 600px) {
  .products.products-list .product-items .product-item-opt-1 .product-info-des {
    padding-left: 0;
    min-height: 0;
  }
}

.products.products-list .product-items .product-item-opt-1 .product-item-code {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  margin-bottom: 5px;
}

.products.products-list .product-items .product-item-opt-1 .product-item-stock {
  font-size: var(--fontSizeNormal);
  margin-bottom: 5px;
  color: #6bb898;
}

.products.products-list .product-items .product-item-opt-1 .product-item-stock .title {
  color: var(--textColorDark);
}

.products.products-list .product-items .product-item-opt-1 .product-item-des {
  margin-top: 20px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
}

.page-no-bg {
  background-color: #fff !important;
}

.page-no-bg .site-header {
  background-color: #fff !important;
}

.page-no-bg .site-header .header-content {
  background-color: #fff;
}

.page-no-bg .site-header .header-nav {
  background-color: #EBEBEB;
}

.catalog-view_op1 .toolbar-products {
  padding: 0;
  border: none;
}

.catalog-view_op1 .toolbar-products .cate-title {
  margin: 0;
  margin-bottom: -1px;
  font-size: var(--fontSize_2);
  padding: 0 12px;
  line-height: 2em;
  border-bottom: 3px solid var(--theme-deafult);
}

.catalog-view_op1 .toolbar-products.toolbar-top {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
  margin-top: 20px;
}

.catalog-view_op1 .toolbar-products.toolbar-top .toolbar-option,
.catalog-view_op1 .toolbar-products.toolbar-top .pagination {
  display: none;
}

.catalog-view_op1 .toolbar-products.toolbar-bottom {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  margin-top: 0;
  margin-bottom: 40px;
}

.catalog-view_op1 .toolbar-products.toolbar-bottom .modes {
  display: none;
}

.catalog-view_op1 .toolbar-products .btn-filter-products {
  margin-bottom: 0px;
  line-height: 28px;
}

.catalog-view_op1 .toolbar-products .btn-filter-products:hover {
  color: var(--theme-deafult);
}

.catalog-view_op1 .toolbar-products .modes {
  margin: 0;
}

.catalog-view_op1 .toolbar-products .modes:before,
.catalog-view_op1 .toolbar-products .modes:after {
  content: "";
  display: table;
}

.catalog-view_op1 .toolbar-products .modes:after {
  clear: both;
}

.catalog-view_op1 .toolbar-products .modes .modes-mode {
  background-color: #fafafa;
  width: 30px;
  height: 30px;
  float: left;
  display: block;
  margin: 0;
  margin-left: 3px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.catalog-view_op1 .toolbar-products .modes .modes-mode.active,
.catalog-view_op1 .toolbar-products .modes .modes-mode:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.catalog-view_op1 .toolbar-products .modes .mode-list {
  background-image: url(../images/icon/list-view-bg.png);
  background-position: top left;
}

.catalog-view_op1 .toolbar-products .modes .mode-list.active,
.catalog-view_op1 .toolbar-products .modes .mode-list:hover {
  background-position: bottom left;
}

.catalog-view_op1 .toolbar-products .modes .mode-grid {
  background-image: url(../images/icon/grid-view-bg.png);
  background-position: top left;
}

.catalog-view_op1 .toolbar-products .modes .mode-grid.active,
.catalog-view_op1 .toolbar-products .modes .mode-grid:hover {
  background-position: bottom left;
}

.catalog-view_op1 .toolbar-products .toolbar-sorter,
.catalog-view_op1 .toolbar-products .toolbar-limiter {
  margin: 0;
  margin-left: 25px;
}

.catalog-view_op1 .toolbar-products .toolbar-sorter .label,
.catalog-view_op1 .toolbar-products .toolbar-limiter .label {
  display: none;
}

.catalog-view_op1 .toolbar-products .toolbar-sorter .sorter-options,
.catalog-view_op1 .toolbar-products .toolbar-limiter .sorter-options,
.catalog-view_op1 .toolbar-products .toolbar-sorter .limiter-options,
.catalog-view_op1 .toolbar-products .toolbar-limiter .limiter-options {
  height: 31px;
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  padding-right: 5px;
  padding-left: 12px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  background-image: url(../images/icon/select.png);
  background-position: center left 5px;
}

.catalog-view_op1 .toolbar-products .toolbar-limiter .limiter-options {
  width: 95px;
  text-align: right;
}

.catalog-view_op1 .toolbar-products .toolbar-sorter:before,
.catalog-view_op1 .toolbar-products .toolbar-sorter:after {
  content: "";
  display: table;
}

.catalog-view_op1 .toolbar-products .toolbar-sorter:after {
  clear: both;
}

.catalog-view_op1 .toolbar-products .toolbar-sorter .sorter-options {
  width: 110px;
  float: right;
}

.catalog-view_op1 .toolbar-products .toolbar-sorter .sorter-action {
  display: block;
  line-height: 29px;
  border: 1px solid #e8e8e8;
  width: 37px;
  text-align: center;
  background-color: #fafafa;
  color: var(--textColorDark);
  float: right;
  margin-right: -1px;
  height: 31px;
}

/* .catalog-view_op1 .toolbar-products .toolbar-sorter .sorter-action:before {
    content: "\f161";
    font-family: 'FontAwesome';
} */
.catalog-view_op1 .toolbar-products .pagination:before,
.catalog-view_op1 .toolbar-products .pagination:after {
  content: "";
  display: table;
}

.catalog-view_op1 .toolbar-products .pagination:after {
  clear: both;
}

.catalog-view_op1 .toolbar-products .pagination>li {
  margin: 0;
  display: block;
  float: right;
}

.catalog-view_op1 .toolbar-products .pagination>li>a,
.catalog-view_op1 .toolbar-products .pagination>li>span {
  line-height: 29px;
  min-width: 34px;
  background-color: #fafafa;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
}

.catalog-view_op1 .toolbar-products .pagination>li.active>a,
.catalog-view_op1 .toolbar-products .pagination>li.active>span {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  border-color: var(--theme-deafult);
}

.catalog-view_op1 .toolbar-products .pagination>li.action>a,
.catalog-view_op1 .toolbar-products .pagination>li.action>span {
  padding-left: 15px;
  padding-right: 15px;
}

.catalog-view_op1 .toolbar-products .pagination>li.action>a span,
.catalog-view_op1 .toolbar-products .pagination>li.action>span span {
  font-size: var(--fontSize_2);
  line-height: 29px;
  vertical-align: top;
}

.catalog-view_op1 .toolbar-products .pagination>li .action-next>a span,
.catalog-view_op1 .toolbar-products .pagination>li .action-next>span span {
  margin-left: 4px;
}

.catalog-view_op1 .toolbar-products .pagination>li .action-prew>a span,
.catalog-view_op1 .toolbar-products .pagination>li .action-prew>span span {
  margin-right: 4px;
}

.catalog-view_op1 .category-view {
  margin-bottom: 25px;
}

.catalog-view_op1 .product-item-opt-2 .product-item-info .btn-cart {
  background-color: rgba(51, 51, 51, 0.5);
  height: 45px;
  line-height: 43px;
}

.catalog-view_op1 .product-item-opt-2 .product-item-info .btn-cart:hover {
  background-color: var(--theme-deafult);
}

.catalog-view_op1 .product-item-opt-2 .product-item-actions {
  right: 15px;
}

.catalog-view_op1 .breadcrumb {
  margin: 13px 0;
}

.catalog-view_op1 .breadcrumb li+li:before {
  content: ">";
  color: var(--textColorDark);
}

.catalog-view_op1 .breadcrumb li a:hover {
  color: var(--theme-deafult);
}

.catalog-view_op1 .breadcrumb .active {
  color: var(--textColorDark);
}

.category-links {
  border: 1px solid #e4e4e4;
  margin-bottom: 20px;
}

.category-links:before,
.category-links:after {
  content: "";
  display: table;
}

.category-links:after {
  clear: both;
}

.category-links>li {
  float: right;
}

.category-links>li>a {
  display: block;
  line-height: 34px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-transform: capitalize;
  padding: 0 32px;
  position: relative;
}

@media (max-width: 1199px) {
  .category-links>li>a {
    padding: 0 22px;
  }
}

.category-links>li>a:hover {
  background-color: #f2f2f2;
}

@media (max-width: 479px) {
  .category-links>li {
    float: none;
    display: block;
  }
}

.category-links>li.current-cate>a {
  background-color: #484a47;
  color: var(--textColorLight);
  font-size: var(--fontSizeNormal);
}

.category-links>li.current-cate>a:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 5px 3px 0;
  border-color: transparent #000000 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: -5px;
  z-index: 10;
}

@media (max-width: 479px) {
  .category-links>li.current-cate>a:before {
    border-width: 4px 3px 0 3px;
    border-color: #000000 transparent transparent transparent;
    top: auto;
    margin-top: 0;
    bottom: -4px;
    right: 20px;
    left: auto;
  }
}

.catalog-product-view.catalog-view_op1 .columns {
  padding-bottom: 12px;
}

.catalog-product-view .site-main .block-service {
  margin-top: 77px;
}

.breadcrumb-page .breadcrumb {
  margin-top: 27px;
  margin-bottom: 42px;
  text-transform: capitalize;
}

.breadcrumb-page .breadcrumb li a {
  color: var(--textColorDark);
}

.breadcrumb-page .breadcrumb li a:hover {
  color: var(--theme-deafult);
}

.breadcrumb-page .breadcrumb li.active {
  color: var(--textColorDark);
}

.breadcrumb-page .breadcrumb li.active a {
  color: var(--textColorDark);
}

.catalog-view_default .product-media {
  margin-bottom: 60px;
}

.catalog-view_default .product-media .images-large {
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  margin-bottom: 33px;
  text-align: center;
  padding: 70px 58px;
}

.catalog-view_default .product-media .images-large .btn-zoom {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #8f8f8f;
  color: var(--textColorLight);
  border-radius: 3px;
  border: none;
  box-shadow: none;
  z-index: 1000;
  line-height: 34px;
  width: 34px;
  text-align: center;
  font-size: 24px;
  padding: 0;
}

.catalog-view_default .product-media .images-large .btn-zoom:before {
  content: "\f0b2";
  font-family: "FontAwesome";
}

.catalog-view_default .product-media .images-large .btn-zoom:hover,
.catalog-view_default .product-media .images-large .btn-zoom:focus {
  box-shadow: none;
  border: none;
  outline: none;
}

.catalog-view_default .product-media .images-large .btn-zoom span {
  display: none;
}

.catalog-view_default .product-media .images-small a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  text-align: center;
  padding: 5px 10px;
}

.catalog-view_default .product-media .images-small a.active {
  border: 1px solid var(--theme-deafult);
}

.catalog-view_default .product-media .images-small a img {
  margin: auto;
  display: block;
  width: 100%;
}

.catalog-view_default .product-media .images-small .owl-prev,
.catalog-view_default .product-media .images-small .owl-next {
  width: 18px;
  text-align: center;
  line-height: 30px;
  color: #888888;
  border-radius: 0;
  display: block;
  height: auto;
  text-indent: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  font-size: 25px;
}

.catalog-view_default .product-media .images-small .owl-prev:hover,
.catalog-view_default .product-media .images-small .owl-next:hover {
  color: var(--theme-deafult);
}

.catalog-view_default .product-media .images-small .owl-prev:before,
.catalog-view_default .product-media .images-small .owl-next:before {
  content: "";
  font-family: "FontAwesome";
}

.catalog-view_default .product-media .images-small .owl-prev {
  text-align: left;
  left: 0;
}

.catalog-view_default .product-media .images-small .owl-prev:before {
  content: "\f104";
}

.catalog-view_default .product-media .images-small .owl-next {
  right: 0;
  text-align: right;
}

.catalog-view_default .product-media .images-small .owl-next:before {
  content: "\f105";
}

.catalog-view_default .product-info-main {
  margin-bottom: 60px;
}

.catalog-view_default .product-info-main .page-title {
  font-size: 20px;
  color: var(--textColorDark);
  text-transform: capitalize;
  display: block;
  margin-top: 0;
  margin-bottom: 8px;
}

.catalog-view_default .product-info-main .product-reviews-summary {
  margin-bottom: 15px;
}

.catalog-view_default .product-info-main .product-reviews-summary .rating-summary,
.catalog-view_default .product-info-main .product-reviews-summary .rating-action {
  display: inline-block;
  vertical-align: middle;
}

.catalog-view_default .product-info-main .product-reviews-summary .rating-summary {
  margin-left: 5px;
}

.catalog-view_default .product-info-main .product-reviews-summary .rating-action {
  color: #888888;
  font-size: var(--fontSizeNormal);
  text-transform: capitalize;
}

.catalog-view_default .product-info-main .product-reviews-summary .rating-action a {
  color: #888888;
}

.catalog-view_default .product-info-main .product-reviews-summary .rating-action a:hover {
  color: var(--theme-deafult);
}

.catalog-view_default .product-info-main .product-info-price {
  margin-bottom: 25px;
}

.catalog-view_default .product-info-main .product-info-price:before,
.catalog-view_default .product-info-main .product-info-price:after {
  content: "";
  display: table;
}

.catalog-view_default .product-info-main .product-info-price:after {
  clear: both;
}

.catalog-view_default .product-info-main .price-box {
  float: left;
  margin-right: 120px;
}

.catalog-view_default .product-info-main .price-box .price {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  line-height: 24px;
}

.catalog-view_default .product-info-main .price-box .old-price .price {
  text-decoration: line-through;
}

.catalog-view_default .product-info-main .product-info-stock-sku {
  float: left;
  color: var(--theme-deafult);
  text-transform: capitalize;
  font-size: var(--fontSizeNormal);
  line-height: 24px;
}

.catalog-view_default .product-info-main .product-info-stock-sku .label {
  color: var(--textColorDark);
  padding: 0;
  margin-right: 10px;
  font-size: var(--fontSizeNormal);
}

.catalog-view_default .product-info-main .product-overview {
  color: #888888;
  font-size: var(--fontSizeNormal);
  margin-bottom: 25px;
}

.catalog-view_default .product-info-main .product-overview .overview-label {
  text-transform: uppercase;
  display: block;
  color: var(--textColorDark);
  margin-bottom: 5px;
}

.catalog-view_default .product-info-main .product-overview .overview-content {
  overflow: hidden;
  max-height: 75px;
  line-height: 24px;
}

.catalog-view_default .product-info-main .product-add-form .product-options-wrapper {
  margin-bottom: 45px;
}

.catalog-view_default .product-info-main .product-add-form .product-options-wrapper .form-group {
  display: block;
  width: 100%;
  margin-bottom: 23px;
  max-width: 485px;
}

.catalog-view_default .product-info-main .product-add-form .product-options-wrapper .form-group label {
  display: block;
  padding: 0;
  text-transform: uppercase;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
}

.catalog-view_default .product-info-main .product-add-form .product-options-wrapper .form-group label sup {
  color: var(--theme-deafult);
  font-size: var(--fontSizeNormal);
  top: 0px;
}

.catalog-view_default .product-info-main .product-add-form .product-options-wrapper .form-group .control {
  display: block;
}

.catalog-view_default .product-info-main .product-add-form .product-options-wrapper .form-group .form-control {
  height: 39px;
  width: 100%;
  border: 1px solid #dfdfdf;
  text-align: center;
  font-size: var(--fontSizeNormal);
  color: #888888;
}

.catalog-view_default .product-info-main .product-add-form .share {
  margin-bottom: 36px;
}

.catalog-view_default .product-info-main .product-add-form .share:before,
.catalog-view_default .product-info-main .product-add-form .share:after {
  content: "";
  display: table;
}

.catalog-view_default .product-info-main .product-add-form .share:after {
  clear: both;
}

.catalog-view_default .product-info-main .product-add-form .form-qty {
  height: 43px;
  background-color: #dedede;
  padding-top: 6px;
  padding-left: 20px;
  padding-right: 28px;
  float: left;
}

.catalog-view_default .product-info-main .product-add-form .form-qty label {
  display: inline-block;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  line-height: 34px;
  margin: 0;
  vertical-align: top;
  margin-right: 15px;
}

.catalog-view_default .product-info-main .product-add-form .form-qty .control {
  padding-right: 16px;
  position: relative;
  width: 49px;
  display: inline-block;
  vertical-align: top;
}

.catalog-view_default .product-info-main .product-add-form .form-qty .input-qty {
  text-align: center;
  height: 33px;
  background-color: #fff;
  border: none;
  box-shadow: none;
  width: 33px;
  padding: 0;
}

.catalog-view_default .product-info-main .product-add-form .form-qty .btn-number {
  background-color: #333333;
  cursor: pointer;
  line-height: 17px;
  width: 16px;
  text-align: center;
  position: absolute;
  right: 0;
  display: block;
  color: var(--textColorLight);
  border: none;
  padding: 0;
}

.catalog-view_default .product-info-main .product-add-form .form-qty .btn-number:hover,
.catalog-view_default .product-info-main .product-add-form .form-qty .btn-number:focus,
.catalog-view_default .product-info-main .product-add-form .form-qty .btn-number.focus,
.catalog-view_default .product-info-main .product-add-form .form-qty .btn-number.active,
.catalog-view_default .product-info-main .product-add-form .form-qty .btn-number.disabled,
.catalog-view_default .product-info-main .product-add-form .form-qty .btn-number:disabled {
  background-color: #333333;
  color: var(--textColorLight);
  outline: none;
  outline-style: none;
}

.catalog-view_default .product-info-main .product-add-form .form-qty .qtyminus {
  bottom: 0;
}

.catalog-view_default .product-info-main .product-add-form .form-qty .qtyplus {
  top: 0;
}

.catalog-view_default .product-info-main .actions {
  float: left;
  margin-bottom: 15px;
}

.catalog-view_default .product-info-main .actions:before,
.catalog-view_default .product-info-main .actions:after {
  content: "";
  display: table;
}

.catalog-view_default .product-info-main .actions:after {
  clear: both;
}

.catalog-view_default .product-info-main .actions .action {
  width: 41px;
  height: 43px;
  line-height: 41px;
  padding: 0;
  text-align: center;
  background-color: #fff;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  margin-bottom: 10px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  text-transform: uppercase;
  border: 1px solid #dfdfdf;
  float: left;
  margin-right: 5px;
}

.catalog-view_default .product-info-main .actions .action:last-child {
  margin-right: 0;
}

.catalog-view_default .product-info-main .actions .action span {
  display: none;
}

.catalog-view_default .product-info-main .actions .action:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.catalog-view_default .product-info-main .actions .btn-wishlist {
  background-image: url(../images/icon/index1/btn-wishlist.png);
}

.catalog-view_default .product-info-main .actions .btn-wishlist:hover {
  background-image: url(https://kutethemes.com/);
}

.catalog-view_default .product-info-main .actions .btn-compare {
  background-image: url(../images/icon/index1/btn-compare.png);
}

.catalog-view_default .product-info-main .actions .btn-compare:hover {
  background-image: url(https://kutethemes.com/);
}

.catalog-view_default .product-info-main .actions .btn-cart {
  padding-left: 35px;
  background-position: center left 11px;
  width: auto;
  padding-right: 15px;
  background-image: url(../images/icon/index1/btn-cart.png);
}

.catalog-view_default .product-info-main .actions .btn-cart span {
  display: block;
}

.catalog-view_default .product-info-main .actions .btn-cart:hover {
  background-image: url(https://kutethemes.com/);
}

.catalog-view_default .product-info-detailed {
  margin-bottom: 37px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  position: relative;
  display: table;
  height: 370px;
}

.catalog-view_default .product-info-detailed>.nav {
  text-transform: uppercase;
  font-size: var(--fontSize_2);
  margin-bottom: 0;
  min-width: 170px;
  display: table-cell;
  vertical-align: top;
  border-right: 1px solid #dfdfdf;
}

.catalog-view_default .product-info-detailed>.nav li {
  float: none;
  display: block;
  margin: 0;
}

.catalog-view_default .product-info-detailed>.nav li a {
  line-height: 43px;
  padding: 0 10px 0 27px;
  border-bottom: 1px solid #dfdfdf;
  color: var(--textColorDark);
  white-space: nowrap;
}

.catalog-view_default .product-info-detailed>.nav li.active a,
.catalog-view_default .product-info-detailed>.nav li:hover a {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  z-index: 100;
}

.catalog-view_default .product-info-detailed>.tab-content {
  display: table-cell;
  vertical-align: top;
  padding: 40px 20px;
  font-size: var(--fontSizeNormal);
  color: #888888;
  overflow: hidden;
}

.catalog-view_default .product-info-detailed>.tab-content .block-title {
  display: none;
}

@media (max-width: 767px) {
  .catalog-view_default .product-info-detailed {
    display: block;
    height: auto;
  }

  .catalog-view_default .product-info-detailed>.nav {
    display: none;
  }

  .catalog-view_default .product-info-detailed>.tab-content {
    display: block;
  }

  .catalog-view_default .product-info-detailed>.tab-content .block-title {
    display: block;
    line-height: 43px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #dfdfdf;
    text-transform: uppercase;
    font-size: var(--fontSize_2);
  }

  .catalog-view_default .product-info-detailed>.tab-content .block-content {
    display: none;
    margin-top: 20px;
    border-bottom: 1px solid #dfdfdf;
  }

  .catalog-view_default .product-info-detailed>.tab-content .tab-pane {
    position: static;
    opacity: 1;
    visibility: visible;
  }

  .catalog-view_default .product-info-detailed>.tab-content .tab-pane {
    display: block;
  }

  .catalog-view_default .product-info-detailed>.tab-content .tab-pane.has-active .block-content {
    display: block;
  }

  .catalog-view_default .product-info-detailed>.tab-content .tab-pane.has-active .block-title {
    color: var(--theme-deafult);
  }
}

.block-upsell,
.block-related {
  margin-bottom: 37px;
}

.block-upsell .block-title,
.block-related .block-title {
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.block-upsell .block-title .title,
.block-related .block-title .title {
  display: block;
  margin: 0;
  line-height: 36px;
}

.catalog-view_op1 .block-upsell,
.catalog-view_op1 .block-related {
  margin-bottom: 23px;
}

.catalog-view_op1 .block-upsell .block-title,
.catalog-view_op1 .block-related .block-title {
  margin-bottom: 8px;
  border-bottom: none;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
}

.block-upsell .owl-nav,
.block-related .owl-nav {
  position: absolute;
  left: 0;
  top: -70px;
}

.block-upsell .owl-nav:before,
.block-related .owl-nav:before,
.block-upsell .owl-nav:after,
.block-related .owl-nav:after {
  content: "";
  display: table;
}

.block-upsell .owl-nav:after,
.block-related .owl-nav:after {
  clear: both;
}

.catalog-view_op1 .block-upsell .owl-nav,
.catalog-view_op1 .block-related .owl-nav {
  top: -40px;
}

.block-upsell .owl-nav .owl-next,
.block-related .owl-nav .owl-next,
.block-upsell .owl-nav .owl-prev,
.block-related .owl-nav .owl-prev {
  width: 33px;
  line-height: 28px;
  border: 1px solid #dfdfdf;
  display: block;
  text-align: center;
  background-color: #fff;
  color: var(--textColorDark);
  font-size: 20px;
  float: left;
  margin-right: 10px;
}

.catalog-view_op1 .block-upsell .owl-nav .owl-next,
.catalog-view_op1 .block-related .owl-nav .owl-next,
.catalog-view_op1 .block-upsell .owl-nav .owl-prev,
.catalog-view_op1 .block-related .owl-nav .owl-prev {
  width: 24px;
  line-height: 24px;
  background-color: #aaaaaa;
  border: none;
  color: var(--textColorLight);
  font-size: var(--fontSize_2);
}

.catalog-view_op1 .block-upsell .owl-nav .owl-next:hover,
.catalog-view_op1 .block-related .owl-nav .owl-next:hover,
.catalog-view_op1 .block-upsell .owl-nav .owl-prev:hover,
.catalog-view_op1 .block-related .owl-nav .owl-prev:hover {
  background-color: var(--theme-deafult);
}

.block-upsell .owl-nav .owl-next:before,
.block-related .owl-nav .owl-next:before,
.block-upsell .owl-nav .owl-prev:before,
.block-related .owl-nav .owl-prev:before {
  content: "";
  font-family: "FontAwesome";
}

.block-upsell .owl-nav .owl-next:hover,
.block-related .owl-nav .owl-next:hover,
.block-upsell .owl-nav .owl-prev:hover,
.block-related .owl-nav .owl-prev:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.block-upsell .owl-nav .owl-next:before,
.block-related .owl-nav .owl-next:before {
  content: "\f105";
}

.block-upsell .owl-nav .owl-prev:before,
.block-related .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-upsell .owl-item,
.block-related .owl-item {
  padding-bottom: 1px;
}

.catalog-view_op1 .block-upsell .product-item,
.catalog-view_op1 .block-related .product-item {
  border: 1px solid #eeeeee;
}

.catalog-view_op1 .product-media {
  margin-bottom: 50px;
}

@media (min-width: 767px) {
  .catalog-view_op1 .product-media {
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .catalog-view_op1 .product-media {
    padding-left: 30px;
  }
}

.catalog-view_op1 .product-media .images-large {
  position: relative;
  border: 1px solid #eeeeee;
  background-color: #fff;
  margin-bottom: 25px;
  text-align: center;
  padding: 30px;
}

.catalog-view_op1 .product-media .images-large .btn-zoom {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.catalog-view_op1 .product-media .images-small {
  padding: 0 35px;
}

.catalog-view_op1 .product-media .images-small a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #eeeeee;
  background-color: #fff;
  text-align: center;
  padding: 0;
}

.catalog-view_op1 .product-media .images-small a.active {
  border: 1px solid var(--theme-deafult);
}

.catalog-view_op1 .product-media .images-small a img {
  margin: auto;
  display: block;
  width: 100%;
  height: 126px;
  object-fit: contain;
}

.catalog-view_op1 .product-media .images-small .owl-item {
  padding-bottom: 1px;
}

.catalog-view_op1 .product-media .images-small .owl-prev,
.catalog-view_op1 .product-media .images-small .owl-next {
  width: 24px;
  text-align: center;
  line-height: 24px;
  color: var(--textColorLight);
  background-color: #aaaaaa;
  border-radius: 0;
  display: block;
  height: auto;
  text-indent: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  font-size: var(--fontSize_2);
}

.catalog-view_op1 .product-media .images-small .owl-prev:hover,
.catalog-view_op1 .product-media .images-small .owl-next:hover {
  background-color: var(--theme-deafult);
}

.catalog-view_op1 .product-media .images-small .owl-prev:before,
.catalog-view_op1 .product-media .images-small .owl-next:before {
  content: "";
  font-family: "FontAwesome";
}

.catalog-view_op1 .product-media .images-small .owl-prev {
  left: -35px;
}

.catalog-view_op1 .product-media .images-small .owl-prev:before {
  content: "\f104";
}

.catalog-view_op1 .product-media .images-small .owl-next {
  right: -35px;
}

.catalog-view_op1 .product-media .images-small .owl-next:before {
  content: "\f105";
}

.catalog-view_op1 .product-info-main {
  margin-bottom: 50px;
}

@media (min-width: 1200px) {
  .catalog-view_op1 .product-info-main {
    margin-right: -15px;
  }
}

.catalog-view_op1 .product-info-main .page-title {
  font-size: 24px;
  color: var(--textColorDark);
  text-transform: capitalize;
  display: block;
  margin: 0 0 12px;
}

.catalog-view_op1 .product-info-main .product-reviews-summary {
  margin-bottom: 6px;
}

.catalog-view_op1 .product-info-main .product-reviews-summary .rating-summary {
  display: inline-block;
  vertical-align: middle;
}

.catalog-view_op1 .product-info-main .product-reviews-summary .reviews-actions {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
}

.catalog-view_op1 .product-info-main .product-reviews-summary .reviews-actions a {
  color: var(--textColorDark);
  display: inline-block;
  line-height: 18px;
  padding: 0 10px;
}

.catalog-view_op1 .product-info-main .product-reviews-summary .reviews-actions a:hover {
  color: var(--theme-deafult);
}

.catalog-view_op1 .product-info-main .product-reviews-summary .reviews-actions .action {
  border-left: 1px solid #e5e5e5;
}

.catalog-view_op1 .product-info-main .product-reviews-summary .reviews-actions .action:last-child {
  border-left: none;
}

.catalog-view_op1 .product-info-main .product-info-price {
  margin-bottom: 10px;
}

.catalog-view_op1 .product-info-main .product-info-price .price {
  color: var(--theme-deafult);
  font-size: var(--fontSize_2);
}

.catalog-view_op1 .product-info-main .product-info-price .price.notExist {
  font-size: 1.75rem;
  font-weight: 700 !important;
}

.catalog-view_op1 .modal .product-info-main .product-info-price .price {
  display: block;
}

.catalog-view_op1 .product-info-main .product-info-price .old-price {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-decoration: line-through;
  margin-right: 12px;
}

.catalog-view_op1 .modal .product-info-main .product-info-price .old-price {
  display: block;
}

.catalog-view_op1 .product-info-main .product-info-price .label-sale {
  display: inline-block;
  line-height: 23px;
  background-color: #ff9900;
  color: var(--textColorLight);
  padding: 0 12px;
  font-size: var(--fontSizeNormal);
  margin-right: 12px;
}

.catalog-view_op1 .product-info-main .product-info-stock {
  color: #009966;
  font-size: var(--fontSizeNormal);
  margin-bottom: 7px;
}

.catalog-view_op1 .product-info-main .product-info-stock .label {
  color: var(--textColorDark);
  padding: 0;
  font-size: var(--fontSizeNormal);
  display: inline-block;
}

.catalog-view_op1 .product-info-main .product-code,
.catalog-view_op1 .product-info-main .product-condition {
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  margin-bottom: 7px;
}

.catalog-view_op1 .product-info-main .product-overview {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  line-height: 24px;
  /* border-top: 1px solid #eeeeee; */
  padding-top: 5px;
  padding-bottom: 5px;
}

.catalog-view_op1 .product-info-detailed {
  margin-bottom: 38px;
}

.catalog-view_op1 .product-info-detailed .nav {
  margin: 0;
}

@media (max-width: 767px) {
  .catalog-view_op1 .product-info-detailed .nav {
    display: none;
  }
}

.catalog-view_op1 .product-info-detailed .nav>li {
  float: right;
}

.catalog-view_op1 .product-info-detailed .nav>li+li {
  margin-right: 6px;
}

.catalog-view_op1 .product-info-detailed .nav>li>a {
  display: block;
  line-height: 46px;
  padding: 0 25px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-transform: uppercase;
  background-color: #e2e2e2;
}

@media (max-width: 1199px) {
  .catalog-view_op1 .product-info-detailed .nav>li>a {
    padding: 0 15px;
  }
}

.catalog-view_op1 .product-info-detailed .nav>li.active>a {
  background-color: #fff;
  margin-bottom: -1px;
  border: 1px solid #eeeeee;
  border-bottom: none;
  z-index: 100;
}

.catalog-view_op1 .product-info-detailed .tab-content {
  border: 1px solid #eeeeee;
  padding: 30px 15px;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  line-height: 24px;
}

.catalog-view_op1 .product-info-detailed .tab-content .block-title {
  display: none;
  line-height: 30px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: -1px;
  padding: 0 20px;
  text-transform: uppercase;
  line-height: 46px;
  padding: 0 25px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  cursor: pointer;
  position: relative;
  padding-left: 35px;
}

.catalog-view_op1 .product-info-detailed .tab-content .block-title:after {
  content: "\f107";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  left: 20px;
}

@media (max-width: 767px) {
  .catalog-view_op1 .product-info-detailed .tab-content .block-title {
    display: block;
  }
}

@media (max-width: 767px) {
  .catalog-view_op1 .product-info-detailed .tab-content {
    padding: 0;
  }

  .catalog-view_op1 .product-info-detailed .tab-content .tab-pane {
    display: block;
  }

  .catalog-view_op1 .product-info-detailed .tab-content .tab-pane.has-active .block-content {
    display: block;
  }

  .catalog-view_op1 .product-info-detailed .tab-content .tab-pane.has-active .block-title {
    background-color: #e2e2e2;
  }

  .catalog-view_op1 .product-info-detailed .tab-content .tab-pane.has-active .block-title:after {
    content: "\f106";
    font-family: "FontAwesome";
  }

  .catalog-view_op1 .product-info-detailed .tab-content .block-content {
    display: none;
    padding: 20px;
    border-bottom: 1px solid #eeeeee;
  }

  .catalog-view_op1 .product-info-detailed .tab-content .tab-pane {
    visibility: visible;
    opacity: 1;
    position: static;
  }
}

.catalog-view_op1 .product-add-form {
  padding-top: 5px;
  /* border-top: 1px solid #eeeeee; */
}

.catalog-view_op1 .product-options-wrapper .form-qty {
  margin-bottom: 10px;
}

.catalog-view_op1 .product-options-wrapper .form-qty .label {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
  min-width: 60px;
  padding: 0;
  text-align: right;
}

.catalog-view_op1 .product-options-wrapper .form-qty .control {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 70px;
}

.catalog-view_op1 .product-options-wrapper .form-qty .input-qty {
  height: 31px;
  border: 1px solid #eaeaea;
  background-color: #fafafa;
  width: 100%;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  border-radius: 5px;
  padding-right: 10px;
}

.catalog-view_op1 .product-options-wrapper .form-qty .btn-number {
  color: var(--textColorDark);
  width: 10px;
  padding: 0;
  text-align: center;
  line-height: 6px;
  border: none;
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
  position: absolute;
  left: 7px;
}

.catalog-view_op1 .product-options-wrapper .form-qty .btn-number span {
  display: none;
}

.catalog-view_op1 .product-options-wrapper .form-qty .btn-number:before {
  font-family: 'FontAwesome';
}

.catalog-view_op1 .product-options-wrapper .form-qty .btn-number.qtyminus {
  top: 50%;
  margin-top: 2px;
}

.catalog-view_op1 .product-options-wrapper .form-qty .btn-number.qtyminus:before {
  content: "\f0d7";
}

.catalog-view_op1 .product-options-wrapper .form-qty .btn-number.qtyplus {
  bottom: 50%;
  margin-bottom: 2px;
}

.catalog-view_op1 .product-options-wrapper .form-qty .btn-number.qtyplus:before {
  content: "\f0d8";
}

.catalog-view_op1 .product-options-wrapper .form-configurable {
  margin-bottom: 10px;
}

.catalog-view_op1 .product-options-wrapper .form-configurable .label {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
  min-width: 45px;
  padding: 0;
  text-align: right;
}

.catalog-view_op1 .product-options-wrapper .form-configurable .control {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 95px;
}

.catalog-view_op1 .product-options-wrapper .form-configurable .form-control {
  height: 31px;
  border: 1px solid #eaeaea;
  background-color: #fafafa;
  width: 100%;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  padding-right: 10px;
  padding-left: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1;
}

.catalog-view_op1 .product-options-wrapper .form-configurable select {
  background-position: center left 5px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/select.png);
}

.catalog-view_op1 .product-options-wrapper .form-configurable .size-chart {
  color: var(--theme-deafult);
  line-height: 30px;
  display: inline-block;
  text-decoration: underline;
  font-size: var(--fontSizeNormal);
  font-style: italic;
  margin-right: 6px;
}

.catalog-view_op1 .product-options-bottom {
  padding-top: 10px;
  margin-top: 15px;
  border-top: 1px solid #eeeeee;
}

.catalog-view_op1 .product-options-bottom .btn-cart {
  height: 36px;
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  font-size: var(--fontSizeNormal);
  padding: 0 12px;
  border: none;
  box-shadow: none;
  line-height: 36px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  margin-bottom: 10px;
  position: relative;
  /* productDetail */
}

.catalog-view_op1 .product-options-bottom .btn-cart:before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/cart-catalog-op1.png);
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}

.catalog-view_op1 .product-options-bottom .btn-cart:hover {
  background-color: #cc0033;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.catalog-view_op1 .product-options-bottom .product-addto-links .action {
  display: inline-block;
  line-height: 34px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  margin-left: 15px;
  margin-bottom: 10px;
  vertical-align: top;
}

.catalog-view_op1 .product-options-bottom .product-addto-links .action:before {
  content: "";
  font-family: 'FontAwesome';
  text-align: center;
  line-height: 30px;
  display: inline-block;
  border-radius: 100%;
  color: var(--textColorLight);
  margin-left: 3px;
  width: 30px;
  height: 30px;
  background-color: #999999;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.catalog-view_op1 .product-options-bottom .product-addto-links .action:hover {
  color: var(--theme-deafult);
}

.catalog-view_op1 .product-options-bottom .product-addto-links .action:hover:before,
.catalog-view_op1 .product-options-bottom .product-addto-links .btn-wishlist:hover .fa {
  background-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.catalog-view_op1 .product-options-bottom .product-addto-links .btn-wishlist:before {
  content: "\f08a";
  display: none;
}

.catalog-view_op1 .product-options-bottom .product-addto-links .btn-wishlist .fa {
  text-align: center;
  line-height: 30px;
  display: inline-block;
  border-radius: 100%;
  color: var(--textColorLight);
  margin-left: 3px;
  width: 30px;
  height: 30px;
  background-color: #999999;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.catalog-view_op1 .product-options-bottom .product-addto-links .btn-compare:before {
  /* content: "\f012"; */
  background-image: url(../images/icon/index1/btn-compare.png);
  margin-bottom: -9px;
}

.catalog-view_op1 .product-addto-links-second {
  padding-top: 10px;
  border-top: 1px solid #eeeeee;
  margin-bottom: 15px;
}

.catalog-view_op1 .product-addto-links-second .action {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  background-position: center right;
  background-repeat: no-repeat;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  padding-right: 26px;
  margin-left: 15px;
}

.catalog-view_op1 .product-addto-links-second .action:hover {
  color: var(--theme-deafult);
}

.catalog-view_op1 .product-addto-links-second .action-print {
  background-image: url(../images/icon/action-print.png);
}

.catalog-view_op1 .product-addto-links-second .action-friend {
  background-image: url(../images/icon/action-friend.png);
}

.swatch-opt .swatch-attribute .swatch-attribute-label {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: inline-block;
  line-height: 20px;
  vertical-align: top;
  min-width: 45px;
}

.swatch-opt .swatch-attribute .swatch-attribute-options {
  display: inline-block;
  vertical-align: top;
}

.swatch-opt .swatch-attribute .swatch-attribute-options:before,
.swatch-opt .swatch-attribute .swatch-attribute-options:after {
  content: "";
  display: table;
}

.swatch-opt .swatch-attribute .swatch-attribute-options:after {
  clear: both;
}

.swatch-opt .swatch-attribute .swatch-attribute-options .swatch-option {
  width: 20px;
  height: 20px;
  border: 1px solid #eeeeee;
  float: right;
  margin-left: 9px;
  margin-bottom: 10px;
  cursor: pointer;
}

.swatch-opt .swatch-attribute .swatch-attribute-options .swatch-option.selected,
.swatch-opt .swatch-attribute .swatch-attribute-options .swatch-option:hover {
  outline: 1px solid var(--theme-deafult);
}

.fancybox-overlay {
  z-index: 9999;
}

/*==========================================================

	9. PAGES

==========================================================*/
.page-title-base .title-base {
  text-transform: uppercase;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  margin: 0;
  margin-bottom: 15px;
}

.cms-page .breadcrumb-page .breadcrumb {
  margin-bottom: 19px;
}

.block-about-us {
  margin-bottom: 40px;
}

.block-about-us .block-title {
  display: block;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  line-height: 30px;
  text-transform: uppercase;
}

.block-about-us .block-content {
  padding-top: 2px;
}

.block-about-us .img {
  position: relative;
  overflow: hidden;
  margin-top: 8px;
  margin-bottom: 20px;
}

.block-about-us .img img {
  display: block;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-about-us .img:hover img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-about-us .text {
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  line-height: 24px;
  margin-bottom: 20px;
}

/*block-why-choos-us*/
.block-why-choos-us {
  margin-bottom: 60px;
}

.block-why-choos-us .block-title {
  display: block;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  line-height: 30px;
  text-transform: uppercase;
}

.block-why-choos-us ul li {
  position: relative;
  padding-left: 30px;
  border-bottom: 1px dotted var(--textColorDark);
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  line-height: 30px;
  text-transform: capitalize;
  background-repeat: no-repeat;
  background-position: top 8px left;
  background-image: url(../images/icon/index1/check.png);
  padding-bottom: 5px;
  margin-bottom: 4px;
}

.block-why-choos-us ul li:last-child {
  border-bottom: none;
}

.block-why-choos-us ul li a {
  color: var(--textColorDark);
}

.block-why-choos-us ul li a:hover {
  color: var(--theme-deafult);
}

.block-why-choos-us ul li:hover {
  color: var(--theme-deafult);
  background-image: url(../images/icon/index1/check-hover.png);
}

/*block-our-menber*/
.block-our-member {
  margin-bottom: 57px;
}

.block-our-member .block-title {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-align: center;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 84px;
  line-height: 24px;
}

.block-our-member .block-title .title {
  display: block;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.block-our-member .item .item-photo img {
  width: 100%;
  display: block;
}

.block-our-member .item .name {
  display: block;
  font-size: var(--fontSizeNormal);
  color: #157ed2;
  text-transform: capitalize;
  margin-top: 3px;
}

.block-our-member .item .team {
  display: block;
  text-transform: capitalize;
}

.block-our-member .item .des {
  color: #888888;
  display: block;
  font-size: var(--fontSizeNormal);
  line-height: 24px;
  margin-top: 12px;
}

.block-our-member .owl-dots {
  text-align: center;
  top: -60px;
  left: 0;
  right: 0;
  position: absolute;
}

.block-our-member .owl-dots .owl-dot {
  width: 17px;
  height: 17px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  background-color: #bbbbbb;
  margin-right: 5px;
}

.block-our-member .owl-dots .owl-dot.active {
  width: 19px;
  height: 19px;
  background-color: var(--theme-deafult);
}

.alignleft {
  float: right;
}

.alignright {
  float: left;
}

img.alignleft {
  margin: 0 0px 15px 20px;
}

img.alignright {
  margin: 0 20px 15px 0px;
}

.page-heading {
  height: 1.9em;
  border-bottom: 1px solid #eaeaea;
  line-height: 1.9em;
  position: relative;
  font-size: var(--fontSize_heading);
  margin: 0;
}

.page-heading span.page-heading-title {
  border-bottom: 3px solid var(--theme-deafult);
  position: absolute;
  bottom: -1px;
  padding: 0 12px;
}

.page-heading span.page-heading-title2 {
  text-transform: uppercase;
}

/* ----------------
 [21. Login page]
 */
.box-authentication {
  border: 1px solid #eaeaea;
  padding: 30px;
  min-height: 351px;
  margin-bottom: 40px;
}

.box-authentication>h3 {
  margin-bottom: 15px;
  font-size: var(--fontSize_2);
}

.box-authentication label {
  margin-top: 10px;
  margin-bottom: 2px;
}

.box-authentication .forgot-pass {
  margin-top: 15px;
}

.box-authentication input,
.box-authentication textarea {
  border-radius: 0px;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  width: 50%;
}

.box-authentication .button {
  margin-top: 15px;
  background: #666 none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  color: var(--textColorLight);
  padding: 10px 20px;
}

.box-authentication .button:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.box-border {
  border: 1px solid #eaeaea;
  padding: 20px;
  overflow: hidden;
}

.box-border h2 {
  font-size: var(--fontSize_heading);
}

.box-border button {
  background: #666 none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  color: var(--textColorLight);
  padding: 5px 10px;
}

.box-border button:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.box-wishlist label,
.box-wishlist .button {
  margin-top: 15px;
  margin-bottom: 5px;
}

.box-wishlist {
  margin-top: 20px;
}

.table-wishlist {
  margin-top: 20px;
}

.table-wishlist th {
  background: #fafafa;
}

.list-wishlist {
  margin-top: 20px;
}

.list-wishlist button {
  background: #666 none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  color: var(--textColorLight);
  padding: 5px 10px;
}

.list-wishlist button:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.list-wishlist li {
  margin-top: 30px;
}

.list-wishlist li .product-img {
  border: 1px solid #eee;
  padding: 10px;
}

.list-wishlist li .product-name,
.list-wishlist li .qty,
.list-wishlist li .priority,
.list-wishlist li .button {
  margin-top: 10px;
}

.list-wishlist li .button-action {
  position: relative;
}

.list-wishlist li .button-action a {
  position: absolute;
  left: 10px;
  top: 15px;
}

.list-wishlist li .button-action a .fa {
  line-height: inherit;
}

.table-compare td.compare-label {
  width: 150px;
  background: #fafafa;
  vertical-align: middle;
}

.table-compare .product-star .fa {
  line-height: inherit;
  color: #ff9900;
}

.table-compare .price {
  color: var(--theme-deafult);
}

.table-compare .add-cart {
  background: var(--theme-deafult);
  color: var(--textColorLight);
}

.table-compare .add-cart:hover {
  opacity: 0.8;
}

.checkout-page .checkout-sep {
  padding-bottom: 15px;
  text-transform: uppercase;
}

.checkout-page .box-border {
  margin-bottom: 15px;
}

.checkout-page .box-border .button {
  margin-top: 15px;
}

.checkout-page .box-border label {
  margin-top: 5px;
}

.checkout-page .box-border p,
.checkout-page .box-border h4 {
  padding-bottom: 5px;
  margin-top: 5px;
}

.checkout-page .box-border .fa {
  line-height: inherit;
}

.checkout-page .box-border input[type="radio"] {
  margin-left: 10px;
}

/*----------------------
[17. Order page]
*/
.page-content {
  margin-top: 30px;
}

.page-order ul.step {
  width: 100%;
  clear: both;
  overflow: hidden;
}

.page-order ul.step li {
  display: inline;
  line-height: 30px;
  width: 20%;
  float: right;
  text-align: center;
  border-bottom: 3px solid #ccc;
}

.page-order ul.step li.current-step {
  border-bottom: 3px solid var(--theme-deafult);
}

.page-order .heading-counter {
  margin: 30px 0;
  padding: 15px;
  border: 1px solid #eaeaea;
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  border-bottom-width: 0px;
}

.page-order .cart_navigation a {
  padding: 10px 20px;
  border: 1px solid #eaeaea;
}

.page-order .cart_avail {
  text-align: center;
}

.page-order .cart_avail .label {
  white-space: normal;
  display: inline-block;
  padding: 6px 10px;
  font-size: var(--fontSizeNormal);
  border-radius: 0px;
}

.page-order .product-name {
  font-size: var(--fontSize_2);
}

.page-order .cart_description {
  font-size: var(--fontSizeNormal);
}

.page-order .cart_avail .label-success {
  background: #FFF;
  border: 1px solid #55c65e;
  color: #48b151;
}

.page-order .cart_navigation a {
  margin-bottom: 15px;
}

.page-order .cart_navigation a.next-btn {
  float: right;
  background: var(--theme-deafult);
  color: var(--textColorLight);
  border: 1px solid var(--theme-deafult);
}

.page-order .cart_navigation a.next-btn:hover {
  opacity: 0.8;
}

.page-order .cart_navigation a.prev-btn {
  float: left;
}

.page-order .cart_navigation a.prev-btn:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f105";
  padding-left: 15px;
}

.page-order .cart_navigation a.next-btn:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f104";
  padding-right: 15px;
}

.page-order .cart_navigation a:hover {
  background: var(--theme-deafult);
  color: var(--textColorLight);
}

.cart_summary>thead,
.cart_summary>tfoot {
  background: #f7f7f7;
  font-size: var(--fontSize_2);
}

.cart_summary>thead>th {
  border-bottom-width: 1px;
  padding: 20px;
}

.cart_summary td {
  vertical-align: middle !important;
  padding: 20px;
}

.cart_summary .table>tbody>tr>td,
.table>tbody>tr>th,
.cart_summary .table>tfoot>tr>td,
.table>tfoot>tr>th,
.cart_summary .table>thead>tr>td,
.table>thead>tr>th {
  padding: 15px;
}

.cart_summary img {
  max-width: 100px;
}

.cart_summary td.cart_product {
  width: 120px;
  padding: 15px;
}

.cart_summary .price {
  text-align: right;
}

.cart_summary .qty {
  text-align: center;
  width: 100px;
}

.cart_summary .qty input {
  text-align: center;
  max-width: 64px;
  margin: 0 auto;
  border-radius: 0px;
  border: 1px solid #eaeaea;
}

.cart_summary .qty span {
  padding: 8px 10px 5px 10px;
  border: 1px solid #eaeaea;
  display: inline-block;
  width: auto;
  margin-top: 5px;
  cursor: pointer;
}

.cart_summary .qty span:hover {
  background: var(--theme-deafult);
  color: var(--textColorLight);
}

.cart_summary .action {
  text-align: center;
}

.cart_summary .action a {
  background: url("../images/icon/delete_icon.png") no-repeat center center;
  font-size: 0;
  height: 9px;
  width: 9px;
  display: inline-block;
  line-height: 24px;
}

.cart_summary tfoot {
  text-align: left;
}

.cart_navigation {
  margin-top: 10px;
  float: left;
  width: 100%;
}

@media (max-width: 480px) {
  .page-heading {
    font-size: var(--fontSize_2);
  }

  .page-heading span {
    padding: 0;
  }

  .page-order ul.step li {
    width: 100%;
    display: block;
    text-align: right;
    border-bottom: none;
    border-right: 3px solid #eee;
    padding-right: 20px;
    margin-top: 10px;
  }

  .page-order ul.step li.current-step {
    border-right: 3px solid var(--theme-deafult);
    border-bottom: none;
  }
}

/*==========================================================

	10. HOME PAGE

==========================================================*/
.effect-border {
  display: block;
  position: relative;
  overflow: hidden;
}

.effect-border:before,
.effect-border:after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  border-style: solid;
  border-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}

.effect-border:before {
  border-width: 1px 0 1px 0;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  top: 10px;
  bottom: 10px;
}

.effect-border:after {
  border-width: 0px 1px 0px 1px;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  left: 10px;
  right: 10px;
}

.effect-border:hover:before,
.effect-border:hover:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.effect-border:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.effect-border img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.effect-bg {
  position: relative;
  display: block;
}

.effect-bg:before {
  content: "";
  background-color: var(--theme-deafult);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  opacity: 0;
  border-radius: 0;
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -o-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.effect-bg img {
  display: block;
  width: 100%;
}

.effect-bg:hover:before {
  opacity: 0.4;
  border-radius: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.effect-banner1 .box-img {
  position: relative;
  display: block;
}

.effect-banner1 .box-img:before,
.effect-banner1 .box-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.effect-banner1 .box-img:hover:before {
  top: 50%;
  bottom: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.effect-banner1 .box-img:hover:after {
  left: 50%;
  right: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.effect-banner1 .box-img img {
  display: block;
  width: 100%;
}

.effect-banner2 .box-img {
  display: block;
  position: relative;
  overflow: hidden;
}

.effect-banner2 .box-img:before {
  background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px);
  -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px);
  -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px);
  visibility: hidden;
  width: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.effect-banner2 .box-img:hover:before {
  opacity: 1;
  visibility: initial;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px);
  -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px);
  -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.effect-banner2 img {
  display: block;
  width: 100%;
}

.effect-banner3 .box-img,
.effect-banner3 .img-banner {
  display: block;
  position: relative;
  overflow: hidden;
}

.effect-banner3 .box-img:before,
.effect-banner3 .img-banner:before,
.effect-banner3 .box-img:after,
.effect-banner3 .img-banner:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  background-color: rgba(254, 86, 84, 0.3);
}

.effect-banner3 .box-img:before,
.effect-banner3 .img-banner:before {
  left: 0;
  width: 0;
}

.effect-banner3 .box-img:after,
.effect-banner3 .img-banner:after {
  right: 0;
  width: 0;
}

.effect-banner3 .box-img:hover:before,
.effect-banner3 .img-banner:hover:before,
.effect-banner3 .box-img:hover:after,
.effect-banner3 .img-banner:hover:after {
  opacity: 1;
  background-color: rgba(254, 86, 84, 0.3);
}

.effect-banner3 .box-img:hover:before,
.effect-banner3 .img-banner:hover:before {
  left: 0;
  width: 50%;
  -webkit-transition: 0.55s;
  -o-transition: 0.55s;
  transition: 0.55s;
}

.effect-banner3 .box-img:hover:after,
.effect-banner3 .img-banner:hover:after {
  right: 0;
  width: 50%;
  -webkit-transition: 0.55s;
  -o-transition: 0.55s;
  transition: 0.55s;
}

.effect-banner3 img {
  display: block;
  width: 100%;
}

.block-slide-main .item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.block-slide-main .title {
  display: block;
  text-transform: uppercase;
}

.block-slide-main .subtitle {
  display: block;
  text-transform: uppercase;
}

.block-slide-main .des {
  display: block;
}

.block-slide-main .btn {
  line-height: 50px;
  background-color: #0a3a68;
  color: var(--textColorLight);
  text-transform: uppercase;
  text-align: center;
  padding: 0 25px;
  font-size: 16px;
}

.block-slide-main .btn:hover {
  background-color: var(--theme-deafult);
}

.block-slide-main .owl-dots {
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}

.block-slide-main .owl-dots .owl-dot {
  width: 21px;
  height: 2px;
  background-color: #fff;
  display: inline-block;
  margin: 0 3px;
}

.block-slide-main .owl-dots .owl-dot.active {
  background-color: var(--theme-deafult);
}

.block-slide-main .dotsData .owl-dots {
  text-align: center;
  position: absolute;
  bottom: 12px;
  left: auto;
  right: 257px;
}

@media (max-width: 640px) {
  .block-slide-main .dotsData .owl-dots {
    right: 30px;
  }
}

.block-slide-main .dotsData .owl-dots .owl-dot {
  width: 20px;
  height: 20px;
  line-height: 18px;
  background-color: transparent;
  display: inline-block;
  margin: 0 2px;
  border: 1px solid #666666;
  border-radius: 100%;
  color: #666666;
}

.block-slide-main .dotsData .owl-dots .owl-dot.active {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  border-color: var(--textColorLight);
}

.block-slide-main:hover .owl-nav .owl-next,
.block-slide-main:hover .owl-nav .owl-prev {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-slide-main:hover .owl-nav .owl-prev {
  left: 15px;
}

.block-slide-main:hover .owl-nav .owl-next {
  right: 15px;
}

.block-slide-main .owl-nav .owl-next,
.block-slide-main .owl-nav .owl-prev {
  width: 32px;
  line-height: 50px;
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  opacity: 0;
}

.block-slide-main .owl-nav .owl-next:hover,
.block-slide-main .owl-nav .owl-prev:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.block-slide-main .owl-nav .owl-next:before,
.block-slide-main .owl-nav .owl-prev:before {
  content: "";
  font-family: 'FontAwesome';
}

.block-slide-main .owl-nav .owl-prev {
  left: 25px;
}

.block-slide-main .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-slide-main .owl-nav .owl-next {
  right: 25px;
}

.block-slide-main .owl-nav .owl-next:before {
  content: "\f105";
}

.block-slide-main .active .item .title {
  -webkit-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  animation: fadeInRight 0.9s ease-in-out 0.8s both;
}

.block-slide-main .active .item .subtitle {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

.block-slide-main .active .item .des {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

.block-slide-main .active .item .btn {
  -webkit-animation: fadeInRight 0.8s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.8s ease-in-out 0.8s both;
  animation: fadeInRight 0.8s ease-in-out 0.8s both;
}

.block-slide-main .active .item1 .title {
  -webkit-animation: fadeInDown 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInDown 0.6s ease-in-out 0.8s both;
  animation: fadeInDown 0.6s ease-in-out 0.8s both;
}

.block-slide-main .active .item1 .subtitle {
  -webkit-animation: fadeInDown 1s ease-in-out 0.8s both;
  -o-animation: fadeInDown 1s ease-in-out 0.8s both;
  animation: fadeInDown 1s ease-in-out 0.8s both;
}

.block-slide-main .active .item1 .des {
  -webkit-animation: fadeInDown 1.5s ease-in-out 0.8s both;
  -o-animation: fadeInDown 1.5s ease-in-out 0.8s both;
  animation: fadeInDown 1.5s ease-in-out 0.8s both;
}

.block-slide-main .active .item1 .btn {
  -webkit-animation: fadeInDown 1.7s ease-in-out 0.8s both;
  -o-animation: fadeInDown 1.7s ease-in-out 0.8s both;
  animation: fadeInDown 1.7s ease-in-out 0.8s both;
}

.block-slide-main .active .item3 .title {
  -webkit-animation: flipInX 1s ease-in-out 1s both;
  -o-animation: flipInX 1s ease-in-out 1s both;
  animation: flipInX 1s ease-in-out 1s both;
}

.block-slide-main .active .item3 .subtitle {
  -webkit-animation: flipInX 1.2s ease-in-out 1s both;
  -o-animation: flipInX 1.2s ease-in-out 1s both;
  animation: flipInX 1.2s ease-in-out 1s both;
}

.block-slide-main .active .item3 .des {
  -webkit-animation: flipInX 1.5s ease-in-out 0.8s both;
  -o-animation: flipInX 1.5s ease-in-out 0.8s both;
  animation: flipInX 1.5s ease-in-out 0.8s both;
}

.block-slide-main .active .item3 .btn {
  -webkit-animation: flipInX 1.7s ease-in-out 0.8s both;
  -o-animation: flipInX 1.7s ease-in-out 0.8s both;
  animation: flipInX 1.7s ease-in-out 0.8s both;
}

.block-brand {
  margin-bottom: 38px;
}

.block-brand img {
  border: 1px solid #ebebeb;
}

.block-brand img:hover {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-brand:hover .owl-nav .owl-prev,
.block-brand:hover .owl-nav .owl-next {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-brand:hover .owl-nav .owl-prev {
  left: 0;
}

.block-brand:hover .owl-nav .owl-next {
  right: 0;
}

.block-brand .owl-nav .owl-prev,
.block-brand .owl-nav .owl-next {
  text-align: center;
  display: block;
  float: left;
  width: 24px;
  line-height: 24px;
  background-color: #d9d9d9;
  color: #b5b5b5;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  opacity: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-brand .owl-nav .owl-prev:hover,
.block-brand .owl-nav .owl-next:hover {
  background-color: #999999;
  color: #ffffff;
}

.block-brand .owl-nav .owl-prev:before,
.block-brand .owl-nav .owl-next:before {
  content: "";
  font-family: "FontAwesome";
}

.block-brand .owl-nav .owl-prev {
  left: 10px;
}

.block-brand .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-brand .owl-nav .owl-next {
  right: 10px;
}

.block-brand .owl-nav .owl-next:before {
  content: "\f105";
}

.block-service {
  background-color: #ebebeb;
  padding: 52px 0 15px;
}

.block-service .item {
  font-size: var(--fontSizeNormal);
  color: #aaaaaa;
  margin-bottom: 30px;
  position: relative;
  padding-left: 100px;
  min-height: 85px;
}

.block-service .item:hover .icon {
  -webkit-animation: bounce 0.7s ease-in-out 0.3s both;
  -o-animation: bounce 0.7s ease-in-out 0.3s both;
  animation: bounce 0.7s ease-in-out 0.3s both;
}

.block-service .item:before,
.block-service .item:after {
  content: "";
  display: table;
}

.block-service .item:after {
  clear: both;
}

.block-service .item .icon {
  width: 84px;
  text-align: center;
  line-height: 80px;
  height: 84px;
  background-color: var(--theme-deafult);
  border-radius: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.block-service .item .icon img {
  display: inline;
}

.block-service .item .title {
  display: block;
  color: var(--textColorDark);
  font-size: 1.3rem;
  text-transform: uppercase;
  margin-bottom: 2px;
  margin-top: 12px;
}

@media (max-width: 767px) {
  .block-service .item {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

.block-section-top {
  position: relative;
}

@media (max-width: 1199px) {
  .block-section-top {
    padding-left: 0;
  }
}

@media (max-width: 991px) {
  .block-section-top {
    padding-right: 0;
  }
}

.block-section-top .block-nav-categori {
  position: relative;
  float: none;
  width: 100%;
  z-index: 100;
}

.block-section-top .block-nav-categori .block-title {
  display: none;
}

.block-section-top .block-nav-categori .block-content {
  background-color: #f7f7f7;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
}

.slide-opt-1 .item {
  height: 453px;
}

@media (max-width: 640px) {
  .slide-opt-1 .item {
    height: 300px;
  }

  .slide-opt-1 .item .description {
    max-width: 100% !important;
  }
}

.slide-opt-1 .item .description {
  position: relative;
  padding-top: 180px;
  max-width: 100%;
}

.slide-opt-1 .item1 .description {
  float: right;
  padding-right: 64px;
  padding-top: 50px;
  max-width: 250px;
  text-align: center;
}

.slide-opt-1 .item1 .title {
  display: block;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
}

.slide-opt-1 .item1 .subtitle {
  display: block;
  text-transform: uppercase;
  font-size: 2rem;
  margin-bottom: 27px;
  color: var(--textColorLight);
  line-height: 1.12;
}

.slide-opt-1 .item1 .btn {
  line-height: 36px;
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  text-transform: uppercase;
  text-align: center;
  padding: 0 15px;
  font-size: var(--fontSizeNormal);
}

.slide-opt-1 .item1 .btn:hover {
  background-color: var(--theme-deafult);
}

.slide-opt-1 .item2 .description {
  margin-left: 26px;
  padding-top: 70px;
  text-align: center;
  float: left;
  max-width: 290px;
}

.slide-opt-1 .item2 .title {
  font-size: 12px;
  display: block;
  margin-bottom: 8px;
}

.slide-opt-1 .item2 .subtitle {
  display: block;
  border: 2px solid #333;
  font-size: 48px;
  line-height: 60px;
  padding: 0 15px;
  margin-bottom: 8px;
}

@media (max-width: 640px) {
  .slide-opt-1 .item2 .subtitle {
    font-size: 30px;
  }
}

.slide-opt-1 .item2 .des {
  display: block;
  font-size: var(--fontSize_2);
}

.slide-opt-1 .item2 .btn {
  background-color: transparent;
  color: var(--textColorLight);
  line-height: 24px;
  padding: 0 15px;
  font-size: var(--fontSizeNormal);
  display: inline-block;
  border: 3px solid var(--textColorDark);
  color: var(--textColorDark);
  margin-top: 70px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-1 .item2 .btn:hover {
  text-decoration: none;
  background-color: #333333;
  color: #ffffff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 640px) {
  .slide-opt-1 .item2 .btn {
    margin-top: 10px;
  }
}

.slide-opt-1 .item3 .description {
  margin-right: 30px;
  padding-top: 70px;
  text-align: center;
  float: right;
  max-width: 270px;
}

.slide-opt-1 .item3 .title {
  font-size: 30px;
  display: block;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.slide-opt-1 .item3 .subtitle {
  display: block;
  font-size: var(--fontSizeNormal);
  margin-bottom: 15px;
  text-transform: capitalize;
}

.slide-opt-1 .item3 .btn {
  background-color: #849dc5;
  color: var(--textColorLight);
  line-height: 36px;
  padding: 0 19px;
  font-size: var(--fontSizeNormal);
}

.slide-opt-1 .item3 .btn:hover {
  background-color: #333333;
  color: #ffffff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-1 .dotsData .owl-dots {
  right: 25px;
  text-align: right;
  bottom: 10px;
}

.slide-opt-1 .dotsData .owl-dots .owl-dot {
  width: 24px;
  line-height: 22px;
  height: 24px;
  border: 1px solid #666666;
  color: #666666;
  font-size: 14px;
  background-color: #eeeeee;
  padding: 0;
  text-align: center;
}

.slide-opt-1 .dotsData .owl-dots .owl-dot.active {
  border-color: var(--textColorLight);
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.block-section-top1 {
  position: relative;
  margin-bottom: 20px;
  background-color: #fff;
}

.block-section-top1 .box-section-top {
  position: relative;
  padding-right: 270px;
  padding-left: 234px;
}

@media (max-width: 1199px) {
  .block-section-top1 .box-section-top {
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .block-section-top1 .box-section-top {
    padding-left: 0;
  }
}

.block-section-top1 .banner-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 234px;
  padding: 0 12px;
  background-color: var(--theme-deafult);
  max-height: 453px;
  overflow: hidden;
}

.block-section-top1 .banner-slide a {
  display: block;
  position: relative;
  overflow: hidden;
}

.block-section-top1 .banner-slide a:before,
.block-section-top1 .banner-slide a:after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  border-style: solid;
  border-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}

.block-section-top1 .banner-slide a:before {
  border-width: 1px 0 1px 0;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  top: 10px;
  bottom: 10px;
}

.block-section-top1 .banner-slide a:after {
  border-width: 0px 1px 0px 1px;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  left: 10px;
  right: 10px;
}

.block-section-top1 .banner-slide a:hover:before,
.block-section-top1 .banner-slide a:hover:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-section-top1 .banner-slide a:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-section-top1 .banner-slide a img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-section-top1 .banner-slide a:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.block-section-top1 .banner-slide .box-img {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 197px;
  border-bottom: 1px dotted #fff;
}

.block-section-top1 .banner-slide .box-img:last-child {
  border-bottom: none;
}

@media (max-width: 991px) {
  .block-section-top1 .banner-slide {
    display: none;
  }
}

.block-section-top1 .block-nav-categori {
  float: none;
  position: absolute !important;
  top: 0;
  right: 0;
}

@media (max-width: 1199px) {
  .block-section-top1 .block-nav-categori {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

.block-section-top1 .block-nav-categori .block-title {
  display: none;
}

.block-section-top1 .block-nav-categori .block-content {
  padding-left: 20px;
}

.block-section-top1 .block-nav-categori .ui-categori {
  border-right: 1px solid #eeeeee;
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-top: 3px;
}

.block-section-top1 .block-nav-categori .ui-categori>li>a {
  line-height: 36px;
  padding-right: 20px;
  padding-left: 0;
}

.block-section-top1 .block-nav-categori .ui-categori>li>a .icon {
  width: 30px;
}

.block-section-top1 .block-nav-categori .ui-categori>li.parent>a:after {
  line-height: 36px;
  left: 10px;
  content: none;
}

.block-section-top1 .block-nav-categori .ui-categori .submenu {
  right: 270px;
  width: 900px;
  top: 0;
}

.block-section-top1 .block-nav-categori .view-all-categori .btn-view-all,
.block-section-top1 .block-nav-categori .view-all-categori a {
  background-color: #fff;
  border: 1px solid #eeeeee;
  color: var(--textColorDark);
  line-height: 40px;
  font-size: var(--fontSizeNormal);
  padding: 0 10px;
  text-align: center;
}

.block-section-top1 .block-nav-categori .view-all-categori .btn-view-all:after,
.block-section-top1 .block-nav-categori .view-all-categori a:after {
  float: none;
  margin-right: 20px;
  display: inline-block;
}

.block-section-top1 .block-nav-categori .view-all-categori .btn-view-all:hover,
.block-section-top1 .block-nav-categori .view-all-categori a:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.block-section-top1 .block-nav-categori .block-content {
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 270px;
}

.index-opt-1 {
  background-color: #fff;
}

.block-service-opt1 .item {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  margin-bottom: 30px;
  position: relative;
  padding-right: 100px;
  min-height: 85px;
}

.block-service-opt1 .item:hover .icon {
  -webkit-animation: bounce 0.7s ease-in-out 0.3s both;
  -o-animation: bounce 0.7s ease-in-out 0.3s both;
  animation: bounce 0.7s ease-in-out 0.3s both;
}

.block-service-opt1 .item:before,
.block-service-opt1 .item:after {
  content: "";
  display: table;
}

.block-service-opt1 .item:after {
  clear: both;
}

.block-service-opt1 .item .icon {
  width: 84px;
  text-align: center;
  line-height: 80px;
  height: 84px;
  background-color: var(--theme-deafult);
  border-radius: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.block-service-opt1 .item .icon img {
  display: inline;
}

.block-service-opt1 .item .title {
  display: block;
  color: var(--textColorDark);
  font-size: 1.3rem;
  text-transform: uppercase;
  margin-bottom: 2px;
  margin-top: 12px;
}

@media (max-width: 767px) {
  .block-service-opt1 .item {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

.block-service-opt1 {
  background-color: #ebebeb;
  padding: 52px 0 15px;
  margin-bottom: 25px;
  background-color: #f6f6f6;
  border: 1px solid #e1e1e1;
  padding-top: 20px;
  padding-bottom: 0;
}

.block-service-opt1 .item {
  font-size: var(--fontSizeNormal);
  border-left: 1px solid #e1e1e1;
  min-height: 40px;
  padding-right: 70px;
  margin-bottom: 20px;
  color: var(--textColorDark);
}

.block-service-opt1 .item .title {
  font-size: var(--fontSize_2);
  margin: 0;
}

.block-service-opt1 .item .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  right: 15px;
  background-color: transparent;
}

@media (max-width: 767px) {
  .block-service-opt1 .item {
    border-left: none;
  }
}

.block-service-opt1 .col-md-3:last-child .item {
  border-left: none;
}

@media (max-width: 991px) {
  .block-service-opt1 .col-md-3:nth-child(2n) .item {
    border-left: none;
  }
}

@media (max-width: 767px) {
  .block-service-opt1 {
    text-align: center;
  }

  .block-service-opt1 .row {
    display: inline-block;
    text-align: right;
  }
}

.tab-content,
.col-products {
  position: relative;
}

.tab-content>.tab-pane .product-item,
.col-products>.tab-pane .product-item {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.tab-content>.tab-pane.active .product-item,
.col-products>.tab-pane.active .product-item {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.tab-content>.tab-pane.active .product-item:nth-child(1),
.col-products>.tab-pane.active .product-item:nth-child(1) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.tab-content>.tab-pane.active .product-item:nth-child(2),
.col-products>.tab-pane.active .product-item:nth-child(2) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.tab-content>.tab-pane.active .product-item:nth-child(3),
.col-products>.tab-pane.active .product-item:nth-child(3) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.tab-content>.tab-pane.active .product-item:nth-child(4),
.col-products>.tab-pane.active .product-item:nth-child(4) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.tab-content>.tab-pane.active .product-item:nth-child(5),
.col-products>.tab-pane.active .product-item:nth-child(5) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.tab-content>.tab-pane.active .product-item:nth-child(6),
.col-products>.tab-pane.active .product-item:nth-child(6) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.tab-content>.tab-pane.active .product-item:nth-child(7),
.col-products>.tab-pane.active .product-item:nth-child(7) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.tab-content>.tab-pane.active .product-item:nth-child(8),
.col-products>.tab-pane.active .product-item:nth-child(8) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.tab-content>.tab-pane.active .product-item:nth-child(9),
.col-products>.tab-pane.active .product-item:nth-child(9) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.tab-content>.tab-pane.active .product-item:nth-child(10),
.col-products>.tab-pane.active .product-item:nth-child(10) {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
}

.tab-content>.tab-pane.active .owl-item.active:nth-child(1) .product-item,
.col-products>.tab-pane.active .owl-item.active:nth-child(1) .product-item {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.tab-content>.tab-pane.active .owl-item.active:nth-child(2) .product-item,
.col-products>.tab-pane.active .owl-item.active:nth-child(2) .product-item {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.tab-content>.tab-pane.active .owl-item.active:nth-child(3) .product-item,
.col-products>.tab-pane.active .owl-item.active:nth-child(3) .product-item {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.tab-content>.tab-pane.active .owl-item.active:nth-child(4) .product-item,
.col-products>.tab-pane.active .owl-item.active:nth-child(4) .product-item {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.tab-content>.tab-pane.active .owl-item.active:nth-child(5) .product-item,
.col-products>.tab-pane.active .owl-item.active:nth-child(5) .product-item {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.tab-content>.tab-pane.active .owl-item.active:nth-child(6) .product-item,
.col-products>.tab-pane.active .owl-item.active:nth-child(6) .product-item {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.tab-content>.tab-pane.active .owl-item.active:nth-child(7) .product-item,
.col-products>.tab-pane.active .owl-item.active:nth-child(7) .product-item {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.block-floor-products {
  margin-bottom: 40px;
}

.block-floor-products .block-content:before,
.block-floor-products .block-content:after {
  content: "";
  display: table;
}

.block-floor-products .block-content:after {
  clear: both;
}

.block-floor-products .col-banner {
  float: right;
  width: 20%;
}

.block-floor-products .col-banner .box-img {
  height: 350px;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .block-floor-products .col-banner {
    width: 25%;
  }
}

@media (max-width: 991px) {
  .block-floor-products .col-banner {
    display: none;
  }
}

.block-floor-products .col-products {
  width: 80%;
  float: right;
}

@media (max-width: 1199px) {
  .block-floor-products .col-products {
    width: 75%;
  }
}

@media (max-width: 991px) {
  .block-floor-products .col-products {
    width: 100%;
  }
}

.block-floor-products .col-banner {
  position: relative;
}

.block-floor-products .col-banner .img,
.block-floor-products .col-banner .box-img {
  display: block;
  position: relative;
  overflow: hidden;
}

.block-floor-products .col-banner .img img,
.block-floor-products .col-banner .box-img img {
  width: 100%;
  display: block;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-floor-products .col-banner .label-featured {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 50;
}

.block-floor-products .col-banner .label-featured img {
  height: 75px;
  object-fit: cover;
  width: auto;
}

.block-floor-products .block-banner-floor:before,
.block-floor-products .block-banner-floor:after {
  content: "";
  display: table;
}

.block-floor-products .block-banner-floor:after {
  clear: both;
}

.block-floor-products .block-banner-floor .col-sm-6 {
  padding: 0;
}

.block-floor-products-opt1 {
  margin-bottom: 30px;
}

.block-floor-products-opt1 .block-title {
  background-color: #fff;
  margin-bottom: 0px;
  padding-left: 50px;
  position: relative;
  background-position: top 15px left 43px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index1/actions-floor.png);
  border-bottom: 3px solid var(--theme-deafult);
}

.floor-products1.block-floor-products-opt1 .block-title {
  border-bottom-color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt1 .block-title {
  border-bottom-color: #339966;
}

.floor-products3.block-floor-products-opt1 .block-title {
  border-bottom-color: #ff6633;
}

.floor-products4.block-floor-products-opt1 .block-title {
  border-bottom-color: #3366cc;
}

.floor-products5.block-floor-products-opt1 .block-title {
  border-bottom-color: #669900;
}

.floor-products6.block-floor-products-opt1 .block-title {
  border-bottom-color: #6c6856;
}

.floor-products7.block-floor-products-opt1 .block-title {
  border-bottom-color: #ff6634;
}

.floor-products8.block-floor-products-opt1 .block-title {
  border-bottom-color: #1946bb;
}

.floor-products9.block-floor-products-opt1 .block-title {
  border-bottom-color: #00c0e3;
}

.floor-products10.block-floor-products-opt1 .block-title {
  border-bottom-color: #71cf2c;
}

.floor-products11.block-floor-products-opt1 .block-title {
  border-bottom-color: #9b26af;
}

.block-floor-products-opt1 .block-title:before,
.block-floor-products-opt1 .block-title:after {
  content: "";
  display: table;
}

.block-floor-products-opt1 .block-title:after {
  clear: both;
}

.block-floor-products-opt1 .block-title .title {
  font-size: var(--fontSize_2);
  color: var(--textColorLight);
  text-transform: uppercase;
  padding-right: 15px;
  padding-left: 12px;
  display: block;
  line-height: 50px;
  float: right;
  background-color: #000;
  min-width: 235px;
}

.block-floor-products-opt1 .block-title .title img {
  margin-left: 13px;
  vertical-align: middle;
  height: 30px;
  object-fit: contain;
}

.block-floor-products-opt1 .block-title .links {
  float: right;
}

.block-floor-products-opt1 .block-title .links:before,
.block-floor-products-opt1 .block-title .links:after {
  content: "";
  display: table;
}

.block-floor-products-opt1 .block-title .links:after {
  clear: both;
}

.block-floor-products-opt1 .block-title .links .dropdown-toggle {
  width: 40px;
  border: none;
  background-color: transparent;
  padding: 0;
  height: 50px;
  font-size: var(--fontSize_2);
  display: none;
}

@media (min-width: 992px) {
  .block-floor-products-opt1 .block-title .links .dropdown-menu {
    position: static;
    display: block;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
  }
}

.block-floor-products-opt1 .block-title .links li {
  float: right;
}

.block-floor-products-opt1 .block-title .links li a {
  color: var(--textColorDark);
}

.block-floor-products-opt1 .block-title .links li.active>a {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  z-index: 5;
}

.block-floor-products-opt1 .block-title .links li.active>a:before {
  content: none;
}

.floor-products1.block-floor-products-opt1 .block-title .links li.active>a {
  background-color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt1 .block-title .links li.active>a {
  background-color: #339966;
}

.floor-products3.block-floor-products-opt1 .block-title .links li.active>a {
  background-color: #ff6633;
}

.floor-products4.block-floor-products-opt1 .block-title .links li.active>a {
  background-color: #3366cc;
}

.floor-products5.block-floor-products-opt1 .block-title .links li.active>a {
  background-color: #669900;
}

.floor-products6.block-floor-products-opt1 .block-title .links li.active>a {
  background-color: #6c6856;
}

.floor-products7.block-floor-products-opt1 .block-title .links li.active>a {
  background-color: #ff6634;
}

.floor-products8.block-floor-products-opt1 .block-title .links li.active>a {
  background-color: #1946bb;
}

.floor-products9.block-floor-products-opt1 .block-title .links li.active>a {
  background-color: #00c0e3;
}

.floor-products10.block-floor-products-opt1 .block-title .links li.active>a {
  background-color: #71cf2c;
}

.floor-products11.block-floor-products-opt1 .block-title .links li.active>a {
  background-color: #9b26af;
}

.block-floor-products-opt1 .block-title .links li:last-child>a:before {
  content: none;
}

.block-floor-products-opt1 .block-title .links a {
  display: block;
  line-height: 50px;
  color: var(--textColorDark);
  text-transform: capitalize;
  font-size: var(--fontSizeNormal);
  padding: 0 20px;
  position: relative;
}

.block-floor-products-opt1 .block-title .links a:hover {
  color: var(--theme-deafult);
  background-color: transparent;
}

.block-floor-products-opt1 .block-title .links a:before {
  content: "";
  height: 22px;
  width: 1px;
  background-color: #dbdbdb;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: -1px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .block-floor-products-opt1 .block-title .links a {
    padding: 0 12px;
  }
}

.block-floor-products-opt1 .block-title .links .label-cat {
  position: absolute;
  top: -6px;
  left: 0;
  line-height: 18px;
  color: var(--textColorLight);
  background-color: #009966;
  display: block;
  border-radius: 30px;
  width: 32px;
  font-size: 12px;
  text-align: center;
}

.block-floor-products-opt1 .block-title .links .label-cat:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 4px 0;
  border-color: transparent #009966 transparent transparent;
  position: absolute;
  bottom: -4px;
  right: 10px;
}

.block-floor-products-opt1 .block-title .actions {
  position: absolute;
  left: 18px;
  top: 4px;
}

.block-floor-products-opt1 .block-title .actions .action {
  width: 22px;
  text-align: center;
  line-height: 20px;
  display: block;
  cursor: pointer;
  color: #cccccc;
  font-size: var(--fontSize_2);
}

.block-floor-products-opt1 .block-title .actions .action:hover {
  color: #999999;
}

@media (max-width: 991px) {
  .block-floor-products-opt1 .block-title {
    padding-left: 0;
    background-position: top 15px left 80px;
  }

  .block-floor-products-opt1 .block-title .links {
    float: left;
  }

  .block-floor-products-opt4 .block-title.block-floor-products-opt1 .block-title .links {
    float: left;
    clear: none;
  }

  .block-floor-products-opt1 .block-title .links .dropdown-toggle {
    display: block;
  }

  .block-floor-products-opt1 .block-title .links .dropdown-toggle::after {
    display: none;
  }

  .block-floor-products-opt1 .block-title .links .dropdown-menu {
    right: auto;
    left: 0;
    width: 300px;
    margin: 0;
    padding: 0;
  }

  .block-floor-products-opt1 .block-title .links .dropdown-menu li {
    float: none;
    display: block;
    z-index: 30;
  }

  .block-floor-products-opt1 .block-title .links .dropdown-menu li a {
    z-index: 40;
    border-bottom: 1px solid #dedede;
  }

  .block-floor-products-opt1 .block-title .links .dropdown-menu li:last-child a {
    border-bottom: none;
  }

  .block-floor-products-opt1 .block-title .actions {
    left: 48px;
  }
}

@media (max-width: 479px) {
  .block-floor-products-opt1 .block-title {
    padding-left: 0;
    background-position: top 65px left 40px;
  }

  .block-floor-products-opt1 .block-title .title {
    display: block;
    width: 100%;
  }

  .block-floor-products-opt1 .block-title .links {
    float: right;
    position: static;
  }

  .block-floor-products-opt4 .block-title.block-floor-products-opt1 .block-title .links {
    float: right;
    clear: none;
  }

  .block-floor-products-opt1 .block-title .links .dropdown-menu {
    right: 0;
    width: auto;
    left: 0;
  }

  .block-floor-products-opt1 .block-title .actions {
    top: 55px;
    left: 10px;
  }
}

.block-floor-products-opt1 .block-banner-floor {
  margin-bottom: 10px;
}

.block-floor-products-opt1 .block-banner-floor .box-img {
  display: block;
  position: relative;
  overflow: hidden;
}

.block-floor-products-opt1 .block-banner-floor .box-img:before {
  background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px);
  -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px);
  -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, 100%, 0px);
  visibility: hidden;
  width: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.block-floor-products-opt1 .block-banner-floor .box-img:hover:before {
  opacity: 1;
  visibility: initial;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px);
  -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px);
  -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0px, -100%, 0px);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.block-floor-products-opt1 .block-banner-floor img {
  display: block;
  width: 100%;
  height: 65px;
  object-fit: cover;
}

.block-floor-products-opt1 .col-banner .box-img {
  display: block;
  position: relative;
  overflow: hidden;
}

.block-floor-products-opt1 .col-banner .box-img:before,
.block-floor-products-opt1 .col-banner .box-img:after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  border-style: solid;
  border-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}

.block-floor-products-opt1 .col-banner .box-img:before {
  border-width: 1px 0 1px 0;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  top: 10px;
  bottom: 10px;
}

.block-floor-products-opt1 .col-banner .box-img:after {
  border-width: 0px 1px 0px 1px;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  left: 10px;
  right: 10px;
}

.block-floor-products-opt1 .col-banner .box-img:hover:before,
.block-floor-products-opt1 .col-banner .box-img:hover:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-floor-products-opt1 .col-banner .box-img:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-floor-products-opt1 .col-banner .box-img img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-floor-products-opt1 .col-products:hover .owl-nav .owl-next,
.block-floor-products-opt1 .col-products:hover .owl-nav .owl-prev {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-floor-products-opt1 .col-products:hover .owl-nav .owl-prev {
  left: 0px;
}

.block-floor-products-opt1 .col-products:hover .owl-nav .owl-next {
  right: 0px;
}

.block-floor-products-opt1 .col-products .owl-nav .owl-next,
.block-floor-products-opt1 .col-products .owl-nav .owl-prev {
  width: 32px;
  line-height: 50px;
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  opacity: 0;
}

.block-floor-products-opt1 .col-products .owl-nav .owl-next:hover,
.block-floor-products-opt1 .col-products .owl-nav .owl-prev:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.block-floor-products-opt1 .col-products .owl-nav .owl-next:before,
.block-floor-products-opt1 .col-products .owl-nav .owl-prev:before {
  content: "";
  font-family: 'FontAwesome';
}

.block-floor-products-opt1 .col-products .owl-nav .owl-prev {
  left: 25px;
}

.block-floor-products-opt1 .col-products .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-floor-products-opt1 .col-products .owl-nav .owl-next {
  right: 25px;
}

.block-floor-products-opt1 .col-products .owl-nav .owl-next:before {
  content: "\f105";
}

.block-floor-products-opt1 .product-item {
  border-right: 1px solid #eeeeee;
}

.block-floor-products-opt1 .product-item .product-item-photo {
  padding: 0;
  padding-top: 13px;
}

.block-floor-products-opt1 .product-item .product-item-img {
  height: 266px;
  display: block;
}

.block-floor-products-opt1 .product-item .product-item-img img {
  max-height: 100%;
  display: block;
}

.block-floor-products-opt1 .product-item .product-item-name {
  margin-bottom: 6px;
}

.block-floor-products-opt1 .product-item .product-item-detail {
  padding-bottom: 0;
}

.floor-products1.block-floor-products-opt1 .product-item .product-item-info .btn-cart:hover {
  background-color: var(--theme-deafult);
}

.floor-products1.block-floor-products-opt1 .product-item .product-item-info .product-item-actions .btn:hover {
  background-color: var(--theme-deafult);
}

.floor-products1.block-floor-products-opt1 .col-products .owl-nav .owl-next:hover,
.floor-products1.block-floor-products-opt1 .col-products .owl-nav .owl-prev:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt1 .product-item .product-item-info .btn-cart:hover {
  background-color: #339966;
}

.floor-products2.block-floor-products-opt1 .product-item .product-item-info .product-item-actions .btn:hover {
  background-color: #339966;
}

.floor-products2.block-floor-products-opt1 .col-products .owl-nav .owl-next:hover,
.floor-products2.block-floor-products-opt1 .col-products .owl-nav .owl-prev:hover {
  background-color: #339966;
  border-color: #339966;
}

.floor-products3.block-floor-products-opt1 .product-item .product-item-info .btn-cart:hover {
  background-color: #ff6633;
}

.floor-products3.block-floor-products-opt1 .product-item .product-item-info .product-item-actions .btn:hover {
  background-color: #ff6633;
}

.floor-products3.block-floor-products-opt1 .col-products .owl-nav .owl-next:hover,
.floor-products3.block-floor-products-opt1 .col-products .owl-nav .owl-prev:hover {
  background-color: #ff6633;
  border-color: #ff6633;
}

.floor-products4.block-floor-products-opt1 .product-item .product-item-info .btn-cart:hover {
  background-color: #3366cc;
}

.floor-products4.block-floor-products-opt1 .product-item .product-item-info .product-item-actions .btn:hover {
  background-color: #3366cc;
}

.floor-products4.block-floor-products-opt1 .col-products .owl-nav .owl-next:hover,
.floor-products4.block-floor-products-opt1 .col-products .owl-nav .owl-prev:hover {
  background-color: #3366cc;
  border-color: #3366cc;
}

.floor-products5.block-floor-products-opt1 .product-item .product-item-info .btn-cart:hover {
  background-color: #669900;
}

.floor-products5.block-floor-products-opt1 .product-item .product-item-info .product-item-actions .btn:hover {
  background-color: #669900;
}

.floor-products5.block-floor-products-opt1 .col-products .owl-nav .owl-next:hover,
.floor-products5.block-floor-products-opt1 .col-products .owl-nav .owl-prev:hover {
  background-color: #669900;
  border-color: #669900;
}

.floor-products6.block-floor-products-opt1 .product-item .product-item-info .btn-cart:hover {
  background-color: #6c6856;
}

.floor-products6.block-floor-products-opt1 .product-item .product-item-info .product-item-actions .btn:hover {
  background-color: #6c6856;
}

.floor-products6.block-floor-products-opt1 .col-products .owl-nav .owl-next:hover,
.floor-products6.block-floor-products-opt1 .col-products .owl-nav .owl-prev:hover {
  background-color: #6c6856;
  border-color: #6c6856;
}

.block-tab-products-opt1 {
  margin-bottom: 17px;
  padding-top: 15px;
}

.block-tab-products-opt1 .block-title {
  margin-bottom: 30px;
}

@media (max-width: 479px) {
  .block-tab-products-opt1 .block-title {
    margin-bottom: 35px;
  }
}

.block-tab-products-opt1 .nav {
  border-bottom: 1px solid #eeeeee;
  padding-left: 56px;
}

.block-tab-products-opt1 .nav>li {
  float: right;
  margin-left: 3px;
}

.block-tab-products-opt1 .nav>li>a {
  display: block;
  text-transform: uppercase;
  line-height: 38px;
  color: #999;
  margin-bottom: -1px;
  border-bottom: 3px solid #ccc;
  padding: 0 12px;
  font-size: 16px;
}

.block-tab-products-opt1 .nav>li>a:hover,
.block-tab-products-opt1 .nav>li>a:focus {
  background-color: transparent;
  color: var(--textColorDark);
}

.block-tab-products-opt1 .nav>li.active>a {
  color: var(--textColorDark);
  border-bottom: 3px solid var(--theme-deafult);
}

.block-tab-products-opt1 .nav>li.active>a:hover,
.block-tab-products-opt1 .nav>li.active>a:focus {
  background-color: transparent;
  color: var(--textColorDark);
}

@media (max-width: 600px) {
  .block-tab-products-opt1 .nav>li>a {
    padding: 0 10px;
  }
}

@media (max-width: 479px) {
  .block-tab-products-opt1 .nav {
    padding-left: 0;
  }

  .block-tab-products-opt1 .nav>li {
    width: 100%;
    display: block;
    margin-left: 0;
  }
}

.block-tab-products-opt1 .owl-nav {
  position: absolute;
  top: -64px;
  left: 0;
}

.block-tab-products-opt1 .owl-nav:before,
.block-tab-products-opt1 .owl-nav:after {
  content: "";
  display: table;
}

.block-tab-products-opt1 .owl-nav:after {
  clear: both;
}

@media (max-width: 479px) {
  .block-tab-products-opt1 .owl-nav {
    top: -30px;
  }
}

.block-tab-products-opt1 .owl-nav .owl-prev,
.block-tab-products-opt1 .owl-nav .owl-next {
  text-align: center;
  display: block;
  float: left;
  margin-right: 5px;
  width: 24px;
  line-height: 24px;
  background-color: #eeeeee;
  color: #cccccc;
}

.block-tab-products-opt1 .owl-nav .owl-prev:hover,
.block-tab-products-opt1 .owl-nav .owl-next:hover {
  background-color: #999999;
  color: #ffffff;
}

.block-tab-products-opt1 .owl-nav .owl-prev:before,
.block-tab-products-opt1 .owl-nav .owl-next:before {
  content: "";
  font-family: "FontAwesome";
}

.block-tab-products-opt1 .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-tab-products-opt1 .owl-nav .owl-next:before {
  content: "\f105";
}

.block-tab-products-opt1 .product-item .product-item-photo {
  padding: 0;
}

.block-tab-products-opt1 .product-item .product-item-name {
  margin-bottom: 7px;
}

.block-tab-products-opt1 .product-item .product-item-detail {
  padding-right: 20px;
}

.block-showcase {
  margin-bottom: 28px;
}

.block-showcase .block-title {
  margin-bottom: 0;
}

.block-showcase .col-title {
  padding-right: 30px;
  padding-left: 30px;
}

@media (max-width: 991px) {
  .block-showcase .col-title {
    margin-bottom: 60px;
  }
}

.block-showcase .col-title .logo-showcase {
  margin-bottom: 15px;
  padding-top: 15px;
  height: 200px;
  object-fit: scale-down;
}

.block-showcase .col-title .des {
  border-top: 1px dotted #ccc;
  padding-top: 15px;
  padding-bottom: 32px;
}

.block-showcase .col-title .actions {
  border-top: 1px dotted #ccc;
  padding-top: 23px;
}

.block-showcase .col-title .btn {
  text-transform: uppercase;
  line-height: 28px;
  padding-right: 20px;
  padding-left: 10px;
  font-size: 12px;
  border-color: #cccccc;
  color: #333;
}

.block-showcase .col-title .btn i {
  margin-right: 15px;
}

.block-showcase .col-title .btn:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.block-showcase .block-content {
  border: 1px solid #eeeeee;
  border-top: none;
  padding: 22px 0;
}

.block-showcase .owl-nav {
  position: absolute;
  top: -55px;
  left: 0;
}

.block-showcase .owl-nav:before,
.block-showcase .owl-nav:after {
  content: "";
  display: table;
}

.block-showcase .owl-nav:after {
  clear: both;
}

@media (max-width: 991px) {
  .block-showcase .owl-nav {
    left: 15px;
  }
}

.block-showcase .owl-nav .owl-prev,
.block-showcase .owl-nav .owl-next {
  text-align: center;
  display: block;
  float: left;
  margin-right: 5px;
  width: 24px;
  line-height: 24px;
  background-color: #d9d9d9;
  color: #b5b5b5;
}

.block-showcase .owl-nav .owl-prev:hover,
.block-showcase .owl-nav .owl-next:hover {
  background-color: #999999;
  color: var(--textColorLight);
}

.block-showcase .owl-nav .owl-prev:before,
.block-showcase .owl-nav .owl-next:before {
  content: "";
  font-family: "FontAwesome";
}

.block-showcase .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-showcase .owl-nav .owl-next:before {
  content: "\f105";
}

.block-showcase .product-item {
  margin-bottom: 10px;
}

.block-showcase .product-item:last-child {
  margin-bottom: 0;
}

.block-showcase .product-item .product-item-info:before,
.block-showcase .product-item .product-item-info:after {
  content: "";
  display: table;
}

.block-showcase .product-item .product-item-info:after {
  clear: both;
}

.block-showcase .product-item .product-item-photo {
  float: right;
  padding: 0;
}

.block-showcase .product-item .product-item-detail {
  overflow: hidden;
  padding-right: 20px;
  padding-left: 5px;
}

.block-showcase .product-item .product-item-price,
.block-showcase .product-item .product-reviews-summary {
  float: none;
  width: 100%;
}

.block-showcase .product-item .product-item-price {
  margin-bottom: 8px;
}

.block-showcase .product-item .product-item-name {
  white-space: normal;
  margin-bottom: 13px;
}

.block-showcase-opt1 .block-title {
  margin-bottom: 0;
  border-bottom: 3px solid var(--theme-deafult);
}

.block-showcase-opt1 .block-title .title {
  line-height: 30px;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 12px 0 24px;
  font-size: 16px;
}

.block-showcase-opt1 .block-content {
  padding-top: 0;
  border: 1px solid #eeeeee;
}

.block-showcase-opt1 .block-content .tab-content {
  padding-top: 22px;
  border-top: none;
}

.block-showcase-opt1 .block-content .tab-content .owl-nav {
  display: none;
}

.block-showcase-opt1 .nav-brand {
  background-color: #fff;
}

.block-showcase-opt1 .nav-brand li {
  text-align: center;
  padding: 10px;
  cursor: pointer;
  background-color: #eeeeee;
}

.block-showcase-opt1 .nav-brand li.active {
  background-color: #fff;
}

.block-showcase-opt1 .nav-brand .owl-nav {
  top: -32px;
}

.qc-top-site {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

.qc-top-site.close-bn {
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.qc-top-site1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 150px;
  padding: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}

.qc-top-site1:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 10;
}

.qc-top-site1 .container {
  position: relative;
  z-index: 20;
}

.qc-top-site1 .close {
  background-color: #2b2a2c;
  width: 24px;
  height: 24px;
  border: none;
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index1/close-top.png);
  position: absolute;
  top: 0;
  right: 15px;
  opacity: 0.5;
  z-index: 30;
}

.cms-rtl .qc-top-site1 .close {
  left: 15px;
  right: auto;
}

.qc-top-site1 .close span {
  display: none;
}

.qc-top-site1 .close:hover {
  background-color: var(--theme-deafult);
}

.qc-top-site1 .description {
  max-width: 640px;
  padding-top: 33px;
  padding-bottom: 10px;
  text-align: center;
  margin: auto;
}

.qc-top-site1 .description .title {
  display: block;
  text-transform: capitalize;
  font-size: 44px;
  color: var(--theme-deafult);
  line-height: 1;
  margin-bottom: 0px;
}

@media (max-width: 600px) {
  .qc-top-site1 .description .title {
    font-size: 2rem;
  }
}

.qc-top-site1 .description .subtitle {
  text-transform: none;
  color: var(--textColorLight);
  font-size: 1.5rem;
  display: block;
}

.qc-top-site1 .description .des {
  color: #999999;
  display: block;
  font-size: var(--fontSizeNormal);
}

.qc-top-site1 .description .btn {
  line-height: 28px;
  display: inline-block;
  padding: 0 9px;
  background-color: #fe5654;
  color: var(--textColorLight);
  text-transform: uppercase;
  font-size: var(--fontSizeNormal);
  margin-top: 7px;
}

.qc-top-site1 .description .btn:hover,
.qc-top-site1 .description .btn:focus {
  background-color: var(--theme-deafult);
}

.block-deals-of-opt1 {
  background-color: transparent;
  margin-bottom: 27px;
  padding-top: 7px;
}

.block-deals-of-opt1 .block-title {
  padding: 0;
}

.block-deals-of-opt1 .block-title .heading-title {
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  text-transform: uppercase;
  color: var(--textColorDark);
  font-size: var(--fontSize_2);
  line-height: 43px;
}

.block-deals-of-opt1 .block-title .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index1/icon-deals-of.png);
  width: 44px;
  height: 44px;
  display: inline-block;
  vertical-align: bottom;
  background-color: var(--theme-deafult);
  position: relative;
  margin-left: 4px;
}

.block-deals-of-opt1 .block-title .icon:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22px 7px 22px;
  border-color: transparent transparent var(--theme-deafult) transparent;
  content: "";
  position: absolute;
  top: -7px;
  right: 0;
}

.block-deals-of-opt1 .block-content {
  border: 3px solid var(--theme-deafult);
  background-color: var(--textColorLight);
}

.block-deals-of-opt1 .deals-of-countdown {
  margin: 0;
  padding-top: 25px;
  text-align: center;
}

.block-deals-of-opt1 .deals-of-countdown:before,
.block-deals-of-opt1 .deals-of-countdown:after {
  content: "";
  display: table;
}

.block-deals-of-opt1 .deals-of-countdown:after {
  clear: both;
}

.block-deals-of-opt1 .count-down-time {
  position: relative;
  display: inline-block;
}

.block-deals-of-opt1 .count-down-time:before,
.block-deals-of-opt1 .count-down-time:after {
  content: "";
  display: table;
}

.block-deals-of-opt1 .count-down-time:after {
  clear: both;
}

.block-deals-of-opt1 .count-down-time .box-count {
  float: right;
  margin-left: 10px;
  text-align: center;
  position: relative;
}

.block-deals-of-opt1 .count-down-time .box-count:after {
  content: ":";
  position: absolute;
  line-height: 24px;
  top: 0;
  left: -8px;
  font-size: 18px;
}

.block-deals-of-opt1 .count-down-time .box-count:last-child {
  margin-left: 0;
}

.block-deals-of-opt1 .count-down-time .box-count:last-child:after {
  content: none;
}

.block-deals-of-opt1 .count-down-time .box-count .number {
  width: 50px;
  height: 24px;
  line-height: 24px;
  display: block;
  font-size: 16px;
  background-color: transparent;
  color: var(--textColorLight);
  position: relative;
  text-align: center;
  text-indent: -11px;
}

.block-deals-of-opt1 .count-down-time .box-count .number:before,
.block-deals-of-opt1 .count-down-time .box-count .number:after {
  content: "";
  height: 24px;
  width: 24px;
  background-color: #999999;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.block-deals-of-opt1 .count-down-time .box-count .number:after {
  right: auto;
  left: 0;
}

.block-deals-of-opt1 .count-down-time .box-count .text {
  display: none;
}

.block-deals-of-opt1 .count-down-time .box-days {
  display: none;
}

.block-deals-of-opt1 .product-item .product-item-photo {
  padding: 20px 15px 0;
}

.block-deals-of-opt1 .product-item .product-item-name {
  margin-top: 0;
  margin-bottom: 8px;
}

.block-deals-of-opt1 .product-item .product-item-detail {
  padding-right: 38px;
  min-height: 80px;
}

.block-deals-of-opt1 .product-item .product-item-price {
  width: 100%;
}

.block-deals-of-opt1 .owl-nav:before,
.block-deals-of-opt1 .owl-nav:after {
  content: "";
  display: table;
}

.block-deals-of-opt1 .owl-nav:after {
  clear: both;
}

.block-deals-of-opt1 .owl-nav .owl-prev,
.block-deals-of-opt1 .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  text-align: center;
  display: block;
  float: left;
  width: 24px;
  line-height: 24px;
  background-color: #eeeeee;
  color: #cccccc;
  opacity: 0;
  visibility: hidden;
}

.block-deals-of-opt1 .owl-nav .owl-prev:hover,
.block-deals-of-opt1 .owl-nav .owl-next:hover {
  background-color: #999999;
  color: var(--textColorLight);
}

.block-deals-of-opt1 .owl-nav .owl-prev:before,
.block-deals-of-opt1 .owl-nav .owl-next:before {
  content: "";
  font-family: "FontAwesome";
}

.block-deals-of-opt1 .owl-nav .owl-prev {
  left: 0;
}

.block-deals-of-opt1 .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-deals-of-opt1 .owl-nav .owl-next {
  right: 0;
}

.block-deals-of-opt1 .owl-nav .owl-next:before {
  content: "\f105";
}

.block-deals-of-opt1 .owl-carousel:hover .owl-prev,
.block-deals-of-opt1 .owl-carousel:hover .owl-next {
  opacity: 1;
  visibility: visible;
}

.block-hot-categories-opt1 {
  margin-bottom: 10px;
}

.block-hot-categories-opt1 .block-title {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
}

.block-hot-categories-opt1 .block-title .title {
  line-height: 30px;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 24px 0 12px;
  border-bottom: 3px solid var(--theme-deafult);
  font-size: 16px;
}

@media (max-width: 991px) {
  .block-hot-categories-opt1 .col-sm-6 {
    float: right;
    width: 50%;
  }

  .block-hot-categories-opt1 .col-sm-6:nth-child(2n+1) {
    clear: both;
  }
}

@media (max-width: 639px) {
  .block-hot-categories-opt1 .col-sm-6 {
    width: 100%;
  }
}

.block-hot-categories-opt1 .item {
  margin-bottom: 30px;
}

.block-hot-categories-opt1 .item li {
  display: block;
}

.block-hot-categories-opt1 .item li>a {
  display: block;
  position: relative;
  padding: 0 12px;
  padding-right: 26px;
  line-height: 20px;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .block-hot-categories-opt1 .item li>a {
    font-size: var(--fontSizeNormal);
  }
}

.block-hot-categories-opt1 .item li>a:hover {
  color: var(--theme-deafult);
}

.block-hot-categories-opt1 .item li>a:hover:after {
  color: var(--theme-deafult);
}

.block-hot-categories-opt1 .item li>a:after {
  content: "\f104";
  font-family: "FontAwesome";
  position: absolute;
  top: 0px;
  right: 10px;
  color: #cccccc;
}

.block-hot-categories-opt1 .item .description {
  margin-bottom: 5px;
  background-position: center left 20px;
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  min-height: 110px;
  padding-right: 24px;
  background-size: 100px auto;
  transform: scale(1);
  transition: 1s;
}

.block-hot-categories-opt1 .item .description:hover {
  transform: scale(1.1);
}

.block-hot-categories-opt1 .item .description .title {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  display: table;
  height: 73px;
}

.block-hot-categories-opt1 .item .description .title>span {
  display: table-cell;
  vertical-align: middle;
  font-weight: 600;
}

.block-hot-categories-opt1 .item .description .btn {
  line-height: 19px;
  height: 20px;
  padding: 0 7px;
  color: #fff;
  background-color: #999999;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  border: none;
}

.block-hot-categories-opt1 .item .description .btn:after {
  content: "\f0d9";
  font-family: "FontAwesome";
  margin-right: 5px;
  font-size: 11px;
  display: inline-block;
}

.block-hot-categories-opt1 .item .description .btn:hover {
  background-color: var(--theme-deafult);
}

.block-banner-opt1 .box-img {
  display: block;
  margin-bottom: 38px;
}

.block-banner-opt1 .box-img img {
  display: block;
  width: 100%;
}

.block-section-top2 {
  position: relative;
  margin-bottom: 26px;
  background-color: #fff;
}

.block-section-top2 .box-section-top {
  position: relative;
  padding-right: 270px;
}

@media (max-width: 1199px) {
  .block-section-top2 .box-section-top {
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .block-section-top2 .box-section-top {
    padding-left: 0;
  }
}

.block-section-top2 .block-nav-categori {
  float: none;
  position: absolute !important;
  top: 0;
  right: 0;
}

@media (max-width: 1199px) {
  .block-section-top2 .block-nav-categori {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

.block-section-top2 .block-nav-categori .block-title {
  display: none;
}

.block-section-top2 .block-nav-categori .ui-categori {
  padding-bottom: 3px;
  padding-top: 10px;
}

.block-section-top2 .block-nav-categori .ui-categori>li {
  padding-left: 20px;
  padding-right: 20px;
}

.block-section-top2 .block-nav-categori .ui-categori>li>a {
  line-height: 35px;
  border-top: 1px dotted #ccc;
  padding: 0;
  padding-left: 20px;
}

.block-section-top2 .block-nav-categori .ui-categori>li>a .icon {
  width: 26px;
  text-align: center;
  margin-left: 2px;
  vertical-align: baseline;
}

.block-section-top2 .block-nav-categori .ui-categori>li:first-child>a {
  border-top: none;
}

.block-section-top2 .block-nav-categori .ui-categori>li.parent>a:after {
  line-height: 36px;
}

.block-section-top2 .block-nav-categori .ui-categori .submenu {
  right: 270px;
  width: 900px;
}

@media (max-width: 1199px) {
  .block-section-top2 .block-nav-categori .ui-categori .submenu {
    width: 670px;
  }
}

.block-section-top2 .block-nav-categori .view-all-categori .btn-view-all,
.block-section-top2 .block-nav-categori .view-all-categori a {
  background-color: #fff;
  color: #53524e;
  border-top: 1px solid #eeeeee;
  font-size: var(--fontSizeNormal);
  line-height: 40px;
}

.block-section-top2 .block-nav-categori .view-all-categori .btn-view-all:after,
.block-section-top2 .block-nav-categori .view-all-categori a:after {
  content: "\f101";
  float: none;
  vertical-align: top;
  display: inline-block;
  margin-right: 14px;
}

.block-section-top2 .block-nav-categori .view-all-categori .btn-view-all:hover,
.block-section-top2 .block-nav-categori .view-all-categori a:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.block-section-top2 .block-nav-categori .block-content {
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 270px;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.block-deals-of-opt2 {
  margin-bottom: 30px;
}

.block-deals-of-opt2 .block-title {
  padding-bottom: 0px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding-left: 80px;
}

.block-deals-of-opt2 .block-title:before,
.block-deals-of-opt2 .block-title:after {
  content: "";
  display: table;
}

.block-deals-of-opt2 .block-title:after {
  clear: both;
}

.block-deals-of-opt2 .block-title>.title {
  float: right;
  color: #333333;
  display: block;
  font-size: 16px;
  line-height: 34px;
  padding: 0px 10px;
  text-transform: uppercase;
  border-bottom: 3px solid var(--theme-deafult);
  margin-bottom: -1px;
  padding-top: 4px;
}

@media (max-width: 479px) {
  .block-deals-of-opt2 .block-title {
    margin-bottom: 45px;
  }
}

.block-deals-of-opt2 .deals-of-countdown {
  float: left;
  margin-bottom: 10px;
}

.block-deals-of-opt2 .deals-of-countdown .title {
  font-size: var(--fontSizeNormal);
  text-transform: uppercase;
  color: #53524e;
  padding-right: 34px;
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index5/icon-deals-of.png);
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}

.block-deals-of-opt2 .count-down-time {
  display: inline-block;
  vertical-align: middle;
}

.block-deals-of-opt2 .count-down-time:before,
.block-deals-of-opt2 .count-down-time:after {
  content: "";
  display: table;
}

.block-deals-of-opt2 .count-down-time:after {
  clear: both;
}

.block-deals-of-opt2 .count-down-time .box-count {
  float: right;
  margin-left: 10px;
  text-align: center;
  line-height: 28px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  font-size: var(--fontSizeNormal);
  color: #05113b;
  padding: 0 7px;
  position: relative;
}

.block-deals-of-opt2 .count-down-time .box-count:after {
  content: ":";
  position: absolute;
  top: 0;
  left: -7px;
}

.block-deals-of-opt2 .count-down-time .box-count:last-child {
  margin-left: 0;
}

.block-deals-of-opt2 .count-down-time .box-count:last-child:after {
  content: none;
}

.block-deals-of-opt2 .count-down-time .box-count .number {
  width: auto;
  height: auto;
  line-height: 1;
  display: inline-block;
  font-size: var(--fontSizeNormal);
  background-color: transparent;
  color: var(--theme-deafult);
  margin-left: 4px;
}

.block-deals-of-opt2 .count-down-time .box-count .text {
  display: inline-block;
  font-size: var(--fontSizeNormal);
  color: var(--theme-deafult);
  line-height: 1;
}

@media (max-width: 479px) {
  .block-deals-of-opt2 .count-down-time .box-count {
    padding: 0 3px;
    margin-top: 5px;
  }
}

.block-deals-of-opt2 .owl-nav {
  position: absolute;
  left: 0;
  top: -56px;
}

@media (max-width: 479px) {
  .block-deals-of-opt2 .owl-nav {
    top: -35px;
  }
}

.block-deals-of-opt2 .owl-nav .owl-prev,
.block-deals-of-opt2 .owl-nav .owl-next {
  width: 24px;
  line-height: 24px;
  text-align: center;
  display: block;
  margin-right: 5px;
  float: left;
  color: var(--textColorLight);
  font-size: 16px;
  background-color: #a3a3a3;
}

.block-deals-of-opt2 .owl-nav .owl-prev:before,
.block-deals-of-opt2 .owl-nav .owl-next:before {
  content: "";
  font-family: "FontAwesome";
}

.block-deals-of-opt2 .owl-nav .owl-prev:hover,
.block-deals-of-opt2 .owl-nav .owl-next:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.block-deals-of-opt2 .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-deals-of-opt2 .owl-nav .owl-next:before {
  content: "\f105";
}

.block-deals-of-opt2 .product-item {
  border: 1px solid #eeeeee;
}

.block-deals-of-opt2 .product-item:hover {
  border: 1px solid #f96e12;
}

.block-deals-of-opt2 .product-item .product-item-photo {
  padding: 9px;
}

.block-deals-of-opt2 .product-item .product-item-img {
  height: 257px;
  overflow: hidden;
}

.block-deals-of-opt2 .product-item .product-item-img img {
  max-width: 100%;
  max-height: 100%;
}

.block-deals-of-opt2 .product-item .product-item-actions {
  top: 70px;
}

.block-deals-of-opt2 .product-item .product-item-detail {
  min-height: 64px;
  padding-bottom: 2px;
}

@media (max-width: 767px) {
  .block-deals-of-opt2 .block-title {
    padding-right: 0;
  }

  .block-deals-of-opt2 .deals-of-countdown {
    width: 100%;
    clear: both;
    float: none;
    margin: 0px 0 10px;
    padding-top: 10px;
  }
}

.block-floor-products-opt2 {
  margin-bottom: 30px;
}

.block-floor-products-opt2 .block-title {
  background-color: #fff;
  margin-bottom: 0px;
  padding-left: 50px;
  position: relative;
  background-position: top 15px left 43px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index1/actions-floor.png);
  border-bottom: 2px solid var(--theme-deafult);
}

.floor-products1.block-floor-products-opt2 .block-title {
  border-bottom-color: var(--theme-deafult);
}

.floor-products1.block-floor-products-opt2 .block-title>.title {
  background-color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt2 .block-title {
  border-bottom-color: #00a360;
}

.floor-products2.block-floor-products-opt2 .block-title>.title {
  background-color: #00a360;
}

.floor-products3.block-floor-products-opt2 .block-title {
  border-bottom-color: #0090c9;
}

.floor-products3.block-floor-products-opt2 .block-title>.title {
  background-color: #0090c9;
}

.floor-products4.block-floor-products-opt2 .block-title {
  border-bottom-color: #3f5eca;
}

.floor-products4.block-floor-products-opt2 .block-title>.title {
  background-color: #3f5eca;
}

.floor-products5.block-floor-products-opt2 .block-title {
  border-bottom-color: #669900;
}

.floor-products5.block-floor-products-opt2 .block-title>.title {
  background-color: #669900;
}

.floor-products6.block-floor-products-opt2 .block-title {
  border-bottom-color: #6d6855;
}

.floor-products6.block-floor-products-opt2 .block-title>.title {
  background-color: #6d6855;
}

.floor-products7.block-floor-products-opt2 .block-title {
  border-bottom-color: var(--theme-deafult);
}

.floor-products7.block-floor-products-opt2 .block-title>.title {
  background-color: var(--theme-deafult);
}

.floor-products8.block-floor-products-opt2 .block-title {
  border-bottom-color: #00ae31;
}

.floor-products8.block-floor-products-opt2 .block-title>.title {
  background-color: #00ae31;
}

.floor-products9.block-floor-products-opt2 .block-title {
  border-bottom-color: #0090c9;
}

.floor-products9.block-floor-products-opt2 .block-title>.title {
  background-color: #0090c9;
}

.floor-products10.block-floor-products-opt2 .block-title {
  border-bottom-color: #3f5eca;
}

.floor-products10.block-floor-products-opt2 .block-title>.title {
  background-color: #3f5eca;
}

.floor-products11.block-floor-products-opt2 .block-title {
  border-bottom-color: #4a6f00;
}

.floor-products11.block-floor-products-opt2 .block-title>.title {
  background-color: #4a6f00;
}

.floor-products12.block-floor-products-opt2 .block-title {
  border-bottom-color: #543319;
}

.floor-products12.block-floor-products-opt2 .block-title>.title {
  background-color: #543319;
}

.block-floor-products-opt2 .block-title:before,
.block-floor-products-opt2 .block-title:after {
  content: "";
  display: table;
}

.block-floor-products-opt2 .block-title:after {
  clear: both;
}

.block-floor-products-opt2 .block-title .title {
  font-size: 22px;
  color: var(--textColorLight);
  text-transform: uppercase;
  padding-right: 9px;
  padding-left: 33px;
  padding-top: 2px;
  display: block;
  float: right;
  background-color: #000;
  min-width: 200px;
  background-position: center left 20px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index5/arrow.png);
}

.block-floor-products-opt2 .block-title .title .icon {
  width: 25px;
}

.block-floor-products-opt2 .block-title .title .text,
.block-floor-products-opt2 .block-title .title .icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 46px;
}

.block-floor-products-opt2 .block-title .title img {
  display: block;
  vertical-align: initial;
  height: 20px;
  object-fit: contain;
}

.block-floor-products-opt2 .block-title .links {
  float: right;
}

.block-floor-products-opt2 .block-title .links:before,
.block-floor-products-opt2 .block-title .links:after {
  content: "";
  display: table;
}

.block-floor-products-opt2 .block-title .links:after {
  clear: both;
}

.block-floor-products-opt2 .block-title .links .dropdown-toggle {
  width: 40px;
  border: none;
  background-color: transparent;
  padding: 0;
  height: 48px;
  font-size: 18px;
  display: none;
}

@media (min-width: 992px) {
  .block-floor-products-opt2 .block-title .links .dropdown-menu {
    position: static;
    display: block;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
  }
}

.block-floor-products-opt2 .block-title .links li {
  float: right;
  padding: 0 8px;
}

.block-floor-products-opt2 .block-title .links li.active>a {
  color: #007176;
  position: relative;
  z-index: 5;
}

.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: #007176;
}

.block-floor-products-opt2 .block-title .links li.active>a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 8px 4px;
  border-color: transparent transparent #007176 transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -4px;
}

.floor-products1.block-floor-products-opt2 .block-title .links li.active>a {
  color: var(--theme-deafult);
}

.floor-products1.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: var(--theme-deafult);
}

.floor-products1.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent var(--theme-deafult) transparent;
}

.floor-products2.block-floor-products-opt2 .block-title .links li.active>a {
  color: #00a360;
}

.floor-products2.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: #00a360;
}

.floor-products2.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent #00a360 transparent;
}

.floor-products3.block-floor-products-opt2 .block-title .links li.active>a {
  color: #0090c9;
}

.floor-products3.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: #0090c9;
}

.floor-products3.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent #0090c9 transparent;
}

.floor-products4.block-floor-products-opt2 .block-title .links li.active>a {
  color: #3f5eca;
}

.floor-products4.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: #3f5eca;
}

.floor-products4.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent #3f5eca transparent;
}

.floor-products5.block-floor-products-opt2 .block-title .links li.active>a {
  color: #669900;
}

.floor-products5.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: #669900;
}

.floor-products5.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent #669900 transparent;
}

.floor-products6.block-floor-products-opt2 .block-title .links li.active>a {
  color: #6d6855;
}

.floor-products6.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: #6d6855;
}

.floor-products6.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent #6d6855 transparent;
}

.floor-products7.block-floor-products-opt2 .block-title .links li.active>a {
  color: var(--theme-deafult);
}

.floor-products7.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: var(--theme-deafult);
}

.floor-products7.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent var(--theme-deafult) transparent;
}

.floor-products8.block-floor-products-opt2 .block-title .links li.active>a {
  color: #00ae31;
}

.floor-products8.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: #00ae31;
}

.floor-products8.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent #00ae31 transparent;
}

.floor-products9.block-floor-products-opt2 .block-title .links li.active>a {
  color: #0090c9;
}

.floor-products9.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: #0090c9;
}

.floor-products9.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent #0090c9 transparent;
}

.floor-products10.block-floor-products-opt2 .block-title .links li.active>a {
  color: #3f5eca;
}

.floor-products10.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: #3f5eca;
}

.floor-products10.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent #3f5eca transparent;
}

.floor-products11.block-floor-products-opt2 .block-title .links li.active>a {
  color: #4a6f00;
}

.floor-products11.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: #4a6f00;
}

.floor-products11.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent #4a6f00 transparent;
}

.floor-products12.block-floor-products-opt2 .block-title .links li.active>a {
  color: #543319;
}

.floor-products12.block-floor-products-opt2 .block-title .links li.active>a:before {
  background-color: #543319;
}

.floor-products12.block-floor-products-opt2 .block-title .links li.active>a:after {
  border-color: transparent transparent #543319 transparent;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .block-floor-products-opt2 .block-title .links li {
    padding: 0;
  }
}

.block-floor-products-opt2 .block-title .links a {
  display: block;
  line-height: 48px;
  color: #333333;
  text-transform: capitalize;
  font-size: var(--fontSizeNormal);
  padding: 0 12px;
  position: relative;
}

.block-floor-products-opt2 .block-title .links a:hover {
  color: var(--theme-deafult);
  background-color: transparent;
}

.floor-products1.block-floor-products-opt2 .block-title .links a:hover {
  color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt2 .block-title .links a:hover {
  color: #00a360;
}

.floor-products3.block-floor-products-opt2 .block-title .links a:hover {
  color: #0090c9;
}

.floor-products4.block-floor-products-opt2 .block-title .links a:hover {
  color: #3f5eca;
}

.floor-products5.block-floor-products-opt2 .block-title .links a:hover {
  color: #669900;
}

.floor-products6.block-floor-products-opt2 .block-title .links a:hover {
  color: #6d6855;
}

.floor-products7.block-floor-products-opt2 .block-title .links a:hover {
  color: var(--theme-deafult);
}

.floor-products8.block-floor-products-opt2 .block-title .links a:hover {
  color: #00ae31;
}

.floor-products9.block-floor-products-opt2 .block-title .links a:hover {
  color: #0090c9;
}

.floor-products10.block-floor-products-opt2 .block-title .links a:hover {
  color: #3f5eca;
}

.floor-products11.block-floor-products-opt2 .block-title .links a:hover {
  color: #4a6f00;
}

.floor-products12.block-floor-products-opt2 .block-title .links a:hover {
  color: #543319;
}

.block-floor-products-opt2 .block-title .links a:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .block-floor-products-opt2 .block-title .links a {
    padding: 0 12px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .block-floor-products-opt2 .block-title .links a {
    padding: 0 10px;
  }
}

.block-floor-products-opt2 .block-title .links .label-cat {
  position: absolute;
  top: -6px;
  right: 0;
  line-height: 18px;
  color: var(--textColorLight);
  background-color: #009966;
  display: block;
  border-radius: 30px;
  width: 32px;
  font-size: 12px;
  text-align: center;
}

.block-floor-products-opt2 .block-title .links .label-cat:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6px 0 0;
  border-color: #009966 transparent transparent transparent;
  position: absolute;
  bottom: -4px;
  left: 10px;
}

.block-floor-products-opt2 .block-title .actions {
  position: absolute;
  left: 18px;
  top: 4px;
}

.block-floor-products-opt2 .block-title .actions .action {
  width: 22px;
  text-align: center;
  line-height: 20px;
  display: block;
  cursor: pointer;
  color: #cccccc;
  font-size: 18px;
}

.block-floor-products-opt2 .block-title .actions .action:hover {
  color: #999999;
}

@media (max-width: 991px) {
  .block-floor-products-opt2 .block-title {
    padding-left: 0;
    background-position: top 15px left 80px;
  }

  .block-floor-products-opt2 .block-title .links {
    float: left;
  }

  .block-floor-products-opt4 .block-title.block-floor-products-opt2 .block-title .links {
    float: left;
    clear: none;
  }

  .block-floor-products-opt2 .block-title .links .dropdown-toggle {
    display: block;
  }

  .block-floor-products-opt2 .block-title .links .dropdown-menu {
    right: auto;
    left: 0;
    width: 300px;
    margin: 0;
    margin-top: 3px;
    padding: 0;
    padding-top: 5px;
  }

  .block-floor-products-opt2 .block-title .links .dropdown-menu li {
    float: none;
    display: block;
    z-index: 30;
  }

  .block-floor-products-opt2 .block-title .links .dropdown-menu li a {
    z-index: 40;
    border-bottom: 1px solid #dedede;
  }

  .block-floor-products-opt2 .block-title .links .dropdown-menu li:last-child a {
    border-bottom: none;
  }

  .block-floor-products-opt2 .block-title .actions {
    left: 48px;
  }
}

@media (max-width: 479px) {
  .block-floor-products-opt2 .block-title {
    padding-right: 0;
    background-position: top 65px left 40px;
  }

  .block-floor-products-opt2 .block-title .title {
    display: block;
    width: 100%;
  }

  .block-floor-products-opt2 .block-title .links {
    float: right;
    position: static;
  }

  .block-floor-products-opt4 .block-title.block-floor-products-opt2 .block-title .links {
    float: right;
    clear: none;
  }

  .block-floor-products-opt2 .block-title .links .dropdown-menu {
    right: 0;
    width: auto;
    left: 0;
  }

  .block-floor-products-opt2 .block-title .actions {
    top: 55px;
    left: 10px;
  }
}

.block-floor-products-opt2 .col-products:hover .owl-nav .owl-next,
.block-floor-products-opt2 .col-products:hover .owl-nav .owl-prev {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-floor-products-opt2 .col-products:hover .owl-nav .owl-prev {
  left: 0px;
}

.block-floor-products-opt2 .col-products:hover .owl-nav .owl-next {
  right: 0px;
}

.block-floor-products-opt2 .col-products .owl-nav .owl-next,
.block-floor-products-opt2 .col-products .owl-nav .owl-prev {
  width: 32px;
  line-height: 50px;
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  opacity: 0;
}

.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.floor-products1.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products1.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products2.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: #00a360;
  border-color: #00a360;
}

.floor-products3.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products3.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: #0090c9;
  border-color: #0090c9;
}

.floor-products4.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products4.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: #3f5eca;
  border-color: #3f5eca;
}

.floor-products5.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products5.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: #669900;
  border-color: #669900;
}

.floor-products6.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products6.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: #6d6855;
  border-color: #6d6855;
}

.floor-products7.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products7.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.floor-products8.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products8.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: #00ae31;
  border-color: #00ae31;
}

.floor-products9.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products9.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: #0090c9;
  border-color: #0090c9;
}

.floor-products10.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products10.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: #3f5eca;
  border-color: #3f5eca;
}

.floor-products11.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products11.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: #4a6f00;
  border-color: #4a6f00;
}

.floor-products12.block-floor-products-opt2 .col-products .owl-nav .owl-next:hover,
.floor-products12.block-floor-products-opt2 .col-products .owl-nav .owl-prev:hover {
  background-color: #543319;
  border-color: #543319;
}

.block-floor-products-opt2 .col-products .owl-nav .owl-next:before,
.block-floor-products-opt2 .col-products .owl-nav .owl-prev:before {
  content: "";
  font-family: 'FontAwesome';
}

.block-floor-products-opt2 .col-products .owl-nav .owl-prev {
  left: 25px;
}

.block-floor-products-opt2 .col-products .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-floor-products-opt2 .col-products .owl-nav .owl-next {
  right: 25px;
}

.block-floor-products-opt2 .col-products .owl-nav .owl-next:before {
  content: "\f105";
}

.block-floor-products-opt2 .product-item {
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  padding-top: 64px;
}

.block-floor-products-opt2 .product-item .product-item-photo {
  padding: 0 10px 10px;
}

.block-floor-products-opt2 .product-item .product-item-img {
  height: 210px;
  display: block;
}

.block-floor-products-opt2 .product-item .product-item-img img {
  display: block;
  height: 100%;
  object-fit: contain;
}

.block-floor-products-opt2 .product-item .product-item-detail {
  min-height: 64px;
  padding: 0 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 8px;
}

.block-floor-products-opt2 .product-item .product-item-actions {
  top: 5px;
}

.block-floor-products-opt2 .product-item .product-item-price {
  width: 100%;
}

.block-floor-products-opt2 .product-item .product-item-price .price {
  color: var(--theme-deafult);
}

.block-floor-products-opt2 .product-item .product-reviews-summary {
  display: none;
}

.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: var(--theme-deafult);
}

.floor-products1.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: #00a360;
}

.floor-products3.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: #0090c9;
}

.floor-products4.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: #3f5eca;
}

.floor-products5.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: #669900;
}

.floor-products6.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: #6d6855;
}

.floor-products7.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: var(--theme-deafult);
}

.floor-products8.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: #00ae31;
}

.floor-products9.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: #0090c9;
}

.floor-products10.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: #3f5eca;
}

.floor-products11.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: #4a6f00;
}

.floor-products12.block-floor-products-opt2 .product-item .product-item-name a:hover {
  color: #543319;
}

.block-floor-products-opt2 .product-item .btn-cart:hover,
.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.floor-products1.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products1.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products2.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: #00a360;
  border-color: #00a360;
}

.floor-products3.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products3.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: #0090c9;
  border-color: #0090c9;
}

.floor-products4.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products4.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: #3f5eca;
  border-color: #3f5eca;
}

.floor-products5.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products5.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: #669900;
  border-color: #669900;
}

.floor-products6.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products6.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: #6d6855;
  border-color: #6d6855;
}

.floor-products7.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products7.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.floor-products8.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products8.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: #00ae31;
  border-color: #00ae31;
}

.floor-products9.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products9.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: #0090c9;
  border-color: #0090c9;
}

.floor-products10.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products10.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: #3f5eca;
  border-color: #3f5eca;
}

.floor-products11.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products11.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: #4a6f00;
  border-color: #4a6f00;
}

.floor-products12.block-floor-products-opt2 .product-item .btn-cart:hover,
.floor-products12.block-floor-products-opt2 .product-item .product-item-actions .btn:hover {
  background-color: #543319;
  border-color: #543319;
}

.block-floor-products-opt2 .block-content {
  padding-right: 200px;
  position: relative;
}

@media (max-width: 991px) {
  .block-floor-products-opt2 .block-content {
    padding-right: 0px;
  }
}

.block-floor-products-opt2 .col-banner {
  width: 40%;
  border-right: 1px solid #eeeeee;
}

.block-floor-products-opt2 .col-banner .box-img {
  height: 569px;
  display: block;
}

@media (max-width: 1199px) {
  .block-floor-products-opt2 .col-banner {
    display: none;
  }
}

.block-floor-products-opt2 .col-banner .box-img {
  overflow: hidden;
  position: relative;
  display: block;
}

.block-floor-products-opt2 .col-banner .box-img:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 51, 102, 0.23);
  opacity: 0;
  z-index: 2;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.floor-products1.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(255, 51, 102, 0.23);
}

.floor-products2.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(0, 163, 96, 0.23);
}

.floor-products3.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(0, 144, 201, 0.23);
}

.floor-products4.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(63, 94, 202, 0.23);
}

.floor-products5.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(102, 153, 0, 0.23);
}

.floor-products6.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(109, 104, 85, 0.23);
}

.floor-products7.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(255, 51, 102, 0.23);
}

.floor-products8.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(0, 174, 49, 0.23);
}

.floor-products9.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(0, 144, 201, 0.23);
}

.floor-products10.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(63, 94, 202, 0.23);
}

.floor-products11.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(74, 111, 0, 0.23);
}

.floor-products12.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: rgba(84, 51, 25, 0.23);
}

.block-floor-products-opt2 .col-banner .box-img:hover:before {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-floor-products-opt2 .col-products {
  width: 60%;
}

@media (max-width: 1199px) {
  .block-floor-products-opt2 .col-products {
    width: 100%;
  }
}

.block-floor-products-opt2 .col-categori {
  width: 201px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  padding-right: 30px;
  font-size: var(--fontSizeNormal);
  padding-top: 18px;
  border-left: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  z-index: 20;
  overflow-y: auto;
}

.block-floor-products-opt2 .col-categori ul a {
  display: block;
  line-height: 30px;
  margin-bottom: 3px;
}

.floor-products1.block-floor-products-opt2 .col-categori ul a:hover {
  color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt2 .col-categori ul a:hover {
  color: #00a360;
}

.floor-products3.block-floor-products-opt2 .col-categori ul a:hover {
  color: #0090c9;
}

.floor-products4.block-floor-products-opt2 .col-categori ul a:hover {
  color: #3f5eca;
}

.floor-products5.block-floor-products-opt2 .col-categori ul a:hover {
  color: #669900;
}

.floor-products6.block-floor-products-opt2 .col-categori ul a:hover {
  color: #6d6855;
}

.floor-products7.block-floor-products-opt2 .col-categori ul a:hover {
  color: var(--theme-deafult);
}

.floor-products8.block-floor-products-opt2 .col-categori ul a:hover {
  color: #00ae31;
}

.floor-products9.block-floor-products-opt2 .col-categori ul a:hover {
  color: #0090c9;
}

.floor-products10.block-floor-products-opt2 .col-categori ul a:hover {
  color: #3f5eca;
}

.floor-products11.block-floor-products-opt2 .col-categori ul a:hover {
  color: #4a6f00;
}

.floor-products12.block-floor-products-opt2 .col-categori ul a:hover {
  color: #543319;
}

@media (max-width: 991px) {
  .block-floor-products-opt2 .col-categori {
    display: none;
  }
}

.block-floor-products-opt2 .col-deal {
  background-color: #fff;
  height: 283px;
}

.block-floor-products-opt2 .col-deal .box-title {
  font-size: var(--fontSizeNormal);
  color: #666666;
  text-align: center;
  position: relative;
  overflow: hidden;
  max-width: 290px;
  margin: auto;
  padding: 0 10px;
  padding-top: 12px;
  margin-bottom: 10px;
}

.block-floor-products-opt2 .col-deal .box-title .title {
  display: inline-block;
}

.block-floor-products-opt2 .col-deal .box-title:before,
.block-floor-products-opt2 .col-deal .box-title:after {
  content: "";
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border-top: 1px solid #cccccc;
}

.block-floor-products-opt2 .col-deal .box-title:before {
  margin-right: -100%;
}

.block-floor-products-opt2 .col-deal .box-title:after {
  margin-left: -100%;
}

.block-floor-products-opt2 .col-deal .count-down-time {
  margin-bottom: 8px;
}

.block-floor-products-opt2 .col-deal .count-down-time .box-count {
  width: 45px;
  height: 47px;
  text-align: center;
  display: inline-block;
  color: #717171;
  font-size: 20px;
  background-color: #f6f6f6;
  margin-left: 6px;
  line-height: 1;
  padding-top: 5px;
}

.block-floor-products-opt2 .col-deal .count-down-time .box-count:last-child {
  margin-left: 0;
}

.block-floor-products-opt2 .col-deal .count-down-time .box-count .text {
  font-size: var(--fontSizeNormal);
}

.block-floor-products-opt2 .col-deal .product-item {
  padding: 0;
  padding-right: 10px;
  padding-left: 5px;
  border: none;
  margin: 0;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info {
  position: relative;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info:before,
.block-floor-products-opt2 .col-deal .product-item .product-item-info:after {
  content: "";
  display: table;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info:after {
  clear: both;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
  -o-transform: scale(1.12);
  transform: scale(1.12);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-photo {
  float: right;
  width: 150px;
  margin-left: 15px;
  padding: 0;
  padding-top: 25px;
  overflow: hidden;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-photo img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-photo .product-item-img {
  height: auto;
  min-height: 0;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-detail {
  position: static;
  overflow: hidden;
  color: #717171;
  padding: 0;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-name {
  display: block;
  font-size: var(--fontSizeNormal);
  margin-bottom: 5px;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-name a {
  color: #717171;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-name a:hover {
  color: var(--theme-deafult);
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-price {
  font-size: 18px;
  color: var(--theme-deafult);
  margin-bottom: 10px;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-price>span {
  line-height: 1;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-price .price {
  margin-left: 3px;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-price .old-price {
  font-size: var(--fontSizeNormal);
  color: #666;
  text-decoration: line-through;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-price .label-price {
  font-size: var(--fontSizeNormal);
  line-height: 16px;
  padding: 0 3px;
  background-color: #b30000;
  display: inline-block;
  min-width: 40px;
  color: var(--textColorLight);
  position: relative;
  border-radius: 3px;
  margin-right: 10px;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-item-price .label-price:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5px 4px 2.5px 0;
  border-color: transparent #b30000 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  right: -4px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-reviews-summary {
  display: block;
  margin-bottom: 8px;
}

.block-floor-products-opt2 .col-deal .product-item .product-item-info .product-reviews-des {
  font-size: var(--fontSizeNormal);
  line-height: 24px;
}

.block-floor-products-opt2.show-deal .col-banner .box-img {
  height: 286px;
}

.block-floor-products-opt2.show-brand .col-products {
  width: 80%;
}

@media (max-width: 991px) {
  .block-floor-products-opt2.show-brand .col-brand {
    display: none;
  }

  .block-floor-products-opt2.show-brand .col-products {
    width: 100%;
  }
}

.block-floor-products-opt2.show-carousel-banner .col-products {
  width: 100%;
}

.block-floor-products-opt2.show-carousel-banner .col-left {
  width: 40%;
  float: right;
}

.block-floor-products-opt2.show-carousel-banner .col-right {
  width: 60%;
  float: right;
}

@media (max-width: 1199px) {
  .block-floor-products-opt2.show-carousel-banner .col-left {
    display: none;
  }

  .block-floor-products-opt2.show-carousel-banner .col-right {
    width: 100%;
  }
}

.block-floor-products-opt2 .col-brand {
  width: 20%;
  float: right;
  text-align: center;
  position: relative;
  padding-top: 36px;
  padding-bottom: 36px;
  background-color: #fff;
  /*border-left: 1px solid #eee;*/
  height: 569px;
}

.block-floor-products-opt2 .col-brand .bx-viewport {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.block-floor-products-opt2 .col-brand .bx-controls-direction .bx-prev,
.block-floor-products-opt2 .col-brand .bx-controls-direction .bx-next {
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
}

.block-floor-products-opt2 .col-brand .bx-controls-direction .bx-prev {
  background-image: url(../images/icon/index2/bx-prev.png);
  top: 0;
}

.block-floor-products-opt2 .col-brand .bx-controls-direction .bx-next {
  bottom: 0;
  background-image: url(../images/icon/index2/bx-next.png);
}

.block-floor-products-opt2 .col-brand li a {
  display: block;
  position: relative;
}

.block-floor-products-opt2 .col-brand li a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 51, 102, 0.23);
  opacity: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.floor-products1.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(255, 51, 102, 0.23);
}

.floor-products2.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(0, 163, 96, 0.23);
}

.floor-products3.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(0, 144, 201, 0.23);
}

.floor-products4.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(63, 94, 202, 0.23);
}

.floor-products5.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(102, 153, 0, 0.23);
}

.floor-products6.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(109, 104, 85, 0.23);
}

.floor-products7.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(255, 51, 102, 0.23);
}

.floor-products8.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(0, 174, 49, 0.23);
}

.floor-products9.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(0, 144, 201, 0.23);
}

.floor-products10.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(63, 94, 202, 0.23);
}

.floor-products11.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(74, 111, 0, 0.23);
}

.floor-products12.block-floor-products-opt2 .col-brand li a:before {
  background-color: rgba(84, 51, 25, 0.23);
}

.block-floor-products-opt2 .col-brand li:hover a:before {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-floor-products-opt2 .box-banner {
  height: 285px;
  overflow: hidden;
  position: relative;
}

.block-floor-products-opt2 .box-banner .owl-nav .owl-prev,
.block-floor-products-opt2 .box-banner .owl-nav .owl-next {
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  display: block;
  background-color: transparent;
  border: none;
  opacity: 1;
  visibility: visible;
}

.block-floor-products-opt2 .box-banner .owl-nav .owl-prev:hover,
.block-floor-products-opt2 .box-banner .owl-nav .owl-next:hover {
  background-color: transparent !important;
  border: none;
}

.block-floor-products-opt2 .box-banner .owl-nav .owl-prev:before,
.block-floor-products-opt2 .box-banner .owl-nav .owl-next:before,
.block-floor-products-opt2 .box-banner .owl-nav .owl-prev:after,
.block-floor-products-opt2 .box-banner .owl-nav .owl-next:after {
  content: none;
}

.block-floor-products-opt2 .box-banner .owl-nav .owl-prev {
  background-image: url(../images/icon/index2/prev2.png);
  left: 10px;
}

.block-floor-products-opt2 .box-banner .owl-nav .owl-prev:hover {
  background-image: url(../images/icon/index2/prev2-hover.png);
}

.block-floor-products-opt2 .box-banner .owl-nav .owl-next {
  right: 10px;
  background-image: url(../images/icon/index2/next2.png);
}

.block-floor-products-opt2 .box-banner .owl-nav .owl-next:hover {
  background-image: url(../images/icon/index2/next2-hover.png);
}

.block-floor-products-opt2 .box-banner .img-slide:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 51, 102, 0.23);
  z-index: 2;
  opacity: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.floor-products1.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(255, 51, 102, 0.23);
}

.floor-products2.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(0, 163, 96, 0.23);
}

.floor-products3.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(0, 144, 201, 0.23);
}

.floor-products4.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(63, 94, 202, 0.23);
}

.floor-products5.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(102, 153, 0, 0.23);
}

.floor-products6.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(109, 104, 85, 0.23);
}

.floor-products7.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(255, 51, 102, 0.23);
}

.floor-products8.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(0, 174, 49, 0.23);
}

.floor-products9.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(0, 144, 201, 0.23);
}

.floor-products10.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(63, 94, 202, 0.23);
}

.floor-products11.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(74, 111, 0, 0.23);
}

.floor-products12.block-floor-products-opt2 .box-banner .img-slide:before {
  background-color: rgba(84, 51, 25, 0.23);
}

.block-floor-products-opt2 .box-banner:hover .img-slide:before {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-floor-products-opt2 .box-product:before,
.block-floor-products-opt2 .box-product:after {
  content: "";
  display: table;
}

.block-floor-products-opt2 .box-product:after {
  clear: both;
}

.block-floor-products-opt2 .box-product .product-item {
  float: left;
  width: 50%;
  margin-right: 0px;
}

.block-service-opt2 {
  margin-bottom: 60px;
}

.block-service-opt2 .items {
  width: 100%;
  display: block;
  border-collapse: collapse;
  border-spacing: 0;
}

.block-service-opt2 .items:before,
.block-service-opt2 .items:after {
  content: "";
  display: table;
}

.block-service-opt2 .items:after {
  clear: both;
}

.block-service-opt2 .items .item {
  display: block;
  vertical-align: middle;
  border: 1px solid #eeeeee;
  width: 33.333333333333336%;
  height: 108px;
  padding: 10px 0;
  border-collapse: collapse;
  border-spacing: 0;
  float: right;
  margin-bottom: -1px;
  margin-right: -1px;
}

@media (max-width: 991px) {
  .block-service-opt2 .items .item {
    width: 50%;
  }
}

@media (max-width: 639px) {
  .block-service-opt2 .items .item {
    width: 100%;
    height: auto;
    min-height: 108px;
  }
}

.block-service-opt2 .items .title {
  display: block;
  font-size: var(--fontSizeNormal);
  color: #333333;
  padding-top: 8px;
  text-transform: uppercase;
}

.block-service-opt2 .items .icon,
.block-service-opt2 .items .des {
  vertical-align: middle;
  width: 48%;
  display: inline-block;
  padding: 0 2px;
}

@media (max-width: 767px) and (min-width: 480px) {

  .block-service-opt2 .items .icon,
  .block-service-opt2 .items .des {
    /*width: 100%;
                  display: block;
                  padding: 0 5px;
                  text-align: center;*/
  }
}

.block-service-opt2 .items .icon {
  text-align: center;
}

.block-service-opt2 .items .des {
  font-size: var(--fontSizeNormal);
  color: #919191;
}

@media (max-width: 479px) {
  .block-service-opt2 .items {
    display: block;
  }

  .block-service-opt2 .items .item {
    display: block;
    width: 100%;
    height: auto;
    min-height: 108px;
    margin-bottom: -1px;
  }
}

@media (min-width: 768px) {
  .block-service-opt2 .items .item {
    overflow: hidden;
  }

  .block-service-opt2 .items .item .title,
  .block-service-opt2 .items .item .icon,
  .block-service-opt2 .items .item .des {
    position: relative;
  }

  .block-service-opt2 .items .item:hover .title,
  .block-service-opt2 .items .item:hover .icon {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .block-service-opt2 .items .item:hover .des {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
}

.block-the-blog {
  margin-bottom: 30px;
  margin-top: 30px;
}

.block-the-blog .block-title {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 19px;
}

.block-the-blog .block-title .title {
  font-size: 16px;
  color: #333333;
  border-bottom: 3px solid var(--theme-deafult);
  padding-right: 10px;
  text-transform: uppercase;
  line-height: 34px;
  display: inline-block;
  margin-bottom: -1px;
}

.block-the-blog .blog-item {
  position: relative;
}

.block-the-blog .blog-item:hover .blog-photo img {
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
  -o-transform: scale(1.12);
  transform: scale(1.12);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-the-blog .blog-item .blog-photo {
  position: relative;
  overflow: hidden;
}

.block-the-blog .blog-item .blog-photo img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-the-blog .blog-item .blog-info {
  font-size: var(--fontSizeNormal);
  color: #919191;
  margin-bottom: 8px;
}

.block-the-blog .blog-item .blog-info:before,
.block-the-blog .blog-item .blog-info:after {
  content: "";
  display: table;
}

.block-the-blog .blog-item .blog-info:after {
  clear: both;
}

.block-the-blog .blog-item .blog-comment,
.block-the-blog .blog-item .blog-date {
  padding-right: 23px;
  background-position: center right;
  background-repeat: no-repeat;
  line-height: 24px;
}

.block-the-blog .blog-item .blog-date {
  background-image: url(../images/icon/index2/date.png);
  margin-left: 16px;
}

.block-the-blog .blog-item .blog-comment {
  padding-right: 20px;
  background-image: url(../images/icon/index2/comment.png);
}

.block-the-blog .blog-item .blog-detail {
  border: 1px solid #eeeeee;
  border-top: none;
  padding: 7px 12px 15px;
}

.block-the-blog .blog-item .blog-name {
  font-size: var(--fontSizeNormal);
  color: #333333;
  display: block;
  margin: 0px 0 3px;
  text-transform: none;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.block-the-blog .blog-item .blog-name a {
  color: #333333;
  height: 3em;
}

.block-the-blog .blog-item .blog-name a:hover {
  color: var(--theme-deafult);
}

.block-the-blog .blog-item .blog-des {
  font-size: var(--fontSizeNormal);
  color: #888888;
  display: block;
  margin-bottom: 15px;
  line-height: 20px;
}

.block-the-blog .blog-item .blog-actions {
  text-align: right;
}

.block-the-blog .blog-item .blog-actions .action {
  color: var(--theme-deafult);
  font-size: var(--fontSizeNormal);
}

.block-the-blog .blog-item .blog-actions .action:after {
  /*content: "";
                      width: 9px;
                      height: 6px;
                      display: inline-block;
                      vertical-align: middle;
                      background-position: center;
                      background-repeat: no-repeat;
                      background-image: url(../images/icon/index2/arrow.png);
                      margin-left: 9px;*/
  content: "\f177";
  font-family: "FontAwesome";
  margin-right: 9px;
  display: inline-block;
}

.block-the-blog .owl-nav {
  position: absolute;
  top: -55px;
  left: 0;
}

.block-the-blog .owl-nav .owl-prev,
.block-the-blog .owl-nav .owl-next {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #a3a3a3;
  margin-right: 5px;
  float: left;
}

.block-the-blog .owl-nav .owl-prev:hover,
.block-the-blog .owl-nav .owl-next:hover {
  background-color: var(--theme-deafult);
}

.block-the-blog .owl-nav .owl-prev {
  background-image: url(../images/icon/index2/prew.png);
}

.block-the-blog .owl-nav .owl-next {
  background-image: url(../images/icon/index2/next.png);
}

.block-banner-lag .box-img {
  margin-bottom: 30px;
}

.index-opt-2 {
  background-color: #fff;
}

.index-opt-2 .back-to-top {
  border-color: var(--theme-deafult);
}

.index-opt-2 .back-to-top .fa {
  background-color: var(--theme-deafult);
}

.index-opt-2 .back-to-top:hover {
  background-color: var(--theme-deafult);
}

.slide-opt-3 .owl-item img {
  width: 100%;
  display: block;
}

.block-section-top3 {
  position: relative;
  margin-bottom: 0px;
  background-color: #F6F6F6;
}

.block-section-top3 .box-section-top {
  position: relative;
  padding-right: 270px;
  padding-left: 190px;
}

@media (max-width: 1199px) {
  .block-section-top3 .box-section-top {
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .block-section-top3 .box-section-top {
    padding-left: 0;
  }
}

.block-section-top3 .block-nav-categori {
  float: none;
  position: absolute !important;
  top: 0;
  right: 0;
}

@media (max-width: 1199px) {
  .block-section-top3 .block-nav-categori {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

.block-section-top3 .block-nav-categori .block-title {
  display: none;
}

.block-section-top3 .block-nav-categori .ui-categori {
  padding-bottom: 3px;
  padding-top: 1px;
}

.block-section-top3 .block-nav-categori .ui-categori>li {
  padding-left: 20px;
  padding-right: 20px;
}

.block-section-top3 .block-nav-categori .ui-categori>li>a {
  line-height: 35px;
  border-top: 1px dotted #ccc;
  padding: 0;
  padding-left: 20px;
}

.block-section-top3 .block-nav-categori .ui-categori>li>a .icon {
  width: 26px;
  text-align: center;
  margin-left: 2px;
  vertical-align: baseline;
}

.block-section-top3 .block-nav-categori .ui-categori>li:first-child>a {
  border-top: none;
}

.block-section-top3 .block-nav-categori .ui-categori>li.parent>a:after {
  line-height: 36px;
}

.block-section-top3 .block-nav-categori .ui-categori .submenu {
  right: 270px;
  width: 900px;
}

@media (max-width: 1199px) {
  .block-section-top3 .block-nav-categori .ui-categori .submenu {
    width: 670px;
  }
}

.block-section-top3 .block-nav-categori .view-all-categori .btn-view-all,
.block-section-top3 .block-nav-categori .view-all-categori a {
  background-color: #fff;
  color: #53524e;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  font-size: var(--fontSizeNormal);
  line-height: 40px;
  padding-right: 55px;
  padding-left: 15px;
}

.block-section-top3 .block-nav-categori .view-all-categori .btn-view-all:after,
.block-section-top3 .block-nav-categori .view-all-categori a:after {
  content: "\f100";
  float: none;
  margin-right: 19px;
  vertical-align: top;
  display: inline-block;
  margin-right: 14px;
}

.block-section-top3 .block-nav-categori .view-all-categori .btn-view-all:hover,
.block-section-top3 .block-nav-categori .view-all-categori a:hover {
  background-color: #0088cc;
  color: var(--textColorLight);
}

.block-section-top3 .block-nav-categori .block-content {
  min-height: 480px;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 270px;
  border-right: 1px solid #eeeeee;
}

.block-section-top3 .block-trending {
  position: absolute;
  top: 0;
  left: 0px;
  width: 190px;
  z-index: 44;
  background-color: #fff;
}

@media (max-width: 991px) {
  .block-section-top3 .block-trending {
    display: none;
  }
}

.block-section-top3 .block-trending .block-title {
  background-color: #0088cc;
  line-height: 33px;
  text-align: center;
  text-transform: uppercase;
  font-size: var(--fontSizeNormal);
  color: var(--textColorLight);
}

.block-section-top3 .block-trending .product-item {
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}

.block-section-top3 .block-trending .product-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.block-section-top3 .block-trending .product-item .product-item-price {
  width: 100%;
  color: #0088cc;
}

.block-section-top3 .block-trending .product-item .product-item-photo {
  padding: 0;
}

.block-section-top3 .block-trending .product-item .product-item-img {
  display: block;
  height: 170px;
}

.block-section-top3 .block-trending .product-item .product-item-detail {
  padding: 0 5px;
  height: 53px;
  min-height: 0;
}

.block-section-top3 .block-trending:hover .owl-prev,
.block-section-top3 .block-trending:hover .owl-next {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-section-top3 .block-trending:hover .owl-prev {
  left: 5px;
}

.block-section-top3 .block-trending:hover .owl-next {
  right: 5px;
}

.block-section-top3 .block-trending .owl-prev,
.block-section-top3 .block-trending .owl-next {
  width: 35px;
  line-height: 28px;
  border: 1px solid #dfdfdf;
  text-align: center;
  color: #888888;
  font-size: 20px;
  display: block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  opacity: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-section-top3 .block-trending .owl-prev:hover,
.block-section-top3 .block-trending .owl-next:hover,
.block-section-top3 .block-trending .owl-prev:focus,
.block-section-top3 .block-trending .owl-next:focus {
  background-color: #0088cc;
  border-color: #0088cc;
  color: var(--textColorLight);
}

.block-section-top3 .block-trending .owl-prev:before,
.block-section-top3 .block-trending .owl-next:before {
  content: "";
  font-family: 'FontAwesome';
}

.block-section-top3 .block-trending .owl-prev {
  left: 10px;
}

.block-section-top3 .block-trending .owl-prev:before {
  content: "\f104";
}

.block-section-top3 .block-trending .owl-next {
  right: 10px;
}

.block-section-top3 .block-trending .owl-next:before {
  content: "\f105";
}

.block-floor-products-opt3 {
  margin-bottom: 23px;
}

.block-floor-products-opt3 .block-title {
  margin-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
}

.block-floor-products-opt3 .block-title:before,
.block-floor-products-opt3 .block-title:after {
  content: "";
  display: table;
}

.block-floor-products-opt3 .block-title:after {
  clear: both;
}

.block-floor-products-opt3 .block-title .title {
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
  padding-right: 10px;
  padding-left: 5px;
  display: block;
  line-height: 36px;
  float: right;
  border-bottom: 3px solid #ff3300;
  margin-bottom: -1px;
}

.floor-products1.block-floor-products-opt3 .block-title .title {
  border-bottom-color: #e62e04;
}

.floor-products2.block-floor-products-opt3 .block-title .title {
  border-bottom-color: #ffcc00;
}

.floor-products3.block-floor-products-opt3 .block-title .title {
  border-bottom-color: #009966;
}

.floor-products4.block-floor-products-opt3 .block-title .title {
  border-bottom-color: #ff66cc;
}

.floor-products5.block-floor-products-opt3 .block-title .title {
  border-bottom-color: #ffcc00;
}

.block-floor-products-opt3 .block-title .links {
  float: left;
}

.block-floor-products-opt3 .block-title .links:before,
.block-floor-products-opt3 .block-title .links:after {
  content: "";
  display: table;
}

.block-floor-products-opt3 .block-title .links:after {
  clear: both;
}

.block-floor-products-opt3 .block-title .links .dropdown-toggle {
  width: 40px;
  border: none;
  background-color: transparent;
  padding: 0;
  height: 36px;
  font-size: 18px;
  display: none;
}

@media (min-width: 992px) {
  .block-floor-products-opt3 .block-title .links .dropdown-menu {
    position: static;
    display: block;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
  }
}

.block-floor-products-opt3 .block-title .links a {
  display: block;
  line-height: 28px;
  color: #333333;
  text-transform: uppercase;
  font-size: var(--fontSizeNormal);
  padding: 0px;
  position: relative;
}

.block-floor-products-opt3 .block-title .links a:hover {
  background-color: transparent;
}

.block-floor-products-opt3 .block-title .links a:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: transparent;
  position: absolute;
  bottom: -10px;
  left: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .block-floor-products-opt3 .block-title .links a {
    padding: 0 12px;
  }
}

.block-floor-products-opt3 .block-title .links li {
  float: right;
  padding: 0 10px;
  position: relative;
}

.block-floor-products-opt3 .block-title .links li:before {
  content: "";
  height: 13px;
  width: 1px;
  background-color: #989898;
  border-left: 1px solid #adadad;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
}

@media (max-width: 991px) {
  .block-floor-products-opt3 .block-title .links li:before {
    content: none;
  }
}

.block-floor-products-opt3 .block-title .links li:last-child {
  padding-left: 0;
}

.block-floor-products-opt3 .block-title .links li:last-child:before {
  content: none;
}

.block-floor-products-opt3 .block-title .links li.active>a,
.block-floor-products-opt3 .block-title .links li:hover>a {
  color: #333;
  position: relative;
  z-index: 5;
}

.block-floor-products-opt3 .block-title .links li.active>a:before,
.block-floor-products-opt3 .block-title .links li:hover>a:before {
  background-color: #e62e04;
}

.block-floor-products-opt3 .block-title .links li.active>a:after,
.block-floor-products-opt3 .block-title .links li:hover>a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent #e62e04 transparent;
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -4px;
}

.floor-products1.block-floor-products-opt3 .block-title .links li.active>a:before,
.floor-products1.block-floor-products-opt3 .block-title .links li:hover>a:before {
  background-color: #e62e04;
}

.floor-products1.block-floor-products-opt3 .block-title .links li.active>a:after,
.floor-products1.block-floor-products-opt3 .block-title .links li:hover>a:after {
  border-color: transparent transparent #e62e04 transparent;
}

.floor-products2.block-floor-products-opt3 .block-title .links li.active>a:before,
.floor-products2.block-floor-products-opt3 .block-title .links li:hover>a:before {
  background-color: #ffcc00;
}

.floor-products2.block-floor-products-opt3 .block-title .links li.active>a:after,
.floor-products2.block-floor-products-opt3 .block-title .links li:hover>a:after {
  border-color: transparent transparent #ffcc00 transparent;
}

.floor-products3.block-floor-products-opt3 .block-title .links li.active>a:before,
.floor-products3.block-floor-products-opt3 .block-title .links li:hover>a:before {
  background-color: #009966;
}

.floor-products3.block-floor-products-opt3 .block-title .links li.active>a:after,
.floor-products3.block-floor-products-opt3 .block-title .links li:hover>a:after {
  border-color: transparent transparent #009966 transparent;
}

.floor-products4.block-floor-products-opt3 .block-title .links li.active>a:before,
.floor-products4.block-floor-products-opt3 .block-title .links li:hover>a:before {
  background-color: #ff66cc;
}

.floor-products4.block-floor-products-opt3 .block-title .links li.active>a:after,
.floor-products4.block-floor-products-opt3 .block-title .links li:hover>a:after {
  border-color: transparent transparent #ff66cc transparent;
}

.floor-products5.block-floor-products-opt3 .block-title .links li.active>a:before,
.floor-products5.block-floor-products-opt3 .block-title .links li:hover>a:before {
  background-color: #ffcc00;
}

.floor-products5.block-floor-products-opt3 .block-title .links li.active>a:after,
.floor-products5.block-floor-products-opt3 .block-title .links li:hover>a:after {
  border-color: transparent transparent #ffcc00 transparent;
}

.block-floor-products-opt3 .block-title .links .label-cat {
  position: absolute;
  top: -6px;
  right: 0;
  line-height: 18px;
  color: var(--textColorLight);
  background-color: #009966;
  display: block;
  border-radius: 30px;
  width: 32px;
  font-size: 12px;
  text-align: center;
}

.block-floor-products-opt3 .block-title .links .label-cat:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6px 0 0;
  border-color: #009966 transparent transparent transparent;
  position: absolute;
  bottom: -4px;
  left: 10px;
}

@media (max-width: 991px) {
  .block-floor-products-opt3 .block-title {
    padding-left: 0;
    background-position: top 15px left 80px;
  }

  .block-floor-products-opt3 .block-title .links {
    float: left;
  }

  .block-floor-products-opt4 .block-title.block-floor-products-opt3 .block-title .links {
    float: left;
    clear: none;
  }

  .block-floor-products-opt3 .block-title .links .dropdown-toggle {
    display: block;
  }

  .block-floor-products-opt3 .block-title .links .dropdown-menu {
    right: auto;
    left: 0;
    width: 300px;
    margin: 0;
    padding: 0;
  }

  .block-floor-products-opt3 .block-title .links .dropdown-menu li {
    float: none;
    display: block;
    z-index: 30;
  }

  .block-floor-products-opt3 .block-title .links .dropdown-menu li a {
    z-index: 40;
    border-bottom: 1px solid #dedede;
    line-height: 40px;
  }

  .block-floor-products-opt3 .block-title .links .dropdown-menu li.active>a:before,
  .block-floor-products-opt3 .block-title .links .dropdown-menu li:hover>a:before {
    bottom: -1px;
  }

  .block-floor-products-opt3 .block-title .links .dropdown-menu li.active>a:after,
  .block-floor-products-opt3 .block-title .links .dropdown-menu li:hover>a:after {
    bottom: 0px;
    right: 25px;
    margin: 0;
  }

  .block-floor-products-opt3 .block-title .links .dropdown-menu li:last-child a {
    border-bottom: none;
  }

  .block-floor-products-opt3 .block-title .actions {
    left: 48px;
  }
}

@media (max-width: 479px) {
  .block-floor-products-opt3 .block-title {
    padding-left: 0;
    background-position: top 65px left 40px;
  }

  .block-floor-products-opt3 .block-title .title {
    display: block;
    width: 100%;
  }

  .block-floor-products-opt3 .block-title .links {
    float: right;
  }

  .block-floor-products-opt4 .block-title.block-floor-products-opt3 .block-title .links {
    float: right;
    clear: none;
  }

  .block-floor-products-opt3 .block-title .links .dropdown-menu {
    right: 0;
  }

  .block-floor-products-opt3 .block-title .actions {
    top: 55px;
    left: 10px;
  }
}

.block-floor-products-opt3 .block-banner-floor {
  margin-bottom: 10px;
}

.block-floor-products-opt3 .col-banner {
  padding-left: 8px;
}

.block-floor-products-opt3 .col-banner:hover .box-img img {
  -webkit-transform: scale(1.13);
  -ms-transform: scale(1.13);
  -o-transform: scale(1.13);
  transform: scale(1.13);
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.block-floor-products-opt3 .col-banner:hover .des>span {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.block-floor-products-opt3 .col-banner .box-img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 348px;
}

.block-floor-products-opt3 .col-banner .box-img img {
  display: block;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.block-floor-products-opt3 .col-banner .des {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  color: var(--textColorLight);
  text-transform: uppercase;
  background-color: rgba(230, 46, 4, 0.8);
  text-align: center;
  line-height: 40px;
  padding: 0 5px;
}

.block-floor-products-opt3 .col-banner .des>span {
  display: block;
  position: relative;
}

.floor-products1.block-floor-products-opt3 .col-banner .des {
  background-color: rgba(230, 46, 4, 0.8);
}

.floor-products2.block-floor-products-opt3 .col-banner .des {
  background-color: rgba(255, 204, 0, 0.8);
}

.floor-products3.block-floor-products-opt3 .col-banner .des {
  background-color: rgba(0, 153, 102, 0.8);
}

.floor-products4.block-floor-products-opt3 .col-banner .des {
  background-color: rgba(255, 102, 204, 0.8);
}

.floor-products5.block-floor-products-opt3 .col-banner .des {
  background-color: rgba(255, 204, 0, 0.8);
}

.block-floor-products-opt3 .col-products:hover .owl-nav .owl-next,
.block-floor-products-opt3 .col-products:hover .owl-nav .owl-prev {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-floor-products-opt3 .col-products:hover .owl-nav .owl-prev {
  left: 0px;
}

.block-floor-products-opt3 .col-products:hover .owl-nav .owl-next {
  right: 0px;
}

.block-floor-products-opt3 .col-products .owl-nav .owl-next,
.block-floor-products-opt3 .col-products .owl-nav .owl-prev {
  width: 32px;
  line-height: 50px;
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  opacity: 0;
}

.block-floor-products-opt3 .col-products .owl-nav .owl-next:hover,
.block-floor-products-opt3 .col-products .owl-nav .owl-prev:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.floor-products1.block-floor-products-opt3 .col-products .owl-nav .owl-next:hover,
.floor-products1.block-floor-products-opt3 .col-products .owl-nav .owl-prev:hover {
  background-color: #e62e04;
  border-color: #e62e04;
}

.floor-products2.block-floor-products-opt3 .col-products .owl-nav .owl-next:hover,
.floor-products2.block-floor-products-opt3 .col-products .owl-nav .owl-prev:hover {
  background-color: #ffcc00;
  border-color: #ffcc00;
}

.floor-products3.block-floor-products-opt3 .col-products .owl-nav .owl-next:hover,
.floor-products3.block-floor-products-opt3 .col-products .owl-nav .owl-prev:hover {
  background-color: #009966;
  border-color: #009966;
}

.floor-products4.block-floor-products-opt3 .col-products .owl-nav .owl-next:hover,
.floor-products4.block-floor-products-opt3 .col-products .owl-nav .owl-prev:hover {
  background-color: #ff66cc;
  border-color: #ff66cc;
}

.floor-products5.block-floor-products-opt3 .col-products .owl-nav .owl-next:hover,
.floor-products5.block-floor-products-opt3 .col-products .owl-nav .owl-prev:hover {
  background-color: #ffcc00;
  border-color: #ffcc00;
}

.block-floor-products-opt3 .col-products .owl-nav .owl-next:before,
.block-floor-products-opt3 .col-products .owl-nav .owl-prev:before {
  content: "";
  font-family: 'FontAwesome';
}

.block-floor-products-opt3 .col-products .owl-nav .owl-prev {
  left: 25px;
}

.block-floor-products-opt3 .col-products .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-floor-products-opt3 .col-products .owl-nav .owl-next {
  right: 25px;
}

.block-floor-products-opt3 .col-products .owl-nav .owl-next:before {
  content: "\f105";
}

.block-floor-products-opt3 .product-item .product-item-info {
  border: 1px solid #eeeeee;
  position: relative;
}

.block-floor-products-opt3 .product-item .product-item-photo {
  padding: 10px;
}

.block-floor-products-opt3 .product-item .product-item-img {
  height: 253px;
  display: block;
}

.block-floor-products-opt3 .product-item .product-item-img img {
  max-height: 100%;
  display: block;
}

.block-floor-products-opt3 .product-item .product-item-price {
  color: #0088cc;
}

.block-floor-products-opt3 .product-item .product-item-label.label-sale-off {
  top: 10px;
  right: -7px;
  left: auto;
}

.block-floor-products-opt3 .product-item .product-item-name {
  margin-bottom: 6px;
}

.floor-products1.block-floor-products-opt3 .product-item .product-item-name a:hover {
  color: #e62e04;
}

.floor-products2.block-floor-products-opt3 .product-item .product-item-name a:hover {
  color: #ffcc00;
}

.floor-products3.block-floor-products-opt3 .product-item .product-item-name a:hover {
  color: #009966;
}

.floor-products4.block-floor-products-opt3 .product-item .product-item-name a:hover {
  color: #ff66cc;
}

.floor-products5.block-floor-products-opt3 .product-item .product-item-name a:hover {
  color: #ffcc00;
}

.block-floor-products-opt3 .product-item .product-item-detail {
  padding-left: 10px;
  padding-right: 10px;
  min-height: 74px;
  padding-top: 14px;
}

.block-floor-products-opt3 .product-item .product-item-price {
  width: 100%;
}

.block-floor-products-opt3 .product-item .product-reviews-summary {
  display: none;
}

.floor-products1.block-floor-products-opt3 .product-item .btn-cart:hover,
.floor-products1.block-floor-products-opt3 .product-item .product-item-actions .btn:hover {
  background-color: #e62e04;
  border-color: #e62e04;
}

.floor-products2.block-floor-products-opt3 .product-item .btn-cart:hover,
.floor-products2.block-floor-products-opt3 .product-item .product-item-actions .btn:hover {
  background-color: #ffcc00;
  border-color: #ffcc00;
}

.floor-products3.block-floor-products-opt3 .product-item .btn-cart:hover,
.floor-products3.block-floor-products-opt3 .product-item .product-item-actions .btn:hover {
  background-color: #009966;
  border-color: #009966;
}

.floor-products4.block-floor-products-opt3 .product-item .btn-cart:hover,
.floor-products4.block-floor-products-opt3 .product-item .product-item-actions .btn:hover {
  background-color: #ff66cc;
  border-color: #ff66cc;
}

.floor-products5.block-floor-products-opt3 .product-item .btn-cart:hover,
.floor-products5.block-floor-products-opt3 .product-item .product-item-actions .btn:hover {
  background-color: #ffcc00;
  border-color: #ffcc00;
}

.block-hot-deals-opt3 {
  margin-bottom: 20px;
}

.block-hot-deals-opt3 .box-content {
  border: 1px solid #eaeaea;
  position: relative;
  padding-right: 45px;
  background-color: #fff;
}

.block-hot-deals-opt3 .box-content:before,
.block-hot-deals-opt3 .box-content:after {
  content: "";
  display: table;
}

.block-hot-deals-opt3 .box-content:after {
  clear: both;
}

.block-hot-deals-opt3 .block-title {
  width: 280px;
  float: right;
  padding-bottom: 23px;
}

.block-hot-deals-opt3 .block-title>.title {
  width: 45px;
  background-color: #0088cc;
  color: var(--textColorLight);
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  /* Safari */
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.block-hot-deals-opt3 .block-title>.title>span {
  display: block;
  margin-bottom: 14px;
  width: 100%;
}

.block-hot-deals-opt3 .block-title>.title>span:last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .block-hot-deals-opt3 .block-title {
    float: none;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 0;
    padding-right: 30px;
  }

  .block-hot-deals-opt3 .block-title .deals-of-countdown,
  .block-hot-deals-opt3 .block-title .nav-links {
    display: inline-block;
    vertical-align: middle;
  }

  .block-hot-deals-opt3 .block-title .nav-links {
    padding: 0;
  }
}

@media (max-width: 479px) {
  .block-hot-deals-opt3 .block-title {
    padding-right: 0;
    text-align: center;
  }

  .block-hot-deals-opt3 .block-title .nav-links {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
  }

  .block-hot-deals-opt3 .block-title .nav-links .dropdown-toggle {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #fff;
  }

  .block-hot-deals-opt3 .block-title .title {
    padding-top: 40px;
  }

  .block-hot-deals-opt3 .block-title .count-down-time {
    padding: 0;
  }
}

.block-hot-deals-opt3 .nav-links {
  padding: 15px 22px 20px 12px;
}

.block-hot-deals-opt3 .nav-links a {
  display: block;
  line-height: 39px;
  border-bottom: 1px solid #eaeaea;
  padding-right: 17px;
  font-size: var(--fontSizeNormal);
  color: #666666;
  text-transform: uppercase;
}

.block-hot-deals-opt3 .nav-links a:hover,
.block-hot-deals-opt3 .nav-links a:focus {
  color: #0088cc;
}

.block-hot-deals-opt3 .nav-links li.active>a {
  color: #0088cc;
}

.block-hot-deals-opt3 .nav-links .dropdown-toggle {
  background-color: transparent;
  box-shadow: none;
  width: 44px;
  height: 44px;
  text-align: center;
  padding: 0;
  cursor: pointer;
  border: 1px solid #eaeaea;
  background-color: #0088cc;
  color: var(--textColorLight);
}

.block-hot-deals-opt3 .nav-links .dropdown-menu {
  padding: 15px 12px;
  width: 210px;
}

@media (min-width: 992px) {
  .block-hot-deals-opt3 .nav-links .dropdown-menu {
    position: static;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    float: none;
  }

  .block-hot-deals-opt3 .nav-links .dropdown-toggle {
    display: none;
  }
}

.block-hot-deals-opt3 .count-down-time {
  padding-right: 22px;
}

.block-hot-deals-opt3 .count-down-time .box-count {
  width: 67px;
  height: 67px;
  background-color: #fff;
  color: var(--textColorLight);
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  z-index: 200;
  padding: 10px;
  border: 1px solid #eaeaea;
  margin-left: -5px;
}

.block-hot-deals-opt3 .count-down-time .box-count:before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background-color: #0088cc;
  border-radius: 100%;
}

.block-hot-deals-opt3 .count-down-time .box-count .number {
  font-size: var(--fontSizeNormal);
  display: block;
  position: relative;
  padding-top: 4px;
}

.block-hot-deals-opt3 .count-down-time .box-count .number:before {
  content: "";
  width: 22px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -11px;
}

.block-hot-deals-opt3 .count-down-time .box-count .text {
  font-size: 10px;
  position: relative;
}

@media (max-width: 479px) {
  .block-hot-deals-opt3 .count-down-time .box-count {
    width: 54px;
    height: 54px;
    padding: 3px;
  }

  .block-hot-deals-opt3 .count-down-time .box-count:before {
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
  }
}

.block-hot-deals-opt3 .block-content {
  overflow: hidden;
  padding-top: 28px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 360px) {
  .block-hot-deals-opt3 .block-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.block-hot-deals-opt3 .block-content:hover .owl-nav .owl-next,
.block-hot-deals-opt3 .block-content:hover .owl-nav .owl-prev {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-hot-deals-opt3 .block-content:hover .owl-nav .owl-prev {
  left: 0px;
}

.block-hot-deals-opt3 .block-content:hover .owl-nav .owl-next {
  right: 0px;
}

.block-hot-deals-opt3 .block-content .owl-nav .owl-next,
.block-hot-deals-opt3 .block-content .owl-nav .owl-prev {
  width: 32px;
  line-height: 50px;
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  opacity: 0;
}

.block-hot-deals-opt3 .block-content .owl-nav .owl-next:hover,
.block-hot-deals-opt3 .block-content .owl-nav .owl-prev:hover {
  color: var(--textColorLight);
  background-color: #0088cc;
  border-color: #0088cc;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.block-hot-deals-opt3 .block-content .owl-nav .owl-next:before,
.block-hot-deals-opt3 .block-content .owl-nav .owl-prev:before {
  content: "";
  font-family: 'FontAwesome';
}

.block-hot-deals-opt3 .block-content .owl-nav .owl-prev {
  left: 25px;
}

.block-hot-deals-opt3 .block-content .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-hot-deals-opt3 .block-content .owl-nav .owl-next {
  right: 25px;
}

.block-hot-deals-opt3 .block-content .owl-nav .owl-next:before {
  content: "\f105";
}

.block-hot-deals-opt3 .product-item .product-item-photo {
  padding: 0;
  border: 1px solid #eaeaea;
}

.block-hot-deals-opt3 .product-item .product-item-img {
  height: 213px;
}

.block-hot-deals-opt3 .product-item .product-item-actions {
  top: 10px;
}

.block-hot-deals-opt3 .product-item .product-item-detail {
  padding-left: 0;
  padding-right: 0;
  padding-top: 12px;
}

.block-hot-deals-opt3 .product-item .product-item-price {
  width: 100%;
  color: #0088cc;
}

.block-hot-deals-opt3 .product-item .product-item-name {
  margin-bottom: 6px;
}

.block-hot-deals-opt3 .product-item .product-item-name a:hover {
  color: #0088cc;
}

.block-hot-deals-opt3 .product-item .btn-cart:hover,
.block-hot-deals-opt3 .product-item .product-item-actions .btn:hover {
  background-color: #0088cc;
}

.block-banner-lag-opt3 {
  padding-top: 10px;
}

.block-banner-lag-opt3 .row {
  margin: 0 -5px;
}

.block-banner-lag-opt3 [class^="col-sm"] {
  padding: 0 5px;
}

.block-banner-lag-opt3 .box-img {
  margin-bottom: 25px;
}

.index-opt-3 .back-to-top {
  border-color: #0088cc;
}

.index-opt-3 .back-to-top .fa {
  background-color: #0088cc;
}

.index-opt-3 .back-to-top:hover {
  background-color: #0088cc;
}

.index-opt-3 .block-service-opt1 {
  margin-bottom: 30px;
  border-top: none;
}

.index-opt-3 .block-service-opt1 .item .title {
  line-height: 1;
  margin-top: 5px;
}

.index-opt-3 .block-the-blog {
  padding-top: 5px;
  margin-bottom: 40px;
}

.index-opt-3 .block-the-blog .block-title .title {
  border-bottom-color: #0088cc;
}

.index-opt-3 .block-the-blog .owl-nav .owl-next:hover,
.index-opt-3 .block-the-blog .owl-nav .owl-prev:hover {
  background-color: #0088cc;
}

.index-opt-3 .block-the-blog .blog-item .blog-actions .action {
  color: #0088cc;
  position: relative;
  display: inline-block;
}

.index-opt-3 .block-the-blog .blog-item .blog-actions .action:hover {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1.9s;
  animation-duration: 1.9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.index-opt-3 .block-the-blog .blog-item .blog-name a:hover {
  color: #0088cc;
}

/*slide home 4*/
.slide-opt-4 .owl-item .img-slide {
  width: 100%;
}

.slide-opt-4 .item1 {
  position: relative;
}

.slide-opt-4 .item1 .img-slide {
  width: 100%;
}

.slide-opt-4 .item1 .img-sm {
  position: absolute;
  top: 27px;
  width: auto;
  left: 59.1%;
}

.slide-opt-4 .active .item1 .img-sm {
  -webkit-animation: swing 0.9s ease-in-out 0.8s both;
  -o-animation: swing 0.9s ease-in-out 0.8s both;
  animation: swing 0.9s ease-in-out 0.8s both;
}

.slide-opt-4 .item2 {
  text-transform: uppercase;
}

.slide-opt-4 .item2 .description {
  position: absolute;
  float: left;
  left: 60px;
  top: 100px;
  text-align: center;
}

.slide-opt-4 .item2 .subtitle {
  color: #666666;
  font-size: 26px;
  display: block;
  overflow: hidden;
  text-align: center;
}

.slide-opt-4 .item2 .subtitle span {
  display: inline-block;
  margin: 0 7px;
}

.slide-opt-4 .item2 .subtitle:before,
.slide-opt-4 .item2 .subtitle:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-top: 1px solid #51b1a8;
  width: 100%;
}

.slide-opt-4 .item2 .subtitle:before {
  margin-right: -100%;
}

.slide-opt-4 .item2 .subtitle:after {
  margin-left: -100%;
}

.slide-opt-4 .item2 .title {
  color: #544e4e;
  font-size: 36px;
  display: block;
  margin-bottom: 8px;
}

.slide-opt-4 .item2 .des {
  color: var(--textColorLight);
  padding: 6px 6px;
  background-color: #51b1a8;
  display: block;
}

.slide-opt-4 .item2 .view-opt4 {
  border: 1px solid #666666;
  line-height: 33px;
  padding: 0 20px;
  font-size: var(--fontSizeNormal);
  color: #333333;
  display: inline-block;
  margin-top: 22px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.slide-opt-4 .item2 .view-opt4:hover {
  text-decoration: none;
  background-color: #51B1A8;
  border-color: #51B1A8;
  color: var(--textColorLight);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.slide-opt-4 .active .item2 .subtitle {
  -webkit-animation: fadeInDown 0.9s ease-in-out 0.8s both;
  -o-animation: fadeInDown 0.9s ease-in-out 0.8s both;
  animation: fadeInDown 0.9s ease-in-out 0.8s both;
}

.slide-opt-4 .active .item2 .title {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

.slide-opt-4 .active .item2 .des {
  -webkit-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  -o-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  animation: fadeInRight 0.4s ease-in-out 1.2s both;
}

.slide-opt-4 .active .item2 .view-opt4 {
  -webkit-animation: zoomIn 0.6s ease-in-out 0.8s both;
  -o-animation: zoomIn 0.6s ease-in-out 0.8s both;
  animation: zoomIn 0.6s ease-in-out 0.8s both;
}

.slide-opt-4 .item3 .description {
  position: absolute;
  float: left;
  left: 40px;
  top: 152px;
  text-align: left;
  max-width: 450px;
}

.slide-opt-4 .item3 .title {
  color: #bc5625;
  font-size: 30px;
  display: block;
  margin-bottom: 0px;
}

.slide-opt-4 .item3 .des {
  color: #666666;
  display: block;
  font-size: 18px;
}

.slide-opt-4 .item3 .view-opt4 {
  border: 1px solid #666666;
  line-height: 33px;
  padding: 0 20px;
  font-size: var(--fontSizeNormal);
  color: #666666;
  display: inline-block;
  margin-top: 25px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.slide-opt-4 .item3 .view-opt4:hover {
  text-decoration: none;
  background-color: #bc5625;
  border-color: #bc5625;
  color: var(--textColorLight);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.slide-opt-4 .active .item3 .title {
  -webkit-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  animation: fadeInRight 0.9s ease-in-out 0.8s both;
}

.slide-opt-4 .active .item3 .des {
  -webkit-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  -o-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  animation: fadeInRight 0.4s ease-in-out 1.2s both;
}

.slide-opt-4 .active .item3 .view-opt4 {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

@media (max-width: 640px) {
  .slide-opt-4 .item2 .description {
    top: 34px;
    left: 30px;
  }

  .slide-opt-4 .item3 .description {
    top: 70px;
    left: 30px;
  }
}

@media (max-width: 480px) {
  .slide-opt-4 .item2 .description {
    top: 10px;
    left: 10px;
  }

  .slide-opt-4 .item2 .subtitle {
    font-size: var(--fontSizeNormal);
  }

  .slide-opt-4 .item2 .title {
    font-size: 20px;
  }

  .slide-opt-4 .item2 .des {
    font-size: 10px;
  }

  .slide-opt-4 .item2 .view-opt4 {
    font-size: 10px;
    line-height: 22px;
    margin-top: 10px;
  }

  .slide-opt-4 .item3 .description {
    top: 30px;
    left: 10px;
  }

  .slide-opt-4 .item3 .title {
    font-size: 20px;
  }

  .slide-opt-4 .item3 .des {
    font-size: 10px;
  }

  .slide-opt-4 .item3 .view-opt4 {
    font-size: 10px;
    line-height: 22px;
    margin-top: 10px;
  }

  .slide-opt-4 .item1 .img-sm {
    max-width: 30%;
  }
}

.block-section-top4 {
  position: relative;
  margin-bottom: 30px;
  background-color: #fff;
}

.block-section-top4 .box-section-top {
  position: relative;
  padding-right: 280px;
  padding-top: 10px;
}

@media (max-width: 1199px) {
  .block-section-top4 .box-section-top {
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .block-section-top4 .box-section-top {
    padding-left: 0;
  }
}

.block-section-top4 .block-nav-categori {
  float: none;
  position: absolute !important;
  top: 0;
  right: 0;
}

@media (max-width: 1199px) {
  .block-section-top4 .block-nav-categori {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

.block-section-top4 .block-nav-categori .block-title {
  display: none;
}

.block-section-top4 .block-nav-categori .ui-categori {
  padding-bottom: 3px;
  padding-top: 1px;
}

.block-section-top4 .block-nav-categori .ui-categori>li {
  padding-left: 20px;
  padding-right: 20px;
}

.block-section-top4 .block-nav-categori .ui-categori>li>a {
  line-height: 35px;
  border-top: 1px dotted #ccc;
  padding: 0;
  padding-left: 20px;
}

.block-section-top4 .block-nav-categori .ui-categori>li>a .icon {
  width: 26px;
  text-align: center;
  margin-left: 2px;
  vertical-align: baseline;
}

.block-section-top4 .block-nav-categori .ui-categori>li:first-child>a {
  border-top: none;
}

.block-section-top4 .block-nav-categori .ui-categori>li.parent>a:after {
  line-height: 36px;
}

.block-section-top4 .block-nav-categori .ui-categori .submenu {
  right: 270px;
  width: 900px;
}

@media (max-width: 1199px) {
  .block-section-top4 .block-nav-categori .ui-categori .submenu {
    width: 670px;
  }
}

.block-section-top4 .block-nav-categori .view-all-categori {
  padding: 0 20px;
}

.block-section-top4 .block-nav-categori .view-all-categori .btn-view-all,
.block-section-top4 .block-nav-categori .view-all-categori a {
  background-color: #fff;
  color: #53524e;
  border: 1px solid #eeeeee;
  font-size: var(--fontSizeNormal);
  line-height: 40px;
  padding-right: 55px;
  padding-left: 15px;
}

.block-section-top4 .block-nav-categori .view-all-categori .btn-view-all:after,
.block-section-top4 .block-nav-categori .view-all-categori a:after {
  content: "\f100";
  float: none;
  margin-right: 19px;
  vertical-align: top;
  display: inline-block;
  margin-right: 14px;
}

.block-section-top4 .block-nav-categori .view-all-categori .btn-view-all:hover,
.block-section-top4 .block-nav-categori .view-all-categori a:hover {
  background-color: #0088cc;
  color: var(--textColorLight);
}

.block-section-top4 .block-nav-categori .block-content {
  min-height: 480px;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 270px;
  border: 1px solid #eeeeee;
  border-top: none;
  padding-bottom: 15px;
}

.block-banner-main-opt4 {
  margin-bottom: 22px;
}

.block-banner-main-opt4 .row {
  margin: 0 -5px;
}

.block-banner-main-opt4 [class^="col-sm"],
.block-banner-main-opt4 [class^="col-md"] {
  padding: 0 5px;
}

.block-banner-main-opt4 .box-img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.block-banner-main-opt4 .box-img img {
  display: block;
  width: 100%;
}

.block-banner-main-opt4 .box-img:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(81, 177, 168, 0.5);
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.block-banner-main-opt4 .box-img:hover:before {
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  opacity: 1;
  visibility: visible;
}

.block-banner-main-opt4 .description {
  background-color: #e0d095;
  min-height: 161px;
  color: #666666;
  text-align: center;
  overflow: hidden;
  font-size: var(--fontSizeNormal);
  padding-top: 31px;
  margin-bottom: 10px;
}

.block-banner-main-opt4 .description .btn,
.block-banner-main-opt4 .description .title,
.block-banner-main-opt4 .description .des {
  position: relative;
}

.block-banner-main-opt4 .description .btn {
  color: var(--textColorLight);
  font-size: var(--fontSizeNormal);
  line-height: 34px;
  border: none;
  text-transform: uppercase;
  padding: 0 20px;
  background-color: #51b1a8;
  border-radius: 15px;
}

.block-banner-main-opt4 .description .btn:hover {
  background-color: #306c66;
}

.block-banner-main-opt4 .description .title {
  display: block;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 30px;
}

.block-banner-main-opt4 .description .des {
  display: block;
  text-transform: capitalize;
  margin-bottom: 17px;
}

.block-banner-main-opt4 .description:hover .title,
.block-banner-main-opt4 .description:hover .des,
.block-banner-main-opt4 .description:hover .btn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .block-banner-main-opt4 .description {
    padding-top: 5px;
    min-height: 129px;
  }

  .block-banner-main-opt4 .description .title {
    font-size: 18px;
  }

  .block-banner-main-opt4 .description .des {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .block-banner-main-opt4 .description {
    min-height: 201px;
  }
}

.block-banner-main-opt4 .description2 {
  background-color: #51b1a8;
  color: var(--textColorLight);
}

.block-banner-main-opt4 .description2 .btn {
  color: #666;
  background-color: #e0d095;
}

.block-banner-main-opt4 .description2 .btn:hover {
  background-color: #c9ad46;
}

.index-opt-4 {
  background-color: #fff;
}

.index-opt-4 .back-to-top {
  border-color: #0188cc;
}

.index-opt-4 .back-to-top .fa {
  background-color: #0188cc;
}

.index-opt-4 .back-to-top:hover {
  background-color: #0188cc;
}

.index-opt-4 .block-the-blog .block-title .title {
  border-bottom-color: #0088cc;
  font-size: 18px;
}

.index-opt-4 .block-the-blog .owl-nav .owl-next:hover,
.index-opt-4 .block-the-blog .owl-nav .owl-prev:hover {
  background-color: #0188cc;
}

.index-opt-4 .block-the-blog .blog-item .blog-actions .action {
  color: #0188cc;
}

.index-opt-4 .block-the-blog .blog-item .blog-name a:hover {
  color: #0188cc;
}

.index-opt-4 .block-floor-products-opt3 .block-title {
  border-bottom-color: #ccc;
}

.index-opt-4 .block-hot-deals-opt3 .block-title>.title>span:last-child {
  color: #f6ee08;
}

.slide-opt-5 .item {
  background-color: #d3e6e2;
  height: 450px;
}

.slide-opt-5 .item img {
  width: auto;
}

.slide-opt-5 .item .img-lag {
  position: absolute;
  bottom: 0;
  left: 85px;
}

.slide-opt-5 .item .img-sm {
  position: absolute;
  bottom: 22px;
  right: 70px;
}

.slide-opt-5 .item .description {
  position: absolute;
  float: left;
  right: 115px;
  top: 30px;
  text-align: center;
  text-transform: uppercase;
  min-width: 380px;
  max-width: 445px;
}

.slide-opt-5 .item .subtitle {
  color: #666666;
  font-size: 18px;
  display: block;
  overflow: hidden;
  text-align: center;
}

.slide-opt-5 .item .subtitle span {
  display: inline-block;
  margin: 0 7px;
}

.slide-opt-5 .item .subtitle:before,
.slide-opt-5 .item .subtitle:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-top: 1px solid #eb7b8f;
  width: 100%;
}

.slide-opt-5 .item .subtitle:before {
  margin-right: -100%;
}

.slide-opt-5 .item .subtitle:after {
  margin-left: -100%;
}

.slide-opt-5 .item .title {
  color: #666666;
  font-size: 40px;
  display: block;
  margin-bottom: 4px;
}

.slide-opt-5 .item .title span {
  color: #cf3333;
}

.slide-opt-5 .item .title .fa {
  font-size: 30px;
  margin-left: 20px;
}

.slide-opt-5 .item .des {
  color: var(--textColorLight);
  padding: 0px;
  background-color: #666666;
  font-size: var(--fontSizeNormal);
  display: table;
  width: 100%;
}

.slide-opt-5 .item .des>span {
  display: table-cell;
  padding: 0 6px;
}

.slide-opt-5 .item .view-opt5 {
  border: none;
  background-color: #eb7b8f;
  line-height: 33px;
  padding: 0 20px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorLight);
  display: inline-block;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.slide-opt-5 .item .view-opt5 a {
  color: var(--textColorLight);
}

.slide-opt-5 .item .view-opt5 a:hover {
  text-decoration: none;
}

.slide-opt-5 .item .view-opt5:hover {
  text-decoration: none;
  background-color: #cf3333;
  border-color: #cf3333;
  color: var(--textColorLight);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.slide-opt-5 .active .img-2 {
  -webkit-animation: fadeInLeft 0.6s ease-in-out 0.6s both;
  -o-animation: fadeInLeft 0.6s ease-in-out 0.6s both;
  animation: fadeInLeft 0.6s ease-in-out 0.6s both;
}

.slide-opt-5 .active .img-1 {
  -webkit-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  animation: fadeInRight 0.9s ease-in-out 0.8s both;
}

.slide-opt-5 .active .subtitle {
  -webkit-animation: fadeInDown 1.4s ease-in-out 0.8s both;
  -o-animation: fadeInDown 1.4s ease-in-out 0.8s both;
  animation: fadeInDown 1.4s ease-in-out 0.8s both;
}

.slide-opt-5 .active .title {
  -webkit-animation: fadeInDown 1.6s ease-in-out 0.6s both;
  -o-animation: fadeInDown 1.6s ease-in-out 0.6s both;
  animation: fadeInDown 1.6s ease-in-out 0.6s both;
}

.slide-opt-5 .active .des {
  -webkit-animation: fadeInDown 1.7s ease-in-out 0.8s both;
  -o-animation: fadeInDown 1.7s ease-in-out 0.8s both;
  animation: fadeInDown 1.7s ease-in-out 0.8s both;
}

.slide-opt-5 .active .view-opt1 {
  -webkit-animation: fadeInDown 1.9s ease-in-out 0.8s both;
  -o-animation: fadeInDown 1.9s ease-in-out 0.8s both;
  animation: fadeInDown 1.9s ease-in-out 0.8s both;
}

@media (max-width: 1200px) {
  .slide-opt-5 .item .img-lag {
    bottom: 0;
    left: 0px;
  }

  .slide-opt-5 .item .img-sm {
    bottom: 10px;
    right: 40px;
  }

  .slide-opt-5 .item .img-sm img {
    width: 320px;
  }

  .slide-opt-5 .item .description {
    position: absolute;
    float: left;
    right: 70px;
    top: 30px;
    text-align: center;
    text-transform: uppercase;
    min-width: 380px;
    max-width: 445px;
  }
}

@media (max-width: 992px) {
  .slide-opt-5 .item {
    overflow: hidden;
    position: relative;
    height: 400px;
  }

  .slide-opt-5 .item .img-lag {
    bottom: 0;
    left: -57px;
  }

  .slide-opt-5 .item .img-lag img {
    height: 400px;
  }

  .slide-opt-5 .item .img-sm {
    bottom: 10px;
    right: 40px;
  }

  .slide-opt-5 .item .img-sm img {
    width: 240px;
  }

  .slide-opt-5 .item .description {
    position: absolute;
    float: left;
    right: 23px;
    top: 50px;
    text-align: center;
    text-transform: uppercase;
    min-width: 380px;
    max-width: 445px;
  }

  .slide-opt-5 .item .title {
    font-size: 30px;
  }

  .slide-opt-5 .item .title .fa {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  .slide-opt-5 .item {
    height: 350px;
  }

  .slide-opt-5 .item .img-lag {
    bottom: 0;
    left: -57px;
  }

  .slide-opt-5 .item .img-lag img {
    height: 350px;
  }

  .slide-opt-5 .item .img-sm {
    bottom: 10px;
    right: 40px;
  }

  .slide-opt-5 .item .img-sm img {
    width: 200px;
  }

  .slide-opt-5 .item .description {
    right: 23px;
    top: 50px;
    min-width: 300px;
    max-width: 340px;
  }

  .slide-opt-5 .item .title {
    font-size: 24px;
  }

  .slide-opt-5 .item .title .fa {
    font-size: 20px;
  }

  .slide-opt-5 .item .des {
    font-size: 11px;
    background-color: rgba(102, 102, 102, 0.6);
  }

  .slide-opt-5 .item .view-opt5 {
    font-size: 11px;
  }
}

@media (max-width: 479px) {
  .slide-opt-5 .item {
    height: 350px;
  }

  .slide-opt-5 .item .img-lag {
    bottom: 0;
    left: -197px;
  }

  .slide-opt-5 .item .img-lag img {
    height: 350px;
  }

  .slide-opt-5 .item .img-sm {
    bottom: 10px;
    right: 0px;
  }

  .slide-opt-5 .item .img-sm img {
    width: 200px;
  }

  .slide-opt-5 .item .description {
    right: 10px;
    left: 10px;
    top: 20px;
    min-width: 200px;
    max-width: 100%;
  }

  .slide-opt-5 .item .title {
    font-size: 24px;
  }

  .slide-opt-5 .item .title .fa {
    font-size: 20px;
  }

  .slide-opt-5 .item .des {
    font-size: 11px;
    background-color: rgba(102, 102, 102, 0.6);
  }

  .slide-opt-5 .item .view-opt5 {
    font-size: 11px;
  }
}

.block-section-top5 {
  margin-bottom: 30px;
}

.index-opt-5 {
  background-color: #fff;
}

.index-opt-5 .back-to-top {
  border-color: var(--theme-deafult);
}

.index-opt-5 .back-to-top .fa {
  background-color: var(--theme-deafult);
}

.index-opt-5 .back-to-top:hover {
  background-color: var(--theme-deafult);
}

.slide-opt-6 {
  color: #000000;
}

.slide-opt-6 .dotsData .owl-dots {
  text-align: right;
  position: absolute;
  bottom: 18px;
  right: 99px;
}

.slide-opt-6 .dotsData .owl-dots .owl-dot {
  color: #000000;
  font-size: var(--fontSizeNormal);
  width: 24px;
  line-height: 24px;
  height: 24px;
  border-radius: 0;
  background-color: rgba(163, 163, 163, 0.7);
  display: inline-block;
  text-align: center;
  border: none;
  margin: 0 0 0 7px;
}

.slide-opt-6 .dotsData .owl-dots .owl-dot.active {
  background-color: rgba(0, 0, 0, 0.7);
  color: var(--textColorLight);
}

.slide-opt-6 .owl-nav .owl-prev,
.slide-opt-6 .owl-nav .owl-next {
  color: var(--textColorLight);
  font-size: var(--fontSizeNormal);
  width: 24px;
  line-height: 24px;
  height: 24px;
  border-radius: 0;
  background-color: #a3a3a3;
  display: inline-block;
  text-align: center;
  border: none;
  position: absolute;
  top: auto;
  left: auto !important;
  bottom: 18px;
  right: 66px !important;
  opacity: 1;
  visibility: visible;
}

.slide-opt-6 .owl-nav .owl-prev:hover,
.slide-opt-6 .owl-nav .owl-next:hover,
.slide-opt-6 .owl-nav .owl-prev.disabled,
.slide-opt-6 .owl-nav .owl-next.disabled {
  background-color: #008a90;
  color: var(--textColorLight);
  left: auto;
}

.slide-opt-6 .owl-nav .owl-prev {
  right: 224px !important;
}

.slide-opt-6 .description {
  position: absolute;
  top: 104px;
  right: 113px;
  text-align: right;
  max-width: 407px;
}

.slide-opt-6 .owl-item .img-slide {
  width: 100%;
}

.slide-opt-6 .img-slide {
  display: block;
  width: 100%;
}

.slide-opt-6 .subtitle {
  font-size: 26px;
  color: #900700;
  display: block;
  margin-bottom: 16px;
  text-transform: capitalize;
}

.slide-opt-6 .title {
  display: block;
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 2px;
}

.slide-opt-6 .des {
  display: block;
  font-size: 48px;
  color: #003d40;
}

.slide-opt-6 .subtitle,
.slide-opt-6 .title,
.slide-opt-6 .des,
.slide-opt-6 .view-opt1 {
  position: relative;
}

.slide-opt-6 .active .title {
  -webkit-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  animation: fadeInRight 0.9s ease-in-out 0.8s both;
}

.slide-opt-6 .active .subtitle {
  -webkit-animation: fadeInLeft 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInLeft 0.6s ease-in-out 0.8s both;
  animation: fadeInLeft 0.6s ease-in-out 0.8s both;
}

.slide-opt-6 .active .des {
  -webkit-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  -o-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  animation: fadeInRight 0.4s ease-in-out 1.2s both;
}

.slide-opt-6 .active .view-opt1 {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

@media (max-width: 640px) {
  .slide-opt-6 .description {
    right: 40px;
  }

  .slide-opt-6 .title {
    font-size: 24px;
  }

  .slide-opt-6 .subtitle {
    font-size: 18px;
  }

  .slide-opt-6 .des {
    font-size: 30px;
  }
}

@media (max-width: 480px) {
  .slide-opt-6 .description {
    right: 10px;
    left: 10px;
    top: 30px;
  }

  .slide-opt-6 .title {
    font-size: 16px;
  }

  .slide-opt-6 .subtitle {
    font-size: var(--fontSizeNormal);
  }

  .slide-opt-6 .des {
    font-size: 16px;
  }
}

.block-section-top6 {
  margin-bottom: 30px;
}

.block-section-top6 .box-section-top:before,
.block-section-top6 .box-section-top:after {
  content: "";
  display: table;
}

.block-section-top6 .box-section-top:after {
  clear: both;
}

.block-section-top6 .slide-opt-6 {
  width: calc(100% - 385px);
  width: -moz-calc(100% - 385px);
  width: -webkit-calc(100% - 385px);
  width: -o-calc(100% - 385px);
  float: right;
}

@media (max-width: 1199px) {
  .block-section-top6 .slide-opt-6 {
    width: 100%;
    float: none;
  }
}

.block-section-top6 .banner-section-top {
  float: left;
  width: 385px;
}

.block-section-top6 .banner-section-top .box-img {
  position: relative;
  display: block;
}

.block-section-top6 .banner-section-top .box-img:before,
.block-section-top6 .banner-section-top .box-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.block-section-top6 .banner-section-top .box-img:hover:before {
  top: 50%;
  bottom: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.block-section-top6 .banner-section-top .box-img:hover:after {
  left: 50%;
  right: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.block-section-top6 .banner-section-top .box-img img {
  display: block;
  width: 100%;
}

@media (max-width: 1199px) {
  .block-section-top6 .banner-section-top {
    display: none;
  }
}

.block-section-top6 .banner-section-top:before,
.block-section-top6 .banner-section-top:after {
  content: "";
  display: table;
}

.block-section-top6 .banner-section-top:after {
  clear: both;
}

.block-section-top6 .banner-section-top .banner-col-left {
  float: right;
  padding-right: 2px;
  width: 183px;
}

.block-section-top6 .banner-section-top .banner-col-right {
  float: right;
  width: 202px;
  padding-right: 2px;
}

.block-section-top6 .banner-section-top .box-img {
  display: block;
  margin-bottom: 2px;
  float: right;
}

.block-section-top6 .banner-section-top .box-img img {
  width: 100%;
  display: block;
}

.block-section-top6 .block-policy-opt6 {
  margin-bottom: 2px;
  min-height: 194px;
}

.block-section-top6 .block-policy-opt6 .block-title {
  display: block;
  line-height: 34px;
  background-color: #cfd5da;
  color: #006379;
  font-size: 16px;
  text-transform: uppercase;
  border-right: 4px solid #006379;
  padding-right: 8px;
}

.block-section-top6 .block-policy-opt6 .block-content {
  background-color: #e1e9ee;
  color: #53524e;
  font-size: var(--fontSizeNormal);
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.block-section-top6 .block-policy-opt6 .block-content a {
  color: #53524e;
}

.block-section-top6 .block-policy-opt6 .block-content a:hover {
  color: #006379;
}

.block-section-top6 .block-policy-opt6 .block-content a:hover img {
  display: none;
}

.block-section-top6 .block-policy-opt6 .block-content a:hover .img-hide {
  display: block;
}

.block-section-top6 .block-policy-opt6 .block-content li {
  position: relative;
  line-height: 26px;
  display: block;
  padding-right: 34px;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.block-section-top6 .block-policy-opt6 .block-content li .icon {
  position: absolute;
  top: 0;
  right: 0;
}

.block-section-top6 .block-policy-opt6 .block-content li img {
  display: block;
}

.block-section-top6 .block-policy-opt6 .block-content li .img-hide {
  display: none;
}

.block-categori-opt6 .item:hover .item-photo img {
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
  -o-transform: scale(1.12);
  transform: scale(1.12);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-categori-opt6 .item-info {
  border: 1px solid #eaeaea;
  padding: 15px 10px 20px;
  margin-bottom: 30px;
}

.block-categori-opt6 .item-info:before,
.block-categori-opt6 .item-info:after {
  content: "";
  display: table;
}

.block-categori-opt6 .item-info:after {
  clear: both;
}

.block-categori-opt6 .item-title {
  display: block;
  font-size: 16px;
  color: #666666;
  text-transform: uppercase;
  line-height: 18px;
  padding-right: 17px;
  margin-bottom: 7px;
}

.block-categori-opt6 .item-title>span {
  border-bottom: 1px solid #666666;
  display: inline-block;
}

.block-categori-opt6 .item-photo {
  float: right;
  width: 58%;
  margin-top: 7px;
  overflow: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .block-categori-opt6 .item-photo {
    width: 45%;
  }
}

.block-categori-opt6 .item-photo img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-categori-opt6 .item-detail {
  overflow: hidden;
}

.block-categori-opt6 .item-detail li {
  line-height: 30px;
  display: list-item;
  list-style-type: disc;
  list-style-position: outside;
  color: #00abb3;
  font-size: 12px;
  text-transform: capitalize;
}

.block-categori-opt6 .item-detail li a {
  color: #666666;
  font-size: var(--fontSizeNormal);
}

.block-categori-opt6 .item-detail li a:hover {
  color: #007176;
}

.block-categori-opt6 .item-detail ul {
  padding-right: 20px;
  margin-bottom: 10px;
}

.block-categori-opt6 .btn-more {
  background-color: #00abb3;
  color: var(--textColorLight);
  font-size: var(--fontSizeNormal);
  line-height: 36px;
  border: none;
  text-align: center;
  min-width: 70px;
  padding: 0 6px;
  margin-right: 11px;
  text-transform: none;
}

.block-categori-opt6 .btn-more:hover {
  background-color: #007176;
}

.block-banner-lag .no-padding {
  padding: 0;
}

.block-brand-op6 {
  margin-bottom: 33px;
}

.block-brand-op6 .item {
  text-align: center;
  padding: 1px;
}

.block-brand-op6 .item a {
  display: block;
  width: 100%;
  text-align: center;
  border: 1px solid #eeeeee;
  background-color: #eeeeee;
}

.block-brand-op6 .item:hover a {
  background-color: #fff;
}

.index-opt-6 .back-to-top {
  border-color: #007176;
}

.index-opt-6 .back-to-top .fa {
  background-color: #007176;
}

.index-opt-6 .back-to-top:hover {
  background-color: #007176;
}

.index-opt-6 .block-the-blog .block-title .title {
  border-bottom-color: #007176;
}

.index-opt-6 .block-the-blog .owl-nav .owl-next:hover,
.index-opt-6 .block-the-blog .owl-nav .owl-prev:hover {
  background-color: #007176;
}

.index-opt-6 .block-the-blog .blog-item .blog-actions .action {
  color: #007176;
}

.index-opt-6 .block-the-blog .blog-item .blog-name a:hover {
  color: #007176;
}

.index-opt-6 .block-service-opt2 {
  margin-bottom: 48px;
}

.slide-opt-7 {
  color: #000000;
}

.slide-opt-7 .owl-carousel img {
  width: auto;
}

.slide-opt-7 .owl-carousel .img-slide {
  width: 100%;
}

.slide-opt-7 .owl-dots {
  text-align: right;
  position: absolute;
  bottom: 13px;
  right: 25px;
  display: none;
}

.slide-opt-7 .owl-dots .owl-dot {
  color: #000000;
  font-size: var(--fontSizeNormal);
  width: 24px;
  line-height: 24px;
  height: 24px;
  border-radius: 0;
  background-color: rgba(163, 163, 163, 0.7);
  display: inline-block;
  text-align: center;
  border: none;
  margin-left: 7px;
}

.slide-opt-7 .owl-dots .owl-dot.active {
  background-color: rgba(0, 0, 0, 0.7);
  color: var(--textColorLight);
}

.slide-opt-7 .owl-nav .owl-prev,
.slide-opt-7 .owl-nav .owl-next {
  color: var(--textColorLight);
  font-size: var(--fontSizeNormal);
  width: 24px;
  line-height: 24px;
  height: 24px;
  border-radius: 0;
  background-color: #a3a3a3;
  display: inline-block;
  text-align: center;
  border: none;
  margin-left: 7px;
}

.slide-opt-7 .owl-nav .owl-prev.hover,
.slide-opt-7 .owl-nav .owl-next.hover,
.slide-opt-7 .owl-nav .owl-prev.disabled,
.slide-opt-7 .owl-nav .owl-next.disabled {
  background-color: #008a90;
  color: var(--textColorLight);
}

.slide-opt-7 .description {
  position: absolute;
  top: 43px;
  right: 67px;
  text-align: right;
  max-width: 407px;
}

.slide-opt-7 .img-slide {
  display: block;
  width: 100%;
}

.slide-opt-7 .img-sm {
  width: auto;
  position: absolute;
  bottom: 0;
  left: 40px;
}

.slide-opt-7 .subtitle {
  font-size: 26px;
  color: #e62e04;
  display: block;
  margin-bottom: 8px;
  text-transform: capitalize;
}

.slide-opt-7 .title {
  display: block;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 0px;
  color: #333333;
}

.slide-opt-7 .des {
  display: block;
  font-size: 48px;
  color: #333333;
}

.slide-opt-7 .view-opt7 {
  background-color: transparent;
  color: #e62e04;
  line-height: 38px;
  padding: 0 17px;
  font-size: 18px;
  display: inline-block;
  border: 2px solid #e62e04;
  margin-top: 6px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-7 .view-opt7:hover {
  text-decoration: none;
  background-color: #e62e04;
  color: var(--textColorLight);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-7 .subtitle,
.slide-opt-7 .title,
.slide-opt-7 .des,
.slide-opt-7 .view-opt1 {
  position: relative;
}

.slide-opt-7 .active .img-sm {
  -webkit-animation: fadeInUp 0.5s ease-in-out 0.8s both;
  -o-animation: fadeInUp 0.5s ease-in-out 0.8s both;
  animation: fadeInUp 0.5s ease-in-out 0.8s both;
}

.slide-opt-7 .active .title {
  -webkit-animation: fadeInLeft 1s ease-in-out 0.8s both;
  -o-animation: fadeInLeft 1s ease-in-out 0.8s both;
  animation: fadeInLeft 1s ease-in-out 0.8s both;
}

.slide-opt-7 .active .subtitle {
  -webkit-animation: fadeInLeft 0.8s ease-in-out 0.8s both;
  -o-animation: fadeInLeft 0.8s ease-in-out 0.8s both;
  animation: fadeInLeft 0.8s ease-in-out 0.8s both;
}

.slide-opt-7 .active .des {
  -webkit-animation: fadeInLeft 0.6s ease-in-out 1.2s both;
  -o-animation: fadeInLeft 0.6s ease-in-out 1.2s both;
  animation: fadeInLeft 0.6s ease-in-out 1.2s both;
}

.slide-opt-7 .active .view-opt7 {
  -webkit-animation: fadeInLeft 0.8s ease-in-out 0.8s both;
  -o-animation: fadeInLeft 0.8s ease-in-out 0.8s both;
  animation: fadeInLeft 0.8s ease-in-out 0.8s both;
}

@media (max-width: 992px) {
  .slide-opt-7 .title {
    font-size: 30px;
  }

  .slide-opt-7 .subtitle {
    font-size: 24px;
  }

  .slide-opt-7 .des {
    font-size: 40px;
  }

  .slide-opt-7 .owl-carousel .img-sm {
    width: 298px;
  }
}

@media (max-width: 767px) {
  .slide-opt-7 .owl-carousel .img-sm {
    width: 200px;
  }
}

@media (max-width: 640px) {
  .slide-opt-7 .description {
    right: 30px;
  }

  .slide-opt-7 .title {
    font-size: 24px;
  }

  .slide-opt-7 .subtitle {
    font-size: 16px;
  }

  .slide-opt-7 .des {
    font-size: 30px;
  }

  .slide-opt-7 .view-opt7 {
    line-height: 30px;
    font-size: var(--fontSizeNormal);
  }

  .slide-opt-7 .owl-carousel .img-sm {
    width: 200px;
  }
}

@media (max-width: 480px) {
  .slide-opt-7 .description {
    right: 15px;
    top: 10px;
  }

  .slide-opt-7 .title {
    font-size: var(--fontSizeNormal);
  }

  .slide-opt-7 .subtitle {
    font-size: 18px;
    margin-bottom: 0;
  }

  .slide-opt-7 .des {
    font-size: 24px;
  }

  .slide-opt-7 .view-opt7 {
    line-height: 24px;
    font-size: 11px;
    margin-top: 5px;
  }

  .slide-opt-7 .owl-carousel .img-sm {
    width: 100px;
    left: 15px;
  }
}

.block-section-top7 {
  position: relative;
  margin-bottom: 30px;
  background-color: #fff;
}

.block-section-top7 .box-section-top {
  position: relative;
  padding-right: 280px;
  padding-top: 10px;
}

@media (max-width: 1199px) {
  .block-section-top7 .box-section-top {
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .block-section-top7 .box-section-top {
    padding-left: 0;
  }
}

.block-section-top7 .block-nav-categori {
  float: none;
  position: absolute !important;
  top: 0;
  right: 0;
}

@media (max-width: 1199px) {
  .block-section-top7 .block-nav-categori {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

.block-section-top7 .block-nav-categori .block-title {
  display: none;
}

.block-section-top7 .block-nav-categori .ui-categori {
  padding-bottom: 3px;
  padding-top: 1px;
}

.block-section-top7 .block-nav-categori .ui-categori>li {
  padding-left: 20px;
  padding-right: 20px;
}

.block-section-top7 .block-nav-categori .ui-categori>li>a {
  line-height: 35px;
  border-top: 1px dotted #ccc;
  padding: 0;
  padding-left: 20px;
}

.block-section-top7 .block-nav-categori .ui-categori>li>a .icon {
  width: 26px;
  text-align: center;
  margin-left: 2px;
  vertical-align: baseline;
}

.block-section-top7 .block-nav-categori .ui-categori>li:first-child>a {
  border-top: none;
}

.block-section-top7 .block-nav-categori .ui-categori>li.parent>a:after {
  line-height: 36px;
}

.block-section-top7 .block-nav-categori .ui-categori .submenu {
  right: 270px;
  width: 900px;
}

@media (max-width: 1199px) {
  .block-section-top7 .block-nav-categori .ui-categori .submenu {
    width: 670px;
  }
}

.block-section-top7 .block-nav-categori .view-all-categori {
  padding: 0;
}

.block-section-top7 .block-nav-categori .view-all-categori .btn-view-all,
.block-section-top7 .block-nav-categori .view-all-categori a {
  background-color: #fff;
  color: #53524e;
  border-top: 1px solid #eeeeee;
  font-size: var(--fontSizeNormal);
  line-height: 40px;
  padding-right: 24px;
  padding-left: 15px;
}

.block-section-top7 .block-nav-categori .view-all-categori .btn-view-all:after,
.block-section-top7 .block-nav-categori .view-all-categori a:after {
  content: "\f101";
  float: none;
  margin-right: 19px;
  vertical-align: top;
  display: inline-block;
  margin-right: 14px;
}

.block-section-top7 .block-nav-categori .view-all-categori .btn-view-all:hover,
.block-section-top7 .block-nav-categori .view-all-categori a:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.block-section-top7 .block-nav-categori .block-content {
  min-height: 453px;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 270px;
  border: 1px solid #eeeeee;
  border-top: none;
  padding-bottom: 12px;
}

.block-hot-deals-opt7 {
  margin-bottom: 30px;
}

.block-hot-deals-opt7 .block-title {
  width: 125px;
  float: right;
  padding-bottom: 23px;
}

.block-hot-deals-opt7 .block-title>.title {
  width: 45px;
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  /* Safari */
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.block-hot-deals-opt7 .block-title>.title>span {
  display: block;
  margin-bottom: 14px;
  width: 100%;
  text-align: center;
}

.block-hot-deals-opt7 .block-title>.title>span:last-child {
  margin-bottom: 0;
}

.block-hot-deals-opt7 .block-title>.title>span:nth-child(2n) {
  color: #F7A51B;
}

@media (max-width: 991px) {
  .block-hot-deals-opt7 .block-title {
    width: 100px;
  }
}

.block-hot-deals-opt7 .box-content {
  position: relative;
  background-color: #fff;
  padding-right: 45px;
}

.block-hot-deals-opt7 .count-down-time {
  padding-right: 13px;
}

.block-hot-deals-opt7 .count-down-time .box-count {
  width: 67px;
  height: 67px;
  background-color: var(--textColorLight);
  color: var(--textColorLight);
  text-align: center;
  display: block;
  border-radius: 100%;
  position: relative;
  z-index: 200;
  padding: 10px;
  border: 1px solid #eaeaea;
  margin-bottom: -5px;
}

.block-hot-deals-opt7 .count-down-time .box-count:before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background-color: var(--theme-deafult);
  border-radius: 100%;
}

.block-hot-deals-opt7 .count-down-time .box-count .number {
  font-size: var(--fontSizeNormal);
  display: block;
  position: relative;
  padding-top: 4px;
}

.block-hot-deals-opt7 .count-down-time .box-count .number:before {
  content: "";
  width: 22px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -11px;
}

.block-hot-deals-opt7 .count-down-time .box-count .text {
  font-size: 10px;
  position: relative;
}

@media (max-width: 479px) {
  .block-hot-deals-opt7 .count-down-time .box-count {
    width: 54px;
    height: 54px;
    padding: 3px;
  }

  .block-hot-deals-opt7 .count-down-time .box-count:before {
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
  }
}

.block-hot-deals-opt7 .block-content {
  padding-right: 35px;
  overflow: hidden;
}

.block-hot-deals-opt7 .block-content:before,
.block-hot-deals-opt7 .block-content:after {
  content: "";
  display: table;
}

.block-hot-deals-opt7 .block-content:after {
  clear: both;
}

.block-hot-deals-opt7 .block-content:hover .owl-nav .owl-next,
.block-hot-deals-opt7 .block-content:hover .owl-nav .owl-prev {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-hot-deals-opt7 .block-content .owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -33px;
  right: -34px;
}

.block-hot-deals-opt7 .block-content .owl-nav .owl-next,
.block-hot-deals-opt7 .block-content .owl-nav .owl-prev {
  width: 32px;
  line-height: 30px;
  background-color: #E3E1E2;
  border: 1px solid #E3E1E2;
  border-radius: 0px;
  font-size: var(--fontSizeNormal);
  color: #333333;
  text-align: center;
  display: block;
  margin-bottom: 2px;
}

.block-hot-deals-opt7 .block-content .owl-nav .owl-next:hover,
.block-hot-deals-opt7 .block-content .owl-nav .owl-prev:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.block-hot-deals-opt7 .block-content .owl-nav .owl-next:before,
.block-hot-deals-opt7 .block-content .owl-nav .owl-prev:before {
  content: "";
  font-family: 'FontAwesome';
}

.block-hot-deals-opt7 .block-content .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-hot-deals-opt7 .block-content .owl-nav .owl-next:before {
  content: "\f105";
}

.block-hot-deals-opt7 .product-item {
  border: 1px solid #eaeaea;
}

.block-hot-deals-opt7 .product-item .product-item-photo {
  padding: 0;
}

.block-hot-deals-opt7 .product-item .product-item-img {
  /*height: 213px;*/
}

.block-hot-deals-opt7 .product-item .product-item-actions {
  bottom: auto;
  top: 50%;
  margin-top: -15px;
  right: 0;
  right: 0;
  text-align: center;
  padding: 0;
}

.block-hot-deals-opt7 .product-item .product-item-actions .btn {
  float: none;
  display: inline-block;
  border: none;
}

.block-hot-deals-opt7 .product-item .product-item-detail {
  padding: 0 8px;
}

.block-hot-deals-opt7 .product-item .product-item-name {
  display: block;
  background-color: #424242;
  color: var(--textColorLight);
  line-height: 28px;
  margin: 0 -9px 10px;
  padding: 0 9px;
}

.block-hot-deals-opt7 .product-item .product-item-name:hover {
  background-color: var(--theme-deafult);
}

.block-hot-deals-opt7 .product-item .product-item-name a {
  color: var(--textColorLight);
}

.block-hot-deals-opt7 .product-item .product-item-price {
  width: 100%;
}

.block-floor-products-opt7 {
  margin-bottom: 30px;
}

.block-floor-products-opt7 .block-title {
  background-color: #fff;
  margin-bottom: 0px;
  /* padding-left: 50px; */
  position: relative;
  border-bottom: 1px solid var(--theme-deafult);
}

.floor-banner-right.block-floor-products-opt7 .block-title {
  /* padding-right: 50px; */
  padding-right: 0;
  padding-left: 0;
}

.floor-products1.block-floor-products-opt7 .block-title {
  border-bottom-color: #F7A51B;
}

.floor-products1.block-floor-products-opt7 .block-title>.title {
  background-color: #F7A51B;
}

.floor-products2.block-floor-products-opt7 .block-title {
  border-bottom-color: #7DBF43;
}

.floor-products2.block-floor-products-opt7 .block-title>.title {
  background-color: #7DBF43;
}

.floor-products3.block-floor-products-opt7 .block-title {
  border-bottom-color: #EC4A24;
}

.floor-products3.block-floor-products-opt7 .block-title>.title {
  background-color: #EC4A24;
}

.floor-products4.block-floor-products-opt7 .block-title {
  border-bottom-color: #33A8C9;
}

.floor-products4.block-floor-products-opt7 .block-title>.title {
  background-color: #33A8C9;
}

.floor-products5.block-floor-products-opt7 .block-title {
  border-bottom-color: #30A443;
}

.floor-products5.block-floor-products-opt7 .block-title>.title {
  background-color: #30A443;
}

.floor-products6.block-floor-products-opt7 .block-title {
  border-bottom-color: #AFC386;
}

.floor-products6.block-floor-products-opt7 .block-title>.title {
  background-color: #AFC386;
}

.floor-products7.block-floor-products-opt7 .block-title {
  border-bottom-color: var(--theme-deafult);
}

.floor-products7.block-floor-products-opt7 .block-title>.title {
  background-color: var(--theme-deafult);
}

.floor-products8.block-floor-products-opt7 .block-title {
  border-bottom-color: #00ae31;
}

.floor-products8.block-floor-products-opt7 .block-title>.title {
  background-color: #00ae31;
}

.floor-products9.block-floor-products-opt7 .block-title {
  border-bottom-color: #0090c9;
}

.floor-products9.block-floor-products-opt7 .block-title>.title {
  background-color: #0090c9;
}

.floor-products10.block-floor-products-opt7 .block-title {
  border-bottom-color: #3f5eca;
}

.floor-products10.block-floor-products-opt7 .block-title>.title {
  background-color: #3f5eca;
}

.floor-products11.block-floor-products-opt7 .block-title {
  border-bottom-color: #4a6f00;
}

.floor-products11.block-floor-products-opt7 .block-title>.title {
  background-color: #4a6f00;
}

.floor-products12.block-floor-products-opt7 .block-title {
  border-bottom-color: #543319;
}

.floor-products12.block-floor-products-opt7 .block-title>.title {
  background-color: #543319;
}

.block-floor-products-opt7 .block-title:before,
.block-floor-products-opt7 .block-title:after {
  content: "";
  display: table;
}

.block-floor-products-opt7 .block-title:after {
  clear: both;
}

.block-floor-products-opt7 .block-title .title {
  font-size: 22px;
  color: var(--textColorLight);
  text-transform: uppercase;
  display: block;
  float: right;
  background-color: #000;
  width: 370px;
}

@media (max-width: 1199px) {
  .block-floor-products-opt7 .block-title .title {
    width: 356px;
  }
}

.block-floor-products-opt7 .block-title .title .icon {
  width: 50px;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.block-floor-products-opt7 .block-title .title .text {
  padding-right: 17px;
  padding-left: 17px;
}

.block-floor-products-opt7 .block-title .title .text,
.block-floor-products-opt7 .block-title .title .icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 49px;
}

.block-floor-products-opt7 .block-title .title img {
  vertical-align: initial;
  height: 20px;
  object-fit: contain;
}

.floor-banner-right.block-floor-products-opt7 .block-title .title {
  float: left;
}

.floor-banner-right.block-floor-products-opt7 .block-title .title .icon {
  border-left: none;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  float: left;
}

.floor-banner-right.block-floor-products-opt7 .block-title .title .text {
  float: left;
}

.block-floor-products-opt7 .block-title .links {
  float: right;
  margin-right: 30px;
}

.block-floor-products-opt7 .block-title .links:before,
.block-floor-products-opt7 .block-title .links:after {
  content: "";
  display: table;
}

.block-floor-products-opt7 .block-title .links:after {
  clear: both;
}

.floor-banner-right.block-floor-products-opt7 .block-title .links {
  margin-right: 0;
}

.block-floor-products-opt7 .block-title .links .dropdown-toggle {
  width: 40px;
  border: none;
  background-color: transparent;
  padding: 0;
  height: 49px;
  font-size: 18px;
  display: none;
}

@media (min-width: 992px) {
  .block-floor-products-opt7 .block-title .links .dropdown-menu {
    position: static;
    display: block;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
  }
}

.block-floor-products-opt7 .block-title .links li {
  float: right;
  padding: 0 8px;
}

.block-floor-products-opt7 .block-title .links li.active>a {
  color: #007176;
  position: relative;
  z-index: 5;
}

.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #007176;
}

.block-floor-products-opt7 .block-title .links li.active>a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 8px 4px;
  border-color: transparent transparent #007176 transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -4px;
}

@media (max-width: 991px) {
  .block-floor-products-opt7 .block-title .links li.active>a:after {
    right: 20px;
    margin-left: 0;
  }
}

.floor-products1.block-floor-products-opt7 .block-title .links li.active>a {
  color: #F7A51B;
}

.floor-products1.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #F7A51B;
}

.floor-products1.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent #F7A51B transparent;
}

.floor-products2.block-floor-products-opt7 .block-title .links li.active>a {
  color: #7DBF43;
}

.floor-products2.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #7DBF43;
}

.floor-products2.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent #7DBF43 transparent;
}

.floor-products3.block-floor-products-opt7 .block-title .links li.active>a {
  color: #EC4A24;
}

.floor-products3.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #EC4A24;
}

.floor-products3.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent #EC4A24 transparent;
}

.floor-products4.block-floor-products-opt7 .block-title .links li.active>a {
  color: #33A8C9;
}

.floor-products4.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #33A8C9;
}

.floor-products4.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent #33A8C9 transparent;
}

.floor-products5.block-floor-products-opt7 .block-title .links li.active>a {
  color: #30A443;
}

.floor-products5.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #30A443;
}

.floor-products5.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent #30A443 transparent;
}

.floor-products6.block-floor-products-opt7 .block-title .links li.active>a {
  color: #AFC386;
}

.floor-products6.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #AFC386;
}

.floor-products6.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent #AFC386 transparent;
}

.floor-products7.block-floor-products-opt7 .block-title .links li.active>a {
  color: var(--theme-deafult);
}

.floor-products7.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: var(--theme-deafult);
}

.floor-products7.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent var(--theme-deafult) transparent;
}

.floor-products8.block-floor-products-opt7 .block-title .links li.active>a {
  color: #00ae31;
}

.floor-products8.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #00ae31;
}

.floor-products8.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent #00ae31 transparent;
}

.floor-products9.block-floor-products-opt7 .block-title .links li.active>a {
  color: #0090c9;
}

.floor-products9.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #0090c9;
}

.floor-products9.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent #0090c9 transparent;
}

.floor-products10.block-floor-products-opt7 .block-title .links li.active>a {
  color: #3f5eca;
}

.floor-products10.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #3f5eca;
}

.floor-products10.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent #3f5eca transparent;
}

.floor-products11.block-floor-products-opt7 .block-title .links li.active>a {
  color: #4a6f00;
}

.floor-products11.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #4a6f00;
}

.floor-products11.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent #4a6f00 transparent;
}

.floor-products12.block-floor-products-opt7 .block-title .links li.active>a {
  color: #543319;
}

.floor-products12.block-floor-products-opt7 .block-title .links li.active>a:before {
  background-color: #543319;
}

.floor-products12.block-floor-products-opt7 .block-title .links li.active>a:after {
  border-color: transparent transparent #543319 transparent;
}

.block-floor-products-opt7 .block-title .links a {
  display: block;
  line-height: 49px;
  color: #333333;
  text-transform: capitalize;
  font-size: var(--fontSizeNormal);
  padding: 0 12px;
  position: relative;
}

.block-floor-products-opt7 .block-title .links a:hover {
  color: var(--theme-deafult);
  background-color: transparent;
}

.floor-products1.block-floor-products-opt7 .block-title .links a:hover {
  color: #F7A51B;
}

.floor-products2.block-floor-products-opt7 .block-title .links a:hover {
  color: #7DBF43;
}

.floor-products3.block-floor-products-opt7 .block-title .links a:hover {
  color: #EC4A24;
}

.floor-products4.block-floor-products-opt7 .block-title .links a:hover {
  color: #33A8C9;
}

.floor-products5.block-floor-products-opt7 .block-title .links a:hover {
  color: #30A443;
}

.floor-products6.block-floor-products-opt7 .block-title .links a:hover {
  color: #AFC386;
}

.floor-products7.block-floor-products-opt7 .block-title .links a:hover {
  color: var(--theme-deafult);
}

.floor-products8.block-floor-products-opt7 .block-title .links a:hover {
  color: #00ae31;
}

.floor-products9.block-floor-products-opt7 .block-title .links a:hover {
  color: #0090c9;
}

.floor-products10.block-floor-products-opt7 .block-title .links a:hover {
  color: #3f5eca;
}

.floor-products11.block-floor-products-opt7 .block-title .links a:hover {
  color: #4a6f00;
}

.floor-products12.block-floor-products-opt7 .block-title .links a:hover {
  color: #543319;
}

.block-floor-products-opt7 .block-title .links a:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .block-floor-products-opt7 .block-title .links a {
    padding: 0 12px;
  }
}

@media (max-width: 991px) {
  .block-floor-products-opt7 .block-title .links a:before {
    content: none;
  }
}

.block-floor-products-opt7 .block-title .links .label-cat {
  position: absolute;
  top: -6px;
  right: 0;
  line-height: 18px;
  color: var(--textColorLight);
  background-color: #009966;
  display: block;
  border-radius: 30px;
  width: 32px;
  font-size: 12px;
  text-align: center;
}

.block-floor-products-opt7 .block-title .links .label-cat:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6px 0 0;
  border-color: #009966 transparent transparent transparent;
  position: absolute;
  bottom: -4px;
  left: 10px;
}

.block-floor-products-opt7 .block-title .actions {
  position: absolute;
  left: 18px;
  top: 4px;
}

.floor-banner-right.block-floor-products-opt7 .block-title .actions {
  left: auto;
  right: 18px;
}

.block-floor-products-opt7 .block-title .actions .action {
  width: 22px;
  text-align: center;
  line-height: 20px;
  display: block;
  cursor: pointer;
  color: #cccccc;
  font-size: 18px;
}

.block-floor-products-opt7 .block-title .actions .action:hover {
  color: #999999;
}

@media (max-width: 991px) {
  .block-floor-products-opt7 .block-title {
    padding-left: 0;
    background-position: top 15px left 80px;
  }

  .block-floor-products-opt7 .block-title .links {
    float: right;
  }

  .block-floor-products-opt7:not(.floor-banner-right) .block-title .links {
    float: left;
  }

  .block-floor-products-opt4 .block-title.block-floor-products-opt7 .block-title .links {
    float: left;
    clear: none;
  }

  .block-floor-products-opt7 .block-title .links .dropdown-toggle {
    display: block;
  }

  .block-floor-products-opt7 .block-title .links .dropdown-menu {
    right: auto;
    left: 0;
    width: 300px;
    margin: 0;
    margin-top: 3px;
    padding: 0;
    padding-top: 5px;
  }

  .block-floor-products-opt7 .block-title .links .dropdown-menu li {
    float: none;
    display: block;
    z-index: 30;
  }

  .block-floor-products-opt7 .block-title .links .dropdown-menu li a {
    z-index: 40;
    border-bottom: 1px solid #dedede;
  }

  .block-floor-products-opt7 .block-title .links .dropdown-menu li:last-child a {
    border-bottom: none;
  }

  .block-floor-products-opt7 .block-title .actions {
    left: 48px;
  }
}

@media (max-width: 479px) {
  .block-floor-products-opt7 .block-title {
    padding-left: 0;
    padding-right: 0;
    background-position: top 65px left 40px;
  }

  .floor-banner-right.block-floor-products-opt7 .block-title {
    padding-right: 0;
  }

  .block-floor-products-opt7 .block-title .title {
    display: block;
    width: 100%;
  }

  .block-floor-products-opt7 .block-title .links {
    float: right;
    margin-right: 0;
    position: static;
  }

  .block-floor-products-opt4 .block-title.block-floor-products-opt7 .block-title .links {
    float: right;
    clear: none;
  }

  .block-floor-products-opt7 .block-title .links .dropdown-menu {
    left: 0;
    width: auto;
    right: 0;
  }

  .block-floor-products-opt7 .block-title .actions {
    top: 55px;
    left: 10px;
  }

  .floor-banner-right.block-floor-products-opt7 .block-title .actions {
    left: 10px;
    right: auto;
  }
}

.block-floor-products-opt7 .col-products {
  border-left: 1px solid #eeeeee;
}

.block-floor-products-opt7 .col-products:hover .owl-nav .owl-next,
.block-floor-products-opt7 .col-products:hover .owl-nav .owl-prev {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-floor-products-opt7 .col-products:hover .owl-nav .owl-prev {
  left: 0px;
}

.block-floor-products-opt7 .col-products:hover .owl-nav .owl-next {
  right: 0px;
}

.block-floor-products-opt7 .col-products .owl-nav .owl-next,
.block-floor-products-opt7 .col-products .owl-nav .owl-prev {
  width: 32px;
  line-height: 50px;
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  font-size: 24px;
  color: #333333;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  opacity: 0;
}

.block-floor-products-opt7 .col-products .owl-nav .owl-next:hover,
.block-floor-products-opt7 .col-products .owl-nav .owl-prev:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.block-floor-products-opt7 .col-products .owl-nav .owl-next:before,
.block-floor-products-opt7 .col-products .owl-nav .owl-prev:before {
  content: "";
  font-family: 'FontAwesome';
}

.block-floor-products-opt7 .col-products .owl-nav .owl-prev {
  left: 25px;
}

.block-floor-products-opt7 .col-products .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-floor-products-opt7 .col-products .owl-nav .owl-next {
  right: 25px;
}

.block-floor-products-opt7 .col-products .owl-nav .owl-next:before {
  content: "\f105";
}

.block-floor-products-opt7 .product-item .product-item-info {
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}

.block-floor-products-opt7 .product-item .product-item-img2 {
  height: 210px;
  display: block;
}

.block-floor-products-opt7 .product-item .product-item-img2 img {
  max-height: 100%;
  display: block;
}

.block-floor-products-opt7 .block-content {
  background-color: #fff;
  position: relative;
}

.block-floor-products-opt7 .col-left {
  width: 370px;
  float: right;
}

.floor-banner-right.block-floor-products-opt7 .col-left {
  float: left;
}

@media (max-width: 1199px) {
  .block-floor-products-opt7 .col-left {
    width: 356px;
  }
}

@media (max-width: 991px) {
  .block-floor-products-opt7 .col-left {
    display: none;
  }
}

.block-floor-products-opt7 .col-banner,
.block-floor-products-opt7 .col-categori {
  width: 100%;
  float: none;
}

.block-floor-products-opt7 .col-banner .box-img {
  /* height: auto; */
  height: 326px;
  display: block;
  position: relative;
  overflow: hidden;
}

.block-floor-products-opt7 .col-banner .box-img:before,
.block-floor-products-opt7 .col-banner .box-img:after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  border-style: solid;
  border-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}

.block-floor-products-opt7 .col-banner .box-img:before {
  border-width: 1px 0 1px 0;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  top: 10px;
  bottom: 10px;
}

.block-floor-products-opt7 .col-banner .box-img:after {
  border-width: 0px 1px 0px 1px;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  left: 10px;
  right: 10px;
}

.block-floor-products-opt7 .col-banner .box-img:hover:before,
.block-floor-products-opt7 .col-banner .box-img:hover:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-floor-products-opt7 .col-banner .box-img:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-floor-products-opt7 .col-banner .box-img img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-floor-products-opt7 .col-banner .box-img:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.block-floor-products-opt7 .col-banner .box-img img {
  display: block;
  width: 100%;
}

.block-floor-products-opt7 .col-categori {
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 20px;
  height: 326px;
}

.block-floor-products-opt7 .col-categori ul {
  height: 280px;
}

.block-floor-products-opt7 .col-categori ul li {
  line-height: 30px;
  display: block;
  padding-right: 20px;
  position: relative;
  margin-bottom: 7px;
  cursor: pointer;
  text-transform: capitalize;
  transition: .3s all
}

.block-floor-products-opt7 .col-categori ul li:hover {
  color: var(--theme-deafult);
}

.block-floor-products-opt7 .col-categori ul li.active {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  border-radius: 3px;
}

.block-floor-products-opt7 .col-categori ul li:before {
  content: "";
  width: 8px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon/index7/list-style-floor.png);
  transform: rotateY(180deg);
}

.block-floor-products-opt7 .col-categori ul a {
  display: block;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  text-transform: capitalize;
  transition: .3s all;
}

.block-floor-products-opt7 .col-categori ul a:hover,
.block-floor-products-opt7 .col-categori ul a:focus {
  color: var(--theme-deafult);
}
.block-floor-products-opt7 .box_category .dropdown-toggle {
  color: var(--textColorLight)
}
.block-floor-products-opt7 .box_category .dropdown-menu li.active {
  background-color: var(--theme-deafult)
}

.block-floor-products-opt7 .box_category .dropdown-menu li a {
  display: block;
  color: var(--textColorDark);
  transition: .3s all;
}
.block-floor-products-opt7 .box_category .dropdown-menu li a:hover {
  color: var(--textColorLight)
}
.block-floor-products-opt7 .box_category .dropdown-menu li.active a {
  color: var(--textColorLight)
}
.floor-products1.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products1.block-floor-products-opt7 .col-categori ul a:focus {
  color: #F7A51B;
}

.floor-products2.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products2.block-floor-products-opt7 .col-categori ul a:focus {
  color: #7DBF43;
}

.floor-products3.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products3.block-floor-products-opt7 .col-categori ul a:focus {
  color: #EC4A24;
}

.floor-products4.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products4.block-floor-products-opt7 .col-categori ul a:focus {
  color: #33A8C9;
}

.floor-products5.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products5.block-floor-products-opt7 .col-categori ul a:focus {
  color: #30A443;
}

.floor-products6.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products6.block-floor-products-opt7 .col-categori ul a:focus {
  color: #AFC386;
}

.floor-products7.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products7.block-floor-products-opt7 .col-categori ul a:focus {
  color: var(--theme-deafult);
}

.floor-products8.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products8.block-floor-products-opt7 .col-categori ul a:focus {
  color: #00ae31;
}

.floor-products9.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products9.block-floor-products-opt7 .col-categori ul a:focus {
  color: #0090c9;
}

.floor-products10.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products10.block-floor-products-opt7 .col-categori ul a:focus {
  color: #3f5eca;
}

.floor-products11.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products11.block-floor-products-opt7 .col-categori ul a:focus {
  color: #4a6f00;
}

.floor-products12.block-floor-products-opt7 .col-categori ul a:hover,
.floor-products12.block-floor-products-opt7 .col-categori ul a:focus {
  color: #543319;
}

.block-floor-products-opt7 .col-categori .owl-nav {
  text-align: center;
  position: absolute;
  bottom: -27px;
  left: 0;
  right: 0;
}

.block-floor-products-opt7 .col-categori .owl-nav .owl-next,
.block-floor-products-opt7 .col-categori .owl-nav .owl-prev {
  width: 72px;
  line-height: 38px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0px;
  font-size: 24px;
  color: #e5e5e5;
  text-align: center;
  display: inline-block;
  margin-left: -1px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center;
}

.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.floor-products1.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products1.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  background-color: #F7A51B;
  border-color: #F7A51B;
}

.floor-products2.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products2.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  background-color: #7DBF43;
  border-color: #7DBF43;
}

.floor-products3.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products3.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  background-color: #EC4A24;
  border-color: #EC4A24;
}

.floor-products4.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products4.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  background-color: #33A8C9;
  border-color: #33A8C9;
}

.floor-products5.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products5.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  color: #30A443;
  background-color: #30A443;
  border-color: #30A443;
}

.floor-products6.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products6.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  background-color: #AFC386;
  border-color: #AFC386;
}

.floor-products7.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products7.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.floor-products8.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products8.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  background-color: #00ae31;
  border-color: #00ae31;
}

.floor-products9.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products9.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  background-color: #0090c9;
  border-color: #0090c9;
}

.floor-products10.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products10.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  background-color: #3f5eca;
  border-color: #3f5eca;
}

.floor-products11.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products11.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  background-color: #4a6f00;
  border-color: #4a6f00;
}

.floor-products12.block-floor-products-opt7 .col-categori .owl-nav .owl-next:hover,
.floor-products12.block-floor-products-opt7 .col-categori .owl-nav .owl-prev:hover {
  background-color: #543319;
  border-color: #543319;
}

.block-floor-products-opt7 .col-categori .owl-nav .owl-prev {
  background-image: url(../images/icon/index7/next1.png);
}

.block-floor-products-opt7 .col-categori .owl-nav .owl-next {
  background-image: url(../images/icon/index7/prew1.png);
}

.block-floor-products-opt7 .col-products {
  width: calc(100% - 370px);
  width: -moz-calc(100% - 370px);
  width: -webkit-calc(100% - 370px);
  width: -o-calc(100% - 370px);
  float: right;
}

@media (max-width: 1199px) {
  .block-floor-products-opt7 .col-products {
    width: calc(100% - 356px);
    width: -moz-calc(100% - 356px);
    width: -webkit-calc(100% - 356px);
    width: -o-calc(100% - 356px);
  }
}

@media (max-width: 991px) {
  .block-floor-products-opt7 .col-products {
    width: 100%;
  }
}

.block-showcase-opt7 {
  margin-bottom: 40px;
}

.block-showcase-opt7 .block-title {
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}

.block-showcase-opt7 .block-title:before,
.block-showcase-opt7 .block-title:after {
  content: "";
  display: table;
}

.block-showcase-opt7 .block-title:after {
  clear: both;
}

.block-showcase-opt7 .block-title .title {
  line-height: 30px;
  text-transform: uppercase;
  display: block;
  padding: 0 12px 0 24px;
  font-size: 16px;
  float: right;
  border-bottom: 1px solid var(--theme-deafult);
  margin-bottom: -1px;
}

.block-showcase-opt7 .nav-brand {
  background-color: #fff;
}

.block-showcase-opt7 .nav-brand li.active {
  background-color: #fff;
}

.block-showcase-opt7 .nav-brand .item-img {
  display: block;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  background-color: #eeeeee;
  margin-bottom: 2px;
  border: 1px solid #ccc;
}

.block-showcase-opt7 .nav-brand .item-img:hover {
  background-color: #fff;
  border: 1px solid var(--theme-deafult);
}

.block-showcase-opt7 .nav-brand .owl-nav {
  top: -62px;
}

.block-showcase-opt7 .owl-nav {
  position: absolute;
  top: -32px;
  left: 0;
}

.block-showcase-opt7 .owl-nav:before,
.block-showcase-opt7 .owl-nav:after {
  content: "";
  display: table;
}

.block-showcase-opt7 .owl-nav:after {
  clear: both;
}

@media (max-width: 991px) {
  .block-showcase-opt7 .owl-nav {
    left: 15px;
  }
}

.block-showcase-opt7 .owl-nav .owl-prev,
.block-showcase-opt7 .owl-nav .owl-next {
  text-align: center;
  display: block;
  float: left;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-color: #a3a3a3;
  color: var(--textColorLight);
  background-position: center;
  background-repeat: no-repeat;
}

.block-showcase-opt7 .owl-nav .owl-prev:hover,
.block-showcase-opt7 .owl-nav .owl-next:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.block-showcase-opt7 .owl-nav .owl-prev:before,
.block-showcase-opt7 .owl-nav .owl-next:before {
  content: "";
  font-family: "FontAwesome";
}

.block-showcase-opt7 .owl-nav .owl-prev {
  background-image: url(../images/icon/index2/prew.png);
}

.block-showcase-opt7 .owl-nav .owl-next {
  background-image: url(../images/icon/index2/next.png);
}

.block-the-blog-opt7 {
  margin-bottom: 20px;
}

.block-the-blog-opt7 .block-title {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px;
}

.block-the-blog-opt7 .block-title .title {
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid var(--theme-deafult);
  padding-right: 10px;
  text-transform: uppercase;
  line-height: 34px;
  display: inline-block;
  margin-bottom: -1px;
}

.block-the-blog-opt7 .blog-item {
  position: relative;
}

.block-the-blog-opt7 .blog-item:hover .blog-photo img {
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
  -o-transform: scale(1.12);
  transform: scale(1.12);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-the-blog-opt7 .blog-item .blog-photo {
  position: relative;
  overflow: hidden;
}

.block-the-blog-opt7 .blog-item .blog-photo img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-the-blog-opt7 .blog-item .blog-info {
  font-size: var(--fontSizeNormal);
  color: #999999;
  margin-bottom: 6px;
}

.block-the-blog-opt7 .blog-item .blog-info:before,
.block-the-blog-opt7 .blog-item .blog-info:after {
  content: "";
  display: table;
}

.block-the-blog-opt7 .blog-item .blog-info:after {
  clear: both;
}

.block-the-blog-opt7 .blog-item .blog-comment,
.block-the-blog-opt7 .blog-item .blog-date {
  font-style: italic;
  line-height: 18px;
  display: inline-block;
}

.block-the-blog-opt7 .blog-item .blog-detail {
  border: 1px solid #eeeeee;
  border-top: none;
  padding: 8px 12px 15px 8px;
}

.block-the-blog-opt7 .blog-item .blog-name {
  font-size: 16px;
  color: #333333;
  display: block;
  margin: 0px 0 6px;
  text-transform: none;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.block-the-blog-opt7 .blog-item .blog-name a {
  color: #333333;
}

.block-the-blog-opt7 .blog-item .blog-name a:hover {
  color: var(--theme-deafult);
}

.block-the-blog-opt7 .blog-item .blog-des {
  font-size: var(--fontSizeNormal);
  color: #888888;
  display: block;
  margin-bottom: 8px;
  line-height: 18px;
}

.block-the-blog-opt7 .blog-item .blog-tags {
  padding-right: 22px;
  position: relative;
  font-size: var(--fontSizeNormal);
  padding-top: 2px;
  color: #999999;
}

.block-the-blog-opt7 .blog-item .blog-tags:before {
  content: "";
  width: 9px;
  height: 24px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index7/tag.png);
  position: absolute;
  top: 0;
  right: 0;
}

.block-the-blog-opt7 .blog-item .blog-tags a {
  color: #999999;
}

.block-the-blog-opt7 .blog-item .blog-tags a:hover,
.block-the-blog-opt7 .blog-item .blog-tags a:focus {
  color: var(--theme-deafult);
}

.block-the-blog-opt7 .owl-nav {
  position: absolute;
  top: -65px;
  left: 0;
}

.block-the-blog-opt7 .owl-nav .owl-prev,
.block-the-blog-opt7 .owl-nav .owl-next {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #a3a3a3;
  margin-right: 5px;
  float: left;
}

.block-the-blog-opt7 .owl-nav .owl-prev:hover,
.block-the-blog-opt7 .owl-nav .owl-next:hover {
  background-color: var(--theme-deafult);
}

.block-the-blog-opt7 .owl-nav .owl-prev {
  background-image: url(../images/icon/index2/prew.png);
}

.block-the-blog-opt7 .owl-nav .owl-next {
  background-image: url(../images/icon/index2/next.png);
}

.block-service-opt7 {
  background-color: #f8f8f8;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
}

@media (max-width: 767px) {
  .block-service-opt7 {
    display: none;
  }

  .block-service-opt7 .container {
    max-width: 270px;
    margin-right: auto;
    margin-left: auto;
  }
}

.block-service-opt7 .item {
  display: table;
  font-size: var(--fontSizeNormal);
  color: #484848;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .block-service-opt7 .item {
    margin-bottom: 10px;
  }
}

.block-service-opt7 .item>div {
  display: table-cell;
  vertical-align: middle;
}

.block-service-opt7 .item .icon {
  padding-left: 10px;
}

.index-opt-7 .back-to-top {
  border-color: var(--theme-deafult);
}

.index-opt-7 .back-to-top .fa {
  background-color: var(--theme-deafult);
}

.index-opt-7 .back-to-top:hover {
  background-color: var(--theme-deafult);
}

.slide-opt-8 {
  color: var(--textColorLight);
}

.slide-opt-8 .owl-dots {
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 40px;
}

.slide-opt-8 .owl-dots .owl-dot {
  color: #666666;
  font-size: var(--fontSizeNormal);
  width: 12px;
  height: 12px;
  border-radius: 0;
  background-color: transparent;
  display: inline-block;
  text-align: center;
  border: 1px solid #fff;
  margin: 0 5px;
}

.slide-opt-8 .owl-dots .owl-dot.active {
  background-color: var(--textColorLight);
  color: var(--textColorLight);
  border-color: var(--textColorLight);
}

.slide-opt-8 .item:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.31);
  z-index: 2;
}

.slide-opt-8 .description {
  text-transform: uppercase;
  position: absolute;
  top: 41px;
  left: 50%;
  margin-left: -420px;
  text-align: center;
  width: 840px;
  z-index: 10;
}

.slide-opt-8 .img-slide {
  display: block;
  width: 100%;
}

.slide-opt-8 .subtitle {
  font-size: 24px;
  display: block;
  margin-bottom: 12px;
}

.slide-opt-8 .title {
  display: block;
  font-size: 36px;
  margin-bottom: 8px;
}

.slide-opt-8 .des {
  display: block;
  font-size: 18px;
}

.slide-opt-8 .view-opt8 {
  background-color: transparent;
  line-height: 50px;
  padding: 0 30px;
  font-size: 18px;
  display: inline-block;
  border: 1px solid #fff;
  color: var(--textColorLight);
  margin-top: 36px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-8 .view-opt8:hover {
  text-decoration: none;
  background-color: #fff;
  color: #666666;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-8 .subtitle,
.slide-opt-8 .title,
.slide-opt-8 .des,
.slide-opt-8 .view-opt8 {
  position: relative;
}

.slide-opt-8 .active .title {
  -webkit-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  animation: fadeInRight 0.9s ease-in-out 0.8s both;
}

.slide-opt-8 .active .subtitle {
  -webkit-animation: fadeInDown 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInDown 0.6s ease-in-out 0.8s both;
  animation: fadeInDown 0.6s ease-in-out 0.8s both;
}

.slide-opt-8 .active .des {
  -webkit-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  -o-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  animation: fadeInRight 0.4s ease-in-out 1.2s both;
}

.slide-opt-8 .active .view-opt8 {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

@media (min-width: 1700px) {
  .slide-opt-8 .description {
    top: 165px;
  }

  .slide-opt-8 .owl-dots {
    bottom: 102px;
  }
}

@media (max-width: 1200px) {
  .slide-opt-8 .description {
    top: 45px;
  }

  .slide-opt-8 .owl-dots {
    bottom: 15px;
  }

  .slide-opt-8 .subtitle {
    margin-bottom: 6px;
    font-size: 16px;
  }

  .slide-opt-8 .title {
    font-size: 30px;
  }

  .slide-opt-8 .des {
    font-size: var(--fontSizeNormal);
  }

  .slide-opt-8 .view-opt8 {
    margin-top: 20px;
  }
}

@media (max-width: 992px) {
  .slide-opt-8 .description {
    top: 25px;
    left: 15px;
    right: 15px;
    width: auto;
    margin: auto;
  }

  .slide-opt-8 .owl-dots {
    bottom: 10px;
  }

  .slide-opt-8 .subtitle {
    margin-bottom: 6px;
    font-size: 16px;
  }

  .slide-opt-8 .title {
    font-size: 30px;
  }

  .slide-opt-8 .des {
    font-size: var(--fontSizeNormal);
  }

  .slide-opt-8 .view-opt8 {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .slide-opt-8 .description {
    top: 15px;
  }

  .slide-opt-8 .owl-dots {
    bottom: 6px;
  }

  .slide-opt-8 .subtitle {
    margin-bottom: 0px;
    font-size: var(--fontSizeNormal);
  }

  .slide-opt-8 .title {
    font-size: 20px;
    margin-bottom: 0;
  }

  .slide-opt-8 .des {
    font-size: 12px;
  }

  .slide-opt-8 .view-opt8 {
    margin-top: 10px;
    line-height: 30px;
    font-size: var(--fontSizeNormal);
  }
}

@media (max-width: 479px) {
  .slide-opt-8 .description {
    top: 15px;
  }

  .slide-opt-8 .owl-dots {
    bottom: 1px;
  }

  .slide-opt-8 .owl-dots .owl-dot {
    width: 6px;
    height: 6px;
  }

  .slide-opt-8 .subtitle {
    margin-bottom: 0px;
    font-size: 12px;
  }

  .slide-opt-8 .title {
    font-size: 15px;
    margin-bottom: 0;
  }

  .slide-opt-8 .des {
    font-size: 11px;
    display: none;
  }

  .slide-opt-8 .view-opt8 {
    margin-top: 5px;
    line-height: 24px;
    font-size: 10px;
  }
}

.block-section-top8 {
  margin-bottom: 30px;
}

.block-tab-products-opt8 {
  margin-bottom: 33px;
  padding-top: 7px;
}

.block-tab-products-opt8 .nav {
  display: block;
  text-align: center;
}

.block-tab-products-opt8 .nav>li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 24px;
  padding: 0 20px;
}

.block-tab-products-opt8 .nav>li>a {
  display: block;
  border-bottom: 1px solid transparent;
  padding: 0;
  color: #999999;
}

.block-tab-products-opt8 .nav>li>a:hover,
.block-tab-products-opt8 .nav>li>a:focus {
  background-color: transparent;
  color: #333;
}

.block-tab-products-opt8 .nav>li.active>a {
  border-bottom: 1px solid #333;
  color: #333;
}

@media (max-width: 767px) {
  .block-tab-products-opt8 .nav>li {
    padding: 0 15px;
  }
}

@media (max-width: 639px) {
  .block-tab-products-opt8 .nav>li {
    display: block;
    margin-bottom: 5px;
  }

  .block-tab-products-opt8 .nav>li>a {
    border-bottom: 1px solid #999999;
  }
}

.block-tab-products-opt8 .block-title {
  margin-bottom: 45px;
}

.block-tab-products-opt8 .product-item {
  margin-bottom: 30px;
}

.block-banner-main-opt8 {
  margin-bottom: 30px;
}

.block-banner-main-opt8 .item {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

.block-banner-main-opt8 .item img {
  width: 100%;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.55s;
  -o-transition: 0.55s;
  transition: 0.55s;
  height: 35vmin;
  object-fit: cover;
}

.block-banner-main-opt8 .item .description {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 10px;
  text-align: right;
  /* Safari */
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-align-items: flex-start;
  -webkit-justify-content: center;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.block-banner-main-opt8 .item .title,
.block-banner-main-opt8 .item .sub-title,
.block-banner-main-opt8 .item .des,
.block-banner-main-opt8 .item .btn {
  position: relative;
}

.block-banner-main-opt8 .item .title,
.block-banner-main-opt8 .item .sub-title,
.block-banner-main-opt8 .item .des {
  display: block;
}

.block-banner-main-opt8 .item .btn {
  line-height: 34px;
  border: 1px solid #666666;
  background-color: transparent;
  color: #333;
  font-size: var(--fontSizeNormal);
  padding: 0 22px;
  text-transform: uppercase;
}

.block-banner-main-opt8 .item .btn:hover {
  background-color: #0188cc;
  color: var(--textColorLight);
  border-color: #0188cc;
}

.block-banner-main-opt8 .item .btn.position-absolute {
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: fit-content;
}

.block-banner-main-opt8 .item .title {
  text-transform: uppercase;
  font-size: 24px;
  color: #666666;
  font-weight: 600;
}

.block-banner-main-opt8 .item .des {
  text-transform: capitalize;
  margin-bottom: 15px;
  color: #666666;
}

.block-banner-main-opt8 .item:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 0.55s;
  -o-transition: 0.55s;
  transition: 0.55s;
}

.block-banner-main-opt8 .item:hover .title,
.block-banner-main-opt8 .item:hover .sub-title,
.block-banner-main-opt8 .item:hover .des,
.block-banner-main-opt8 .item:hover .btn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.block-banner-main-opt8 .item:hover .sub-title {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.block-banner-main-opt8 .item:hover .des {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.block-banner-main-opt8 .item:hover .btn {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.block-banner-main-opt8 .item1 .description {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: var(--textColorLight);
  padding: 10px;
  align-items: center;
  -webkit-align-items: center;
}

.block-banner-main-opt8 .item1 .btn {
  border-color: var(--textColorLight);
  color: var(--textColorLight);
}

.block-banner-main-opt8 .item1 .title {
  text-transform: capitalize;
  font-size: 16px;
  border-bottom: 1px solid #fff;
  margin-bottom: 19px;
  color: var(--textColorLight);
}

.block-banner-main-opt8 .item1 .sub-title {
  text-transform: uppercase;
  color: var(--textColorLight);
  font-size: 18px;
}

.block-banner-main-opt8 .item1 .sub-title strong {
  display: block;
  font-size: 60px;
  line-height: 1;
  margin-bottom: 9px;
  margin-top: 5px;
}

.block-banner-main-opt8 .item1 .des {
  font-style: italic;
  text-transform: capitalize;
  font-size: 16px;
  color: #fcff05;
  margin-bottom: 15px;
}

.heading-opt8 {
  text-align: center;
}

.heading-opt8>.title {
  position: relative;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  font-size: 24px;
  margin-bottom: 45px;
}

.heading-opt8>.title:before {
  content: "";
  width: 120px;
  height: 1px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -60px;
}

.heading-opt8>.title:after {
  content: "";
  width: 30px;
  height: 3px;
  background-color: #333;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -15px;
}

.block-lookbook-opt8 {
  padding: 50px 0;
  margin-bottom: 60px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}

.block-lookbook-opt8:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.66);
}

.block-lookbook-opt8 .block-title {
  position: relative;
  z-index: 10;
  margin-bottom: 40px;
  text-transform: uppercase;
  color: var(--textColorLight);
  font-size: 24px;
}

.block-lookbook-opt8 .block-title .title {
  position: relative;
  display: block;
}

.block-lookbook-opt8 .block-title .title:before {
  content: "";
  width: 100px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}

.block-lookbook-opt8 .block-title .title:after {
  content: "";
  width: 30px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -15px;
}

.block-lookbook-opt8 .block-content {
  position: relative;
  z-index: 10;
}

.block-lookbook-opt8 .item {
  text-align: center;
  color: var(--textColorLight);
  margin-bottom: 40px;
}

.block-lookbook-opt8 .item a {
  color: var(--textColorLight);
}

.block-lookbook-opt8 .item .photo {
  overflow: hidden;
  border-radius: 100%;
  display: block;
  max-width: 270px;
  width: 100%;
  max-height: 270px;
  border: 8px solid rgba(153, 153, 153, 0.44);
  margin-bottom: 15px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin-right: auto;
  margin-left: auto;
}

.block-lookbook-opt8 .item .photo img {
  display: block;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.block-lookbook-opt8 .item .name {
  display: block;
  text-transform: uppercase;
}

.block-lookbook-opt8 .item .country {
  display: block;
  text-transform: capitalize;
}

.block-lookbook-opt8 .item:hover .photo img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.block-lookbook-opt8 .btn {
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #fff;
  color: var(--textColorLight);
  padding: 0 36px;
  line-height: 36px;
  height: 36px;
  background-color: transparent;
  margin-bottom: 10px;
}

.block-lookbook-opt8 .btn:hover,
.block-lookbook-opt8 .btn:focus {
  background-color: #0188cc;
  color: var(--textColorLight);
  border-color: #0188cc;
}

.block-products-opt8 {
  margin-bottom: 60px;
}

.block-products-opt8 .block-title {
  text-align: center;
}

.block-products-opt8 .block-title>.title {
  position: relative;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  font-size: 24px;
  margin-bottom: 45px;
}

.block-products-opt8 .block-title>.title:before {
  content: "";
  width: 120px;
  height: 1px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -60px;
}

.block-products-opt8 .block-title>.title:after {
  content: "";
  width: 30px;
  height: 3px;
  background-color: #333;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -15px;
}

.block-collections-opt8 {
  margin-bottom: 60px;
}

.block-collections-opt8 .block-title {
  text-align: center;
  margin-bottom: 30px;
}

.block-collections-opt8 .block-title>.title {
  position: relative;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  font-size: 24px;
  margin-bottom: 45px;
}

.block-collections-opt8 .block-title>.title:before {
  content: "";
  width: 120px;
  height: 1px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -60px;
}

.block-collections-opt8 .block-title>.title:after {
  content: "";
  width: 30px;
  height: 3px;
  background-color: #333;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -15px;
}

.block-collections-opt8 .nav {
  margin-bottom: 30px;
}

.block-collections-opt8 .nav:before,
.block-collections-opt8 .nav:after {
  content: "";
  display: table;
}

.block-collections-opt8 .nav:after {
  clear: both;
}

.block-collections-opt8 .nav>li {
  float: right;
  width: 50%;
  display: block;
}

.block-collections-opt8 .nav>li>a {
  display: block;
  line-height: 36px;
  color: #333;
  background-color: #ccc;
  text-transform: uppercase;
  padding: 0;
  font-size: 18px;
}

.block-collections-opt8 .nav>li>a:hover {
  background-color: #ddd;
  color: var(--textColorLight);
}

.block-collections-opt8 .nav>li.active>a {
  background-color: #999999;
  color: var(--textColorLight);
}

.block-testimonials-opt8 {
  padding: 60px 0;
  margin-bottom: 60px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}

.block-testimonials-opt8:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.block-testimonials-opt8 .block-title {
  text-align: center;
}

.block-testimonials-opt8 .block-title>.title {
  position: relative;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  font-size: 24px;
  margin-bottom: 45px;
}

.block-testimonials-opt8 .block-title>.title:before {
  content: "";
  width: 120px;
  height: 1px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -60px;
}

.block-testimonials-opt8 .block-title>.title:after {
  content: "";
  width: 30px;
  height: 3px;
  background-color: #333;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -15px;
}

.block-testimonials-opt8 .block-title>.title {
  color: var(--textColorLight);
}

.block-testimonials-opt8 .block-title>.title:before,
.block-testimonials-opt8 .block-title>.title:after {
  background-color: #fff;
}

.block-testimonials-opt8 .block-content {
  color: var(--textColorLight);
}

.block-testimonials-opt8 .testimonials-thumb {
  max-width: 400px;
  margin: auto;
}

.block-testimonials-opt8 .testimonials-des {
  max-width: 950px;
  margin: auto;
}

.block-testimonials-opt8 .testimonials-des .owl-nav {
  display: none;
}

.block-testimonials-opt8 .testimonials-des .testimonial-nane {
  font-style: italic;
}

.block-testimonials-opt8 .item {
  text-align: center;
  position: relative;
}

.block-testimonials-opt8 .item .photo {
  display: block;
  height: 141px;
  padding-top: 22px;
  position: relative;
}

.block-testimonials-opt8 .item .photo .img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: block;
  border-radius: 100%;
  border: 3px solid rgba(255, 255, 255, 0.4);
  position: relative;
  top: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-testimonials-opt8 .item .photo .img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-testimonials-opt8 .item .photo img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-testimonials-opt8 .center .item .photo {
  margin-bottom: 30px;
}

.block-testimonials-opt8 .center .item .photo .img {
  width: 141px;
  height: 141px;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  margin-top: -22px;
  margin-right: -20px;
}

.block-testimonials-opt8 .center .item .photo .img:before {
  opacity: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-testimonials-opt8 .center .item .photo .img img {
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-testimonials-opt8 .owl-nav .owl-prev:before {
  content: "prew";
}

.block-testimonials-opt8 .owl-nav .owl-next:before {
  content: "next";
}

.block-the-blog-opt8 {
  margin-bottom: 60px;
}

.block-the-blog-opt8 .block-title {
  border: none;
  text-align: center;
}

.block-the-blog-opt8 .block-title>.title {
  position: relative;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  font-size: 24px;
  margin-bottom: 45px;
}

.block-the-blog-opt8 .block-title>.title:before {
  content: "";
  width: 120px;
  height: 1px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -60px;
}

.block-the-blog-opt8 .block-title>.title:after {
  content: "";
  width: 30px;
  height: 3px;
  background-color: #333;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -15px;
}

.block-the-blog-opt8 .block-title>.title {
  border: none;
}

.block-the-blog-opt8 .owl-nav {
  display: none;
}

.block-the-blog-opt8 .blog-item .blog-actions {
  text-align: left;
}

.index-opt-8 {
  background-color: #fff;
}

.index-opt-8 .back-to-top {
  border-color: #0188cc;
}

.index-opt-8 .back-to-top .fa {
  background-color: #0188cc;
}

.index-opt-8 .back-to-top:hover {
  background-color: #0188cc;
}

.index-opt-8 .block-the-blog .block-title .title {
  border-bottom-color: #0188cc;
}

.index-opt-8 .block-the-blog .owl-nav .owl-next:hover,
.index-opt-8 .block-the-blog .owl-nav .owl-prev:hover {
  background-color: #0188cc;
}

.index-opt-8 .block-the-blog .blog-item .blog-actions .action {
  color: #333;
}

.index-opt-8 .block-the-blog .blog-item .blog-actions .action:hover,
.index-opt-8 .block-the-blog .blog-item .blog-actions .action:focus {
  color: #0188cc;
}

.index-opt-8 .block-the-blog .blog-item .blog-name a:hover {
  color: #0188cc;
}

.index-opt-8 .block-brand-op6 {
  margin-bottom: 55px;
}

.index-opt-8 .block-brand-op6 .item {
  padding: 1px;
  border: none;
  background-color: transparent;
}

.index-opt-8 .block-brand-op6 .item img {
  border: 1px solid #cccccc;
}

.index-opt-8 .block-brand-op6 .item:hover img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
}

.slide-opt-9 {
  color: var(--textColorLight);
}

.slide-opt-9 .owl-dots {
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 30px;
}

.slide-opt-9 .owl-dots .owl-dot {
  color: #666666;
  font-size: 14px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: transparent;
  display: inline-block;
  text-align: center;
  border: 1px solid #adafb1;
  margin: 0 4px;
}

.slide-opt-9 .owl-dots .owl-dot.active {
  background-color: var(--textColorLight);
  color: var(--textColorLight);
  border-color: var(--textColorLight);
}

.slide-opt-9 .item:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.slide-opt-9 .description {
  text-transform: uppercase;
  position: absolute;
  text-align: right;
  z-index: 10;
  top: 160px;
  width: 1170px;
  padding-left: 50px;
  left: 50%;
  margin-left: -585px;
}

.slide-opt-9 .img-slide {
  display: block;
  width: 100%;
}

.slide-opt-9 .subtitle {
  font-size: 80px;
  display: block;
  margin-bottom: 3px;
  line-height: 60px;
}

.slide-opt-9 .title {
  display: block;
  font-size: 60px;
  margin-bottom: 0px;
  line-height: 42px;
}

.slide-opt-9 .des {
  display: block;
  font-size: 30px;
  padding-left: 5px;
}

.slide-opt-9 .view-opt9 {
  background-color: transparent;
  line-height: 36px;
  padding: 0 15px;
  font-size: var(--fontSizeNormal);
  display: inline-block;
  border: 3px solid #fff;
  color: var(--textColorLight);
  margin-top: 65px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-9 .view-opt9:hover {
  text-decoration: none;
  background-color: var(--textColorLight);
  color: #666666;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-9 .view-opt9 .fa {
  font-size: 16px;
}

.slide-opt-9 .subtitle,
.slide-opt-9 .title,
.slide-opt-9 .des,
.slide-opt-9 .view-opt9 {
  position: relative;
}

.slide-opt-9 .active .title {
  -webkit-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  animation: fadeInRight 0.9s ease-in-out 0.8s both;
}

.slide-opt-9 .active .subtitle {
  -webkit-animation: fadeInDown 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInDown 0.6s ease-in-out 0.8s both;
  animation: fadeInDown 0.6s ease-in-out 0.8s both;
}

.slide-opt-9 .active .des {
  -webkit-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  -o-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  animation: fadeInRight 0.4s ease-in-out 1.2s both;
}

.slide-opt-9 .active .view-opt9 {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

@media (min-width: 1700px) {
  .slide-opt-9 .description {
    top: 270px;
    width: 1170px;
    padding-left: 50px;
    left: 50%;
    margin-left: -585px;
  }
}

@media (max-width: 1200px) {
  .slide-opt-9 .description {
    width: 970px;
    margin-left: -485px;
  }

  .slide-opt-9 .owl-dots {
    bottom: 15px;
  }

  .slide-opt-9 .subtitle {
    font-size: 60px;
  }

  .slide-opt-9 .title {
    font-size: 60px;
  }

  .slide-opt-9 .des {
    font-size: 30px;
  }

  .slide-opt-9 .view-opt9 {
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .slide-opt-9 .description {
    width: 720px;
    margin-left: -360px;
    padding-left: 0;
    top: 40px;
  }

  .slide-opt-9 .owl-dots {
    bottom: 15px;
  }

  .slide-opt-9 .subtitle {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0;
  }

  .slide-opt-9 .title {
    font-size: 50px;
    line-height: 50px;
  }

  .slide-opt-9 .des {
    font-size: 30px;
  }

  .slide-opt-9 .view-opt9 {
    margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .slide-opt-9 .description {
    width: 100%;
    left: 0;
    margin-left: 0;
    padding: 0 15px;
    top: 40px;
  }

  .slide-opt-9 .owl-dots {
    bottom: 15px;
  }

  .slide-opt-9 .subtitle {
    font-size: 40px;
    line-height: 40px;
  }

  .slide-opt-9 .title {
    font-size: 40px;
    line-height: 40px;
  }

  .slide-opt-9 .des {
    font-size: 20px;
  }

  .slide-opt-9 .view-opt9 {
    margin-top: 40px;
  }
}

@media (max-width: 640px) {
  .slide-opt-9 .owl-dots {
    bottom: 15px;
  }

  .slide-opt-9 .subtitle {
    font-size: 30px;
    line-height: 1;
  }

  .slide-opt-9 .title {
    font-size: 30px;
    line-height: 30px;
  }

  .slide-opt-9 .des {
    font-size: var(--fontSizeNormal);
  }

  .slide-opt-9 .view-opt9 {
    margin-top: 20px;
    line-height: 28px;
    font-size: 12px;
  }
}

@media (max-width: 478px) {
  .slide-opt-9 .description {
    top: 15px;
  }

  .slide-opt-9 .owl-dots {
    bottom: 6px;
  }

  .slide-opt-9 .subtitle {
    font-size: 18px;
    line-height: 1;
  }

  .slide-opt-9 .title {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 2px;
  }

  .slide-opt-9 .des {
    font-size: 12px;
    padding-left: 0;
  }

  .slide-opt-9 .view-opt9 {
    margin-top: 10px;
    line-height: 24px;
    font-size: 10px;
  }
}

.heading-opt9 {
  color: #333;
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  z-index: 10;
  padding-bottom: 5px;
  font-size: 16px;
}

.heading-opt9:before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
}

.heading-opt9 .title {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
}

.block-categori-product-opt9 {
  margin-bottom: 30px;
}

.block-categori-product-opt9 .block-content:before,
.block-categori-product-opt9 .block-content:after {
  content: "";
  display: table;
}

.block-categori-product-opt9 .block-content:after {
  clear: both;
}

.block-categori-product-opt9 .col-banner,
.block-categori-product-opt9 .col-categori,
.block-categori-product-opt9 .col-product {
  float: right;
  position: relative;
}

.block-categori-product-opt9 .col-banner,
.block-categori-product-opt9 .col-categori {
  width: 50%;
}

.block-categori-product-opt9 .col-product {
  width: 25%;
}

@media (max-width: 991px) {

  .block-categori-product-opt9 .col-banner,
  .block-categori-product-opt9 .col-categori {
    width: 100%;
  }

  .block-categori-product-opt9 .col-product {
    width: 50%;
  }
}

@media (max-width: 479px) {
  .block-categori-product-opt9 .col-product {
    width: 100%;
  }
}

.block-categori-product-opt9 .col-banner .img,
.block-categori-product-opt9 .col-categori .img {
  overflow: hidden;
  position: relative;
}

.block-categori-product-opt9 .col-banner .img:before,
.block-categori-product-opt9 .col-categori .img:before {
  content: "";
  background-color: rgba(255, 102, 51, 0.6);
  position: absolute;
  top: 11px;
  left: 11px;
  right: 11px;
  bottom: 11px;
  opacity: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-categori-product-opt9 .col-banner .img img,
.block-categori-product-opt9 .col-categori .img img {
  width: 100%;
  display: block;
}

.block-categori-product-opt9 .col-banner:hover .img:before,
.block-categori-product-opt9 .col-categori:hover .img:before {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-categori-product-opt9 .to-right {
  float: left;
}

.block-categori-product-opt9 .deals-of-countdown {
  position: absolute;
  bottom: 37px;
  right: 50%;
  margin-right: -212px;
}

.block-categori-product-opt9 .deals-of-countdown:before,
.block-categori-product-opt9 .deals-of-countdown:after {
  content: "";
  display: table;
}

.block-categori-product-opt9 .deals-of-countdown:after {
  clear: both;
}

.block-categori-product-opt9 .deals-of-countdown .title {
  background-color: rgba(255, 102, 51, 0.9);
  font-size: 36px;
  text-transform: uppercase;
  color: var(--textColorLight);
  width: 100px;
  text-align: center;
  float: right;
  margin-left: 1px;
  height: 100px;
  line-height: 1;
  padding-top: 15px;
}

@media (max-width: 479px) {
  .block-categori-product-opt9 .deals-of-countdown {
    right: 5px;
    margin: 0;
  }

  .block-categori-product-opt9 .deals-of-countdown .title {
    display: block;
    float: none;
    margin-bottom: 5px;
  }
}

.block-categori-product-opt9 .count-down-time {
  position: relative;
  float: right;
  color: #333333;
}

.block-categori-product-opt9 .count-down-time:before,
.block-categori-product-opt9 .count-down-time:after {
  content: "";
  display: table;
}

.block-categori-product-opt9 .count-down-time:after {
  clear: both;
}

.block-categori-product-opt9 .count-down-time .box-count {
  float: right;
  text-align: center;
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  width: 80px;
  line-height: 1;
  height: 100px;
  margin-left: 1px;
  text-transform: uppercase;
  padding-top: 12px;
}

.block-categori-product-opt9 .count-down-time .box-count:after {
  content: "";
  position: absolute;
  top: 40px;
  right: 0;
  left: 0;
  height: 1px;
  background-color: rgba(107, 107, 108, 0.5);
}

@media (max-width: 479px) {
  .block-categori-product-opt9 .count-down-time .box-count {
    width: 40px;
    height: 60px;
  }

  .block-categori-product-opt9 .count-down-time .box-count:after {
    top: 30px;
  }
}

.block-categori-product-opt9 .count-down-time .box-count .number {
  display: block;
  font-size: 60px;
  margin-bottom: 6px;
}

@media (max-width: 479px) {
  .block-categori-product-opt9 .count-down-time .box-count .number {
    font-size: 16px;
  }
}

.block-categori-product-opt9 .count-down-time .box-count .text {
  font-size: 16px;
}

@media (max-width: 479px) {
  .block-categori-product-opt9 .count-down-time .box-count .text {
    font-size: var(--fontSizeNormal);
  }
}

.block-categori-product-opt9 .col-product {
  background-color: #fff;
}

.block-categori-product-opt9 .col-product .product-detail {
  position: absolute;
  top: 11px;
  left: 11px;
  right: 11px;
  bottom: 11px;
  background-color: rgba(255, 102, 51, 0.6);
  text-align: center;
  padding-top: 90px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

@media (max-width: 767px) {
  .block-categori-product-opt9 .col-product .product-detail {
    padding-top: 0;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.block-categori-product-opt9 .col-product .product-img {
  position: relative;
}

.block-categori-product-opt9 .col-product .product-img img {
  display: block;
  width: 100%;
}

.block-categori-product-opt9 .col-product .product-name {
  font-size: 18px;
  color: #333333;
  display: block;
  line-height: 24px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.block-categori-product-opt9 .col-product .product-name a {
  color: #333333;
}

.block-categori-product-opt9 .col-product .product-name:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 50px;
  height: 2px;
  background-color: #333;
  left: 50%;
  margin-left: -25px;
}

.style-opt11.block-categori-product-opt9 .col-product .product-name {
  font-size: 24px;
}

.block-categori-product-opt9 .col-product .product-price {
  font-size: var(--fontSizeNormal);
  text-transform: uppercase;
  margin-bottom: 40px;
  color: #666666;
}

.block-categori-product-opt9 .col-product .product-price .price {
  font-size: 18px;
}

.block-categori-product-opt9 .col-product .product-price .old-price {
  text-decoration: line-through;
  color: #999999;
  margin-right: 12px;
}

.style-opt11.block-categori-product-opt9 .col-product .product-price {
  font-size: 18px;
}

.block-categori-product-opt9 .col-product .product-actions .btn {
  width: 32px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin-left: 25px;
  display: inline-block;
  padding: 0;
  opacity: 0.6;
}

.block-categori-product-opt9 .col-product .product-actions .btn:hover {
  opacity: 1;
}

.block-categori-product-opt9 .col-product .product-actions .btn span {
  display: none;
}

.block-categori-product-opt9 .col-product .product-actions .btn:last-child {
  margin-left: 0;
}

.block-categori-product-opt9 .col-product .product-actions .btn-quickview {
  background-image: url(../images/icon/index9/btn-quickview.png);
}

.block-categori-product-opt9 .col-product .product-actions .btn-cart {
  background-image: url(../images/icon/index9/btn-cart.png);
}

.block-categori-product-opt9 .col-product .product-actions .btn-compare {
  background-image: url(../images/icon/index9/btn-compare.png);
}

.block-categori-product-opt9 .col-product:hover .product-detail {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  padding-top: 80px;
}

@media (max-width: 767px) {
  .block-categori-product-opt9 .col-product:hover .product-detail {
    padding-top: 0;
  }
}

.block-categori-product-opt9 .col-product:hover .product-detail .product-name {
  color: var(--textColorLight);
}

.block-categori-product-opt9 .col-product:hover .product-detail .product-name a {
  color: var(--textColorLight);
}

.block-categori-product-opt9 .col-product:hover .product-detail .product-name:before {
  background-color: #fff;
}

.block-categori-product-opt9 .col-product:hover .product-detail .product-price {
  color: var(--textColorLight);
}

.block-categori-product-opt9 .col-product:hover .product-detail .product-price .old-price {
  color: var(--textColorLight);
}

.block-categori-product-opt9 .col-product.hide-img .product-detail {
  opacity: 1;
  visibility: visible;
  background-color: transparent;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-categori-product-opt9 .col-product.hide-img .product-img {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-categori-product-opt9 .col-product.hide-img:hover .product-detail {
  background-color: rgba(255, 102, 51, 0.6);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-categori-product-opt9 .col-product.hide-img:hover .product-img {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-categori-product-opt9 .label-sale {
  width: 50px;
  height: 50px;
  background-color: #ff6666;
  color: var(--textColorLight);
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 17px;
  left: 15px;
  border-radius: 100%;
  padding-top: 5px;
  line-height: 1;
  font-size: var(--fontSizeNormal);
  padding-top: 13px;
}

.block-categori-product-opt9 .label-new {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #669933;
  color: var(--textColorLight);
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 13px;
  right: 15px;
  border-radius: 100%;
  font-size: 12px;
}

.block-categori-product-opt9 .col-categori {
  float: right;
  position: relative;
}

.block-categori-product-opt9 .col-categori:hover .detail {
  background-color: rgba(255, 102, 51, 0.6);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  padding-top: 185px;
  top: 13px;
  bottom: 13px;
  left: 13px;
  right: 13px;
}

.block-categori-product-opt9 .col-categori:hover .detail .actions {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

@media (max-width: 767px) {
  .block-categori-product-opt9 .col-categori:hover .detail {
    padding-top: 0;
  }
}

.block-categori-product-opt9 .col-categori .img {
  display: block;
}

.block-categori-product-opt9 .col-categori .img img {
  display: block;
  width: 100%;
}

.block-categori-product-opt9 .col-categori .detail {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: var(--textColorLight);
  text-align: center;
  padding-top: 250px;
  background-color: transparent;
  background-color: rgba(51, 51, 51, 0.2);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

@media (max-width: 767px) {
  .block-categori-product-opt9 .col-categori .detail {
    padding-top: 0;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.block-categori-product-opt9 .col-categori .detail a {
  color: var(--textColorLight);
}

.block-categori-product-opt9 .col-categori .name {
  display: block;
  text-transform: uppercase;
  line-height: 1;
  font-size: 30px;
  margin-bottom: 26px;
}

@media (max-width: 360px) {
  .block-categori-product-opt9 .col-categori .name {
    font-size: 24px;
    margin-bottom: 15px;
  }
}

.block-categori-product-opt9 .col-categori .count-prduct {
  display: block;
  margin-bottom: 5px;
  font-size: 24px;
}

.block-categori-product-opt9 .col-categori .text {
  display: block;
  position: relative;
  padding-top: 8px;
  margin-bottom: 40px;
}

@media (max-width: 360px) {
  .block-categori-product-opt9 .col-categori .text {
    margin-bottom: 15px;
  }
}

.block-categori-product-opt9 .col-categori .text:before {
  content: "";
  width: 30px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
}

.block-categori-product-opt9 .col-categori .actions {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-categori-product-opt9 .col-categori .btn {
  display: inline-block;
  line-height: 36px;
  padding: 0 30px;
  border: 2px solid #fff;
  text-align: center;
  background-color: transparent;
  text-transform: uppercase;
  font-size: var(--fontSizeNormal);
  margin: 0 2px 2px;
}

@media (max-width: 360px) {
  .block-categori-product-opt9 .col-categori .btn {
    display: block;
    margin-bottom: 10px;
    min-width: 180px;
    text-align: center;
  }
}

.block-categori-product-opt9 .col-categori .btn:hover {
  background-color: #fff;
  color: #333;
}

.block-hot-categori-opt9 {
  padding: 54px 0 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  margin-bottom: 30px;
  height: auto !important;
}

.block-hot-categori-opt9:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.style-opt11.block-hot-categori-opt9:before {
  background-color: rgba(51, 51, 51, 0.6);
}

.block-hot-categori-opt9 .block-title {
  color: #333;
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  z-index: 10;
  padding-bottom: 5px;
  font-size: 16px;
  color: var(--textColorLight);
  margin-bottom: 55px;
}

.block-hot-categori-opt9 .block-title:before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
}

.block-hot-categori-opt9 .block-title .title {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
}

.block-hot-categori-opt9 .block-title:before {
  background-color: #fff;
}

.block-hot-categori-opt9 .block-content {
  position: relative;
  z-index: 10;
}

.block-hot-categori-opt9 .item {
  text-align: center;
  color: var(--textColorLight);
  margin-bottom: 10px;
  max-width: 300px;
  margin: auto;
}

.style-opt11.block-hot-categori-opt9 .item {
  color: #ccc;
}

.style-opt11.block-hot-categori-opt9 .item a {
  color: #ccc;
}

.block-hot-categori-opt9 .item a {
  color: var(--textColorLight);
}

.block-hot-categori-opt9 .item .icon {
  width: 106px;
  height: 106px;
  margin: auto;
  margin-bottom: 5px;
}

.block-hot-categori-opt9 .item .icon img {
  display: block;
}

.block-hot-categori-opt9 .item .icon .img-hide {
  display: none;
}

.block-hot-categori-opt9 .item .name {
  display: block;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 18px;
}

.style-opt11.block-hot-categori-opt9 .item .name {
  color: #ccc;
  margin-bottom: 3px;
  margin-top: 17px;
  line-height: 1;
}

.block-hot-categori-opt9 .item .des {
  font-size: var(--fontSizeNormal);
  line-height: 18px;
  margin-bottom: 15px;
  display: block;
}

.block-hot-categori-opt9 .item:hover {
  color: #ff6633;
}

.block-hot-categori-opt9 .item:hover a {
  color: #ff6633;
}

.block-hot-categori-opt9 .item:hover .icon img {
  display: none;
}

.block-hot-categori-opt9 .item:hover .icon .img-hide {
  display: block;
}

.block-hot-categori-opt9:hover .owl-nav .owl-prev,
.block-hot-categori-opt9:hover .owl-nav .owl-next {
  opacity: 0.2;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-hot-categori-opt9:hover .owl-nav .owl-prev {
  left: 0;
}

.block-hot-categori-opt9:hover .owl-nav .owl-next {
  right: 0;
}

.block-hot-categori-opt9 .owl-nav .owl-prev,
.block-hot-categori-opt9 .owl-nav .owl-next {
  width: 40px;
  height: 41px;
  position: absolute;
  top: 65px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-hot-categori-opt9 .owl-nav .owl-prev:hover,
.block-hot-categori-opt9 .owl-nav .owl-next:hover {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-hot-categori-opt9 .owl-nav .owl-prev {
  left: 15px;
  background-image: url(../images/icon/index9/prew.png);
}

.block-hot-categori-opt9 .owl-nav .owl-next {
  right: 15px;
  background-image: url(../images/icon/index9/next.png);
}

.block-hot-categori-opt9 .owl-dots {
  text-align: center;
}

.block-hot-categori-opt9 .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  margin: 0 4px;
}

.block-hot-categori-opt9 .owl-dots .owl-dot.active {
  background-color: #fff;
}

.block-recent-blog-opt9 {
  padding-bottom: 42px;
  padding-top: 54px;
}

.block-recent-blog-opt9 .block-title {
  color: #333;
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  z-index: 10;
  padding-bottom: 5px;
  font-size: 16px;
}

.block-recent-blog-opt9 .block-title:before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
}

.block-recent-blog-opt9 .block-title .title {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
}

.block-recent-blog-opt9 .blog-item {
  position: relative;
  background-color: #fff;
  overflow: hidden;
}

.block-recent-blog-opt9 .blog-item:before,
.block-recent-blog-opt9 .blog-item:after {
  content: "";
  display: table;
}

.block-recent-blog-opt9 .blog-item:after {
  clear: both;
}

.block-recent-blog-opt9 .blog-item:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 6px;
  background-color: #ff6633;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  z-index: 10;
}

.block-recent-blog-opt9 .blog-item:hover:before {
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-recent-blog-opt9 .blog-item:hover .blog-photo img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-recent-blog-opt9 .blog-item .blog-photo {
  width: 50%;
  float: right;
  position: relative;
  overflow: hidden;
}

@media (max-width: 479px) {
  .block-recent-blog-opt9 .blog-item .blog-photo {
    width: 100%;
    float: none;
  }
}

.block-recent-blog-opt9 .blog-item .blog-photo img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: block;
  width: 100%;
}

.block-recent-blog-opt9 .blog-item .blog-detail {
  width: 50%;
  float: right;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 20px;
  padding-bottom: 46px;
}

@media (max-width: 479px) {
  .block-recent-blog-opt9 .blog-item .blog-detail {
    width: 100%;
    float: none;
  }
}

.block-recent-blog-opt9 .blog-item .blog-date {
  display: inline-block;
  background-color: #ff6633;
  line-height: 30px;
  padding: 0 13px;
  color: var(--textColorLight);
  margin-bottom: 15px;
  font-size: var(--fontSizeNormal);
}

.block-recent-blog-opt9 .blog-item .blog-name {
  display: block;
  text-transform: uppercase;
  color: #333;
  line-height: 1;
  font-size: 24px;
}

.block-recent-blog-opt9 .blog-item .blog-name a {
  color: #333;
}

.block-recent-blog-opt9 .blog-item .blog-name a:hover,
.block-recent-blog-opt9 .blog-item .blog-name a:focus {
  color: #ff7f00;
}

.block-recent-blog-opt9 .blog-item .blog-actions {
  position: absolute;
  bottom: 35px;
}

@media (max-width: 479px) {
  .block-recent-blog-opt9 .blog-item .blog-actions {
    position: static;
  }
}

.block-recent-blog-opt9 .blog-item .blog-actions a {
  color: #999999;
  display: inline-block;
  font-size: var(--fontSizeNormal);
}

.block-recent-blog-opt9 .blog-item .blog-actions a:before {
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 8px;
  display: inline-block;
}

.block-recent-blog-opt9 .blog-item .blog-actions a:hover {
  color: #ff7f00;
}

.block-recent-blog-opt9 .owl-dots {
  text-align: center;
  padding-top: 32px;
}

.block-recent-blog-opt9 .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  background-color: transparent;
  border: 2px solid #c7c7c7;
  display: inline-block;
  margin: 0 4px;
  border-radius: 100%;
}

.block-recent-blog-opt9 .owl-dots .owl-dot.active {
  background-color: #999999;
  border-color: #999999;
}

.block-brand-op9 {
  padding: 40px 0;
  background-color: #EBEBEB;
}

.block-brand-op9 .item {
  padding: 1px;
}

.block-brand-op9 .item a {
  display: block;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}

.block-brand-op9 .owl-item {
  padding-bottom: 1px;
}

.block-service-opt9 {
  padding: 37px 0 17px;
  border-bottom: 1px solid rgba(80, 80, 80, 0.6);
}

.block-service-opt9 .item {
  font-size: var(--fontSizeNormal);
  color: #999999;
  margin-bottom: 10px;
  position: relative;
}

.block-service-opt9 .item:before,
.block-service-opt9 .item:after {
  content: "";
  display: table;
}

.block-service-opt9 .item:after {
  clear: both;
}

.block-service-opt9 .item:hover .icon {
  -webkit-animation: bounce 0.7s ease-in-out 0.3s both;
  -o-animation: bounce 0.7s ease-in-out 0.3s both;
  animation: bounce 0.7s ease-in-out 0.3s both;
}

.block-service-opt9 .item .icon {
  width: 52px;
  text-align: center;
  background-color: rgba(245, 245, 245, 0.2);
  display: block;
  border-radius: 3px;
  float: right;
  margin-left: 17px;
}

.block-service-opt9 .item .icon img {
  width: 100%;
  display: block;
}

.block-service-opt9 .item .detail {
  overflow: hidden;
  padding-top: 2px;
}

.block-service-opt9 .item .title {
  display: block;
  color: #cccccc;
  font-size: 18px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .block-service-opt9 {
    max-width: 445px;
    margin-right: auto;
    margin-left: auto;
  }
}

.index-opt-9 {
  background-color: #f5f5f5;
}

.index-opt-9 .back-to-top {
  border-color: #ff7f00;
}

.index-opt-9 .back-to-top .fa {
  background-color: #ff7f00;
}

.index-opt-9 .back-to-top:hover {
  background-color: #ff7f00;
}

.block-parallax-opt-9 {
  position: relative;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 137px;
  padding-top: 130px;
}

.block-parallax-opt-9:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 991px) {
  .block-parallax-opt-9 {
    height: auto !important;
    padding: 100px 0;
  }
}

.block-parallax-opt-9 .block-content {
  position: relative;
  z-index: 10;
  text-align: center;
  height: 100%;
  display: table;
  width: 100%;
  color: var(--textColorLight);
}

.block-parallax-opt-9 .block-content a {
  color: var(--textColorLight);
}

.block-parallax-opt-9 .description {
  display: table-cell;
  vertical-align: middle;
}

.block-parallax-opt-9 .btn {
  line-height: 46px;
  padding: 0 63px;
  border: 2px solid #fff;
  color: var(--textColorLight);
  text-transform: uppercase;
}

.block-parallax-opt-9 .btn:hover,
.block-parallax-opt-9 .btn:focus {
  background-color: #FED690;
  border-color: #FED690;
  color: #333;
}

@media (max-width: 767px) {
  .block-parallax-opt-9 .btn {
    margin-bottom: 15px;
  }
}

.block-parallax-opt-9 .title,
.block-parallax-opt-9 .sub-title {
  line-height: 1;
  display: block;
}

.block-lookbook-opt-9 {
  padding-top: 258px;
  padding-bottom: 137px;
}

.block-lookbook-opt-9 .img-title {
  margin-bottom: 50px;
}

.block-lookbook-opt-9 .title {
  display: block;
  color: #cccccc;
  font-size: 160px;
  line-height: normal;
  text-transform: uppercase;
  line-height: 113px;
}

@media (max-width: 991px) {
  .block-lookbook-opt-9 .title {
    font-size: 80px;
  }
}

@media (max-width: 767px) {
  .block-lookbook-opt-9 .title {
    font-size: 40px;
    line-height: 1.14;
  }
}

@media (max-width: 479px) {
  .block-lookbook-opt-9 .title {
    font-size: 30px;
    line-height: 1.14;
  }
}

.block-lookbook-opt-9 .sub-title {
  color: var(--textColorLight);
  font-size: 80px;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .block-lookbook-opt-9 .sub-title {
    font-size: 20px;
  }
}

.block-lookbook-opt-9 .btn-play {
  margin-bottom: 35px;
  display: inline-block;
}

.block-modern-opt-9 {
  padding-top: 204px;
}

.block-modern-opt-9 .img-title {
  margin-bottom: 32px;
}

.block-modern-opt-9 .title {
  display: block;
  color: #999999;
  font-size: 80px;
  line-height: 70px;
}

.block-modern-opt-9 .title>span {
  color: #ccc;
  font-size: 140px;
  line-height: normal;
  text-transform: uppercase;
  display: block;
  line-height: 110px;
}

@media (max-width: 991px) {
  .block-modern-opt-9 .title>span {
    font-size: 80px;
  }
}

@media (max-width: 767px) {
  .block-modern-opt-9 .title>span {
    font-size: 40px;
    line-height: 1.14;
  }
}

@media (max-width: 479px) {
  .block-modern-opt-9 .title>span {
    font-size: 30px;
    line-height: 1.14;
  }
}

@media (max-width: 991px) {
  .block-modern-opt-9 .title {
    font-size: 80px;
  }
}

@media (max-width: 767px) {
  .block-modern-opt-9 .title {
    font-size: 40px;
    line-height: 1.14;
  }
}

@media (max-width: 479px) {
  .block-modern-opt-9 .title {
    font-size: 30px;
    line-height: 1.14;
  }
}

.block-modern-opt-9 .sub-title {
  color: var(--textColorLight);
  line-height: normal;
  text-transform: uppercase;
  font-size: 70px;
  margin-bottom: 104px;
}

@media (max-width: 991px) {
  .block-modern-opt-9 .sub-title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .block-modern-opt-9 .sub-title {
    font-size: 30px;
    line-height: 1.14;
  }
}

@media (max-width: 479px) {
  .block-modern-opt-9 .sub-title {
    font-size: 30px;
    line-height: 1.14;
  }
}

.block-style-opt-9 {
  padding-top: 150px;
}

.block-style-opt-9 .img-title {
  margin-bottom: 120px;
}

.block-style-opt-9 .title {
  display: block;
  color: #cccccc;
  font-size: 160px;
  line-height: normal;
  text-transform: uppercase;
  line-height: 135px;
  margin-bottom: 25px;
}

.block-style-opt-9 .title>span {
  color: var(--textColorLight);
  font-size: 70px;
  line-height: normal;
  text-transform: uppercase;
  display: block;
  line-height: 53px;
}

@media (max-width: 991px) {
  .block-style-opt-9 .title>span {
    font-size: 80px;
  }
}

@media (max-width: 767px) {
  .block-style-opt-9 .title>span {
    font-size: 40px;
    line-height: 1.14;
  }
}

@media (max-width: 479px) {
  .block-style-opt-9 .title>span {
    font-size: 30px;
    line-height: 1.14;
  }
}

@media (max-width: 991px) {
  .block-style-opt-9 .title {
    font-size: 80px;
  }
}

@media (max-width: 767px) {
  .block-style-opt-9 .title {
    font-size: 40px;
    line-height: 1.14;
  }
}

@media (max-width: 479px) {
  .block-style-opt-9 .title {
    font-size: 30px;
    line-height: 1.14;
  }
}

.block-street-opt-9 {
  padding-top: 230px;
}

.block-street-opt-9 .img-title {
  margin-bottom: 25px;
}

.block-street-opt-9 .title {
  display: block;
  color: #cccccc;
  font-size: 160px;
  line-height: normal;
  text-transform: uppercase;
  line-height: 140px;
}

@media (max-width: 991px) {
  .block-street-opt-9 .title {
    font-size: 80px;
  }
}

@media (max-width: 767px) {
  .block-street-opt-9 .title {
    font-size: 40px;
    line-height: 1.14;
  }
}

@media (max-width: 479px) {
  .block-street-opt-9 .title {
    font-size: 30px;
    line-height: 1.14;
  }
}

.block-street-opt-9 .sub-title {
  color: var(--textColorLight);
  font-size: 80px;
  line-height: normal;
  text-transform: uppercase;
  line-height: 60px;
  margin-bottom: 25px;
}

@media (max-width: 991px) {
  .block-street-opt-9 .sub-title {
    font-size: 80px;
  }
}

@media (max-width: 767px) {
  .block-street-opt-9 .sub-title {
    font-size: 40px;
    line-height: 1.14;
  }
}

@media (max-width: 479px) {
  .block-street-opt-9 .sub-title {
    font-size: 30px;
    line-height: 1.14;
  }
}

.block-street-opt-9 .img-line {
  margin-bottom: 68px;
}

.index-opt-10 .back-to-top {
  border-color: #ffd68f;
}

.index-opt-10 .back-to-top .fa {
  background-color: #ffd68f;
}

.index-opt-10 .back-to-top:hover {
  background-color: #ffd68f;
}

.slide-opt-11 {
  color: var(--textColorLight);
}

.slide-opt-11 .owl-dots {
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 27px;
}

.slide-opt-11 .owl-dots .owl-dot {
  color: #666666;
  font-size: 14px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: transparent;
  display: inline-block;
  text-align: center;
  border: 1px solid #fff;
  margin: 0 5px;
}

.slide-opt-11 .owl-dots .owl-dot.active {
  background-color: var(--textColorLight);
  color: var(--textColorLight);
  border-color: var(--textColorLight);
}

.slide-opt-11 .item:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.31);
  z-index: 2;
}

.slide-opt-11 .description {
  text-transform: uppercase;
  position: absolute;
  bottom: 99px;
  left: 200px;
  right: 200px;
  text-align: center;
  z-index: 10;
}

.slide-opt-11 .owl-item .img-slide {
  display: block;
  width: 100%;
}

.slide-opt-11 .subtitle {
  font-size: 80px;
  display: block;
  margin-bottom: 1px;
  line-height: 70px;
}

.slide-opt-11 .title {
  display: block;
  font-size: 80px;
  margin-bottom: 0px;
  line-height: 75px;
}

.slide-opt-11 .des {
  display: block;
  font-size: 32px;
  margin-bottom: 5px;
}

.slide-opt-11 .view-opt11 {
  background-color: transparent;
  line-height: 46px;
  padding: 0 15px;
  font-size: 18px;
  display: inline-block;
  border: 2px solid #fff;
  color: var(--textColorLight);
  margin-top: 12px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-11 .view-opt11:hover {
  text-decoration: none;
  background-color: #fff;
  color: #666666;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-11 .view-opt11 .fa {
  font-size: 16px;
  margin-left: 4px;
}

.slide-opt-11 .subtitle,
.slide-opt-11 .title,
.slide-opt-11 .des,
.slide-opt-11 .view-opt11 {
  position: relative;
}

.slide-opt-11 .active .title {
  -webkit-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  animation: fadeInRight 0.9s ease-in-out 0.8s both;
}

.slide-opt-11 .active .subtitle {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

.slide-opt-11 .active .des {
  -webkit-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  -o-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  animation: fadeInRight 0.4s ease-in-out 1.2s both;
}

.slide-opt-11 .active .view-opt11 {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

@media (max-width: 992px) {
  .slide-opt-11 .description {
    top: 30px;
    bottom: auto;
    left: 30px;
    right: 30px;
  }

  .slide-opt-11 .subtitle {
    font-size: 60px;
    line-height: 1;
  }

  .slide-opt-11 .title {
    font-size: 50px;
    line-height: 50px;
  }

  .slide-opt-11 .des {
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  .slide-opt-11 .description {
    top: 30px;
    bottom: auto;
    left: 30px;
    right: 30px;
  }

  .slide-opt-11 .subtitle {
    font-size: 40px;
    line-height: 1;
  }

  .slide-opt-11 .title {
    font-size: 30px;
    line-height: 1;
  }

  .slide-opt-11 .des {
    font-size: var(--fontSizeNormal);
  }

  .slide-opt-11 .view-opt11 {
    line-height: 36px;
    font-size: var(--fontSizeNormal);
  }
}

@media (max-width: 479px) {
  .slide-opt-11 .owl-dots {
    bottom: 5px;
  }

  .slide-opt-11 .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
  }

  .slide-opt-11 .description {
    top: 20px;
    bottom: auto;
    left: 20px;
    right: 20px;
  }

  .slide-opt-11 .subtitle {
    font-size: 28px;
    line-height: 1;
  }

  .slide-opt-11 .title {
    font-size: 18px;
    line-height: 1;
  }

  .slide-opt-11 .des {
    font-size: 12px;
  }

  .slide-opt-11 .view-opt11 {
    line-height: 20px;
    font-size: 9px;
    margin-top: 7px;
  }

  .slide-opt-11 .view-opt11 .fa {
    font-size: 11px;
  }
}

.block-recent-blog-opt11 {
  margin-bottom: 30px;
  padding-top: 40px;
}

.block-recent-blog-opt11 .block-title {
  color: #333;
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  z-index: 10;
  padding-bottom: 5px;
  font-size: 16px;
  margin-bottom: 30px;
  color: #666666;
}

.block-recent-blog-opt11 .block-title:before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
}

.block-recent-blog-opt11 .block-title .title {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
}

.block-recent-blog-opt11 .block-title .title {
  font-size: 20px;
  color: #333333;
}

.block-recent-blog-opt11 .blog-item {
  position: relative;
  background-color: var(--textColorLight);
}

.block-recent-blog-opt11 .blog-item:before,
.block-recent-blog-opt11 .blog-item:after {
  content: "";
  display: table;
}

.block-recent-blog-opt11 .blog-item:after {
  clear: both;
}

.block-recent-blog-opt11 .blog-item:hover .blog-photo img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-recent-blog-opt11 .blog-item .blog-photo {
  position: relative;
  overflow: hidden;
}

.block-recent-blog-opt11 .blog-item .blog-photo img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: block;
  width: 100%;
}

.block-recent-blog-opt11 .blog-item .blog-detail {
  padding: 24px;
  min-height: 180px;
}

.block-recent-blog-opt11 .blog-item .blog-date {
  display: block;
  background-color: rgba(255, 102, 0, 0.6);
  line-height: 30px;
  padding: 0 13px;
  color: var(--textColorLight);
  font-size: 16px;
  position: absolute;
  bottom: 20px;
  right: 0;
}

.block-recent-blog-opt11 .blog-item .blog-name {
  display: block;
  text-transform: none;
  color: #333;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 9px;
}

.block-recent-blog-opt11 .blog-item .blog-name a {
  color: #333;
}

.block-recent-blog-opt11 .blog-item .blog-name a:hover,
.block-recent-blog-opt11 .blog-item .blog-name a:focus {
  color: #ff6634;
}

.block-recent-blog-opt11 .blog-item .blog-des {
  color: #666666;
  line-height: 18px;
  font-size: var(--fontSizeNormal);
  margin-bottom: 11px;
}

.block-recent-blog-opt11 .blog-item .blog-actions a {
  color: #ff6600;
  display: inline-block;
  font-size: var(--fontSizeNormal);
}

.block-recent-blog-opt11 .blog-item .blog-actions a:before {
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 8px;
  color: #999999;
  display: inline-block;
}

.block-recent-blog-opt11 .blog-item .blog-actions a:hover {
  color: #e63900;
}

.block-recent-blog-opt11 .blog-item .blog-actions a:hover:before {
  color: #e63900;
}

.block-recent-blog-opt11 .blog-item.item-even {
  display: flex;
  flex-direction: column;
  display: -webkit-flex;
  -webkit-flex-direction: column;
}

.block-recent-blog-opt11 .blog-item.item-even .blog-photo {
  order: 2;
  margin: 0;
}

.block-recent-blog-opt11 .blog-item.item-even .blog-detail {
  order: 1;
}

.block-brand-op11 {
  padding: 34px 0;
  border-top: 1px solid #dcdcdc;
}

.block-brand-op11 .item {
  padding: 1px;
  text-align: center;
}

.block-brand-op11 .item a {
  display: block;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
}

.block-brand-op11 .item:hover img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
}

.block-brand-op11 .owl-item {
  padding-bottom: 1px;
}

.block-brand-op11 .owl-carousel {
  padding: 0 88px;
}

@media (max-width: 639px) {
  .block-brand-op11 .owl-carousel {
    padding: 0 36px;
  }
}

@media (max-width: 479px) {
  .block-brand-op11 .owl-carousel {
    padding: 0;
  }

  .block-brand-op11 .owl-carousel .owl-nav {
    display: none;
  }
}

.block-brand-op11 .owl-nav .owl-prev,
.block-brand-op11 .owl-nav .owl-next {
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -16px;
}

.block-brand-op11 .owl-nav .owl-prev {
  background-image: url(../images/icon/index11/prev.png);
  left: 0;
}

.block-brand-op11 .owl-nav .owl-prev:hover {
  background-image: url(../images/icon/index11/prev2.png);
}

.block-brand-op11 .owl-nav .owl-next {
  background-image: url(../images/icon/index11/next.png);
  right: 0;
}

.block-brand-op11 .owl-nav .owl-next:hover {
  background-image: url(../images/icon/index11/next2.png);
}

.index-opt-11 {
  background-color: #f5f5f5;
}

.index-opt-11 .back-to-top {
  border-color: #ff6634;
}

.index-opt-11 .back-to-top .fa {
  background-color: #ff6634;
}

.index-opt-11 .back-to-top:hover {
  background-color: #ff6634;
}

.index-opt-11 .block-hot-categori-opt9 {
  padding: 58px 0 44px;
  margin-bottom: 0;
}

.index-opt-11 .block-categori-product-opt9 {
  margin-bottom: 0;
}

.slide-opt-12 {
  color: var(--textColorLight);
}

.slide-opt-12 .owl-dots {
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 27px;
}

.slide-opt-12 .owl-dots .owl-dot {
  color: #666666;
  font-size: 14px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: transparent;
  display: inline-block;
  text-align: center;
  border: 1px solid #fff;
  margin: 0 5px;
}

.slide-opt-12 .owl-dots .owl-dot.active {
  background-color: var(--textColorLight);
  color: var(--textColorLight);
  border-color: var(--textColorLight);
}

.slide-opt-12 .item:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.slide-opt-12 .description {
  text-transform: uppercase;
  position: absolute;
  bottom: 118px;
  left: 100px;
  right: 100px;
  text-align: center;
  z-index: 10;
}

.slide-opt-12 .owl-item .img-slide {
  display: block;
  width: 100%;
}

.slide-opt-12 .subtitle {
  font-size: 24px;
  display: block;
  margin-bottom: 4px;
  text-transform: none;
}

.slide-opt-12 .title {
  display: inline-block;
  font-size: 36px;
  margin-bottom: 2px;
  line-height: 45px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.slide-opt-12 .title:before,
.slide-opt-12 .title:after {
  display: block;
}

.slide-opt-12 .des {
  display: block;
  font-size: 24px;
  padding-left: 34px;
}

.slide-opt-12 .view-opt12 {
  background-color: #fff;
  color: #333333;
  line-height: 40px;
  padding: 0 26px;
  font-size: 16px;
  display: inline-block;
  border: none;
  margin-top: 35px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-12 .view-opt12:hover {
  text-decoration: none;
  background-color: #333333;
  color: var(--textColorLight);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-12 .view-opt12 .fa {
  font-size: 16px;
  margin-left: 4px;
}

.slide-opt-12 .view-opt12:after {
  content: "\f105";
  font-family: 'FontAwesome';
  margin-left: 5px;
  font-size: 20px;
  vertical-align: top;
}

.slide-opt-12 .subtitle,
.slide-opt-12 .title,
.slide-opt-12 .des,
.slide-opt-12 .view-opt12 {
  position: relative;
}

.slide-opt-12 .active {
  /*.title {
              .animation(fadeInRight 0.9s ease-in-out 0.8s both);
          }
          .subtitle {
              .animation(fadeInRight 0.6s ease-in-out 0.8s both);
          }
          .des {
              .animation(fadeInRight 0.4s ease-in-out 1.2s both);
          }
          .view-opt12 {
              .animation(fadeInRight 0.6s ease-in-out 0.8s both);
          }*/
}

@media (max-width: 640px) {
  .slide-opt-12 .description {
    top: 100px;
    bottom: auto;
    left: 30px;
    right: 30px;
  }

  .slide-opt-12 .subtitle {
    font-size: 18px;
  }

  .slide-opt-12 .title {
    font-size: 30px;
  }

  .slide-opt-12 .des {
    font-size: 18px;
    padding-left: 20px;
  }

  .slide-opt-12 .owl-dots {
    bottom: 10px;
  }

  .slide-opt-12 .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 479px) {
  .slide-opt-12 .description {
    top: 30px;
    bottom: auto;
    left: 30px;
    right: 30px;
  }

  .slide-opt-12 .subtitle {
    font-size: var(--fontSizeNormal);
  }

  .slide-opt-12 .title {
    font-size: 20px;
    line-height: 1.3;
  }

  .slide-opt-12 .des {
    font-size: var(--fontSizeNormal);
    padding-left: 15px;
  }

  .slide-opt-12 .view-opt12 {
    line-height: 30px;
    font-size: 12px;
    margin-top: 15px;
  }

  .slide-opt-12 .owl-dots {
    bottom: 10px;
  }

  .slide-opt-12 .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
  }
}

.block-section-top12 {
  margin-bottom: 30px;
}

.block-section-top12 .box-section-top {
  position: relative;
  padding-right: 280px;
  padding-top: 10px;
}

.block-section-top12 .box-section-top:before,
.block-section-top12 .box-section-top:after {
  content: "";
  display: table;
}

.block-section-top12 .box-section-top:after {
  clear: both;
}

@media (max-width: 1199px) {
  .block-section-top12 .box-section-top {
    padding-right: 0;
  }
}

.block-section-top12 .block-slide-main {
  width: 680px;
  float: right;
}

@media (max-width: 1199px) {
  .block-section-top12 .block-slide-main {
    width: 716px;
  }
}

@media (max-width: 991px) {
  .block-section-top12 .block-slide-main {
    width: 100%;
  }
}

.block-section-top12 .block-nav-categori {
  float: none;
  position: absolute !important;
  top: 0;
  right: 0;
}

@media (max-width: 1199px) {
  .block-section-top12 .block-nav-categori {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

.block-section-top12 .block-nav-categori .block-title {
  display: none;
}

.block-section-top12 .block-nav-categori .ui-categori {
  padding-top: 6px;
  padding-bottom: 0;
}

.block-section-top12 .block-nav-categori .ui-categori>li {
  padding-left: 20px;
  padding-right: 20px;
}

.block-section-top12 .block-nav-categori .ui-categori>li>a {
  line-height: 42px;
  border-top: 1px solid #eeeeee;
  padding: 0;
  padding-left: 20px;
  color: #333333;
  font-size: var(--fontSizeNormal);
}

.block-section-top12 .block-nav-categori .ui-categori>li>a .icon {
  width: 26px;
  text-align: center;
  margin-left: 2px;
  vertical-align: baseline;
}

.block-section-top12 .block-nav-categori .ui-categori>li:hover>a {
  color: var(--theme-deafult);
}

.block-section-top12 .block-nav-categori .ui-categori>li:first-child>a {
  border-top: none;
}

.block-section-top12 .block-nav-categori .ui-categori>li.parent>a:after {
  line-height: 42px;
}

.block-section-top12 .block-nav-categori .ui-categori .submenu {
  right: 270px;
  width: 900px;
}

@media (max-width: 1199px) {
  .block-section-top12 .block-nav-categori .ui-categori .submenu {
    width: 670px;
  }
}

.block-section-top12 .block-nav-categori .view-all-categori .btn-view-all,
.block-section-top12 .block-nav-categori .view-all-categori a {
  background-color: #fff;
  color: #999999;
  border: none;
  border-top: 1px solid #eeeeee;
  font-size: var(--fontSizeNormal);
  height: 49px;
  line-height: 1;
  margin-left: 15px;
  margin-right: 15px;
  text-transform: none;
  text-align: center;
  padding-top: 15px;
}

.block-section-top12 .block-nav-categori .view-all-categori .btn-view-all:after,
.block-section-top12 .block-nav-categori .view-all-categori a:after {
  content: "\f107";
  float: none;
  margin: 0;
  vertical-align: top;
  display: block;
}

.block-section-top12 .block-nav-categori .view-all-categori .btn-view-all:hover,
.block-section-top12 .block-nav-categori .view-all-categori a:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
}

.block-section-top12 .block-nav-categori .block-content {
  min-height: 520px;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 270px;
  border: 1px solid #eeeeee;
}

.block-section-top12 .col-right {
  width: calc(100% - 680px);
  width: -moz-calc(100% - 680px);
  width: -webkit-calc(100% - 680px);
  width: -o-calc(100% - 680px);
  float: right;
}

@media (max-width: 1199px) {
  .block-section-top12 .col-right {
    width: calc(100% - 716px);
    width: -moz-calc(100% - 716px);
    width: -webkit-calc(100% - 716px);
    width: -o-calc(100% - 716px);
  }
}

@media (max-width: 991px) {
  .block-section-top12 .col-right {
    display: none;
  }
}

.block-section-top12 .banner-slide .box-img {
  position: relative;
  display: block;
}

.block-section-top12 .banner-slide .box-img:before,
.block-section-top12 .banner-slide .box-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.block-section-top12 .banner-slide .box-img:hover:before {
  top: 50%;
  bottom: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.block-section-top12 .banner-slide .box-img:hover:after {
  left: 50%;
  right: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.block-section-top12 .banner-slide .box-img img {
  display: block;
  width: 100%;
}

.block-section-top12 .banner-slide img {
  display: block;
  width: 100%;
}

.block-section-top12 .block-logo-brand {
  text-align: center;
  border: 1px solid #eeeeee;
}

.block-section-top12 .block-logo-brand:hover .owl-nav .owl-next,
.block-section-top12 .block-logo-brand:hover .owl-nav .owl-prev {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-section-top12 .block-logo-brand:hover .owl-nav .owl-prev {
  left: 5px;
}

.block-section-top12 .block-logo-brand:hover .owl-nav .owl-next {
  right: 5px;
}

.block-section-top12 .block-logo-brand .owl-nav .owl-next,
.block-section-top12 .block-logo-brand .owl-nav .owl-prev {
  width: 20px;
  line-height: 20px;
  border-radius: 2px;
  font-size: 18px;
  color: #cdcdcd;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  opacity: 0;
}

.block-section-top12 .block-logo-brand .owl-nav .owl-next:hover,
.block-section-top12 .block-logo-brand .owl-nav .owl-prev:hover {
  color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.block-section-top12 .block-logo-brand .owl-nav .owl-next:before,
.block-section-top12 .block-logo-brand .owl-nav .owl-prev:before {
  content: "";
  font-family: 'FontAwesome';
}

.block-section-top12 .block-logo-brand .owl-nav .owl-prev {
  left: 25px;
}

.block-section-top12 .block-logo-brand .owl-nav .owl-prev:before {
  content: "\f104";
}

.block-section-top12 .block-logo-brand .owl-nav .owl-next {
  right: 25px;
}

.block-section-top12 .block-logo-brand .owl-nav .owl-next:before {
  content: "\f105";
}

.block-banner-main-opt12 .box-img {
  position: relative;
  display: block;
}

.block-banner-main-opt12 .box-img:before,
.block-banner-main-opt12 .box-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.block-banner-main-opt12 .box-img:hover:before {
  top: 50%;
  bottom: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.block-banner-main-opt12 .box-img:hover:after {
  left: 50%;
  right: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.block-banner-main-opt12 .box-img img {
  display: block;
  width: 100%;
}

.block-banner-main-opt12 .box-img {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

.block-banner-main-opt12 .row {
  margin: 0;
}

.block-banner-main-opt12 [class^="col-sm"],
.block-banner-main-opt12 [class^="col-md"] {
  padding: 0;
}

.block-banner-main-opt12 .item {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

.block-banner-main-opt12 .item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(12, 27, 76, 0.5);
  display: block;
  z-index: 5;
}

.block-banner-main-opt12 .item img {
  width: 100%;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.55s;
  -o-transition: 0.55s;
  transition: 0.55s;
}

.block-banner-main-opt12 .item .description {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 10px;
  padding-right: 50px;
  text-align: right;
  z-index: 10;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-align-items: flex-end;
  -webkit-justify-content: center;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.block-banner-main-opt12 .item .title,
.block-banner-main-opt12 .item .sub-title,
.block-banner-main-opt12 .item .des,
.block-banner-main-opt12 .item .btn {
  position: relative;
}

.block-banner-main-opt12 .item .title,
.block-banner-main-opt12 .item .sub-title,
.block-banner-main-opt12 .item .des {
  display: block;
}

.block-banner-main-opt12 .item .btn {
  line-height: 31px;
  background-color: transparent;
  color: var(--textColorLight);
  padding: 0;
  border: none;
  text-transform: uppercase;
  font-size: var(--fontSizeNormal);
  position: relative;
}

.block-banner-main-opt12 .item .btn:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}

.block-banner-main-opt12 .item .btn:hover {
  color: var(--theme-deafult);
  background-color: transparent;
}

.block-banner-main-opt12 .item .title {
  text-transform: none;
  font-size: 24px;
  color: var(--textColorLight);
}

.block-banner-main-opt12 .item .des {
  text-transform: uppercase;
  margin-bottom: 15px;
  color: var(--textColorLight);
  font-size: 36px;
}

.block-banner-main-opt12 .item:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 0.55s;
  -o-transition: 0.55s;
  transition: 0.55s;
}

.block-banner-main-opt12 .item:hover .title,
.block-banner-main-opt12 .item:hover .sub-title,
.block-banner-main-opt12 .item:hover .des,
.block-banner-main-opt12 .item:hover .btn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.block-banner-main-opt12 .item:hover .sub-title {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.block-banner-main-opt12 .item:hover .des {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.block-banner-main-opt12 .item:hover .btn {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.block-banner-main-opt12 .item1:before {
  background-color: rgba(12, 27, 76, 0.5);
}

.block-banner-main-opt12 .item2:before {
  background-color: rgba(255, 51, 102, 0.5);
}

.block-banner-main-opt12 .item3:before {
  background-color: rgba(17, 168, 171, 0.5);
}

.block-banner-bottom-opt12 .box-img {
  position: relative;
  display: block;
}

.block-banner-bottom-opt12 .box-img:before,
.block-banner-bottom-opt12 .box-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.block-banner-bottom-opt12 .box-img:hover:before {
  top: 50%;
  bottom: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.block-banner-bottom-opt12 .box-img:hover:after {
  left: 50%;
  right: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.block-banner-bottom-opt12 .box-img img {
  display: block;
  width: 100%;
}

.block-banner-bottom-opt12 .box-img {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

.block-floor-products-opt12 {
  margin-bottom: 30px;
}

.block-floor-products-opt12 .block-title {
  margin-bottom: 0px;
  background-color: #eeeeee;
  border-bottom: 2px solid var(--theme-deafult);
}

.block-floor-products-opt12 .block-title:before,
.block-floor-products-opt12 .block-title:after {
  content: "";
  display: table;
}

.block-floor-products-opt12 .block-title:after {
  clear: both;
}

.block-floor-products-opt12 .block-title .title {
  font-size: 18px;
  color: #333333;
  text-transform: uppercase;
  padding-right: 8px;
  padding-left: 5px;
  display: block;
  line-height: 50px;
  float: right;
}

.block-floor-products-opt12 .block-title .box-categori {
  float: right;
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-toggle {
  width: 54px;
  line-height: 50px;
  height: 50px;
  display: block;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index12/btn-cat-floor.png);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-toggle span {
  display: none;
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-toggle:hover {
  background-color: var(--theme-deafult);
}

.floor-products1.block-floor-products-opt12 .block-title .box-categori .dropdown-toggle:hover {
  background-color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt12 .block-title .box-categori .dropdown-toggle:hover {
  background-color: #11a8ab;
}

.floor-products3.block-floor-products-opt12 .block-title .box-categori .dropdown-toggle:hover {
  background-color: #004081;
}

.block-floor-products-opt12 .block-title .box-categori.show .dropdown-toggle {
  background-color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  background-image: url(../images/icon/index12/btn-cat-floor-active.png);
}

.floor-products1.block-floor-products-opt12 .block-title .box-categori.show .dropdown-toggle {
  background-color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt12 .block-title .box-categori.show .dropdown-toggle {
  background-color: #11a8ab;
}

.floor-products3.block-floor-products-opt12 .block-title .box-categori.show .dropdown-toggle {
  background-color: #004081;
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-menu {
  width: 270px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  margin: 0 !important;
  background-color: rgba(255, 51, 102, 0.8);
  height: 621px;
  overflow-y: auto;
  padding-right: unset;
  padding-top: 33px;
  right: 0 !important;
  left: auto !important;
  will-change: auto !important;
  transform: unset !important;
  top: 50px !important;
}

.floor-products1.block-floor-products-opt12 .block-title .box-categori .dropdown-menu {
  background-color: rgba(255, 51, 102, 0.8);
}

.floor-products2.block-floor-products-opt12 .block-title .box-categori .dropdown-menu {
  background-color: rgba(17, 168, 171, 0.8);
}

.floor-products3.block-floor-products-opt12 .block-title .box-categori .dropdown-menu {
  background-color: rgba(0, 64, 129, 0.8);
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-menu a {
  color: var(--textColorLight);
  display: block;
  line-height: 40px;
  margin-bottom: 5px;
  padding: 0;
  padding-right: 20px;
  font-size: var(--fontSizeNormal);
  text-transform: capitalize;
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-menu a:hover,
.block-floor-products-opt12 .block-title .box-categori .dropdown-menu a:focus,
.block-floor-products-opt12 .block-title .box-categori .dropdown-menu li.active a {
  background-color: #ffffff;
  color: #333;
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-menu a:hover .img-show,
.block-floor-products-opt12 .block-title .box-categori .dropdown-menu a:focus .img-show {
  display: none;
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-menu a:hover .img-hover,
.block-floor-products-opt12 .block-title .box-categori .dropdown-menu a:focus .img-hover {
  display: inline;
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-menu a .icon {
  width: 46px;
  text-align: center;
  display: inline-block;
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-menu a .icon img {
  height: 30px;
  object-fit: contain;
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-menu a .img-hover {
  display: none;
}

.block-floor-products-opt12 .block-title .links {
  float: left;
  margin-left: 52px;
}

.block-floor-products-opt12 .block-title .links:before,
.block-floor-products-opt12 .block-title .links:after {
  content: "";
  display: table;
}

.block-floor-products-opt12 .block-title .links:after {
  clear: both;
}

.block-floor-products-opt12 .block-title .links .dropdown-toggle {
  width: 54px;
  border: none;
  background-color: transparent;
  padding: 0;
  height: 50px;
  font-size: 18px;
  display: none;
}

@media (min-width: 992px) {
  .block-floor-products-opt12 .block-title .links .dropdown-menu {
    position: static;
    display: block;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
  }
}

.block-floor-products-opt12 .block-title .links a {
  display: block;
  line-height: 50px;
  color: #333333;
  text-transform: capitalize;
  font-size: var(--fontSizeNormal);
  padding: 0px 20px;
  position: relative;
}

.block-floor-products-opt12 .block-title .links a:hover {
  color: var(--theme-deafult);
  background-color: transparent;
}

.floor-products1.block-floor-products-opt12 .block-title .links a:hover {
  color: var(--theme-deafult);
}

.floor-products2.block-floor-products-opt12 .block-title .links a:hover {
  color: #11a8ab;
}

.floor-products3.block-floor-products-opt12 .block-title .links a:hover {
  color: #004081;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .block-floor-products-opt12 .block-title .links a {
    padding: 0 12px;
  }
}

.block-floor-products-opt12 .block-title .links li {
  float: right;
  position: relative;
}

.block-floor-products-opt12 .block-title .links li.active>a,
.block-floor-products-opt12 .block-title .links li:hover>a {
  color: var(--theme-deafult);
  position: relative;
  z-index: 5;
}

.block-floor-products-opt12 .block-title .links li.active>a:after,
.block-floor-products-opt12 .block-title .links li:hover>a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent var(--theme-deafult) transparent;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -4px;
}

.floor-products1.block-floor-products-opt12 .block-title .links li.active>a,
.floor-products1.block-floor-products-opt12 .block-title .links li:hover>a {
  color: var(--theme-deafult);
}

.floor-products1.block-floor-products-opt12 .block-title .links li.active>a:after,
.floor-products1.block-floor-products-opt12 .block-title .links li:hover>a:after {
  border-color: transparent transparent var(--theme-deafult) transparent;
}

.floor-products2.block-floor-products-opt12 .block-title .links li.active>a,
.floor-products2.block-floor-products-opt12 .block-title .links li:hover>a {
  color: #11a8ab;
}

.floor-products2.block-floor-products-opt12 .block-title .links li.active>a:after,
.floor-products2.block-floor-products-opt12 .block-title .links li:hover>a:after {
  border-color: transparent transparent #11a8ab transparent;
}

.floor-products3.block-floor-products-opt12 .block-title .links li.active>a,
.floor-products3.block-floor-products-opt12 .block-title .links li:hover>a {
  color: #0066cc;
}

.floor-products3.block-floor-products-opt12 .block-title .links li.active>a:after,
.floor-products3.block-floor-products-opt12 .block-title .links li:hover>a:after {
  border-color: transparent transparent #0066cc transparent;
}

.block-floor-products-opt12 .block-title .links .label-cat {
  position: absolute;
  top: -6px;
  right: 0;
  line-height: 18px;
  color: var(--textColorLight);
  background-color: #009966;
  display: block;
  border-radius: 30px;
  width: 32px;
  font-size: 12px;
  text-align: center;
}

.block-floor-products-opt12 .block-title .links .label-cat:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6px 0 0;
  border-color: #009966 transparent transparent transparent;
  position: absolute;
  bottom: -4px;
  left: 10px;
}

.floor-products2.block-floor-products-opt12 .block-title {
  border-bottom-color: #11a8ab;
}

.floor-products3.block-floor-products-opt12 .block-title {
  border-bottom-color: #0066cc;
}

@media (max-width: 991px) {
  .block-floor-products-opt12 .block-title {
    padding-left: 0;
    background-position: top 15px left 80px;
  }

  .block-floor-products-opt12 .block-title .links {
    float: left;
  }

  .block-floor-products-opt4 .block-title.block-floor-products-opt12 .block-title .links {
    float: left;
    clear: none;
  }

  .block-floor-products-opt12 .block-title .links .dropdown-toggle {
    display: block;
  }

  .block-floor-products-opt12 .block-title .links .dropdown-menu {
    right: auto;
    left: 0;
    width: 300px;
    margin: 0;
    padding: 0;
  }

  .block-floor-products-opt12 .block-title .links .dropdown-menu li {
    float: none;
    display: block;
    z-index: 30;
  }

  .block-floor-products-opt12 .block-title .links .dropdown-menu li a {
    z-index: 40;
    border-bottom: 1px solid #dedede;
    line-height: 40px;
  }

  .block-floor-products-opt12 .block-title .links .dropdown-menu li.active>a:before,
  .block-floor-products-opt12 .block-title .links .dropdown-menu li:hover>a:before {
    bottom: -1px;
  }

  .block-floor-products-opt12 .block-title .links .dropdown-menu li.active>a:after,
  .block-floor-products-opt12 .block-title .links .dropdown-menu li:hover>a:after {
    bottom: 0px;
    right: 25px;
    margin: 0;
  }

  .block-floor-products-opt12 .block-title .links .dropdown-menu li:last-child a {
    border-bottom: none;
  }

  .block-floor-products-opt12 .block-title .actions {
    left: 48px;
  }
}

@media (max-width: 479px) {
  .block-floor-products-opt12 .block-title .links .dropdown-menu {
    right: 0;
  }

  .block-floor-products-opt12 .block-title .actions {
    top: 55px;
    left: 10px;
  }
}

.block-floor-products-opt12 .col-banner {
  width: 270px;
  float: right;
  position: relative;
  overflow: hidden;
  margin-top: -2px;
  z-index: 10;
}

.block-floor-products-opt12 .col-banner .subtitle,
.block-floor-products-opt12 .col-banner .title,
.block-floor-products-opt12 .col-banner .btn {
  position: relative;
}

.block-floor-products-opt12 .col-banner:hover .box-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-floor-products-opt12 .col-banner:hover .description .subtitle {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.block-floor-products-opt12 .col-banner:hover .description .title {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.block-floor-products-opt12 .col-banner:hover .description .btn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.block-floor-products-opt12 .col-banner .box-img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 621px;
}

.block-floor-products-opt12 .col-banner .box-img img {
  display: block;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-floor-products-opt12 .col-banner .description {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  font-size: 16px;
  color: var(--textColorLight);
  background-color: rgba(255, 51, 102, 0.3);
  text-align: center;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.block-floor-products-opt12 .col-banner .description .subtitle {
  display: block;
  position: relative;
  font-size: 20px;
  margin-bottom: 5px;
}

.block-floor-products-opt12 .col-banner .description .title {
  display: block;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 24px;
  line-height: 1;
}

.block-floor-products-opt12 .col-banner .description .btn {
  line-height: 28px;
  border: 2px solid #fff;
  padding: 0 27px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorLight);
  text-transform: uppercase;
}

.block-floor-products-opt12 .col-banner .description .btn:hover {
  background-color: var(--theme-deafult);
  border-color: var(--theme-deafult);
}

.floor-products1.block-floor-products-opt12 .col-banner .description {
  background-color: rgba(255, 51, 102, 0.3);
}

.floor-products2.block-floor-products-opt12 .col-banner .description {
  background-color: rgba(17, 168, 171, 0.3);
}

.floor-products3.block-floor-products-opt12 .col-banner .description {
  background-color: rgba(0, 64, 129, 0.4);
}

.block-floor-products-opt12 .col-products {
  float: right;
  width: calc(100% - 270px);
  width: -moz-calc(100% - 270px);
  width: -webkit-calc(100% - 270px);
  width: -o-calc(100% - 270px);
  margin: 0;
}

.block-floor-products-opt12 .col-products:hover .owl-nav .owl-next,
.block-floor-products-opt12 .col-products:hover .owl-nav .owl-prev {
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-floor-products-opt12 .col-products:hover .owl-nav .owl-prev {
  left: 0px;
}

.block-floor-products-opt12 .col-products:hover .owl-nav .owl-next {
  right: 0px;
}

.block-floor-products-opt12 .col-products .owl-nav {
  position: absolute;
  top: -36px;
  left: 15px;
  opacity: 1;
}

.block-floor-products-opt12 .col-products .owl-nav .owl-next,
.block-floor-products-opt12 .col-products .owl-nav .owl-prev {
  width: 16px;
  line-height: 16px;
  font-size: 20px;
  color: #999999;
  text-align: center;
  display: inline-block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-floor-products-opt12 .col-products .owl-nav .owl-next:hover,
.block-floor-products-opt12 .col-products .owl-nav .owl-prev:hover {
  color: var(--theme-deafult);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.block-floor-products-opt12 .col-products .owl-nav .owl-next:before,
.block-floor-products-opt12 .col-products .owl-nav .owl-prev:before {
  content: "";
  font-family: 'FontAwesome';
}

.block-floor-products-opt12 .col-products .owl-nav .owl-prev:before {
  content: "\f105";
}

.block-floor-products-opt12 .col-products .owl-nav .owl-next:before {
  content: "\f104";
}

.block-floor-products-opt12 .product-item {
  margin: 0;
  border-left: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.block-floor-products-opt12 .product-item .product-item-info {
  position: relative;
}

@media (max-width: 1199px) {
  .block-floor-products-opt12 .col-products {
    width: 100%;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
  }

  .block-floor-products-opt12 .col-banner {
    display: none;
  }
}

.block-deal-opt12 {
  border: 1px solid #eeeeee;
  margin-bottom: 30px;
}

.block-deal-opt12 .block-title {
  background-color: #eeeeee;
  font-size: 18px;
  text-transform: uppercase;
  color: #333;
  line-height: 50px;
  padding-right: 23px;
}

.block-deal-opt12 .block-content {
  padding-top: 23px;
  padding-bottom: 10px;
}

.block-deal-opt12 .count-down-time {
  text-align: center;
}

.block-deal-opt12 .count-down-time .box-count {
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 12px;
}

.block-deal-opt12 .count-down-time .box-count:last-child {
  margin-left: 0;
}

.block-deal-opt12 .count-down-time .box-count .number {
  width: 42px;
  height: 34px;
  line-height: 34px;
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  display: block;
  font-size: 16px;
}

.block-deal-opt12 .count-down-time .box-count .text {
  font-size: var(--fontSizeNormal);
  color: #999999;
}

.block-deal-opt12:hover .owl-nav .owl-prev,
.block-deal-opt12:hover .owl-nav .owl-next {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  visibility: visible;
}

.block-deal-opt12:hover .owl-nav .owl-prev {
  left: -12px;
}

.block-deal-opt12:hover .owl-nav .owl-next {
  right: -12px;
}

.block-deal-opt12 .owl-nav {
  text-align: center;
}

.block-deal-opt12 .owl-nav .owl-prev,
.block-deal-opt12 .owl-nav .owl-next {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  border: 1px solid #eeeeee;
  text-align: center;
  color: #b2b2b2;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  background-color: #fff;
  top: 50%;
  margin-top: -14px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-deal-opt12 .owl-nav .owl-prev:hover,
.block-deal-opt12 .owl-nav .owl-next:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  border-color: var(--theme-deafult);
}

.block-deal-opt12 .owl-nav .owl-prev {
  background-image: url(../images/icon/index12/prev.png);
  left: 10px;
}

.block-deal-opt12 .owl-nav .owl-prev:hover {
  background-image: url(../images/icon/index12/prev-hover.png);
}

.block-deal-opt12 .owl-nav .owl-next {
  background-image: url(../images/icon/index12/next.png);
  right: 10px;
}

.block-deal-opt12 .owl-nav .owl-next:hover {
  background-image: url(../images/icon/index12/next-hover.png);
}

.block-testimonials-opt12 {
  margin-bottom: 30px;
  position: relative;
}

.block-testimonials-opt12 .block-content {
  background-color: #394165;
  color: var(--textColorLight);
  padding: 20px 19px 25px;
}

.block-testimonials-opt12 .testimonials-thumb {
  max-width: 200px;
  margin: auto;
  position: static;
  margin-bottom: 10px;
}

.block-testimonials-opt12 .testimonials-des {
  max-width: 450px;
  margin: auto;
  /*.owl-nav  {
              display: none;
          }
          .owl-dots {
              display: none;
          }*/
}

.block-testimonials-opt12 .item {
  position: relative;
}

.block-testimonials-opt12 .item .photo {
  display: block;
  height: 100px;
  padding-top: 14px;
  position: relative;
}

.block-testimonials-opt12 .item .photo .img {
  overflow: hidden;
  display: block;
  border-radius: 100%;
  border: 2px solid rgba(255, 255, 255, 0.4);
  position: relative;
  top: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-testimonials-opt12 .item .photo .img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-testimonials-opt12 .item .photo img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-testimonials-opt12 .item .info {
  line-height: 24px;
}

.block-testimonials-opt12 .item .testimonial-nane {
  text-align: left;
  margin-top: 17px;
}

.block-testimonials-opt12 .center .item .photo .img {
  width: 94px;
  height: 94px;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  margin-top: -14px;
  margin-right: -14px;
  z-index: 10;
  border-color: #fff;
}

.block-testimonials-opt12 .center .item .photo .img:before {
  opacity: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-testimonials-opt12 .center .item .photo .img img {
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-testimonials-opt12 .owl-carousel .owl-item .icon {
  display: inline-block;
  vertical-align: bottom;
}

.block-testimonials-opt12 .owl-nav .owl-prev:before {
  content: "prew";
}

.block-testimonials-opt12 .owl-nav .owl-next:before {
  content: "next";
}

.block-testimonials-opt12 .owl-dots {
  text-align: center;
  /*position: absolute;
          bottom: 10px;
          left: 0;
          right: 0;*/
  pointer-events: none;
}

.block-testimonials-opt12 .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin: 0 4px;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.block-testimonials-opt12 .owl-dots .owl-dot.active {
  background-color: #fff;
}

.block-new-product-opt12 {
  border: 1px solid #eeeeee;
  margin-bottom: 30px;
}

.block-new-product-opt12 .block-title {
  background-color: #eeeeee;
  font-size: 18px;
  text-transform: uppercase;
  color: #333;
  line-height: 50px;
  padding-right: 23px;
}

.block-new-product-opt12 .block-content {
  padding: 5px 27px 15px;
}

.block-new-product-opt12 .product-item {
  border-bottom: 1px solid #eeeeee;
  padding: 15px 0;
}

.block-new-product-opt12 .product-item:last-child {
  border-bottom: none;
}

.block-new-product-opt12 .product-item .product-item-info:before,
.block-new-product-opt12 .product-item .product-item-info:after {
  content: "";
  display: table;
}

.block-new-product-opt12 .product-item .product-item-info:after {
  clear: both;
}

.block-new-product-opt12 .product-item .product-item-info .product-item-photo {
  width: 90px;
  margin-left: 12px;
  float: right;
  height: auto;
  text-align: center;
}

.block-new-product-opt12 .product-item .product-item-info .product-item-img {
  height: auto;
}

.block-new-product-opt12 .product-item .product-item-info .product-item-detail {
  overflow: hidden;
  min-height: 0;
  padding: 0;
}

.block-new-product-opt12 .product-item .product-item-info .product-item-name {
  line-height: 24px;
  white-space: normal;
}

.block-new-product-opt12 .product-item .product-item-info .product-reviews-summary {
  margin-bottom: 0;
}

.block-new-product-opt12 .owl-nav {
  text-align: center;
  border-top: 1px solid #eeeeee;
  padding-top: 20px;
}

.block-new-product-opt12 .owl-nav .owl-prev,
.block-new-product-opt12 .owl-nav .owl-next {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  border: 1px solid #eeeeee;
  text-align: center;
  margin: 0 7px;
  color: #b2b2b2;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}

.block-new-product-opt12 .owl-nav .owl-prev:hover,
.block-new-product-opt12 .owl-nav .owl-next:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  border-color: var(--theme-deafult);
}

.block-new-product-opt12 .owl-nav .owl-next {
  background-image: url(../images/icon/index12/prev.png);
}

.block-new-product-opt12 .owl-nav .owl-next:hover {
  background-image: url(../images/icon/index12/prev-hover.png);
}

.block-new-product-opt12 .owl-nav .owl-prev {
  background-image: url(../images/icon/index12/next.png);
}

.block-new-product-opt12 .owl-nav .owl-prev:hover {
  background-image: url(../images/icon/index12/next-hover.png);
}

.block-banner-sidebar {
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  .block-banner-sidebar-opt12 {
    display: none;
  }
}

.block-categori-opt12 .item {
  position: relative;
  background-position: left bottom;
  background-repeat: no-repeat;
  border: 1px solid #eee;
  background-color: #fff;
  padding: 20px 30px 18px 23px;
  margin-bottom: 30px;
}

.block-categori-opt12 .item:before,
.block-categori-opt12 .item:after {
  content: "";
  display: table;
}

.block-categori-opt12 .item:after {
  clear: both;
}

.block-categori-opt12 .item .title {
  float: left;
  width: calc(100% - 150px);
  width: -moz-calc(100% - 150px);
  width: -webkit-calc(100% - 150px);
  width: -o-calc(100% - 150px);
  text-align: left;
  font-size: 24px;
  color: #999999;
}

.block-categori-opt12 .item .title .sub-title {
  display: block;
  text-transform: uppercase;
  color: var(--theme-deafult);
  font-size: 30px;
  line-height: 1;
}

.style-opt13.block-categori-opt12 .item .title .sub-title {
  color: #ffae00;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .block-categori-opt12 .item .title {
    width: 100%;
    float: right;
    text-align: right;
  }
}

@media (max-width: 479px) {
  .block-categori-opt12 .item .title {
    width: 100%;
    float: right;
    text-align: right;
  }
}

.block-categori-opt12 .item .list-cat {
  float: right;
  width: 150px;
  margin-bottom: 22px;
  padding-top: 8px;
}

@media (max-width: 479px) {
  .block-categori-opt12 .item .list-cat {
    width: 100%;
    float: right;
    max-width: 255px;
  }
}

.block-categori-opt12 .item .list-cat li {
  line-height: 28px;
  border-bottom: 1px solid #eeeeee;
  text-transform: capitalize;
}

.block-categori-opt12 .item .list-cat li a {
  padding-right: 17px;
  position: relative;
  display: block;
  color: #666666;
  font-size: var(--fontSizeNormal);
}

.block-categori-opt12 .item .list-cat li a:hover {
  color: var(--theme-deafult);
}

.block-categori-opt12 .item .list-cat li a:before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #999999;
  position: absolute;
  top: 14px;
  right: 3px;
}

.block-categori-opt12 .item .actions {
  clear: both;
}

.block-categori-opt12 .item .btn-view {
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  line-height: 30px;
  color: #999999;
  font-size: var(--fontSizeNormal);
}

.block-categori-opt12 .item .btn-view:hover {
  color: var(--theme-deafult);
}

.block-categori-opt12 .item .btn-view:hover:before {
  background-color: var(--theme-deafult);
}

.block-categori-opt12 .item .btn-view:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #999999;
  position: absolute;
  right: 0;
  top: 0;
}

.style-opt13.block-categori-opt12 .item .btn-view {
  text-transform: none;
}

@media (max-width: 991px) and (min-width: 480px) {

  .block-categori-opt12 .item .title,
  .block-categori-opt12 .item .list-cat {
    width: 50%;
  }
}

.block-categori-opt12 .item2 .title .sub-title {
  color: #11a8ab;
}

.style-opt13.block-categori-opt12 .item2 .title .sub-title {
  color: #ffae00;
}

.block-categori-opt12 .item3 .title .sub-title {
  color: #2b5e92;
  font-size: 22px;
}

.style-opt13.block-categori-opt12 .item3 .title .sub-title {
  color: #ffae00;
}

.block-recent-blog-opt12 {
  margin-bottom: 30px;
  padding-top: 0px;
}

.block-recent-blog-opt12 .block-title {
  font-size: var(--fontSizeNormal);
  color: #999999;
  position: relative;
  padding-top: 10px;
  margin-bottom: 25px;
}

.block-recent-blog-opt12 .block-title:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 2px;
  background-color: #333333;
}

.block-recent-blog-opt12 .block-title .title {
  font-size: 18px;
  display: block;
  color: #333;
  text-transform: uppercase;
}

.block-recent-blog-opt12 .owl-item {
  padding-bottom: 1px;
}

.block-recent-blog-opt12 .blog-item {
  position: relative;
  background-color: #fff;
  border: 1px solid #eee;
}

.block-recent-blog-opt12 .blog-item:before,
.block-recent-blog-opt12 .blog-item:after {
  content: "";
  display: table;
}

.block-recent-blog-opt12 .blog-item:after {
  clear: both;
}

.block-recent-blog-opt12 .blog-item:hover .blog-photo img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-recent-blog-opt12 .blog-item .blog-photo {
  width: 50%;
  float: right;
  position: relative;
  overflow: hidden;
}

@media (max-width: 479px) {
  .block-recent-blog-opt12 .blog-item .blog-photo {
    width: 100%;
    float: none;
  }
}

.block-recent-blog-opt12 .blog-item .blog-photo img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: block;
  width: 100%;
}

.block-recent-blog-opt12 .blog-item .blog-detail {
  width: 50%;
  float: right;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 20px;
  padding-bottom: 46px;
}

@media (max-width: 479px) {
  .block-recent-blog-opt12 .blog-item .blog-detail {
    width: 100%;
    float: none;
  }
}

.block-recent-blog-opt12 .blog-item .blog-date {
  display: inline-block;
  background-color: var(--theme-deafult);
  line-height: 30px;
  padding: 0 13px;
  color: var(--textColorLight);
  margin-bottom: 15px;
  font-size: 16px;
}

.block-recent-blog-opt12 .blog-item .blog-name {
  display: block;
  text-transform: uppercase;
  color: #333;
  line-height: 1;
  font-size: 24px;
}

.block-recent-blog-opt12 .blog-item .blog-name a {
  color: #333;
}

.block-recent-blog-opt12 .blog-item .blog-name a:hover,
.block-recent-blog-opt12 .blog-item .blog-name a:focus {
  color: var(--theme-deafult);
}

.block-recent-blog-opt12 .blog-item .blog-actions {
  position: absolute;
  bottom: 35px;
}

@media (max-width: 479px) {
  .block-recent-blog-opt12 .blog-item .blog-actions {
    position: static;
  }
}

.block-recent-blog-opt12 .blog-item .blog-actions a {
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  line-height: 30px;
  color: #999999;
  font-size: var(--fontSizeNormal);
  padding-top: 5px;
}

.block-recent-blog-opt12 .blog-item .blog-actions a:hover {
  color: var(--theme-deafult);
}

.block-recent-blog-opt12 .blog-item .blog-actions a:hover:before {
  background-color: var(--theme-deafult);
}

.block-recent-blog-opt12 .blog-item .blog-actions a:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #999999;
  position: absolute;
  right: 0;
  top: 0;
}

.block-recent-blog-opt12 .owl-nav {
  text-align: center;
  position: absolute;
  top: -50px;
  left: 0;
}

.block-recent-blog-opt12 .owl-nav .owl-prev,
.block-recent-blog-opt12 .owl-nav .owl-next {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  border: 1px solid #eeeeee;
  text-align: center;
  margin: 0 7px;
  color: #b2b2b2;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}

.block-recent-blog-opt12 .owl-nav .owl-prev:hover,
.block-recent-blog-opt12 .owl-nav .owl-next:hover {
  background-color: var(--theme-deafult);
  color: var(--textColorLight);
  border-color: var(--theme-deafult);
}

.block-recent-blog-opt12 .owl-nav .owl-next {
  background-image: url(../images/icon/index12/prev.png);
}

.block-recent-blog-opt12 .owl-nav .owl-next:hover {
  background-image: url(../images/icon/index12/prev-hover.png);
}

.block-recent-blog-opt12 .owl-nav .owl-prev {
  background-image: url(../images/icon/index12/next.png);
}

.block-recent-blog-opt12 .owl-nav .owl-prev:hover {
  background-image: url(../images/icon/index12/next-hover.png);
}

.block-brand-op12 {
  margin-bottom: 38px;
}

.block-brand-op12 .item {
  text-align: center;
  padding: 1px;
}

.block-brand-op12 .item a {
  display: block;
  text-align: center;
  border: 1px solid #eeeeee;
}

.block-brand-op12 .item a img {
  display: block;
  -webkit-transform-style: flat;
  transform-style: flat;
}

.block-brand-op12 .item:hover a {
  background-color: #fff;
}

.block-brand-op12 .item:hover img {
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
}

.index-opt-12 .back-to-top {
  border-color: var(--theme-deafult);
}

.index-opt-12 .back-to-top .fa {
  background-color: var(--theme-deafult);
}

.index-opt-12 .back-to-top:hover {
  background-color: var(--theme-deafult);
}

.slide-opt-13 {
  color: var(--textColorLight);
}

.slide-opt-13 .owl-dots {
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 27px;
}

.slide-opt-13 .owl-dots .owl-dot {
  color: #666666;
  font-size: 14px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: transparent;
  display: inline-block;
  text-align: center;
  border: 1px solid #fff;
  margin: 0 5px;
}

.slide-opt-13 .owl-dots .owl-dot.active {
  background-color: var(--textColorLight);
  color: var(--textColorLight);
  border-color: var(--textColorLight);
}

.slide-opt-13 .item:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(140, 107, 37, 0.1);
  z-index: 2;
}

.slide-opt-13 .description {
  text-transform: uppercase;
  position: absolute;
  top: 84px;
  left: 62px;
  text-align: left;
  max-width: 480px;
  z-index: 10;
}

.slide-opt-13 .owl-item .img-slide {
  display: block;
  width: 100%;
}

.slide-opt-13 .img-slide {
  display: block;
  width: 100%;
}

.slide-opt-13 .title,
.slide-opt-13 .subtitle {
  display: block;
  font-size: 80px;
  margin-bottom: 0px;
  line-height: 66px;
  color: #ab9481;
}

.slide-opt-13 .des {
  display: block;
  font-size: 36px;
  color: #615141;
  line-height: 1;
  padding-left: 8px;
}

.slide-opt-13 .view-opt13 {
  background-color: #ffae00;
  color: var(--textColorLight);
  line-height: 40px;
  padding: 0 15px;
  font-size: var(--fontSizeNormal);
  display: inline-block;
  border: none;
  margin-top: 72px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-13 .view-opt13:hover {
  text-decoration: none;
  background-color: #e4a620;
  color: var(--textColorLight);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.slide-opt-13 .view-opt13 .fa {
  font-size: 16px;
  margin-left: 4px;
}

.slide-opt-13 .view-opt13:after {
  content: "\f0d9";
  font-family: 'FontAwesome';
  margin-left: 5px;
  font-size: 20px;
  vertical-align: top;
}

.slide-opt-13 .subtitle,
.slide-opt-13 .title,
.slide-opt-13 .des,
.slide-opt-13 .view-opt13 {
  position: relative;
}

.slide-opt-13 .active .title {
  -webkit-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  animation: fadeInRight 0.9s ease-in-out 0.8s both;
}

.slide-opt-13 .active .subtitle {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

.slide-opt-13 .active .des {
  -webkit-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  -o-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  animation: fadeInRight 0.4s ease-in-out 1.2s both;
}

.slide-opt-13 .active .view-opt13 {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

@media (max-width: 992px) {

  .slide-opt13 .subtitle,
  .slide-opt13 .title {
    font-size: 64px;
    line-height: 54px;
  }

  .slide-opt13 .view-opt13 {
    margin-top: 45px;
  }
}

@media (max-width: 640px) {
  .slide-opt13 .description {
    top: 40px;
    left: 30px;
  }

  .slide-opt13 .subtitle,
  .slide-opt13 .title {
    font-size: 40px;
    line-height: 40px;
  }

  .slide-opt13 .des {
    font-size: 24px;
  }

  .slide-opt13 .view-opt13 {
    margin-top: 30px;
    line-height: 34px;
  }
}

@media (max-width: 479px) {
  .slide-opt13 .description {
    top: 20px;
    left: 20px;
  }

  .slide-opt13 .subtitle,
  .slide-opt13 .title {
    font-size: 30px;
    line-height: 26px;
  }

  .slide-opt13 .des {
    font-size: var(--fontSizeNormal);
  }

  .slide-opt13 .view-opt13 {
    margin-top: 15px;
    line-height: 20px;
    font-size: 11px;
  }

  .slide-opt13 .view-opt13:after {
    font-size: var(--fontSizeNormal);
  }

  .slide-opt13 .owl-dots {
    bottom: 2px;
  }

  .slide-opt13 .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
  }
}

.block-section-top13 {
  margin-bottom: 30px;
}

.block-section-top13 .box-section-top {
  position: relative;
  padding-right: 300px;
}

.block-section-top13 .box-section-top:before,
.block-section-top13 .box-section-top:after {
  content: "";
  display: table;
}

.block-section-top13 .box-section-top:after {
  clear: both;
}

@media (max-width: 1199px) {
  .block-section-top13 .box-section-top {
    padding-right: 0;
  }
}

.block-section-top13 .block-nav-categori {
  float: none;
  position: absolute !important;
  top: 0;
  right: 0;
}

@media (max-width: 1199px) {
  .block-section-top13 .block-nav-categori {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
}

.block-section-top13 .block-nav-categori .block-title {
  display: none;
}

.block-section-top13 .block-nav-categori .ui-categori {
  padding-top: 11px;
  padding-bottom: 0;
}

.block-section-top13 .block-nav-categori .ui-categori>li {
  padding-left: 20px;
  padding-right: 20px;
}

.block-section-top13 .block-nav-categori .ui-categori>li>a {
  line-height: 44px;
  border-top: 1px solid #eeeeee;
  padding: 0;
  color: #333333;
  font-size: var(--fontSizeNormal);
  padding-left: 0;
}

.block-section-top13 .block-nav-categori .ui-categori>li>a:after {
  content: none;
}

.block-section-top13 .block-nav-categori .ui-categori>li>a .icon {
  width: 26px;
  text-align: center;
  margin-left: 2px;
  vertical-align: baseline;
}

.block-section-top13 .block-nav-categori .ui-categori>li:hover>a {
  color: #ffad00;
}

.block-section-top13 .block-nav-categori .ui-categori>li:first-child>a {
  border-top: none;
}

.block-section-top13 .block-nav-categori .ui-categori>li.parent>a {
  padding-left: 0;
}

.block-section-top13 .block-nav-categori .ui-categori>li.parent>a:after {
  line-height: 42px;
  content: none;
}

.block-section-top13 .block-nav-categori .ui-categori .submenu {
  right: 270px;
  width: 900px;
}

@media (max-width: 1199px) {
  .block-section-top13 .block-nav-categori .ui-categori .submenu {
    width: 670px;
  }
}

.block-section-top13 .block-nav-categori .block-content {
  min-height: 530px;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 270px;
  border: 1px solid #eeeeee;
}

.block-deal-opt13 {
  border: 1px solid #eeeeee;
  margin-bottom: 30px;
}

.block-deal-opt13 .block-title {
  background-color: #eeeeee;
  font-size: var(--fontSizeNormal);
  text-transform: uppercase;
  color: #333;
  line-height: 50px;
  padding-right: 23px;
}

.block-deal-opt13 .block-content {
  padding-top: 23px;
  padding-bottom: 20px;
  padding-bottom: 10px;
}

.block-deal-opt13 .count-down-time {
  text-align: center;
}

.block-deal-opt13 .count-down-time .box-count {
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 12px;
}

.block-deal-opt13 .count-down-time .box-count:last-child {
  margin-left: 0;
}

.block-deal-opt13 .count-down-time .box-count .number {
  width: 42px;
  height: 34px;
  line-height: 34px;
  background-color: #333333;
  color: var(--textColorLight);
  display: block;
  font-size: 16px;
  margin-bottom: 3px;
}

.block-deal-opt13 .count-down-time .box-count .text {
  font-size: 12px;
  color: #666666;
}

.block-deal-opt13 .product-item {}

.block-deal-opt13 .product-item .product-item-price {
  color: #333;
  margin-bottom: 20px;
}

.block-deal-opt13 .product-item .product-item-price .old-price {
  color: #999;
}

.block-deal-opt13 .product-item .product-item-name {
  font-size: var(--fontSizeNormal);
  color: #666666;
  margin-bottom: 11px;
}

.block-deal-opt13 .product-item .product-item-actions .btn:hover {
  background-color: #ffad00;
}

.block-deal-opt13 .product-item .product-item-actions .btn-cart {
  background-color: #FFAD00;
  font-size: var(--fontSizeNormal);
}

.block-deal-opt13 .product-item .product-item-actions .btn-cart:hover {
  background-color: #996800;
}

.block-deal-opt13 .product-item .product-item-actions .btn-cart:before {
  content: none;
}

.block-deal-opt13 .product-item .product-item-label {
  font-size: 18px;
  width: 50px;
  line-height: 50px;
  height: 50px;
}

.block-deal-opt13 .product-item .product-item-label.label-sale {
  background-color: #ffae00;
  top: 30px;
  left: 30px;
  right: auto;
}

.block-deal-opt13:hover .owl-nav .owl-prev,
.block-deal-opt13:hover .owl-nav .owl-next {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  visibility: visible;
}

.block-deal-opt13:hover .owl-nav .owl-prev {
  left: -12px;
}

.block-deal-opt13:hover .owl-nav .owl-next {
  right: -12px;
}

.block-deal-opt13 .owl-nav {
  text-align: center;
}

.block-deal-opt13 .owl-nav .owl-prev,
.block-deal-opt13 .owl-nav .owl-next {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #ccc;
  border-radius: 100%;
  background-color: #fff;
  color: #333;
  text-align: center;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-deal-opt13 .owl-nav .owl-prev:hover,
.block-deal-opt13 .owl-nav .owl-next:hover {
  background-color: #ffad00;
  color: var(--textColorLight);
  border-color: #ffad00;
}

.block-deal-opt13 .owl-nav .owl-prev {
  background-image: url(../images/icon/index13/prev.png);
  left: 10px;
}

.block-deal-opt13 .owl-nav .owl-prev:hover {
  background-image: url(../images/icon/index13/prev-hover.png);
}

.block-deal-opt13 .owl-nav .owl-next {
  background-image: url(../images/icon/index13/next.png);
  right: 10px;
}

.block-deal-opt13 .owl-nav .owl-next:hover {
  background-image: url(../images/icon/index13/next-hover.png);
}

.block-testimonials-opt13 {
  margin-bottom: 30px;
  position: relative;
  padding-top: 35px;
}

.block-testimonials-opt13 .block-content {
  background-color: #F2E9E0;
  color: #333;
  padding: 0px 19px 25px;
}

.block-testimonials-opt13 .owl-carousel {
  top: -35px;
  position: relative;
  margin-bottom: -43px;
}

.block-testimonials-opt13 .item {
  position: relative;
  max-width: 400px;
  margin: auto;
}

.block-testimonials-opt13 .item .photo {
  display: block;
  height: 112px;
  width: 112px;
  margin: auto;
  position: relative;
}

.block-testimonials-opt13 .item .photo .img {
  overflow: hidden;
  display: block;
  border-radius: 100%;
  border: 5px solid #F2E9E0;
  position: relative;
  top: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.block-testimonials-opt13 .item .photo img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-testimonials-opt13 .item .info {
  line-height: 24px;
}

.block-testimonials-opt13 .item .testimonial-nane {
  text-align: left;
}

.block-testimonials-opt13 .owl-carousel .owl-item .icon {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 20px;
}

.block-testimonials-opt13 .owl-dots {
  text-align: center;
}

.block-testimonials-opt13 .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  margin: 0 4px;
  border: 2px solid rgba(166, 145, 124, 0.5);
}

.block-testimonials-opt13 .owl-dots .owl-dot.active {
  background-color: #a5917b;
}

.block-new-product-opt13 {
  border: 1px solid #eeeeee;
  margin-bottom: 30px;
}

.block-new-product-opt13 .block-title {
  background-color: #eeeeee;
  font-size: var(--fontSizeNormal);
  text-transform: uppercase;
  color: #333;
  line-height: 50px;
  padding-right: 23px;
}

.block-new-product-opt13 .block-content {
  padding: 5px 27px 0px;
}

.block-new-product-opt13 .product-item {
  border-bottom: 1px solid #eeeeee;
  padding: 19px 0;
}

.block-new-product-opt13 .product-item:last-child {
  border-bottom: none;
}

.block-new-product-opt13 .product-item .product-item-info:before,
.block-new-product-opt13 .product-item .product-item-info:after {
  content: "";
  display: table;
}

.block-new-product-opt13 .product-item .product-item-info:after {
  clear: both;
}

.block-new-product-opt13 .product-item .product-item-info .product-item-photo {
  width: 90px;
  margin-left: 12px;
  float: right;
  height: auto;
  text-align: center;
}

.block-new-product-opt13 .product-item .product-item-info .product-item-img {
  height: auto;
}

.block-new-product-opt13 .product-item .product-item-info .product-item-detail {
  overflow: hidden;
  min-height: 0;
  padding: 0;
}

.block-new-product-opt13 .product-item .product-item-info .product-item-name {
  line-height: 24px;
  white-space: normal;
}

.block-new-product-opt13 .product-item .product-item-info .product-reviews-summary {
  margin-bottom: 0;
}

.block-new-product-opt13 .owl-nav {
  text-align: center;
  position: absolute;
  bottom: -54px;
  left: 0;
  right: 0;
  z-index: 50;
}

.block-new-product-opt13 .owl-nav .owl-prev,
.block-new-product-opt13 .owl-nav .owl-next {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid #ccc;
  text-align: center;
  margin: 0 21px;
  color: #b2b2b2;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}

.block-new-product-opt13 .owl-nav .owl-prev:hover,
.block-new-product-opt13 .owl-nav .owl-next:hover {
  background-color: #ffad00;
  color: var(--textColorLight);
  border-color: #ffad00;
}

.block-new-product-opt13 .owl-nav .owl-next {
  background-image: url(../images/icon/index13/prev.png);
}

.block-new-product-opt13 .owl-nav .owl-next:hover {
  background-image: url(../images/icon/index13/prev-hover.png);
}

.block-new-product-opt13 .owl-nav .owl-prev {
  background-image: url(../images/icon/index13/next.png);
}

.block-new-product-opt13 .owl-nav .owl-prev:hover {
  background-image: url(../images/icon/index13/next-hover.png);
}

.block-new-product-opt13 .footer-page {
  border-top: 1px solid #eeeeee;
  line-height: 66px;
  margin-right: 27px;
  margin-left: 27px;
  text-align: center;
  color: #999;
  position: relative;
  margin-top: 3px;
}

.block-new-product-opt13 .footer-page .page {
  position: relative;
  z-index: 20;
}

.block-service-opt13 {
  padding: 0px 0 0px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .block-service-opt13 {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
  }
}

.block-service-opt13 .item {
  font-size: 12px;
  color: #999999;
  margin-bottom: 30px;
  position: relative;
}

.block-service-opt13 .item:before,
.block-service-opt13 .item:after {
  content: "";
  display: table;
}

.block-service-opt13 .item:after {
  clear: both;
}

.block-service-opt13 .item:hover .icon {
  -webkit-animation: bounce 0.7s ease-in-out 0.3s both;
  -o-animation: bounce 0.7s ease-in-out 0.3s both;
  animation: bounce 0.7s ease-in-out 0.3s both;
}

.block-service-opt13 .item .icon {
  width: 70px;
  text-align: center;
  background-color: #fff;
  display: block;
  border: 1px solid #eee;
  float: right;
  margin-left: 20px;
}

.block-service-opt13 .item .icon img {
  width: 100%;
  display: block;
}

.block-service-opt13 .item .detail {
  overflow: hidden;
}

.block-service-opt13 .item .title {
  display: block;
  color: #333;
  font-size: var(--fontSizeNormal);
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 3px;
}

.block-service-opt13 .item .des {
  line-height: 18px;
}

.block-tab-product-opt13 {
  margin-bottom: 30px;
}

.block-tab-product-opt13 .block-title {
  background-color: #f8f8f8;
  border-bottom: 2px solid #e5e5e5;
  margin-bottom: 17px;
}

@media (max-width: 639px) {
  .block-tab-product-opt13 .block-title {
    margin-bottom: 40px;
  }
}

.block-tab-product-opt13 .nav-links:before,
.block-tab-product-opt13 .nav-links:after {
  content: "";
  display: table;
}

.block-tab-product-opt13 .nav-links:after {
  clear: both;
}

.block-tab-product-opt13 .nav-links li {
  float: right;
}

.block-tab-product-opt13 .nav-links li a {
  display: block;
  line-height: 48px;
  text-transform: uppercase;
  color: #999999;
  padding: 0 35px;
  position: relative;
  font-size: var(--fontSizeNormal);
}

.block-tab-product-opt13 .nav-links li a:before {
  content: "";
  width: 100%;
  left: 0;
  height: 2px;
  position: absolute;
  bottom: -2px;
  background-color: #ffad00;
  opacity: 0;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-tab-product-opt13 .nav-links li a:after {
  content: "";
  width: 1px;
  height: 30px;
  right: 0;
  top: 50%;
  margin-top: -15px;
  position: absolute;
  background-color: #dfdfdf;
}

.block-tab-product-opt13 .nav-links li:first-child a:after {
  content: none;
}

.block-tab-product-opt13 .nav-links li.active a,
.block-tab-product-opt13 .nav-links li:hover a {
  color: #333;
}

.block-tab-product-opt13 .nav-links li.active a:before,
.block-tab-product-opt13 .nav-links li:hover a:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

@media (max-width: 639px) {
  .block-tab-product-opt13 .nav-links li {
    float: none;
    width: 100%;
    display: block;
    text-align: center;
  }

  .block-tab-product-opt13 .nav-links li a {
    display: inline-block;
  }

  .block-tab-product-opt13 .nav-links li a:after {
    content: none;
  }
}

.block-tab-product-opt13 .owl-item {
  padding-bottom: 1px;
}

.block-tab-product-opt13 .product-item {
  padding: 0 1px;
}

.block-tab-product-opt13 .product-item .product-item-info {
  border: 1px solid #eee;
}

.block-tab-product-opt13 .owl-nav {
  position: absolute;
  left: 18px;
  top: -55px;
}

@media (max-width: 639px) {
  .block-tab-product-opt13 .owl-nav {
    top: -30px;
    left: 0;
    right: 0;
    text-align: center;
  }
}

.block-tab-product-opt13 .owl-nav .owl-prev,
.block-tab-product-opt13 .owl-nav .owl-next {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #ccc;
  border-radius: 100%;
  background-color: #fff;
  color: #333;
  text-align: center;
  margin: 0 5px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}

.block-tab-product-opt13 .owl-nav .owl-prev:hover,
.block-tab-product-opt13 .owl-nav .owl-next:hover {
  background-color: #ffad00;
  color: var(--textColorLight);
  border-color: #ffad00;
}

.block-tab-product-opt13 .owl-nav .owl-next {
  background-image: url(../images/icon/index13/prev.png);
}

.block-tab-product-opt13 .owl-nav .owl-next:hover {
  background-image: url(../images/icon/index13/prev-hover.png);
}

.block-tab-product-opt13 .owl-nav .owl-prev {
  background-image: url(../images/icon/index13/next.png);
}

.block-tab-product-opt13 .owl-nav .owl-prev:hover {
  background-image: url(../images/icon/index13/next-hover.png);
}

.block-banner-bottom-opt13 .box-img {
  position: relative;
  display: block;
}

.block-banner-bottom-opt13 .box-img:before,
.block-banner-bottom-opt13 .box-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.block-banner-bottom-opt13 .box-img:hover:before {
  top: 50%;
  bottom: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.block-banner-bottom-opt13 .box-img:hover:after {
  left: 50%;
  right: 50%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.5);
}

.block-banner-bottom-opt13 .box-img img {
  display: block;
  width: 100%;
}

.block-banner-bottom-opt13 .box-img {
  margin-bottom: 30px;
  display: block;
}

.block-banner-bottom-opt13 img {
  display: block;
  width: 100%;
}

.block-hot-categori-opy13 {
  margin-bottom: 30px;
}

.block-hot-categori-opy13 .block-title {
  background-color: #F8F8F8;
  border-bottom: 2px solid #e5e5e5;
  margin-bottom: 17px;
}

.block-hot-categori-opy13 .block-title:before,
.block-hot-categori-opy13 .block-title:after {
  content: "";
  display: table;
}

.block-hot-categori-opy13 .block-title:after {
  clear: both;
}

.block-hot-categori-opy13 .block-title .title {
  padding-right: 28px;
  display: block;
  float: right;
  text-transform: uppercase;
  line-height: 48px;
  font-size: var(--fontSizeNormal);
}

.block-hot-categori-opy13 .nav-links {
  float: left;
}

.block-hot-categori-opy13 .nav-links:before,
.block-hot-categori-opy13 .nav-links:after {
  content: "";
  display: table;
}

.block-hot-categori-opy13 .nav-links:after {
  clear: both;
}

.block-hot-categori-opy13 .nav-links .dropdown-toggle {
  width: 54px;
  border: none;
  background-color: transparent;
  padding: 0;
  height: 48px;
  font-size: 18px;
}

@media (min-width: 992px) {
  .block-hot-categori-opy13 .nav-links .dropdown-toggle {
    display: none;
  }
}

@media (min-width: 992px) {
  .block-hot-categori-opy13 .nav-links .dropdown-menu {
    position: static;
    display: block;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
  }
}

.block-hot-categori-opy13 .nav-links li {
  float: right;
  margin: 0 8px;
}

.block-hot-categori-opy13 .nav-links li a {
  display: block;
  line-height: 48px;
  text-transform: uppercase;
  color: #999;
  padding: 0 15px;
  position: relative;
  font-size: var(--fontSizeNormal);
}

.block-hot-categori-opy13 .nav-links li a:before {
  content: "";
  width: 100%;
  left: 0;
  height: 2px;
  position: absolute;
  bottom: -2px;
  background-color: #ffad00;
  opacity: 0;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-hot-categori-opy13 .nav-links li.active a,
.block-hot-categori-opy13 .nav-links li:hover a {
  color: #333;
}

.block-hot-categori-opy13 .nav-links li.active a:before,
.block-hot-categori-opy13 .nav-links li:hover a:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-hot-categori-opy13 .owl-item {
  padding-bottom: 1px;
}

.block-hot-categori-opy13 .product-item {
  padding: 0 1px;
}

.block-hot-categori-opy13 .product-item .product-item-info {
  border: 1px solid #eee;
}

.block-hot-categori-opy13:hover .owl-nav .owl-prev,
.block-hot-categori-opy13:hover .owl-nav .owl-next {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-hot-categori-opy13:hover .owl-nav .owl-prev {
  left: -13px;
}

.block-hot-categori-opy13:hover .owl-nav .owl-next {
  right: -13px;
}

.block-hot-categori-opy13 .owl-nav .owl-prev,
.block-hot-categori-opy13 .owl-nav .owl-next {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #ccc;
  border-radius: 100%;
  background-color: #fff;
  color: #333;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  opacity: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  background-position: center;
  background-repeat: no-repeat;
}

.block-hot-categori-opy13 .owl-nav .owl-prev:hover,
.block-hot-categori-opy13 .owl-nav .owl-next:hover {
  background-color: #ffad00;
  color: var(--textColorLight);
  border-color: #ffad00;
}

.block-hot-categori-opy13 .owl-nav .owl-prev {
  left: 15px;
  background-image: url(../images/icon/index13/prev.png);
}

.block-hot-categori-opy13 .owl-nav .owl-prev:hover {
  background-image: url(../images/icon/index13/prev-hover.png);
}

.block-hot-categori-opy13 .owl-nav .owl-next {
  right: 15px;
  background-image: url(../images/icon/index13/next.png);
}

.block-hot-categori-opy13 .owl-nav .owl-next:hover {
  background-image: url(../images/icon/index13/next-hover.png);
}

.block-top-brand-opt13 {
  margin-bottom: 30px;
}

.block-top-brand-opt13 .box-content {
  position: relative;
  padding-right: 34px;
  background-color: #fff;
}

.block-top-brand-opt13 .box-content:before,
.block-top-brand-opt13 .box-content:after {
  content: "";
  display: table;
}

.block-top-brand-opt13 .box-content:after {
  clear: both;
}

.block-top-brand-opt13 .block-title {
  width: 161px;
  float: right;
  background-color: #F8F8F8;
  border: 1px solid #eeeeee;
  padding-right: 2px;
  height: 352px;
}

.block-top-brand-opt13 .block-title>.title {
  width: 352px;
  background-color: #ffad00;
  color: var(--textColorLight);
  font-size: var(--fontSizeNormal);
  line-height: 34px;
  text-transform: uppercase;
  display: block;
  position: absolute;
  top: 0;
  right: 34px;
  text-align: center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: right top 0;
}

.block-top-brand-opt13 .nav-links {
  height: 352px;
}

.block-top-brand-opt13 .nav-links a {
  display: block;
  line-height: 40px;
  font-size: var(--fontSizeNormal);
  color: #666666;
  text-transform: uppercase;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-right: 2px solid transparent;
  border-color: transparent;
  margin: -1px;
  margin-right: 0;
  opacity: 0.5;
}

.block-top-brand-opt13 .nav-links li {
  height: 89px;
}

.block-top-brand-opt13 .nav-links li.active>a {
  color: #ffad00;
  background-color: #fff;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-right: 2px solid #ffad00;
  opacity: 1;
}

.block-top-brand-opt13 .block-content {
  float: left;
  padding-right: 30px;
  width: calc(100% - 161px);
  width: -moz-calc(100% - 161px);
  width: -webkit-calc(100% - 161px);
  width: -o-calc(100% - 161px);
}

.block-top-brand-opt13:hover .owl-nav .owl-prev,
.block-top-brand-opt13:hover .owl-nav .owl-next {
  opacity: 1;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-top-brand-opt13:hover .owl-nav .owl-prev {
  left: -13px;
}

.block-top-brand-opt13:hover .owl-nav .owl-next {
  right: -13px;
}

.block-top-brand-opt13 .owl-nav .owl-prev,
.block-top-brand-opt13 .owl-nav .owl-next {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #ccc;
  border-radius: 100%;
  background-color: #fff;
  color: #333;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  opacity: 0;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  background-position: center;
  background-repeat: no-repeat;
}

.block-top-brand-opt13 .owl-nav .owl-prev:hover,
.block-top-brand-opt13 .owl-nav .owl-next:hover {
  background-color: #ffad00;
  color: var(--textColorLight);
  border-color: #ffad00;
}

.block-top-brand-opt13 .owl-nav .owl-prev {
  left: 15px;
  background-image: url(../images/icon/index13/prev.png);
}

.block-top-brand-opt13 .owl-nav .owl-prev:hover {
  background-image: url(../images/icon/index13/prev-hover.png);
}

.block-top-brand-opt13 .owl-nav .owl-next {
  right: 15px;
  background-image: url(../images/icon/index13/next.png);
}

.block-top-brand-opt13 .owl-nav .owl-next:hover {
  background-image: url(../images/icon/index13/next-hover.png);
}

.block-top-brand-opt13 .product-item {
  border: 1px solid #eaeaea;
}

.block-top-brand-opt13 .product-item .product-item-photo {
  padding: 0;
}

.block-top-brand-opt13 .bx-wrapper {
  position: relative;
}

.block-top-brand-opt13 .bx-controls .bx-prev,
.block-top-brand-opt13 .bx-controls .bx-next {
  width: 25px;
  height: 25px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
  border: 1px solid #ccc;
  position: absolute;
  left: 50%;
  margin-left: -14px;
}

.block-top-brand-opt13 .bx-controls .bx-prev:hover,
.block-top-brand-opt13 .bx-controls .bx-next:hover {
  background-color: #ffad00;
  border-color: #ffad00;
}

.block-top-brand-opt13 .bx-controls .bx-prev {
  top: -12px;
  background-image: url(../images/icon/index13/bx-prev.png);
}

.block-top-brand-opt13 .bx-controls .bx-prev:hover {
  background-image: url(../images/icon/index13/bx-prev-hover.png);
}

.block-top-brand-opt13 .bx-controls .bx-next {
  bottom: -11px;
  background-image: url(../images/icon/index13/bx-next.png);
}

.block-top-brand-opt13 .bx-controls .bx-next:hover {
  background-image: url(../images/icon/index13/bx-next-hover.png);
}

.block-recent-blog-opt13 {
  margin-bottom: 39px;
  padding-top: 0px;
}

.block-recent-blog-opt13 .block-title {
  font-size: var(--fontSizeNormal);
  color: #999999;
  position: relative;
  padding-top: 10px;
  margin-bottom: 25px;
}

.block-recent-blog-opt13 .block-title:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 2px;
  background-color: #333333;
}

.block-recent-blog-opt13 .block-title .title {
  font-size: 16px;
  display: block;
  color: #333;
  text-transform: uppercase;
}

.block-recent-blog-opt13 .blog-item {
  position: relative;
  background-color: #fff;
  border: 1px solid #eee;
}

.block-recent-blog-opt13 .blog-item:before,
.block-recent-blog-opt13 .blog-item:after {
  content: "";
  display: table;
}

.block-recent-blog-opt13 .blog-item:after {
  clear: both;
}

.block-recent-blog-opt13 .blog-item:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 4px;
  background-color: #ffae00;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  z-index: 10;
}

.block-recent-blog-opt13 .blog-item:hover:before {
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-recent-blog-opt13 .blog-item:hover .blog-photo img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-recent-blog-opt13 .blog-item .blog-photo {
  width: 50%;
  float: right;
  position: relative;
  overflow: hidden;
}

@media (max-width: 479px) {
  .block-recent-blog-opt13 .blog-item .blog-photo {
    width: 100%;
    float: none;
  }
}

.block-recent-blog-opt13 .blog-item .blog-photo img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: block;
  width: 100%;
}

.block-recent-blog-opt13 .blog-item .blog-detail {
  width: 50%;
  float: right;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 20px;
  padding-bottom: 46px;
}

@media (max-width: 479px) {
  .block-recent-blog-opt13 .blog-item .blog-detail {
    width: 100%;
    float: none;
  }
}

.block-recent-blog-opt13 .blog-item .blog-date {
  display: inline-block;
  background-color: #ffad00;
  line-height: 30px;
  padding: 0 13px;
  color: var(--textColorLight);
  margin-bottom: 25px;
  font-size: var(--fontSizeNormal);
}

.block-recent-blog-opt13 .blog-item .blog-name {
  display: block;
  text-transform: uppercase;
  color: #333;
  line-height: 1;
  font-size: 24px;
}

.block-recent-blog-opt13 .blog-item .blog-name a {
  color: #333;
}

.block-recent-blog-opt13 .blog-item .blog-name a:hover,
.block-recent-blog-opt13 .blog-item .blog-name a:focus {
  color: #ffad00;
}

.block-recent-blog-opt13 .blog-item .blog-actions {
  position: absolute;
  bottom: 35px;
}

@media (max-width: 479px) {
  .block-recent-blog-opt13 .blog-item .blog-actions {
    position: static;
  }
}

.block-recent-blog-opt13 .blog-item .blog-actions a {
  text-transform: none;
  display: inline-block;
  position: relative;
  line-height: 30px;
  color: #999999;
  font-size: var(--fontSizeNormal);
}

.block-recent-blog-opt13 .blog-item .blog-actions a:hover {
  color: #ffad00;
}

.block-recent-blog-opt13 .blog-item .blog-actions a:hover:before {
  background-color: #ffad00;
}

.block-recent-blog-opt13 .blog-item .blog-actions a:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #999999;
  position: absolute;
  right: 0;
  top: 0;
}

.block-recent-blog-opt13 .owl-nav {
  text-align: center;
  position: absolute;
  top: -50px;
  left: 0;
}

.block-recent-blog-opt13 .owl-nav .owl-prev,
.block-recent-blog-opt13 .owl-nav .owl-next {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #eeeeee;
  border-radius: 100%;
  text-align: center;
  margin: 0 4px;
  color: #b2b2b2;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}

.block-recent-blog-opt13 .owl-nav .owl-prev:hover,
.block-recent-blog-opt13 .owl-nav .owl-next:hover {
  background-color: #ffad00;
  color: var(--textColorLight);
  border-color: #ffad00;
}

.block-recent-blog-opt13 .owl-nav .owl-next {
  background-image: url(../images/icon/index13/prev.png);
}

.block-recent-blog-opt13 .owl-nav .owl-next:hover {
  background-image: url(../images/icon/index13/prev-hover.png);
}

.block-recent-blog-opt13 .owl-nav .owl-prev {
  background-image: url(../images/icon/index13/next.png);
}

.block-recent-blog-opt13 .owl-nav .owl-prev:hover {
  background-image: url(../images/icon/index13/next-hover.png);
}

.index-opt-13 .back-to-top {
  border-color: #ffad00;
}

.index-opt-13 .back-to-top .fa {
  background-color: #ffad00;
}

.index-opt-13 .back-to-top:hover {
  background-color: #ffad00;
}

.slide-opt-14 {
  margin-bottom: 30px;
}

.slide-opt-14 .owl-dots {
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 32px;
}

.slide-opt-14 .owl-dots .owl-dot {
  color: #666666;
  font-size: 14px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #999999;
  display: inline-block;
  text-align: center;
  border: none;
  margin: 0 5px;
  position: relative;
  border: 3px solid transparent;
  vertical-align: middle;
}

.slide-opt-14 .owl-dots .owl-dot.active {
  background-color: transparent;
  color: var(--textColorLight);
  border-color: #cc9933;
  box-sizing: content-box;
}

.slide-opt-14 .description {
  text-transform: uppercase;
  position: absolute;
  top: 43px;
  text-align: center;
  width: 752px;
  z-index: 10;
  left: 50%;
  margin-left: -314px;
}

.slide-opt-14 .owl-item .img-slide {
  display: block;
  width: 100%;
}

.slide-opt-14 .img-slide {
  display: block;
  width: 100%;
}

.slide-opt-14 .subtitle {
  font-size: 18px;
  color: var(--textColorLight);
  display: block;
  background-color: #ff6666;
  width: 587px;
  padding-left: 30px;
  text-align: left;
  margin-bottom: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: right;
  clear: both;
}

.slide-opt-14 .title {
  display: block;
  font-size: 18px;
  margin-bottom: 2px;
  color: var(--textColorLight);
  background-color: #ff6666;
  width: 587px;
  padding-right: 30px;
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  clear: both;
}

.slide-opt-14 .des {
  display: block;
  font-size: 36px;
  color: #615141;
  clear: both;
}

.slide-opt-14 .view-opt14 {
  color: #cc9933;
  line-height: 36px;
  padding: 0 15px;
  font-size: var(--fontSizeNormal);
  display: inline-block;
  border: none;
  text-decoration: none;
  clear: both;
  float: none;
  position: relative;
  padding-top: 19px;
}

.slide-opt-14 .view-opt14:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 17px;
  height: 2px;
  background-color: #cc9933;
  margin-left: -8px;
}

.slide-opt-14 .subtitle,
.slide-opt-14 .title,
.slide-opt-14 .des,
.slide-opt-14 .view-opt14 {
  position: relative;
}

.slide-opt-14 .active .title {
  -webkit-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.9s ease-in-out 0.8s both;
  animation: fadeInRight 0.9s ease-in-out 0.8s both;
}

.slide-opt-14 .active .subtitle {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

.slide-opt-14 .active .des {
  -webkit-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  -o-animation: fadeInRight 0.4s ease-in-out 1.2s both;
  animation: fadeInRight 0.4s ease-in-out 1.2s both;
}

.slide-opt-14 .active .view-opt14 {
  -webkit-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  -o-animation: fadeInRight 0.6s ease-in-out 0.8s both;
  animation: fadeInRight 0.6s ease-in-out 0.8s both;
}

@media (min-width: 1700px) {
  .slide-opt-14 .description {
    top: 129px;
  }
}

@media (max-width: 992px) {
  .slide-opt-14 .description {
    margin: 0;
    left: 15px;
    right: 15px;
    width: auto;
    max-width: 752px;
    top: 20px;
  }
}

@media (max-width: 767px) {
  .slide-opt-14 .description {
    margin: 0;
    left: 15px;
    right: 15px;
    width: auto;
    max-width: 752px;
    top: 20px;
  }

  .slide-opt-14 .subtitle {
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 10px;
    font-size: var(--fontSizeNormal);
    width: 100%;
  }

  .slide-opt-14 .title {
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 10px;
    font-size: var(--fontSizeNormal);
    width: 100%;
  }

  .slide-opt-14 .view-opt14 {
    padding-top: 10px;
  }
}

@media (max-width: 640px) {
  .slide-opt-14 .description {
    top: 20px;
  }

  .slide-opt-14 .owl-dots {
    bottom: 4px;
  }
}

@media (max-width: 479px) {
  .slide-opt-14 .description {
    top: 5px;
  }

  .slide-opt-14 .subtitle,
  .slide-opt-14 .title {
    font-size: 10px;
    background-color: rgba(255, 102, 102, 0.5);
    padding: 3px 6px;
  }

  .slide-opt-14 .view-opt14 {
    padding-top: 0px;
    line-height: 26px;
    font-size: 10px;
  }

  .slide-opt-14 .owl-dots {
    bottom: 0;
  }

  .slide-opt-14 .owl-dots .owl-dot {
    border-width: 1px;
    width: 6px;
    height: 6px;
  }
}

.block-banner-main-opt14 {
  margin-bottom: 45px;
}

.block-banner-main-opt14 .box-img {
  margin-bottom: 30px;
  display: block;
  position: relative;
  overflow: hidden;
}

.block-banner-main-opt14 .box-img:before,
.block-banner-main-opt14 .box-img:after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  border-style: solid;
  border-color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1;
}

.block-banner-main-opt14 .box-img:before {
  border-width: 1px 0 1px 0;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  top: 10px;
  bottom: 10px;
}

.block-banner-main-opt14 .box-img:after {
  border-width: 0px 1px 0px 1px;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  left: 10px;
  right: 10px;
}

.block-banner-main-opt14 .box-img:hover:before,
.block-banner-main-opt14 .box-img:hover:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.block-banner-main-opt14 .box-img:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-banner-main-opt14 .box-img img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
}

.block-banner-main-opt14 .box-img img {
  display: block;
  width: 100%;
}

.block-tab-product-opt14 .block-title {
  margin-bottom: 40px;
  position: relative;
}

.block-tab-product-opt14 .block-title:before,
.block-tab-product-opt14 .block-title:after {
  content: "";
  display: table;
}

.block-tab-product-opt14 .block-title:after {
  clear: both;
}

.block-tab-product-opt14 .block-title:before {
  content: "";
  width: 100%;
  position: absolute;
  top: 16px;
  height: 1px;
  background-color: #eee;
  z-index: 1;
}

.block-tab-product-opt14 .block-title .nav-links {
  font-size: 16px;
  float: right;
  position: relative;
  z-index: 5;
  background-color: #fff;
  padding-left: 8px;
}

.block-tab-product-opt14 .block-title .nav-links:before,
.block-tab-product-opt14 .block-title .nav-links:after {
  content: "";
  display: table;
}

.block-tab-product-opt14 .block-title .nav-links:after {
  clear: both;
}

.block-tab-product-opt14 .block-title .nav-links .dropdown-toggle {
  width: 36px;
  height: 32px;
  border: 1px solid #eee;
  background-color: #fff;
  float: right;
  margin-left: 2px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index14/bar.png);
}

.block-tab-product-opt14 .block-title .nav-links .dropdown-toggle span {
  display: none;
}

.block-tab-product-opt14 .block-title .nav-links .dropdown-menu {
  padding: 15px;
  font-size: 16px;
}

@media (min-width: 640px) {
  .block-tab-product-opt14 .block-title .nav-links .dropdown-menu {
    position: static;
    display: block;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
    float: none;
    float: right;
  }

  .block-tab-product-opt14 .block-title .nav-links .dropdown-menu li {
    float: right;
    padding-right: 15px;
  }

  .block-tab-product-opt14 .block-title .nav-links .dropdown-menu li:after {
    content: "";
    width: 18px;
    height: 32px;
    display: inline-block;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/index14/arow-nav.png);
    margin-right: 10px;
  }

  .block-tab-product-opt14 .block-title .nav-links .dropdown-menu li a {
    display: block;
    line-height: 32px;
    color: #333;
    text-transform: capitalize;
    position: relative;
    float: right;
  }

  .block-tab-product-opt14 .block-title .nav-links .dropdown-menu li a:before {
    content: "";
    width: 100%;
    left: 0;
    height: 2px;
    background-color: transparent;
    position: absolute;
    bottom: 2px;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }

  .block-tab-product-opt14 .block-title .nav-links .dropdown-menu li:last-child:after {
    content: none;
  }

  .block-tab-product-opt14 .block-title .nav-links .dropdown-menu li.active a,
  .block-tab-product-opt14 .block-title .nav-links .dropdown-menu li:hover a {
    color: #cc9933;
  }

  .block-tab-product-opt14 .block-title .nav-links .dropdown-menu li.active a:before,
  .block-tab-product-opt14 .block-title .nav-links .dropdown-menu li:hover a:before {
    content: "";
    width: 100%;
    left: 0;
    height: 2px;
    background-color: #cc9933;
    position: absolute;
    bottom: 2px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
}

.block-tab-product-opt14 .block-title .nav-links .dropdown-menu li a {
  display: block;
  line-height: 32px;
  color: #333;
  text-transform: capitalize;
  position: relative;
}

.block-tab-product-opt14 .block-title .nav-links .dropdown-menu li.active a,
.block-tab-product-opt14 .block-title .nav-links .dropdown-menu li:hover a {
  color: #cc9933;
}

.block-tab-product-opt14 .block-title .actions {
  float: left;
  position: relative;
  z-index: 5;
  background-color: #fff;
  padding-right: 15px;
}

.block-tab-product-opt14 .block-title .actions .btn-view-all {
  font-size: var(--fontSizeNormal);
  color: #666666;
  text-transform: none;
  border: 1px solid #eeeeee;
  line-height: 30px;
  padding: 0 17px;
  background-color: #fff;
}

.block-tab-product-opt14 .block-title .actions .btn-view-all:hover {
  background-color: #cc9933;
  border-color: #cc9933;
  color: var(--textColorLight);
}

.block-tab-product-opt14 .product-item {
  margin-bottom: 30px;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
}

.block-tab-product-opt14 .owl-nav {
  position: absolute;
  background-color: #fff;
  top: -65px;
  z-index: 9999;
  right: 448px;
  padding-left: 5px;
  padding-right: 5px;
}

.block-tab-product-opt14 .owl-nav:before,
.block-tab-product-opt14 .owl-nav:after {
  content: "";
  display: table;
}

.block-tab-product-opt14 .owl-nav:after {
  clear: both;
}

@media (max-width: 439px) {
  .block-tab-product-opt14 .owl-nav {
    right: 70px;
  }
}

.block-tab-product-opt14 .owl-prev,
.block-tab-product-opt14 .owl-next {
  width: 17px;
  height: 17px;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #eaeaea;
  display: block;
  float: left;
  margin-left: 5px;
}

.block-tab-product-opt14 .owl-prev:hover,
.block-tab-product-opt14 .owl-next:hover {
  background-color: #cc9933;
  border-color: #cc9933;
}

.block-tab-product-opt14 .owl-prev {
  background-image: url(../images/icon/index14/prev.png);
}

.block-tab-product-opt14 .owl-prev:hover {
  background-image: url(../images/icon/index14/prev-hover.png);
}

.block-tab-product-opt14 .owl-next {
  background-image: url(../images/icon/index14/next.png);
}

.block-tab-product-opt14 .owl-next:hover {
  background-image: url(../images/icon/index14/next-hover.png);
}

.block-deal-opt14 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 65px;
  min-height: 600px;
  position: relative;
  z-index: 100;
  margin-bottom: 52px;
}

.block-deal-opt14:before,
.block-deal-opt14:after {
  content: "";
  display: table;
}

.block-deal-opt14:after {
  clear: both;
}

.block-deal-opt14 .container:before,
.block-deal-opt14 .container:after {
  content: "";
  display: table;
}

.block-deal-opt14 .container:after {
  clear: both;
}

.block-deal-opt14 .block-title,
.block-deal-opt14 .block-content {
  max-width: 380px;
  width: 100%;
  float: left;
  clear: both;
}

.block-deal-opt14 .block-title {
  margin-bottom: 40px;
}

.block-deal-opt14 .block-title .title {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  color: #cc9933;
  margin-bottom: 15px;
}

.block-deal-opt14 .count-down-time {
  text-align: right;
}

.block-deal-opt14 .count-down-time .box-count {
  display: inline-block;
  margin-left: 7px;
  margin-bottom: 10px;
  text-align: center;
}

.block-deal-opt14 .count-down-time .box-count:last-child {
  margin-left: 0;
}

.block-deal-opt14 .count-down-time .box-count .number {
  width: 50px;
  height: 40px;
  line-height: 40px;
  background-color: #333333;
  color: var(--textColorLight);
  display: block;
  font-size: 18px;
  margin-bottom: 3px;
}

.block-deal-opt14 .count-down-time .box-count .text {
  font-size: 12px;
  color: #333;
}

.block-deal-opt14 .product-item .product-item-name {
  display: block;
  font-size: 24px;
  text-transform: capitalize;
  color: #333333;
  margin-bottom: 3px;
}

.block-deal-opt14 .product-item .product-item-name a {
  color: #333333;
}

.block-deal-opt14 .product-item .product-item-name a:hover {
  color: #cc9933;
}

.block-deal-opt14 .product-item .product-item-description {
  font-size: var(--fontSizeNormal);
  color: #666666;
  line-height: 18px;
  margin-bottom: 20px;
}

.block-deal-opt14 .product-item .product-item-price {
  color: #cc9933;
  font-size: 24px;
  margin-bottom: 12px;
}

.block-deal-opt14 .product-item .product-item-price .old-price {
  color: #666666;
  text-decoration: line-through;
  font-size: 18px;
  margin-right: 7px;
}

.block-deal-opt14 .product-item .product-item-actions .btn {
  width: 44px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(204, 204, 204, 0.5);
  display: inline-block;
  padding: 0;
  margin-bottom: 10px;
}

.block-deal-opt14 .product-item .product-item-actions .btn:hover {
  background-color: #cc9933;
  border-color: #cc9933;
}

.block-deal-opt14 .product-item .product-item-actions .btn span {
  display: none;
}

.block-deal-opt14 .product-item .product-item-actions .btn-cart {
  background-image: url(../images/icon/index14/btn-cart2.png);
}

.block-deal-opt14 .product-item .product-item-actions .btn-cart:hover {
  background-image: url(../images/icon/index14/btn-cart2-hover.png);
}

.block-deal-opt14 .product-item .product-item-actions .btn-wishlist {
  background-image: url(../images/icon/index14/btn-wishlist2.png);
}

.block-deal-opt14 .product-item .product-item-actions .btn-wishlist:hover {
  background-image: url(../images/icon/index14/btn-wishlist2-hover.png);
}

.block-top-brand-opt14 {
  margin-bottom: 25px;
}

.block-top-brand-opt14 .block-title {
  margin-bottom: 10px;
  text-align: center;
}

.block-top-brand-opt14 .block-title .title {
  font-size: 24px;
  display: block;
  text-transform: capitalize;
  color: #333;
}

.block-top-brand-opt14 .owl-prev,
.block-top-brand-opt14 .owl-next {
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #eaeaea;
}

.block-top-brand-opt14 .owl-prev:hover,
.block-top-brand-opt14 .owl-next:hover {
  background-color: #cc9933;
  border-color: #cc9933;
}

.block-top-brand-opt14 .nav-brand {
  padding-top: 30px;
  padding-left: 140px;
  padding-right: 140px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .block-top-brand-opt14 .nav-brand {
    padding-left: 0;
    padding-right: 0;
  }
}

.block-top-brand-opt14 .nav-brand .owl-item {
  padding: 2px;
}

.block-top-brand-opt14 .nav-brand li {
  border: 1px solid #eeeeee;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}

.block-top-brand-opt14 .nav-brand li:hover,
.block-top-brand-opt14 .nav-brand li.active {
  border: 2px solid #cc9933;
}

.block-top-brand-opt14 .nav-brand .owl-nav {
  padding: 0 14px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  overflow: hidden;
}

.block-top-brand-opt14 .nav-brand .owl-nav:before,
.block-top-brand-opt14 .nav-brand .owl-nav:after {
  content: "";
  display: table;
}

.block-top-brand-opt14 .nav-brand .owl-nav:after {
  clear: both;
}

.block-top-brand-opt14 .nav-brand .owl-nav:before,
.block-top-brand-opt14 .nav-brand .owl-nav:after {
  content: "";
  display: inline-block;
  width: 100%;
  border-top: 1px solid #eee;
  vertical-align: middle;
  position: relative;
}

.block-top-brand-opt14 .nav-brand .owl-nav:before {
  margin-right: -100%;
  left: 55px;
}

.block-top-brand-opt14 .nav-brand .owl-nav:after {
  margin-left: -100%;
  right: 55px;
}

.block-top-brand-opt14 .nav-brand .owl-prev,
.block-top-brand-opt14 .nav-brand .owl-next {
  width: 17px;
  height: 17px;
  display: inline-block;
  margin: 0 3px;
  vertical-align: middle;
}

.block-top-brand-opt14 .nav-brand .owl-next {
  background-image: url(../images/icon/index14/prev.png);
}

.block-top-brand-opt14 .nav-brand .owl-next:hover {
  background-image: url(../images/icon/index14/prev-hover.png);
}

.block-top-brand-opt14 .nav-brand .owl-prev {
  background-image: url(../images/icon/index14/next.png);
}

.block-top-brand-opt14 .nav-brand .owl-prev:hover {
  background-image: url(../images/icon/index14/next-hover.png);
}

.block-top-brand-opt14 .tab-content .owl-item {
  padding: 1px;
}

.block-top-brand-opt14 .tab-content .owl-prev,
.block-top-brand-opt14 .tab-content .owl-next {
  width: 44px;
  height: 44px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -62px;
  background-color: rgba(204, 204, 204, 0.5);
}

.block-top-brand-opt14 .tab-content .owl-prev:hover,
.block-top-brand-opt14 .tab-content .owl-next:hover {
  background-color: #cc9933;
}

.block-top-brand-opt14 .tab-content .owl-prev {
  background-image: url(../images/icon/index14/prev2.png);
  left: -70px;
}

@media (min-width: 1400px) {
  .block-top-brand-opt14 .tab-content .owl-prev {
    left: -108px;
  }
}

.block-top-brand-opt14 .tab-content .owl-prev:hover {
  background-image: url(../images/icon/index14/prev2-hover.png);
}

.block-top-brand-opt14 .tab-content .owl-next {
  right: -70px;
  background-image: url(../images/icon/index14/next2.png);
}

@media (min-width: 1400px) {
  .block-top-brand-opt14 .tab-content .owl-next {
    right: -108px;
  }
}

.block-top-brand-opt14 .tab-content .owl-next:hover {
  background-image: url(../images/icon/index14/next2-hover.png);
}

.block-newletter-opt14 {
  background-position: center right;
  background-repeat: no-repeat;
  padding: 42px 40px 20px;
  min-height: 200px;
  margin-bottom: 45px;
}

.block-newletter-opt14:before,
.block-newletter-opt14:after {
  content: "";
  display: table;
}

.block-newletter-opt14:after {
  clear: both;
}

.block-newletter-opt14 .block-newletter {
  max-width: 360px;
  display: block;
  float: left;
}

.block-newletter-opt14 .block-newletter .block-title {
  font-size: var(--fontSizeNormal);
  line-height: 18px;
  text-align: center;
  margin-bottom: 18px;
  text-transform: none;
}

.block-newletter-opt14 .block-newletter .block-title .title {
  display: block;
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.block-newletter-opt14 .block-newletter .form-control {
  height: 44px;
  background-color: #fff;
  border: none;
  padding-right: 22px;
  color: #666666;
}

.block-newletter-opt14 .block-newletter .form-control::-moz-placeholder {
  color: #666666;
  opacity: 1;
}

.block-newletter-opt14 .block-newletter .form-control:-ms-input-placeholder {
  color: #666666;
}

.block-newletter-opt14 .block-newletter .form-control::-webkit-input-placeholder {
  color: #666666;
}

.block-newletter-opt14 .block-newletter .btn-subcribe {
  width: 56px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon/index14/btn-subcribe.png);
  height: 44px;
  background-color: #fff;
  position: relative;
}

.block-newletter-opt14 .block-newletter .btn-subcribe:before,
.block-newletter-opt14 .block-newletter .btn-subcribe:after {
  content: none;
}

.block-newletter-opt14 .block-newletter .btn-subcribe:before {
  content: "";
  height: 26px;
  width: 1px;
  background-color: #cfcfcf;
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -13px;
  left: -1px;
  opacity: 1;
  visibility: visible;
  display: block;
}

.block-newletter-opt14 .block-newletter .btn-subcribe:hover {
  background-color: #cc9933;
}

.block-newletter-opt14 .block-newletter .btn-subcribe:hover:before {
  content: none;
}

.block-newletter-opt14 .block-newletter .btn-subcribe span {
  display: none;
}

.block-list-products-opt14 {
  margin-bottom: 45px;
}

@media (min-width: 1200px) {
  .block-list-products-opt14 {
    max-width: 295px;
  }
}

.block-list-products-opt14 .block-title {
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}

.block-list-products-opt14 .block-title .title {
  display: inline-block;
  text-transform: uppercase;
  font-size: var(--fontSizeNormal);
  color: #333;
  line-height: 24px;
  padding-left: 10px;
}

.block-list-products-opt14 .block-title:after {
  content: "";
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-left: -100%;
  border-top: 1px solid #eee;
}

.block-list-products-opt14 .owl-nav {
  background-color: #fff;
  position: absolute;
  top: -40px;
  left: 0;
}

.block-list-products-opt14 .owl-nav:before,
.block-list-products-opt14 .owl-nav:after {
  content: "";
  display: table;
}

.block-list-products-opt14 .owl-nav:after {
  clear: both;
}

.block-list-products-opt14 .owl-prev,
.block-list-products-opt14 .owl-next {
  width: 17px;
  height: 17px;
  display: block;
  float: left;
  margin-right: 5px;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #eaeaea;
}

.block-list-products-opt14 .owl-prev:hover,
.block-list-products-opt14 .owl-next:hover {
  background-color: #cc9933;
  border-color: #cc9933;
}

.block-list-products-opt14 .owl-prev {
  background-image: url(../images/icon/index14/prev.png);
}

.block-list-products-opt14 .owl-prev:hover {
  background-image: url(../images/icon/index14/prev-hover.png);
}

.block-list-products-opt14 .owl-next {
  background-image: url(../images/icon/index14/next.png);
}

.block-list-products-opt14 .owl-next:hover {
  background-image: url(../images/icon/index14/next-hover.png);
}

.block-list-products-opt14 .product-item {
  margin-bottom: 30px;
}

.block-list-products-opt14 .product-item .product-item-info {
  position: relative;
}

.block-list-products-opt14 .product-item .product-item-info:before,
.block-list-products-opt14 .product-item .product-item-info:after {
  content: "";
  display: table;
}

.block-list-products-opt14 .product-item .product-item-info:after {
  clear: both;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-photo {
  float: right;
  width: 100px;
  height: auto;
  margin-left: 22px;
  border: 1px solid #e7e8eb;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-photo img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-img {
  display: block;
  overflow: hidden;
}

.block-list-products-opt14 .product-item .product-item-info:hover .product-item-photo {
  border: 1px solid #cc9933;
}

.block-list-products-opt14 .product-item .product-item-info:hover .product-item-photo img {
  -webkit-transform: scale(1.11);
  -ms-transform: scale(1.11);
  -o-transform: scale(1.11);
  transform: scale(1.11);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.block-list-products-opt14 .product-item .product-item-info:hover .product-item-actions .btn {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.block-list-products-opt14 .product-item .product-item-info:hover .product-item-actions-secondary .btn {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-detail {
  overflow: hidden;
  padding-top: 3px;
  position: relative;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-name {
  font-size: var(--fontSizeNormal);
  color: #666666;
  display: block;
  margin-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-name a {
  color: #666666;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-name a:hover {
  color: #cc9933;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-price {
  font-size: 16px;
  color: #333;
  margin-bottom: 30px;
  line-height: 1;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-price>span {
  line-height: 1;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-price .price {
  margin-left: 3px;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-price .old-price {
  font-size: var(--fontSizeNormal);
  color: #999999;
  text-decoration: line-through;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions {
  position: relative;
  z-index: 10;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn {
  width: 38px;
  height: 34px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  background-color: #dddddd;
  border: none;
  color: var(--textColorLight);
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn:nth-child(4) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn span {
  display: none;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn:hover {
  color: var(--textColorLight);
  background-color: #cc9933;
  border-color: #cc9933;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn-wishlist {
  background-image: url(../images/icon/index14/btn-wishlist.png);
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn-wishlist:hover {
  background-image: url(../images/icon/index14/btn-wishlist-hover.png);
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn-compare {
  background-image: url(../images/icon/index14/btn-compare.png);
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn-compare:hover {
  background-image: url(../images/icon/index14/btn-compare-hover.png);
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn-quickview {
  background-image: url(../images/icon/index14/btn-quickview.png);
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn-quickview:hover {
  background-image: url(../images/icon/index14/btn-quickview-hover.png);
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn-cart {
  background-image: url(../images/icon/index14/btn-cart.png);
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions .btn-cart:hover {
  background-image: url(../images/icon/index14/btn-cart-hover.png);
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions-secondary {
  position: absolute;
  bottom: 0;
  right: 0;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions-secondary .btn {
  width: 38px;
  height: 34px;
  line-height: 32px;
  display: inline-block;
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  text-align: center;
  background-color: transparent;
  border: none;
  opacity: 1;
  visibility: visible;
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions-secondary .btn:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions-secondary .btn:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions-secondary .btn:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions-secondary .btn:hover {
  background-color: transparent;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions-secondary .btn:first-child {
  margin-left: 0;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions-secondary .btn span {
  display: none;
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions-secondary .btn-cart {
  background-image: url(../images/icon/index14/btn-cart3.png);
}

.block-list-products-opt14 .product-item .product-item-info .product-item-actions-secondary .btn-wishlist {
  background-image: url(../images/icon/index14/btn-wishlist3.png);
}

.index-opt-14 .back-to-top {
  border-color: #cc9933;
}

.index-opt-14 .back-to-top .fa {
  background-color: #cc9933;
}

.index-opt-14 .back-to-top:hover {
  background-color: #cc9933;
}

.block-floor-products .col-categori {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.block-floor-products .col-categori .btn-cat {
  display: none;
}

/* ================================================================ */
/* ================================================================ */
/* CUSTOM STYLE */
/* ================================================================ */
/* ================================================================ */
button, a {
  outline: unset !important;
}

.cursor_pointer {
  cursor: pointer;
}

.close {
  float: left !important;
}

.table-currency {
  font-size: .8rem;
  font-weight: normal;
  display: inline-block;
}

/*
.center_input {
  width: unset !important;
  display: block;
}

.center_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.v_align_center_impo {
  vertical-align: middle !important;
}

.bold {
  font-weight: bold;
}

.margin_l_5 {
  margin-left: 5px;
} */
.margin_l_10 {
  margin-left: 10px;
}

/* .margin_l_10_impo {
  margin-left: 10px !important;
}

.margin_t_20 {
  margin-top: 20px;
}

.margin_t_10 {
  margin-top: 10px;
}

.margin_t_80 {
  margin-top: 80px;
}

.margin_t_0_impo {
  margin-top: 0px !important;
}

.margin_b_20 {
  margin-bottom: 20px;
}

.margin-b-50 {
  margin-bottom: 50px;
}

.margin_r_20 {
  margin-right: 20px;
}

.width_150 {
  width: 150px;
} */
/* .height_100 {
  height: 100px;
}

.text_vertical {
  writing-mode: vertical-lr;
  text-orientation: mixed;
}

.display_block {
  display: block !important;
}

.display_none {
  display: none !important;
} */
/* .align_center {
  text-align: center;
}

.align_center_impo {
  text-align: center !important;
} */
/* .btn_green {
  background-color: #678e5e !important;
}

.btn_green:hover {
  border-color: #678e5e !important;
} */
.color_product {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 2px;
  border: 1px solid #cccccc;
}

.green_box {
  text-align: center;
  padding: 25px;
  background-color: #c8e2c8;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.green_box div {
  margin-bottom: 10px;
  font-size: var(--fontSizeNormal);
}

.yellow_box {
  text-align: center;
  padding: 25px;
  background-color: #fff991;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  font-size: var(--fontSize_2);
}

.yellow_box .tip {
  color: #ff0047;
  font-weight: 600;
  margin-top: 10px;
}

/* .center_box_float {
  margin-right: auto;
  margin-left: auto;
  float: none;
} */
.page-order .content {
  display: none;
}

.page-order .current_content {
  display: block;
}

.cms-rtl.catalog-view_op1 .toolbar-products .toolbar-sorter,
.cms-rtl.catalog-view_op1 .toolbar-products .toolbar-limiter {
  direction: rtl
}

/* ------------------- START :: Responsive No X Scroll Table ---------------- */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

  table.no_xscroll,
  table.no_xscroll thead,
  table.no_xscroll tbody,
  table.no_xscroll tfoot,
  table.no_xscroll th,
  table.no_xscroll td,
  table.no_xscroll tr {
    display: block;
  }

  table.no_xscroll thead tr {
    display: none;
  }

  table.no_xscroll tr {
    border: unset;
    border-bottom: 2px solid #ddd;
  }

  table.no_xscroll td {
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    position: relative;
    padding-right: 30% !important;
    width: 100% !important;
    white-space: normal !important;
    line-height: normal;
  }

  table.no_xscroll td:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    padding-right: 10px;
    white-space: nowrap;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f7f7f7;
  }

  table.no_xscroll td:before {
    content: attr(title);
  }
}

/* ------------------- END :: Responsive No X Scroll Table ---------------- */
/* ------------------- START :: Order Tracking --------------------------- */
.order_tracking {
  margin: 100px 10px;
}

.order_tracking div {
  display: flex;
  margin-top: 20px;
  flex-direction: column;
  margin: 0 auto;
  float: unset;
  text-align: center;
}

.order_tracking div button {
  margin-top: 10px;
}

.state_order {
  display: flex;
  flex-direction: row;
  margin: 30px 10px;
  justify-content: space-evenly;
  align-items: baseline;
  flex-wrap: wrap;
  text-align: center;
}

.state_order .item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.state_order .item div {
  background-color: #edf0f3;
  margin-bottom: 10px;
  padding: 16%;
  border-radius: 50%;
}

.state_order .item div.text {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.2rem;
}

.state_order .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  align-self: center;
}

.state_order .gray {
  filter: grayscale(100%);
}

@media (min-width: 992px) {
  .state_order .item div.text {
    width: 140px;
    height: 140px;
  }
}

.banks div {
  float: none;
  display: flex;
  justify-content: center;
}

.banks div a img {
  object-fit: contain;
  background: #edf0f3;
  height: 25vmin;
  width: 25vmin;
  padding: 10px;
  border-radius: 5px;
  transition: all .5s;
}

.banks div a img:hover {
  box-shadow: 0 0 20px -5px #b5babf;
}

/* ------------------- END :: Order Tracking ----------------------------- */
/* ------------------- START :: Basket Dropdown Scrollbar ---------------- */
.block-minicart>.dropdown-menu .minicart-content-wrapper::-webkit-scrollbar {
  width: 5px;
  background: #d2d2d2;
}

/* Track */
.block-minicart>.dropdown-menu .minicart-content-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* Handle */
.block-minicart>.dropdown-menu .minicart-content-wrapper::-webkit-scrollbar-thumb {
  background: #2b608e;
  border-radius: 10px;
}

/* Handle on hover */
.block-minicart>.dropdown-menu .minicart-content-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgb(20, 46, 68);
}

.single-box.product-comment-box {
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 10px;
}

.comment {
  white-space: pre-line;
}

/* ------------------- END :: Basket Dropdown Scrollbar --------------------------- */
/* ------------------- START :: Auto Complete Suggestion Scrollbar ---------------- */
.auto_complete_suggestion::-webkit-scrollbar {
  width: 5px;
  background: #d2d2d2;
}

/* Track */
.auto_complete_suggestion::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #f1f1f1;
}

/* Handle */
.auto_complete_suggestion::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

/* Handle on hover */
.auto_complete_suggestion::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* ------------------- END :: Auto Complete Suggestion Scrollbar ---------------- */
/* ------------------- START :: 5 Star Rating ----------------------------------- */
/* RATING - Form */
.rating-form {
  margin-bottom: 5px;
}

/* RATING - Form - Group */
.rating-form .form-group {
  position: relative;
  border: 0;
}

/* RATING - Form - Item */
.rating-form .form-item {
  justify-content: space-between;
  position: relative;
  margin: auto;
  width: auto;
  text-align: center;
  direction: rtl;
}

.rating-form input[type='radio'] {
  display: none;
}

/* RATING - Form - Label */
.rating-form label {
  display: inline-block;
  cursor: pointer;
}

.rating-form .rating-star {
  display: inline-block;
  position: relative;
}

.rating-form input[type='radio']:checked+label:after {
  /*right: 5px;*/
  opacity: 1;
}

.rating-form label .fa {
  font-size: 2.4rem;
  line-height: 3rem;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.rating-form label .fa-star-o {}

.rating-form label:hover .fa-star-o,
.rating-form label:focus .fa-star-o,
.rating-form label:hover~label .fa-star-o,
.rating-form label:focus~label .fa-star-o,
.rating-form input[type='radio']:checked~label .fa-star-o {
  opacity: 0;
}

.rating-form label .fa-star {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.rating-form label:hover .fa-star,
.rating-form label:focus .fa-star,
.rating-form label:hover~label .fa-star,
.rating-form label:focus~label .fa-star,
.rating-form input[type='radio']:checked~label .fa-star {
  opacity: 1;
}

.rating-form input[type='radio']:checked~label .fa-star {
  color: gold;
}

.rating-form .ir {
  display: none;
}

/* RATING - Form - Action */
.rating-form .form-action {
  opacity: 0;
  position: absolute;
  right: 0px;
  left: 0px;
  margin: 0 auto;
  bottom: -15px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.rating-form input[type='radio']:checked~.form-action {
  cursor: pointer;
  opacity: 1;
}

.rating-form .btn-reset {
  display: inline-block;
  margin: 0;
  padding: 2px 4px;
  border: 0;
  font-size: 0.7rem;
  background: #fff;
  color: var(--textColorDark);
  cursor: auto;
  border-radius: 5px;
  outline: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.rating-form .btn-reset:hover,
.rating-form .btn-reset:focus {
  background: gold;
}

.rating-form input[type='radio']:checked~.form-action .btn-reset {
  cursor: pointer;
}

/* RATING - Form - Output */
.rating-form .form-output {
  display: none;
  position: absolute;
  right: 15px;
  bottom: -45px;
  font-size: 3rem;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.no-js .rating-form .form-output {
  right: 5px;
  opacity: 1;
}

.rating-form input[type='radio']:checked~.form-output {
  right: 5px;
  opacity: 1;
}

/* ------------------- END :: 5 Star Rating ------------------------ */
/* ------------------- START :: Loading Placeholder ---------------- */
.loading_placeholder {
  width: auto;
  height: 200px;
  margin-bottom: 30px;
  box-shadow: 0 4px 10px 0 rgba(33, 33, 33, 0.15);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.loading_placeholder::before {
  content: '';
  display: block;
  position: absolute;
  left: -150px;
  top: 0;
  height: 100%;
  width: 150px;
  background: linear-gradient(to right, transparent 0%, #d0d0d0 45%, #d0d0d0 55%, transparent 100%);
  animation: load 5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
}

@keyframes load {
  from {
    left: -150px;
  }

  to {
    left: 100%;
  }
}

/* ------------------- END :: Loading Placeholder ------------------------ */
/* ------------------- START :: Inner Loagin ----------------------------- */
.inner_loading {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ------------------- END :: Inner Loagin ------------------------------- */
/* ------------------- START :: Products Show Chanege Mode --------------- */
/* when list is show  */
#product_show.products-list .product-item-actions {
  display: none;
}

#product_show.products-list .btn.btn-cart {
  display: none;
}

#product_show.products-list .product_des_grid {
  display: none;
}

#product_show.products-list .product_des_list {
  display: block;
}

#product_show.products-list .product_des_list .product-item-actions {
  display: block;
}

#product_show.products-list .product_des_list .btn.btn-cart {
  display: block;
}

#product_show.products-list .product-item-des {
  display: block;
}

/* when grid is show */
#product_show.products-grid .product-item-actions {
  display: flex;
}

#product_show.products-grid .btn.btn-cart {
  display: block;
}

#product_show.products-grid .product_des_grid {
  display: block;
}

#product_show.products-grid .product_des_list {
  display: none;
}

#product_show.products-grid .product-item-des {
  display: none;
}

/* ------------------- END :: Products Show Chanege Mode --------------- */
/* ------------------- START: Clear Filter Box -------------------- */
.block-filter .filter_clear .items {
  display: flex;
  flex-wrap: wrap;
}

.block-filter .filter_clear .items .item {
  padding: 5px 5px 5px 17px;
  margin: 5px;
  background-color: #f1f1f1;
  border-radius: 5px;
  cursor: pointer;
  transition: .3s all;
  position: relative;
}

.block-filter .filter_clear .items .item:hover {
  box-shadow: 0px 0px 5px -2px #909090;
}

.block-filter .filter_clear .items .item:after {
  content: "\f00d";
  font-family: "FontAwesome";
  font-size: 10px;
  position: absolute;
  left: 5px;
}

/* ------------------- END: Clear Filter Box ---------------------- */
/* ------------------- START: Loding For Button ------------------- */
.loader {
  position: relative;
}

.loader::after {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #5a5d60;
  width: 15px !important;
  height: 15px !important;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  background: unset !important;
  position: absolute;
  content: '';
  left: 0;
  right: -3px;
  top: -3px;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading_btn::after {
  border-width: 3px;
  border-style: solid;
  border-color: rgb(90, 93, 96) rgb(255 255 255) rgb(255 255 255);
  border-image: initial;
  border-radius: 50%;
  animation: 2s linear 0s infinite normal none running spin;
  width: 25px !important;
  height: 25px !important;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}

.loading_btn::before {
  opacity: .5;
}

.loading_btn span {
  opacity: .5;
}

/* ------------------- END: Loding For Button ------------------- */
.module_text {
  height: 250px;
  overflow: hidden;
}

.fade_text {
  position: relative;
  height: 3.6em;
  /* exactly three lines */
}

.fade_text:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70%;
  height: 1.4em;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

.blog-posts .post-item .entry-more {
  margin-top: 25px;
}

.entry-detail .entry-photo img {
  width: 100%;
  height: 60vmin;
  object-fit: cover;
}

.related-posts .entry-thumb img {
  height: 30vmin;
  width: 100%;
  object-fit: cover;
}

.auto_complete_suggestion {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-top: none;
  z-index: 999;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  display: none;
  opacity: 0;
  transition: .5s all ease-in-out;
}

.auto_complete_suggestion.show_items {
  display: block;
  opacity: 1;
  max-height: 500px;
  overflow-y: auto;
}

.auto_complete_suggestion .item i {
  font-size: 20px;
  margin-left: 10px;
  color: #484a47;
}

.auto_complete_suggestion .item span {
  color: #ff302e;
  margin-right: 5px;
  font-weight: bold;
}

.auto_complete_suggestion .item:hover {
  background-color: #f6f6f6;
}

.block-sidebar-categorie.profile .items>li>a:before {
  content: unset;
  font-size: var(--fontSizeNormal);
}

.block-sidebar-categorie.profile .items a {
  margin-right: unset
}

.block-sidebar-categorie.profile .items a i {
  margin-left: 5px;
}

.block-sidebar-categorie.profile li {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 5px;
  padding: 7px;
}

.block-sidebar-categorie.profile li:last-child {
  border-bottom: unset;
  margin-bottom: unset;
  padding-bottom: unset;
}

.block-sidebar-categorie.profile li.active {
  background-color: #e8e8e8;
}

.profile_content .content {
  display: none;
}

.profile_content .current_content {
  display: block;
}

.a_button {
  margin-top: 15px;
  background: #666 none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  color: var(--textColorLight);
  padding: 10px 20px;
}

.a_button:hover {
  background-color: var(--color_1);
  border-color: var(--color_1);
}

#edit_profile {
  display: none;
}

#price_range {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

#price_range:hover {
  opacity: 1;
}

#price_range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgb(20, 46, 68);
  cursor: pointer;
}

#price_range::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgb(20, 46, 68);
  cursor: pointer;
}

.catalog-view_op1 .block-filter .filter-options-item .price_range_min_max {
  margin-bottom: 5px;
  line-height: 25px;
  display: block;
}

.catalog-view_op1 .block-filter .filter-options-item .price_range_min_max .min {
  display: inline-block;
  float: right;
}

.catalog-view_op1 .block-filter .filter-options-item .price_range_min_max .max {
  display: inline-block;
  float: left;
}

#range_slider .slider-selection {
  background: linear-gradient(to right, rgb(116 158 193), rgb(200 229 255)) rgb(200 229 255);
}

#range_slider .tooltip-inner {
  background-color: #142e44;
  ;
}

.product-item-opt-1 .product-item-price .old-price {
  display: block;
}

#div_product_category_left_menu .product-item-opt-1 .product-item-img img {
  width: 270px;
  height: 310px;
  object-fit: contain;
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
  display: inline-block;
  font-size: var(--fontSize_2);
  font-weight: 700;
}

.cart_summary .old-price {
  display: block;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  text-decoration: line-through;
}

#input_coupon {
  margin-left: 0;
  height: 39px;
}

#index4 .row.shiping {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  align-items: stretch;
  align-content: center;
}

.block-minicart>.dropdown-menu {
  padding: 5px;
}

.block-minicart>.dropdown-menu .minicart-content-wrapper {
  padding: 15px;
}

.block-minicart .subtotal {
  padding: 15px;
}

.block-minicart .actions {
  padding: 15px;
}

.profile_image {
  width: 260px;
  height: 206px;
  object-fit: contain;
  padding: 5px;
}

.new_address {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: var(--fontSize_2);
}

.new_address i {
  font-size: 20px;
}

.empty_backet {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
  text-align: center;
}

.block-sidebar-categorie .items a {
  margin-right: unset;
  display: inline-block;
}

.block-sidebar-categorie .items a:before {
  content: unset !important;
}

.block-sidebar-categorie .items i {
  font-size: var(--fontSizeNormal);
  padding: 0 7px;
  color: var(--textColorDark);
  cursor: pointer;
}

.radio-inline, .checkbox-inline {
  padding-right: 20px;
  padding-left: unset;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  margin-right: -20px;
  margin-left: unset;
}

.required span {
  color: red;
  margin-left: 5px;
}

.page-order ul.step {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.page-order ul.step li {
  display: unset;
  width: unset;
  float: unset;
  flex-grow: 1;
  padding-right: unset;
  display: flex;
  justify-content: center;
}

.page-order ul.step li a {
  display: flex;
  justify-content: center;
  justify-content: center;
  align-items: baseline;
}

.sticky-wrapper.is-sticky .mid-header {
  z-index: 999;
}

.catalog-view_op1 .product-media .images-large #img_zoom {
  width: 329px;
  height: 374px;
  object-fit: contain;
}

.header-opt-2 .block-nav-categori .ui-categori>li>a .icon img {
  width: 17px;
  height: 17px;
  object-fit: contain;
}

.block-section-top1 .block-nav-categori .ui-categori>li>a .icon img {
  width: 17px;
  height: 17px;
  object-fit: contain;
}

.block-section-top1 .banner-slide a img {
  width: 210px;
  height: 170px;
  object-fit: contain;
}

.block-the-blog .blog-item .blog-photo img {
  height: 30vmin;
  object-fit: cover;
  margin: 0 auto;
}

.blog-posts .post-item .entry-thumb img {
  width: 100%;
  height: 237px;
  object-fit: cover;
}

.swatch-attribute .filter-options-content {
  padding-bottom: 0;
}

.swatch-attribute .filter-options-content .item {
  text-transform: capitalize;
  display: block;
  color: var(--textColorDark);
  font-size: var(--fontSizeNormal);
  line-height: 34px;
  position: relative;
}

.swatch-attribute .filter-options-content .item {
  line-height: 1;
}

.swatch-attribute.filter-options-content .item {
  padding: 0;
  width: 50%;
  float: right;
  line-height: 31px;
}

.swatch-attribute .filter-options-content .item {
  display: inline-block;
  width: auto;
  margin: 0 0 10px 5px;
  line-height: 1;
}

.swatch-attribute .filter-options-content .item label {
  font-size: var(--fontSizeNormal);
  line-height: 34px;
  cursor: pointer;
  color: var(--textColorDark);
}

.swatch-attribute .filter-options-content .item label {
  line-height: 25px;
  margin: 0;
}

.swatch-attribute .filter-options-content .item label {
  color: var(--textColorDark);
}

.swatch-attribute .filter-options-content .item label {
  margin: 0;
}

.swatch-attribute .filter-options-content .item label:before,
.swatch-attribute .filter-options-content .item label:after {
  content: "";
  display: table;
}

.swatch-attribute .filter-options-content .item label input[type=radio] {
  visibility: hidden;
  position: absolute;
}

.swatch-attribute .filter-options-content .item label>span {
  display: block;
  position: relative;
  padding-right: 27px;
}

.swatch-attribute .filter-options-content .item label>span {
  padding-right: 0;
  position: relative;
  height: 20px;
}

.swatch-attribute .filter-options-content .item label>span:before {
  width: 13px;
  height: 12px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  border: none;
  content: '';
  display: block;
}

.swatch-attribute .filter-options-content .item .img {
  width: 20px;
  height: 20px;
  border: 1px solid #dfdfdf;
  display: block;
}

.swatch-attribute .filter-options-content .item label>span .img {
  display: block;
  margin: 0;
}

.swatch-attribute .filter-options-content .item label:after {
  clear: both;
}

.swatch-attribute .filter-options-content .items:after {
  clear: both;
}

.swatch-attribute .filter-options-content .item label input[type=radio]:checked+span:before {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon/index1/checked.png);
}

.catalog-view_op1 .product-options-wrapper .form-qty .input-qty.my_qty {
  padding: 6px 12px 6px 0px;
}

.catalog-view_op1 .product-options-wrapper .form-qty .control {
  width: 95px;
}

.cart_summary .qty input {
  text-align: right;
  max-width: 70px;
  padding: 6px 12px 6px 5px;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

#size_table_modal .modal-title {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
}

.share_to .block-social .block-content:before,
.site-footer .block-social .block-content:after {
  content: "";
  display: table;
}

.share_to .block-social .block-content:after {
  clear: both;
}

.share_to .block-social .block-title {
  margin-bottom: 10px;
  display: block;
  font-size: var(--fontSize_2);
  color: var(--textColorDark);
  text-transform: uppercase;
  margin-top: 12px;
  margin-bottom: 25px;
  line-height: 1.1;
}

.share_to .block-social .block-content a {
  width: 40px;
  line-height: 46px;
  height: 40px;
  text-align: center;
  border-radius: 0;
  border: none;
  color: var(--textColorLight);
  background-color: var(--theme-deafult);
  font-size: 22px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  display: block;
  float: right;
  margin-left: 7px;
  margin-bottom: 5px;
}

.share_to .block-social .block-content a:hover {
  background-color: var(--textColorLight);
  color: var(--theme-deafult);
}

.share_to .block-social .block-content .sh-instagram {
  background-color: #f72e37;
}

.share_to .block-social .block-content .sh-instagram:hover {
  background-color: #c34123;
  color: #ffffff
}

.share_to .block-social .block-content .sh-mail {
  background-color: #47c3f3;
}

.share_to .block-social .block-content .sh-mail:hover {
  background-color: #3184a5;
  color: #ffffff
}

.share_to .block-social .block-content .sh-telegram {
  background-color: #00b8ff;
}

.share_to .block-social .block-content .sh-telegram:hover {
  background-color: #008abf;
  color: #ffffff
}

.share_to .block-social .block-content .sh-whatsapp {
  background-color: #25d366;
}

.share_to .block-social .block-content .sh-whatsapp:hover {
  background-color: #198842;
  color: #ffffff
}

.catalog-view_op1 .product-info-detailed .tab-content .block-content .dec {
  font-size: var(--fontSizeNormal);
  font-weight: 600;
  color: #9a9a9a;
}

.catalog-view_op1 .product-info-detailed .tab-content .block-content .text {
  margin-top: 50px;
  text-align: justify;
}

#information .table>tbody>tr>td {
  border: unset;
}

#information .table>tbody>tr>td div {
  background-color: #efefef;
  padding: 15px;
}

.comment-list .comment-body {
  margin-right: 10px;
}

.comment-list .comment-meta .date {
  float: left;
}

.comment-list .comment-body .btn_reply {
  margin-top: 10px;
  float: left;
}

.catalog-view_op1 .product-info-main .product-reviews-summary .reviews-actions .action {
  border-left: unset;
}

.catalog-view_op1 .block-filter .filter-options-size .filter-options-content .item {
  float: right;
}

.related-posts.owl-carousel.owl-rtl .owl-item {
  float: left;
}

/* .tab-content>.tab-pane {
  display: none;
} */
.tab-content>.tab-pane.active {
  display: block;
}

.footer-opt-1 .payment-methods .block-title {
  width: auto;
  line-height: 30px;
  margin-left: 10px;
}

.footer-opt-1 .payment-methods .block-content {
  float: unset;
  width: 100%;
}

.footer-opt-1 .block-newletter .btn-subcribe:focus {
  box-shadow: none;
}

.page-order ul.step li {
  width: 14.28%;
}

.catalog-view_op1 .block-sidebar .block-content {
  border: none;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.icon_setting {
  position: absolute;
  left: 30px;
  top: 7px;
  display: none;
  z-index: 2;
}

.icon_setting i {
  font-size: 20px;
  color: #353535;
}

.block-nav-setting {
  float: right;
  opacity: 0;
  display: none;
}

.header-opt-1 .header-top .nav-left>li:first-child[style*="display:none"],
.header-opt-1 .header-top .nav-right>li:first-child[style*="display:none"] {
  padding-right: 0px;
  margin-right: 0px;
}

.header-opt-1 .header-top .nav-left>li:first-child:before:not([style*='display: none']),
.header-opt-1 .header-top .nav-right>li:first-child:before:not([style*='display: none']) {
  content: none;
}

/*-------------------------------------------- BOOTSTRAP ------------------------------------------------*/
.header-opt-2 .header-top .nav-right>li>a:after {
  display: none;
}

.header-opt-2 .header-content .block-minicart>.dropdown-toggle:after {
  border-top: unset;
  border-right: unset;
  border-bottom: 0;
  border-left: unset;
}

.header-opt-2 .header-content .nav-right {
  float: unset;
  order: 3;
}

.header-opt-2 .header-content .nav-mind {
  float: unset;
  order: 2;
}

.header-opt-2 .header-top .container {
  display: flex;
  flex-wrap: wrap;
}

.header-opt-2 .header-top .nav-left, .header-opt-2 .header-top .nav-right {
  float: unset;
  flex-grow: 1;
  display: flex;
}

.header-opt-2 .header-top .nav-right {
  justify-content: flex-end;
}

.header-opt-2 .header-nav .setting .dropdown-toggle::after {
  display: none;
}

.header-nav .block-minicart>.dropdown-toggle::after {
  display: none;
}

.site-footer .address td {
  white-space: nowrap;
}

.product-item-opt-13 .product-item-img {
  max-height: 255px;
}

.btn.focus, .btn:focus {
  box-shadow: unset;
}

.modal-header {
  direction: ltr;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem auto -1rem -1rem;
}

.catalog-view_op1 .product-info-detailed .nav>li>a {
  background-color: unset;
}

.catalog-view_op1 .product-info-detailed .nav>li>a.active {
  background-color: #e2e2e2;
  border-color: #dee2e6 #dee2e6 #e2e2e2;
}

.cart_navigation {
  float: unset;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.page-order .cart_navigation a.next-btn {
  float: unset;
}

.page-order .cart_navigation a.prev-btn {
  float: unset;
}

.cart_summary img {
  max-width: 200px;
  height: 20vmin;
  object-fit: contain;
}

.header-opt-2 .header-content .link-wishlist,
.header-opt-2 .header-content .link-compare {
  float: unset;
  margin-right: unset;
}

.header-opt-2 .header-content .block-minicart {
  float: unset;
}

.header-opt-2 .header-content .block-search {
  padding-left: unset;
  padding-right: unset;
  width: 100%;
}

.header-opt-2 .header-content .block-search .btn-search {
  line-height: 1px;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--textColorLight);
  text-align: center;
  padding: 0;
  width: 70px !important;
}

.block-search .btn-search span {
  display: none;
}

.cms-rtl .block-search .form-search {
  float: unset;
}

.header-opt-2 .header-content .block-search .form-search {
  width: unset;
}

.cms-rtl .block-search .categori-search {
  float: unset;
}

.page-blog .page-heading {
  height: unset;
}

.block-section-top2 .block-nav-categori .view-all-categori .btn-view-all:after, .block-section-top2 .block-nav-categori .view-all-categori a:after {
  content: "\f100";
}

.block-floor-products-opt2 .block-title .links .dropdown-toggle::after {
  display: none;
}

.block-floor-products-opt2 .block-title .title {
  background-image: url(../images/icon/index5/arrow1.png);
}

.block-floor-products-opt2 .block-title .title .dropdown.box_category {
  float: left;
  display: inline-block;
  vertical-align: middle;
  line-height: 46px;
  font-size: 19px;
  display: none;
}

.block-floor-products-opt2 .block-title .title .box_category .dropdown-toggle {
  color: var(--textColorLight);
}

.block-floor-products-opt2 .block-title .title .box_category .dropdown-toggle::after {
  display: none;
}

.block-floor-products-opt2 .block-title .title .box_category ul {
  width: 200px;
  background-color: rgba(255, 51, 102, 0.8);
  right: auto !important;
  box-shadow: none;
  border: none;
  margin: 0 !important;
  overflow-y: auto;
  /* padding-right: 20px; */
  left: -9px !important;
  height: 571px;
  bottom: 0;
  will-change: auto !important;
  transform: unset !important;
  top: 46px !important;
}

.block-floor-products-opt2 .block-title .title .box_category ul a {
  color: var(--textColorLight);
}

.block-floor-products-opt2 .col-banner {
  height: 571px;
}

.block-floor-products .col-banner .img img,
.block-floor-products .col-banner .box-img img {
  height: 100%;
  object-fit: cover;
}

.block-floor-products-opt2 .col-banner .box-img:hover:before {
  opacity: 23%;
}

.floor-products1.block-floor-products-opt2 .col-banner .box-img:before {
  background-color: var(--theme-deafult);
}

.footer-opt-14 .block-social .block-content a {
  width: 32px;
  line-height: 32px;
  height: 32px;
  font-size: var(--fontSize_2);
}

.header-opt-12 .header-top .top-social a {
  line-height: unset;
  width: 25px;
  display: flex;
  height: 25px;
  justify-content: center;
  align-items: center;
}

.header-opt-12 .header-top .top-social a img {
  width: 12px;
  height: 12px;
  object-fit: contain;
}

.header-opt-12 .header-nav .block-minicart>.dropdown-toggle:after {
  border: unset;
}

.header-opt-12 .mid-header .nav-mind .block-search {
  display: none;
}

.header-opt-12 .is-sticky .mid-header .nav-mind .block-search {
  float: left;
  width: 50px;
  margin-right: 20px;
  display: block;
}

.header-opt-12 .sticky-wrapper.is-sticky .mid-header .nav-mind .block-search .block-title {
  display: block;
  line-height: 50px;
  height: 50px;
  cursor: pointer;
  width: 50px;
}

.header-opt-12 .sticky-wrapper.is-sticky .mid-header .nav-mind .block-search:hover .block-content {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.header-opt-12 .sticky-wrapper.is-sticky .mid-header .nav-mind .block-search .block-content {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  padding: 30px 20px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
  visibility: hidden;
  opacity: 0;
  margin-top: 12px;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}

.owl-carousel {
  direction: ltr;
}

.site-main {
  min-height: 50vh;
}

.block-related .owl-carousel .owl-item img {
  height: 35vmin;
  object-fit: contain;
}

.chosen-container-single .chosen-search input[type="text"] {
  border: 1px solid #eee;
}

.chosen-container .chosen-drop {
  border: 1px solid #eee;
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.15);
}

.chosen-container-single .chosen-drop {
  border-radius: 0 0 4px 4px;
}

.chosen-results::-webkit-scrollbar {
  width: 5px;
  background: #d2d2d2;
}

.chosen-results::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #f1f1f1;
}

.chosen-results::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

.chosen-results::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.header-opt-12 .logo img {
  height: 7vmin;
  object-fit: contain;
}

.auto_complete_suggestion .product .imag img {
  height: 10vmin;
  object-fit: contain;
}

.catalog-view_op1 .category-view .owl-carousel .item img {
  width: 100%;
  height: 45vmin;
  object-fit: cover;
}

.block-sidebar-testimonials .owl-carousel .item img {
  height: 30vmin;
  object-fit: contain;
}

.footer-opt-14 .nemad img {
  width: 100%;
  height: 20vmin;
  object-fit: contain;
}

.footer-opt-14 .logo-footer img {
  height: 13vmin;
  object-fit: contain;
}

.block-sidebar .block-content .post-thumb img {
  height: 50px;
  object-fit: contain;
}

.empty_backet img {
  max-height: 20vmin;
  object-fit: contain;
}

#RatingModal .modal-body img {
  max-height: 30vmin;
  width: 100%;
  object-fit: contain;
}

.catalog-view_op1 .modal .product-options-wrapper .form-configurable .control,
.catalog-view_op1 .modal .product-options-wrapper .form-qty .control {
  flex-grow: 1;
  width: auto;
}

.banks div label {
  background: #edf0f3;
  padding: 10px;
  border-radius: 5px;
  transition: all .5s;
}

.banks div label img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.banks div label:hover {
  box-shadow: 0 0 20px -5px #b5babf;
}

.banks div input:checked+label {
  box-shadow: 0 0 20px -5px green;
}

.box-section-top .block-slide-main.slide-opt-2 .owl-carousel .owl-item .img-slide img {
  height: 409px;
  object-fit: cover;
}

.minicart-items-wrapper .product-item .product-item-photo {
  text-align: center;
}

.minicart-items-wrapper .product-item .product-item-photo img {
  text-align: center;
  height: 100px;
  object-fit: contain;
}

.categori-search .categori-search-option {
  width: 100%;
  border: none;
  margin-right: -1px;
  z-index: 10;
  position: relative;
  background-color: #F5F5F5;
  height: 45px;
  line-height: 45px;
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  padding-right: 15px;
}

.box_category .dropdown-toggle::after,
.links.dropdown .dropdown-toggle::after {
  display: none;
}

.block-floor-products-opt12 .block-title .box-categori .dropdown-toggle::after {
  display: none;
}

.modal .product-item-img img {
  height: 35vmin;
  object-fit: contain;
}

.product-item-actions .btn.btn-wishlist .fa {
  font-size: var(--fontSize_2);
  margin-top: 7px;
  margin-left: 1px;
}

.block-showcase-opt1 .product-item-opt-1 .product-item-img img {
  height: 140px;
  width: 140px;
  object-fit: contain;
}

@media (max-width: 383px) {
  .footer-opt-9 .payment {
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 479px) {
  .align_center_xs {
    text-align: center;
  }
}

@media (max-width: 480px) {

  /* checkout */
  .page-order ul.step li.current-step {
    border-right: 3px solid #2b608e;
    border-bottom: none;
  }
}

@media only screen and (max-width: 575px) {
  .align_center_product_sm {
    text-align: center;
  }

  .block-related .owl-carousel .owl-item img {
    height: 35vmax;
  }

  .header-opt-12 .logo img {
    height: 7vmax;
  }

  .auto_complete_suggestion .product .imag img {
    height: 100%
  }

  .footer-opt-14 .nemad img {
    height: 20vmax;
  }

  .footer-opt-14 .logo-footer img {
    height: 13vmax;
  }

  .block-banner-main-opt8 .item img {
    height: 35vmax;
  }

  #RatingModal .modal-body img {
    max-height: 30vmax;
  }

  .rating-form label .fa {
    font-size: 2rem;
  }

  .box-section-top .block-slide-main.slide-opt-2 .owl-carousel .owl-item .img-slide img {
    height: 44vmax;
  }

  .block-the-blog .blog-item .blog-photo img {
    height: 35vmax;
  }

  .cart_summary img {
    height: 20vmax;
  }
}

@media (min-width: 576px) {
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
}

@media (max-width: 766px) {
  .align_center_sm {
    text-align: center;
  }

  .footer-opt-14 .footer-column .address {
    text-align: center;
    width: 100%;
  }

  .footer-opt-14 .block-social {
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .header-opt-2 .header-top .nav-left, .header-opt-2 .header-top .nav-right {
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .col-sm-offset-3 {
    margin-right: 25%;
    margin-left: unset
  }
}

@media only screen and (max-width: 768px) {
  .margin_t_xs_15 {
    margin-top: 15px;
  }

  .margin_b_sm_0 {
    margin-bottom: 0;
  }
}

@media (max-width: 776px) {
  .padding_lr_md_30 {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (max-width: 990px) {
  .page-order .step li .text {
    display: none;
  }

  .page-order .step li a {
    flex-direction: row-reverse;
  }

  .page-order .step li a i {
    margin-right: 10px;
    margin-left: unset;
  }

  .icon_setting {
    display: block;
  }

  .product-item-opt-2 .product-item-actions {
    width: 100%;
  }
}

@media (min-width: 991px) {
  .col-sidebar .block-sidebar.block-sidebar-categorie .block-content.collapse {
    display: block !important;
  }

  .col-sidebar .block-sidebar.block-sidebar-categorie strong i {
    display: none;
  }
}

@media (max-width: 991px) {
  .footer-opt-12 .footer-column .column-right .block_r {
    width: 50%;
    float: right;
  }

  .footer-opt-12 .footer-column .column-right .block_l {
    width: 50%;
    float: left;
  }

  .footer-opt-3 .block_r {
    width: 50%;
    float: right;
  }

  .footer-opt-3 .block-newletter.block_l {
    width: 50%;
    float: left;
  }

  /* .catalog-view_op1 .toolbar-products.toolbar-top {
    direction: ltr;
  } */
  .block-nav-menu {
    width: 280px !important;
  }

  .block-nav-setting {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -110%;
    width: 280px;
    -webkit-box-shadow: rgba(136, 136, 136, 0.23) 0px 0px 3px 0px;
    box-shadow: rgba(136, 136, 136, 0.23) 0px 0px 3px 0px;
    background-color: #fff;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.60s;
    -o-transition: 0.60s;
    transition: 0.60s;
    overflow-y: auto;
    display: block;
  }

  .block-nav-setting.has-open {
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.60s;
    -o-transition: 0.60s;
    transition: 0.60s;
  }

  .site-header .block-nav-categori .ui-categori .toggle-submenu:before {
    content: "\f104";
    position: absolute;
    left: 0;
  }

  .site-header .block-nav-categori .ui-categori li a {
    display: block;
  }

  .site-header .block-nav-menu .ui-menu .toggle-submenu:before {
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: var(--fontSize_2);
  }

  .header-opt-2 .container .row {
    justify-content: center;
  }

  .site-header .block-nav-menu .ui-menu li.col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-main {
    order: 2;
  }

  .col-sidebar {
    order: 1;
  }

  .col-sidebar .block-sidebar.block-sidebar-categorie {
    display: block;
  }

  .col-sidebar .block-sidebar.block-sidebar-categorie strong i {
    display: block;
  }

  .block-filter .block-content .filter-options-title {
    padding-left: 20px;
    padding-right: unset;
  }

  .block-filter .block-content .filter-options-title:after {
    content: "\f104";
    left: 0;
    right: unset;
  }

  div.checklist {
    height: 100px !important;
  }

  .block-floor-products-opt2 .block-title .title {
    background-image: unset;
    padding-left: 9px;
  }

  .block-floor-products-opt2 .block-title .title .dropdown.box_category {
    display: block;
  }

  .site-header .block-nav-categori .ui-categori .toggle-submenu {
    margin-left: 15px;
  }
}

@media (min-width: 992px) {
  .col-md-offset-1 {
    margin-right: 8.33333333%;
    margin-left: unset;
  }

  .col-md-offset-2 {
    margin-right: 16.66666667%;
    margin-left: unset;
  }

  .col-md-offset-3 {
    margin-right: 25%;
    margin-left: unset;
  }
}

/* ------------------- START: IS EXIST FILTER ---------------------- */
.filter-options-exist input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  display: none;
}

.filter-options-exist label {
  cursor: pointer;
  text-indent: -9999px;
  width: 50px;
  height: 26px;
  background: #ababab;
  display: block;
  border-radius: 100px;
  position: relative;
}

.filter-options-exist label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 2px;
  width: 21px;
  height: 21px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}

.filter-options-exist input:checked+label {
  background: var(--theme-deafult);
}

.filter-options-exist input:checked+label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}

.filter-options-exist label:active:after {
  width: 30px;
}

/* ------------------- END: IS EXIST FILTER ------------------------ */
/* ------------------- END: Range Slider ------------------------ */
.catalog-view_op1 .irs--round .irs-from,
.catalog-view_op1 .irs--round .irs-to,
.catalog-view_op1 .irs--round .irs-single,
.catalog-view_op1 .irs--round .irs-bar {
  background-color: var(--theme-deafult);
  color: var(--textColorLight)
}

.catalog-view_op1 .irs--round .irs-from:before,
.catalog-view_op1 .irs--round .irs-to:before,
.catalog-view_op1 .irs--round .irs-single:before {
  border-top-color: var(--theme-deafult)
}

.catalog-view_op1 .irs--round .irs-handle {
  border-color: var(--theme-deafult);
  background-color: var(--textColorLight);
  box-shadow: 0 1px 3px var(--theme-deafult)4d;
}

/* ------------------- START: Range Slider ------------------------ */
/* ------------------- START: PROPERTY FILTERS --------------------- */
.block-filter .block-content .filter-options-peroperty .title {
  font-size: var(--fontSizeNormal);
  color: var(--textColorDark);
  margin-bottom: 5px;
  line-height: 25px;
  padding-left: 20px;
  padding-right: unset;
  cursor: pointer;
  position: relative;
}

.block-filter .block-content .filter-options-peroperty .title[aria-expanded=true] {
  color: var(--theme-deafult);
}

.block-filter .block-content .filter-options-peroperty .title[aria-expanded=true]:after {
  content: "\f107";
}

.block-filter .block-content .filter-options-peroperty .title:after {
  content: "\f104";
  left: 0;
  font-family: "FontAwesome";
  display: block;
  line-height: 25px;
  position: absolute;
  top: 0;
  width: 20px;
}

/* ------------------- END: PROPERTY FILTERS --------------------- */
/* ------------------- START: INPUTS ----------------------------- */
input[type=tell],
input[type=email],
input[type=postalcode],
input[type=password] {
  direction: ltr
}

input.invalid,
textarea.invalid,
select.invalid {
  box-shadow: 0px 3px 10px -6px #ff0000, 0px 5px 10px 0px #fff;
}

/* ------------------- END: INPUTS ----------------------------- */
/* ------------------- START: CHOSEN FOR CITY ------------------ */
.address_container .chosen-container-single .chosen-single {
  border: 1px solid #ececec;
  border-radius: unset;
  background: unset;
  box-shadow: unset;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center left 11px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/arrow-select.png);
  padding-left: 22px;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
}

.address_container .chosen-container {
  font-family: inherit !important;
  font-size: 1rem;
}

.address_container .chosen-container-single .chosen-single span {
  margin-right: unset;
}

.address_container .chosen-container-single .chosen-search input[type="text"] {
  padding: 4px 5px 4px 5px;
  height: calc(1.5em + .75rem + 2px);
}

.address_container .chosen-container.chosen-container-active:not(.chosen-with-drop) .chosen-drop {
  display: none;
  left: unset
}

.address_container .chosen-container .chosen-results li {
  padding: 10px 10px;
}

.address_container .chosen-container .chosen-results li.highlighted {
  background-color: #c1c1c1;
  background-image: unset;
  color: inherit;
}

/* ------------------- END: CHOSEN FOR CITY ------------------ */
/* ------------------- START: Compare ------------------------ */
#compare_elm {
  position: fixed;
  background-color: #e4e4e4;
  bottom: 30px;
  right: 0;
  left: 0;
  width: max-content;
  margin: 0 auto;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 0 10px -3px black;
  font-size: var(--fontSize_2);
  font-weight: 600;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}

#compare_elm #count {
  text-align: center;
  border-radius: 5px;
  box-shadow: inset 0 0 5px -2px black;
  width: 24px;
  height: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding-top: 3px;
}

#compare_elm i {
  padding: 5px 8px 5px 5px;
  cursor: pointer;
  transition: all .5s;
}

#compare_elm i:hover {
  text-shadow: 0 0 2px black;
  transform: scale(1.2);
}

.table-compare tr.head_image .btn_delete {
  background-color: #c3c3c3ab;
  width: 25px;
  height: 25px;
  left: 10px;
  padding-top: 3px;
  font-size: var(--fontSize_2);
  color: #313131;
  cursor: pointer;
  opacity: .6;
  transition: all 0.3s;
}

.table-compare tr.head_image .btn_delete:hover {
  opacity: 1;
}

.table-compare td.compare-label {
  width: 15vw;
  min-width: 120px;
  font-weight: 600;
}

.table-compare td, .table-compare th {
  width: 20vw;
  min-width: 250px;
}

/* ------------------- END: Compare -------------------------- */
/* ------------------- Start: Product Options ---------------- */
.product_options {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}

.product_options input {
  display: none;
}

.product_options .item {
  display: flex;
  align-items: center;
  align-items: flex-start;
  margin-top: 10px;
}

.product_options .item>div:not(.title) {
  /* margin-right: 7px;
    margin-left: 7px; */
  display: flex;
  flex-wrap: wrap;
}

.product_options .title {
  font-weight: 600;
  text-align: center;
  min-width: 60px;
  align-self: center;
}

.product_options label {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  outline: #fff 2px solid;
  margin: 5px 0;
  position: relative;
  transition: .3s all;
}

.product_options label:hover {
  outline: #bbbbbb 2px solid;
  border: 1px solid #fff;
  opacity: 1 !important;
}

.product_options .color label {
  justify-content: start;
}

.product_options .color_box {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #b9b9b9;
}

.product_options .size label,
.product_options .service label {
  padding-right: 12px;
  padding-left: 12px;
}

.product_options label div {
  margin: 0 5px;
}

.product_options input[type='radio']:checked~label {
  outline: #64c528 2px solid;
  border-color: #fff;
  opacity: 1;
}

.product_options input[type='radio']:checked~label::before {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: var(--fontSizeNormal);
  color: #272727;
  position: absolute;
  top: -5px;
  right: -5px;
}

.product_options label.enable {
  outline: #37bfff 2px solid;
  border-color: #fff;
}

.product_options label:not(.enable) {
  opacity: 0.6;
}

.product_options label.opacity1 {
  opacity: 1;
}

.modal-dialog .product_options,
.compare_table .product_options {
  flex-direction: row;
  justify-content: space-evenly;
}

.modal-dialog .product_options .item,
.compare_table .product_options .item {
  margin-left: 10px;
  flex-direction: column;
  align-items: flex-start;
}

.modal-dialog .product_options .item>div:not(.title),
.compare_table .product_options .item>div:not(.title) {
  flex-direction: column;
}

@media (max-width:768px) {
  .product_options {
    flex-direction: row;
    justify-content: space-evenly;
  }

  .product_options .item {
    margin-left: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .product_options .item>div:not(.title) {
    flex-direction: column;
  }
}

/* ------------------- End: Product Options ------------------ */
/* ------------------- START: Product List Colors ------------ */
.colors {
  position: absolute;
  bottom: 0;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  height: fit-content;
}
.colors.left {
  right: unset;
  left: 15px;
}
.colors .color {
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #b3b3b3;
  margin-top: 3px;
}
.colors .color.more {
  background: linear-gradient(#8f8f8f 0 0), linear-gradient(#8f8f8f 0 0);
  background-position: center;
  background-size: 50% 1px,1px 50%;
  background-repeat: no-repeat;
}
/* ------------------- END: Product List Colors -------------- */
/* ------------------- START: IrExpertLogo ------------------ */
#maher_cp {
  padding: 10px 0;
}

#maher_cp a {
  outline: none !important;
  text-decoration: none !important;
}

.maher_group img {
  filter: grayscale(100%);
  opacity: 0.7;
  transition: 0.35s;
  height: 18px;
}

.maher_group:hover img {
  filter: grayscale(0%);
  transition: 0.35s;
  opacity: 1;
  height: 24px;
}

.maher_group a.before {
  color: #8c8c8c;
  font-weight: bold;
  transition: 0.35s;
  transition-timing-function: ease;
  transition-timing-function: ease;
  transition-timing-function: ease-in-out;
  transform: translate(-150px, -9px);
  display: inline-block;
  font-size: 7.5pt;
}

.maher_group {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 34px;
}

.maher_group.align-left {
  justify-content: flex-end;
}

.maher_group.align-left .img {
  order: 2;
}

.maher_group:hover a.before {
  transform: translate(6px, -9px);
  transition: 0.35s;
  transition-delay: 0.8s;
  transition-timing-function: ease;
}

.maher_group a.after {
  font-size: 7pt;
  color: #8c8c8c;
  position: absolute;
  left: 28px;
  bottom: 10px;
  transition: 0.35s;
}

.maher_group.align-left a.after {
  left: 28px;
}

.maher_group.align-right a.before {
  transform: translate(150px, -9px);
}

.maher_group.align-left a.before {
  transform: translate(-150px, -9px);
}

.maher_group.align-right:hover a.before {
  transform: translate(-5px, -9px) !important;
}

.maher_group.align-left:hover a.before {
  transform: translate(6px, -9px) !important;
}

.maher_group.align-right a.after {
  right: 28px;
}

.maher_group:hover a.after {
  bottom: 2px;
  transition: 0.2s;
  font-size: 7.8pt;
}

/* ------------------- END: IrExpertLogo ------------------ */