body {
  color: #808080;
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.6px;
  position: relative;
}

.page-container {
  background-color: #fff;
}

:focus {
  outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
}

/* default font size */
.fa {
  font-size: 14px;
}

.fa-stack {
  width: 12px;
  font-size: 12px;
}

.fa-stack .fa {
  font-size: 12px;
}

/* Override the bootstrap defaults */
h1 {
  font-size: 33px;
}

h2 {
  font-size: 27px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 10.2px;
}

a {
  color: #292929;
}

a:hover {
  text-decoration: none;
}

legend {
  font-size: 18px;
  padding: 7px 0px;
}

label {
  font-size: 15px;
  font-weight: 500;
  color: #262626;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #262626;
}

select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
  font-size: 15px;
  border-radius: 12px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
  font-size: 15px;
}

.input-group .input-group-addon {
  font-size: 13px;
  height: 30px;
}

/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
  display: inline-block !important;
}

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

div.required .control-label:before {
  content: "* ";
  color: #f00;
  font-weight: bold;
}

/* Gradent to all drop down menus */
.dropdown-menu li>a:hover {
  text-decoration: none;
  color: #888;
}

/* top */
#top {
  letter-spacing: 0.5px;
  text-transform: initial;
  border-bottom: 1px solid #1f1f1f;
}

#top .container {
  padding-left: 30px;
  padding-right: 30px;
}

.social-block {
  margin-top: 22px;
  margin-left: 12px;
  float: left;
}

.social-block ul {
  padding: 0px;
  margin: 0;
  line-height: 20px;
}

.social-block ul li {
  display: inline-block;
  text-align: left;
  margin: 0;
  margin-right: 8px;
}

.social-block ul li a {
  display: inline-block;
  line-height: 28px;
  height: 100%;
}

.social-block ul li a span {
  display: none;
  background-color: #000;
}

.social-block ul li a:before {
  font-size: 16px;
  font-family: "FontAwesome";
  display: inline-block;
  font-weight: 400;
  height: 30px;
  width: 30px;
  padding-top: 2px;
  color: #ffffff;
  line-height: 30px;
}

.social-block ul li a:hover:before {
  color: #275E44;
}

.social-block ul li.facebook a:before {
  content: "\F09A";
}

.social-block ul li.twitter a:before {
  content: "\F099";
}

.social-block ul li.rss a:before {
  content: "\F09E";
}

.social-block ul li.youtube a:before {
  content: "\F16A";
}

.social-block ul li.pinterest a:before {
  content: "\F231";
}

.social-block ul li.instagram a:before {
  content: "\F16D";
}

.bottomfooter .social-block ul li {
  padding: 0;
}

#top-links span {
  text-transform: capitalize;
}

#form-currency .currency-select {
  text-align: left;
  width: 100%;
}

#form-currency .currency-select:hover {
  text-shadow: none;
  color: #262626;
  background-color: #fff;
}

#form-language .dropdown-menu,
#form-currency .dropdown-menu {
  padding: 8px 8px;
  left: auto;
  right: 0;
  margin: 0;
  top: 35px;
  border: 1px solid #ededed;
}

#form-language .dropdown-menu .btn,
#form-currency .dropdown-menu .btn {
  font-size: 13px;
  padding: 8px 15px;
  display: block;
  color: #000;
  float: left;
  width: 100%;
  margin: 0;
  text-align: left;
}

#form-language .dropdown-menu>li>.btn:hover,
#form-currency .dropdown-menu .btn:hover {
  color: #275E44;
}

header .btn-link,
header li,
header a {
  text-decoration: none;
}

header li {
  list-style: none;
}

/* header cms start*/

.headertopright {
  float: right;
  position: relative;
  z-index: 999;
}

#form-language img {
  vertical-align: inherit;
  padding-right: 3px;
}

/*--------------------------  Start Home page Header Nav CMS Block -------------------------------*/

#cznavcmsblock {
  padding: 11px 20px 8px 20px;
  float: right;
  position: relative;
  cursor: pointer;
}

#cznavcmsblock .block_title {
  font-size: 13px;
  font-weight: 400;
  color: #a6a6a6;
  letter-spacing: 0.5px;
  z-index: 9;
  margin: 0px;
  line-height: 20px;
}

#cznavcmsblock .block_title:hover {
  color: #275E44;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#cznavcmsblock .block_title[aria-expanded="true"] {
  color: #275E44;
}

#cznavcmsblock .navbar-toggler.collapse-icons .fa-icon:before {
  font-size: 14px;
  line-height: 18px;
}

#cznavcmsblock .navbar-toggler {
  padding: 0 0px 0px 5px;
  display: inline-block;
  width: auto;
  height: auto;
}

#cznavcmsblock .navbar-toggler.collapse-icons .fa-icon {
  height: auto;
  line-height: 12px;
}

#cznavcmsblock .navbar-toggler.collapse-icons .fa-icon:before {
  font-size: 14px;
  line-height: 18px;
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
}

#cznavcmsblock .navbar-toggler.collapse-icons .fa-icon.add:before {
  content: "\F107";
}

#cznavcmsblock .navbar-toggler.collapse-icons .fa-icon.remove:before {
  content: "\F106";
}

#cznavcmsblock .collapse-icons .remove {
  display: none;
}

#cznavcmsblock .block_title[aria-expanded="true"] .collapse-icons .remove {
  display: block;
}

#cznavcmsblock .block_title[aria-expanded="true"] .collapse-icons .add {
  display: none;
}

#cznavcmsblock .collapse ul.block_content {
  display: none;
}

#cznavcmsblock ul.block_content {
  margin: 0;
  padding: 0;
  list-style: none;
}

#cznavcmsblock .collapse.in ul.block_content {
  display: block;
}

#cznavcmsblock #block_cznavcmsblock_toggle {
  background: #ffffff;
  position: absolute;
  left: auto;
  right: 0;
  top: 40px;
  border: 1px solid #ededed;
  padding: 5px;
  z-index: 999;
  min-width: 160px;
  text-align: left;
  list-style: none;
}

#cznavcmsblock ul.block_content li a {
  display: block;
  padding: 5px 10px;
  clear: both;
  font-weight: 400;
  color: #777777;
  white-space: nowrap;
}

#cznavcmsblock ul.block_content li a:hover {
  color: #275E44;
}

#cznavcmsblock span.img {
  font-size: 15px;
  padding-right: 9px;
}

#cznavcmsblock span.img i.fa.fa-whatsapp {
  color: #25d366;
}

#cznavcmsblock span.img i.fa.fa-skype {
  color: #00aff0;
}

@media (max-width: 991px) {
  #cznavcmsblock {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
  }

  #cznavcmsblock .block_title {
    background: url(../image/codezeel/nav-icon.png) no-repeat scroll center -368px transparent;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
  }

  #cznavcmsblock .block_title:hover,
  #cznavcmsblock .block_title[aria-expanded="true"] {
    background-position: center -436px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }

  #cznavcmsblock .navbar-toggler.collapse-icons .fa-icon:before {
    display: none;
  }

  #cznavcmsblock #block_cznavcmsblock_toggle {
    top: 35px;
  }
}

@media (max-width: 380px) {
  #cznavcmsblock {
    margin-right: 0;
  }
}

/*********************************** Header CMS block   ******************************************/

@keyframes mymove {
  0% {
    color: #000000;
  }

  25% {
    color: #ffffff;
  }

  50% {
    color: #000000;
  }

  75% {
    color: #ffffff;
  }

  100% {
    color: #000000;
  }
}

#top .navcms {
  float: left;
  padding: 7px 0px 7px;
}

#top .navcms:hover {
  color: #ffffff;
}

#top-links li,
.header-search li {
  padding: 0;
  list-style: none;
}

header .btn-link:hover,
header .btn-link:focus,
#top-links a:hover,
#top-links a:focus {
  color: #275E44;
  text-decoration: none;
}

#top-links .dropdown-menu a {
  text-shadow: none;
}

#top-links .dropdown-menu a:hover,
#top-links .dropdown-menu a:focus {
  color: #275E44;
}

#top .btn-link strong {
  font-weight: normal;
}

#top-links {
  padding-top: 0px;
  float: right;
}

#top-links a+a {
  margin-left: 15px;
}

#top-links ul.list-inline {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}

#top-links ul.list-inline li {
  padding: 0 15px 0 8px;
  font-weight: 300;
}

.lang-curr {
  float: left;
  padding: 8px 0px 8px 0;
}

.lang-curr .pull-left {
  padding-right: 0;
  width: 100%;
  border-top: 1px solid #ededed;
  text-align: left;
}

.lang-curr .pull-left ul {
  padding: 0px;
}

.lang-curr .pull-left li {
  display: inline-block;
  vertical-align: top;
}

#form-currency .currency-menu li .btn-link:hover,
#form-language .language-menu li .btn-link:hover {
  color: #275E44;
  border-color: #275E44;
}

#form-currency .currency-menu .btn-link {
  border: 1px solid #ededed;
  padding: 4px 12px !important;
}

#form-currency .currency-menu li .btn-link,
#form-language .language-menu li .btn-link {
  padding: 0px 15px 0px 0px;
  font-weight: normal;
  color: #262626;
  text-transform: capitalize;
  line-height: initial;
  font-size: 14px;
  display: block;
  margin: 5px 0px 5px;
}

.lang-curr .fa {
  padding-left: 3px;
  font-size: 13px;
}

#form-language,
#form-currency {
  padding: 0px;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-top: 10px;
}

#form-currency {
  margin-bottom: 2px;
}

.fa-caret-down {
  vertical-align: middle;
  color: #b2b2b2;
  margin: 0 0 0 2px;
}

#form-currency .btn-link,
#form-language .btn-link {
  padding: 3px 0;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
  text-decoration: none;
  color: #000000;
  border: none;
  float: none;
  font-family: "Roboto", sans-serif;
}

#form-currency .btn-link.dropdown-toggle,
#form-language .btn-link.dropdown-toggle {
  padding: 0;
}

#form-language .btn-link.dropdown-toggle:after {
  content: "";
  border-right: 1px solid #1f1f1f;
  right: -23px;
  top: 3px;
  bottom: 0;
  position: absolute;
  height: 15px;
  margin: auto 0;
}

#form-currency .btn-link:hover,
#form-language .btn-link:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.headertopright .text2 a:hover {
  color: #275E44;
}

#form-currency .btn-link strong {
  font-weight: normal;
  color: #000000;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#form-currency .btn-link:hover strong {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.dropdown.myaccount a {
  color: #a6a6a6;
}

.dropdown.myaccount .fa {
  padding-left: 5px;
  font-size: 15px;
  display: none;
}

.dropdown.myaccount {
  float: right;
  vertical-align: top;
  position: relative;
  margin-top: 10px;
  margin-left: 22px;
  margin-right: 22px;
  z-index: 9;
}

.dropdown.myaccount:hover a {
  color: #275E44;
}

.dropdown.myaccount .myaccount-menu {
  margin-top: 0px;
  min-width: 265px;
  top: 59px;
  padding: 10px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}

.dropdown.myaccount .myaccount-menu li a {
  font-size: 14px;
  padding: 6px 0px;
  display: block;
  font-weight: normal;
  color: #262626;
  float: left;
  width: 100%;
  margin: 0 0 2px;
  text-align: left;
  text-transform: capitalize;
  line-height: initial;
}

.dropdown.myaccount .myaccount-menu li:last-child a {
  border: none;
}

.dropdown.myaccount .myaccount-menu li a:hover {
  color: #275E44;
}

.wishlist-info {
  position: relative;
  float: left;
  padding: 13px 20px 12px 20px;
}

.wishlist-info a:hover {
  color: #275E44;
}

.wishlist-info a {
  color: #a6a6a6;
}

.wishlist-info:after {
  content: "";
  border-right: 1px solid #4c5a7d;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  height: 18px;
  margin: auto 0;
}

/* logo */
.header-logo {
  text-align: center;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
}

.header-search {
  float: left;
}

.header-cart {
  text-align: center;
  position: relative;
  float: right;
  width: auto;
  z-index: 9;
  margin-top: 14px;
  padding: 0px;
}

#cart .dropdown-toggle {
  background: none;
  border: 0;
  position: static;
  padding-right: 0px;
  padding: 0px;
}

#cart .dropdown-toggle:hover {
  color: #275E44;
  background-position: 0px -274px;
}

.header-main {
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
  clear: both;
  margin: 16px 0px 16px;
}

header {
  position: relative;
  min-height: 160px;
}

/* header:before {
    content: "";
    background: url(../image/codezeel/header-bkg.jpg) no-repeat scroll center 3px transparent;
    height: 1120px;
    width: 516px;
    position: absolute;
    left: 0px;
    top: -41px;
    z-index: -1;
} */
.col-sm-3.sort {
  width: 33.1%;
  padding: 0;
}

.searchbar .col-sm-3.sort {
  padding: 0 15px;
  width: 25%;
}

.headertopright .text2 {
  color: #f5f5f5;
  display: inline-block;
}

.headertopright .text2 a {
  color: #f5f5f5;
}

.headertopright .text2-dec {
  display: inline-block;
  padding-right: 5px;
}

.col-sm-3.sort select.form-control {
  padding: 10px 33px;
  height: 40px;
  text-transform: capitalize;
  background-color: #fff;
  color: #262626;
  border: none;
  overflow: hidden;
  border-radius: 20px 0 0 20px;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -khtml-border-radius: 20px 0 0 20px;
  left: 15px;
}

.header-logo #logo {
  padding: 0;
  text-align: center;
}

/* header cms block */

.header-cms-block {
  float: left;
  width: auto;
  position: relative;
  z-index: 8;
  margin: 12px 0px 0px;
}

.header-cms-block .contact-link span.call-text {
  position: relative;
  padding-right: 15px;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0.4px;
  font-family: 'Open Sans', sans-serif;
  cursor: auto;
}

.header-cms-block .contact-link span.call-text:before {
  content: ":";
  position: absolute;
  right: 5px;
  top: -4px;
  font-size: 18px;
}

.header-cms-block a.call-number {
  color: #333333;
  letter-spacing: 0.4px;
}



/* search */
/* #search {
  float: right;
  width: auto;
  padding: 0px;
  margin: 5px 0 0;
  z-index: 9;
}

#search .input-lg {
  text-transform: capitalize;
  font-size: 14px;
  background: #f0f0f0;
  color: #262626;
  letter-spacing: 0.4px;
  display: inline-block;
  width: 100%;
  font-weight: 300;
  padding: 10px 38px 10px 15px;
  height: 40px;
  border: 0px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #a5a0a0;

}

#search .btn-lg {
  right: 0;
  padding: 0px;
  border: 0;
  height: 40px;
  font-size: 0px;
  width: 40px;
  transition: none;
  background-image: url(../image/codezeel/search.svg);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
  background-color: transparent;
  top: 0;
} */



/* дабл */

#search {
  /* float: right; */
  width: auto;
  padding: 0px;
  /* margin: 5px 0 0; */
  z-index: 9;
  margin: auto;
}

#search .input-lg {
  text-transform: capitalize;
  font-size: 14px;
  background: #fff;
  color: #262626;
  letter-spacing: 0.4px;
  display: inline-block;
  width: 100%;
  font-weight: 300;
  padding: 10px 38px 10px 15px;
  height: 40px;
  border: 0px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #a5a0a0;
  min-width: 300px;
}


#search .btn-lg {
  right: -87px;
  padding: 0px;
  border: 0;
  height: 40px;
  font-size: 0px;
  width: 40px;
  transition: none;
  background-image: url(../image/codezeel/search.svg);
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
  background-color: transparent;
  top: 0;
}





#searchbox {
  padding-top: 6px;
  background: #fff;
}



@media (max-width: 1000px) {
#searchbox {
  padding-top: 0px;
}
}


/* дабл */


#search .search_toggle {
  position: relative;
  background: #f0f0f0;
  z-index: 9;
  width: 210px;
  right: 0;
  display: block;
}

#search .search_button {
  display: none;
  font-size: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
  z-index: 9;
  height: 30px;
  width: 30px;
  transition: none;
  position: relative;
  background-image: url(../image/codezeel/search.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px;
  background-color: transparent;
}

#search .search_button:hover {
  transition: none;
  background-image: url(../image/codezeel/search-hover.svg);
}

#search .search_button.active {
  background-image: url(../image/codezeel/search-close.svg);
  background-size: 16px;
}

#search .search_button.active:hover {
  background-image: url(../image/codezeel/search-close-hover.svg);
}

#searchbox {
  position: relative;
}







/*#search .input-lg::-webkit-input-placeholder,
#search .input-lg::-moz-placeholder,
#search .input-lg::-moz-placeholder,
#search .input-lg::placeholder{ 
	color: #000000; 
}*/
#search .input-lg::placeholder {
  color: #888888;
}


#search .search_toggle .input-group-btn {
  display: block;
  width: auto;
  position: absolute;
  right: 0;
}

#search .search_toggle .btn-lg .fa {
  font-size: 0px;
  display: none;
}

#search .btn-lg:hover {
  background-image: url(../image/codezeel/search-hover.svg);
}

.show-result {
  overflow: hidden;
}

.header-search .show-result>li {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.product-search #content>p {
  margin-top: 10px;
}

header .dropdown.myaccount>a {
  display: block;
  font-size: 0px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-image: url(/image/ap/meteor-icons_user.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px;
  background-color: transparent;
  transition: none;
}

header .dropdown.myaccount>a:hover {
  /* color: #275E44; */
  background-image: url(../image/user.png);
}

header .dropdown.myaccount a:hover .fa,
header .dropdown.myaccount a:focus .fa {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.header-container {
  text-align: center;
  width: 100%;
  padding: 0;
  background: #fff;
}

.common-home .header-container {
  border-bottom: 0;
  background: #fff;
}

.header-container .row {
  margin: 0px;
}

.header-container.smaller {
  z-index: 999;
}

.header-logo img {
  max-width: 100%;
  text-align: center;
  display: inline;
}

.hed-right-top {
  position: relative;
  width: 100%;
  transition: all 300ms linear 0s;
  -webkit-transition: all 300ms linear 0s;
  -moz-transition: all 300ms linear 0s;
  -ms-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  margin: 0px;
  opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
}

.header-cart #cart:hover {
  transition: none;
  color: #275E44;
}

#cart {
  cursor: pointer;
  display: block;
}

#cart .cart_heading {
  text-decoration: none;
  padding: 0px;
  font-size: 0px;
  text-align: left;
  font-weight: 400;
  line-height: 26px;
  display: block;
  color: #000000;
  background-image: url(/image/ap/shopping-cart.svg);
  background-repeat: no-repeat;
  background-position: left 0px;
  background-size: 25px;
  background-color: transparent;
  height: 30px;
  width: 36px;
}

/* #cart:hover .cart_heading {
  color: #275E44;
  background-image: url(../image/codezeel/cart-hover.svg);
} */

#cart-total {
  color: #000000;
  text-transform: lowercase;
  display: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

#cart-quantity {
  color: #ffffff;
  background: #275E44;
  line-height: 18px;
  position: absolute;
  max-width: 20px;
  max-height: 20px;
  top: 1px;
  font-size: 14px;
  right: 0px;
  display: block;
  text-align: center;
  font-weight: 400;
  padding: 1px 6px;
  text-transform: lowercase;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

#cart>.btn .fa {
  display: none;
}

header #cart li a,
header #cart li {
  color: #000000;
  font-size: 15px;
  font-weight: 400;
}

#cart.open>.btn {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-shadow: none;
}

#cart .dropdown-menu {
  background: #fff;
  z-index: 1001;
}

#cart .dropdown-menu {
  width: 300px;
  padding: 5px 0;
  overflow: hidden;
  margin-top: 0px;
  top: 55px;
  position: absolute;
  z-index: 2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

#cart .dropdown-menu strong {
  font-weight: 500;
  color: #000000;
  font-size: 14px;
}

#cart .dropdown-menu li {
  float: none;
}

#cart .dropdown-menu li:first-child {
  /* max-height: 125px; */
  padding: 0px 7px 0 7px;
  overflow-y: auto;
  scrollbar-color: #999999 #dddddd;
  scrollbar-width: thin;
}

#cart ul.dropdown-menu li::-webkit-scrollbar {
  background: #ddd;
  width: 4px;
  height: 4px;
}

#cart ul.dropdown-menu li::-webkit-scrollbar-thumb {
  border: 4px solid #999;
}

#cart .dropdown-menu li+li {
  border-top: 1px solid #ededed;
  padding: 5px 10px 0 0px;
}

#cart .button-container {
  width: auto;
  float: right;
}

#cart .dropdown-menu table {
  margin-bottom: 10px;
  border: none;
}

#cart .dropdown-menu table td {
  border: none;
  background: none;
  padding: 5px 3px;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}

#cart .dropdown-menu table td.text-left small {
  font-weight: 400;
  font-size: 14px;
}

#cart .dropdown-menu table.total-table td {
  border: medium none;
}

#cart .dropdown-menu li p {
  margin: 20px auto;
  color: #000000;
}

.content-bottom>.container {
  width: 100%;
  background-color: #fff;
}

.common-home .alert {
  margin-bottom: 20px;
}

/* menu */

.nav-responsive {
  display: none;
}

@keyframes slide-down {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes fixedAnim {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@-moz-keyframes fixedAnim {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@keyframes fixedAnim {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@media (min-width: 992px) {
  .headertop-inner.fixed {
    background-color: #ffffff;
    color: #ffffff;
    position: fixed;
    top: 0;
    z-index: 99;
    animation: 0.9s ease 0s normal both 1 running fixedAnim;
    -webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;
    -moz-animation: 0.9s ease 0s normal both 1 running fixedAnim;
    -o-animation: 0.9s ease 0s normal both 1 running fixedAnim;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
    box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
  }
}

.headertop-inner.fixed .main-menu ul>li>a {
  margin-bottom: 9px;
  margin-top: 7px;
}

.headertop-inner.fixed .main-menu ul li ul .list-unstyled a {
  margin: 0px;
}

.headertop-inner.fixed #menu .dropdown .dropdown-menu {
  top: 60px;
}

@-webkit-keyframes fixedAnim {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@-moz-keyframes fixedAnim {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@keyframes fixedAnim {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@keyframes slide-down {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

.main-menu {
  height: auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  padding: 0px;
  display: none;
}

.main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu ul li .megamenu ul.list-unstyled {
  margin: 0px 0px 0px 20px;
}

#menu ul li .megamenu ul.list-unstyled:last-child {
  padding-right: 0px;
}

#menu>ul {
  display: block !important;
  text-align: left;
}

#menu ul {
  display: table-cell;
  float: none;
  list-style: outside none none;
  margin: 0;
  top: auto;
  text-align: center;
  padding-left: 0px;
}

.main-menu>ul>li {
  position: relative;
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  background-color: transparent;
}

.nav-responsive span,
.main-menu>ul>li>a {
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
  color: #000000;
  display: block;
  padding: 20px 20px;
  margin-bottom: 0px;
  z-index: 6;
  position: relative;
  text-transform: capitalize;
}

.main-menu ul>li>a,
.hiden_menu li>a {
  margin: 12px 0 18px;
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  display: block;
  letter-spacing: 0.4px;
  text-transform: initial;
  position: relative;
  width: auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  padding: 9px 28px 10px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  overflow: hidden;
  z-index: 1;
}

.main-menu>ul>li.top_level>a:hover:before {
  width: 100%;
}

.main-menu>ul>li.top_level>a:before,
.main-menu>ul>li.top_level>a:after {
  content: "";
  background-color: #275E44;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  top: 0;
  -webkit-clip-path: polygon(0 0, 0 90%, 90% 0);
  clip-path: polygon(0 0, 0 112%, 112% 0);
  z-index: -1;
  transition: all 0.3s;
  opacity: 0;
  filter: alpha(opacity=0);
}

.main-menu>ul>li.top_level>a:hover:before,
.main-menu>ul>li.top_level>a:hover:after {
  left: 0px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.main-menu>ul>li.top_level>a:after {
  left: 100%;
  -webkit-clip-path: polygon(100% 10%, 10% 100%, 100% 100%);
  clip-path: polygon(100% 10%, 10% 100%, 100% 100%);
}

.main-menu a:hover {
  text-decoration: none;
}

.main-menu>ul>li:hover>a {
  color: #275E44;
}

.main-menu>ul>li.top_level>a:hover {
  color: #ffffff;
}

.main-menu>ul>li:hover>ul {
  display: block;
}

.main-menu>ul>li ul>li>ul {
  display: none;
  background: #15bcf0;
  position: absolute;
  z-index: 5;
  padding: 5px;
  margin-left: -13px;
}

.main-menu>ul>li ul>li:hover>ul {
  display: block;
  top: 0px;
  left: 173px;
}

#menu ul.nav li .megamenu.column1 ul.list-unstyled>li.dropdown .dropdown-menu {
  display: none;
  left: 200px;
  padding: 15px 0;
  position: absolute;
  top: 0;
  border: 2px solid #e5e5e5;
}

.main-menu>ul>li ul>li>a {
  color: #262626;
  display: block;
  white-space: nowrap;
}

.responsive-menu .main-navigation li a {
  padding: 8px;
  color: #262626;
  display: block;
  white-space: normal;
}

#menu ul li .megamenu.column1 a {
  font-weight: 400;
}

#menu ul li .megamenu.column1 a:hover {
  color: #275E44;
  background: none;
}

.main-menu>ul>li ul>li>a {
  min-width: 165px;
}

.main-menu>ul>.dropdown ul>li>a,
.hiden_menu .top_level>a {
  color: #000000;
  font-size: 15px;
  padding: 0px 0 10px;
  margin: 0px 0 10px 0;
  font-weight: 500;
  text-align: left;
  text-transform: capitalize;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.6px;
  z-index: 0;
  overflow: initial;
}

.main-menu>ul>.dropdown ul>li>a:before {
  border-top: 1px solid #dddddd;
  bottom: 0px;
  content: "";
  float: left;
  height: 2px;
  position: absolute;
  width: 65%;
  left: 0px;
}

.main-menu ul li ul .list-unstyled a {
  font-weight: 400;
  color: #808080;
  text-transform: capitalize;
  padding: 2px 0;
  font-size: 14px;
  margin-bottom: 0;
}

.main-menu ul li ul .list-unstyled a:hover {
  color: #275E44;
}

#menu ul li .megamenu.column1 li>a,
.main-menu>ul>li>ul>ul>li>a {
  color: #808080;
  padding: 2px 0;
  text-transform: capitalize;
  font-size: 14px;
  margin: 0;
}

#menu ul li .megamenu.column1 li>a:before,
.main-menu ul li ul .list-unstyled a:before {
  display: none;
  margin-bottom: 0px;
}

#menu ul.nav li .megamenu.column1 ul.list-unstyled>li.dropdown:hover>.dropdown-menu {
  display: block;
}

#menu .nav li .list-unstyled .dropdown {
  float: left;
  margin: 0px 0px 0px 15px;
}

#menu .dropdown .dropdown-menu {
  padding: 16px 18px 15px 8px;
  background: #ffffff;
  top: 70px;
  z-index: 10000;
  border: 1px solid #ededed;
  opacity: 0;
  filter: alpha(opacity=0);
  transform-origin: 20% 20% 0;
  -ms-transform-origin: 20% 20% 0;
  -webkit-transform-origin: 20% 20% 0;
  -o-transform-origin: 20% 20% 0;
  -moz-transform-origin: 20% 20% 0;
  transition: all 500ms ease 0s;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -ms-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  display: block;
  text-align: left;
  overflow: hidden;
  visibility: hidden;
  -webkit-transform: scaleY(0.6);
  -ms-transform: scaleY(0.6);
  transform: scaleY(0.6);
}

#menu ul li.hiden_menu .dropdown-menu {
  opacity: 0;
  filter: alpha(opacity=0);
  display: block;
  transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -ms-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transform-origin: 20% 20% 0;
  -ms-transform-origin: 20% 20% 0;
  -webkit-transform-origin: 20% 20% 0;
  -o-transform-origin: 20% 20% 0;
  -moz-transform-origin: 20% 20% 0;
  visibility: hidden;
}

#menu ul.nav li .megamenu ul.list-unstyled li .dropdown-menu {
  border: medium none;
  margin: 0;
  padding: 0px;
  position: relative;
  box-shadow: none;
  top: 0;
}

#menu ul li.dropdown.more_menu .dropdown-menu {
  left: auto;
  right: 0;
  min-width: 190px;
}

#menu ul li .megamenu.column1,
#menu ul li.hiden_menu .dropdown-menu {
  padding: 10px 20px;
}

.hiden_menu .dropdown-menu {
  min-width: 215px;
}

#menu ul li .megamenu.column1 ul.list-unstyled {
  padding: 0;
}

#menu ul li .megamenu.column1 ul.list-unstyled li,
.hiden_menu li.top_level {
  float: left;
  padding: 0px;
  width: 100%;
}

#menu li.hiden_menu:hover .dropdown-menu.megamenu {
  display: none;
}

.hiden_menu .top_level>a {
  color: #262626;
}

@media (min-width: 768px) {

  #menu li:hover .dropdown-menu,
  #menu ul li.hiden_menu:hover .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@media (max-width: 767px) {
  #menu {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
  }

  #menu div.dropdown-inner>ul.list-unstyled {
    display: block;
  }

  #menu div.dropdown-menu {
    margin-left: 0 !important;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.1);
  }

  #menu .dropdown-inner {
    display: block;
  }

  #menu .dropdown-inner a {
    width: 100%;
    color: #fff;
  }

  #menu .dropdown-menu a:hover,
  #menu .dropdown-menu ul li a:hover {
    background: rgba(0, 0, 0, 0.1);
  }

  #menu .see-all {
    margin-top: 0;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    color: #fff;
  }
}

/* header menu slide function responsive css */

@media (max-width: 1920px) {
  body.menu-open {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
  }

  body.menu-open:before {
    content: "";
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: absolute;
    left: 300px;
    height: 100%;
    /* width: calc(100% - 300px); */
    width: auto;
    top: 0;
    z-index: 99999;
    overflow: hidden;
  }

  header .responsive-menu .main-navigation {
    position: fixed;
    z-index: 9999;
    margin-top: 0px;
    padding: 0px 10px 10px;
    width: 100%;
    height: 100%;
    max-height: initial;
    background-color: #ffffff;
    list-style: none;
    overflow: auto;
    left: -100%;
    top: 0;
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 8px 15px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 8px 15px 0 rgb(0 0 0 / 10%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  header .responsive-menu.open .main-navigation {
    left: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  header .responsive-menu.open .main-navigation .menu.expandable {
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
    top: 0px;
    background-color: #ffffff;
    cursor: pointer;
    position: sticky;
    z-index: 99;
  }

  header .responsive-menu.open .main-navigation .menu.expandable span {
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    font-weight: 500;
    color: #000000;
  }

  header .nav-responsive .expandable {
    position: absolute;
    left: -3px;
    top: -67px;
    width: 60px;
    height: 60px;
    display: block;
    background-image: url(../image/codezeel/444.svg);
    background-size: 42px;
    background-position: 8px 0px;
    background-color: transparent;
    background-repeat: no-repeat;
  }

  header .nav-responsive .expandable.open {
    background-image: url(../image/codezeel/menu-close2.svg);
    width: 20px;
    background-size: 17px;
    background-position: 0px 0px;
  }

  /* header .responsive-menu.open .main-navigation .menu.expandable span:after {
    content: "";
    background-position: left center;
    background-color: #ffffff;
    background-repeat: no-repeat;
    left: -5px;
    top: -6px;
    position: absolute;
    width: 17px;
    height: 46px;
    background-size: 15px;
    background-image: url(../image/codezeel/menu-close.svg);
  } */
}

/* end header menu slide function responsive css */

/*--------------------------  Start Home page Sub Banner Cms Block -------------------------------*/

#czsubbannercmsblock {
  float: left;
  width: 100%;
  margin: 40px 0px;
  clear: both;
  position: relative;
  overflow: hidden;
}

#czsubbannercmsblock .subbanners {
  margin: 0px -15px;
}

#czsubbannercmsblock .subbanners .one-half {
  width: 50%;
  float: left;
  padding: 0 15px;
  overflow: hidden;
}

#czsubbannercmsblock .subbanner {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
}

#czsubbannercmsblock .subbanner a.banner-anchor {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#czsubbannercmsblock .subbanner img {
  max-width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

#czsubbannercmsblock .subbanner:hover img {
  -webkit-transform: scale(1.09);
  -ms-transform: scale(1.09);
  transform: scale(1.09);
}

#czsubbannercmsblock .subbanner .subbanner-text {
  position: absolute;
  right: 50px;
  top: 40px;
  text-align: left;
  z-index: 2;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}

#czsubbannercmsblock .subbanner:hover .subbanner-text {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

#czsubbannercmsblock .subbanner .subbanner-text .offer-title {
  color: #1a1a1a;
  font-size: 26px;
  font-weight: 300;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0.3px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

#czsubbannercmsblock .subbanner .subbanner-text .main-title {
  font-size: 34px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 42px;
  padding: 12px 0 25px;
  letter-spacing: 0.3px;
  font-family: 'Open Sans', sans-serif;
}

#czsubbannercmsblock .subbanner .subbanner-text .main-title span {
  display: block;
}

#czsubbannercmsblock .subbanner .subbanner-text .sub-title {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.18px;
  color: #000;
  margin-top: 44px;
}

#czsubbannercmsblock .subbanner .subbanner-text .shopnow {
  margin-top: 18px;
}

#czsubbannercmsblock .subbanner .subbanner-text .shopnow a.shop-now {
  color: #ffffff;
  background-color: #000000;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  display: inline-block;
  vertical-align: top;
  padding: 9px 34px 10px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#czsubbannercmsblock .subbanner .subbanner-text .shopnow a.shop-now:hover {
  background-color: #275E44;
}

@media (max-width: 1459px) {
  #czsubbannercmsblock .subbanner .subbanner-text {
    top: 30px;
    right: 30px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .offer-title {
    font-size: 22px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .main-title {
    font-size: 28px;
    line-height: 35px;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .shopnow {
    margin-top: 8px;
  }
}

@media (max-width: 1199px) {
  #czsubbannercmsblock .subbanner .subbanner-text {
    top: 15px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .offer-title {
    font-size: 20px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .main-title {
    font-size: 25px;
    line-height: 32px;
    padding-top: 5px;
    padding-bottom: 15px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .shopnow a.shop-now {
    padding-top: 6px;
    padding-right: 22px;
    padding-bottom: 7px;
    padding-left: 22px;
  }
}

@media (max-width: 991px) {
  #czsubbannercmsblock {
    margin-top: 20px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .offer-title {
    font-size: 17px;
  }
}

@media (max-width: 991px) and (min-width: 576px) {
  #czsubbannercmsblock .subbanner .subbanner-text {
    top: 12px;
    right: 15px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .main-title {
    font-size: 20px;
    line-height: 28px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .shopnow a.shop-now {
    padding: 0px;
    background-color: transparent;
    text-decoration: underline;
    color: #000000;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .shopnow a.shop-now:hover {
    color: #275E44;
    text-decoration: none;
    background-color: transparent;
  }
}

@media (max-width: 767px) and (min-width: 576px) {
  #czsubbannercmsblock .subbanner .subbanner-text .offer-title {
    display: none;
  }
}

@media (max-width: 575px) {
  #czsubbannercmsblock {
    margin-bottom: 18px;
  }

  #czsubbannercmsblock .subbanners .one-half {
    width: 100%;
    margin-bottom: 15px;
  }
}

@media (max-width: 450px) {
  #czsubbannercmsblock .subbanner .subbanner-text {
    top: 12px;
    right: 15px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .offer-title {
    font-size: 16px;
    line-height: 22px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .main-title {
    font-size: 20px;
    line-height: 28px;
    padding-top: 0px;
    padding-bottom: 8px;
  }
}

@media (max-width: 380px) {
  #czsubbannercmsblock .subbanner .subbanner-text {
    top: 10px;
    right: 12px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .offer-title {
    font-size: 15px;
    line-height: 16px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .main-title {
    font-size: 17px;
    line-height: 22px;
    padding-top: 0px;
    padding-bottom: 3px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .shopnow {
    margin-top: 5px;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .shopnow a.shop-now {
    padding: 0px;
    background-color: transparent;
    text-decoration: underline;
    color: #000000;
  }

  #czsubbannercmsblock .subbanner .subbanner-text .shopnow a.shop-now:hover {
    color: #275E44;
    text-decoration: none;
    background-color: transparent;
  }
}

/*--------------------------  Start Home page Banner Cms Block -------------------------------*/

#czbannercmsblock {
  margin: 40px 0 30px;
  clear: both;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

#czbannercmsblock .cmsbanners {
  margin: 0px -15px;
}

#czbannercmsblock .one-half {
  float: left;
  width: 50%;
  padding: 0 15px;
  overflow: hidden;
}

#czbannercmsblock .cmsbanners .one-half .cmsbanner {
  position: relative;
  overflow: hidden;
  vertical-align: top;
  display: inline-block;
}

#czbannercmsblock .cmsbanners .one-half .cmsbanner img {
  max-width: 100%;
  -webkit-transition: all 800ms ease 0s;
  -moz-transition: all 800ms ease 0s;
  -o-transition: all 800ms ease 0s;
  transition: all 800ms ease 0s;
}

#czbannercmsblock .cmsbanners .one-half .cmsbanner:hover img {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition: all 800ms ease 0s;
  -moz-transition: all 800ms ease 0s;
  -o-transition: all 800ms ease 0s;
  transition: all 800ms ease 0s;
}

#czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text {
  position: absolute;
  text-align: left;
  right: 50px;
  top: 45px;
  left: auto;
  color: #ffffff;
  text-transform: capitalize;
  z-index: 1;
}

#czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.3px;
  color: #1a1a1a;
  display: inline-block;
  vertical-align: top;
}

#czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {
  font-size: 32px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 40px;
  padding-top: 15px;
  letter-spacing: 0.3px;
  font-family: 'Open Sans', sans-serif;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title span {
  display: block;
}

#czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow {
  margin-top: 38px;
}

#czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow a {
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  padding: 9px 34px 10px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background-color: #000000;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

#czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow a:hover {
  background-color: #275E44;
}

#czbannercmsblock .cmsbanners .one-half .cmsbanner a.banner-anchor {
  position: relative;
  display: block;
}

@media (max-width: 1459px) {
  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text {
    top: 35px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title {
    font-size: 23px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {
    font-size: 28px;
    line-height: 34px;
    padding-top: 8px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow {
    margin-top: 30px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text {
    top: 10px;
    right: 15px;
  }
}

@media (max-width: 991px) {
  #czbannercmsblock {
    margin-top: 35px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text {
    top: 10px;
    right: 15px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title {
    font-size: 20px;
  }
}

@media (max-width: 991px) and (min-width: 576px) {
  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {
    font-size: 18px;
    line-height: 26px;
    padding-top: 4px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow {
    margin-top: 10px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow a {
    padding: 0px;
    background-color: transparent;
    color: #000000;
    text-decoration: underline;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow a:hover {
    color: #275E44;
    text-decoration: none;
    background-color: transparent;
  }
}

@media (max-width: 767px) and (min-width: 576px) {
  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title {
    display: none;
  }
}

@media (max-width: 575px) {
  #czbannercmsblock {
    margin-bottom: 3px;
  }

  #czbannercmsblock .one-half {
    width: 100%;
    margin-bottom: 15px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow a {
    padding-top: 4px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 20px;
  }
}

@media (max-width: 450px) {
  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title {
    font-size: 18px;
    line-height: 20px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {
    font-size: 20px;
    line-height: 28px;
    padding-top: 2px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow {
    margin-top: 15px;
  }
}

@media (max-width: 380px) {
  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .offer-title {
    font-size: 16px;
    line-height: 18px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .main-title {
    font-size: 16px;
    line-height: 22px;
    padding-top: 0px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow {
    margin-top: 8px;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow a {
    padding: 0px;
    background-color: transparent;
    color: #000000;
    text-decoration: underline;
  }

  #czbannercmsblock .cmsbanners .one-half .cmsbanner .cmsbanner-text .shopnow a:hover {
    color: #275E44;
    text-decoration: none;
    background-color: transparent;
  }
}

/* Codezeel Category CSS */
.home_row.row {
  margin: 0px;
}

#column-left .box.category-left-box,
#column-right .box.category-left-box {
  margin-bottom: 30px !important;
}

.catgory-left {
  width: 24%;
  float: left;
  padding-right: 30px;
}

.category-left-box {
  border: 1px solid #e0e0e0;
  border-top: none;
  background: #ffffff;
  margin: 0 !important;
}

.category-left-box .box-content {
  display: block;
}

.category-left-box .box-content ul li a {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.category-left-box .box-content>ul>li:hover>a {
  padding-left: 15px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

#column-left .box.category-left-box .box-content {
  margin: 0;
  background: #ffffff;
}

#nav-one .dropdown:hover .dropdown-menu,
#nav-one .hiden_menu:hover .dropdown-menu {
  display: block;
}

#nav-one .hiden_menu .dropdown-menu li.dropdown .dropdown-menu {
  display: none;
}

#nav-one>li>.dropdown-menu {
  background: #fff none repeat scroll 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
  padding: 0 25px;
  left: 263px;
  top: 0;
  border: 3px solid #275E44;
}

#nav-one>li.dropdown:after,
#nav-one>li.hiden_menu:after {
  font-family: "FontAwesome";
  content: "\f105";
  font-size: 18px;
  position: absolute;
  right: 20px;
  top: 10px;
}

#nav-one>li.dropdown .column1 ul .dropdown:after {
  font-family: "FontAwesome";
  content: "\f105";
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 10px;
}

#nav-one>li.dropdown:hover:after,
#nav-one>li.hiden_menu:hover:after,
#nav-one>li.dropdown .column1 ul .dropdown:hover:after {
  color: #275E44;
}

#nav-one>li.hiden_menu>a {
  font-size: 12px;
  font-weight: 600;
  color: #262626;
}

#nav-one>li.hiden_menu>.dropdown-menu {
  padding: 22px;
}

.top_level.hiden_menu {
  position: relative;
}

#nav-one li .megamenu ul.childs_1:first-child {
  padding: 20px 2px;
}

#nav-one li ul {
  display: table-cell;
  float: none;
}

#nav-one ul {
  display: inline-block;
  float: none;
  margin: 0 auto;
  text-align: left;
}

#nav-one li .megamenu ul.list-unstyled li>a,
.hiden_menu .top_level a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-size: 13px;
  font-weight: 700;
  padding: 1px 8px;
}

#nav-one li .megamenu ul.list-unstyled li>a,
.hiden_menu .top_level a {
  width: 100%;
}

#nav-one>li ul>li>a {
  min-width: 188px;
}

#nav-one li .megamenu ul.list-unstyled li>a,
.hiden_menu .top_level a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  text-transform: uppercase;
}

#nav-one li .megamenu ul.list-unstyled li>a,
.hiden_menu .top_level a {
  width: 100%;
  color: #275E44;
  border: none;
  position: relative;
  padding-bottom: 15px;
}

#nav-one li .megamenu ul.list-unstyled li>a:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #dddddd;
  width: 50%;
  top: 30px;
  left: 0;
}

#nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li>a:after,
#nav-one li .megamenu.column1 ul.list-unstyled li>a:after {
  border: none;
}

#nav-one>li ul>li>a {
  min-width: 188px;
}

#nav-one li ul>li>a:hover,
.responsive-menu .main-navigation li a:hover {
  color: #275E44;
}

#nav-one li ul>li>a,
.responsive-menu .main-navigation li a {
  color: #000000;
  display: block;
  padding: 5px 8px;
  /* white-space: nowrap; */
  text-align: left;
  text-transform: capitalize;
}

#nav-one li .megamenu ul.list-unstyled li .dropdown-menu {
  background: #fff none repeat scroll 0 0;
  margin: 0;
  padding: 6px 0 0;
  position: relative;
  width: 220px;
  border: none;
}

#nav-one li ul {
  display: table-cell;
  float: none;
}

#nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li>a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #275E44;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  position: relative;
  text-transform: capitalize;
  padding-bottom: 10px;
  letter-spacing: 0.6px;
}

#nav-one li .megamenu ul.list-unstyled.childs_2 a {
  min-width: 145px;
}

#nav-one li .megamenu.column1 ul.childs_1 {
  border: medium none;
  padding: 22px 0;
}

#nav-one li .megamenu.column1 ul.list-unstyled li>a,
.hiden_menu .top_level>a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 26px;
  color: #808080;
  text-transform: none;
  padding: 2px 0;
  border: none;
  margin: 0;
}

#nav-one li .megamenu.column1 ul.list-unstyled>li.dropdown .dropdown-menu {
  display: none;
  left: 188px;
  padding: 10px;
  position: absolute;
  top: 0;
}

#nav-one li .megamenu.column1 ul.list-unstyled>li.dropdown:hover>.dropdown-menu {
  display: block;
  padding: 15px 30px;
  border: 1px solid #e5e5e5;
}

#nav-one li .megamenu.column1 ul.list-unstyled>li.dropdown:hover>.dropdown-menu ul {
  min-width: 190px;
}

#nav-one li .megamenu.column1 ul.list-unstyled li:hover>a,
#nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li:hover>a,
.hiden_menu .top_level:hover>a {
  color: #275E44;
}

.column_left_cms .box.last .list-group {
  border-bottom: medium none;
  margin-bottom: 0;
  padding: 4px 0 0;
}

.column_left_cms .box.last {
  margin-bottom: 0;
}

/* Codezeel Category CSS */

/* 1-col layout */

#column-left {
  width: 22.03%;
}

#column-right {
  width: 22.03%;
}

/* 2-col layout */

.layout-2.left-col #column-left {
  width: 22.02%;
}

.layout-2.right-col #column-right {
  width: 22.02%;
}

.layout-2 #content {
  width: 77.98%;
}

.layout-2.left-col #content {
  width: 77.98%;
}

.layout-2.right-col #content {
  width: 77.98%;
}

.layout-2 .content-bottom #content {
  width: 100%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

/* 3-col layout */
.layout-3 #column-left {
  width: 24%;
}

.layout-3 #column-right {
  width: 24%;
}

.layout-3 #content {
  width: 52%;
  padding-top: 5px;
}

/* content */
#content {
  min-height: 600px;
  padding-top: 0px;
  padding-bottom: 30px;
}

.common-home #content {
  padding: 0px;
  clear: both;
}

.common-home section.page-container.container:after {
  bottom: 7.5%;
}

/* footer */

.footerlogo {
  margin-bottom: 30px;
  max-width: 320px;
  min-height: 40px;
  cursor: pointer;
}

.footer-blocks #footerlogo .footerlogo img {
  max-width: 100%;
}

.footer-blocks #footerlogo .footerdesc {
  color: #b2b2b2;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
}

footer {
  margin-top: 0px;
  padding-top: 0px;
  color: #cccccc;
  position: relative;
  letter-spacing: 0.69px;
  background-color: #000000;
}

footer .footerbefore .container {
  background-color: #ffffff;
}

.footertop-cms.container {
  top: auto;
  padding-top: 0;
}

header .container {
  top: auto;
}

.headertop-inner {
  position: relative;
  float: left;
  width: 100%;
  clear: both;
}

.common-home .headertop-inner {
  border-bottom: 0;
}

footer a {
  color: #cccccc;
}

#footer .column li {
  margin-bottom: 7px;
  text-transform: initial;
  line-height: 28px;
  line-height: 1.5em;
}

#footer .column .contact-block ul {
  padding-left: 0;
}

#footer .column .contact-block ul li {
  margin-bottom: 5px;
  list-style: none;
  line-height: 28px;
}

#footer .column .contact-block ul li span {
  display: inline-block;
  vertical-align: top;
}

#footer .column li .fa.fa-envelope-o {
  font-size: 16px;
}

#footer .column li .fa {
  color: #275E44;
  height: 25px;
  margin-top: 5px;
  width: 25px;
  font-size: 18px;
  float: left;
}

footer a:hover,
footer a:focus {
  color: #275E44;
}

#footer .n.footerright {
  width: 24%;
  float: right;
  border: 0;
  padding-left: 70px;
}

#footer .column.contact-block {
  width: 50%;
  float: left;
  padding-right: 15px;
  padding-left: 0;
}

#footer .column.contact-block ul {
  padding: 0;
  list-style: none;
}

.newsletter {
  float: left;
  width: 100%;
}

.newsletter .box-heading {
  color: #ffffff;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  background-color: transparent;
}

.newsletter .news-subtitle {
  display: inline-block;
  vertical-align: top;
  text-transform: initial;
  margin-bottom: 20px;
}

.newsletter .newsright {
  width: 100%;
  float: left;
  text-align: left;
}

footer h5,
#footer .news-title {
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-transform: capitalize;
  margin: 0 0 42px 0;
  cursor: pointer;
  letter-spacing: 0.4px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
}

footer h5:before,
#footer .news-title:before {
  content: "";
  position: absolute;
  background-color: #275E44;
  width: 45px;
  height: 2px;
  bottom: -18px;
}

#footer .column.footerright .paiement_logo_block {
  float: left;
}

#footer .column.footerright .paiement_logo_block img {
  margin: 0 3px;
  /*filter: grayscale(100%);
    -webkit-filter: grayscale(100%);*/
}

#footer .column.footerright .paiement_logo_block img:hover {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}

#footer,
.bottomfooter .container {
  top: auto;
  margin-top: 0px;
  position: relative;
}

#footer #contact.col-sm-3.column .fa {
  clear: left;
  color: #fec107;
  float: left;
  font-size: 16px;
  margin-right: 10px;
  margin-top: 6px;
}

#footer #contact.col-sm-3.column .fa.fa-envelope {
  font-size: 12px;
  margin-top: 8px;
}

#footer #contact.col-sm-3.column {
  font-size: 14px;
}

#footer #contact.col-sm-3.column li a {
  background: none;
  padding: 0;
}

.address_content {
  overflow: hidden;
  padding-left: 45px;
  padding-right: 135px;
  background: rgba(0, 0, 0, 0) url("../image/codezeel/footer-icon.png") no-repeat scroll -8px 4px;
  margin-bottom: 35px;
}

#contact .phone {
  background: url(../image/codezeel/footer-icon.png) no-repeat scroll -6px -66px transparent;
  padding-left: 45px;
  margin-bottom: 35px;
  padding-top: 7px;
}

#contact .email {
  background: url(../image/codezeel/footer-icon.png) no-repeat scroll -6px -132px transparent;
  padding-left: 45px;
}

#footer .column {
  width: 32%;
}

#footer .column.footerleft {
  width: 35%;
}

#footer .footerright {
  width: 27%;
}

.newsletter .container {
  padding: 0;
}

#footer .column.footerleft .contact-block .desc {
  margin-bottom: 25px;
  line-height: 24px;
}

#footer .footerright .contact-block li span {
  display: flex;
}

#footer .footertop.column {
  width: 32%;
}

#footer #contact.column h5 {
  display: none;
}

#czfootercmsblock {
  margin-bottom: 0px;
  float: none;
}

#czfootercmsblock #footerlogo {
  margin: 0 auto;
  min-height: 58px;
  background: transparent url(../image/codezeel/footer-logo.png) no-repeat scroll center 8px;
}

#czfootercmsblock .footercms-inner {
  position: absolute;
  right: 30px;
  top: 0px;
}

#czfootercmsblock .footercms-inner .footercms {
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
}

#czfootercmsblock .footercms-inner .footercms img {
  max-width: 100%;
  margin-left: 10px;
}

.footer-blocks #czfootercmsblock .view-more {
  margin-top: 35px;
}

.footer-blocks #czfootercmsblock .footer-logo .h3 {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase !important;
  letter-spacing: 0.7px;
  margin-bottom: 18px;
}

#footer .column:last-child:after {
  border-right: 0px;
}

#contact ul,
#aboutcms ul {
  list-style: none;
  padding: 0;
}

#aboutcms h5 {
  display: none;
}

@media (max-width: 1199px) {
  .newsletter h5.news-title {
    font-size: 16px;
  }
}

.footer-logo {
  background: transparent url(../image/codezeel/footer-logo.png) no-repeat scroll 0 0;
  margin-bottom: 22px;
  max-width: 310px;
  min-height: 52px;
}

.newsletter label {
  display: none;
}

.newsletter .input-news {
  /* width: 100%;
    float: left;
    position: relative; */
  overflow: hidden;
}

.input-news .text-danger {
  border: 0;
  margin: 5px 0 0;
  padding: 0px 15px;
  position: relative;
  width: 100%;
  font-weight: 500;
}

.subscribe-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.newsletter .form-group {
  margin: 0;
  float: left;
  width: 100%;
  position: relative;
}

.newsletter #txtemail {
  padding: 8px 50px 8px 25px;
  font-weight: 400;
  height: 45px;
  border: 0;
  font-size: 14px;
  letter-spacing: 0.6px;
  color: #222222;
  background-color: #ebebeb;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

.newsletter .form-control::placeholder {
  font-weight: 400px;
}

.subscribe-btn .btn.btn-lg {
  margin-left: 0px;
  color: #ffffff;
  width: 45px;
  height: 45px;
  font-size: 0;
  border: 0;
  padding: 0;
  transition: none;
  background-image: url(../image/codezeel/newsletter-btn.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
  background-color: #ebebeb;
  border-radius: 25px;
}

.subscribe-btn .btn.btn-lg:hover {
  background-image: url(../image/codezeel/newsletter-btn-hover.svg);
}

#contact ul li,
.newsletter ul li {
  line-height: 22px;
}

#contact li.call-num {
  margin-top: 15px;
}

.categoryblock {
  padding-left: 11px;
  padding-right: 11px;
  float: left;
  width: 33.333%;
  margin-bottom: 22px;
}

.category-cms {
  width: 100%;
  float: left;
  padding-bottom: 15px;
  padding-top: 0px;
  margin-bottom: 2px;
}

.category-container {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.category-row {
  margin-left: -11px;
  margin-right: -11px;
}

#aboutcms li.content {
  line-height: 25px;
}

.cate-heading {
  text-transform: uppercase;
  font-size: 16px;
  color: #1e1f22;
  font-weight: 700;
  float: left;
  margin-bottom: 15px;
}

.category {
  padding: 0px 20px;
  border: 1px solid #e5e5e5;
  overflow: auto;
  display: block;
  background-color: #fff;
  min-height: 162px;
  overflow: hidden;
  position: relative;
}

.category .image {
  float: right;
}

.category .image img {
  backface-visibility: hidden;
  max-width: none;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  transition: all 400ms ease 0s;
  -webkit-transition: all 400ms ease 0s;
  -moz-transition: all 400ms ease 0s;
  -ms-transition: all 400ms ease 0s;
  -o-transition: all 400ms ease 0s;
}

.category:hover .image img {
  overflow: hidden;
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition: all 400ms ease 0s;
  -webkit-transition: all 400ms ease 0s;
  -moz-transition: all 400ms ease 0s;
  -ms-transition: all 400ms ease 0s;
  -o-transition: all 400ms ease 0s;
}

.cat-desc {
  float: left;
  padding-top: 24px;
}

#payement_logo_block_left {
  float: right;
}

.bottomfooter {
  padding: 18px 0px;
  border-top: 1px solid #2b2b2b;
  width: 100%;
}

.bottomfooter p.powered a {
  text-decoration: underline;
}

.bottomfooter p.powered a:hover {
  text-decoration: none;
}

#payement_logo_block_left img {
  margin: 0 10px 0 0;
  vertical-align: text-top;
  height: 17px;
}

.bottomfooter .container .row {
  margin: 0px;
}

.bottomfooter ul li {
  display: inline-block;
  padding: 0 12px;
}

.bottomfooter .list-unstyled {
  text-align: center;
  margin: 5px 0;
}

p.powered {
  float: left;
  margin: 0;
}

.footerbottom-cms {
  float: right;
}

.bottomfooter .paiement_logo_block {
  text-align: right;
}

.bottomfooter .paiement_logo_block img {
  margin: 0 0px 0px 8px;
  cursor: pointer;
}

/* alert */
.alert {
  padding: 8px 14px 8px 14px;
}

/* breadcrumb */

.common-home .wrap-breadcrumb {
  display: none;
}

.wrap-breadcrumb {
  position: relative;
  margin: 0px 0 35px;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  overflow: hidden;
  background: #eeeeee;
  float: left;
  clear: both;
}

.wrap-breadcrumb .breadcrumb {
  display: block;
  float: none;
  padding: 0px;
}

.breadcrumb {
  width: 100%;
  text-align: left;
  margin: 0;
}

.breadcrumb i:hover {
  color: #275E44;
}

.breadcrumb i {
  font-size: 15px;
  font-weight: 500;
  color: #292929;
}

.breadcrumb>li {
  position: relative;
  white-space: normal;
}

.breadcrumb>li+li:before {
  content: "";
  padding: 0;
}

.breadcrumb>li a {
  color: #292929;
}

.breadcrumb>li a:hover {
  text-decoration: underline;
  color: #275E44;
}

.pagination {
  margin: 0;
}

.row #content .breadcrumb {
  display: block;
}

/* buttons */
.buttons {
  margin: 1em 0;
  display: inline-block;
  width: 100%;
}

.contact-form .right .pull-right input.btn.btn-primary {
  font-size: 14px;
}

#product-product #tabs_info .pull-right #button-review {
  padding: 10px 30px;
  font-size: 14px;
}

.btn {
  padding: 6px 15px;
  font-size: 14px;
  border: 1px solid #e5e5e5;
}

.btn-xs {
  font-size: 9px;
}

.btn-sm {
  font-size: 10.2px;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 15px;
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover,
.dropdown-menu.myaccount-menu {
  text-transform: capitalize;
}

.btn-group>.btn-xs {
  font-size: 9px;
}

.btn-group>.btn-sm {
  font-size: 10.2px;
}

.btn-group>.btn-lg {
  font-size: 15px;
}

.btn-default {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

.btn-primary {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff;
  background-color: #275E44;
  border: 1px solid #275E44;
}

.btn-warning {
  color: #ffffff;
  background-color: #faa732;
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger {
  color: #ffffff;
  background: #d9534f;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-success {
  color: #ffffff;
  background-color: #5bb75b;
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info {
  color: #ffffff;
  background-color: #df5c39;
  background-image: linear-gradient(to bottom, #e06342, #dc512c);
  background-repeat: repeat-x;
  border-color: #dc512c #dc512c #a2371a;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-image: none;
  background-color: #df5c39;
}

.btn-link {
  border-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: #23a1d1;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.btn-inverse {
  color: #ffffff;
  background: #363636;
  border: none;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
  background-image: linear-gradient(to bottom, #262626, #111111);
}

/* list group */

.box .filterbox {
  border: medium none;
}

.list-group a {
  padding: 5px 0px;
  text-transform: capitalize;
  font-size: 13px;
}

#affiliate-login h3 {
  font-weight: 500;
}

.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
  color: #275E44;
}

.list-group-item.group-name {
  color: #262626;
  font-size: 15px;
  font-weight: 500;
  margin: 2px 0 6px;
  padding: 0 18px;
  line-height: 20px;
  text-transform: capitalize;
}

.filterbox .list-group-item {
  padding: 0px;
}

.filterbox a.list-group-item.group-name {
  margin: 14px 0 8px;
}

.filterbox .list-group-item .checkbox {
  margin-bottom: 5px;
}

.filterbox .panel-footer {
  padding: 0px;
  margin-bottom: 10px;
  border: medium none;
  background: #ffffff;
}

.filterbox .panel-footer #button-filter {
  color: #262626;
  background: none;
  border: 0;
  text-decoration: underline;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  padding: 0px;
}

.filterbox .panel-footer #button-filter:hover {
  color: #275E44;
  text-decoration: none;
}

/* carousel */
.carousel-caption {
  color: #ffffff;
}

.carousel-control .icon-prev:before {
  content: "\f053";
  font-family: FontAwesome;
}

.carousel-control .icon-next:before {
  content: "\f054";
  font-family: FontAwesome;
}

/* product list */
.product-thumb {
  margin-bottom: 20px;
  overflow: auto;
  background-color: #fff;
}

.product-thumb .image {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.product-thumb .image a {
  display: block;
}

.product-thumb .image img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.product-grid .product-thumb .image {
  float: none;
}

.product-layout.product-grid,
.product-layout.product-list {
  padding: 0px;
}

.product-layout.product-grid {
  /* width: 24.6%; */
  width: 19%;
  float: none;
  display: inline-block;
  vertical-align: top;
}

.product-layout.product-grid .product-block {
  margin: 15px 5px 15px 5px;
}

.product-layout.product-list {
  width: 100%;
}

.product-layout.product-list .product-block-inner {
  overflow: hidden;
}

.product-block .image_wrapper {
  position: relative;
  width: auto;
  overflow: visible;
  float: left;
}

.product-list .product-block {
  padding: 0;
  margin-bottom: 20px;
  margin-left: 13px;
  margin-right: 13px;
  overflow: hidden;
}



.alert-success .fa.fa-check-circle {
  margin-right: 5px;
}

@media (min-width: 768px) {
  .product-layout.product-list .product-block-inner .image_wrapper {
    float: left;
    width: 22.8%;
  }
}

.tooltip .tooltip-inner {
  background-color: #262626;
  color: #fff;
  font-size: 11px;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #262626 !important;
}

.product-thumb h4:hover {
  color: #275E44;
}

.product-thumb h4 {
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 8px;
  /* text-overflow: ellipsis; */
  width: 100%;
  /* overflow: hidden; */
  /* white-space: nowrap; */
  font-size: 15px;
  line-height: 20px;
  color: #262626;
  font-family: 'Open Sans', sans-serif;
}

.product-list .product-thumb h4 {
  padding-bottom: 8px;
  margin-bottom: 18px;
  display: block;
  text-transform: capitalize;
  position: relative;
}

.product-list .product-thumb h4:before {
  content: "";
  position: absolute;
  border-bottom: 1px solid #ededed;
  width: 150px;
  bottom: 0px;
}

.product-thumb h4:hover a {
  color: #275E44;
}

.product-thumb h4 a {
  color: #262626;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: initial;
  font-family: 'Open Sans', sans-serif;
  transform: scale(0.85, 1);
}









.product-list .product-thumb h4 a:hover,
header #cart li a:hover {
  color: #275E44;
}

.product-block .product-details {
  float: left;
  width: 100%;
  position: relative;
}

.product-thumb .caption {
  clear: both;
  float: left;
  width: 100%;
  position: relative;
  margin: 20px 0px 35px;
  background-color: #fff;
  text-align: left;
}

.product-layout.product-grid .product-details .saleback {
  display: none;
}

.product-layout.product-grid .product-details .percentsaving {
  display: none;
}

.account-wishlist table .text-center img {
  border: 1px solid transparent;
}

.product-thumb .rating {
  padding-bottom: 0px;
  line-height: normal;
  margin-top: 0px;
}

.product-thumb .percentsaving {
  z-index: 2;
  color: #ffffff;
  vertical-align: top;
  display: inline-block;
  padding: 2px 7px 0px;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  bottom: 22px;
  right: -5px;
  background-color: #275E44;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: none;
  display: none;
}

.product-thumb .percentsaving:before {
  content: "";
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #275E44;
  border-style: solid;
  border-width: 5px 0 0 6px;
  height: 0;
  right: 0px;
  position: absolute;
  top: -5px;
  width: 0;
  z-index: -1;
}

#column-left .product-thumb .percentsaving,
#column-right .product-thumb .percentsaving {
  display: none;
}

.product-list .product-thumb .percentsaving.list-save {
  right: 5px;
  top: 0px;
  display: block;
  position: absolute;
}

.product-list .product-thumb .percentsaving.grid-save,
.product-grid .product-thumb .percentsaving.list-save {
  display: none;
}

.fa-stack .fa {
  color: #d3d3d3;
}

.rating .fa-stack,
#review .fa-stack {
  font-size: 8px;
  width: 10px;
  height: 20px;
}

.rating .fa-star,
#review .fa-star,
.rating-wrapper .fa-star {
  color: #ffba00;
  font-size: 12px;
}

.rating .fa-star+.fa-star-o,
#review .fa-star+.fa-star-o,
.rating-wrapper .fa-star+.fa-star-o {
  color: #ffba00;
}

.fa-star-o:before {
  content: "\f005" !important;
}

.rating .fa-star.off,
.rating-wrapper .fa-star.off,
#review table .fa-star.off {
  color: #b5b5b5;
}

h2.price {
  margin: 0;
}

.product-layout.product-list .product-block .price {
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-thumb .price {
  vertical-align: middle;
  color: #000;
  font-weight: 800;
  margin-bottom: 0;
  font-size: 18px;
  padding: 0;
  line-height: 24px;
  letter-spacing: 0.5px;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}


@media (min-width: 360px) and (max-width: 532px){
.product-thumb h4 a {
  font-size: 13px!important;
}

.product-thumb .price {
    font-size: 14px!important;
}
}


.product-block:hover .price {
  /* opacity: 0; */
  filter: alpha(opacity=0);
}

.product-thumb .price-new {
  position: relative;
  margin-right: 4px;
}

.product-thumb .price-old {
  color: #999999;
  text-decoration: line-through;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.product-thumb .price-tax {
  color: #878787;
  display: none;
  font-size: 12px;
  width: 100%;
}

.product-list .product-thumb .price-tax {
  display: block;
  clear: both;
  line-height: 20px;
  margin-top: 3px;
}

#content h3.product-option {
  font-size: 16px;
}

.product-thumb .button-group {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=100);
  right: 10px;
  top: -30px;
  z-index: 8;
  text-align: center;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}

.product-block:hover .button-group {
  top: 8px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}

.product-grid .product-thumb .product-details .button-group {
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
}

.product-list .product-block:hover button.addtocart {
  background-color: #000000;
}

.product-list .product-thumb button.addtocart {
  background-color: #275E44;
}

.product-list .product-thumb button.addtocart {
  margin-top: 0px;
  background-color: #275E44;
  padding: 10px 25px;
  width: auto;
  border: #275E44;
  color: #ffffff;
  height: auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  min-width: 150px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

.product-list .product-thumb .button-group button.addtocart {
  display: none;
}

.product-thumb .button-group button {
  font-size: 0;
  height: 35px;
  width: 35px;
  padding: 8px 0;
  display: block;
  transition: none;
  position: relative;
  cursor: pointer;
  border: 0px;
  color: #000000;
  background-color: transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.product-list .product-thumb .caption {
  border: none;
  padding-left: 25px;
  padding-right: 8px;
  text-align: left;
  padding-top: 15px;
  margin: 0px;
}

.product-thumb .button-group .fa:before {
  display: none;
}

.product-thumb .button-group button.wishlist:hover {
  background-color: #275E44;
  background-image: url(../image/codezeel/wishlist-hover.svg);
}

.product-thumb .button-group button.wishlist {
  background-color: transparent;
  background-image: url(../image/codezeel/wishlist.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 17px;
}

.product-thumb .button-group button.compare:hover {
  background-color: #275E44;
  background-image: url(../image/codezeel/compare-hover.svg);
}

.product-thumb .button-group button.compare {
  background-image: url(../image/codezeel/compare.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 17px;
}

.product-thumb .button-group .quickview-button,
.product-thumb .button-group button.addtocart {
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}

.product-list .product-block .rating,
.product-grid .product-block .rating.list-rate {
  margin: 15px 0;
  display: none;
}

.product-list .product-block .rating.list-rate {
  margin: 0 0 5px;
  display: inline-block;
  width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-list .product-block .desc {
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 24px;
  font-size: 14px;
}

#cart .text-right .addtocart {
  background: #275E44;
}

#cart .text-right .addtocart,
#cart .text-right .checkout {
  width: auto;
  border: none;
  float: left;
  color: #fff;
  padding: 10px 21px;
  font-weight: normal;
  text-align: center;
  line-height: 24px;
  margin: 0;
}

#cart .dropdown-menu .img-thumbnail {
  width: auto;
  max-width: none;
  border: 0;
}

#cart .text-right .checkout strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
}

#cart .text-right .addtocart strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
}

#cart .text-right .checkout:hover strong {
  color: #ffffff;
}

#cart .text-right .addtocart:hover strong {
  color: #fff;
}

#cart .text-right .addtocart {
  margin: 0 10px 0 0;
}

#cart .text-right .addtocart {
  background: #000000;
}

#cart .text-right .addtocart:hover,
#cart .text-right .addtocart:focus,
#cart .text-right .addtocart:active {
  background: #275E44;
}

.productbox-grid .product-block .button-addtocart,
.product-carousel .product-block .button-addtocart,
.product-grid .product-block .button-addtocart {
  position: relative;
  bottom: 0px;
  border: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  /* display: none; */
}

.productbox-grid .product-block:hover .button-addtocart,
.product-carousel .product-block:hover .button-addtocart,
.product-grid .product-block:hover .button-addtocart {
  opacity: 1;
  filter: alpha(opacity=100);
  position: relative;
  /* display: block; */
}

.productbox-grid .product-block button.addtocart,
.product-carousel .product-block button.addtocart,
.product-grid .product-block button.addtocart {
  color: #275E44;
  padding: 0px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  line-height: 24px;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #275E44;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.productbox-grid .product-block button.addtocart:hover,
.product-carousel .product-block button.addtocart:hover,
.product-grid .product-block button.addtocart:hover {
  color: #000000;
  border-color: #000000;
  border: 0;
}

.product-grid .product-thumb .image .addtocart,
.productbox-grid .product-thumb .image .addtocart,
.product-carousel .product-thumb .image .addtocart,
.category_tab .image .addtocart {
  display: block;
}

.product-grid .product-thumb .image .addtocart:hover:before,
.productbox-grid .product-thumb .image .addtocart:hover:before,
.product-carousel .product-thumb .image .addtocart:hover:before,
.category_tab .image .addtocart:hover:before {
  color: #275E44;
}

.productbox-grid .product-block button.addtocart span,
.product-carousel .product-block button.addtocart span,
.product-grid .product-block button.addtocart span {
  display: block;
}

.product-thumb button.addtocart .fa {
  font-size: 16px;
}

.product-block:hover button.addtocart {
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-thumb .button-group .fa {
  font-size: 14px;
}

.product-thumb .button-group .fa.fa-heart {
  font-size: 15px;
}

.product-thumb .button-group .fa-heart:before {
  content: "\f08a";
}

.product-thumb .button-group .fa-exchange:before {
  content: "\f24d";
}

.product-thumb .button-group button:focus,
#cart .text-right .addtocart:focus {
  color: #275E44;
  text-decoration: none;
  cursor: pointer;
}

.product-thumb .button-group button:hover:before,
.product-thumb .button-group button:focus:before {
  color: #275E44;
}

@media (max-width: 767px) {
  /*.product-thumb .button-group button, .product-thumb .button-group button + button {	
	position:static !important; 
}
.product-thumb .button-group button {
	position:static;
	}*/
}

.thumbnail {
  border: 0px;
}

.thumbnails {
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0;
}

.thumbnails>img {
  width: 100%;
}

.image-additional a {
  padding: 0px;
  display: block;
}

.product-info .image-additional img:hover {
  border: 1px solid #275E44;
}

.thumbnails .image-additional {
  float: left;
}

@media (min-width: 1230px) {
  /*	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}*/
}

.product-info .image {
  display: block;
  margin-bottom: 15px;
  text-align: center;
  border: 0px;
}

#content.productpage h3 {
  margin-top: 0;
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: 600;
}

#tabs_info .tab-content td strong {
  font-weight: 500;
}

.product-info .zoomContainer {
  z-index: 9;
}

/* It need for ie7 */
.product-info .additional-carousel {
  position: relative;
}

.product-info .additional-carousel .customNavigation {
  top: 42px;
  right: 0;
  left: 0;
  width: 100%;
}

.product-info .additional-carousel .customNavigation a.prev {
  left: 0px;
}

.product-info .additional-carousel .customNavigation a.next {
  right: 0px;
}

.product-info .additional-carousel .customNavigation a.next::after {
  border: 0;
}

.product-info .additional-carousel .customNavigation:after {
  border: 0;
}

.product-info .image-additional {
  clear: both;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
  width: 470px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.product-info .image-additional img {
  border: 1px solid transparent;
  margin-bottom: 10px;
}

.product-info .image-additional a {
  display: block;
}

.product-right .btn-group .wishlist .fa,
.product-right .btn-group .compare .fa {
  margin-right: 5px;
}

#input-captcha,
#input-payment-captcha {
  margin-bottom: 10px;
}

.productpage .form-group.qty .wishlist,
.productpage .form-group.qty .compare,
.quickview .form-group.qty .wishlist,
.quickview .form-group.qty .compare {
  width: 44px;
  font-size: 0;
  height: 44px;
  padding: 10px;
  background: transparent;
  border: none;
}

.productpage #input-quantity,
.quickview #input-quantity {
  float: left;
  margin-right: 10px;
  width: auto;
  height: 40px;
  text-align: center;
  margin-left: 5px;
}

.quickview .form-group.qty .btn-lg,
.productpage .form-group.qty .btn-lg {
  /* padding: 10px 30px 10px;
  background-color: #275E44;
  border-color: #275E44;
  color: #ffffff;
  font-size: 15px;
  min-width: 180px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; */
}

.quickview .form-group.qty .btn-lg:hover,
.productpage .form-group.qty .btn-lg:hover {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}

.form-group.qty .control-label {
  float: left;
  margin: 6px 10px 0 0;
}

/* Codezeel Start */

/* box */
.box {
  margin-bottom: 12px;
}

#column-left .box .box-heading,
#column-right .box .box-heading {
  color: #333333;
  text-transform: capitalize;
  padding: 10px 12px 10px 22px;
  font: 500 16px/24px 'Open Sans', sans-serif;
  position: relative;
  background: #f5f5f5;
  text-align: left;
  margin-bottom: 0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

#column-left .box .box-heading:before {
  display: none;
}

#column-left .box .box-heading:after,
#column-right .box .box-heading:after {
  display: none;
}

.czcategory_block .box-heading,
.box-heading {
  float: left;
  width: 100%;
  color: #333333;
  position: relative;
  text-align: center;
  font-size: 22px;
  margin: 0 auto 28px;
  padding: 0 0px 20px;
  font-weight: 500;
  border-bottom: 0;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-family: 'Open Sans', sans-serif;
}

.box-heading:before {
  content: "";
  border-bottom: 2px solid #275E44;
  display: inline-block;
  width: 70px;
  position: absolute;
  margin: 0 auto;
  bottom: 0px;
  left: 0;
  right: 0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.category_tab h3 {
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

.box .box-content {
  background: none;
  border-radius: 0px;
  position: relative;
  margin: 0px -15px;
  border: 0px;
}

.box .box-content ul,
#content .content ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.box .box-content ul li,
#content .content ul li {
  line-height: 22px;
  padding: 4px 0;
}

.box .box-content ul li a+a,
.box .box-content ul li a+a:hover {
  background: none;
  padding-left: 0;
}

.box .box-content ul ul {
  margin-left: 15px;
}

.box.latest,
.box.bestseller,
.box.featured,
.box.special {
  clear: both;
  float: left;
  width: 100%;
  margin: 10px 0px 10px;
  position: relative;
  padding: 60px 50px 20px 50px;
}

.box.latest .customNavigation a.prev,
.box.bestseller .customNavigation a.prev,
.box.featured .customNavigation a.prev,
.box.special .customNavigation a.prev {
  left: 0px;
}

.box.latest .customNavigation a.next,
.box.bestseller .customNavigation a.next,
.box.featured .customNavigation a.next,
.box.special .customNavigation a.next {
  right: 0px;
}

.box.latest {
  padding-bottom: 50px;
  clear: both;
  padding-top: 0;
}

#offerclock {
  display: inline-block;
  text-align: center;
  border: 2px solid #ececec;
  background: #ffffff;
  padding: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

#offerclock .time {
  display: inline-block;
  font-size: 18px;
  color: #808080;
  font-weight: 500;
  width: 50px;
}

#offerclock .offertext {
  display: none;
}

#offerclock .time .count {
  position: relative;
}

#offerclock .time .count:before {
  content: ":";
  position: absolute;
  right: -15px;
  top: -1px;
}

#offerclock .time .second.count {
  color: #275E44;
}

#offerclock .time .second.count:before {
  display: none;
}

.box-product {
  list-style-type: none;
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  list-style: none;
  overflow: hidden;
}

.box-product .product-items {
  margin-bottom: 14px;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.lb-nav a.lb-next {
  transition: none;
}

.lb-nav a.lb-prev {
  transition: none;
}

.product-grid li,
.box-product .product-items,
.product-carousel .slider-item {
  width: 295px;
  float: left;
}

.ie7 .product-grid li {
  width: 192px !important;
}

.image-additional .slider-item {
  float: left;
}

#additional-carousel.image-additional .slider-item .product-block {
  margin: 4px 6px;
  background: transparent;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  clear: both;
  overflow: hidden;
  text-align: center;
  border: 0;
  padding: 0;
}

.image-additional .slider-item .product-block:hover {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.product-block-inner {
  position: relative;
}

.grid_default_width {
  width: 225px;
}

.featured_default_width {
  width: 264px;
}

.module_default_width {
  width: 240px;
}

.latest_default_width {
  width: 264px;
}

.special_default_width {
  width: 264px;
}

.related_default_width {
  width: 264px;
}

.bestseller_default_width {
  width: 264px;
}

.tabspecial_default_width {
  width: 264px;
}

.tabbestseller_default_width {
  width: 264px;
}

.tablatest_default_width {
  width: 264px;
}

.additional_default_width {
  width: 90px;
}

.testimonial_default_width {
  width: 100%;
}

.ourcategory_default_width {
  width: 190px;
}

#content .banners-slider-carousel .product-carousel .product-block-inner,
#content .banners-slider-carousel .product-grid .product-block-inner {
  text-align: center;
}

.product-block {
  margin: 15px 7px;
  padding: 0px 8px;
  background: #fff;
  clear: both;
  overflow: hidden;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.banners-slider-carousel .product-carousel .slider-item .product-block {
  border: 0;
  margin: 15px 16px;
  padding: 0;
}

.banners-slider-carousel .product-block .product-block-inner {
  text-align: center;
  cursor: pointer;
}

.ie7 #content .product-carousel .product-block,
/*.ie7 #content .product-grid-list .product-block,*/
.ie7 .product-block {
  border: 1px solid #ddd;
}

.ie7 #content .product-carousel .product-block:hover,
.ie7 .product-block:hover {
  border: 1px solid #ddd;
}

.product-grid .product-thumb .desc,
.productbox-grid .product-thumb .price-tax,
.product-carousel .product-thumb .price-tax {
  display: none;
}

.product-list .product-details {
  width: 77.2%;
  overflow: hidden;
}

.product-block-inner {
  text-align: left;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: visible;
  float: left;
  width: 100%;
}

.banners-slider-carousel {
  position: relative;
  width: 100%;
  clear: both;
  text-align: center;
  margin-bottom: 0;
}

.banners-slider-carousel .box-heading {
  display: none;
}

.banners-slider-carousel .customNavigation {
  width: 100%;
  top: 44%;
  right: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 7;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.banners-slider-carousel:hover .customNavigation {
  opacity: 1;
  filter: alpha(opacity=100);
}

.banners-slider-carousel .customNavigation a:hover:before {
  color: #fff;
}

.banners-slider-carousel .customNavigation:after {
  display: none;
}

.banners-slider-carousel .carousel-block {
  position: relative;
  padding: 100px 0px 100px;
  border-bottom: 1px solid #e5e5e5;
}

.blogs:hover .customNavigation {
  opacity: 1;
  filter: alpha(opacity=100);
}

.blogs .customNavigation {
  opacity: 0;
  filter: alpha(opacity=0);
  top: 28%;
}

.sale {
  float: right;
  font-size: 12px;
  font-weight: 500;
  right: 10px;
  position: absolute;
  text-align: right;
  text-transform: uppercase;
  top: 10px;
  line-height: 15px;
  color: #000000;
  background: transparent;
  padding: 0px;
  word-break: break-word;
  display: none;
}

.product-thumb .sale {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}

.product-thumb:hover .sale {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* box products for Left Column and Right Column */
#column-left .box-product,
#column-right .box-product {
  width: 100%;
  overflow: hidden;
}

#column-left .box-product>div,
#column-right .box-product>div {
  vertical-align: top;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0;
  width: 100%;
}

#column-left .box .box-content div.product-items:last-child>div,
#column-right .box .box-content div.product-items:last-child>div,
#column-left .box .box-content div.slider-item:last-child>div,
#column-right .box .box-content div.slider-item:last-child>div {
  border: 0 none;
}

#column-left .box-product .image,
#column-right .box-product .image {
  display: block;
  margin-bottom: 10px;
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  border: 0px;
}

#column-left .product-items .product-details,
#column-right .product-items .product-details {
  width: auto;
  overflow: hidden;
  float: none;
}

#column-left .product-thumb .caption,
#column-right .product-thumb .caption {
  margin: 0px;
  border: none;
  text-align: left;
}

#column-left .caption a,
#column-right .caption a {
  word-wrap: break-word;
  line-height: 22px;
  font-weight: 400;
}

#column-left .box-product .product-thumb h4,
#column-right .box-product .product-thumb h4 {
  margin: 6px 0 6px;
  font-weight: 400;
}

#column-left .box-product .name,
#column-right .box-product .name {
  display: block;
}

#column-left .box-product .cart,
#column-right .box-product .cart {
  display: block;
}

#column-left .box-product .cart .button,
#column-right .box-product .cart .button {
  padding: 0;
  background: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  height: auto;
  font-weight: normal;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  color: #555;
  display: block;
  text-align: left;
}

#column-left .box-product .cart .button:hover,
#column-right .box-product .cart .button:hover {
  text-decoration: underline;
}

#column-left .box-product .image img,
#column-right .box-product .image img {
  width: 85px;
}

#column-left .box-product .name,
#column-right .box-product .name,
#column-left .box-product .price,
#column-right .box-product .price,
#column-left .box-product .cart,
#column-right .box-product .cart {
  opacity: 1;
  filter: alpha(opacity=100);
}

#column-left .box-product .price .price-old,
#column-right .box-product .price .price-old {
  line-height: 26px;
  font-size: 14px;
}

#column-left .box .box-content,
#column-right .box .box-content,
#column-left .box .list-group,
#column-right .box .list-group,
#column-left .box .filterbox,
#column-right .box .filterbox {
  margin: 0px;
  background: #ffffff;
  padding: 15px 15px;
  clear: both;
}

#column-left .box .list-group a.list-group-item {
  line-height: 26px;
  font-size: 15px;
}

#column-left .box .filterbox,
#column-right .box .filterbox {
  padding-top: 8px;
}

#column-left .box .filterbox label,
#column-right .box .filterbox label {
  font-size: 15px;
  color: #808080;
}

#column-left .box .filterbox label:hover,
#column-right .box .filterbox label:hover {
  color: #275E44;
}

#column-left .product-thumb,
#column-right .product-thumb {
  border: none;
  margin: 0px 0px;
  padding: 5px 0;
  background: #ffffff;
}

#column-left .product-thumb .product-block-inner,
#column-right .product-thumb .product-block-inner {
  max-width: 100%;
}

#column-left .product-thumb:hover,
#column-right .product-thumb:hover {
  background: #fff;
}

#column-left .box-product .rating,
#column-left .sale,
#column-left .price-tax,
#column-left .wishlist,
#column-left .compare,
#column-right .box-product .rating,
#column-right .sale,
#column-right .price-tax,
#column-right .wishlist,
#column-right .compare {
  display: none !important;
}

#column-left .product-thumb .button-group button,
#column-right .product-thumb .button-group button {
  background: none repeat scroll 0 0 transparent;
  padding: 0;
  width: auto;
  line-height: 28px;
  color: #262626;
  text-transform: capitalize;
  left: 0;
  height: auto;
  position: static;
  text-align: left;
}

#column-left .product-thumb .button-group button span,
#column-right .product-thumb .button-group button span {
  display: block !important;
}

#column-left .product-thumb .button-group button:hover,
#column-right .product-thumb .button-group button:hover {
  color: #275E44;
}

#column-left .product-thumb .button-group button .fa,
#column-right .product-thumb .button-group button .fa {
  display: none;
}

#column-left .product-thumb .button-group,
#column-right .product-thumb .button-group {
  background: none;
  border: none;
  position: static;
  display: none;
  float: left;
  opacity: 1;
  padding: 0;
}

#column-left .product-thumb .image .button-group,
#column-right .product-thumb .image .button-group {
  display: none;
}

#column-left .container,
#column-right .container {
  width: auto;
  padding: 0;
}

#column-left .box,
#column-right .box {
  margin-bottom: 30px;
  position: relative;
  padding: 0;
  margin-top: 0px;
  float: left;
  width: 100%;
}

#column-left .box .product-thumb .button-addtocart,
#column-right .box .product-thumb .button-addtocart {
  position: relative;
  bottom: 0px;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-top: 2px;
  clear: both;
}

#column-left .box .product-thumb button.addtocart,
#column-right .box .product-thumb button.addtocart {
  border: 0;
  text-align: left;
  background-color: transparent;
  font-size: 14px;
  border-bottom: 0;
  color: #262626;
}

#column-left .box .product-thumb button.addtocart span:hover,
#column-right .box .product-thumb button.addtocart span:hover {
  color: #275E44;
}

#column-left .box .product-block:hover button.addtocart,
#column-right .box .product-block:hover button.addtocart {
  background: transparent;
  color: #275E44;
}

#column-left .swiper-wrapper {
  height: auto;
}

#column-left .single-banner .swiper-slide a:before {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
  bottom: 20px;
  content: "";
  left: 20px;
  right: 20px;
  top: 20px;
  position: absolute;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

#column-left .single-banner .swiper-slide:hover a:before,
#column-right .single-banner .swiper-slide:hover a:before {
  transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -khtml-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0;
  filter: alpha(opacity=0);
}

#column-left .single-banner .swiper-pagination,
#column-right .single-banner .swiper-pagination {
  display: none;
}

/*#column-left .product-thumb .caption h4 a:hover, #column-right .product-thumb .caption h4 a:hover {
    color: #275E44;
}
#column-left .product-thumb h4 a:hover, #column-right .product-thumb h4 a:hover {
    color: #275E44;
}*/
.product-thumb caption h4 a:hover,
header #cart li a:hover,
.product-thumb:hover h4 {
  color: #275E44;
}

.compare-total a {
  color: #262626;
}

.top_button {
  background: url(../image/codezeel/top-arrow.png) no-repeat scroll center center transparent;
  bottom: 70px;
  cursor: pointer;
  height: 50px;
  padding: 0 0;
  position: fixed;
  right: 30px;
  text-align: center;
  width: 50px;
  z-index: 999;
  font-size: 0;
  display: none !important;
}

#content ul.list-unstyled {
  margin-bottom: 8px;
  overflow: auto;
}

#content ul.list-unstyled li {
  line-height: 26px;
  padding: 4px 0;
}

.manufacturer-list {
  border: 1px solid #ededed;
  margin-bottom: 20px;
  padding: 5px;
}

.manufacturer-heading {
  background: none repeat scroll 0 0 #f2f2f2;
  font-weight: bold;
  margin-bottom: 6px;
  padding: 5px 8px;
  color: #888888;
}

.manufacturer-content {
  padding: 8px;
}

.manufacturer-content .col-sm-12 a:hover {
  color: #275E44;
}

.manufacturer-content .col-sm-12 a {
  color: #808080;
}

.manufacturer-list ul {
  float: left;
  list-style: outside none none;
  margin: 0 0 10px;
  padding: 0;
  width: 25%;
}

.category_filter .sort .form-control {
  cursor: pointer;
}

.productpage .box {
  float: left;
  width: 100%;
  clear: both;
  margin-top: 40px;
  position: relative;
  margin-bottom: 40px;
}

.hometab:hover .customNavigation {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.box.latest .customNavigation {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.box.latest:hover .customNavigation {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tab-content {
  overflow: hidden;
}

.col-sm-4.total_amount {
  margin-top: 70px;
}

.product-tag {
  margin: 5px 0;
}

.aboutus {
  clear: both;
  margin-bottom: 40px;
}

#content .aboutus h3 {
  margin-bottom: 10px;
  color: #262626;
  font-weight: 500;
  font-size: 16px;
}

.image1 {
  background: url("../image/codezeel/cms-sprite.png") no-repeat scroll 0px 0px;
  float: left;
  height: 50px;
  width: 60px;
}

.image2 {
  background: url("../image/codezeel/cms-sprite.png") no-repeat scroll 0px -114px;
  float: left;
  height: 50px;
  width: 60px;
}

.image3 {
  background: url("../image/codezeel/cms-sprite.png") no-repeat scroll 0px -53px;
  float: left;
  height: 50px;
  width: 60px;
}

.image4 {
  background: url("../image/codezeel/cms-sprite.png") no-repeat scroll 0px -172px;
  float: left;
  height: 50px;
  width: 60px;
}

.aboutus h2 {
  clear: both;
  font-size: 20px;
}

.about-content {
  overflow: hidden;
}

.information-information .right {
  float: right;
}

.category_filter #grid-view,
.category_filter #list-view {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  border: none;
  padding: 6px 12px;
}

.category_filter #grid-view {
  background: url(../image/codezeel/sprite.png) no-repeat scroll -4px -31px;
  width: 24px;
  height: 24px;
}

.category_filter #list-view {
  background: url(../image/codezeel/sprite.png) no-repeat scroll -41px -32px;
  width: 24px;
  height: 24px;
}

.category_filter #list-view.active,
.category_filter #list-view:hover {
  background-position: -41px 0px;
}

.category_filter #grid-view:hover,
.category_filter #grid-view.active {
  background-position: -4px -1px;
  display: none;
}

.category_filter #grid-view .fa,
.category_filter #list-view .fa {
  display: none;
}

#list-view {
  margin-left: 8px;
}

.category_filter #grid-view:hover .fa,
.category_filter #list-view:hover .fa {
  color: #fff;
}

.category_filter .btn-list-grid {
  float: left;
  width: auto;
  padding: 4px 0 0 0;
}

.compare-total {
  float: left;
  margin: 5px 20px 0px;
}

.pagination-right {
  float: right;
  margin: 0;
  width: auto;
}

.category_filter .sort-by {
  float: left;
  margin: 5px 10px 0 0;
  width: auto;
  padding: 0;
}

.category_filter .show {
  float: left;
  margin: 5px 10px 0;
  padding: 0;
  width: auto;
}

.category_filter .sort {
  float: left;
  width: 150px;
  padding: 0;
}

.category_filter .limit {
  float: right;
  width: 100px;
  padding: 0;
}

.category_filter .sort select#input-sort,
.category_filter .sort .form-control {
  font-size: 14px !important;
}

.sort-by-wrapper,
.show-wrapper {
  float: left;
}

.category_thumb .category_img,
.category_thumb .category_description {
  float: left;
  width: 100%;
}

.category_img img {
  margin-bottom: 20px;
  border: none;
  max-width: 100%;
}

.category_list ul {
  padding: 0;
  display: inline-block;
  margin: 0px;
}

#content .refine-search {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 500;
  text-transform: initial;
  font-family: 'Open Sans', sans-serif;
  color: #333333;
}

.refine-search ul {
  padding: 0;
}

.refine-search ul li {
  list-style: none;
}

.category_list li a {
  color: #808080;
  display: block;
  padding: 5px 15px;
  border: 1px solid #ededed;
  background-color: #fff;
}

.category_list li a:hover {
  color: #275E44;
  border-color: #275E44;
}

.category_list li {
  float: left;
  list-style: outside none none;
  margin: 0 10px 5px 0;
}

.pagination-wrapper {
  display: inline-block;
  margin: 5px 0 15px;
  padding: 5px 15px 5px 15px;
  width: 100%;
  background: none;
  border-top: 0;
}

#content .category_list {
  margin-bottom: 30px;
}

.category_filter {
  display: inline-block;
  vertical-align: top;
  margin: 0px 0 8px;
  padding: 0 0 4px;
  width: 100%;
  background: none;
  border: 0;
}

#products {
  float: left;
  width: 100%;
  clear: both;
  position: relative;
  margin-left: 3px;
}

.pagination-wrapper .page-link {
  float: right;
  padding: 0;
  width: auto;
  margin-top: 6px;
}

.pagination-wrapper .page-result {
  float: left;
  padding: 0;
  width: auto;
  margin: 13px 0 13px;
}

.contact-info .left {
  float: left;
  width: 50%;
}

.contact-info .right {
  float: right;
  width: 50%;
}

.row.contact-info {
  padding: 0 15px;
}

.information-contact .panel-body {
  padding: 30px;
  overflow: auto;
}

.contact-info .address-detail strong {
  background: url("../image/codezeel/cms-sprite.png") no-repeat scroll -6px -235px transparent;
  padding: 0px 0 0 40px;
  height: 28px;
  margin: 10px 0 0;
  float: left;
  clear: both;
  font-weight: 500;
}

.contact-info .address-detail,
.contact-info .telephone,
.contact-info .fax,
.contact-info .openingtime,
.contact-info .comments {
  float: left;
  width: 100%;
}

.contact-info .telephone strong {
  background: url("../image/codezeel/cms-sprite.png") no-repeat scroll -5px -314px transparent;
  padding: 0px 0 0 40px;
  margin: 10px 0 0;
  height: 28px;
  float: left;
  clear: both;
  font-weight: 500;
}

.contact-info .fax strong {
  background: url("../image/codezeel/cms-sprite.png") no-repeat scroll -5px -272px transparent;
  padding: 0px 0 0 40px;
  height: 28px;
  margin: 10px 0 0;
  float: left;
  clear: both;
  font-weight: 500;
}

.contact-info .openingtime strong {
  background: url("../image/codezeel/cms-sprite.png") no-repeat scroll -5px -355px transparent;
  padding: 0px 0 0 40px;
  height: 28px;
  margin: 10px 0 0;
  float: left;
  clear: both;
  font-weight: 500;
}

.contact-info .comments strong {
  background: url("../image/codezeel/cms-sprite.png") no-repeat scroll -5px -399px transparent;
  padding: 0px 0 0 40px;
  height: 28px;
  margin: 10px 0 0;
  float: left;
  clear: both;
  font-weight: 500;
}

.contact-info address {
  margin: 0 0 0 40px;
  float: left;
  clear: both;
}

.address-detail .btn {
  clear: both;
  float: left;
  margin: 15px 0 0 37px;
}

#spinner {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999;
  background: url(../image/codezeel/loading.gif) no-repeat center center #f7f7f7;
  width: 100%;
  height: 100%;
}

.common-home .content-top {
  float: left;
  width: 100%;
  overflow: hidden;
}

/* .main-slider {
    position: relative;
    width: 100%;
    padding: 0px 51px 0px 52px;
    overflow: hidden;
} */

.main-slider li.swiper-button-prev {
  background-image: none;
}

.main-slider li.swiper-button-next {
  background-image: none;
  list-style: none;
}

.main-slider .swiper-pager-button li {
  display: block;
  padding: 0px;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  height: auto;
  width: auto;
  margin-top: 0;
  top: 65%;
}

.main-slider .swiper-pager-button li.swiper-button-prev {
  left: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-slider:hover .swiper-pager-button li.swiper-button-prev {
  left: 80px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-slider .swiper-pager-button li.swiper-button-next {
  right: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-slider:hover .swiper-pager-button li.swiper-button-next {
  right: 80px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-slider .swiper-pager-button a {
  text-decoration: none;
  display: block;
  margin: 0;
  position: relative;
  z-index: 10;
  top: 0;
  overflow: hidden;
  filter: alpha(opacity=0);
  cursor: pointer;
  font-size: 0;
  height: 42px;
  width: 54px;
  border-left: 2px solid #262626;
  border-right: 2px solid #262626;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
}

.main-slider .swiper-pager-button a:hover {
  border-color: #275E44;
}

.main-slider .swiper-pager ul {
  padding-left: 0;
  margin: 0;
}

.main-slider:hover .swiper-pager-button a {
  opacity: 1;
  filter: alpha(opacity=100);
}

.main-slider .swiper-pager-button a:before {
  height: 42px;
  width: 42px;
  color: #ffffff;
  margin: 0px 4px;
  display: inline-block;
  float: none;
  font-family: "FontAwesome";
  font-size: 32px;
  line-height: 28px;
  vertical-align: top;
  padding: 3px 16px;
  background-color: #333333;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
}

.main-slider .swiper-pager-button a.swiper-prev:before {
  content: "\2039";
}

.main-slider .swiper-pager-button a.swiper-next:before {
  content: "\203a";
  padding: 4px 7px 3px 17px;
}

.main-slider .swiper-pager-button a:hover:before {
  background-color: #275E44;
  color: #ffffff;
  border-color: transparent;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-slider .swiper-pagination {
  opacity: 0;
}

.main-slider:hover .swiper-pagination {
  opacity: 1;
}

.information-sitemap .sitge-map ul {
  padding: 0 0 0 20px;
}

.forget-password {
  margin: 5px 0 0;
}

.product-compare .btn-primary {
  margin: 5px 0 5px;
}

.productpage .write-review,
.productpage .review-count {
  margin: 0 10px;
  color: #000000;
}

.productpage .write-review:hover,
.productpage .review-count:hover {
  color: #275E44;
}

.productpage .rating-wrapper,
.quickview .rating-wrapper {
  margin: 0px;
}

.quickview .review-count,
.quickview .write-review {
  display: none;
}

#content.productpage ul.list-unstyled {
  border-bottom: medium none;
}

.panel-default>.panel-heading:hover {
  border-color: #888;
}

.panel-default>.panel-heading:hover .panel-title {
  background-color: #ffffff;
}

#accordion h4.panel-title a.accordion-toggle {
  display: block;
}

.checkout-cart #accordion .panel-title>a,
.checkout-checkout #accordion .panel-title {
  color: #000000;
  font-weight: 500;
  padding: 10px;
  font-size: 15px;
}

#accordion .panel-title>a {
  color: inherit;
}

#accordion .panel-heading .fa.fa-caret-down {
  float: right;
  margin-top: 4px;
}

#accordion .col-sm-10 {
  width: 75%;
}

#accordion .form-horizontal .control-label {
  text-align: left;
}

#accordion .panel-default .panel-body h2 {
  font-size: 16px;
  font-weight: 600;
}

.checkout-cart .hasCustomSelect {
  width: 95% !important;
}

#content ul.list-unstyled.attr span {
  font-weight: 500;
  color: #262626;
}

#content ul.list-unstyled.attr {
  padding-bottom: 15px;
  border-bottom: 1px solid #ededed;
  padding-top: 2px;
  margin-bottom: 20px;
}

#content ul.list-unstyled.attr li a:hover {
  color: #292929;
}

#content ul.list-unstyled.attr li {
  clear: both;
}

#content ul.list-unstyled.price li {
  float: left;
  padding: 2px 0;
  font-size: 11px;
}

.productpage .product-right ul li span.old-price,
.productpage .product-right ul li span.special-price {
  float: left;
  margin-bottom: 0px;
}

.productpage .product-right ul li.discount,
.productpage .product-right ul li.rewardpoint,
.productpage .product-right ul li.price-tax {
  clear: both;
}

span.old-price {
  margin-right: 10px;
  font-size: 20px;
  color: #999999;
  font-weight: normal;
}

#content h3.special-price {
  color: #275E44;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0px;
}

#content h3.product-price {
  font-size: 22px;
  color: #275E44;
  font-weight: 500;
  line-height: 20px;
}

div#product {
  padding-top: 5px;
}

div#product .form-group .hasCustomSelect {
  /* width: 90% !important; */
}

.page-title {
  padding: 0px;
}

.page-title,
.refine-search,
.product-title,
.product-option {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: initial;
  margin-bottom: 15px;
}

.copy-right {
  border-top: 1px solid #e5e5e5;
  padding: 10px 0;
  text-align: center;
}

.account-address .table>tbody>tr>td {
  vertical-align: middle;
}

.account-address .btn-info {
  margin: 2px 0;
}

.affiliate-account .btn-primary .list-group-item,
.affiliate-account .btn-primary .list-group-item:hover {
  padding: 0;
  background: none;
  color: #fff;
}

.shopping-cart .img-thumbnail {
  max-width: none;
}

.shopping-cart .input-group .form-control {
  width: auto;
  height: 40px;
  text-align: center;
}

.shopping-cart .input-group-btn {
  float: left;
}

#accordion label.col-sm-2.control-label {
  margin: 7px 0 0;
  padding: 0 15px 0 0;
}

#accordion #collapse-shipping label.col-sm-2.control-label {
  padding: 0 15px;
}

.checkout-checkout #accordion label.col-sm-2.control-label {
  padding-left: 15px;
}

.checkout-cart .input-group-btn:last-child>.btn,
.checkout-cart .input-group-btn:last-child>.btn-group {
  margin-left: 5px;
  font-size: 15px;
  padding: 8px 30px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
}

.col-sm-3.search_subcategory {
  width: auto;
  margin-top: 7px;
}

#button-search {
  float: right;
}

.product-search h2 {
  clear: both;
}

.banners-slider-carousel img {
  max-width: 100%;
}

@keyframes bounceIn {

  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.banners-slider-carousel .product-block:hover img {
  animation: 3s ease-in 1s 2 reverse both paused bounceIn;
  animation: 3s linear 1s bounceIn;
  animation: bounceIn 1s;
}

@-webkit-keyframes slideDashXopp {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }

  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
}

@-moz-keyframes slideDashXopp {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }

  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
}

@keyframes slideDashXopp {
  from {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }

  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
}

@-webkit-keyframes slideDash {
  from {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }
}

@-moz-keyframes slideDash {
  from {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }
}

@keyframes slideDash {
  from {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }
}

@-webkit-keyframes slideDashY {
  from {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }

  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  }
}

@-moz-keyframes slideDashY {
  from {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }

  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  }
}

@keyframes slideDashY {
  from {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }

  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  }
}

@-webkit-keyframes slideDashYopp {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  }

  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}

@-moz-keyframes slideDashYopp {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  }

  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}

@keyframes slideDashYopp {
  from {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  }

  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}

/* CMS */

.box .box-content ul,
#content .content ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.box .box-content ul li {
  padding: 1px 0px;
  position: relative;
}

.box .box-content ul li .hitarea {
  position: absolute;
  right: 5px;
  top: 6px;
}

.box .box-content ul li:last-child a {
  border: medium none;
}

.box .box-content ul li ul li a {
  border: none;
}

.box .box-content .box-category {
  padding: 0px;
}

#content .content ul li {
  line-height: 22px;
  padding: 5px;
}

.box .box-content ul li ul li+li {
  border-top: medium none;
}

.box .box-content ul li a,
#content .content ul li a {
  padding: 0px;
  color: #808080;
  text-transform: capitalize;
  line-height: 26px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

.box .box-content ul li a+a,
.box .box-content ul li a+a:hover {
  background: none;
  padding-left: 0;
}

.box .box-content ul li a:hover,
#content .content ul li a:hover {
  color: #275E44;
}

.box .box-content ul ul {
  z-index: 99;
  width: auto;
}

.single-banner {
  margin: 0px 0px 30px;
  border: 0;
  text-align: center;
}

#content .single-banner {
  margin: 15px 0 50px;
}

#content #banner2 a {
  position: relative;
  display: block;
}

#content #banner2 a:before {
  content: "";
  position: absolute;
  box-shadow: 0 0 125px rgba(0, 0, 0, 0.56) inset;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  z-index: 9;
}

#content #banner2:hover a:before {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

.box .box-content ul ul li ul {
  padding: 0;
}

.box .box-content ul ul li:hover ul {
  display: block;
}

.box.category {
  width: 23%;
  float: left;
  border: 0;
  padding: 0;
  margin-bottom: 0;
  position: relative;
  min-height: auto;
  overflow: visible;
}

.box-category .box-content {
  background-color: #ffffff;
  width: 100%;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  margin: 0px 0 0 0;
  border: 3px solid #275E44;
  border-top: 0;
  padding: 20px 0 15px;
  position: absolute;
}

.box.category .box-heading {
  background-color: #275E44;
  padding: 19px 10px 17px 25px;
  margin-bottom: 0;
  font-size: 14px;
  text-align: left;
  font-weight: 500;
  letter-spacing: 0.9px;
  cursor: pointer;
  margin-top: 0;
  color: #fff;
  text-transform: uppercase;
  line-height: 26px;
}

.box.category .box-content>ul>li>a,
.box.category .box-content #nav-one li.main.hiden_vertical_menu a,
.box.category li.main.hiden_vertical_menu span {
  padding: 10px 0 10px 40px;
  text-transform: uppercase;
  font-size: 13px;
  width: auto;
  font-weight: 400;
  line-height: 19px;
  display: block;
  color: #6c6c6c;
}

.box.category .box-content>ul>li:hover>a,
.box.category .box-content #nav-one li.main.hiden_vertical_menu a:hover,
.box.category li.main.hiden_vertical_menu span:hover {
  color: #275E44;
}

.box.category .box-content .dropdown-inner ul li {
  background: none;
  padding: 0px;
}

.box.category .box-content #nav-one li.main.hiden_vertical_menu a:hover,
.box.category .box-content #nav-one li.main.hiden_vertical_menu a:hover {
  color: #275E44;
}

.box.category li.main.hiden_vertical_menu span {
  padding: 10px 15px 10px 25px;
  float: left;
  width: 100%;
  cursor: pointer;
}

.box.category .box-heading:after {
  display: none;
}

.box.category .dropdown-arrow {
  float: left;
  font-weight: 300;
  margin-top: 0;
  padding-right: 20px;
}

.box.category .dropdown-arrow:before {
  font-family: "FontAwesome";
  content: "\F0C9";
  font-size: 18px;
  padding-left: 3px;
  font-weight: 400;
  float: left;
}

.box.category li.main.hiden_vertical_menu span:before {
  font-family: "FontAwesome";
  content: "\F107";
  font-size: 18px;
  padding-left: 3px;
  font-weight: 400;
  float: right;
}

.box.category li.main.hiden_vertical_menu span.active:before {
  content: "\F106";
}

#nav-one li.hiden_vertical_menu .dropdown-inner {
  display: none;
}

.product-block-inner a img {
  vertical-align: middle;
}

.box-category-heading {
  background-color: #000;
  color: #fff;
  padding: 20px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  width: 270px;
  float: left;
  overflow: hidden;
  position: relative;
  letter-spacing: 0.5px;
  cursor: pointer;
}

.box-category-heading .fa {
  float: right;
  font-size: 20px;
  font-weight: 600;
}

.shipping-cms {
  display: inline-block;
  background: url(../image/codezeel/plane.png) no-repeat scroll left center transparent;
  height: 26px;
  padding-left: 75px;
}

.shipping-text .text1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  color: #64c1dd;
}

.shipping-text .text2 {
  font-weight: 300;
  text-transform: uppercase;
}

.contact-text .text1 {
  color: #1e1f22;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
}

.contact-text .text2 {
  color: #f2ab33;
  text-transform: uppercase;
  display: none;
}

.content_footer_top {
  background: #262626;
}

.site-map ul li {
  line-height: 34px;
}

.content_footer_top .container {
  padding-top: 0;
}

.content_footer_bottom {
  text-align: center;
}

.footer-blocks {
  width: 100%;
  padding: 90px 0 67px;
  position: relative;
  overflow: hidden;
  float: left;
  border-top: 1px solid #fff;
}

.footer-blocks .footertop .footerdiv {
  padding-right: 60px;
}

.footer-blocks .footertop #footerlogo .footerlogo {
  margin-bottom: 20px;
}

.footer-blocks .footertop #footerlogo .footerlogo img {
  max-width: 100%;
}

.footer-blocks .footertop #footerlogo .footerdesc {
  margin-bottom: 25px;
  color: #c6c6c6;
}

.footer-blocks .footertop #footerlogo ul {
  display: block;
}

/* End CMS */

/* Tab cms */
.tab-head,
.box-head {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0;
  margin: 0;
}

.hometab,
.categorytab {
  margin-bottom: 0px;
  float: left;
  width: 100%;
  clear: both;
  padding: 60px 50px 20px 50px;
  position: relative;
}

#czparallaxcmsblock {
  padding: 40px 0 20px;
  position: relative;
  clear: both;
  overflow: hidden;
}

.hometab .htabs {
  float: left;
  text-align: center;
  clear: both;
  margin-bottom: 28px;
  width: 100%;
}

.htabs {
  margin-top: 0px;
  display: block;
  width: auto;
}

.categorytab .tabs {
  line-height: normal;
  padding: 0;
  border-bottom: medium none;
  min-height: 405px;
}

#tabs_info {
  float: left;
  width: 100%;
  clear: both;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0px;
}

.tab-content .customNavigation {
  top: 34%;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.tab-content .customNavigation a.prev {
  left: 0px;
}

.tab-content .customNavigation a.next {
  right: 0px;
}

#tabs_info .nav-tabs,
.etabs {
  float: none;
  margin: 0px;
  padding: 0;
}

#tabs_info.product-tab .nav-tabs {
  float: none;
  text-align: center;
  width: 100%;
  margin-bottom: 18px;
}

#tabs_info .tab-content {
  padding: 25px;
  border: 1px solid #ededed;
  text-align: left;
}

#tabs_info .tab-content h3 {
  font-size: 15px;
}

#tabs_info .tab-content .tab-pane {
  padding: 0px;
  border: 0px;
}

.htabs .etabs li,
.categorytab .nav-tabs li,
#tabs_info .nav-tabs li {
  list-style: none outside none;
  position: relative;
  text-align: center;
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0px 2px;
}

.categorytab .nav-tabs {
  border: none;
  float: right;
  margin-right: 55px;
  margin-top: -37px;
  padding: 0;
}

#tabs_info .nav-tabs li:last-child,
.htabs .etabs li:last-child,
.categorytab .nav-tabs li:last-child {
  background: none;
}

.nav-tabs a,
.htabs a,
.categorytab .nav-tabs a,
#tabs_info .nav-tabs a {
  color: #000000;
  display: block;
  text-transform: capitalize;
  float: left;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  padding: 9px 33px 12px;
  margin: 0px 0px;
  text-align: center;
  position: relative;
  border: 0px;
  background-color: transparent;
  letter-spacing: 0.4px;
  font-family: 'Open Sans', sans-serif;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

.htabs a.selected,
.categorytab .nav-tabs li.active a,
.htabs a:hover,
.htabs a:focus,
.categorytab .nav-tabs a:hover,
.categorytab .nav-tabs a:focus,
#tabs_info .nav-tabs li.active a,
#tabs_info .nav-tabs a:hover {
  color: #ffffff;
  background-color: #275E44;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.tab-content .tab {
  display: none;
}

.tab-content {
  position: relative;
  padding: 0px;
  z-index: 2;
  overflow: visible;
  margin-bottom: 0px;
}

#tab-latest #tablatest-grid .product-items,
#tab-special #tabspecial-grid .product-items,
#tab-bestseller #tabbestseller-grid .product-items {
  display: none;
}

.cz-status {
  bottom: 0;
  display: none;
  color: #000;
  font-size: 16px;
  left: 0;
  position: relative;
  right: 0;
  text-align: center;
  line-height: 46px;
}

.btn_viewmore {
  margin-top: 35px;
  margin-bottom: 20px;
}

.viewmore {
  float: none;
  width: auto;
  text-align: center;
}

.viewmore a {
  border: 0px;
  color: #000000;
  padding: 0px;
  font-size: 15px;
  text-decoration: underline;
  background-color: transparent;
}

.viewmore a:hover,
.viewmore a:focus,
.viewmore a:active {
  border: 0;
  color: #275E44;
  background-color: transparent;
  text-decoration: none;
}

.hometab .viewmore .btn-default {
  padding: 10px 40px;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  text-transform: capitalize;
  background: #275E44;
  border-color: #275E44;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

.hometab .viewmore .btn-default:hover {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

/* End Tab cms */

/*Codezeel Blog CSS */
#content .box-product .blog-items {
  float: left;
}

.blog-left {
  position: relative;
}

.blog-image {
  position: relative;
  overflow: hidden;
}

.blog-left .blog-image img {
  max-width: 100%;
  height: auto;
  padding: 0;
  border: none;
}

.blog-right {
  width: 100%;
  padding: 18px 0px 18px;
  text-align: left;
  float: left;
}

.blog-right .blog-desc,
.blog-right .view-blog {
  line-height: 24px;
  margin-top: 8px;
}

.blogs .product-block .blog-right .blog-desc {
  opacity: 1;
  filter: alpha(opacity=100);
}

.blog-right h4 {
  font-weight: 500;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  width: 100%;
  overflow: hidden;
  text-transform: initial;
  line-height: 28px;
  font-size: 18px;
  padding-top: 0px;
  margin-bottom: 0;
  margin-top: 0px;
  letter-spacing: 0.5px;
  font-family: 'Open Sans', sans-serif;
  color: #262626;
}

.blog-right h4 a {
  color: #262626;
}

.view-blog {
  float: left;
  width: 100%;
  text-align: left;
  margin: 0 0 10px;
}

.read-more {
  float: left;
  text-transform: capitalize;
}

.read-more a {
  text-transform: capitalize;
  background-color: transparent;
  border: 0px;
  color: #000000;
  padding: 0px;
  text-decoration: underline;
  font-weight: 500;
}

.read-more .fa {
  display: none;
}

.write-comment {
  float: right;
}

.date-time {
  float: left;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.6px;
  text-transform: capitalize;
  padding-right: 10px;
  margin-right: 20px;
}

#content #blog-carousel .product-block .date-comment .date-time,
#content #blog-grid .product-block .date-comment .date-time {
  padding: 0;
  text-align: left;
  float: left;
  margin: 0px 25px 5px 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#content #blog-carousel .product-block:hover .date-comment .date-time,
#content #blog-grid .product-block:hover .date-comment .date-time {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#content #blog-carousel .product-block .date-comment .blog-day,
#content #blog-grid .product-block .date-comment .blog-day {
  display: block;
  margin-bottom: 3px;
  font-size: 30px;
  line-height: 26px;
  font-weight: 700;
  color: #275E44;
  letter-spacing: 0.2px;
}

#content #blog-carousel .product-block .date-comment .blog-month,
#content #blog-grid .product-block .date-comment .blog-month {
  font-size: 14px;
  color: #275E44;
  display: inline-block;
  margin-top: 0px;
  letter-spacing: 0.2px;
  font-weight: 400;
}

#content #blog-carousel .product-block:hover .date-comment .blog-day,
#content #blog-grid .product-block:hover .date-comment .blog-day,
#content #blog-carousel .product-block:hover .date-comment .blog-month,
#content #blog-grid .product-block:hover .date-comment .blog-month {
  color: #ffffff;
}

.date-time .fa {
  color: #275E44;
  font-size: 14px;
  font-weight: 100;
  padding-left: 2px;
  padding-right: 7px;
}

.date-comment .write-comment .fa {
  color: #275E44;
  font-size: 14px;
  font-weight: 100;
  padding-right: 2px;
}

.blog_default_width {
  width: 390px;
}

.blog-img {
  padding: 0px;
}

.blog-right-content .blog-desc {
  margin: 0 0 15px;
}

.comment-wrapper {
  position: relative;
  float: right;
  margin: 0;
  color: #275E44;
}

.comment-wrapper .write-comment a::before {
  color: #275E44;
  content: "\f0e5";
  float: left;
  font-family: "FontAwesome";
  font-size: 14px;
  margin-right: 7px;
}

.blog-img .img-thumbnail {
  border: none;
}

.blogs {
  float: left;
  width: 100%;
  clear: both;
  position: relative;
  margin: 100px 0 80px;
}

.blogs .product-items {
  width: 390px;
}

#blog-carousel,
#content #blog-grid {
  padding: 0px;
  border: none;
}

#blog-grid .product-block {
  margin: 15px 15px;
}

#blog-carousel .product-block .product-block-inner,
#blog-grid .product-block .product-block-inner {
  clear: both;
  overflow: hidden;
  position: relative;
  max-width: 100%;
}

#blog-carousel .owl-pagination {
  bottom: -5px;
  display: none;
}

#blog-carousel .product-block .write-comment,
#blog-grid .product-block .write-comment {
  float: none;
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 5px;
}

#blog-carousel .product-block .blog-image img,
#blog-grid .product-block .blog-image img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#blog-carousel .product-block:hover .blog-image img,
#blog-grid .product-block:hover .blog-image img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.information-blogger .single-blog h1 {
  font-weight: 500;
  text-transform: initial;
  font-size: 20px;
}

.single-blog .blog-img {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}

.single-blog .panel-default {
  border: medium none;
}

#add-comment .col-sm-10.buttons {
  padding: 0 8px;
}

.single-blog .blog-desc {
  padding-bottom: 10px;
}

.single-blog .block-title h3 {
  padding-top: 10px;
}

.single-blog .view-comment .panel-default {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  padding: 15px;
}

.view-comment .col-sm-3 .name {
  font-weight: 500;
  color: #262626;
}

.view-comment .col-sm-3 .date {
  color: #275E44;
}

.single-blog .view-comment .name,
.single-blog .view-comment .date,
.single-blog .view-comment .comment-text,
.single-blog .view-comment .col-sm-3 {
  width: 100%;
}

.user_icon {
  background-color: #fff;
  border-right: 1px solid #e5e5e5;
  float: left;
  margin: 0px 15px 0 0;
  padding: 10px 15px;
  text-align: center;
}

.comment_info {
  float: right;
  width: 83%;
}

.comment_info .comment-text {
  margin-top: 12px;
}

.view-comment {
  clear: both;
}

/*Codezeel Blog light-box CSS */

.all-blog .blog-left-content:hover .post-image-hover,
.blogs .product-block:hover .post-image-hover {
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.post-image-hover {
  left: 0;
  top: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all 400ms ease 0s;
  transition: all 400ms ease 0s;
}

.blog-image .post_hover {
  bottom: 0;
  height: 51px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  top: 0px;
  width: 40px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.blogs .product-block:hover .post_hover {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -kkhtml-opacity: 1;
}

.product-block .blog-left:hover .zoom,
.product-block .blog-left:hover .readmore_link,
.all-blog .blog-left-content:hover .zoom,
.all-blog .blog-left-content:hover .readmore_link {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -kkhtml-opacity: 1;
}

.blog-left .icon.zoom .fa,
.blog-left .icon.readmore_link .fa {
  font-size: 14px;
}

.blog-image .icon.readmore_link {
  margin-left: 2px;
}

.blog-left-content .blog-image .icon,
.blog-left .blog-image .icon {
  display: inline-block;
  float: none;
  height: 42px;
  background-color: transparent;
  width: 42px;
  line-height: 14px;
  border: 2px solid #fff;
  color: #ffffff;
  font-size: 13px;
  padding: 12px;
  text-align: center;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog-left .blog-image .icon .fa-search-plus:before {
  content: "\f002";
}

.blog-left-content .blog-image .icon:hover,
.blog-left .blog-image .icon:hover {
  /* color: #ffffff;
  border-color: #275E44;
  background-color: #275E44; */
}

.blog-item .blog-image .post_hover a.icon.zoom,
.blog-item .blog-image .post_hover a.icon.readmore_link {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog-item:hover .blog-image .post_hover a.icon.zoom,
.blog-item:hover .blog-image .post_hover a.icon.readmore_link {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.all-blog .blog-left-content {
  float: left;
  width: 100%;
}

.all-blog .blog-left-content .blog-image {
  float: left;
  position: relative;
}

.blog-right-content {
  clear: both;
  float: left;
  width: 100%;
}

.blog-right-content .blog-title {
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0 0px;
  padding: 0 0 10px;
  position: relative;
  text-transform: initial;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.blog-right-content .blog-title a {
  color: #000;
}

.blog-right-content .blog-title a:hover {
  color: #275E44;
}

.blog-right-content .read-more a:hover::after {
  color: #fff;
}

.blog-right-content .read-more a:hover {
  color: #fff;
  background-color: #275E44;
  border-color: #275E44;
}

.blog-right-content .write-comment,
.blog-right-content .write-comment a {
  color: #275E44;
}

.blog-right-content .write-comment a:hover,
.blog-right-content .write-comment a:hover:before {
  color: #275E44;
}

.write-comment-count {
  float: left;
  margin-right: 15px;
}

.information-blogger-blogs .write-comment {
  float: left;
}

/* .information-blogger-blogs .blog-image img {
    display: none;
} */
.all-blog .blog-right-content {
  padding: 20px 0px 0px;
}

.information-blogger-blogs .blog-image {
  margin-bottom: 0px;
  background-position: center center;
  overflow: hidden;
  width: 100%;
  background-repeat: no-repeat;
}

.information-blogger-blogs .panel-body {
  padding: 0 0 20px 0;
  position: relative;
}

.information-blogger-blogs .panel-default {
  border: none;
  margin-bottom: 20px;
  padding-bottom: 20px;
  background-color: transparent;
}

.information-blogger-blogs .panel-default .panel-inner {
  margin: 0 -15px;
}

.blog-desc {
  clear: both;
}

.information-blogger-blogs .panel-default:last-child {
  margin-bottom: 0px;
}

.blog-left-content:hover .post-image-hover::before {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
}

.date-comment {
  padding: 15px 0 10px;
  float: left;
  z-index: 9;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.date-comment a {
  color: #fff;
}

.blog-date-comment {
  margin-bottom: 15px;
  float: left;
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #ededed;
}

.blog-date {
  color: #262626;
  padding-bottom: 10px;
  float: left;
  width: 100%;
}

.blog-date-comment .blog-date {
  float: left;
  padding-bottom: 0px;
  width: auto;
  margin: 0px 25px 5px 0px;
  color: #275E44;
}

.blog-date-comment .comment-wrapper {
  float: none;
  margin-bottom: 5px;
  color: #275E44;
  display: inline-block;
  vertical-align: top;
}

.blog-date-comment .blog-date:before {
  color: #275E44;
}

.blog-date:before {
  color: #262626;
  content: "\f073";
  float: left;
  font-family: "FontAwesome";
  font-size: 14px;
  margin-right: 7px;
}

#content #blog-carousel .product-block .date-comment,
#content #blog-grid .product-block .date-comment {
  float: left;
  padding: 0;
  line-height: initial;
  width: 100%;
}

.date-time span {
  display: block;
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
}

.write-comment a:hover {
  color: #275E44;
}

#content #blog-carousel .product-block .blog_title a,
#content #blog-grid .product-block .blog_title a {
  color: #000000;
}

#content #blog-carousel .product-block .blog_title:hover a,
#content #blog-grid .product-block .blog_title:hover a {
  color: #275E44;
}

#content #blog-carousel .product-block .blog-right h4.blog_title:hover,
#content #blog-grid .product-block .blog-right h4.blog_title:hover {
  color: #275E44;
}

.write-comment a,
.date-time {
  color: #275E44;
  font-size: 15px;
}

.information-blogger-blogs .read-more {
  float: none;
  margin: 0px 0 0;
  display: inline-block;
  vertical-align: top;
  text-transform: initial;
}

.all-blog .blog-left-content:hover .post_hover {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -kkhtml-opacity: 1;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.blog-desc a.btn-default {
  background-color: transparent;
  border: 0px;
  color: #000000;
  text-decoration: underline;
  font-weight: 500;
  padding: 0px;
  vertical-align: top;
  font-size: 15px;
}

.blog-desc a.btn-default:hover {
  color: #275E44;
}

.blog-desc a.btn-default .fa {
  font-size: 0px;
}

#add-comment .col-sm-10 {
  width: 66.6667%;
}

#add-comment .col-sm-2 {
  width: 25%;
}

.blogs .buttons,
#blog-carousel .owl-pagination {
  display: none;
}

@media (max-width: 991px) {
  .box.blogs .box-content:after {
    width: 97%;
  }
}

@media (max-width: 575px) {
  .box.blogs .box-content:after {
    width: 95%;
  }
}

/*Codezeel Blog light-box CSS */

/*Codezeel Blog CSS */

/* Datetimepicker Css */
.bootstrap-datetimepicker-widget {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
}

.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #000 !important;
  color: #fff;
}

.bootstrap-datetimepicker-widget td.today:before {
  border-bottom: 7px solid #262626 !important;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #262626 !important;
  color: #161b1e !important;
}

.bootstrap-datetimepicker-widget td.active.today:before {
  border-bottom-color: #161b1e !important;
}

.bootstrap-datetimepicker-widget td span {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  background-color: #f3f3f3 !important;
}

.bootstrap-datetimepicker-widget td span:hover {
  background: #275E44 !important;
  color: #ffffff;
}

.bootstrap-datetimepicker-widget td span.active {
  background-color: #275E44 !important;
  color: #ffffff !important;
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #f3f3f3 !important;
}

.bootstrap-datetimepicker-widget td span.old:hover {
  color: #fff !important;
}

.picker-switch.accordion-toggle .btn {
  border: none;
  background-color: #262626;
  color: #fff;
}

.bootstrap-datetimepicker-widget td.day {
  position: relative;
}

.bootstrap-datetimepicker-widget td.day.active:before {
  border-bottom: 7px solid #fff !important;
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #262626 !important;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget a[data-action] {
  border: none;
}

/* End Datetimepicker Css */

/*.product-block .image .hover-image, 
#column-right .image .hover-image, 
#column-left .image .hover-image {
	left: 0;
    position: absolute;
    right: 0;
    top: 0;
}*/
.image_content {
  position: absolute;
  height: 100%;
  width: 100%;
}

#column-left .box-product .image>a,
#column-right .box-product .image>a {
  opacity: 1;
  filter: alpha(opacity=100);
}

#form-review .col-sm-2,
#form-review .col-sm-10 {
  width: 100%;
}

.container h1,
.container h2 {
  font: 500 22px/26px 'Open Sans', sans-serif;
  color: #333333;
  text-transform: initial;
  margin-bottom: 15px;
  clear: both;
}

#checkout-cart td.text-left a {
  font-weight: 500;
}

#product-category h1.page-title {
  border-bottom: 1px solid #ededed;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#content h3 {
  color: #262626;
  margin-bottom: 15px;
  font-weight: 500;
}

#form-review>h3 {
  font-size: 16px;
  font-weight: 600;
}

#content h3.product-title {
  font-size: 22px;
  font-weight: normal;
  padding: 10px 0 0;
  line-height: 32px;
  text-transform: initial;
}

#content h3.product-title,
#content h3.product-option {
  margin-bottom: 6px;
}

#content h3.product-option {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 500;
}

.productpage .product-right .form-group.qty {
  margin-top: 30px;
  margin-bottom: 30px;
}

.breadcrumb+.row {
  clear: both;
}

#content table thead tr td {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #262626;
  font-weight: 600;
}

.account-account #content ul.list-unstyled {
  margin-bottom: 25px;
}

.content-top .container {
  padding: 0px;
}

#carousel-0.banners-slider-carousel .container {
  position: relative;
}

/* QUCIK-VIEW */
.productpage-quickview .product-left {
  width: 50%;
  float: left;
}

.productpage-quickview .product-right {
  width: 50%;
  float: left;
  clear: none !important;
}

.quickview .product-right ul li.discount,
.quickview .product-right ul li.rewardpoint,
.quickview .product-right ul li.price-tax {
  clear: both;
}

.quickview {
  background: #ffffff;
  padding: 15px 0;
  display: inline-block;
  width: 100%;
}

.quickview .container {
  width: 100%;
  background: #ffffff;
  padding: 0 10px;
}

.quickview .container .row {
  margin: 0;
}

.quickview .top_button {
  display: none;
}

.quickview #product2 {
  float: left;
  width: 100%;
}

.quickview #product2 h3 {
  width: 100%;
}

.productpage-quickview #product2 h3 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 10px;
  padding: 0;
  text-transform: none;
  color: #262626;
}

.quickview #content .product-right h3.product-price {
  margin-bottom: 2px;
}

.quickview-button {
  display: block;
  margin-bottom: 5px;
}

.quickview-button:hover a.quickbox {
  background-color: #275E44;
  background-image: url(../image/codezeel/quick-view-hover.svg);
}

.quickview-button a.quickbox {
  font-size: 0px;
  font-weight: 400;
  display: block;
  padding: 7px 0;
  height: 35px;
  width: 35px;
  transition: none;
  position: relative;
  background-color: transparent;
  background-image: url(../image/codezeel/quick-view.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 19px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.quickview-button a.quickbox .fa {
  display: block;
  font-size: 15px;
}

@media (max-width: 767px) {
  .quickbox {
    display: none;
  }

  .quickview-button {
    display: none;
  }
}

.alert.alert-success.animated {
  width: 100%;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  padding: 20px 20px;
  opacity: 0.95 !important;
  -webkit-opacity: 0.95 !important;
  -moz-opacity: 0.95 !important;
  -khtml-opacity: 0.95 !important;
  background-color: #303030 !important;
  border-color: #303030 !important;
  color: #fff !important;
}

.alert.alert-success.animated span {
  font-size: 16px !important;
}

.alert.alert-success.animated span a {
  color: #fff;
  text-decoration: underline;
}

.alert.alert-success.animated span .fa.fa-check-circle {
  color: #9bcf85;
}

.alert.alert-success.animated button.close {
  opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  color: #fff;
}

.account-login .well .form-group a,
.affiliate-login .well .form-group a {
  line-height: 30px;
}

.form-group.qty {
  clear: both;
  overflow: hidden;
  position: relative;
  margin-top: 0px;
  margin-bottom: 15px;
}

.productpage .form-group.qty .compare:hover,
.productpage .form-group.qty .wishlist:hover,
.quickview .form-group.qty .wishlist:hover,
.quickview .form-group.qty .compare:hover {
  background-color: #275E44;
}

.productpage .form-group.qty .wishlist,
.quickview .form-group.qty .wishlist {
  font-size: 0;
  height: 44px;
  width: 44px;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  padding: 10px 14px;
  transition: none;
  background: #000000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  background-image: url(../image/codezeel/wishlist-hover.svg);
}

.productpage .form-group.qty .compare,
.quickview .form-group.qty .compare {
  font-size: 0;
  height: 44px;
  width: 44px;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  padding: 10px 14px;
  transition: none;
  background: #000000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  background-image: url(../image/codezeel/compare-hover.svg);
}

#button-cart,
#button-cart2,
.productpage .form-group.qty .wishlist,
.productpage .form-group.qty .compare,
.quickview .form-group.qty .wishlist,
.quickview .form-group.qty .compare {
  float: left;
}

/*.productpage .form-group.qty .wishlist,
.productpage .form-group.qty .compare{    
    color: #000000;
    font-size: 0px;
    font-weight: 400;
    display: inline-block;
    padding: 0px 22px 5px 2px;
    text-align: left;
    width: 44px;
    transition: none;
    height: 44px;
}*/
.productpage .form-group.qty .wishlist:hover,
.quickview .form-group.qty .wishlist:hover,
.productpage .form-group.qty .compare:hover,
.quickview .form-group.qty .compare:hover {
  color: #275E44;
}

.owl-carousel .item .image-container {
  float: left;
}

/*-------------------------- Start Home page Service CMS Block -------------------------------*/

#czservicecmsblock {
  clear: both;
  float: left;
  width: 100%;
  position: relative;
  margin: 100px 0 60px;
}

#czservicecmsblock .service-area .service-fourth {
  float: left;
  width: 25%;
  padding: 0 15px;
  text-align: center;
}

#czservicecmsblock .service-area .service-fourth .service-icon {
  height: 70px;
  width: 65px;
  margin: 0 auto;
  display: block;
  position: relative;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  background: url(../image/codezeel/service-icon.png) no-repeat scroll transparent;
}

#czservicecmsblock .service-area .service-fourth .service-content {
  margin-top: 20px;
}

#czservicecmsblock .service-area .service-fourth .service-content .service-heading {
  font-size: 18px;
  letter-spacing: 0.3px;
  font-weight: 600;
  text-transform: capitalize;
  color: #262626;
  padding: 0 0 15px;
  font-family: 'Open Sans', sans-serif;
}

#czservicecmsblock .service-area .service-fourth:hover .service-content .service-heading {
  color: #275E44;
}

#czservicecmsblock .service-area .service-fourth .service-content .service-description {
  letter-spacing: 0.9px;
  line-height: 28px;
}

#czservicecmsblock .service-area .service-fourth.service1 .icon1 {
  background-position: center 9px;
}

#czservicecmsblock .service-area .service-fourth.service1:hover .icon1 {
  background-position: center -102px;
}

#czservicecmsblock .service-area .service-fourth.service2 .icon2 {
  background-position: center -212px;
}

#czservicecmsblock .service-area .service-fourth.service2:hover .icon2 {
  background-position: center -323px;
}

#czservicecmsblock .service-area .service-fourth.service3 .icon3 {
  background-position: center -436px;
}

#czservicecmsblock .service-area .service-fourth.service3:hover .icon3 {
  background-position: center -548px;
}

#czservicecmsblock .service-area .service-fourth.service4 .icon4 {
  background-position: center -658px;
}

#czservicecmsblock .service-area .service-fourth.service4:hover .icon4 {
  background-position: center -769px;
}

@media (min-width: 992px) {
  #czservicecmsblock .service-area .service-fourth.service1 {
    padding-left: 0;
  }

  #czservicecmsblock .service-area .service-fourth.service4 {
    padding-right: 0px;
  }
}

@media (max-width: 991px) {
  #czservicecmsblock {
    margin-top: 50px;
    margin-bottom: 15px;
  }

  #czservicecmsblock .service-area .service-fourth {
    width: 50%;
    margin-bottom: 20px;
  }

  #czservicecmsblock .service-area .service-fourth .service-content {
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  #czservicecmsblock .service-area .service-fourth .service-content .service-heading {
    font-size: 16px;
  }
}

@media (max-width: 399px) {
  #czservicecmsblock .service-area .service-fourth {
    width: 100%;
    padding: 0px;
  }
}

/*-------------------------- Start Home page Testimonial CMS Block -------------------------------*/

#cztestimonialcmsblock {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
}

#cztestimonialcmsblock .testimonial_wrapper {
  text-align: center;
  overflow: hidden;
  background: url(../image/codezeel/testimonial-bkg.png) no-repeat scroll center center;
  background-color: #ededed;
}

#cztestimonialcmsblock .testimonial_wrapper .testimonial-area {
  float: left;
  width: 100%;
  position: relative;
  padding: 72px 50px 70px;
}

#cztestimonialcmsblock .customNavigation {
  display: none;
}

#cztestimonialcmsblock ul#testimonial-carousel {
  padding: 0px;
  margin: 0px;
}

#cztestimonialcmsblock li.slider-item {
  list-style: none;
  text-align: center;
}

#cztestimonialcmsblock .testimonial-item .testimonial-image {
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  border: 3px solid #275E44;
}

#cztestimonialcmsblock .testimonial-item .testimonial-image img {
  max-width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

#cztestimonialcmsblock .testimonial-item .testimonial-image .quote_img {
  width: 32px;
  height: 32px;
  display: inline-block;
  position: absolute;
  text-align: center;
  vertical-align: top;
  z-index: 2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  background-image: url(../image/codezeel/quote.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px;
  background-color: #275E44;
}

#cztestimonialcmsblock .testimonial-item .title {
  text-align: center;
  display: block;
  margin-top: 20px;
}

#cztestimonialcmsblock .testimonial-item .name {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

#cztestimonialcmsblock .testimonial-item .name a {
  color: #262626;
  display: inline-block;
  vertical-align: top;
  text-transform: capitalize;
  font-size: 18px;
  letter-spacing: 0.29px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  font-family: 'Open Sans', sans-serif;
}

#cztestimonialcmsblock .testimonial-item .title .subheading {
  color: #666666;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.29px;
  line-height: 24px;
  font-family: 'Open Sans', sans-serif;
}

#cztestimonialcmsblock .testimonial-item .des {
  color: #666666;
  position: relative;
  line-height: 30px;
  padding: 20px 70px 30px;
}

#cztestimonialcmsblock .testimonial-item .product_inner_cms {
  margin-top: 10px;
}

#cztestimonialcmsblock .owl-controls .owl-pagination {
  top: 0px;
  padding-top: 11px;
}

@media (max-width: 1459px) {
  #cztestimonialcmsblock .testimonial_wrapper .testimonial-area {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 1199px) {
  #cztestimonialcmsblock .testimonial-item .des {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 991px) {
  #cztestimonialcmsblock .testimonial_wrapper .testimonial-area {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 28px;
  }

  #cztestimonialcmsblock .testimonial-item .des {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
    padding-bottom: 15px;
  }
}

/*@media (max-width: 991px) {
    .footer-container .links.block-contact, .footer-container .links, .footer .payement_logo_block {
        width: 100%;
        padding-left: 15px;
        margin: 0;
        padding-right: 15px;
        padding-top: 0;
        padding-bottom: 0;
    }
    #footer .block_newsletter {
        width: 100%;
        padding: 5px 15px;
    }
    
    #footer .links .navbar-toggler {
        display: inline-block;
        padding: 0;
        width: auto;
    }
    .footer-after .links span{
        margin: 0;
        display: inline-block;
    }
    .homeblog-latest .products-section-title {
        margin-bottom: 15px;
    }
}
@media (max-width: 767px) {
    .products-sort-order {
        padding: 0;
    }
    .products .product-title a {
        font-size: 13px;
    }
}
@media (max-width: 650px) {
    .products .product_list li.product_item {
        width: 50%;
    }
    #products .products .product_list.list li.product_item {
        width: 100%;
    }
    #products .product_list li.product_item.col-md-4, .products .product_list li.product_item.col-md-6 {
        width: 50%;
    }

    .footer-after .links li {
        padding-right: 10px;
    }
    #footer .block_newsletter .block_content {
        width: 100%;
    }
} 
@media (max-width: 479px) {
    .products .product_list li.product_item {
        width: auto;
        display: inline-block;
        margin: 0 auto;
        float: none;
    }
    #products .product_list li.product_item.col-md-4, .products .product_list li.product_item.col-md-6 {
        width: auto;
    }
    .products .product_list {
        text-align: center;
    }
}*/

/**********		Responsive css start	***********/

@media (min-width: 992px) {
  #footer .column.footerleft .contact-block h5 {
    display: none;
  }
}

@media (max-width: 1670px) {

  .hometab,
  .categorytab {
    padding-left: 15px;
    padding-right: 15px;
  }

  .box.latest,
  .box.bestseller,
  .box.featured,
  .box.special {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 0px;
  }
}

@media (max-width: 1600px) {
  .main-slider {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 1459px) {

  .main-menu ul>li>a,
  .hiden_menu li>a,
  .header-container.fixed .main-menu>ul>li>a {
    padding-left: 22px;
    padding-right: 22px;
  }

  #column-left .box .box-heading,
  #column-right .box .box-heading {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
  }

  #column-left .box .box-content,
  #column-right .box .box-content,
  #column-left .box .list-group,
  #column-right .box .list-group,
  #column-left .box .filterbox,
  #column-right .box .filterbox {
    padding-left: 15px;
    padding-right: 15px;
  }

  .product-info .image-additional {
    width: 340px;
  }

  #column-left .product-thumb .caption,
  #column-right .product-thumb .caption {
    padding-top: 5px;
  }

  #footer .column:after {
    right: 15px;
  }
}

@media (max-width: 1459px) and (min-width: 1200px) {
  .blog_default_width {
    width: 280px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {

  .layout-2.left-col #column-left,
  #column-left {
    width: 22% !important;
  }

  .layout-2.left-col #content,
  .layout-2 #content {
    width: 78% !important;
  }

  .blog_default_width {
    width: 250px;
  }

  #column-left .product-items .product-details,
  #column-right .product-items .product-details {
    float: left;
    width: 100%;
  }
}

@media (max-width: 1199px) and (min-width: 600px) {
  .product-layout.product-grid {
    width: 32.8%;
  }
}

@media (max-width: 1199px) {

  .main-menu ul>li>a,
  .hiden_menu li>a,
  .header-container.fixed .main-menu>ul>li>a {
    padding-left: 18px;
    padding-right: 18px;
  }

  .product-info .image-additional {
    width: 250px;
  }

  .main-menu ul>li>a,
  .hiden_menu li>a,
  .header-container.fixed .main-menu>ul>li>a {
    padding-left: 18px;
    padding-right: 18px;
  }

  #czfootercmsblock .footerdesc {
    padding-right: 20px;
  }

  .product-layout.product-list {
    width: 100%;
  }

  .main-slider:hover .swiper-pager-button li.swiper-button-prev {
    left: 70px;
  }

  .main-slider:hover .swiper-pager-button li.swiper-button-next {
    right: 70px;
  }

  .box .box-content ul li ul li a {
    line-height: 22px;
    padding-bottom: 5px;
  }

  .shopping-cart .input-group-btn {
    width: auto;
    padding-top: 5px;
  }

  #content #blog-carousel .product-block .date-comment .date-time,
  #content #blog-grid .product-block .date-comment .date-time {
    margin-right: 25px;
  }

  .dropdown.myaccount {
    margin-left: 12px;
    margin-right: 12px;
  }

  .quickview .form-group.qty .btn-lg,
  .productpage .form-group.qty .btn-lg {
    min-width: 180px;
  }
}

@media (max-width: 991px) {
  .main-slider {
    padding-left: 15px;
    padding-right: 15px;
  }

  header:before {
    background: none;
    height: auto;
    width: auto;
    top: 0;
  }

  .czcategory_block .box-heading,
  .box-heading {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 20px;
  }

  .common-home #content,
  .common-home #column-left {
    padding: 0px;
  }

  .common-home section.page-container.container:after {
    bottom: 0px;
  }

  section.page-container.container:after {
    height: auto;
    width: auto;
    position: relative;
    bottom: 0px;
  }

  #top {
    display: none;
  }

  #column-left .box,
  #column-right .box,
  .single-banner {
    margin-bottom: 15px;
  }

  .header-container .main-navigation.treeview .nav-top {
    padding-left: 8px;
    padding-top: 4px;
  }

  .header-container .main-navigation.treeview .nav-top .navcms {
    color: #000000;
    text-align: left;
    line-height: 24px;
  }

  .nav-responsive span,
  .main-menu>ul>li>a {
    line-height: 26px;
  }

  .lang-curr {
    float: left;
    width: 100%;
  }

  .lang-curr .pull-left {
    float: left;
    width: 100%;
    display: block;
    margin-top: 5px;
  }

  #form-currency .btn-link strong {
    display: inline-block;
    color: #000000;
    font-size: 13px;
  }

  #form-language {
    margin-right: 0px;
    margin-bottom: 10px;
  }

  #form-currency .btn-link,
  #form-language .btn-link {
    margin-left: 0px;
    color: #000000;
    float: left;
    width: 100%;
    font-size: 13px;
    text-align: left;
  }

  #form-currency .btn-link:hover,
  #form-language .btn-link:hover {
    color: #275E44;
  }

  #form-language .dropdown-menu,
  #form-currency .dropdown-menu {
    left: 0;
    right: auto;
    top: auto;
    bottom: 35px;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 16%);
    -webkit-box-shadow: 0px 2px 5px rgb(0 0 0 / 16%);
  }

  #form-language img {
    display: inline-block;
    vertical-align: middle;
  }

  #form-language .btn-link.dropdown-toggle:after {
    border-right: 0px;
  }

  .newsletter .box-heading {
    padding-bottom: 10px;
  }

  #search,
  .header-container.fixed #search {
    margin-top: 10px;
  }

  #cart .dropdown-menu {
    top: 46px;
    right: 0;
  }

  .header-container.fixed .nav-responsive .expandable:before {
    top: 9px;
  }

  #top-links {
    float: none;
    text-align: center;
  }

  #top .nav-left.navcms {
    display: none;
  }

  #form-language .btn-link.dropdown-toggle .fa-angle-down:before {
    margin-right: 3px;
  }

  .headertop-inner.fixed .responsive-menu .nav-responsive .expandable:before {
    left: 20px;
    top: 12px;
  }

  .header-logo,
  .header-container.fixed .header-logo {
    /* margin-left: 30px;
    max-width: 183px;
    z-index: 8; */
    position: relative;
    /* text-align: left;
    float: left; */
  }

  #search .search_toggle {
    top: 49px;
    display: none;
    position: absolute;
    background: none;
    border: 1px solid #ededed;
    border-radius: 25px;
  }

  .header-cart,
  .header-container.fixed .header-cart {
    margin-top: 13px;
  }

  #cart-total {
    font-size: 0;
    padding: 0;
  }

  #cart .dropdown-toggle {
    padding: 0px;
  }

  #tabs_info .tab-content {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
  }

  #top-links ul.list-inline li {
    padding: 0 7px 0 0px;
  }

  .main-menu ul>li>a {
    padding: 16px 20px 15px;
  }

  .main-menu ul>li:first-child>a {
    padding: 16px 20px 15px 8px;
  }

  .col-md-6.result-info {
    float: left;
    padding: 0 15px;
    position: relative;
    width: 70%;
  }

  .btn_viewmore {
    margin-top: 20px;
  }

  .box .box-content ul li .hitarea {
    right: 0px;
  }

  .col-md-3.row-result-search-autocomplete-image {
    float: left;
    width: auto;
  }

  .blogs .customNavigation {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .category_img img {
    max-width: 100%;
  }

  .cat-desc {
    width: 55%;
  }

  .category .image {
    width: 45%;
  }

  .blog-left .blog-image img {
    height: auto;
    width: 100%;
  }

  .categoryblock {
    width: 50%;
  }

  #banner0 img,
  #banner1 img,
  #banner2 img {
    max-width: 100%;
  }

  .common-home .category-left-box .box-content {
    display: none;
  }

  .catgory-left {
    position: absolute;
    z-index: 3;
    width: 270px;
    padding: 0;
  }

  .address_content {
    padding-right: 35px;
  }

  .manufacture_block>ul {
    width: 90%;
  }

  .box-category-heading {
    width: 211px;
  }

  .common-home .box-category-heading {
    width: 270px;
  }

  .common-home #nav-one>li>.dropdown-menu {
    left: 268px;
  }

  #nav-one>li>.dropdown-menu {
    left: 168px;
  }

  .bottomfooter .paiement_logo_block {
    text-align: center;
    position: static;
    padding-bottom: 5px;
  }

  p.powered {
    float: none;
    text-align: center;
    padding-bottom: 10px;
  }

  footer h5:before {
    bottom: 1px;
  }

  #footer .news-title:before {
    bottom: -8px;
  }

  footer h5.toggle {
    margin-bottom: 12px;
  }

  #czfootercmsblock .footercms-inner {
    width: 100%;
    text-align: center;
    position: relative;
    right: 0px;
  }

  #column-left .box.special {
    padding-top: 0px;
  }

  .main-slider .swiper-pager div {
    display: none;
  }

  .box-category-heading {
    display: none;
  }

  .container,
  footer {
    top: auto;
  }

  .box.category {
    display: none;
  }

  #column-left .box-product .image,
  #column-right .box-product .image {
    margin-right: 15px;
  }

  .col-md-4.btn-list-grid {
    margin-bottom: 10px;
  }

  .pagination-right {
    clear: both;
    float: left;
    margin: 5px 0;
  }

  .product-info .image-additional {
    width: 260px;
  }

  .product-compare .table-bordered {
    width: 100%;
    float: left;
    overflow: auto;
  }

  .hometab,
  .categorytab {
    padding-top: 30px;
    padding-bottom: 0px;
  }

  /* #footer .column ul {
    display: none;
  } */







  #footer .column {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    min-height: auto;
    padding-left: 15px;
    border: 0;
  }

  #footer .newsletter .news-title {
    margin-top: 25px;
    margin-bottom: 32px;
  }

  #footer .column.footerleft .contact-block .desc {
    margin-bottom: 12px;
  }

  #footer .newsletter .news-description {
    padding-bottom: 15px;
  }

  .bottomfooter .paiement_logo_block img {
    margin-left: 5px;
    margin-right: 5px;
  }

  .newsletter .news-title {
    padding: 0;
    background: none;
  }

  .newsletter .input-news {
    width: 100%;
  }

  #czfootercmsblock .footercms-inner .footercms img {
    max-height: 35px;
  }

  .footer-blocks #footerlogo .footerdesc {
    margin-bottom: 10px;
    padding: 0;
  }

  #footer .column.footerright {
    padding-right: 15px;
  }

  #footer .footer-blocks .column .social-block ul {
    display: block;
    margin-bottom: 0;
  }

  .social-block {
    display: block;
    text-align: center;
    clear: both;
    width: 100%;
    margin-left: 0px;
    margin-top: 12px;
  }

  #footer .column.contact-block {
    padding: 0px 15px;
    border: 0px;
  }

  #footer .column.footerleft {
    margin-bottom: 0;
  }

  #accordion .form-horizontal .control-label {
    width: 100%;
  }

  .information-blogger-blogs .blog-image img {
    display: block;
  }

  #search .col-sm-3.sort {
    width: 37%;
  }

  .col-sm-5.t-search {
    width: 86%;
    padding: 10px 0;
  }

  .cate-heading,
  ul.subcats {
    float: none;
  }

  .cat-desc {
    display: inline-block;
    float: none;
    text-align: center;
    width: 100%;
  }

  .head-right-bottom .header-cms-block {
    margin: 20px 0;
  }

  #search .col-sm-3.sort {
    width: 35%;
  }

  .layout-2.left-col #content,
  .layout-2.right-col #content,
  .layout-3 #content {
    float: left;
    width: 100%;
  }

  .main-slider .owl-carousel {
    width: 100%;
  }

  #footer {
    margin-top: 0;
    box-shadow: none;
  }

  #footer,
  .bottomfooter .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  #footer .column ul {
    margin-bottom: 15px;
  }

  #footer .column:after {
    content: initial;
  }

  .content_footer_bottom {
    margin-top: 20px;
  }

  .footertop-cms .subtitle {
    font-size: 11px;
  }

  .footertop-cms .title {
    font-size: 13px;
  }

  .blog-left .blog-image img {
    height: auto;
    width: 100%;
  }

  .category-row {
    margin-left: -5px;
    margin-right: -5px;
  }

  .categoryblock {
    padding-left: 5px;
    padding-right: 5px;
  }

  .category .image {
    float: none;
    clear: both;
    text-align: center;
  }

  .category .image a {
    display: inline-block;
  }

  .col-sm-10.subscribe-btn {
    width: 100%;
  }

  .col-sm-10.subscribe-btn {
    float: left;
    clear: both;
  }

  .header-left {
    text-align: left;
    width: 50%;
    padding: 0;
    border: medium none;
  }

  .col-sm-4.header-logo {
    float: none;
  }

  .header-right {
    width: 50%;
    border: none;
    padding: 40px 0 0;
  }

  .nav-inner {
    display: block;
    color: #fff;
    margin-bottom: 0px;
  }

  .nav-inner-cms .box-category-heading,
  .nav-inner-cms .main-menu ul {
    display: none;
  }

  /* .nav-responsive span{border:none; padding: 0; font-size: 0;} */
  #cms-menu {
    position: relative;
  }

  .nav-inner-cms {
    border: none;
    margin-bottom: 0;
  }

  .content-top #content {
    min-height: initial;
  }

  .contact-info .right {
    float: left;
    clear: both;
    margin-top: 20px;
  }

  /*#column-left .box .box-content, #column-right .box .box-content, #column-left .box .filterbox, #column-right .box .filterbox,
	#column-right .single-banner, #column-left .single-banner {display: none;}*/
  #column-right .toggle .mobile_togglemenu,
  #column-left .toggle .mobile_togglemenu {
    display: block;
    cursor: pointer;
    width: 100%;
    margin-top: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0px;
    left: 0;
    background: transparent none repeat scroll 0 0;
    transition: initial;
    -webkit-transition: initial;
    -moz-transition: initial;
    -ms-transition: initial;
    -o-transition: initial;
  }

  #column-right .toggle .mobile_togglemenu:before,
  #column-left .toggle .mobile_togglemenu:before {
    background: transparent none repeat scroll 0 0;
    color: #000000;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 22px;
    font-weight: 400;
    height: 20px;
    margin: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 11px;
    width: 20px;
  }

  #column-right .toggle.active .mobile_togglemenu::before,
  #column-left .toggle.active .mobile_togglemenu::before {
    content: "\f106";
  }

  #tabs_info {
    margin-top: 40px;
    margin-bottom: 10px;
  }

  .productpage .box {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .layout-2.left-col #column-left,
  .layout-2.right-col #column-right,
  .layout-3 #column-left,
  .layout-3 #column-right,
  #column-left,
  #column-right {
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 20px;
  }

  #column-left .box .box-content,
  #column-right .box .box-content,
  #column-left .box .filterbox,
  #column-right .box .filterbox,
  #column-left .box .list-group,
  #column-right .box .list-group {
    display: none;
  }

  .homepage-testimonials-inner.box-content {
    display: none;
  }

  #testimonial .customNavigation a.next:hover::before,
  #testimonial .customNavigation a.prev:hover::before {
    color: #262626;
  }

  .result-search-autocomplete>ul>li {
    float: left;
    clear: both;
  }

  .col-md-3.row-result-search-autocomplete-image {
    float: left;
    width: auto;
  }

  .col-md-6.result-info {
    float: left;
    width: 50%;
  }

  #banner0 img,
  #banner1 img,
  #banner2 img {
    max-width: 100%;
  }

  .zoomWindowContainer .zoomWindow {
    height: 450px !important;
  }

  .catgory-left {
    display: none;
  }

  #footer #contact.column h5 {
    display: block;
  }

  .footer-blocks {
    padding-top: 50px;
    padding-bottom: 38px;
  }

  .block-social {
    float: none;
    text-align: center;
  }

  .manufacture_block>ul {
    width: 80%;
  }

  #footer #contact.column ul {
    margin-top: 15px;
    width: 380px;
  }

  .swiper-pager-button {
    display: none;
  }

  .main-slider .swiper-pagination {
    opacity: 1;
  }

  .box.latest {
    padding-bottom: 40px;
  }

  .header-container.fixed .responsive-menu .nav-responsive span {
    padding-top: 0px;
  }

  .banners-slider-carousel .carousel-block {
    padding-top: 38px;
    padding-bottom: 42px;
  }

  .wishlist-info {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 2px;
    margin-right: 5px;
  }

  .wishlist-info a {
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
    float: left;
  }

  .wishlist-info a:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }

  .wishlist-info:after,
  .dropdown.myaccount:after {
    border: 0;
  }

  .dropdown.myaccount,
  .header-container.fixed .dropdown.myaccount {
    margin-top: 9px;
    margin-left: 12px;
    margin-right: 18px;
  }

  .dropdown.myaccount .myaccount-menu {
    top: 50px;
  }

  .dropdown.myaccount a,
  .dropdown.myaccount .fa {
    font-size: 0;
  }

  .blogs {
    margin-top: 60px;
    margin-bottom: 38px;
  }

  header {
    min-height: 72px;
  }

  .tab-content .customNavigation a.prev {
    left: 0;
  }

  .tab-content .customNavigation a.next {
    right: 0;
  }

  .newsletter .news-subtitle {
    margin-bottom: 12px;
  }

  li.nav-top .nav-left.navcms {
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
    float: left;
    text-align: left;
    color: #000000;
    line-height: 24px;
  }

  #search .search_button {
    display: block;
  }

  .header-main {
    margin-top: 18px;
    margin-bottom: 16px;
  }

  .contact-link span.call-text:hover {
    color: #275E44;
  }

  #search .input-lg {
    background: #fff;
    border-color: #ededed;
  }

  .contact-link span.call-text {
    float: left;
    color: #000;
    padding: 4px 8px;
  }

  .contact-link a.call-number {
    float: left;
    text-align: left;
    width: 100%;
  }

  .header-container.fixed {
    background-color: #ffffff;
    color: #ffffff;
    position: fixed;
    top: 0;
    z-index: 99;
    animation: 0.9s ease 0s normal both 1 running fixedAnim;
    -webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;
    -moz-animation: 0.9s ease 0s normal both 1 running fixedAnim;
    -o-animation: 0.9s ease 0s normal both 1 running fixedAnim;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
    box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .layout-2 #content {
    width: 77.35%;
  }

  #column-left .product-items .product-details,
  #column-right .product-items .product-details {
    float: left;
    margin: 0px 0 0;
  }
}

@media (max-width: 767px) {
  #products {
    margin-left: 0px;
  }

  .product-layout.product-grid {
    width: 32.8%;
  }

  .common-home .container,
  .common-home #top .container,
  .common-home header .container {
    width: auto;
  }

  .layout-2 #content,
  .layout-3 #content {
    width: 100%;
  }

  .product-info .image-additional a {
    padding: 0px;
  }

  .header-left {
    width: 100%;
    text-align: center;
  }

  .headertopright {
    float: none;
    display: inline-block;
    margin-bottom: -20px;
  }

  .header-logo>div {
    display: inline-block;
  }

  .btn-info {
    margin-bottom: 3px;
  }

  #input-search {
    margin-bottom: 8px;
  }

  .header-logo #logo {
    margin: 0px;
    position: static;
  }

  .col-sm-4.total_amount {
    margin-top: 20px;
  }

  .wrap-breadcrumb {
    padding-top: 25px;
  }

  .header-cart #cart>.btn:hover {
    color: #275E44;
  }

  .productpage .product-left {
    width: 100%;
  }

  .productpage .product-right {
    width: 100%;
  }

  #top-links ul.list-inline li {
    padding: 0 10px 0 8px;
  }

  .checkout-cart .table.table-bordered .input-group-btn {
    clear: both;
    margin: 5px 0 0;
    float: left;
  }

  .checkout-cart .btn.btn-danger {
    margin-top: -2px !important;
  }

  .button_class {
    clear: both;
  }

  .show-wrapper {
    clear: both;
    margin: 10px 0 0;
  }

  .category_filter .show {
    float: left;
    margin: 8px 10px 0 0;
  }

  .product-compare .table-bordered {
    float: left;
    width: 100%;
    overflow: auto;
  }

  .product-info .image,
  .product-info .additional-carousel {
    margin: 0 auto;
    max-width: 350px;
  }

  .main-slider .owl-carousel .owl-buttons,
  .main-slider .owl-carousel .owl-pagination {
    display: none;
  }

  .addthis_toolbox.addthis_default_style {
    margin: 10px 0;
  }

  #content .category_list .filterbox {
    border: 1px solid #e5e5e5;
    margin: 10px 0;
    background-color: #fff;
  }

  #content .category_list .filterbox .list-group a {
    border: none;
  }

  .checkout-cart .input-group-btn:last-child>.btn,
  .checkout-cart .input-group-btn:last-child>.btn-group {
    margin-left: 0;
    margin-right: 5px;
  }

  .checkout-cart #accordion .input-group-btn:last-child>.btn,
  .checkout-cart #accordion .input-group-btn:last-child>.btn-group {
    margin-left: 5px;
    margin-right: 0;
  }

  .blog-left .blog-image img {
    height: auto;
    width: 100%;
  }

  .addtocart .fa {
    margin: 0;
  }

  .headertopright .text2 span.hidden-xs,
  .headertopright .text2 span.hidden-sm,
  .headertopright .text2 span.hidden-md {
    display: block !important;
  }

  .col-sm-5.header-search {
    width: 78.7%;
  }

  #search .col-sm-3.sort {
    width: 39%;
    float: left;
  }

  .col-sm-3.header-cart {
    width: 9%;
  }

  .owl-carousel .owl-buttons div {
    opacity: 1 !important;
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
  }

  .box.bestseller {
    padding-top: 30px;
  }

  .cz_newsletterdiv {
    width: 100%;
  }

  .news-social {
    width: 100%;
    padding: 20px 10px 25px;
  }

  .product-list .product-thumb .button-group .addtocart .fa {
    margin-right: 10px;
  }

  .product-layout.product-list .product-block-inner .image_wrapper {
    float: left;
    width: 29%;
  }

  .product-list .product-details {
    width: 71%;
  }

  #button-cart {
    margin-bottom: 0;
    min-width: initial;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: none;
  }

  .information-blogger-blogs .blog-image img {
    display: inline-block;
    max-width: 100%;
  }

  .all-blog .blog-left-content .blog-image {
    height: auto;
  }

  .category_tab .nav-tabs {
    float: left;
    width: 100%;
    margin: 10px 0;
  }

  .category_tab .tab-content {
    clear: both;
  }

  .category_tab .tab-pane .owl-carousel .owl-buttons div {
    top: -50px;
  }

  .categoryblock {
    width: 50%;
    margin-bottom: 10px;
  }

  .category .image {
    float: none;
    clear: none;
  }

  .category {
    padding: 0 10px;
  }

  .layout-2.left-col #column-left,
  .layout-2.right-col #column-right,
  .layout-3 #column-left,
  .layout-3 #column-right,
  #column-left,
  #column-right {
    display: block !important;
  }

  #carousel-0.banners-slider-carousel .customNavigation a {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
  }

  .responsive-menu.container {
    padding: 0 !important;
    position: relative;
    width: 100%;
  }

  .main-slider {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .main-slider img {
    width: 100%;
  }

  .static_links li a {
    padding: 16px 10px 17px;
  }

  .header-right {
    text-align: center;
    display: none;
  }

  .head-right-top {
    float: none;
    margin: 0 auto;
    display: none;
  }

  .bottomfooter .paiement_logo_block {
    text-align: center;
  }

  .footerbottom-cms {
    width: 100%;
    text-align: center;
  }

  .top-inner .left-logo {
    padding-right: 20px;
  }

  .searchbar .col-sm-3.sort {
    width: 100%;
  }

  .content_header_topright {
    letter-spacing: 0.3px;
  }

  .col-sm-3.sort {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .product-layout.product-grid {
    width: 49.4%;
  }

  .productbox-grid .product-block .button-addtocart,
  .product-carousel .product-block .button-addtocart,
  .product-grid .product-block .button-addtocart {
    position: relative;
    bottom: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 7px;
  }

  .product-block:hover .price {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .hometab .htabs {
    margin-top: 6px;
    margin-bottom: 8px;
  }

  .tab-head {
    display: inline-block;
    width: 100%;
    height: auto;
    border: none;
  }

  .hometab.box .categorytab-inner {
    border-top: 0px;
  }

  .blog_default_width {
    width: 335px;
  }

  .nav-tabs a,
  .htabs a,
  .categorytab .nav-tabs a,
  #tabs_info .nav-tabs a {
    padding-top: 0px;
    padding-right: 12px;
    padding-bottom: 0px;
    padding-left: 12px;
    margin-bottom: 5px;
  }

  .htabs a.selected,
  .categorytab .nav-tabs li.active a,
  .htabs a:hover,
  .htabs a:focus,
  .categorytab .nav-tabs a:hover,
  .categorytab .nav-tabs a:focus,
  #tabs_info .nav-tabs li.active a,
  #tabs_info .nav-tabs a:hover {
    color: #275E44;
    background-color: transparent;
  }

  #tabs_info .nav-tabs a:before,
  .htabs .etabs li a:before {
    border: 0px;
  }

  .htabs a:before,
  #tabs_info .nav-tabs a:before,
  .categorytab .nav-tabs a:before {
    display: none;
  }

  .box.special .box-heading {
    float: none;
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  #offerclock {
    float: none;
    margin-bottom: 60px;
  }

  .box.special .customNavigation {
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .newsletter .news-title {
    font-size: 20px;
  }

  .product-layout.product-list .product-block-inner .image_wrapper {
    margin: 0 auto;
    text-align: center;
    max-width: 248px;
    float: none;
    width: 100%;
  }

  .product-list .product-details {
    float: left;
    width: 100%;
    clear: both;
  }

  .product-list .product-thumb .caption {
    padding-left: 0;
    padding-right: 0px;
    text-align: center;
    width: 100%;
  }

  .product-list .product-thumb h4:before {
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  #tabs_info.product-tab .nav-tabs {
    padding-bottom: 0px;
  }

  .product-block .product-details .rating {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .header-logo,
  .header-container.fixed .header-logo {
    max-width: 165px;
  }
}

@media (max-width: 480px) {

  .czcategory_block .box-heading,
  .box-heading {
    font-size: 20px;
    margin-bottom: 15px;
  }

  #form-currency .btn-link strong {
    font-size: 14px;
  }

  .subscribe-btn .btn.btn-lg {
    padding-left: 25px;
    padding-right: 25px;
  }

  .newsletter #txtemail {
    padding-left: 15px;
    padding-right: 140px;
  }

  .main-slider .swiper-pagination {
    bottom: 5px;
  }

  .main-slider .swiper-pager ul {
    margin-right: 20px;
  }

  #cart .dropdown-menu {
    width: 270px;
  }

  #form-currency .btn-link.dropdown-toggle,
  #form-language .btn-link.dropdown-toggle {
    margin-left: 0px;
  }

  .product-thumb .price-new {
    font-size: 14px;
  }

  .product-thumb .price-old {
    font-size: 13px;
  }

  #button-cart {
    float: none;
  }

  .product-layout.product-grid {
    width: 49.3%;
  }
}

@media only screen and (max-width: 479px) {
  .product-info .image-additional a {
    float: none;
    text-align: center;
  }

  .head-right-bottom {
    bottom: -65px;
  }

  .table {
    float: left;
    margin-bottom: 20px;
    overflow: scroll;
    width: 100%;
  }

  #column-left .box.special .product-block-inner {
    margin: 0px;
    max-width: none;
  }

  .product-list .product-thumb .product-block-inner {
    text-align: center;
    margin: 0;
    max-width: none;
  }

  .shopping-cart .input-group .form-control {
    width: 100%;
    padding: 0;
    text-align: center;
  }

  .account-wishlist .table-bordered {
    float: left;
    width: 100%;
    overflow: auto;
    display: block;
  }

  .flex-direction-nav a:before {
    font-size: 27px !important;
  }

  .dropdown-menu.pull-right {
    width: 100%;
  }

  #cart .dropdown-menu li>div {
    min-width: 100%;
  }

  .category_filter .limit {
    float: left;
  }

  .contact-info .left,
  .contact-info .right {
    width: 100%;
  }

  .product-info .image,
  .product-info .additional-carousel {
    width: 100%;
  }

  .productpage .write-review,
  .productpage .review-count {
    display: inline-block;
    margin: 5px 0 0;
    width: 100%;
  }

  .pagination-wrapper .page-link {
    float: left;
  }

  .pagination-wrapper .page-result {
    float: left;
    clear: both;
  }

  .checkout-cart .pull-right {
    clear: both;
    float: left;
    margin: 10px 0;
  }

  .bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
  }

  .checkout-cart #accordion .input-group-btn {
    float: left;
    margin: 5px 0 0;
  }

  .blog-right {
    width: 100%;
  }

  .category_tab .tab-pane .owl-carousel .owl-buttons div {
    top: -45px;
  }

  .category_tab .owl-carousel .owl-buttons .owl-prev {
    display: inline-block;
    float: none;
    left: auto !important;
    opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
    position: absolute;
    right: 51% !important;
  }

  .category_tab .owl-carousel .owl-buttons .owl-next {
    left: 51% !important;
    right: auto !important;
    display: inline-block;
    float: none;
    position: absolute;
    opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
  }

  .category_tab .tab-content {
    clear: both;
    margin-top: 60px;
    float: left;
    width: 100%;
  }

  .category_tab ul li a {
    float: none;
    width: 100%;
  }

  .category_tab ul li {
    background: none;
    padding: 0;
  }

  .app-cms li {
    margin-right: 5px;
  }

  .social-cms li {
    margin: 0 5px 0 0;
  }

  .footerblock {
    width: auto;
    margin: 15px 0;
    float: left;
    clear: both;
  }

  .hometab .tab-content {
    clear: both;
  }

  #menu {
    width: 60%;
  }

  .news-social .social-title .social-heading,
  .newsletter h5.news-title {
    font-size: 15px;
    line-height: 28px;
  }

  .headertopright .text2-dec {
    display: none;
  }

  .headertopright {
    text-align: center;
  }

  .headertopleft {
    display: inline-block;
    float: none;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
  }

  .shipping-cms {
    text-align: left;
  }

  #tabs_info .table {
    float: none;
  }

  .checkout-cart .shopping-cart .input-group-btn:last-child>.btn,
  .checkout-cart .shopping-cart .input-group-btn:last-child>.btn-group {
    margin-left: 0px;
    margin-right: 5px;
  }

  .checkout-cart #accordion .input-group-btn:last-child>.btn,
  .checkout-cart #accordion .input-group-btn:last-child>.btn-group {
    margin-left: 0px;
    margin-right: 5px;
  }

  .category .image {
    float: none;
    clear: both;
    text-align: center;
  }

  .result-search-autocomplete {
    width: 100% !important;
  }

  .col-md-6.result-info {
    text-align: left;
    width: 69%;
    padding-right: 0;
  }

  .result-search-autocomplete>ul>li {
    width: 100%;
  }

  .alert.alert-success.animated {
    height: 110px;
  }

  .comment-wrapper {
    width: 100%;
    float: left;
    margin: 0;
  }

  .manufacture_block>ul {
    width: 100%;
    padding: 0;
  }

  .nav-tabs {
    height: auto !important;
  }

  .productpage .breadcrumb {
    width: 100%;
    text-align: left;
  }

  #content .image-additional .slider-item .product-block {
    margin: 4px 3px;
  }

  .subscribe-btn {
    float: none;
  }

  #search .search_button {
    display: block;
  }

  #form-language .btn-link.dropdown-toggle:after {
    left: -14px;
  }
}

@media (max-width: 370px) {
  .header-main {
    margin-bottom: 12px;
  }

  .header-cart,
  .header-container.fixed .header-cart {
    margin-top: 15px;
    margin-right: 8px;
  }

  header {
    min-height: 65px;
  }

  header .nav-responsive .expandable {
    top: -44px;
  }

  .header-logo,
  .header-container.fixed .header-logo {
    max-width: 140px;
  }

  #search,
  .header-container.fixed #search {
    margin-top: 1px;
    display: none;
  }

  #cart .cart_heading {
    background-size: 19px;
    width: 22px;
  }

  #search .search_button {
    background-size: 20px;
    width: 22px;
  }

  .dropdown.myaccount,
  .header-container.fixed .dropdown.myaccount {
    margin-top: 9px;
    margin-left: 3px;
    margin-right: 6px;
  }

  header .dropdown.myaccount>a {
    background-size: 19px;
  }

  #cart-quantity {
    top: -6px;
    right: -8px;
  }

  #column-left .product-items .product-details,
  #column-right .product-items .product-details {
    float: none;
  }

  #cart .text-right .addtocart,
  #cart .text-right .checkout {
    padding-left: 12px;
    padding-right: 12px;
  }

  #form-language .dropdown-menu {
    right: auto;
    left: 0;
  }

  #search .search_toggle {
    right: -25px;
    top: 45px;
  }

  #cart .dropdown-menu {
    top: 40px;
  }

  .dropdown.myaccount .myaccount-menu {
    right: -25px;
    top: 46px;
  }
}

@media (max-width: 350px) {
  .product-block-inner {
    margin: 0 auto;
    max-width: 248px;
    float: none;
    text-align: center;
  }

  .hometab .product-block-inner,
  .categorytab .product-block-inner {
    max-width: 275px;
  }

  .product-layout.product-grid {
    width: 100% !important;
  }

  #tabs_info .nav-tabs li a,
  #tabs_info .nav-tabs li.active a,
  .htabs a,
  .htabs a.selected {
    padding-right: 0px;
  }

  .product-info .image-additional {
    width: 100%;
  }
}

@media only screen and (max-width: 319px) {
  .product-info .additional-carousel {
    width: 196px;
    margin: 0 auto;
  }

  .btn-primary {
    margin-bottom: 2px;
  }

  .compare-total {
    clear: both;
    margin: 8px 10px 10px 0;
  }

  #cart .text-right .checkout {
    margin: 0;
  }

  .subscribe-btn .btn.btn-lg {
    padding: 7px 12px;
  }
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* OpenCart Code */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -o-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls .owl-buttons div {
  position: absolute;
}

.owl-controls .owl-buttons .owl-prev {
  left: 10px;
  top: 45%;
}

.owl-controls .owl-buttons .owl-next {
  right: 10px;
  top: 45%;
}

.owl-carousel .owl-buttons div i {
  font-size: 40px;
  margin: -20px 0 0;
}

.owl-pagination {
  text-align: center;
  top: 10px;
  position: relative;
}

.owl-controls .owl-page {
  display: inline-block;
  margin: 5px 4px;
  zoom: 1;
}

.owl-controls .owl-page span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 2px;
  background: #bfbfbf;
  text-indent: -9999px;
  border: 0px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5),
    color 0.15s ease-out;
  -moz-transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5),
    color 0.15s ease-out;
  -o-transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5),
    color 0.15s ease-out;
  transition: transform 0.3s cubic-bezier(0.7, -0.2, 0.3, 2.5),
    color 0.15s ease-out;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.owl-controls .owl-page.active span {
  background: #275E44;
  border-color: #275E44;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}

.owl-controls .owl-page span:hover {
  background: #275E44;
  border: #275E44;
}

@media (max-width: 1600px) and (min-width: 1460px) {

  .grid_default_width,
  .tablatest_default_width,
  .tabbestseller_default_width,
  .tabspecial_default_width,
  .featured_default_width,
  .latest_default_width,
  .special_default_width,
  .bestseller_default_width,
  .related_default_width {
    width: 15%;
  }
}

@media (max-width: 1459px) and (min-width: 1200px) {

  .grid_default_width,
  .tablatest_default_width,
  .tabbestseller_default_width,
  .tabspecial_default_width,
  .featured_default_width,
  .latest_default_width,
  .special_default_width,
  .bestseller_default_width,
  .related_default_width {
    width: 20%;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {

  .grid_default_width,
  .tablatest_default_width,
  .tabbestseller_default_width,
  .tabspecial_default_width,
  .featured_default_width,
  .latest_default_width,
  .special_default_width,
  .bestseller_default_width,
  .related_default_width {
    width: 24%;
  }
}

@media (max-width: 767px) and (min-width: 576px) {

  .grid_default_width,
  .tablatest_default_width,
  .tabbestseller_default_width,
  .tabspecial_default_width,
  .featured_default_width,
  .latest_default_width,
  .special_default_width,
  .bestseller_default_width,
  .related_default_width {
    width: 33.33%;
  }
}

@media (max-width: 575px) and (min-width: 351px) {

  .grid_default_width,
  .tablatest_default_width,
  .tabbestseller_default_width,
  .tabspecial_default_width,
  .featured_default_width,
  .latest_default_width,
  .special_default_width,
  .bestseller_default_width,
  .related_default_width {
    width: 49%;
  }
}

/******** Contact Page Design *********/
.contact-form {
  float: left;
  width: 100%;
  padding-bottom: 50px;
}

.contact-form .left-part {
  width: 50%;
  float: left;
  margin-right: 30px;
}

.contact-form .left {
  float: right;
  width: 50%;
  padding-left: 30px;
  margin-top: 30px;
  position: relative;
  z-index: 2;
}

.contact-form .right {
  margin-top: 30px;
  float: left;
  width: 50%;
  padding-right: 30px;
  padding-bottom: 0;
  border-right: 1px solid #ededed;
}

.contact-form .map {
  width: 100%;
  float: left;
}

#content .contact-form h3 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 500;
  font-family: 'Open Sans', sans-serif;
  color: #333333;
}

.contact-form .left strong {
  text-transform: capitalize;
  padding-bottom: 0px;
  display: inline-block;
  vertical-align: top;
  color: #262626;
}

.contact-form .left address {
  display: inline-block;
  vertical-align: top;
}

.contact-form .left .address-detail {
  border-bottom: 1px solid #ededed;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.contact-form .left .address-detail1 strong {
  margin-bottom: 6px;
}

.contact-form .left .comments {
  border-top: 1px solid #ededed;
  padding-top: 20px;
  margin-top: 20px;
  width: 100%;
  float: left;
  padding-left: 0;
  line-height: 28px;
}

.information-contact .contact-form .panel-body {
  padding: 30px 0;
  overflow: auto;
  width: 100%;
  float: left;
}

.contact-form .form-horizontal .control-label {
  padding-left: 0;
  padding-right: 0;
}

.contact-form .left .contact a.btn.btn-info {
  margin-top: 20px;
}

#google_map {
  width: 100%;
  height: 350px;
  margin-bottom: 30px;
}

.contact-form .map-btn .btn-info {
  color: #fff;
  background-color: #275E44;
  border-color: #275E44;
}

.contact-form .map-btn .btn-info:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

@media (max-width: 1199px) {
  .contact-form .left .address-detail .img-thumbnail {
    max-height: 40px;
    width: auto;
  }

  .contact-form .left {
    padding-left: 15px;
  }

  .contact-form .right {
    padding-right: 15px;
  }
}

@media (max-width: 991px) {

  .contact-form .left,
  .contact-form .right {
    width: 100%;
    padding: 0;
    border: 0;
  }

  .contact-form {
    padding-bottom: 30px;
  }

  .contact-form .left {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .contact-form .form-horizontal .control-label {
    margin-bottom: 10px;
    padding-left: 15px;
  }

  .contact-form .map-btn {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}


/*======= content h3 =======*/

#content h3 {
  color: #262626;
  margin-bottom: 15px;
  font-weight: 500;
  text-align: center;
  font-size: 24px;
}




/*======= Category =======*/

.wrap-breadcrumb {
  position: relative;
  margin: 0px 0 35px;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  overflow: hidden;
  float: left;
  clear: both;
}


.container .cat-title .h1 {
  font-size: 28px;
  color: #121214;
  font-weight: 700;
  margin-bottom: 10px;
}


.cat-title {
  font-size: 28px !important;
  color: #121214 !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}



.breadcrumb>li+li:before {
  content: "/";
  padding: 0 10px 0 5px;
  font-family: "FontAwesome";
  color: #262626;
}

/* .wrap-breadcrumb .breadcrumb {
  display: block;
  float: none;
  padding: 100px 0px;
}

.img-breadcrumb {
  background-image: url(/image/cache/catalog/categori/categor_demo2-1920x270.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh;
  max-height: 270px;
  min-height: 230px;
  margin-top: 166px;
} */


.wrap-breadcrumb .breadcrumb {
  display: block;
  float: none;
  /* padding: 100px 0px; */
}

.img-breadcrumb {
  /* background-image: url(/image/cache/catalog/categori/categor_demo2-1920x270.jpg);  */
  /* background-size: cover; */
  /* background-repeat: no-repeat; */
  /* background-position: center center; */
  /* height: 100vh; */
  max-height: 270px;
  /* min-height: 230px; */
  margin-top: 140px;
  background: #F6F6F6;
}

@media (min-width: 0px) and (max-width: 1000px) {
  .img-breadcrumb {
    margin-top: 0px;
  }
}


@media (max-width: 574px) {
  .img-breadcrumb {
    max-height: 150px;
  }

  .wrap-breadcrumb .breadcrumb {
      padding: 20px 0px;
      z-index: 1000;
      position: relative;
  }
}

/*======= top-header =======*/

.top-header {
  background: #000;
  height: 40px;
}

.top-header-flex {
  display: flex;
  flex-wrap: wrap;
}

.top-header-item {
  flex-basis: 33%;
  box-sizing: border-box;
  text-align: center;
  padding-top: 10px;
  color: #fff;
  font-weight: 300;
}

@media (max-width: 1200px) {
  .top-header-item {
    flex-basis: 50%;
  }
}

@media (max-width: 790px) {
  .top-header-item {
    flex-basis: 100%;
  }
}

@media (max-width: 1000px) {
  .container-header-mob-2 {
    width: 950px;
  }





}


/*======= info-header =======*/

.info-header {
  background: #F4FBF8;
  height: 51px;
}

.info-header-flex {
  display: flex;
  flex-wrap: wrap;
}

.info-header-item-menu {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 75%;
}

.info-header-item-fone {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 25%;
  padding: 15px 0px;
  justify-content: right;
  align-items: center;
}

.info-header-item-up2 {
  padding: 15px 20px 15px 0px;
}




.header-flex {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: right; */
}

/* .header-flex-item {
  flex-basis: 33%;

} */


.menu-button-yellow {
  background-color: #ffcc00;
  color: #000000;
  border: none;
  padding: 8px 35px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 20px;
  transition: background-color 0.3s;
  top: 0px;
  position: relative;
}

.menu-button-yellow:hover {
  background-color: #275E44; /* Цвет фона при наведении */
}


.fa-bars-menu{
  padding-right: 10px;
}



@media (max-width: 768px) {
  .info-header {
    display: none;
  }

  .info-header-flex {
    justify-content: flex-end;
  }

  .info-header-item-fone {
    flex-basis: 100%;
  }
}


@media (max-width: 991px) {
  .header-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
  }

  .header-flex-item {
    flex-basis: 33%;

  }

  .header-flex-item-none {
    flex-basis: 33%;
  }

  header .nav-responsive .expandable {
    top: -60px;
  }


}

@media (max-width: 576px) {
  .header-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
  }

  .header-flex-item {
    flex-basis: 40%;
  }

  .header-flex-item-none {
    flex-basis: 0%;
  }

  header .nav-responsive .expandable {
    left: auto;
    right: -10px;
    top: -56px;
  }


}


/*======= menu =======*/

.info-menu {
  /* text-align: left; */
  background: #f3f3f3;
  padding: 20px 0;
  display: none;
}


@media (max-width: 768px) {
  .info-menu {
    display: none;
    height: 100%;
  }
}

header .responsive-menu .main-navigation {
  padding: 0px 0px 0px;
}

#nav-one li ul>li>a,
.responsive-menu .main-navigation li a {
  padding: 5px 20px 5px 30px;
  font-size: 14px;
}

header .responsive-menu.open .main-navigation .menu.expandable {
  padding: 8px 0px 8px 20px;
  margin-bottom: 12px;
}

/*======= menu (delete) =======*/

@media (max-width: 991px) {
  .nav-responsive span {
    border: none;
    padding: 0;
    font-size: 0;
  }
}

/*======= SL =======*/

.main-slider {
  position: relative;
  width: 100%;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}















.slide-content-jb {
  min-width: 800px;
}



@media (max-width: 576px) {

.slide-content-jb {
  min-width: 300px;
}

}


/*@media (max-width: 1200px) {*/
/*  .slide-content-jb {*/
/*  min-width: 1200px;*/
/*}  */
/*}*/













.main-slider .swiper-pager-button a.swiper-next:before {
  content: "\203a";
  padding: 8px 7px 3px 17px;
}

.main-slider .swiper-pager-button a.swiper-prev:before {
  content: "\2039";
  padding: 8px 7px 3px 17px;
}

/*======= categori (carts) =======*/

.product-block-inner {
  border-radius: 26px;
}

.product-thumb .caption {
  text-align: center;
}

.product-block .image_wrapper {
  float: none;
}

.product-grid .product-block .button-addtocart {
  position: relative;
}

.productbox-grid .product-block .button-addtocart,
.product-carousel .product-block .button-addtocart,
.product-grid .product-block .button-addtocart {
  bottom: 0px;
  border: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  margin-top: 12px;
  margin-bottom: 10px;
}

.productbox-grid .product-block button.addtocart,
.product-carousel .product-block button.addtocart,
.product-grid .product-block button.addtocart {
  color: #1a1a1a;
  padding: 13px 65px 13px 65px;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  line-height: 24px;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: top;
  background-color: #f5de35;
  border: 0;
  border-radius: 30px;
  /* border-bottom: 1px solid #275E44; */
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  text-transform: uppercase;
}

.product-thumb .price {
  color: #040404;
}

.product-block:hover {
  /*box-shadow: 0px 4px 20px 4px rgba(45, 45, 45, 0.09);*/
  /*border-radius: 26px;*/
}

.product-layout.product-grid .product-block {
  margin: 15px 15px 15px 15px;
}

.product-thumb .button-group button.wishlist {
  background-size: 22px;
}

.product-thumb .button-group button.compare {
  background-size: 22px;
}

.quickview-button a.quickbox {
  background-size: 22px;
}

@media (max-width: 795px) {

  .productbox-grid .product-block button.addtocart,
  .product-carousel .product-block button.addtocart,
  .product-grid .product-block button.addtocart {
    color: #1a1a1a;
    padding: 8px 50px 8px 50px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    line-height: 24px;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
    background-color: #f5de35;
    border: 0;
    border-radius: 20px;
    /* border-bottom: 1px solid #275E44; */
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    text-transform: uppercase;
  }

  .product-layout.product-grid .product-block {
    margin: 15px 5px 15px 5px;
  }
}

.category_filter .sort {
  width: 210px;
}

.pid-categories {
  margin-bottom: 50px;
}

span.customSelect {
  border-radius: 7px;
  font-size: 14px;
}

.category_filter .sort select#input-sort,
.category_filter .sort .form-control {
  border-radius: 6px;
}


/*======= product tab slide =======*/

.product-tab-slide .addtocart {
  color: #1a1a1a;
  padding: 10px 50px 10px 50px;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  line-height: 24px;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: top;
  background-color: #f5de35;
  border: 0;
  border-radius: 30px;
  /* border-bottom: 1px solid #275E44; */
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  text-transform: uppercase;
}

.product-tab-slide .button-addtocart {
  opacity: 0;
  filter: alpha(opacity=100);
  position: relative;
  transition: opacity 0.6s ease;
  margin: 15px 0;
}

.product-tab-slide:hover .button-addtocart {
  opacity: 1;
  filter: alpha(opacity=100);
}

.qwerty {
  padding-bottom: 50px;
}

.product-tab-slide {}

.product-tab-slide .product-thumb h4 a {
  color: #262626;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: initial;
  font-family: 'Open Sans', sans-serif;
  transform: scale(0.85, 1);
}

.product-tab-slide .price {
  vertical-align: middle;
  color: #000;
  font-weight: 800;
  margin-bottom: 0;
  font-size: 18px;
  padding: 0;
  line-height: 24px;
  letter-spacing: 0.5px;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}

.title-product-tab-slide {
  /* font-size: 36px;
  padding-top: 70px;
  font-size: 22px !important;
  text-transform: uppercase; */
  /* font-size: 36px; */
  /* padding-top: 70px; */

  font-size: 22px !important;
  width: 100%;
  color: #333333;
  position: relative;
  margin: 0 auto 28px;
  padding: 50px 0px 20px;
  border-bottom: 0;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-family: 'Open Sans', sans-serif;
}

.title-product-tab-slide:before {
  content: "";
  border-bottom: 2px solid #275E44;
  display: inline-block;
  width: 70px;
  position: absolute;
  margin: 0 auto;
  bottom: 0px;
  left: 0;
  right: 0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}


/*======= review =======*/


.content-review {
  padding: 80px 0 60px 0;
  background: #f6f6f6;
}

.google-review-title {
  width: 100%;
  color: #333333;
  position: relative;
  text-align: center;
  font-size: 22px;
  margin: 0 auto 28px;
  padding: 0 0px 20px;
  font-weight: 500;
  border-bottom: 0;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-family: 'Open Sans', sans-serif;
}


.google-review-title:before {
  content: "";
  border-bottom: 2px solid #275E44;
  display: inline-block;
  width: 70px;
  position: absolute;
  margin: 0 auto;
  bottom: 0px;
  left: 0;
  right: 0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}


.rrr {
  padding: 0 34px;
}

.review-block-margin {
  padding: 50px 0 0 0;
}

.uk-slider-container-offset {
  margin: -11px -15px -39px -25px;
  padding: 11px 7px 39px 7px;
}


.google-review-distr {
  color: #121214;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  /* padding: 0 450px; */
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  /* padding: 50px; */
  justify-content: center;
}

.flex-item {
  width: 33.33%;
  box-sizing: border-box;
  padding: 50px 20px;
  width: 370px;
  margin: 0 15px;
  color: #8e8f9b;
  background: #fff;
}

.review-disc {
  margin: 20px 0;
}

.flex-container-user {
  display: flex;
  flex-wrap: wrap;
}

.flex-item-foto {
  padding: 0 10px 0 0;
  width: 60px;
}

.flex-item-infa-title {
  font-size: 17px;
  font-weight: 600;
  color: #0A0A0A;
}

.flex-item-infa-title-2 {
  font-size: 13px;
  font-weight: 300;
  margin-top: -10px;
}

.flex-item-infa-img {
  margin-top: -10px;
}


/* =======блог======= */


.content-blog {
  padding-bottom: 100px;
}

.blog-title {
  color: #121214;
  text-align: center;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  padding: 60px 0;
}


.flex-container-blog {
  display: flex;
  flex-wrap: wrap;
}

.flex-item-blog {
  width: 50%;
}

.flex-item-blog {
  display: flex;
  padding: 0 60px;
}


.article {
  padding-left: 20px;
}

.article-title {
  padding-top: 0px;
  color: #121214;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.article-desc {
  padding-top: 10px;
  color: #8E8F9B;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  /* 24px */
}

.article-time {
  padding-top: 10px;
  color: #121214;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  /* 24px */
}

.customNavigation a {
  background: none;
}

.customNavigation a:hover:before {
  color: #fff;
}

.customNavigation a:hover {
  background-color: #275E44;
}

.customNavigation a.next {
  padding: 4px 12px;
}

.customNavigation a.prev {
  padding: 4px 12px;
}



/* =======блог 2======= */

.blog-flex {
  display: flex;
  flex-wrap: wrap;
}

.blog-flex-item-img {
  width: 40%;
}

.blog-flex-item-cont {
  width: 60%;
}

.blog-item .product-block:hover {
  box-shadow: 0px 4px 20px 4px rgba(45, 45, 45, 0);
  border-radius: 2px;
}

/* ================footer====================== */

footer {
  margin-top: 0px;
  padding-top: 0px;
  color: #000;
  position: relative;
  letter-spacing: 0.69px;
  background-color: #F6F6F6;
}



footer h5,
#footer .news-title {
  color: #121214;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  margin: 0 0 16px 0;
  cursor: pointer;
  letter-spacing: 0.4px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
}

footer a {
    color: #275E44;
    font-size: 16px;
}




footer a:hover, footer a:focus {
    color: #275E44;
}

footer h5:before,
#footer .news-title:before {
  display: none;
}

.bottomfooter {
  padding: 0px 0px 18px 0px;
  border-top: none;
  width: 100%;
}

.disabled-jb {
  pointer-events: none;
  cursor: default;
  /*opacity: 0.5;   */
}


.footerleft div {
  margin-top: 20px;
  margin-bottom: 20px;
}

.footerleft-flex {
  display: flex;
  flex-wrap: wrap;
}

.footerleft-flex img {
  padding-right: 30px;
}

/* =============== breadcrumb =============== */


.breadcrumb {
  padding: 100px 0px;
}



/* =============== proscroller =============== */



/* @media (max-width: 768px) {
  .product-tab-slide .addtocart {
    padding: 10px 50px 10px 50px;
  }
} */

@media (max-width: 991px) {
  .product-tab-slide .addtocart {
    /* display: block; */
    padding: 5px 20px 5px 20px;
    text-align: center;
  }

    .button-addtocart_2 {
        margin-top: 10px;
    }

  .button-addtocart {
    height: 15px;
  }

  .product-tab-slide .product-block:hover {
    box-shadow: 0px 4px 20px 4px rgba(45, 45, 45, 0.00);
    border-radius: 26px;
  }

  .product-tab-slide .button-group {
    display: none;
  }
}

@media (max-width: 576px) {
  /*.product-tab-slide .addtocart {*/
  /*  padding: 5px 25px 5px 25px;*/
  /*}*/

  .product-tab-slide .product-thumb h4 a {
    font-size: 13px;
    line-height: 20px;
  }

  .product-block {
    padding: 0px 0px;
  }

  .product-tab-slide .price {
    font-size: 14px;
  }

  .title-product-tab-slide {
    font-size: 26px;
    padding-top: 45px;
  }

  .button-addtocart {
    height: 15px;
  }

  .product-tab-slide .button-group {
    display: none;
  }

  .product-tab-slide .product-block {
    margin: 0px 0px;
  }
}


/* ============ product ============ */




.breadcrumb-product-background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  /* height: 30px; */
  background: #F6F6F6;
  /* max-height: 270px;
  min-height: 230px; */
  margin-bottom: 30px;
  margin-top: 140px;
}


/* @media (min-width: 1000px) {
  .breadcrumb-product-background {
    margin-top: 0px;
  }
} */


@media (min-width: 0px) and (max-width: 1000px) {
  .breadcrumb-product-background {
    margin-top: 0px;
  }
}

.container-breadcrumb-product-background {
  padding: 15px 0;
}

.container-breadcrumb-product-background>li {
  display: inline-block;
}

.container-breadcrumb-product-background>li {
  position: relative;
  white-space: normal;
}

.container-breadcrumb-product-background>li+li:before {
  content: "/";
  padding: 0 10px 0 5px;
  font-family: 'FontAwesome';
  color: #262626;
}

#content h3.product-price {
  line-height: 30px;
}

.tab-pane-review-jb {
  margin-top: 50px;
}

#content.productpage h1 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
}

#content.productpage h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}

#content ul.list-unstyled.attr {
  padding-bottom: 0px;
  border-bottom: 0px solid #ededed;
  padding-top: 18px;
  margin-bottom: 0px;
  color: #48BC48;
}

/* .sss1, .sss2 {
  display: block;
  width: 100%;
  clear: both;
}

.sss2 {
margin-top: 30px;
} */


.sss0 {
  display: flex;
  flex-wrap: wrap;
}

.sss1 {
  width: 120px;
  /* min-width: 200px; */
}

.sss2 {
  position: relative;
  /* display: block; */
  /* width: 60%; */
  /* display: flex; */
  /* justify-content: right; */
  min-width: 230px;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 70px;
}

.productpage #input-quantity,
.quickview #input-quantity {
  width: 42px;
  margin-right: 0px;
  margin-left: 0px;
}

.btn-defaults {
  color: #757575;
  background: none;
  border: 0;
  line-height: inherit;
  /* color: #000; */
  /* width: 10px; */
  padding: 0px 9px !important;
}



.fa-minus-jb {
  padding-top: 15px;
}

/* @media (max-width: 767) {

  #button-cart{
    min-width: 200px;
  }
} */




@media (max-width: 480px) {
  .sss1 {
    /* width: 100%; */
  }

  .sss2 {
    /* width: 100%; */
    display: flex;
    /* padding-top: 20px; */
    min-width: 170px;
  }

  #button-cart {
    min-width: 120px;
  }
}

.productpage .product-right .form-group.qty {
  margin-top: 0px;
}


.quickview .form-group.qty .btn-lg,
.productpage .form-group.qty .btn-lg {
  padding: 10px 30px 10px;
  background-color: #F5DE35;
  border-color: #F5DE35;
  color: #000;
  font-size: 15px;
  min-width: 180px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}

.quickview .form-group.qty .btn-lg:hover,
.productpage .form-group.qty .btn-lg:hover {
  color: #ffffff;
  background-color: #275E44;
  border-color: #275E44;
}

.productpage .form-group.qty .wishlist,
.quickview .form-group.qty .wishlist {
  font-size: 0;
  height: 44px;
  width: 44px;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  padding: 10px 14px;
  transition: none;
  background: #275E44;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  background-image: url(../image/codezeel/wishlist-hover.svg);
}

.productpage .form-group.qty .compare:hover,
.productpage .form-group.qty .wishlist:hover,
.quickview .form-group.qty .wishlist:hover,
.quickview .form-group.qty .compare:hover {
  background-color: #f5de35;
}

.fa-review {
  font-size: 20px;
}

textarea.form-control {
  height: auto;
  max-height: 100px;
}

.help-block {
  font-size: 13px;
}





/* =========== cart-menu =========== */


#cart .dropdown-menu {
  width: 360px;
}

#cart .dropdown-menu table td {
  border: none;
  background: none;
  padding: 4px 3px;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
}

#cart .dropdown-menu li:first-child {
  /* max-height: 125px; */
  padding: 0px 7px 0 7px;
  overflow-y: unset;
  scrollbar-color: #999999 #dddddd;
  scrollbar-width: thin;
}



@media (max-width: 576px) {
  #cart .dropdown-menu {
    right: -80px;
  }
}



/* ========= simplecheckout ============ */

.fa-close-red {
  color: red;
  font-size: 19px !important;
  padding-top: 3px;

}

.fa-simplecheckout {
  font-size: 18px;
  /* padding-top: 10px; */

}


@media (max-width:600px) {
  td.price {
    display: none !important;
  }
}

#account-forgotten {
  padding-top: 0px;
}

.simple-content {
  padding-top: 20px;
}

.simple-content .checkout-heading {
  background-color: #fff;
  border-color: #fff;
  color: #333;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 10px 15px 10px 0px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}





/* custom-radio */





/* input[type="radio"] {
  display: none;
}

.custom-radio {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #333;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
}

input[type="radio"]:checked + label .custom-radio::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background-color: #f0506e;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */







input[type="radio"] {
  display: none;
}




.custom-radio {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #cfcfcf;
  border-radius: 25%;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
}

input[type="radio"]:checked+label .custom-radio {
  background-color: #F5DE35;
  border: 1px solid #F5DE35;
}

input[type="radio"]:checked+label .custom-radio::after {
  content: "\2713";
  color: black;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} 











.custom-radio-option {
display: inline-block;
    width: 25px;
    height: 25px;
    /* border: 1px solid #999; */
    border-radius: 50%;
    margin-right: 3px;
    vertical-align: middle;
    position: relative;
    /* right: -33px; */
    z-index: 101;
}

input[type="radio"]:checked + label .custom-radio-option {
  /* background-color: #F5DE35; */
  /*border: 1px solid #999;*/
}

input[type="radio"]:checked + label .custom-radio-option::after {
  content: "\2713";
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.img-option{
  width: 25px;
  border-radius: 50%;
  position: relative;
  z-index: 100;
  right: 32px;
}


.radio-flex{
  display: flex;
  flex-wrap: wrap;
}

.radio-flex-item{
  /* width: 50%;
  min-width: 183px; */
  margin-top: 0px !important;
  /*margin-right: 20px;*/
}






.simple-checkout-flex-jb {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px;
}


.product-img-name-flex{
  display: flex;
  align-items: center;
}

.product-img-item{
    width: 30%;
}

.product-img-item img{
    width: 50px;
    padding-left: 10px;
}

.product-name-item{
   width: 70%; 
}


.product-name-item .options{
  display: flex;
  flex-wrap: wrap; 
}

.options small{
    width: 100%;
}



.simple-checkout-item-title {
  /*display: flex;*/
  flex-wrap: wrap;
  width: 50%;
  align-items: center;
}


.simple-checkout-item-price {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  justify-content: right;
  align-items: center;
  padding-top: 10px;
}

@media (max-width:600px) {
.simple-checkout-item-price {
  justify-content:  space-around;
}
}


.price-total-item {
  width: 120px;
  padding-left: 20px;
  text-align: right;
  padding-right: 6px;
}

.btn:hover,
.btn:focus {
  color: #666;
  text-decoration: none;
}

.form-control {
  border: 1px solid #d7d7d7;
}

.simplecheckout-cart-total {
  padding: 7px 3px;
  border-right: 0px solid #DDDDDD;
  border-bottom: 0px solid #DDDDDD;
  border-left: 0px solid #DDDDDD;
  text-align: right;
}

.simple-checkout-jb {
  padding-right: 10px;
}


.btn-checkout-pm {
  color: #757575;
  background: none;
  border: 0;
  line-height: inherit;
  padding: 0px 1px !important;
}

.form-control-6 {
  border: 1px solid #d1cfcf;
  border-radius: 9px;
  padding-left: 15px;
}


#simplecheckout_cart .form-control {
  display: inline-block !important;
  min-width: 41px;
  font-size: 16px;
  padding-bottom: 6px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
}



.payment-form-none {
  display: none;
}




.radio label[for="bank_transfer"] {
  color: #666666;
  font-size: 15px;
}

label[for="bank_transfer"] {
  color: #999999;
  font-size: 13px;
  /*display: none !important;*/
}


.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff !important;
}

@media (max-width:576px) {
  .simple-checkout-item-title {
    width: 100%;
    background: #fff;
    padding: 6px 0;
    border-radius: 9px 9px 0px 0px;
  }


  .simple-checkout-item-price {
    width: 100%;
    border: 1px solid #ebebeb;
  }

  .simple-checkout-flex-jb {
    margin-bottom: 10px;
  }

  .price-total-item {
    padding-left: 9px;
    padding-right: 10px;
    width: 135px;

  }
}



/* -------section stock------- */

.bl-stock-1 {
  width: 545px;
  height: 170px;
  font-style: normal;
  font-weight: 500;
  font-size: 46px;
  line-height: 1.2;
  margin-top: 1%;
  color: #fff;
}

.bl-stock-2 {
  width: 600px;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.65;
  color: #fff;
  padding-bottom: 30px;
}

.ticker {
  position: relative;
  overflow: hidden;
}

.ticker__wrapper {
  display: flex;
  background-color: #000;
}

.ticker__item {
  font-family: sans-serif;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
  padding: 5px 110px;
  animation: ticker 15s linear infinite;
  color: #fff;
  display: flex;
}

.ticker__item img {
  padding-right: 10px;
}

@keyframes ticker {
  0% {
    transform: translateZ(0);
  }

  to {
    transform: translate3d(-100%, 0, 0);
  }
}

.button-stock {
  position: relative;
  background: #ff7200;
  border-radius: 200px;
  position: absolute;
  padding: 13px 45px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
}

.button-stock_0 {
  padding: 40px 0 100px 0;
}

@media (max-width: 991px) {
  .button-stock {
    position: relative;
    background: #ff7200;
    border-radius: 200px;
    padding: 13px 45px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    margin: auto;
    max-width: 217px;
  }
}

@media (max-width: 767px) {
  .bl-stock-1 {
    font-size: 32px;
  }
}

@media (max-width: 576px) {
  .button-stock_0 {
    padding: 40px 0 36px 0;
  }
}





/*.custom-radio2 {*/
/*    display: inline-block;*/
/*    width: 15px;*/
/*    height: 15px;*/
/*    border: 2px solid #cfcfcf;*/
/*    border-radius: 50%;*/
/*    margin-right: 10px;*/
/*    vertical-align: middle;*/
/*    position: relative;*/
/*}*/


/*input[type="radio"]:checked + .custom-radio2::after {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background-color: #275E44;*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/

/*.custom-radio-label2 {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    cursor: pointer;*/
/*margin-right: 15px;*/
/*}*/

.control-label-rating {
  padding-right: 20px;
}


.custom-radio2 i {
  font-size: 18px;
  color: #aaa;
  /* Цвет неактивной звезды */
}

input[type="radio"]:checked+.custom-radio2 i {
  color: gold;
  /* Цвет активной звезды */
}

.custom-radio-label2 {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-right: 7px;
}




.form-control-simplecheckout {
  border: 1px solid #fff;
}


#slideshow1 {
  display: none;
}



@media (max-width: 576px) {
  #slideshow0 {
    display: none;
  }

  #slideshow1 {
    display: block;
  }
}




#search .search_button.active {
  top: -13px;
  float: right;
  right: 4px;
}



@media (min-width: 991px) and (max-width: 1000px) {
#some-original-location{
  display: none;
}
}





@media (min-width: 576px) and (max-width: 1000px) {


/* #search .search_button {
  top: -6px;
} */

.header-logo {
  position: relative;
}

header .nav-responsive .expandable {
  z-index: 1000;
}
.info-header-item-up2 {
  padding: 15px 13px 15px 0px;
}
}

@media (max-width: 1000px) {

.header-logo {
  position: relative;
}

#search {
  float: right;
}
}





@media (max-width: 991px) {
  #search .search_toggle {
    top: -19px;

  }

  #search .search_toggle {
    background: #f0f0f0;
    z-index: 9;
    width: 80%;
    right: 45px;
  }
}








  /* Мега Меню */


  .jbox-menu-container {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
    position: fixed; /* Используем fixed для фиксации относительно вьюпорта */
    top: 134px;
    left: 50%;
    transform: translate(-50%);
    width: 1000px;
    margin: auto;
    z-index: 1000;
    background: #fff;
    font-family: 'Open Sans', sans-serif;

}


.jbox-menu-container.visible {
    opacity: 1; /* сделать полностью видимым */
    visibility: visible; /* сделать видимым */
}



.overlay {
    display: none; /* изначально скрыт */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(54 50 50 / 70%);
    z-index: 100;
    backdrop-filter: blur(10px);
}

/* Класс для показа оверлея */
.overlay.visible {
    display: block;
}


/* .header-jbox-1{
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
   -webkit-box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
  box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
  background:#fff; 
} */



.header-jbox-1 {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    transition: box-shadow 0.3s ease, background 0.3s ease;
}

.header-jbox-1.scrolled {
    -webkit-box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
    box-shadow: 0 1px 12px rgb(0 0 0 / 45%);
    background: #fff;
}


#slideshow0{
margin-top: 160px;
}


@media (max-width: 1000px) {
  #slideshow0{
    margin-top: 0px;
    }
}


.jbox-menu {
    list-style: none; /* Убрать маркеры списка */
    padding: 0; /* Убрать внутренние отступы */
    width: 250px;
    position: relative;
    background: #fff;
    min-height: 408px;
    margin: 0; /* Обнуляем внешние отступы */
    padding: 0; /* Обнуляем внутренние отступы */
    border-top: 1px solid #b4b4b5;
    border-left: 1px solid #b4b4b5;
    border-right: 1px solid #b4b4b5;
    max-height: 468px; /* 10 категорий по 30px каждая */
    overflow-y: auto; /* Включаем вертикальный скролл при необходимости */
}

.jbox-menu::-webkit-scrollbar {
    width: 1px;
}

.jbox-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.jbox-menu::-webkit-scrollbar-thumb {
    background: #b1b1b1;
}

.jbox-menu::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.category-item{
    font-size: 14px;
    padding: 10px 10px 10px 20px;
    /* border-bottom: 1px solid #dfdcdc; */
    text-align: left;
    align-items: center;
    display: flex;
}

.category-item .fa-solid{
    font-size: 12px;
}

.category-item:hover{
    background: #ffcc00;

}


.category-link{
    text-decoration: none;
    color: #000;
}

.category-link:hover{
    color: #000!important;
}


.subcategories-container {
    position: absolute;
    left: 250px;
    top: 0;
    /* display: none; */
    /* padding: 20px;
    border: 1px solid #000; */
    width: 745px;
}


.subcategories {
    list-style: none;
    padding: 0;
    display: none;
    flex-wrap: wrap;
    display: none;
}



.subcategory-item{
    width: 33%;
    font-size: 14px;
    text-align: center;
    display: flex;
    flex-direction: column;
    /* padding: 20px 0; */
    min-width: 160px;
    }

.child-img-a{
    display: flex;           
    justify-content: center; 
    align-items: center; 
    min-height: 125px;   
}


.subcategory-item img{
    /* width: 100%;
    max-width: 120px;
    margin: auto; */
    max-width: 110px;  /* Максимальная ширина */
    max-height: 110px; /* Максимальная высота */
    height: auto;      /* Автоматическая высота для сохранения пропорций */
    width: auto;   
    }

.subcategory-item-title{
    width: 100%;
    padding-top: 5px;
    font-size: 14px;
    text-decoration: none;
    text-decoration: none;
    color: #000;
}

.subcategory-item-cat-title{
  width: 100%;
  padding: 20px 0px 20px 50px;
  font-weight: 700;
  text-align: left;
  font-size: 20px;
}





@media (max-width: 1000px) {

  .menu-button-yellow{
    display: none;
  }

}




.header-flex-item-logo{
  display: flex;   
}

.img-logo-jb{
  margin-right: 20px;
}

.header-mob{
  display: none;
}

.header-pc{
  display: block;
  }

@media (max-width: 1000px) {
.header-mob{
display: block;
}
.header-pc{
  display: none;
  }
}


.headertop-inner{
  display: none;
}

@media (min-width: 576px) {
  .headertop-inner{
    display: block;
  }
  }

@media (max-width: 1000px) {
  .headertop-inner{
    display: block;
  }

  .header-flex-item-logo{
     padding-left: 60px; 
  }
  }



  /* .subcategories li:nth-child(n+7):not(.subcategory-show-more) {
    display: none;
} */

.subcategory-item.show-all {
  top: 30px;
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 22px;
}


.no-subcategories-message{
  /* margin-left: auto;
    margin-right: auto;
    width: 6em */
}



.button-show-all {
  color: #1a1a1a;
  /* padding: 4px 40px 4px 40px; */
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  line-height: 24px;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  border: 0;
  border-radius: 30px;
  /* border-bottom: 1px solid #275E44; */
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  text-transform: inherit;
  color: #275E44;
}

.button-show-all:hover {
  color: #47c843;
}

.fa-arrow-jb{
  font-size: 11px;
}







  #smca-modal-body {
    max-width: 900px!important;
    margin-top: 130px!important;
}


.quantity-jb {
  display: flex;
  align-items: center;
 
}

.fa-shopping-cart{
  display: none;
}

#smca-modal-body .modal-heading {
  border-radius: 20px;
}

#smca-modal-body {
  border-radius: 20px;
}

#smca-modal-body > .modal-footer {
  border-radius: 20px!important;
  padding: 20px 40px 30px 40px!important;
}

#smca-modal-body > .modal-footer > input.go-button-bottom {
    border-radius: 20px !important;
    padding: 5px 60px 5px 40px;
    font-size: 16px;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: right 30px center !important;
    background-size: 24px 24px !important;
    background-image: url(https://thc.loc/catalog/view/theme/Styleway_Apparel/image/shopping-cart.png) !important;
}


#smca-modal-body > .modal-footer > input.go-button-bottom:hover {
    border-radius: 20px !important;
    padding: 5px 60px 5px 40px;
    font-size: 16px;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: right 30px center !important;
    background-size: 24px 24px !important;
    background-image: url(https://thc.loc/catalog/view/theme/Styleway_Apparel/image/shopping-cart.png) !important;
}




#smca-modal-body > .modal-footer > input.close-button-bottom {
  border-radius: 20px!important;
}

#smca-modal-body .modal-body .totals {
  text-align: right!important;
}

#smca-modal-body .modal-body .totals > div {
  border: 0px solid #bbb!important;
}

#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#decrease-quantity {
  padding: 0 10px!important;
  border: 0px solid #fff!important;
  font-size: 11px!important;
  color: #999!important;
}

#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#increase-quantity {
  padding: 0 10px!important;
  border: 0px solid #fff!important;
  font-size: 22px!important;
  color: #999!important;
} 

#table-body > .product-table-body-row > .quantity > .inner > div > input.input-quantity {
  font-size: 14px!important;
  padding: 8px 0!important;
}

#smca-modal-body .modal-close {
  top: 25px !important;
  right: 25px !important;

}

#smca-modal-body .modal-heading {
  border-bottom: 0px solid #ddd!important;
  padding: 20px 20px 0 40px!important;
}

#smca-modal-body .modal-body {
  padding: 20px 20px 20px 40px!important;
}

.social-thc-jb{
  display: flex;
}

.social-thc-jb-one{
padding-right: 10px;
}


.zoomContainer{
  display: none;
}




/* ---delivery--- */

.title-delivery{
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}

.tab-delivery-flex{
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}

.tab-delivery-flex-img{
  width: 10%;
}

.tab-delivery-flex-img img{
  padding-left: 20px;
  padding-top: 12px;
}


.tab-delivery-flex-item{
  width: 90%;
}

.delivery-flex-item-title{
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #121214;
}

.delivery-flex-item-dec{
  font-size: 16px;
  font-style: normal;
  color: #8E8F9B;
}

@media (min-width: 360px) and (max-width: 532px) {
.delivery-flex-item-dec{
  font-size: 14px;
}
}


.delivery-flex-item-dec span{
  font-weight: 600;
  color: #000;
}

@media (max-width: 576px) {
.tab-delivery-flex-img img {
  padding-left: 10px;
}
} 






.form-group-jb{
margin-top: 20px;
}


.control-label-jb{
  font-size: 15px;
  font-weight: 500;
  color: #262626;
}

.select-jb{
  width: 50%;
}

@media (max-width: 576px) {
  .select-jb{
    width: 90%!important;
  }
  }



.select2-container--default .select2-selection--single {
  height: 40px;
  margin-top: 15px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ffcc00 !important;
  color: #000;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 22px!important;
  right: 6px!important;
}

.top_level{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #e2e0e0;
}

.top_level .menu-cat-one-jb{
    padding: 5px 5px 5px 15px;
    font-size: 14px;
}

@media (min-width: 360px) and (max-width: 999px){
header .responsive-menu.open .main-navigation .menu.expandable {
    border-bottom: 0px solid #ededed;
}
}


.img-arrow{
  height: 8px;
  margin-left: auto;
  padding-right: 10px;
}


.product-table-body-row-flex{
  display: flex!important;
  flex-wrap: wrap!important;
  align-items: center!important;
}

.cart-item-flex{
  /* align-items: center!important; */
}



@media (max-width: 1000px) {
  .cart-item-flex .name-left{
    display: block!important;
  }
    #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .name {
    width: 30%!important;
  }
  #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .price, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .price {
    width: 15%!important;
  }
  #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .total {
    width: 25%!important;
 }
 #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .name{
  display: flex;
}
.name-right{
  width: 65%!important;
}
.name-left{
  width: 35%!important;
}
}

@media (max-width: 767px) {
    #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .name {
      width: 100%!important;
      padding: 0!important;
  }
  #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right {
    padding: 0!important;
  }
  #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .price, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .price {
    width: 30%!important;
  }
  #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .quantity {
    width: 25%!important;
  }
 #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .total {
  width: 30%!important;
  }
  #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > div {
    border-bottom: 0px dotted #D9D9D9!important;
  }
  #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .name {
    display: flex;
    justify-content: center;
    align-items: center;
  }


}

@media (min-width: 360px) and (max-width: 532px){
#smca-modal-body {
    width: 95%!important;
}
#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .price, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .price {
  display: none;
}
#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .quantity {
  width: 35%!important;
}
#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .total {
width: 40%!important;
}
#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove {
  width: 25%!important;
  text-align: center!important;
}
#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right a {
  font-size: 14px!important;
  
}
.name-left img{
  width: 50px;
  top: 5px;
  position: relative;
}
#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .name {
  display: flex;
  justify-content: center;
  align-items: center;
}
#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right a {
  padding-left: 20px;
}
#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .model, #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .stock-text, #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .options, #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .reward {
  padding: 5px 0 0 20px;
  font-size: 13px;
}
.cart-item-flex{
  max-height: 70px;
}
.name-right{
  width: 85%!important;
}
.name-left{
  width: 25%!important;
}
}






#smca-modal-body .modal-heading {
  background-color: #fff!important;
}

#smca-modal-body > .modal-footer {
  background: #ffffff!important;
}

#smca-modal-body .modal-footer {
  border-top: 0px solid #ddd!important;
}

#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > div {
  border-bottom: 1px dotted #fff!important;
}

#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#decrease-quantity, #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#increase-quantity {
  background: #fff!important;
}

#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > input.input-quantity {
  width: 30px!important;
  padding: 9px 0!important;
  border-radius: 5px!important;
  
}


.swiper-pagination-bullet {
  background-color: #fff!important;
  border: 1px solid #999!important;
}

.swiper-pagination-bullet:hover, .swiper-pagination-bullet-active {
  background: #000!important;
}

#smca-modal-body > .modal-footer > input.close-button-bottom:hover {
  background: #fff!important;
  border: 2px solid #fde890!important;
}

#smca-modal-body > .modal-footer > input.close-button-bottom {
    background: #fff!important;
    color: #6f6d6d!important;
    border: 2px solid #F5DE35!important;
    font-family: 'Open Sans', sans-serif!important;
}


#smca-modal-body > .modal-footer > input {
    color: #000!important;
    background: #F5DE35!important;
    font-family: 'Open Sans', sans-serif!important;
}

#smca-modal-body > .modal-footer > input:hover {
    background: #ffe872!important;
}

.btn-primary {
    color: #000!important;
    background: #F5DE35!important;
    font-family: 'Open Sans', sans-serif!important;
    border: 1px solid #F5DE35!important;
}

.btn-primary:hover {
    background: #ffe872!important;
    color: #000!important;
}







.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 4px 11px;
  text-decoration: none;
  color: #262626;
  background-color: #ffffff;
  border: 1px solid #999;
  margin-left: 3px;
  height: 36px;
  width: 36px;
  font-weight: 600;
  border-radius: 5px;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
  color: #262626;
  background-color: #fff;
  border-color: #ffcc00;
}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  z-index: 2;
  color: #666;
  background-color: #ffffff;
  border-color: #ffcc00;
  cursor: default;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  padding-left: 14px;
}



#cart-quantity {
    color: #ffffff;
    background: #ffb100;
    line-height: 18px;
    position: absolute;
    max-width: 25px;
    max-height: 25px;
    min-width: 21px;
    top: 1px;
    font-size: 12px;
    right: 0px;
    display: block;
    text-align: center;
    font-weight: 400;
    padding: 2px 4px 2px 4px;
    text-transform: lowercase;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}


.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 32px 44px;
    background-position: center;
    background-repeat: no-repeat;
}





@media (min-width: 360px) and (max-width: 532px) {
.container-breadcrumb-product-background {
    padding: 15px 0;
    font-size: 13px;
}
}

.jb-ret .btn-lg{
    right: 0px!important;
}

.col-sm-3.sort {
    display: none;
}

.search_subcategory{
     display: none;
}

.sw-title{
    font-size: 16px;
    font-weight: 600;
}


.menu-cat-one-jb-left{
    text-align: left;
    /*padding-left: 15px;*/
    padding: 5px 5px 5px 15px;
    font-size: 14px;
}

.menu-cat-one-jb-b{
    padding: 10px 5px 5px 15px;
    font-weight: 600;
    font-size: 16px;
}

.stars-rating .wrap[data-rate="1"] span:nth-child(-n+1):before, .stars-rating .wrap[data-rate="2"] span:nth-child(-n+2):before, .stars-rating .wrap[data-rate="3"] span:nth-child(-n+3):before, .stars-rating .wrap[data-rate="4"] span:nth-child(-n+4):before, .stars-rating .wrap[data-rate="5"] span:nth-child(-n+5):before {
  color: #f5de35!important;
}

.stars-rating-jb{
display: flex;
}

.stars-rating{
  top: 8px;
  position: relative;
  left: 15px;
}

.stars-rating .wrap span:before {
  content: "\2606";
  color: #dbdada!important;
}

.toggle .mobile_togglemenu:before {
    color: #666;
}

@media (max-width: 991px){
p.powered {
    font-size: 14px;
}
}

#footer .column li {
    font-size: 14px;
}

@media (max-width: 991px){
footer h5.toggle {
    margin-bottom: 12px;
    font-size: 15px;
}
}



#shipping_address_company{
  background: #fffdfd;
  min-width: 100%;
  position: relative!important;
  border: 0px solid #d1cfcf!important;
  min-height: 30px;
}



.custom-btn-group {
  position: relative;
  display: inline-block;
}

.custom-language-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  /* min-width: 160px; */
  /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  z-index: 1;
  padding: 10px 10px;
  font-size: 20px;
}

.custom-language-menu li {
  color: black;
  /* padding: 12px 16px; */
  text-decoration: none;
  display: block;
  text-transform:uppercase;
}

.custom-language-menu li:hover {
  background-color: #fff;
}

.custom-pull-left{
float: right;
width: 36px;
position: relative;
z-index: 10000;
margin-left: 20px;
}

.language-item{
  width: 5%;
}


#form-currency .currency-menu li .btn-link, #form-language .language-menu li .btn-link {
  padding: 0px 10px 0px 10px;
  font-weight: normal;
  color: #262626;
  text-transform: capitalize;
  line-height: initial;
  font-size: 16px;
  display: block;
  margin: 0px 0px 10px;
}

.language-select{
  text-transform: uppercase!important;
}


#form-currency .btn-link, #form-language .btn-link {
  font-weight: 300;
  font-size: 19px;
}

#form-currency .btn-link:hover, #form-language .btn-link:hover {
  color: #275e44;
}


.category_thumb {
  /* padding: 30px 0; */
  padding: 0px 0;
  text-align: justify;
}






.lang-mini{
  display: flex;
  justify-content: right;
  position: absolute;
  top: 13px;
  right: 20px;
  z-index: 10000;
  font-size: 20px;
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
}

.lang-mini div{
 width: 35px;
}

.lang-mini a {
  text-decoration: none;
  color: inherit; /* Или другой цвет текста, если нужно */
}



.custom-btn-group-2{
  position: absolute;
  z-index: 100000;
  right: 20px;
  top: 10px;
}


#tab-description{
  padding: 20px 0;
  text-align: justify;
}


.product-price{
    font-size: 24px!important;
}




.main-navigation .custom-pull-left {
  float: left;
  float: left;
  width: 36px;
  position: relative;
  z-index: 10000;
  margin-left: 10px;
  position: absolute;
  /* top: 5px; */
  /* left: 197px; */
}


@media (max-width: 991px) {

  .main-navigation #form-language .dropdown-menu,
  .main-navigation #form-currency .dropdown-menu {
    left: -22px;
    right: auto;
    top: auto;
    bottom: -107px;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 16%);
    -webkit-box-shadow: 0px 2px 5px rgb(0 0 0 / 16%);
  }

}



#form-language .dropdown-menu .btn,
#form-currency .dropdown-menu .btn {
  font-size: 15px;
  padding: 8px 15px;
  display: block;
  color: #000;
  float: left;
  width: 100%;
  margin: 0;
  text-align: left;
  /* width: 50px; */
}


#form-language .dropdown-menu,
#form-currency .dropdown-menu {
  padding: 3px 8px;
  left: auto;
  right: 8px;
  margin: 0;
  top: 35px;
  border: 1px solid #ededed;
  min-width: 65px;
  position: absolute;
}

#form-language .btn-link.dropdown-toggle:after {
  display: none;
}

.home-link:after {
  content: "/";
  padding-right: 10px;
  /* Регулируйте отступ по вашему усмотрению */
}











/*-------------- multibutton calback --------------*/


.multibutton {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  z-index: 99999;
}

.multibutton__button {
  width: 60px;
  height: 60px;
  background: #ffce09;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  animation: animation_button 3s linear infinite;
}



.multibutton__button svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}

.multibutton__title {
  position: absolute;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.8);
  padding: 10px;
  border-radius: 30px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  transform: translate(-130%, 5px);
  left: 50%;
  width: 220px;
  line-height: 15px;
}

.multibutton__button:hover .multibutton__title {
  visibility: visible;
  opacity: 1;
}

@keyframes animation_button {
  /* Анимация без изменений */
}


@keyframes animation_button {
  0% {
    box-shadow: 0 0 0 0 #ffba26, 0 0 0 0 rgba(255, 206, 9, 0.7);
  }

  40% {
    box-shadow: 0 0 0 13.62667px rgba(255, 186, 38, 0), 0 0 0 6.81333px rgba(255, 206, 9, 0.7);
  }

  80% {
    box-shadow: 0 0 0 27.25333px rgba(255, 186, 38, 0), 0 0 0 13.62667px rgba(255, 206, 9, 0);
  }

  100% {
    box-shadow: 0 0 0 34.06667px rgba(255, 186, 38, 0), 0 0 0 27.25333px rgba(255, 206, 9, 0);
  }
}

.multibutton__button svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}

.multibutton__item:nth-child(1) .multibutton__icon {
  background: #03a9f4;
}

.multibutton__item:nth-child(2) .multibutton__icon {
  background: #ff2241;
}

.multibutton__item:nth-child(3) .multibutton__icon {
  background: #7b519d;
}

.multibutton__item:nth-child(4) .multibutton__icon {
  background: #30d64f;
}

.multibutton__icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.multibutton__icon svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}

@media (max-width: 567px) {
  .multibutton__button {
    width: 40px;
    height: 40px;
  }

  .multibutton {
    right: 10px;
    bottom: 10px;
  }
}


.modal-header-thc {
  background: #fff !important;
  padding-bottom: 0;
  padding-top: 30px;
  text-align: center;
  border-radius: 15px;
}

.modal-title-thc {
  color: #000 !important;
}

.modal-content-thc {
  border-radius: 15px;
}

.btn-thc {
  background: #fff !important;
  color: #6f6d6d !important;
  border: 2px solid #F5DE35 !important;
  font-family: 'Open Sans', sans-serif !important;
  margin-top: 20px;
}

.form-group-thc {
  text-align: right;
}

.modal-footer-thc {
  padding: 1px 20px 20px 20px;
  border-top: 0px solid #e5e5e5;
  margin-top: 0px;
}


.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #bababa !important;
}









.thcc-page-title {
  text-align: center;
}

.thcc-slider-container {
  position: relative;
  width: 100%;
  max-width: 600px;
  height: 400px;
  margin: 0 auto;
  overflow: hidden;
   display: none; /* Изначально скрыт */
}

.thcc-slider {
  display: flex;
  width: calc(100% * 5);
  /* Обновлено для 5 слайдов */
  transition: transform 0.5s ease-in-out;
}

.thcc-slider img {
  width: calc(100% / 5);
  /* Обновлено для 5 слайдов */
  flex-shrink: 0;
  height: 100%;
  object-fit: cover;
}

.thcc-prev-button,
.thcc-next-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: transparent;
  border: none;
  font-size: 24px;
  color: white;
}

.thcc-prev-button {
  left: 10px;
  display: none;
}

.thcc-next-button {
  right: 10px;
  display: none;
}

















/*.item-container-thc{*/
/*    max-width:300px;*/
/*}*/

/*.showcase-thc{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;  */
/*}*/


/*#sс-1{*/
/*   display: block; */
/*}*/

/*#sс-2{*/
/*   display: none; */
/*}*/




.showcase .item-wrapper:hover {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .0);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .0);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .0);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .0);
}

.showcase .info-wrapper {
    padding: 15px 20px;
    background: #fff;
    display: flex;
    justify-content: center;
}


.showcase .item-wrapper {
    border: 0px solid #ddd;
    background-color: #f7f7f7;
}


.item-info-1{
   max-width: 280px;

}

.showcase .item-heading {
    padding: 20px 0px;
}

.showcase .item-heading {
    text-transform: none;
}


.sc-heading h3{
    text-align: center;
    padding-top: 60px;
    padding-bottom: 10px;
}




@media (max-width: 1000px) {
.showcase .info-wrapper {
    /* padding: 0px 20px; */
}
.showcase .item-heading {
    /* padding: 0 20px; */
}
}



/*@media (max-width: 1200px) {*/
/*.item-thc-jb{*/
/*    max-width: 250px;*/
/*}*/

/*}*/





/*.item-thc-jb{*/
/*    max-width: 250px;*/
/*}*/









.container-text-home{
    padding-bottom: 40px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}


.showcase .item-wrapper:hover .item-heading a {
    color: #6d6d6d;
    text-shadow: 0 1px 0 #fff;
}



.button-addtocart_2{
    margin-top: 30px;
}

.caption h4{
    min-height: 52px;
}


@media (max-width: 991px) {
.button-addtocart_2 {
    margin-top: 10px;
}

.caption h4 {
    min-height: 100%;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
    top: -20px;
    position: relative;
}
}




#shipping_address_zone_id{
    border: 0px solid #ccc !important;
    /*border-radius: 4px;*/
    height: 40px;
}

#shipping_address_address_2{
    border: 0px solid #ccc !important;
    /*border-radius: 4px; */
}

#shipping_address_city{
    border: 0px solid #ccc !important;
    /*border-radius: 4px; */
}

.row-shipping_address_zone_id{
    /*margin-bottom: 35px;*/
    /*height: 60px;*/
}

#shipping_address_address_2{
    border: 0px solid #ccc !important;
    /*border-radius: 4px; */
}

@media (max-width: 768px) {
.row-shipping_address_zone_id{
     height: 30px;
}

.row-shipping_address_city{
     height: 30px;
}

.row-shipping_address_company{

     height: 60px;
}
}


#shipping_address_address_1{
    border: 1px solid #ccc !important;
    /*border-radius: 4px; */
}


label[for="meest2.warehouse"] img {
    display: none;
}

.modal-close img {
    width: 25px;
}

.select2-container--default .select2-selection--single {
  border-radius: 20px;
  padding-left: 10px;
}


.form-control-6 {
    border-radius: 20px;
    height: 37px;
}












/* ****************Обновление дизайна**************** */







.menu-button-yellow {
    background-color: #275E44;
        color: #fff;
}


.menu-button-yellow:hover {
    background-color: #275E44;
}

@media (max-width: 991px) {
    #search .search_toggle {
        top: 49px;
        display: block;
        position: absolute;
        background: none;
        border: 1px solid #ededed;
        border-radius: 25px;
    }
}

@media (max-width: 991px) {
    #search .search_button {
        display: none;
    }

    #search .search_toggle {
        top: 0px;
        position: relative;
    }

    #search .input-lg {
        border-color: #ccc;
    }

        #search .search_toggle {
        width: 100%;
        right: 0px;
    }

        #search .input-lg {
        height: 50px;
        width: 100%;
    }

        #search .btn-lg {
        right: -87px;
        padding: 0px;
        border: 0;
        height: 50px;
        font-size: 20px;
        width: 112px;
        /* transition: none; */
        background-image: none;
        /* background-repeat: no-repeat; */
        /* background-position: 5px center; */
        /* background-size: 20px; */
        background-color: #277777;
        top: -5px;
        border-radius: 25px;
    }

        #search {
        width:100%;
        padding: 0 25px;
        z-index: 1;
    }

        #search .btn-lg:hover {
        background-image: none;
    }

        .btn:hover, .btn:focus{
        color: #ebebeb;
        text-decoration: none;
    }

        header .dropdown.myaccount>a {
        background-size: 23px;
    }

        #cart .cart_heading {
        /* width: 36px; */
        top: 0px;
        position: relative;
        background-size: 24px;
    }

        .dropdown.fhone, .header-container.fixed .dropdown.fhone {
        margin-top: 9px;
        margin-left: 12px;
        /* margin-right: 18px; */
    }

        header .dropdown.fhone>a {
        background-size: 28px;
    }

        .dropdown.fhone {
        float: right;
        vertical-align: top;
        position: relative;
        margin-top: 16px;
        margin-left: 22px;
        margin-right: 5px;
        z-index: 9;
    }
}


@media (max-width: 1000px) {
    #search {
        float: none;
        margin-bottom: 10px;
        
    }

    #search .search_toggle .input-group-btn {
        right: 0px;
        top: 6px;
    }

        #search .search_toggle {
        border: 1px solid #fff;
    }
}


.dropdown-fhone{
      display: block;
    font-size: 0px;
    cursor: pointer;
    width: 30px;
    height: 30px;
      background-image: url(/image/ap/icon-park-outline_phone-telephone.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    background-color: transparent;
    transition: none;
}

#cart-quantity {
    top: -8px;
    background: #275E44;
}



.expandable span {
    font-size: 12px;
    top: 28px;
}


@media (max-width: 576px) {
    header .nav-responsive .expandable {
        left: auto;
        right: -10px;
        top: -60px;
    }
}


/* @media (min-width: 1460px) {
    .container {
        width: 1170px;
        max-width: 100%;
    }
} */








/* **************Блок header****************** */




.jbox-addtocart span{
  /* display: none !important; */
}

.jbox-addtocart{
  font: initial; /* сбрасывает на дефолт браузера */
    border-radius: 25px !important;
    width: 50px !important;
    height: 50px !important;
    background: #275e44 !important;
    border: none !important;
    color: #fff !important;
    padding: 0px !important;
    text-align: center !important;
}

.jbox-addtocart .fa-light{
  font-size: 22px;
}

.jbox-product-row {
	display: flex;
	align-items: center; /* выравнивание по вертикали */
	justify-content: space-between; /* разнос по сторонам */
}

.jbox-price-tax {
	flex: 0 0 65%; /* фиксировано 70% */
  font-family: 'Montserrat', sans-serif;
}

.jbox-button-addtocart {
	flex: 0 0 35%; /* фиксировано 30% */
	text-align: right; /* чтобы кнопка прижалась вправо */
  text-align: center;
}


.header-flex-item-logo{
  flex-basis: 30%;
}

.header-flex-item-search{
  flex-basis: 50%;
}

.header-flex-item-myaccount{
  flex-basis: 15%;
}

#search .search_toggle {
    width: 100%;
}

#search .btn-lg {
    right: 0px;
}

#search {
    width: 100%;
}

#search .input-lg {
    height: 50px;
}

.menu-button-yellow {
    margin: 3px 2px;
}

header {
    min-height: 145px;
}

#slideshow0 {
    /* margin-top: 145px; */
}

#search .btn-lg {
        right: 0px;
        padding: 0px;
        border: 0;
        height: 50px;
        font-size: 20px;
        width: 112px;
        /* transition: none; */
        background-image: none;
        /* background-repeat: no-repeat; */
        /* background-position: 5px center; */
        /* background-size: 20px; */
        background-color: #275E44;
        top: 0px;
        border-radius: 25px;
    }

#search .btn-lg:hover {
  background-image: none;
}

#search .btn-lg:hover {
    background-color: #275E44;
    color: #d8d8d8;
}

.dropdown.myaccount {
    margin-top: 16px;
}

.header-cart {
    margin-top: 20px;
}

.custom-pull-left {
    margin-top: 7px;
}

.menu-button-yellow {
    border-radius: 25px;
}

.menu-button-yellow:hover {
    background-color: #275E44;
}

/* #cart:hover .cart_heading {
    color: #275E44;
    background-image: url(../image/cart.png);
} */

#searchbox .input-group-btn .btn-default{
  margin: 0 0px;
}


@media (max-width: 576px) {

  .jbox-button-addtocart {
    flex: 0 0 35%;
  }

  .dropdown.myaccount, .header-container.fixed .dropdown.myaccount {
    margin-left: 1px;
    margin-right: 5px;
  }

  .dropdown.fhone {
    margin-right: 0px;
  }

  header .dropdown.fhone>a {
    background-size: 24px;
  }

  .product-thumb .caption {
    margin: 10px 0px 35px;
}
}


@media (max-width: 1200px) {
.header-flex-item-search{
  flex-basis: 45%;
}

.header-flex-item-myaccount{
  flex-basis: 20%;
}
}




.caption h4 {
    padding: 0 0px;
    text-align: left;
}

.product-thumb .price-old {
    text-align: left;
}

.product-thumb .price-new {
    text-align: left;
}

@media (max-width: 768px) {
.caption h4 {
    padding: 0px;
}
}


.jbox-product-row .price{
  font-size: 20px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
  align-items: start;
  margin: 0px;
}

.tab-head,
.box-head-2 {
  text-align: right;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0;
  margin: 0;
}

.product-thumb h4 a {
    font-size: 16px;
}

@media (max-width: 1200px) {
.jbox-product-layout{
  padding: 0 0px;
}
}


@media (max-width: 991px) {
    #search, .header-container.fixed #search {
        margin-top: 0px;
    }
}

@media (max-width: 576px) {
  .product-thumb .image img {
      max-width: 140px;
  }

  .caption h4 {
      min-height: 50px;
  }

  .featured .container{
      padding-left: 0px;
      padding-right: 0px;
  } 

  .jbox-price-tax {
      flex: 0 0 65%;
  }

  header {
      min-height: 72px;
  }

}

.czcategory_block .box-heading, .box-heading {
    width: max-content;
    text-transform: none;
    font-weight: 700;
}

.box-heading:before {
    border-bottom: 0px solid #275E44;
}




@media (max-width: 1000px) {
  #searchbox .input-group-btn .btn-default {
      top: -6px;
  }
}


@media (max-width: 767px) {
    body:not(.common-home) .jb-ret {
        display: none !important;
    }
}

/* **************Блок showcase****************** */



.showcase{
  background: #e8f4ee;
}

.subcategory-item {
    width: 24%;
}

.subcategory-item-title {
    padding: 5px;
}

.jbox-item-image{
  padding-top: 20px;
}

.jb-item-image{
    background: #e8f4ee;
    width: 100px;
    margin: auto;
    padding: 25px;
    border-radius: 50px;
}

.sc-main img {
    max-width: 50px;
}

.item-thc-jb{
    padding: 0 0px 38px 0px;
}

.jbox-sс{
  padding-top: 50px !important;
}

.Jbox-item-wrapper{
      min-height: 240px;
}

.showcase .item-wrapper {
border-radius: 20px;
    background-color: #fff;
}

.jbox-container{
    background: #e8f4ee;
}

.showcase .item-heading {
    font-weight: 400;
    font-size: 16px;
}

.subcategory-item-title {
    line-height: 18px !important;
}

@media (max-width: 576px) {
.sc-main img {
    max-width: 30px;
}

.jb-item-image {
    width: 70px;
    padding: 20px;
}

.Jbox-item-wrapper {
    min-height: 170px;
}

.showcase .item-heading {
    font-size: 12px;
    line-height: 1.7;
    padding: 0 0px;
}

.showcase .info-wrapper {
    padding: 5px 10px;
}

.sc-main .sc-carousel .scc-stage {
    margin-left: 10px;
}

.jbox-sс {
    padding-top: 30px !important;
}

.item-thc-jb {
    padding: 0 0px 15px 0px;
}

.Jbox-item-wrapper {
    /* min-height: 270px; */
}

.showcase .item-heading {
    padding: 10px 0px;
}


}








/* @media (max-width: 576px) {
    .header-flex-item {
        flex-basis: 43%;
    }
} */











/* ************** Карточка товара ****************** */

#content.productpage h1 {
    text-align: left;
    line-height: 44px;
    margin-top: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 36px;
    letter-spacing: 0;
}

				.rating-stars {
					color: #ffa500; /* Оранжевый цвет */
				}
				.rating-stars i.empty {
					color: #ddd; /* Серый для пустых */
				}

        .jb-attr{
          display: flex !important;
          flex-wrap: wrap !important;
          align-items: center !important;
          column-gap: 15px !important;
          flex-direction: row !important;
        }

        .flex-container-sku{
          margin-left: auto !important;
          color:#000;
        }

.product-price{
  font-weight: 500; 
  color: #000; 
  font-size: 20px;
}

.special-price{
  font-weight: 500; 
  color: #000; 
  font-size: 20px;
}

.product-jb-info-green{
    margin-top: 20px;
    background-color: #e8f4ee;
    padding: 30px;
    border-radius: 20px;
}

#content ul.list-unstyled.price li {
    display: flex;
    align-items: center;
    height: 100%;
}

#content.productpage ul.list-unstyled {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.productpage .product-right .form-group.qty {
    margin-bottom: 0px;
}

.input-group {
    margin-top: 5px;
}

#content ul.list-unstyled {
    margin-bottom: 0px;
}

span.old-price {
    font-size: 16px;
}

.product-price {
    font-size: 20px !important;
    font-family: 'Montserrat', sans-serif;
}

.btn-primary {
    color: #fff !important;
    background: #275E44 !important;
    font-family: 'Open Sans', sans-serif !important;
    border: 1px solid #275E44 !important;
}

.btn-primary:hover {
    background: #275E44 !important;
    color: #fff !important;
}

.quickview .form-group.qty .btn-lg, .productpage .form-group.qty .btn-lg {
    min-width: 150px;
    height: 50px;
}


.form-group-jb {
     margin-top: 0px;
}

/* Контейнер для опций */
.radio-flex {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.radio-flex-item {
    position: relative;
}

/* Скрываем стандартный radio input */
.radio-flex-item input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Стили для label (кнопки) */
.radio-flex-item label {
    display: inline-block;
    padding: 1px 10px !important;
    background-color: #fff;
    border: 1px solid #bab3b3;
    border-radius: 11px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    transition: all 0.3s ease;
    white-space: nowrap;
}

/* Hover эффект */
.radio-flex-item label:hover {
    border-color: #275E44;
}

/* Выбранное состояние - черная обводка */
.radio-flex-item input[type="radio"]:checked + label {
    border-color: #275E44;
    border-width: 2px;
    font-weight: 500;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 0px solid #ededed;
}

.table-bordered {
    border: 0px solid #ededed;
}

#content table thead tr td {
    background: #ffffff none repeat scroll 0 0;
}

body {
    color: #000000;
}

.td-jb-name{
  line-height: 18px;
  font-weight: 500;
}

.td-jb{
  text-align: right;
  font-weight: 500;
  line-height: 18px;
}

.strong-jb{
  font-size: 24px;
}

#description-container{
  max-height: 320px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
  line-height: 22px;
  padding: 8px;
}

.breadcrumb-product-background {
    /*margin-top: 150px;*/
    background: #fff;
}

#content ul.list-unstyled.attr {
    padding-top: 0px;

}

#tab-description {
    padding: 50px 0 0 0;
    color: #666666;
}

.customNavigation a:hover {
    background-color: #275E44;
}

.sss1 {
    width: 150px;
}

.btn-defaults {
    color: #fff;
    background: #275E44;
    border: 0;
    line-height: inherit;
    padding: 0px 0px !important;
    height: 25px;
    border-radius: 25px;
    width: 25px;
    /* margin-top: 12px; */
}

.number-spinner {
    background: #fff;
    padding: 0 10px;
    border-radius: 25px;
    max-height: 50px;
    margin-top: 0px;
}

.input-jb-prod{
  border: none;
  height: 50px !important;
}

.input-group-btn {
    font-size: 16px;
}

.fa-minus-jb {
    padding-top: 0px;
}


.product-link {
	position: relative;
}


.product-link:hover::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 100%;
	left: 0;
	background: rgba(0, 0, 0, 0.9);
	color: white;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 12px;
	z-index: 1000;
	margin-bottom: 5px;
	
	/* Многострочный текст */
	white-space: normal;
	max-width: 250px; /* Измените на нужную ширину */
	width: 180px;
	word-wrap: break-word;
	line-height: 1.4;
}

/* Стрелочка снизу (опционально) */
.product-link:hover::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 10px;
	margin-bottom: -5px;
	border: 5px solid transparent;
	border-top-color: rgba(0, 0, 0, 0.9);
	z-index: 1001;
}



.jb-check{
padding-right: 5px;
    bottom: 1px;
    position: relative;
}


.swiper {
            width: 100%;
        }

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    /* content: "\203a" !important; */
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    /* content: "\2039" !important; */
}

.swiper-button-next, .swiper-button-prev {
    /* color: #275e44 !important; */
}


footer {
    background-color: #E8F4EE;
}

.bottomfooter {
    padding: 20px 0px 18px 0px;
    border-top: none;
    width: 100%;
    background: #CBDFD4;
}

.powered-2{
  float: right;
}


.jb-title-description{
  font-size: 24px !important;
  margin-bottom: 10px !important;
  font-weight: 600 !important;
  text-align: left !important;
  color: #262626 !important;
  margin-top:10px !important;
  padding-left: 8px !important;
}


.jb-title-delivery{
  font-size: 24px; 
  margin-bottom: 10px; 
  font-weight: 600; 
  text-align: left; 
  color: #262626; 
  margin-top:10px;
}

#form-review {
  padding: 20px;
  background: #e8f4ee;
  border-radius: 15px;
}


#review p{
margin: 0 0 10px 0;
}



#jb-hr{
background: #000;
    height: 0.5px;
    margin-top: 30px;
}


@media (max-width: 480px) {
    .sss2 {
        width: 100%;
        display: flex;
         padding-top: 15px; 
         min-width: 100%; 
    }
    
        #button-cart {
        min-width: 100%;
    }
    
    .sss1 {
    width: 59%;
}
.number-spinner {
    float: right;
}

.product-jb-info-green {
    padding: 20px;
}

#content.productpage h1 {

    font-size: 24px;
    line-height: 32px;

}

.product-price{
  font-size: 14px;
}

.special-price{
  font-size: 14px;
}

.strong-jb {
    font-size: 24px;
}

        .flex-container-sku{
width: 100%;
        }


    .table {
        margin-bottom: 40px;
    }

  .product-jb-info-green {
    width: 100vw; /* Ширина на весь экран */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    border-radius: 0px;
  }

  /* #form-review{
        width: 100vw; 
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    border-radius: 0px;
  } */

  .productpage .box {
        margin-top: 50px;

    }

    .td-jb-name{
  font-size: 14px;
}

.td-jb{
  font-size: 14px;
}

}


/* Категории товаров */



.Jb-category-item{
    background: #e8f4ee;
    border-radius: 15px;
    min-height: 250px;
}

.sw-image img{
    max-width: 120px;
    /* max-height: 150px; */
    background: #fff;
    margin-top: 20px;
    border-radius: 100px;
}

.Jb-sw-item{
    padding-left: 5px;
    padding-right: 5px;
}

.sw-title{
    padding: 20px 10px 50px 10px;
}

.img-breadcrumb {
  background: #fff;
}


.sort-by-wrapper, .show-wrapper {
    float: left;
    background: #e8f4ee;
    padding: 10px 10px 10px 10px;
    border-radius: 10px;
}










/* Попап корзины */



#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#decrease-quantity, #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#increase-quantity {
    background: #275E44 !important;
    height: 25px !important;
    width: 5px !important;
    border-radius: 20px !important;
    color: #fff !important;
    margin: 0 10px !important;
}


.jb-plus{
      left: -4px;
    position: relative;
}


#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div {
    margin: auto;
    position: relative !important;
    right: 0;
    top: 0;
    background: #e8f4ee !important;
    height: 46px !important;
    border-radius: 20px !important;
    width: 120px;
}

#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner {
    min-height: 0px !important;
    margin-left: 0px !important;
}

#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > input.input-quantity {
    border: 1px solid #e8f4ee !important;
    background: #e8f4ee !important;
}

#smca-modal-body > .modal-footer > input.close-button-bottom {
    color: #000 !important;
    border: 2px solid #275e44 !important;
    padding: 5px 60px 5px 40px;
    font-size: 16px;
    cursor: pointer;
    background-image: url(https://thc.loc/catalog/view/theme/Styleway_Apparel/image/cart.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 30px center !important;
    background-size: 24px 24px !important;
}



#smca-modal-body > .modal-footer > input.close-button-bottom:hover {
    color: #000 !important;
    border: 2px solid #275e44 !important;
    padding: 5px 60px 5px 40px;
    font-size: 16px;
    cursor: pointer;
    background-image: url(https://thc.loc/catalog/view/theme/Styleway_Apparel/image/cart.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 30px center !important;
    background-size: 24px 24px !important;
}


#smca-modal-body > .modal-footer > input {
    color: #fff !important;
    background: #275E44 !important;
    font-family: 'Open Sans', sans-serif !important;
}

#smca-modal-body > .modal-footer > input:hover {
    background: #275E44 !important;
}



#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .name {
    width: 50%!important;
}

#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .total {
    width: 25%!important;
    text-align: center!important;
    font-size: 18px !important;
}

#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right {
    max-width: 280px;
    width: 100%!important;
    margin: auto!important;
}


#smca-modal-body .modal-heading{
    text-align: center!important;
    font-size: 23px!important;
    line-height: 30px!important;
    font-weight: 600!important;
    display: flex;
}

#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right a {
    font-size: 18px !important;
    line-height: 24px !important;
    text-decoration: none !important;
}

.jb-modal-heading-item-1{
    width: 90%;
}

@media (max-width: 564px) {
    .jb-modal-heading-item-1{
        width: 85%;
    }
}









/* #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right a {
    font-size: 15px;
    font-weight: 500;
} */



#total-order{
    font-size: 24px !important;
    font-weight: 500 !important;
}



@media (min-width: 360px) and (max-width: 532px) {
    #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right a {
        font-size: 16px !important;
        line-height: 18px !important;
        text-decoration: none !important;
    }

        .name-left {
        width: 35% !important;
    }

        .name-left img {
        width: 70px;
        top: 5px;
        position: relative;
    }

    #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .price, #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total{
        font-size: 18px !important;
        line-height: 12px !important;
        font-weight: 500!important;
    }

    .cart-item-flex {
        max-height: 100%;
    }

    #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove {
        width: 15% !important;
        text-align: right !important;
    }
}


@media (max-width: 760px) {
    .name.cart-item-flex {
        order: 1;
    }
    
    .remove.cart-item-flex {
        order: 2;
    }
    
    .price.cart-item-flex {
        order: 3;
    }
    
    .quantity.cart-item-flex {
        order: 4;
    }
    
    .total.cart-item-flex {
        order: 5;
    }

    #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .quantity {
        width: 50% !important;
    }

    #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .name {
        width: 80% !important;
    }

    .total .cart-item-flex {
      width: 30%!important;
    }

    .remove .cart-item-flex{
      width: 20%!important;
    }

    .quantity .cart-item-flex{
      width: 60%!important;
    }

    #smca-modal-body .modal-body {
    padding: 20px 20px 20px 20px !important;
    }

    #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right {

        width: 70% !important;

    }

    #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total, #smca-modal-body .modal-body .product-table-cart > .product-table-heading > .total {
        width: 45% !important;
        text-align: right !important;

    }

    #total-order{
        font-size: 18px !important;
        font-weight: 500 !important;
    }
}




/* Форма заказа товара */


.simplecheckout-left-column {
    float: left;
    margin-right: 10px;
    min-width: 280px;
    max-width: 900px;
    width: 65%;
}

.simplecheckout-right-column {
    float: right;
    min-width: 280px;
    max-width: 400px;
    width: 27%;
}

.product-name-item a{
 font-weight: 500;
 font-size: 18px;
}

.product-img-item img {
    width: 80px;
}

.input-simple-checkout-item-jb-2{
    background: #e8f4ee;
    width: 120px;
    border-radius: 20px;
}

#simplecheckout_cart .form-control {
    background: #e8f4ee;
    border: 0px;
    text-align: center;
    padding-top: 5px;
}

.fa-simplecheckout {
    margin: 0 5px;
}

.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
    background: #275e44;
    border-radius: 20px;
    color: #fff;
    margin: 0 7px;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    margin-left: -1px;
    background: #275e44;
    border-radius: 20px;
    color: #fff;
    margin: 0 7px;
}


.fa-simplecheckout {
    font-size: 14px;
    /* padding-top: 10px; */
}


#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove input {
    margin-left: 25%;
    width: 26px !important;
    height: 26px !important;
    display: inline-block;
    outline: none;
    border: 0;
    padding: 0;
    margin-top: 8%;
    /*background: url(kochik20.png) no-repeat;*/
}


#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove input {
    background: url(/image/ap/trash-2.svg) no-repeat !important;
}




.jb-close-btn-defaults{
  background: #fff;
  color: #d1d2df;
  font-size: 18px;
  padding: 0px 0px 0px 20px !important;
  width: 15%;
}

.simplecheckout-block-content .comment-wrapper{
  float: none;
}

#comment{
  border-radius: 10px;
}

#jb-simplecheckout-block-content{
    background: #e8f5e9;
    padding: 20px !important;
    margin-bottom: 30px;
    border-radius: 0px 0px 15px 15px;
}

.simplecheckout-block {
    clear: both;
    margin-bottom: 0px;
}

#simplecheckout_summary{
    clear: both;
    margin-bottom: 0px;
    background: #e8f5e9;
    padding: 30px;
    border-radius: 20px;
}

.jb_simplecheckout-block-content-shipping{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.radio, .checkbox
 {
    margin-top: -5px !important;
}

.jb_simplecheckout-block-content-shipping .radio{
  padding-right: 20px;
  width: 30%;
}

#simplecheckout_cart{
  margin-bottom: 60px;
  border: 1px solid #999;
  padding: 20px;
  border-radius: 15px;
}

#simplecheckout_shipping_address{
  margin-bottom: 0px;
}




.jb-flex-simplecheckout-block-content{
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
}

.jb-flex-simplecheckout-block-content .radio{
margin-right: 30px ;
}

.jb-payment_method-description{
width: 100%;
}

#total_sub_total{
  border-top: 1px solid #999;
  padding: 20px 0;
}

#simplecheckout_cart #total_total{
  display: none;
}

#simplecheckout_summary #total_sub_total{
  display: none;
}

.simplecheckout-right-column{
    background: #fff;
    padding:  0px;
    border-radius: 0px;
}

.simplecheckout-button-block{
  background: #e8f5e9;
}

#total_total span b{
font-size: 14px;
    font-weight: 500;
    float: left;
    color: #999;
}

#total_total .simplecheckout-cart-total-value{
  font-size: 22px;
}

/* .simplecheckout-cart-total{
  
} */


#total_items_count span b{
  font-weight: 500;
  font-size: 14px;
  float: left;
  color: #000;

}

#total_items_count .simplecheckout-cart-total-value{
  font-size: 14px !important;
  float: left;
  text-align: left;
  color: #000;
  padding-left: 10px;
}

#simplecheckout_button_confirm{
padding: 10px 20px;
}

.simple-checkout-item-title {
    width: 60%;
}

.simple-checkout-item-price {
    width: 40%;
}

.price-total-item {
    padding-left: 0px;
    font-size: 18px;
}

.simplecheckout-block-content {
    padding: 10px 0px;
}

#simplecheckout_customer .checkout-heading span {
  font-size: 30px;
  font-weight: 500;
}

#simplecheckout_shipping .checkout-heading {
    font-size: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
}

#simplecheckout_shipping_address .checkout-heading {
  display: none;
}




#simplecheckout_payment .checkout-heading {
  font-size: 30px;
  padding-bottom: 30px;
}

address, dl, fieldset, figure, ol, p, pre, ul{
     margin: 0 0 20px 0;
    
}
    
@media (max-width: 576px) {
    #simplecheckout_payment .checkout-heading {
      font-size: 24px;
      padding-bottom: 30px;
    }
    address, dl, fieldset, figure, ol, p, pre, ul{
        margin: 0 0 0px 0;
    }
    .panel-heading {
    padding: 10px 15px 10px 0px;
    padding-bottom: 20px
    }
    
    #simplecheckout_shipping .checkout-heading {
    font-size: 24px;
    }
    
    .blog-desc p{
        margin: 10px 0 0px 0; 
    }

}


.hidden-content {
    display: none;
}
  .read-more-btn {
    background: none;
    border: none;
    color: #275e44;
    cursor: pointer;
    font-size: 16px;
    text-decoration: underline;
    padding: 0;
    margin: 10px 0;
}
.read-more-btn:hover {
    color: #2980b9;
}



.czcategory_block .box-heading, .box-heading {
    font-weight: 600;
    font-size: 36px;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    text-align: left;
}



.flex-item {
    margin: 0 5px;
}

.content-review {
    background: #F4FBF8;
}

.flex-item {
    border-radius: 25px;
    padding: 15px 15px;
}

.review-disc {
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0 20px 0;
}

.flex-item-infa-title-2 {
    font-size: 13px;
    font-weight: 300;
    margin-top: 0px;
}


.flex-item-infa-img {
  width: 130px; 
  margin-top: 10px;
}

.swiper-button-prev, .swiper-button-next {

  display: none;
}







@media (max-width: 576px) {
    .czcategory_block .box-heading, .box-heading {
        font-weight: 600;
        font-size: 24px;
    }

}



/*Блог*/
.blog-right h4 {
    font-size: 20px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; /* SemiBold = 600 */
    font-size: 20px;
    line-height: 1.2; /* або 120% */
    margin-bottom: 20px; /* paragraph spacing */
    letter-spacing: 0;
}


@media (max-width: 991px) {
  .blog-right h4 {
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 5px;
    letter-spacing: 0;
  }
}

@media (max-width: 576px) {
      .blog-right .blog-desc, .blog-right .view-blog {
        font-size: 14px !important;
        line-height: 20px !important;
        height: 40px;
    }
    
        #content #blog-carousel .product-block .date-comment .date-time, #content #blog-grid .product-block .date-comment .date-time {
        font-size: 13px;
    }
    
        .blog-right h4 {
        font-size: 14px;
    }
    
        .blog-right h4 {
          line-height: 20px !important;
    }
    
    .customNavigation a.next {
        display: none;
    }
    
    .customNavigation a.prev {
        display: none;
    }

    .content-review {
        padding: 40px 0 60px 0;
        background: #F4FBF8;
    }

}


#blog-carousel .product-block .product-block-inner, #blog-grid .product-block .product-block-inner {
    border-radius: 0px;
}



#blog-carousel .product-block .blog-image img, #blog-grid .product-block .blog-image img {
    border-radius: 11px;
}

.blog-item .product-block {
    padding: 0px 4px !important;
}

.write-comment a, .date-time {
    color: #535460 !important;
    font-size: 16px !important;
}



.blog-right .blog-desc, .blog-right .view-blog {
    line-height: 24px;
    margin-top: 8px;
    font-size: 16px;
    text-align: justify;
    color: #535460;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0em;
    font-weight: 400;
    
}

.blog-image .post_hover {
    height: 100%;
    width: 100%;
}
.blog-left-content .blog-image .icon, .blog-left .blog-image .icon {
    border: 0px solid #fff !important;
    height: 100% !important;
    width: 100% !important;
    border-radius: 0px !important;

}

#content #blog-carousel .product-block .blog_title:hover a, #content #blog-grid .product-block .blog_title:hover a {
    color: #000;
}


.jb-blogs{
  text-align: left;
    font-size: 36px;
    margin-bottom: 30px;
    font-weight: 600;
}















.swiper-pagination-bullet {
    display: inline-block;
    margin: 0 3px;
    opacity: 1;
    cursor: pointer;
    width: 3px;
    height: 3px;
    text-indent: -9999px;
    background-color: #000;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.swiper-pagination-bullet:hover, .swiper-pagination-bullet-active {
    background: #fff  !important;
    width: 8px !important;
    height: 8px !important;
    border: 2px Solid #000 !important;
}

.swiper-pagination {
    bottom: 15px;
    left: 0;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Меню */

.jbox-menu {
    width: 300px;
}

.subcategories-container {
    left: 300px;
    width: 695px;
}

.category-item{
flex-wrap: wrap;
}

.jb-img-responsive{
  width: 25px;
  margin-right: 20px;
}

.category-item:hover {
    background: #E8F4EE;
    border-radius: 15px;
}

.category-bacground{
    height: 0.5px;
    background: #f0efef;
    width: 199%;
    top: 13px;
    position: relative;
}



.jbox-menu-container.visible {
    border-radius: 0 0 0 25px;
}

.jbox-menu {
    border-radius: 0 0 0 25px;
}

.category-item {
    padding: 15px 10px 13px 30px;
}








/*Текст на главной*/


.common-home #content {
    min-height: 350px;
}

.jb-category_description {
        position: relative;
    }
    
    #category-description-container {
        max-height: 300px;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    
    #category-description-fade {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100px;
        background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
        pointer-events: none;
    }
    
    #toggle-category-description {
        display: block;
        /*margin: 20px auto;*/
        padding: 30px 0px;
        background: #fff;
        color: #000;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
        transition: background 0.3s ease;
    }
    
    #toggle-category-description:hover {

    }




    /* #input-sort{
      width: 200px!important;
    } */



    /* Пагинация */

  .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus
  {
      color: #000;
      background-color: #fff;
      border-color: #fff;
      cursor: not-allowed;
      margin: 0 20px;
  }

  .pagination>li>a, .pagination>li>span {
      background-color: #ffffff;
      border: none;
  }


    .page-result{
      display: none;
    }

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #666;
    background-color: #fff;
    border-color: #275e44;
    cursor: default;
    border: 1px solid;
    border-radius: 9px;
}

.pagination-wrapper {
    display: block;
    margin: 5px 0 15px;
    padding: 5px 15px 5px 15px;
    width: 360px;
    background: none;
    border-top: 0;
    margin: auto;
}

.pagination-wrapper .page-link {
    float: none;
    padding: 0;
    width: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    text-align: center;
}

/* Меню */

.top_level .menu-cat-one-jb {
    padding: 5px 5px 5px 15px;
    font-size: 14px;
    width: 80%;
    text-align: left;
}


.img-arrow {
    height: 12px;
    /* margin-left: auto; */
    padding-right: 10px;
    width: 17px;
    margin: auto;
}

@media (max-width: 1920px) {
    header .responsive-menu.open .main-navigation .menu.expandable span:after {
        content: "";
        background-position: left center;
        background-color: #ffffff;
        background-repeat: no-repeat;
        right: 35px;
        top: -18px;
        position: absolute;
        width: 17px;
        height: 46px;
        background-size: 15px;
        background-image: url(../image/codezeel/menu-close.svg);
    }
}


.top_level .menu-cat-one-jb {
    padding: 10px 15px 10px 15px;
    font-size: 14px;
    width: 80%;
    text-align: left;
}


@media (max-width: 768px) {
  .info-menu {
    display: none;
    height: 100%;
  }
}







/* Переключение языка */


.flag-emoji{
  display: none !important;
}


	/* Стили для мобильной версии */
	@media (max-width: 991px) {
		#form-language .btn-group {
			width: 100%;
		}

		#lang-dropdown-menu {
			position: static !important;
			float: none !important;
			width: 100% !important;
			margin: 0 !important;
			border: none !important;
			box-shadow: none !important;
			padding: 10px 0;
			display: flex !important;
			flex-direction: row;
			gap: 10px;
			background: transparent !important;
		}

		#lang-dropdown-menu li {
			flex: 1;
			display: block !important;
		}

		#lang-dropdown-menu .language-select {
			display: flex !important;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			gap: 8px;
			padding: 2px 16px !important;
			background: #f5f5f5;
			/* border: 1px solid #e0e0e0 !important; */
			border-radius: 12px;
			text-align: center;
			font-size: 13px;
			transition: all 0.3s ease;
			width: 100%;
		}

		#lang-dropdown-menu .language-select img {
			width: 28px;
			height: 28px;
			border-radius: 4px;
			margin: 0 !important;
			display: inline-block !important;
		}

		#lang-dropdown-menu .language-select.active {
			background: #fff;
			font-weight: 500;
			color: #000;
      font-size: 12px;
		}

		#lang-dropdown-menu .language-select:hover {
			background: #fff;
			box-shadow: 0 2px 8px rgba(0,0,0,0.08);
		}

		/* Скрываем кнопку toggle в мобильной версии */
		#form-language .dropdown-toggle {
			display: none !important;
		}

		/* Показываем dropdown всегда в мобильной версии */
		#form-language .btn-group.open .dropdown-menu,
		#form-language .dropdown-menu {
			display: flex !important;
		}

    .custom-pull-left{
      width: 90% !important;
      /* max-width: 340px; */
      background: #F1F2F8;
      border-radius: 15px;
      padding: 0 10px;

	}

  .custom-pull-left {
    margin-top: 25px;
}


}

	/* Десктопная версия остается без изменений */
	@media (min-width: 991px) {
		#lang-dropdown-menu {
			display: none;
		}

		#form-language .btn-group.open .dropdown-menu {
			display: block;
		}

	}

  @media (max-width: 991px) {
    #form-language {
        margin-right: 0px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
}


  #form-language .dropdown-menu .btn, #form-currency .dropdown-menu .btn {
    font-size: 12px;

    /* width: 50px; */
}

#form-language .dropdown-menu>li>.btn:hover, #form-currency .dropdown-menu .btn:hover {
    color: #000;
}

.jb-bob-menu{
    position: relative;
    text-align: left;
    padding-left: 15px;
    font-size: 24px;
    font-weight: 600;
    top: -15px;
}


header .responsive-menu.open .main-navigation .menu.expandable {
    padding: 2px 0px 2px 20px;
    margin-bottom: 12px;
}



.menu-cat-one-jb-img img{
    width: 25px;
    margin-left: 16px;
}



	@media (max-width: 560px) {
    .jb-ret{
      display: none;
    }
  }

  @media (min-width: 560px) {
    .menu-cat-one-jb-img img{
        width: 35px;
        margin-left: 36px;
    }

    .top_level .menu-cat-one-jb {
        padding: 15px 15px 15px 15px;
    }

    .jb-bob-menu {
        padding-left: 35px;
    }
  }





.multibutton{
  display: none;
}


.product-thumb .caption {
  text-align: left;
}








/* Отзывы и рейтинг в категориях товара */

.rating-reviews-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #275E44;
}

.single-star-rating {
  display: flex;
  align-items: center;
  gap: 6px;
}

.star-wrapper {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.star-wrapper .fa-star {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
}

.star-empty {
  color: #ddd; /* сірий колір для порожньої зірки */
}

.star-fill {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
}

.star-filled {
  color: #FFD700; /* жовтий колір для заповненої частини */
}

.rating-number {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}

.reviews-count {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #666;
  font-size: 14px;
}

.reviews-count .fa-comment-o {
  font-size: 18px;
  color: #666;
  font-weight: 500;
}

.fa-comment-o:before{
  font-size: 18px;
  color: #666;
  font-weight: 500;

}

.reviews-null{
  margin-bottom: 10px;
}

.price-old {
  text-decoration: line-through;
  color: #999;
  font-size: 14px;
  margin-right: 8px;
  display: inline-block;
}

.price-main {
    color: #333;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
}





	@media (max-width: 1600px) {
    .rating-reviews-row {
        gap: 7px;
    }
  }

	@media (max-width: 1440px) {
    .rating-reviews-row {
        gap: 2px;
        font-size: 12px;
    }
}

	@media (max-width: 1280px) {
    .rating-reviews-row {
        gap: 2px;
        font-size: 12px;
    }
}

	/* Десктопная версия остается без изменений */
@media (max-width: 768px) {
    .rating-reviews-row {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
        font-size: 14px;
        color: #275E44;
    }
}

@media (max-width: 390px) {
    .rating-reviews-row {
        font-size: 12px;
    }
}

/* Отзывы на главной */


.jb-review-pagination{
position: relative;
    bottom: 0px !important;
    z-index: 2000000000000;
    padding-top: 20px;
}

.content-review {
    padding: 80px 0 50px 0;
}


.caption p {
min-height: 50px;
    position: relative;
    display: block;
    margin: 5px 0px;
    display: flex;
    align-items: center;
    height: 50px;
    overflow: hidden;
}

.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
    color: #000;
}



/* Избранное на главной. */

.tab-head, .box-head {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
}

#category-description-container{
    color: #535460;
}

#categoryDescription{
   color: #535460;
}






.product-badges {
    position: absolute;
    top: 2%;
    left: 4%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.badge {
    padding: 7px 10px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
}

.badge-new {
    background-color: #4CAF50; /* Зелений для новинки */
}

.badge-special {
    background-color: #CA77C2; /* Рожевий для акції */
}

p.powered {
    font-size: 14px;
}

.bottomfooter {
    padding: 20px 0px 4px 0px;
}


label {
    font-size: 15px;
    font-weight: 500;
    color: #888888;
}

.category_filter .sort select#input-sort, .category_filter .sort .form-control {
    background: #e8f4ee;
}

.jb-simple-price{
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
}

.jb-simple-price-old{
    width: 100%;
    color: #275E44;
    text-decoration: line-through;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.jb-simple-price-main{
    width: 100%;
    font-family: 'Montserrat', sans-serif;
}

#total_sub_total {
    border-top: 1px solid #999;
    padding: 20px 0;
    display: flex;
    /* text-align: right; */
    align-items: end;
    justify-content: end;
}


.jb-simplecheckout-cart-total{
padding: 7px 3px;
    border-right: 0px solid #DDDDDD;
    border-bottom: 0px solid #DDDDDD;
    border-left: 0px solid #DDDDDD;
    text-align: right;
}

.jb-simplecheckout-cart-total-value{
font-size: 18px;
    font-weight: 400;
}

#jb-total_old_price span b {
    font-size: 14px;
    font-weight: 500;
    float: left;
    color: #999;
}

#jb-total_spec span b {
    font-size: 14px;
    font-weight: 500;
    float: left;
    color: #999;
}


.jb-cart-product-original-price{
    color: #275E44;
    text-decoration: line-through;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 24px;
}

#simplecheckout_button_confirm{
  width: 100%;
  width: 100%;
    border-radius: 20px !important;
    /* padding: 5px 60px 5px 40px; */
    font-size: 14px;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
    background-size: 24px 24px !important;
    background-image: url(https://thc.loc/catalog/view/theme/Styleway_Apparel/image/shopping-cart.png) !important;
}

.simplecheckout-button-right {
    width: 100%;
}

.jb-simplecheckout-title{
  font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px;
}

.jb-title-text-home{
     font-size: 36px !important;
  }

#smca-modal-body .modal-body .totals > div > #total-order, #smca-modal-body .modal-body .totals > div > #weight-order {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600 !important;
}

#smca-modal-body .modal-body .totals > div > span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600 !important;
}


@media (max-width: 1440px) {

  #simplecheckout_button_confirm{
    width: 100%;
    width: 100%;
      border-radius: 20px !important;
      /* padding: 5px 60px 5px 40px; */
      font-size: 12px;
      cursor: pointer;
      background-repeat: no-repeat !important;
      background-position: right 15px center !important;
      background-size: 24px 24px !important;
      background-image: url(https://thc.loc/catalog/view/theme/Styleway_Apparel/image/shopping-cart.png) !important;
  }

}











@media (max-width: 991px) {
  footer a {
      color: #275E44;
      font-size: 14px;
  }

  #footer .column ul {
      margin-bottom: 35px;
      margin-top: 10px;
  }

  .footer-inner .row{
    display: flex;
  }

  p.powered {
    font-size: 11px;
    font-size: 11px;
        width: 80%;
        text-align: left;
  }
  .powered-2 img{
    width: 40px;
  }

  .footerleft-flex img{
    width: 200px;
  }


  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
        top: 0px;
    }

  .write-comment a, .date-time {
    font-size: 12px !important;
  }



  .jb-title-text-home{
     font-size: 24px !important;
     font-weight: 600;
  }
}




.pagination-wrapper .text-left{
    display: none;
}


.input-group .input-group-addon {
    background: #e8f4ee;
    border: none;
    border-radius: 20px 0px 0px 20px;
}







                /* Стили для input-group */


                
                /* Select2 кастомные стили */
                .select2-container--custom {
                    width: 100% !important;
                }

                .select2-container--custom .select2-selection--single {
                    height: 44px;
                    border-radius: 0px 20px 20px 0px !important;
                    border-radius: 0 8px 8px 0;
                    background: #f8f9fa;
                    padding: 0 5px;
                    display: flex;
                    align-items: center;
                    border-left: none;
                    background: #e8f4ee;
                }

                /* Когда input-group-addon слева */

                .select2-container--custom .select2-selection__rendered {
                    line-height: 44px;
                    padding: 0;
                    color: #333;
                    font-size: 15px;
                }

                .select2-container--custom .select2-selection__arrow {
                    height: 44px;
                    right: 10px;
                }

                .select2-container--custom .select2-selection__arrow b {
                    border-color: #666 transparent transparent transparent;
                    border-width: 6px 5px 0 5px;
                }

                .select2-container--custom.select2-container--open .select2-selection__arrow b {
                    border-color: transparent transparent #666 transparent;
                    border-width: 0 5px 6px 5px;
                }

                /* Выпадающий список */
                .select2-container--custom .select2-dropdown {
                    border: 1px solid #e0e0e0;
                    border-radius: 8px;
                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                    margin-top: 4px;
                }

                .select2-container--custom .select2-results__option {
                    padding: 7px 15px;
                    font-size: 15px;
                    color: #333;
                    background: white;
                    transition: background-color 0.15s ease;
                }

                .select2-container--custom .select2-results__option--highlighted {
                    background-color: #e8f4ee !important;
                    color: #333;
                }

                .select2-container--custom .select2-results__option--selected {
                    background-color: #e8f4fd;
                    color: #1a73e8;
                    font-weight: 500;
                }

                .select2-container--custom .select2-results__option:first-child {
                    border-radius: 7px 7px 0 0;
                }

                .select2-container--custom .select2-results__option:last-child {
                    border-radius: 0 0 7px 7px;
                }

                /* Фокус */
                .select2-container--custom.select2-container--focus .select2-selection,
                .select2-container--custom.select2-container--open .select2-selection {
                    border-color: #e8f4ee;
                    outline: none;
                    box-shadow: 0 0 0 0px #e8f4ee;;
                }

                /* Фокус на весь input-group */
                .input-group:has(.select2-container--custom.select2-container--open) .input-group-addon {
                    border-color: #e8f4ee;
                    box-shadow: 0 0 0 0px #e8f4ee;;
                }


                .select2-container .select2-selection--single {
                    height: auto !important;
                }


                .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
                    padding: 5px 1px 5px 10px !important;
                }

                .input-group .input-group-addon {
                    font-size: 15px;
                    height: 30px;
                }

                /* Адаптивность */
                /* @media (max-width: 767px) {
                    .col-xs-6 {
                        width: 50%;
                        float: right;
                    }
                }

                @media (min-width: 768px) {
                    .col-md-4 {
                        width: 33.333333%;
                        float: right;
                    }
                } */



/* Предотвращение горизонтального скролла */
.select2-container--custom.select2-container--open {
    max-width: 100%;
}

.select2-results__options {
    max-width: 100%;
    overflow-x: hidden;
}

.select2-container--custom .select2-dropdown {
    max-width: 100%;
}



.jb-flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
    padding: 0px 40px 0px 30px;
}
.jb-left-item {
    flex: 0 0 auto;
}

.jb-right-item {
    flex: 0 0 auto;
    margin-left: auto;
}


@media (max-width: 576px){
.jb-left-item {
    width: 100%;
}
.jb-flex-container {
    padding: 0px 20px 0px 20px;
}


.jb-right-item {
     margin-left: 0px; 
}

}





.jb-float-sort{
    float: right;
    /* right: 50px; */
    /* width: 100%; */
    }








@media (max-width: 767px) {
    .jb-float-sort{
        float: none;
     }
}

.jb-input-group-sort{
    float: right;
}


@media (max-width: 576px){
.jb-float-sort{
    float: left;
    padding-left: 0px;
    }
.jb-input-group-sort {
    float: none;
    }

}









/* .select2-container {

    width: 190px !important;
} */

.select2-container--custom {
    width: 190px !important;
}









/* --------------- review ---------------*/


.jb-form-group-review-flex{
  display: flex;
  align-items: end;
  flex-wrap: wrap;
}

.jb-form-group-review-item{
  width: 50%;
}


.jb-form-group-review-item-2{
  width: 50%;
  display: flex;
  align-items: end;
}

.jb-form-group-review-item-2-1{
  width: 70%;
}

.jb-form-group-review-item-2-2{
  width: 34%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .jb-buttons{
    margin: 0.7em 0;
    display: inline-block;
    width: 100%;
} */

#tab-review-0{
  background: #e8f4ee;
  border-radius: 20px;
  height: 100%;
  margin-bottom: 30px;
  display: block;
  text-transform: none;
}

#tab-review{
  /*display: none;*/
  margin-top: 30px;
}

.jb-review-title{
  margin-top: 5px;
  font-size: 26px !important;
  font-weight: 600 !important;
  margin-right: 10px;
  text-transform: none;
}

.jb-review-all{
  margin: 0 10px;
}

.jb-rating-review{
  font-size: 16px !important;
  font-weight: 600 !important;
}

.jb-review-title-all-0{
  display: flex;
  flex-wrap: wrap;
  align-items:center;
  gap: 5px;
  padding: 30px;
  margin-top: 30px;
}

.jb-review-title-all-0 > div:last-child {
  margin-left: auto; /* ← прижимаем последний к правому краю */
}


.jb-review-title-all{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;

}

.jb-review-flex{
    display: flex;
    padding: 20px;
    border: 1px solid #D1D2DF;
    margin-bottom: 10px;
    border-radius: 20px;
}

.jb-review-flex-item-1{
padding-right: 50px;
}

.jb-review-flex-item-2{
  
}

.review-author{
  font-size: 18px;
  font-weight: 500 !important;
}

.review-text{
  font-size: 14px;
}

.alert-dismissible{
  margin: 20px 0;
  border-radius: 20px;
}

.jb-pagination-review{
  text-align: center;
  margin-top: 20px;
}


#button-review-0{
 text-transform: none;
 width: 200px !important;
}

.jb-close-btn-defaults-mob{
  display: none;
}

.jb-close-btn-defaults-pc{
    display: block;
}


.jb-review-title-all-0 {
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
  gap: 0px;
  padding: 20px;
  margin-top: 30px;
  justify-content: start;
}



.jb-review-title-all-0-item-1{
  width: 70%;
  display: flex;
  align-items: center;
}

.jb-review-title-all-0-item-2{
  width: 30%;
}

.no-reviews{
  margin: 0 !important;
}



@media (max-width: 1200px){
  #button-review-0{
  width: 300px !important;
  margin-top: 20px !important;
  text-transform: none;
}

.jb-form-group-review-item-2-1 {
    width: 60%;
}

.jb-form-group-review-item-2-2 {
    width: 38%;
}

}

@media (max-width: 991px){

.jb-form-group-review-item{
  width: 100%;
}

.no-reviews{
  margin-top: 0px;
  margin-bottom: 0px;
}

#button-review-0{
 width: 220px !important;
 margin-top: 20px !important;
 text-transform: none;
}

.jb-form-group-review-item-2 {
    width: 100%;
    flex-wrap: wrap;
}

.jb-form-group-review-item-2-1{
  width: 70%;
}

.jb-form-group-review-item-2-2 {
    width: 30%;

}

.jb-review-title-all-0-item-1{
  flex-wrap: wrap;
}



}




@media (max-width: 576px){

.jb-review-title-all-0 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0px;
  padding: 20px;
  margin-top: 30px;
  justify-content: start;
}

.jb-form-group-review-item{
  width: 100%;
}

.no-reviews{
  margin-top: 0px;
  margin-bottom: 0px;
}

#button-review-0{
 width: 300px !important;
 margin-top: 20px !important;
 text-transform: none;
}

.jb-form-group-review-item-2 {
    width: 100%;
    flex-wrap: wrap;
}

.jb-form-group-review-item-2-1{
  width: 100%;
}

.jb-form-group-review-item-2-2 {
    width: 100%;

}

#button-review{
width: 300px;
}

.jb-review-title {
    margin-bottom: 20px !important;
    width: 100%;
    /* text-align: center; */
}

.jb-form-group-review-flex{
 margin-top: 20px !important;
}


.jb-review-flex {
    flex-wrap: wrap;
}

.jb-review-flex-item-2 {
    margin-top: 10px;
}

#review p {
    margin: 7px 0 10px 0;
}

.jb-review-title-all {
    justify-content: center;
}

#smca-modal-body > .modal-footer > input.close-button-bottom {
    padding: 0px;
}

#smca-modal-body > .modal-footer {
    padding: 20px 20px 30px 20px !important;
}

#smca-modal-body > .modal-footer > input.go-button-bottom {
    padding: 2px 0px;
}

#smca-modal-body > .modal-footer > input.go-button-bottom:hover {
    padding: 2px 0px;
}

.simple-checkout-item-title {
    width: 100%;
}

.jb-close-btn-defaults-mob{
  display: block;
}

.jb-close-btn-defaults-pc{
    display: none;
}

.simple-checkout-item-price {
    width: 100%;
}

.product-img-item img {
    padding-right: 10px;
    padding-left: 0px;
}

.jb-close-btn-defaults {

    padding: 0px 0px 0px 8px !important;
    width: 10%;

}
.jb-simplecheckout-title {
    font-size: 24px;
}

.simple-checkout-item-price {
  border: 0px solid #ebebeb;
}

.jb-flex-simplecheckout-block-content .radio {
    margin-right: 0px;
    width: 49%;
}

.jb-review-title-all-0-item-1{
width: 100%;
}

.jb-review-title-all-0-item-2{
  width: 100%;
}

.jb-review-title-all-0-item-1{
  flex-wrap: wrap;
}

}














.dropdown.myaccount .myaccount-menu li a:hover {
    color: #275E44;
    background: #e8f4ee;
    padding: 10px 13px;
    border-radius: 20px;
}

.dropdown.myaccount .myaccount-menu {
    margin-top: 0px;
    min-width: 265px;
    top: 59px;
    padding: 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.dropdown.myaccount .myaccount-menu li a {
    font-size: 14px;
    padding: 10px 13px;
    display: block;
    font-weight: normal;
    color: #262626;
    float: left;
    width: 100%;
    margin: 0 0 2px;
    text-align: left;
    text-transform: capitalize;
    line-height: initial;
}


.dropdown.myaccount .myaccount-menu {
    margin-top: 0px;
    min-width: 100px;
    top: 59px;
    padding: 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 200px;
}



.header-pc #form-language .dropdown-menu .btn, 
.header-pc #form-currency .dropdown-menu .btn {
    font-size: 16px;
    padding: 13px 22px;
    display: block;
    color: #121214;
    float: left;
    width: 100%;
    margin: 0;
    text-align: left;
    text-transform: capitalize !important;
}

.header-pc #form-language .dropdown-menu>li>.btn:hover, 
.header-pc #form-currency .dropdown-menu .btn:hover {
    color: #121214;
    background: #e8f4ee;
    padding: 13px 22px;
    border-radius: 10px;
    text-transform: capitalize !important;
}

.header-pc #form-language .dropdown-menu, #form-currency .dropdown-menu {
    padding: 3px 8px;
    left: auto;
    right: 8px;
    margin: 0;
    top: 60px;
    border: 1px solid #ededed;
    min-width: 65px;
    position: absolute;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}



#smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .model span, #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .stock-text span, #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .options span, #smca-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .reward span {
    color: #0A0A0A !important;
}

.jb-img-vector{
    position: relative;
    width: 15px;
    top: -2px;
    margin-left: 4px;
}

.jb-span-language{
  font-size: 16px;
  color: #0A0A0A;
}

.product-name-item .options small{
  color: #8E8F9B;
}


select:not(:-internal-list-box) option:enabled:hover {
    background-color: #fff !important;
}


.jb-review-heading_title{
  font-size: 36px; 
  margin-bottom: 20px; 
  font-weight: 600;
}


.jb-review-heading_title-mini{
  font-size: 18px; 
  margin-bottom: 30px; 
  font-weight: 400; 
  color: #535460;
}


.jb-hr-line{
    height: 1px;
    background: #000;
    margin-bottom: 40px;
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    display: none;
}

@media (max-width: 576px){
.jb-review-heading_title{
  font-size: 24px;
  margin-bottom: 5px; 
}

.jb-review-heading_title-mini{
  font-size: 16px; 
}

.jb-hr-line{
    display: block;
}

}

  #button-cart {
    text-transform: none;
  }


#jb-header-container{
    /* width: 100%; */
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}






.info-header-flex{

}




@media (min-width: 768px) {
    #jb-header-container {
        width: 720px;
        max-width: 100%;
    }
    .info-header-flex{
        width: 720px;
        max-width: 100%;
    }

}

@media (min-width: 992px) {
    #jb-header-container {
        width: 1060px;
        max-width: 100%;
    }

    .info-header-flex{
          width: 1060px;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    #jb-header-container {
        width: 1170px;
        max-width: 100%;
    }
        .info-header-flex{
          width: 1170px;
        max-width: 100%;
    }
}

    @media (min-width: 1460px) {
          #jb-header-container {
        width: 1430px;
        max-width: 100%;
    }
        .info-header-flex{
          width: 1430px;
        max-width: 100%;
    }

}

#powered{
 width: 80%;
}
   

@media (min-width: 1200px) {
.sss1 {
    width: 140px;
}

.sss2 {
    min-width: 100px;
    width: 100px;
}
}




/*#jb-total_spec{*/
/*    display: none;*/
/*}*/

/*#jb-simple-price-old-2{*/
/*    display: none;*/
/*}*/


#wishlist-total{
    display: none;
}



/* Увеличиваем размер шрифта для предотвращения автозума на iOS */
.form-control-6,
/*input[type="text"],*/
/*input[type="tel"],*/
/*input[type="email"],*/
/*textarea {*/
/*    font-size: 16px !important;*/
/*}*/

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="email"],
input[type="number"],
textarea,
select {
    font-size: 16px !important;
}



.select2-search__field {
    font-size: 16px !important;
}


@media (max-width: 768px) {
    .select2-dropdown {
        max-width: calc(100vw - 20px) !important;
    }
}




.simplecheckout-block-content {
    overflow: visible;
    position: relative;
}

.caption a{
    font-size: 16px;
}

@media (max-width: 1600px){
 .caption a{
    font-size: 15px;
 }
}

@media (max-width: 576px){
 .caption a{
    font-size: 14px;
 }
}



.addtocart.disabled-out-of-stock {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    background-color: #ccc !important;
}


#custom-pagination-button{
    display: none;
}


/* Только для iOS Safari */
@supports (-webkit-touch-callout: none) {
    body, html {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
    
    select.form-control {
        max-width: 100%;
    }
}



@media (min-width: 1000px) {
  .simplecheckout-right-column {
    position: sticky;
    top: 170px;
    align-self: flex-start; /* важно для flex-контейнеров */
  }
}



@media (max-width: 1450px) {
.quickview .form-group.qty .btn-lg, .productpage .form-group.qty .btn-lg{
    padding: 10px 20px 10px;
}
.quickview .form-group.qty .btn-lg, .productpage .form-group.qty .btn-lg{
    min-width: 130px;
    height: 50px;
}
}


.addtocart.disabled,
.addtocart.out-of-stock {
    background-color: #ccc !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
    pointer-events: none; /* Полностью отключает клики */
}

/* Альтернативный вариант без pointer-events */
.addtocart.out-of-stock:hover {
    background-color: #ccc !important;
}