*,*::after,*::before {
    box-sizing: inherit
}
* {
    font: inherit
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr{
  margin:0;padding:0;border:0
}
body {
    float: left;
    width: 100%;
}
html {
    box-sizing: border-box
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,form legend {
    display: block
}
ol,ul {
    list-style: none
}
blockquote,q {
    quotes: none
}
button,input,textarea,select {
    margin: 0;
   outline:none;
}
select.form-control::-ms-expand,.product-configure select::-ms-expand {
    display: none
}
textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top
}
input::-ms-clear {
    display: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
img,video,svg {
    max-width: 100%
}
img	{
	height:auto;
}
body, input, textarea, button, select	{
  font-size: 14px;
  font-family: var(--font-primary);
  color: #777;
}
h1,h2,h3,h4 {
  color: #222222;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 24px;
}
h3 {
    font-size: 18.72px;
}
h4 {
    font-size: 16px;
}
small {
    font-size: 14px;
}
a,.link {
  	transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
  	color: #777777;
}
a:hover,a:focus,a:active{
	text-decoration: none;
  outline:none;
  color:#222;
}
.btn {
  float:none;
  font-weight: 400;
  font-size: 14px;
  font-family: var(--font-primary);
  line-height: 30px;
  letter-spacing: 0px;
  margin: 0;
  padding: 10px 20px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  border:none;
  position:relative;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  overflow: hidden;
  z-index: 1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
.btn::after{
  content: '';
    height: 100%;
    width: 0;
    position: absolute;
    transition: .4s cubic-bezier(.785, .135, .15, .86);
    -webkit-transition: .4s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: .4s cubic-bezier(.785, .135, .15, .86);
    -o-transition: .4s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: .4s cubic-bezier(.785, .135, .15, .86);
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
    }
.btn:hover::after,.btn:focus::after,.btn:active::after{
  width: 100%;
  right: auto;
  left: 0;
}
.btn:focus{
outline: none;
}
.form-label {
    display: inline-block
}
.form__msg-error,.form-error-msg {
    color: var(--color-error, #e02447);
    font-size: var(--text-sm, 0.833em);
    margin-top: var(--space-xxs);
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}
.form__msg-error--is-visible,.form-error-msg--is-visible {
    position: relative;
    clip: auto
}
.radio-list>*,.checkbox-list>* {
    position: relative;
    display: flex;
    align-items: baseline
}
.is-visible {
    display: var(--display) !important
}
.is-hidden {
    display: none !important
}
html:not(.js) .no-js\:is-hidden {
    display: none !important
}
@media print {
    .print\:is-hidden {
        display: none !important
    }
}
.sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
    white-space: nowrap
}
.select {
    position: relative
}
.select__input {
    width: 100%;
    height: 100%;
}
.select__icon {
    width: var(--select-icon-size);
    height: var(--select-icon-size);
    pointer-events: none;
    position: absolute;
    right: var(--select-icon-right-margin);
    top: 50%;
    transform: translateY(-50%)
}
:root {
    --select-dropdown-gap: 4px
}
.select__button {
    width: 100%
}
.select__dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    max-height: 1px;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    padding: var(--space-xxs) 0;
    border-radius: var(--radius-md);
    z-index: var(--zindex-popover);
    margin-top: var(--select-dropdown-gap);
    margin-bottom: var(--select-dropdown-gap);
    overflow: auto;
    --space-unit: 1rem;
    --text-unit: 1rem;
    font-size: var(--text-unit);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s, opacity .2s
}
.select__dropdown--right {
    right: 0;
    left: auto
}
.select__dropdown--up {
    bottom: 100%;
    top: auto
}
.select__button[aria-expanded="true"]+.select__dropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity .2s
}
.select__list {
    list-style: none !important
}
.select__list:not(:first-of-type) {
    padding-top: var(--space-xxs)
}
.select__list:not(:last-of-type) {
    border-bottom: 1px solid var(--color-contrast-low);
    padding-bottom: var(--space-xxs)
}
.select__item {
    display: block;
    padding: var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md);
    color: var(--color-contrast-high);
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.select__item--optgroup {
    font-size: var(--text-sm);
    color: var(--color-contrast-medium)
}
.select__item--option {
    cursor: pointer
}
.select__item--option:hover {
    background-color: var(--color-contrast-lower)
}
.select__item--option:focus {
    outline: none;
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1)
}
.select__item--option[aria-selected=true] {
    background-color: var(--color-primary);
    color: var(--color-white);
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.select__item--option[aria-selected=true]::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    right: var(--space-sm);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
html:not(.js) .select .icon {
    display: none
}
.drawer {
    position: fixed;
    z-index: 3;
    height: 100%;
    width: 100%;
    max-width: 600px;
    top: 0;
    right: 0;
    visibility: hidden;
    transition: visibility 0s 0.3s
}
.drawer:focus {
    outline: none
}
.drawer--is-visible {
    visibility: visible;
    transition: none
}
.drawer--open-left {
    right: auto;
    left: 0
}
.drawer__content .cart-desc {
    float: left;
    width: 100%;
    text-align: center;
}
.drawer__content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  	padding: 50px 30px 30px 30px;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
  	background: #fff;
  display: flex;
  flex-direction: column;
}
.drawer--open-left .drawer__content {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
}
.drawer--is-visible .drawer__content {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
}
.drawer__content header{
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.drawer__content .cart-heading {
    font-size: 30px;
    line-height: 32px;
    font-weight: 500;
    color: #222;
}
.dr-cart__product {
    display: grid;
    grid-template-columns: 130px 1fr auto;
    grid-gap: 15px;
    align-items: start;
  	text-align: left;
  	margin: 0 0 30px;
}
.dr-cart__product:not(:last-child) {
   border-bottom: 1px solid #e5e5e5;
    padding: 0 0 15px;
    margin: 0 0 15px;
}
.dr-cart__img {
    display: block;
    overflow: hidden;
    border-radius: var(--radius-md);
    transition: .2s
}
.dr-cart__img img {
    display: block;
  border: 1px solid;
}
.dr-cart__img:hover {
    opacity: 0.85
}
.dr-cart__product .variant-title {
    float: left;
    width: 100%;
}
.dr-cart__product .variant-title .cart-title {
    margin: 0 0 5px;
}
.dr-cart__product .cart-title {
    float: left;
    width: 80%;
    font: 500 20px/22px var(--font-headings);
    color: #222;
  	margin: 0 0 20px;
}
.dr-cart__product .cart-variant {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 20px;
}
.cart-content {
    position: relative;
      margin: 0 0 30px;
}
.cart-qty, .price-tag {
    float: left;
    width: 100%;
    font: 400 16px/18px var(--font-headings);
  	color: #777;
}
.dr-cart__product .price{
	color: #222;
  font-weight: 500;
  width: 20%;
}
.cart-qty{
 margin: 0 0 15px;
}
.price {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
}
.cart-total {
		border-top: 1px solid #e5e5e5;
    padding: 15px 0 0 0;
    margin: 0 0 20px;
  display: flex;
    justify-content: space-between;
}
.cart-total span {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #222;
}
.dr-cart .btn {
    width: 100%;
}
.dr-cart .checkout-btn.btn {
    margin-top: 15px;
  	background: var(--color-secondary);
  	color: var(--color-secondary-text);
}
.dr-cart .checkout-btn.btn::after{
	background: var(--color-primary);
}
.dr-cart .checkout-btn.btn:hover,.dr-cart .checkout-btn.btn:active,.dr-cart .checkout-btn.btn:focus{
color: var(--color-primary-text);
}
.dr-cart__select {
    --select-icon-size: 0.85em;
    --select-icon-right-margin: var(--space-xxs);
    font-size: 0.875em;
    width: 3.6em
}
.dr-cart__select .select__input {
    padding: var(--space-xxxxs) var(--space-xxxs)
}
.dr-cart__remove-btn {
    background: none;
    border: 0;
    color: var(--color-primary);
    cursor: pointer;
  	float: right;
    width: auto;
  position: absolute;
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
  	transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.dr-cart__remove-btn:hover {
  color: #ef5c5c;
}
.drawer__body::-webkit-scrollbar { 
    width: 5px;
}
.drawer__close-btn {
   width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: none;
  	position: relative;
  border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
  transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.drawer__close-btn .icon {
    display: block
}
.drawer--modal {
    max-width: none;
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0);
    transition: background-color 0.3s, visibility 0s 0.3s
}
.drawer--modal.drawer--is-visible {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.75);
    transition: background-color 0.3s
}
.drawer--modal.drawer--open-left .drawer__content {
    right: auto;
    left: 0
}
.drawer--modal .drawer__content {
    max-width: var(--drawer-width)
}
.dr-cart header {
    margin-bottom: 60px;
}
footer.cart-footer {
    float: left;
    width: 100%;
  margin: 20px 0 0;
  	padding: 20px 0;
    background: #f5f5f5;
  	text-align: center;
}
.cart-footer .payment-title {
    float: left;
    width: 100%;
    font: 500 16px/18px var(--font-headings);
    color: #222;
    margin: 0 0 15px;
}
.empty-carticon {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    width: 80px;
    height: 80px;
    position: relative;
    text-align: center;
    border-radius: 50%;
    background-color: #eaecef;
    overflow: hidden;
}
@media(min-width:768px) {
.drawer__body {
    height: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  	float: left;
    width: 100%;
    text-align: center;
}
}
@media(max-width:991px) {
	.drawer{
   	width: 550px;
	}
  .dr-cart header {
    margin-bottom: 40px;
	}
  .dr-cart__product{
  	grid-template-columns: 110px 1fr auto;
  }
  .drawer__content .cart-heading {
    font-size: 26px;
    line-height: 28px;
}
  .dr-cart__product .cart-title{
   font-size: 18px;
    line-height: 20px;
  }
  .drawer__content{
  	padding: 20px;
  }
}
@media(max-width:767px) {
  .drawer__content {
     height: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch
}
  .drawer__content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}
.drawer__content::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
}
		.drawer {
    width: 450px;
	}
  .drawer__content .cart-heading {
    font-size: 24px;
    line-height: 26px;
}
  .dr-cart__product .cart-title {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 15px;
}
  .cart-qty, .price-tag {
    font-size: 14px;
    line-height: 16px;
}
  .cart-qty {
    margin: 0 0 10px;
}
  .dr-cart__remove-btn{
   	font-size: 13px;
  }
}
@media(max-width:480px) {
	.drawer {
    width: 300px;
	}
  .dr-cart__product{
   grid-template-columns: 60px 1fr auto;
  }
  .drawer__content .cart-heading{
  	font-size: 18px;
    line-height: 20px;
  }
  .dr-cart header {
    margin-bottom: 20px;
	}
  .cart-total span{
  	font-size: 16px;
    line-height: 18px;
  }
  .dr-cart .btn {
    padding: 5px;
	}
  .dr-cart .checkout-btn.btn {
    margin-top: 10px;
	}
}
.number-input__btn {
    display: none
}
.pagination__list>li {
    display: inline-block
}
.pagination--split .pagination__list {
    width: 100%
}
.pagination--split .pagination__list>*:first-child {
    margin-right: auto
}
.pagination--split .pagination__list>*:last-child {
    margin-left: auto
}
.pagination__item {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    line-height: 1;
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
    padding-left: calc(1.355 * var(--space-xs));
    padding-right: calc(1.355 * var(--space-xs));
    text-decoration: none;
    height: 100%;
    color: var(--color-contrast-higher);
    transition: .2s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.pagination__item:hover:not(.pagination__item--selected):not(.pagination__item--ellipsis) {
    background-color: var(--color-contrast-lower)
}
.pagination__item:active {
    transform: translateY(2px)
}
.pagination__item--selected {
    background-color: var(--color-contrast-higher);
    color: var(--color-bg)
}
.pagination__item--disabled {
    opacity: 0.5;
    pointer-events: none
}
.pagination__jumper .form-control,.pagination__jumper .product-configure select,.product-configure .pagination__jumper select,.pagination__jumper .product-configure input:not([type="checkbox"]):not([type="radio"]),.product-configure .pagination__jumper input:not([type="checkbox"]):not([type="radio"]) {
    width: 3.2em;
    margin-right: var(--space-xs);
    padding: var(--space-xs)
}
.pagination__jumper em {
    flex-shrink: 0;
    white-space: nowrap
}
.spec-table__cell {
    padding: var(--space-sm) var(--space-sm) var(--space-sm) 0;
    width: 50%
}
.spec-table__cell--th {
    text-align: left
}
:root {
    --search-input-btn-width: 2.5em;
    --search-input-icon-size: 1.25em
}
.search-input {
    position: relative
}
.search-input__input {
    width: 100%;
    height: 100%
}
.search-input__input::-webkit-search-decoration,.search-input__input::-webkit-search-cancel-button,.search-input__input::-webkit-search-results-button,.search-input__input::-webkit-search-results-decoration {
    -webkit-appearance: none
}
.search-input__input::-ms-clear,.search-input__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}
.search-input--icon-right .search-input__input {
    padding-right: var(--search-input-btn-width)
}
.search-input--icon-left .search-input__input {
    padding-left: var(--search-input-btn-width)
}
.search-input__btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: var(--search-input-btn-width)
}
.search-input__btn:active .icon {
    transform: translateY(2px)
}
.search-input__btn .icon {
    display: block;
    width: var(--search-input-icon-size);
    height: var(--search-input-icon-size);
    margin-left: auto;
    margin-right: auto;
    color: var(--color-contrast-medium);
    transition: .2s
}
.search-input--icon-left .search-input__btn {
    left: 0;
    right: auto;
    pointer-events: none
}
.search-input__btn:focus .icon,.search-input .search-input__input:focus+.search-input__btn .icon {
    color: var(--color-primary)
}
:root {
    --dropdown-item-padding: var(--space-xxs) var(--space-sm)
}
.dropdown {
    position: relative
}
.dropdown__menu {
    width: 200px;
    border-radius: var(--radius-md);
    padding: var(--space-xxs) 0;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-sm);
    z-index: var(--zindex-popover);
    position: absolute;
    left: 0;
    top: 100%;
    --space-unit: 1rem;
    --text-unit: 1rem;
    font-size: var(--text-unit);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility 0s .2s
}
@media (pointer: fine) {
    .dropdown__wrapper:hover>.dropdown__menu,.dropdown__sub-wrapper:hover>.dropdown__menu {
        opacity: 1;
        visibility: visible;
        transition: opacity .2s
    }
    .dropdown__sub-wrapper:hover>.dropdown__menu {
        left: 100%
    }
}
@media not all and (pointer: fine) {
    .dropdown__trigger-icon {
        display: none
    }
}
.dropdown__item {
    display: block;
    text-decoration: none;
    color: var(--color-contrast-high);
    padding: var(--dropdown-item-padding);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.dropdown__item:hover,.dropdown__item.dropdown__item--hover {
    background-color: var(--color-contrast-lower)
}
.dropdown__separator {
    height: 1px;
    background-color: var(--color-contrast-low);
    margin: var(--dropdown-item-padding)
}
.dropdown__sub-wrapper {
    position: relative
}
.dropdown__sub-wrapper>.dropdown__item {
    position: relative;
    padding-right: calc(var(--space-sm) + 12px)
}
.dropdown__sub-wrapper>.dropdown__item .icon {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    right: var(--space-xxs);
    top: calc(50% - 6px)
}
.dropdown__sub-wrapper>.dropdown__menu {
    top: calc(var(--space-xxs) * -1);
    box-shadow: var(--shadow-md)
}
.js .dropdown__menu {
    top: calc(100% + 4px)
}
.js .dropdown__sub-wrapper .dropdown__menu {
    top: calc(var(--space-xxs) * -1)
}
@media (pointer: fine) {
    .js .dropdown__menu--is-visible {
        opacity: 1;
        visibility: visible;
        transition: opacity .2s
    }
}
.js .dropdown__menu--is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility 0s .2s
}
.js .dropdown__sub-wrapper>.dropdown__menu--is-visible,.js .dropdown__sub-wrapper>.dropdown__menu--is-hidden {
    left: 100%
}
.js .dropdown__sub-wrapper>.dropdown__menu--is-visible.dropdown__menu--left,.js .dropdown__sub-wrapper>.dropdown__menu--is-hidden.dropdown__menu--left {
    left: -100%
}
.main-header__dropdown-icon {
    display: none
}
.main-header__search-form {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 15px;
    background-color: #fff;
    z-index: 1;
    visibility: hidden;
    opacity: 0
}
.main-header--search-expanded .main-header__search-form {
    visibility: visible;
    opacity: 1
}
.main-header--transparent .main-header__search-form {
    background-color: transparent
}
.main-header--expanded .main-header__top-section {
    display: none
}
.main-header__mobile-btn {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit
}
.main-header__mobile-btn .icon {
    font-size: 26px
}
@media (min-width: 64rem) {
    .main-header__mobile-content {
        display: none
    }
    .main-header__item {
        display: inline-block;
        position: relative;
        border-bottom: none;
        margin-right: var(--space-xs)
    }
    .main-header__item:last-child {
        margin-right: 0
    }
    .main-header__dropdown-icon {
        display: block;
        margin-left: var(--space-xxxxs);
        width: 12px;
        height: 12px;
        flex-shrink: 0
    }
    .main-header__btn,.main-header__form-control {
        margin: 0
    }
    .main-header__dropdown {
        font-size: 1rem;
        position: absolute;
        top: 100%;
        width: 200px;
        left: calc(50% - 100px);
        padding: var(--space-xxxs) 0;
        background-color: var(--color-bg);
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-md);
        z-index: var(--zindex-popover);
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s .2s, opacity .2s 0s
    }
    .main-header__item:hover>.main-header__dropdown,
    .main-header__dropdown-item:hover>.main-header__dropdown {
        visibility: visible;
        opacity: 1;
        transition: visibility .2s 0s, opacity .2s 0s
    }
    .main-header__dropdown .main-header__dropdown {
        left: 100%;
        top: 0
    }
    .dropdown__menu {
        font-size: 1rem;
        position: absolute;
        top: 0;
        width: 200px;
        left: calc(100% + var(--space-xxs));
        padding: var(--space-xxxs) 0;
        background-color: var(--color-bg);
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-md);
        z-index: var(--zindex-popover);
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s .2s, opacity .2s 0s
    }
    .dropdown__sub-wrapper:hover .dropdown__menu {
        visibility: visible;
        opacity: 1;
        transition: visibility .2s 0s, opacity .2s 0s
    }
    .main-header__dropdown-link {
        color: var(--color-contrast-high);
        padding: var(--space-xs) var(--space-sm)
    }
}
html:not(.js) .main-header__nav-control {
    display: none
}
html:not(.js) .main-header__nav {
    position: static;
    padding: var(--space-xxs) 0 var(--space-md);
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}
.main-header__arrow-icon {
    font-size: 16px;
    color: currentColor;
    transition: color .2s;
    margin-left: auto
}
.main-header__arrow-icon .icon {
    display: block
}
.main-header__arrow-icon .icon__group {
    stroke-width: 1px;
    will-change: transform;
    transform-origin: 8px 8px;
    transition: transform 0.3s var(--ease-out)
}
.main-header__arrow-icon .icon__group>* {
    stroke-dasharray: 17;
    transform-origin: 8px 8px;
    transform: translateY(3px);
    transition: transform .3s, stroke-dashoffset .3s;
    transition-timing-function: var(--ease-out)
}
.main-header__arrow-icon .icon__group>*:first-child {
    stroke-dashoffset: 8.5
}
.main-header__arrow-icon .icon__group>*:last-child {
    stroke-dashoffset: 8.5
}
.main-header--mobile .js-main-nav__item>.main-header__dropdown {
    display: none
}
.main-header--mobile .js-main-nav__item.main-nav__item--expanded>.main-header__dropdown {
    display: block
}
.main-header--mobile .js-main-nav__item.main-nav__item--expanded>*>.main-header__arrow-icon .icon__group>*:first-child {
    transform: translateY(-3px) rotate(-90deg)
}
.main-header--mobile .js-main-nav__item.main-nav__item--expanded>*>.main-header__arrow-icon .icon__group>*:last-child {
    transform: translateY(-3px) rotate(90deg)
}
.main-header--mobile .dropdown__desktop-icon {
    display: none !important
}
.main-header--desktop .main-header__arrow-icon {
    display: none
}
.prod-card {
    --rating-icon-size: 1.475em;
    position: relative
}
.prod-card__img-link {
    display: block;
    position: relative;
    overflow: hidden
}
.prod-card__img-link img {
    display: block;
    width: 100%
}
@media (min-width: 64rem) {
    .prod-card__img-link img {
        transition: .3s
    }
}
.prod-card__img-link img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}
.prod-card__img-link:hover img:nth-child(1) {
    opacity: 0.85
}
.prod-card__img-link:hover img:nth-child(2) {
    opacity: 1
}
.prod-card__img-wrapper {
    position: relative
}
.prod-card__action-button {
    position: absolute;
    background: var(--color-bg);
    left: var(--space-sm);
    right: var(--space-sm);
    bottom: var(--space-sm);
    opacity: 0;
    visibility: hidden
}
@media (min-width: 48rem) {
    .prod-card:hover .prod-card__action-button {
        opacity: 1;
        visibility: visible
    }
}
.prod-card__wishlist {
    position: absolute;
    top: var(--space-xs);
    right: var(--space-xs);
    background-color: var(--color-bg);
    border-radius: 50%;
    font-size: .8em;
    padding: .5em
}
@media (min-width: 64rem) {
    .prod-card__wishlist {
        opacity: 0;
        visibility: visible
    }
    .prod-card:hover .prod-card__wishlist {
        opacity: 1;
        visibility: visible
    }
}
.prod-card__badge {
    position: absolute;
    z-index: 1;
    top: var(--space-sm);
    left: var(--space-sm);
    background-color: var(--color-contrast-higher);
    padding: var(--space-xxs) var(--space-sm);
    pointer-events: none;
    font-size: var(--text-sm);
    color: var(--color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.product-card__title {
    color: inherit;
    font-size: var(--text-base);
    text-decoration: none
}
.product-card__title:hover {
    text-decoration: underline
}
.prod-card__price {
    text-decoration: none
}
.prod-card__old-price {
    color: var(--color-contrast-medium);
    text-decoration: line-through
}
.prod-card__old-price::before {
    content: 'original price';
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}
.prod-card--bundle-main {
    position: relative
}
.bundle__plus {
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2em;
    background: var(--color-primary);
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%)
}
.slider--multi-value {
    position: relative
}
.slider--multi-value .slider__range {
    pointer-events: none
}
.slider--multi-value .slider__range:nth-of-type(1) {
    --slider-fill-value-start: 0%;
    --slider-fill-value-end: 100%
}
.slider--multi-value .slider__range:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0
}
.slider--multi-value .slider__input::-webkit-slider-thumb {
    position: relative;
    z-index: 2;
    pointer-events: auto
}
.slider--multi-value .slider__input::-moz-range-thumb {
    position: relative;
    z-index: 2;
    pointer-events: auto
}
.slider--multi-value .slider__input::-webkit-slider-runnable-track {
    pointer-events: none;
    background-image: linear-gradient(to right, var(--color-contrast-low) var(--slider-fill-value-start), var(--color-primary) var(--slider-fill-value-start), var(--color-primary) var(--slider-fill-value-end), var(--color-contrast-low) var(--slider-fill-value-end))
}
.slider--multi-value .slider__input::-moz-range-track {
    pointer-events: none;
    background-image: linear-gradient(to right, var(--color-contrast-low) var(--slider-fill-value-start), var(--color-primary) var(--slider-fill-value-start), var(--color-primary) var(--slider-fill-value-end), var(--color-contrast-low) var(--slider-fill-value-end))
}
.slider--multi-value .slider__range:nth-of-type(2) .slider__input::-moz-range-track {
    background-image: none
}
:not(*)::-ms-track,
.slider--multi-value.slider--ms-fallback {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
:not(*)::-ms-track,
.slider--multi-value.slider--ms-fallback .slider__range {
    pointer-events: auto;
    width: 48%
}
:not(*)::-ms-track,
.slider--multi-value.slider--ms-fallback .slider__range:nth-of-type(2) {
    position: relative
}
.slider__separator {
    margin: auto var(--space-xs)
}
.slider--multi-value.slider--range-not-supported .slider__range {
    display: inline-block;
    width: 45%
}
.slider--multi-value.slider--range-not-supported .slider__range:nth-of-type(2) {
    position: relative
}
.slider--range-not-supported .slider__separator,
html:not(.js) .slider__separator {
    display: none
}
:root {
    --slideshow-height: 280px;
    --slideshow-fade-transition-duration: 0.25s;
    --slideshow-slide-transition-duration: 0.35s;
    --slideshow-prx-transition-duration: 0.5s;
    --slideshow-btn-width: 1.6em;
    --slideshow-btn-height: 3.2em;
    --slideshow-btn-icon-size: 1.6em;
    --slideshow-btn-offset: var(--space-xs)
}
@media (min-width: 48rem) {
    :root {
        --slideshow-height: 380px
    }
}
@media (min-width: 64rem) {
    :root {
        --slideshow-height: 480px
    }
}
@media (min-width: 80rem) {
    :root {
        --slideshow-height: 580px
    }
}
.slideshow__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--slideshow-height);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}
.slideshow__item:focus {
    outline: none
}
.slideshow--ratio-16\:9 .slideshow__item {
    height: 0;
    padding-bottom: 56.25%
}
.slideshow--ratio-4\:3 .slideshow__item {
    height: 0;
    padding-bottom: 75%
}
.slideshow--ratio-1\:1 .slideshow__item {
    height: 0;
    padding-bottom: 100%
}
.slideshow--ratio-3\:4 .slideshow__item {
    height: 0;
    padding-bottom: 133.33%
}
.js .slideshow {
    position: relative;
    z-index: 1;
    overflow: hidden
}
.js .slideshow__content {
    overflow: hidden
}
.js .slideshow__item {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden
}
.js .slideshow__item--selected {
    position: relative;
    z-index: 3;
    visibility: visible
}
.js .slideshow--transition-fade .slideshow__item {
    opacity: 0;
    transition: opacity 0s var(--slideshow-fade-transition-duration), visibility 0s var(--slideshow-fade-transition-duration)
}
.js .slideshow--transition-fade .slideshow__item--selected {
    opacity: 1;
    transition: opacity var(--slideshow-fade-transition-duration)
}
.js .slideshow--transition-slide .slideshow__item {
    -webkit-animation-duration: var(--slideshow-slide-transition-duration);
    animation-duration: var(--slideshow-slide-transition-duration);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: var(--ease-out);
    animation-timing-function: var(--ease-out)
}
.js .slideshow--transition-slide .slideshow__item>* {
    visibility: hidden
}
.js .slideshow--transition-slide .slideshow__item--selected>* {
    visibility: visible
}
.js .slideshow--transition-slide .slideshow__item--slide-in-left {
    -webkit-animation-name: slide-in-left;
    animation-name: slide-in-left
}
.js .slideshow--transition-slide .slideshow__item--slide-in-right {
    -webkit-animation-name: slide-in-right;
    animation-name: slide-in-right
}
.js .slideshow--transition-slide .slideshow__item--slide-out-left {
    -webkit-animation-name: slide-out-left;
    animation-name: slide-out-left
}
.js .slideshow--transition-slide .slideshow__item--slide-out-right {
    -webkit-animation-name: slide-out-right;
    animation-name: slide-out-right
}
.js .slideshow--transition-slide .slideshow__item--slide-out-left,.js .slideshow--transition-slide .slideshow__item--slide-out-right {
    z-index: 2
}
.js .slideshow--transition-slide .slideshow__item--slide-out-left.slideshow__item--selected,.js .slideshow--transition-slide .slideshow__item--slide-out-right.slideshow__item--selected {
    z-index: 3
}
.js .slideshow--transition-slide .slideshow__item--slide-out-left>*,.js .slideshow--transition-slide .slideshow__item--slide-out-right>* {
    visibility: visible
}
@-webkit-keyframes slide-in-left {
    0% {
        visibility: visible;
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0)
    }
}
@keyframes slide-in-left {
    0% {
        visibility: visible;
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0)
    }
}
@-webkit-keyframes slide-in-right {
    0% {
        visibility: visible;
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}
@keyframes slide-in-right {
    0% {
        visibility: visible;
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}
@-webkit-keyframes slide-out-left {
    0% {
        visibility: visible;
        transform: translateX(0)
    }
    100% {
        transform: translateX(100%)
    }
}
@keyframes slide-out-left {
    0% {
        visibility: visible;
        transform: translateX(0)
    }
    100% {
        transform: translateX(100%)
    }
}
@-webkit-keyframes slide-out-right {
    0% {
        visibility: visible;
        transform: translateX(0)
    }
    100% {
        transform: translateX(-100%)
    }
}
@keyframes slide-out-right {
    0% {
        visibility: visible;
        transform: translateX(0)
    }
    100% {
        transform: translateX(-100%)
    }
}
.js .slideshow--transition-prx .slideshow__item {
    -webkit-animation-duration: var(--slideshow-prx-transition-duration);
    animation-duration: var(--slideshow-prx-transition-duration);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: var(--ease-out);
    animation-timing-function: var(--ease-out)
}
.js .slideshow--transition-prx .slideshow__item>* {
    visibility: hidden
}
.js .slideshow--transition-prx .slideshow__item--selected>* {
    visibility: visible
}
.js .slideshow--transition-prx .slideshow__item--prx-in-left {
    -webkit-animation-name: prx-in-left;
    animation-name: prx-in-left
}
.js .slideshow--transition-prx .slideshow__item--prx-in-right {
    -webkit-animation-name: prx-in-right;
    animation-name: prx-in-right
}
.js .slideshow--transition-prx .slideshow__item--prx-out-left {
    -webkit-animation-name: prx-out-left;
    animation-name: prx-out-left
}
.js .slideshow--transition-prx .slideshow__item--prx-out-right {
    -webkit-animation-name: prx-out-right;
    animation-name: prx-out-right
}
.js .slideshow--transition-prx .slideshow__item--prx-out-left,.js .slideshow--transition-prx .slideshow__item--prx-out-right {
    z-index: 2
}
.js .slideshow--transition-prx .slideshow__item--prx-out-left.slideshow__item--selected,.js .slideshow--transition-prx .slideshow__item--prx-out-right.slideshow__item--selected {
    z-index: 3
}
.js .slideshow--transition-prx .slideshow__item--prx-out-left>*,.js .slideshow--transition-prx .slideshow__item--prx-out-right>* {
    visibility: visible
}
@-webkit-keyframes prx-in-left {
    0% {
        visibility: visible;
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0)
    }
}
@keyframes prx-in-left {
    0% {
        visibility: visible;
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0)
    }
}
@-webkit-keyframes prx-in-right {
    0% {
        visibility: visible;
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}
@keyframes prx-in-right {
    0% {
        visibility: visible;
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}
@-webkit-keyframes prx-out-left {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
    100% {
        opacity: 0.3;
        transform: translateX(40%)
    }
}
@keyframes prx-out-left {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
    100% {
        opacity: 0.3;
        transform: translateX(40%)
    }
}
@-webkit-keyframes prx-out-right {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
    100% {
        opacity: 0.3;
        transform: translateX(-40%)
    }
}
@keyframes prx-out-right {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }
    100% {
        opacity: 0.3;
        transform: translateX(-40%)
    }
}
.js .slideshow[data-swipe="on"] .slideshow__content {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.js .slideshow[data-swipe="on"] .slideshow__content img {
    pointer-events: none
}
.slideshow__control {
    display: none
}
.js .slideshow[data-controls="hover"] .slideshow__control {
    opacity: 0;
    transition: opacity .3s
}
.js .slideshow[data-controls="hover"]:hover .slideshow__control {
    opacity: 1
}
.js .slideshow[data-swipe="on"] .slideshow__control {
    display: none
}
.js .slideshow__control {
    display: block;
    position: absolute;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%)
}
.js .slideshow__control:first-of-type {
    left: var(--slideshow-btn-offset)
}
.js .slideshow__control:last-of-type {
    right: var(--slideshow-btn-offset)
}
@media (min-width: 64rem) {
    .js .slideshow[data-swipe="on"] .slideshow__control {
        display: block
    }
}
.slideshow__btn {
    display: block;
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.75);
    height: var(--slideshow-btn-height);
    width: var(--slideshow-btn-width);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background .2s, transform 0.2s
}
.slideshow__btn:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.85)
}
.slideshow__btn:hover .icon {
    color: var(--color-bg)
}
.slideshow:not(.slideshow--is-animating) .slideshow__btn:active {
    transform: translateY(2px)
}
.slideshow__btn .icon {
    display: block;
    width: var(--slideshow-btn-icon-size);
    height: var(--slideshow-btn-icon-size);
    margin: 0 auto;
    transition: color .2s;
    color: var(--color-white)
}
@supports (grid-area: auto) {
    .slideshow__btn {
        background-color: transparent
    }
    .slideshow__btn .icon {
        color: var(--color-contrast-higher)
    }
}
.slideshow__navigation {
    position: absolute;
    z-index: 4;
    bottom: 0;
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent
}
.slideshow__nav-item {
    display: inline-block;
    margin: 0 var(--space-xxxs)
}
.slideshow__nav-item button {
    display: block;
    position: relative;
    font-size: 8px;
    color: var(--color-contrast-high);
    height: 1em;
    width: 1em;
    border-radius: 50%;
    background-color: currentColor;
    opacity: 0.4;
    cursor: pointer;
    transition: background .3s
}
.slideshow__nav-item button::before {
    content: '';
    position: absolute;
    top: calc(50% - 0.5em);
    left: calc(50% - 0.5em);
    height: 1em;
    width: 1em;
    font-size: 14px;
    border-radius: inherit;
    border: 1px solid var(--color-contrast-high);
    opacity: 0;
    transform: scale(0);
    transition: 0.3s
}
.slideshow__nav-item button:focus {
    outline: none
}
.slideshow__nav-item button:focus::before {
    opacity: 1;
    transform: scale(1)
}
.slideshow__nav-item--selected button {
    opacity: 1
}
@media (min-width: 64rem) {
    .slideshow__navigation {
        height: 40px
    }
    .slideshow__nav-item button {
        font-size: 10px
    }
    .slideshow__nav-item button::before {
        font-size: 16px
    }
}
.products__carousel {
    --carousel-item-auto-size: 150px
}
@media (min-width: 64rem) {
    .products__carousel {
        --carousel-item-auto-size: 260px
    }
}
.products__carousel--bundle {
    --carousel-item-auto-size: 150px
}
@media (min-width: 64rem) {
    .products__carousel--bundle {
        --carousel-item-auto-size: 200px
    }
}
:root {
    --thumbslide-thumbnail-auto-size: 80px;
    --thumbslide-thumbnail-grid-gap: var(--space-xs)
}
.js .thumbslide .slideshow {
    --slideshow-fade-transition-duration: 0.3s;
    --slideshow-slide-transition-duration: 0.3s
}
html:not(.js) .thumbslide__nav-wrapper {
    display: none
}
.thumbslide__nav {
    display: flex;
    overflow: hidden;
    padding: var(--thumbslide-thumbnail-grid-gap) 0;
    position: relative
}
.thumbslide__nav::after,.thumbslide__nav::before {
    content: '';
    position: absolute;
    z-index: 2;
    height: 80%;
    width: 0;
    top: 10%;
    box-shadow: 0 0 10px 15px var(--color-bg);
    pointer-events: none;
    transition: opacity .2s;
    opacity: 0
}
.thumbslide__nav::before {
    left: 0
}
.thumbslide__nav::after {
    right: 0
}
.thumbslide__nav--scroll-end::after {
    opacity: 1
}
.thumbslide__nav--scroll-start::before {
    opacity: 1
}
.thumbslide__nav-list {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    will-change: transform;
    transition: transform 0.5s
}
.thumbslide__nav-list:hover .thumbslide__nav-item {
    opacity: 0.6
}
.thumbslide__nav-list--dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}
.thumbslide__nav-list--no-transition {
    transition: none
}
.thumbslide__nav-item {
    float: left;
    flex-shrink: 0;
    width: var(--thumbslide-thumbnail-auto-size);
    margin-right: var(--thumbslide-thumbnail-grid-gap);
    transition: opacity 0.3s, transform 0.3s;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.thumbslide__nav-item img {
    display: block;
    pointer-events: none
}
.thumbslide__nav-item:hover {
    opacity: 1 !important
}
.thumbslide__nav-item--active {
    position: relative;
    opacity: 1 !important
}
.thumbslide__nav-item--active::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid
}
.thumbslide__caption {
    background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.85);
    padding: var(--component-padding);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}
.thumbslide--top {
    display: flex;
    flex-direction: column
}
.thumbslide--top .slideshow {
    order: 1
}
.thumbslide--vertical {
    display: flex
}
@media not all and (min-width: 48rem) {
    .thumbslide--vertical {
        --thumbslide-thumbnail-auto-size: 50px
    }
}
.thumbslide--vertical .slideshow {
    display: inline-block;
    flex-grow: 1
}
.thumbslide--vertical .thumbslide__nav-wrapper {
    float: right;
    width: calc(var(--thumbslide-thumbnail-auto-size) + (2*var(--thumbslide-thumbnail-grid-gap)));
    flex-shrink: 0
}
.thumbslide--vertical .thumbslide__nav {
    padding: 0 var(--thumbslide-thumbnail-grid-gap);
    width: 100%;
    height: 100%
}
.thumbslide--vertical .thumbslide__nav::after,.thumbslide--vertical .thumbslide__nav::before {
    width: 80%;
    height: 10px;
    background-color: var(--color-bg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ctitle%3Ectrl-down%3C/title%3E%3Cg fill='%23111111'%3E%3Cpath d='M10.375,3.219,6,6.719l-4.375-3.5A1,1,0,1,0,.375,4.781l5,4a1,1,0,0,0,1.25,0l5-4a1,1,0,0,0-1.25-1.562Z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    left: 10%
}
.thumbslide--vertical .thumbslide__nav::before {
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ctitle%3Ectrl-up%3C/title%3E%3Cg fill='%23111111'%3E%3Cpath d='M11.625,7.219l-5-4a1,1,0,0,0-1.25,0l-5,4a1,1,0,1,0,1.25,1.562L6,5.281l4.375,3.5a1,1,0,1,0,1.25-1.562Z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.thumbslide--vertical .thumbslide__nav::after {
    top: auto;
    bottom: 0
}
.thumbslide--vertical .thumbslide__nav-list {
    flex-direction: column;
    position: absolute;
    top: 0
}
.thumbslide--vertical .thumbslide__nav-item {
    margin-right: 0;
    margin-bottom: var(--thumbslide-thumbnail-grid-gap)
}
.thumbslide--vertical .thumbslide__nav-item img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.thumbslide--left .slideshow {
    order: 1
}
.separator {
    width: 1px;
    height: 1em;
    background-color: currentColor
}
.btn--wishlist {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm)
}
:root {
    --select-icon-size: 1em;
    --select-icon-right-margin: var(--space-sm);
    --select-text-icon-gap: var(--space-xxxs)
}
.select {
    position: relative
}
.select__input {
    width: 100%;
    height: 100%;
    padding-right: calc(var(--select-icon-size) + var(--select-icon-right-margin) + var(--select-text-icon-gap)) !important
}
.select__icon {
    width: var(--select-icon-size);
    height: var(--select-icon-size);
    pointer-events: none;
    position: absolute;
    right: var(--select-icon-right-margin);
    top: 50%;
    transform: translateY(-50%)
}
:root {
    --select-dropdown-gap: 4px
}
.select__button {
    width: 100%
}
.select__dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    max-height: 1px;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    padding: var(--space-xxs) 0;
    border-radius: var(--radius-md);
    z-index: var(--zindex-popover);
    margin-top: var(--select-dropdown-gap);
    margin-bottom: var(--select-dropdown-gap);
    overflow: auto;
    --space-unit: 1rem;
    --text-unit: 1rem;
    font-size: var(--text-unit);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s, opacity .2s
}
.select__dropdown--right {
    right: 0;
    left: auto
}
.select__dropdown--up {
    bottom: 100%;
    top: auto
}
.select__button[aria-expanded="true"]+.select__dropdown {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity .2s
}
.select__list {
    list-style: none !important
}
.select__list:not(:first-of-type) {
    padding-top: var(--space-xxs)
}
.select__list:not(:last-of-type) {
    border-bottom: 1px solid var(--color-contrast-low);
    padding-bottom: var(--space-xxs)
}
.select__item {
    display: block;
    padding: var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md);
    color: var(--color-contrast-high);
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.select__item--optgroup {
    font-size: var(--text-sm);
    color: var(--color-contrast-medium)
}
.select__item--option {
    cursor: pointer
}
.select__item--option:hover {
    background-color: var(--color-contrast-lower)
}
.select__item--option:focus {
    outline: none;
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1)
}
.select__item--option[aria-selected=true] {
    background-color: var(--color-primary);
    color: var(--color-white);
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.select__item--option[aria-selected=true]::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    width: 16px;
    right: var(--space-sm);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
html:not(.js) .select .icon {
    display: none
}
:root {
    --drawer-width: 400px
}
.gui {
    margin: 20px 0 50px;
}
.gui-col2-equal .gui-col2-equal-col1{
	width: 100%;
}
.gui a.gui-compare-link.gui-compare-link-delete{
 color: #FF0000 !important;
  text-decoration: none;
}
#gui-form-cart .gui-table {
    border: 0
}
form#gui-form-cart {
    float: left;
    width: 100%;
    margin: 0 0 30px;
}
.gui-cart-sum .gui-big {
    font-size: 20px;
    color: #222;
}
.gui-table tbody tr .gui-align-right span {
    font: 500 16px/18px var(--font-headings);
    color: #222;
}
#gui-form-cart .gui-table thead tr th {
    background-color: transparent;
  border-color: #e5e5e5;
}
.gui-table tbody tr:last-child td{
border-color: #e5e5e5;
}
.gui-table thead tr th{
	font-size: 14px;
}
.gui a{
 color: var(--color-primary) !important;
}
.gui a:hover{
 color: #222 !important;
}
.gui-table tbody tr td {
    font-size: 14px;
}
.gui-page-title {
    text-align: center;
    margin-bottom: var(--space-md)
}
.gui-messages ul.gui-success,.gui-messages ul{
border:none;
}
.gui ul.gui-products li .gui-products-option{
	right: 15px;
    top: 15px;
  margin:0px;
}
.gui-div-cart-related .gui-block {
    border: none;
}
.gui .gui-div-cart-related .gui-button-small{
    padding: 12px 30px;
}
.gui-table tbody tr td:last-child{
	padding-right: 0px;
}
.gui-messages ul li {
    line-height: 28px;
}
.gui-messages ul.gui-info{
 margin:15px 0 0;
}
.messages--overlay {
    margin-bottom: 20px
}
@media (min-width: 64rem) {
    .messages--overlay {
        position: absolute;
        left: 0;
        right: 0;
        top: calc(var(--main-header-height) + var(--space-md));
        z-index: 1
    }
}
.gui-image a img {
    max-width: none
}
.list,.text-component .list {
    --list-v-space: 0.65;
    --list-offset: 1;
    padding-left: 0;
    list-style: none
}
.list ul,.list ol,.text-component .list ul,.text-component .list ol {
    list-style: none;
    margin: 0;
    margin-top: calc( var(--space-xxxs) * var(--list-v-space, 1));
    padding-top: calc( var(--space-xxxs) * var(--list-v-space, 1));
    padding-left: calc(var(--space-xs) * var(--list-offset, 1))
}
.list li,.text-component .list li {
    padding-bottom: calc( var(--space-xxxs) * var(--list-v-space, 1));
    margin-bottom: calc( var(--space-xxxs) * var(--list-v-space, 1))
}
.list>li:last-child,.list ul>li:last-child,.list ol>li:last-child,.text-component .list>li:last-child,.text-component .list ul>li:last-child,.text-component .list ol>li:last-child {
    margin-bottom: 0
}
.list:not(.list--border)>li:last-child,.list ul>li:last-child,.list ol>li:last-child,.text-component .list:not(.list--border)>li:last-child,.text-component .list ul>li:last-child,.text-component .list ol>li:last-child {
    padding-bottom: 0
}
.list--ul li,.list--ol li {
    padding-left: calc(var(--bullet-size) + var(--bullet-margin-right))
}
.list--ul li::before,.list--ol li::before {
    width: var(--bullet-size);
    height: var(--bullet-size);
    margin-left: calc(var(--bullet-size) * -1);
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    left: calc(var(--bullet-margin-right) * -1)
}
.list--ul {
    --bullet-size: 7px;
    --bullet-margin-right: var(--space-xxs)
}
.list--ul li::before {
    content: '';
    border-radius: 50%;
    color: var(--color-primary);
    background-color: currentColor;
    border: 2px solid currentColor
}
.list--ul ul li::before {
    background-color: transparent
}
.list--ol {
    --bullet-size: 26px;
    --bullet-margin-right: 6px;
    counter-reset: list-items
}
.list--ol li {
    counter-increment: list-items
}
.list--ol ol {
    counter-reset: list-items
}
.list--ol li::before {
    content: counter(list-items);
    font-size: 0.75em;
    justify-content: center;
    align-items: center;
    top: -0.1em;
    border-radius: 50%;
    background-color: var(--color-contrast-lower);
    border: 2px solid var(--color-contrast-lower);
    color: var(--color-contrast-high);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.list--ol ol li::before {
    background-color: transparent
}
.list--border li {
    border-bottom: 1px solid var(--color-contrast-low)
}
.list--border ul,.list--border ol {
    border-top: 1px solid var(--color-contrast-low)
}
.list--border ul li:last-child,.list--border ol li:last-child {
    border-bottom-width: 0
}
.number-input__btn {
    display: none
}
.pagination__list>li {
    display: inline-block
}
.pagination--split .pagination__list {
    width: 100%
}
.pagination--split .pagination__list>*:first-child {
    margin-right: auto
}
.pagination--split .pagination__list>*:last-child {
    margin-left: auto
}
.pagination__item {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    line-height: 1;
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
    padding-left: calc(1.355 * var(--space-xs));
    padding-right: calc(1.355 * var(--space-xs));
    text-decoration: none;
    height: 100%;
    color: var(--color-contrast-higher);
    transition: .2s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.pagination__item:hover:not(.pagination__item--selected):not(.pagination__item--ellipsis) {
    background-color: var(--color-contrast-lower)
}
.pagination__item:active {
    transform: translateY(2px)
}
.pagination__item--selected {
    background-color: var(--color-contrast-higher);
    color: var(--color-bg)
}
.pagination__item--disabled {
    opacity: 0.5;
    pointer-events: none
}
.pagination__jumper .form-control,.pagination__jumper .product-configure select,.product-configure .pagination__jumper select,.pagination__jumper .product-configure input:not([type="checkbox"]):not([type="radio"]),.product-configure .pagination__jumper input:not([type="checkbox"]):not([type="radio"]) {
    width: 3.2em;
    margin-right: var(--space-xs);
    padding: var(--space-xs)
}
.pagination__jumper em {
    flex-shrink: 0;
    white-space: nowrap
}
.spec-table__cell {
    padding: var(--space-sm) var(--space-sm) var(--space-sm) 0;
    width: 50%
}
.spec-table__cell--th {
    text-align: left
}
:root {
    --checkbox-radio-size: 18px;
    --checkbox-radio-gap: var(--space-xxxs);
    --checkbox-radio-border-width: 1px;
    --checkbox-radio-line-height: var(--body-line-height);
    --radio-marker-size: 8px;
    --checkbox-marker-size: 12px;
    --checkbox-radius: 0
}
.radio,.checkbox {
    position: absolute;
    padding: 0;
    margin: 0;
    margin-top: calc((1em * var(--checkbox-radio-line-height) - var(--checkbox-radio-size)) / 2);
    opacity: 0;
    height: var(--checkbox-radio-size);
    width: var(--checkbox-radio-size);
    pointer-events: none
}
.radio+label,.checkbox+label {
    display: inline-flex;
    align-items: flex-start;
    line-height: var(--checkbox-radio-line-height);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}
.radio+label::before,.checkbox+label::before {
    content: '';
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    top: calc((1em * var(--checkbox-radio-line-height) - var(--checkbox-radio-size)) / 2);
    flex-shrink: 0;
    width: var(--checkbox-radio-size);
    height: var(--checkbox-radio-size);
    background-color: var(--color-bg);
    border-width: var(--checkbox-radio-border-width);
    border-color: var(--color-contrast-high);
    border-style: solid;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: var(--checkbox-radio-gap);
    transition: transform .2s, border .2s
}
.radio:not(:checked):not(:focus)+label:hover::before,.checkbox:not(:checked):not(:focus)+label:hover::before {
    border-color: hsl(var(--color-contrast-higher-h), var(--color-contrast-higher-s), calc(var(--color-contrast-higher-l) * .7))
}
.radio+label::before {
    border-radius: 50%
}
.checkbox+label::before {
    border-radius: var(--checkbox-radius)
}
.radio:checked+label::before,.checkbox:checked+label::before {
    background-color: var(--color-primary);
    box-shadow: none;
    border-color: var(--color-primary);
    transition: transform .2s
}
.radio:active+label::before,.checkbox:active+label::before {
    transform: scale(0.8);
    transition: transform .2s
}
.radio:checked:active+label::before,.checkbox:checked:active+label::before {
    transform: none;
    transition: none
}
.radio:checked+label::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg class='nc-icon-wrapper' fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23ffffff'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    background-size: var(--radio-marker-size)
}
.checkbox:checked+label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='1 6.5 4 9.5 11 2.5' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
    background-size: var(--checkbox-marker-size)
}
.radio:checked:active+label::before,.checkbox:checked:active+label::before,.radio:focus+label::before,.checkbox:focus+label::before {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2)
}
.radio--bg+label,.checkbox--bg+label {
    padding: var(--space-xxxxs) var(--space-xxxs);
    border-radius: var(--radius-md);
    transition: background .2s
}
.radio--bg+label:hover,.checkbox--bg+label:hover {
    background-color: var(--color-contrast-lower)
}
.radio--bg:active+label,.checkbox--bg:active+label,.radio--bg:focus+label,.checkbox--bg:focus+label {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1)
}
:root {
    --rating-icon-size: 1.5em
}
.rating__control ul {
    display: inline-block;
    display: inline-flex;
    vertical-align: top
}
.rating__control li {
    position: relative;
    height: var(--rating-icon-size);
    width: var(--rating-icon-size);
    float: left;
    cursor: pointer;
    margin-right: var(--space-xxxxs)
}
.rating__control li:focus {
    outline: none
}
.rating__control li:focus::before {
    transform: scale(1);
    opacity: 0.2
}
.rating__control li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    transition: 0.2s
}
.rating__control li.rating__item--zero {
    display: none
}
.rating__control--is-hidden {
    display: none
}
.rating__icon,.rating__control li::before,.rating[data-animation="on"] .rating__control ul:hover .rating__icon {
    color: var(--color-primary)
}
.rating__icon--inactive,.rating[data-animation="on"] .rating__control li:hover~li .rating__icon,.rating__item--checked~li .rating__icon {
    color: var(--color-contrast-higher)
}
.rating__icon--inactive svg>*,.rating[data-animation="on"] .rating__control li:hover~li .rating__icon svg>*,.rating__item--checked~li .rating__icon svg>* {
    fill: transparent;
    stroke: currentColor
}
.rating__icon {
    overflow: hidden
}
.rating__icon svg {
    display: block;
    height: var(--rating-icon-size);
    width: var(--rating-icon-size);
    max-width: var(--rating-icon-size);
    pointer-events: none
}
.rating--read-only .rating__control li {
    cursor: default
}
.rating__icon--inactive {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.rating__icon--inactive svg>* {
    fill: transparent;
    stroke: currentColor
}
.rating__item--half .rating__icon:not(.rating__icon--inactive) {
    position: relative;
    z-index: 2;
    width: 50%
}
.rating[data-animation="on"] .rating__control li:active .rating__icon {
    transform: scale(0.8)
}
.rating[data-animation="on"] .rating__icon {
    transition: .2s
}
.js .rating__select {
    display: none
}
.rating__link {
    display: inline-block;
    transition: opacity .2s
}
.rating__link:hover {
    opacity: 0.85
}
:root {
    --search-input-btn-width: 2.5em;
    --search-input-icon-size: 1.25em
}
.search-input {
    position: relative
}
.search-input__input {
    width: 100%;
    height: 100%
}
.search-input__input::-webkit-search-decoration,.search-input__input::-webkit-search-cancel-button,.search-input__input::-webkit-search-results-button,.search-input__input::-webkit-search-results-decoration {
    -webkit-appearance: none
}
.search-input__input::-ms-clear,.search-input__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}
.search-input--icon-right .search-input__input {
    padding-right: var(--search-input-btn-width)
}
.search-input--icon-left .search-input__input {
    padding-left: var(--search-input-btn-width)
}
.search-input__btn {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: var(--search-input-btn-width)
}
.search-input__btn:active .icon {
    transform: translateY(2px)
}
.search-input__btn .icon {
    display: block;
    width: var(--search-input-icon-size);
    height: var(--search-input-icon-size);
    margin-left: auto;
    margin-right: auto;
    color: var(--color-contrast-medium);
    transition: .2s
}
.search-input--icon-left .search-input__btn {
    left: 0;
    right: auto;
    pointer-events: none
}
.search-input__btn:focus .icon,.search-input .search-input__input:focus+.search-input__btn .icon {
    color: var(--color-primary)
}
:root {
    --slider-width: 200px;
    --slider-track-height: 8px;
    --slide-thumb-size: 20px
}
.switch-icon {
    position: relative;
    padding: var(--space-xxs)
}
.switch-icon--disabled {
    pointer-events: none
}
.switch-icon__icon {
    display: block;
    fill: currentColor;
    color: var(--color-contrast-higher);
    font-size: 2em;
    height: 1em;
    width: 1em;
    line-height: 1;
    will-change: transform
}
.switch-icon__icon--a {
    opacity: 1
}
.switch-icon__icon--b {
    position: absolute;
    top: calc(50% - 0.5em);
    left: calc(50% - 0.5em);
    opacity: 0
}
.switch-icon--state-b .switch-icon__icon--a,.switch-icon--hover:hover .switch-icon__icon--a {
    opacity: 0
}
.switch-icon--state-b .switch-icon__icon--b,.switch-icon--hover:hover .switch-icon__icon--b {
    opacity: 1
}
.switch-icon--scale .switch-icon__icon {
    transition: opacity 0s 0.2s, transform 0.4s
}
.switch-icon--scale .switch-icon__icon--a {
    transform: scale(1)
}
.switch-icon--scale .switch-icon__icon--b {
    transform: scale(0.8)
}
.switch-icon--scale.switch-icon--state-b .switch-icon__icon--a,.switch-icon--scale.switch-icon--hover:hover .switch-icon__icon--a {
    transform: scale(0.8)
}
.switch-icon--scale.switch-icon--state-b .switch-icon__icon--b,.switch-icon--scale.switch-icon--hover:hover .switch-icon__icon--b {
    transform: scale(1)
}
.switch-icon--rotate .switch-icon__icon {
    transition: opacity 0s 0.2s, transform 0.4s
}
.switch-icon--rotate .switch-icon__icon--a {
    transform: rotate(0)
}
.switch-icon--rotate .switch-icon__icon--b {
    transform: rotate(90deg)
}
.switch-icon--rotate.switch-icon--state-b .switch-icon__icon--a,.switch-icon--rotate.switch-icon--hover:hover .switch-icon__icon--a {
    transform: rotate(-90deg)
}
.switch-icon--rotate.switch-icon--state-b .switch-icon__icon--b,.switch-icon--rotate.switch-icon--hover:hover .switch-icon__icon--b {
    transform: rotate(0)
}
.switch-icon--flip {
    perspective: 10em
}
.switch-icon--flip .switch-icon__icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: opacity 0s 0.2s, transform 0.4s var(--ease-out-back)
}
.switch-icon--flip .switch-icon__icon--a {
    opacity: 1;
    transform: rotateY(0deg)
}
.switch-icon--flip .switch-icon__icon--b {
    opacity: 1;
    transform: rotateY(-180deg)
}
.switch-icon--flip.switch-icon--state-b .switch-icon__icon--a,.switch-icon--flip.switch-icon--hover:hover .switch-icon__icon--a {
    opacity: 1;
    transform: rotateY(180deg)
}
.switch-icon--flip.switch-icon--state-b .switch-icon__icon--b,.switch-icon--flip.switch-icon--hover:hover .switch-icon__icon--b {
    opacity: 1;
    transform: rotateY(0deg)
}
.switch-icon--slide-up,.switch-icon--slide-down,.switch-icon--slide-right,.switch-icon--slide-left {
    overflow: hidden
}
.switch-icon--slide-up .switch-icon__icon,.switch-icon--slide-down .switch-icon__icon,.switch-icon--slide-right .switch-icon__icon,.switch-icon--slide-left .switch-icon__icon {
    transition: opacity 0.3s, transform 0.3s
}
.switch-icon--slide-up .switch-icon__icon--a {
    transform: translateY(0)
}
.switch-icon--slide-up .switch-icon__icon--b {
    transform: translateY(100%)
}
.switch-icon--slide-up.switch-icon--state-b .switch-icon__icon--a,.switch-icon--slide-up.switch-icon--hover:hover .switch-icon__icon--a {
    transform: translateY(-100%)
}
.switch-icon--slide-up.switch-icon--state-b .switch-icon__icon--b,.switch-icon--slide-up.switch-icon--hover:hover .switch-icon__icon--b {
    transform: translateY(0)
}
.switch-icon--slide-down .switch-icon__icon--a {
    transform: translateY(0)
}
.switch-icon--slide-down .switch-icon__icon--b {
    transform: translateY(-100%)
}
.switch-icon--slide-down.switch-icon--state-b .switch-icon__icon--a,.switch-icon--slide-down.switch-icon--hover:hover .switch-icon__icon--a {
    transform: translateY(100%)
}
.switch-icon--slide-down.switch-icon--state-b .switch-icon__icon--b,.switch-icon--slide-down.switch-icon--hover:hover .switch-icon__icon--b {
    transform: translateY(0)
}
.switch-icon--slide-right .switch-icon__icon--a {
    transform: translateX(0)
}
.switch-icon--slide-right .switch-icon__icon--b {
    transform: translateX(-100%)
}
.switch-icon--slide-right.switch-icon--state-b .switch-icon__icon--a,.switch-icon--slide-right.switch-icon--hover:hover .switch-icon__icon--a {
    transform: translateX(100%)
}
.switch-icon--slide-right.switch-icon--state-b .switch-icon__icon--b,.switch-icon--slide-right.switch-icon--hover:hover .switch-icon__icon--b {
    transform: translateX(0)
}
.switch-icon--slide-left .switch-icon__icon--a {
    transform: translateX(0)
}
.switch-icon--slide-left .switch-icon__icon--b {
    transform: translateX(100%)
}
.switch-icon--slide-left.switch-icon--state-b .switch-icon__icon--a,.switch-icon--slide-left.switch-icon--hover:hover .switch-icon__icon--a {
    transform: translateX(-100%)
}
.switch-icon--slide-left.switch-icon--state-b .switch-icon__icon--b,.switch-icon--slide-left.switch-icon--hover:hover .switch-icon__icon--b {
    transform: translateX(0)
}
:root {
    --s-tabs-border-bottom-width: 1px;
    --s-tabs-selected-item-border-bottom-width: 1px
}
.s-tabs {
    position: relative
}
.s-tabs::after {
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    height: calc(100% - var(--s-tabs-border-bottom-width));
    width: 2em;
    background: linear-gradient(90deg, hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0), var(--color-bg));
    pointer-events: none;
    z-index: 1
}
.s-tabs__list {
    display: flex;
    overflow: auto;
    -webkit-overflow-scrolling: auto
}
.s-tabs__list::after {
    content: '';
    position: absolute;
    width: 100%;
    height: var(--s-tabs-border-bottom-width);
    left: 0;
    bottom: 0;
    background-color: var(--color-contrast-low)
}
.s-tabs__link {
    color: var(--color-contrast-medium);
    text-decoration: none;
    display: inline-block;
    padding: var(--space-xs) var(--space-sm);
    white-space: nowrap;
    border-bottom: var(--s-tabs-selected-item-border-bottom-width) solid transparent;
    z-index: 1;
    transition: .2s
}
.s-tabs__link:hover:not(.s-tabs__link--current) {
    color: var(--color-contrast-high)
}
.s-tabs__link--current,.s-tabs__link[aria-selected="true"] {
    position: relative;
    color: var(--color-primary);
    border-bottom-color: var(--color-primary)
}
.tabs__control {
    text-decoration: none;
    color: var(--color-contrast-medium)
}
.tabs__control:focus {
    outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    outline-offset: 2px
}
.tabs__control:hover {
    color: var(--color-contrast-high)
}
.js .tabs__control[aria-selected="true"] {
    color: var(--color-contrast-high);
    text-decoration: underline
}
:root {
    --dropdown-item-padding: var(--space-xxs) var(--space-sm)
}
.dropdown {
    position: relative
}
.dropdown__menu {
    width: 200px;
    border-radius: var(--radius-md);
    padding: var(--space-xxs) 0;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-sm);
    z-index: var(--zindex-popover);
    position: absolute;
    left: 0;
    top: 100%;
    --space-unit: 1rem;
    --text-unit: 1rem;
    font-size: var(--text-unit);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility 0s .2s
}
@media (pointer: fine) {
    .dropdown__wrapper:hover>.dropdown__menu,.dropdown__sub-wrapper:hover>.dropdown__menu {
        opacity: 1;
        visibility: visible;
        transition: opacity .2s
    }
    .dropdown__sub-wrapper:hover>.dropdown__menu {
        left: 100%
    }
}
@media not all and (pointer: fine) {
    .dropdown__trigger-icon {
        display: none
    }
}
.dropdown__item {
    display: block;
    text-decoration: none;
    color: var(--color-contrast-high);
    padding: var(--dropdown-item-padding);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.dropdown__item:hover,.dropdown__item.dropdown__item--hover {
    background-color: var(--color-contrast-lower)
}
.dropdown__separator {
    height: 1px;
    background-color: var(--color-contrast-low);
    margin: var(--dropdown-item-padding)
}
.dropdown__sub-wrapper {
    position: relative
}
.dropdown__sub-wrapper>.dropdown__item {
    position: relative;
    padding-right: calc(var(--space-sm) + 12px)
}
.dropdown__sub-wrapper>.dropdown__item .icon {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    right: var(--space-xxs);
    top: calc(50% - 6px)
}
.dropdown__sub-wrapper>.dropdown__menu {
    top: calc(var(--space-xxs) * -1);
    box-shadow: var(--shadow-md)
}
.js .dropdown__menu {
    top: calc(100% + 4px)
}
.js .dropdown__sub-wrapper .dropdown__menu {
    top: calc(var(--space-xxs) * -1)
}
@media (pointer: fine) {
    .js .dropdown__menu--is-visible {
        opacity: 1;
        visibility: visible;
        transition: opacity .2s
    }
}
.js .dropdown__menu--is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility 0s .2s
}
.js .dropdown__sub-wrapper>.dropdown__menu--is-visible,.js .dropdown__sub-wrapper>.dropdown__menu--is-hidden {
    left: 100%
}
.js .dropdown__sub-wrapper>.dropdown__menu--is-visible.dropdown__menu--left,.js .dropdown__sub-wrapper>.dropdown__menu--is-hidden.dropdown__menu--left {
    left: -100%
}
.main-header {
  position: relative;
  float: left;
  width: 100%;
  z-index: 5;
}
.main-header__dropdown-icon {
    display: none
}
.main-header__link,.main-header__dropdown-link {
    display: block;
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
}
.main-header__link:hover,.main-header__link[aria-current="page"],.main-header__dropdown-link:hover,.main-header__dropdown-link[aria-current="page"] {
    color: var(--color-primary)
}
.main-header__link .icon,.main-header__dropdown-link .icon {
    flex-shrink: 0
}
.main-header__btn,.main-header__form-control {
    width: 100%;
    margin: var(--space-xs) 0
}
.main-header__dropdown,.dropdown__menu {
    padding-left: var(--space-md)
}
.main-header__search-form {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: var(--space-xs) 0;
    background-color: var(--color-bg);
    z-index: var(--zindex-popover);
    visibility: hidden;
    opacity: 0
}
.main-header--search-expanded .main-header__search-form {
    visibility: visible;
    opacity: 1
}
.main-header--transparent .main-header__search-form {
    background-color: transparent
}
.main-header--expanded .main-header__top-section {
    display: none
}
.main-header__nav-grid,.main-header__list,.main_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.main-header__list{
	justify-content: flex-start;
}
    .main-header__item {
        display: inline-block;
        position: relative;
        border-bottom: none;
        margin-right: var(--space-xs)
    }
    .main-header__item:last-child {
        margin-right: 0
    }
    .main-header__dropdown-icon {
        display: block;
        margin-left: var(--space-xxxxs);
        width: 12px;
        height: 12px;
        flex-shrink: 0
    }
    .main-header__btn,.main-header__form-control {
        margin: 0
    }
    .main-header__dropdown {
        font-size: 1rem;
        position: absolute;
        top: 100%;
        width: 200px;
        left: calc(50% - 100px);
        padding: var(--space-xxxs) 0;
        background-color: var(--color-bg);
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-md);
        z-index: var(--zindex-popover);
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s .2s, opacity .2s 0s
    }
    .main-header__item:hover>.main-header__dropdown,.main-header__dropdown-item:hover>.main-header__dropdown {
        visibility: visible;
        opacity: 1;
        transition: visibility .2s 0s, opacity .2s 0s
    }
    .main-header__dropdown .main-header__dropdown {
        left: 100%;
        top: 0
    }
    .dropdown__menu {
        font-size: 1rem;
        position: absolute;
        top: 0;
        width: 200px;
        left: calc(100% + var(--space-xxs));
        padding: var(--space-xxxs) 0;
        background-color: var(--color-bg);
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-md);
        z-index: var(--zindex-popover);
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s .2s, opacity .2s 0s
    }
    .dropdown__sub-wrapper:hover .dropdown__menu {
        visibility: visible;
        opacity: 1;
        transition: visibility .2s 0s, opacity .2s 0s
    }
    .main-header__dropdown-link {
      	font-size: 13px;
        padding: 4px 0;
    }
html:not(.js) .main-header__nav-control {
    display: none
}
html:not(.js) .main-header__nav {
    position: static;
    padding: var(--space-xxs) 0 var(--space-md);
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}
.main-header__arrow-icon {
    font-size: 16px;
    color: currentColor;
    transition: color .2s;
    margin-left: auto
}
.main-header__arrow-icon .icon {
    display: block
}
.main-header__arrow-icon .icon__group {
    stroke-width: 1px;
    will-change: transform;
    transform-origin: 8px 8px;
    transition: transform 0.3s var(--ease-out)
}
.main-header__arrow-icon .icon__group>* {
    stroke-dasharray: 17;
    transform-origin: 8px 8px;
    transform: translateY(3px);
    transition: transform .3s, stroke-dashoffset .3s;
    transition-timing-function: var(--ease-out)
}
.main-header__arrow-icon .icon__group>*:first-child {
    stroke-dashoffset: 8.5
}
.main-header__arrow-icon .icon__group>*:last-child {
    stroke-dashoffset: 8.5
}
.prod-card {
    --rating-icon-size: 1.475em;
    position: relative
}
.prod-card__img-link {
    display: block;
    position: relative;
    overflow: hidden
}
.prod-card__img-link img {
    display: block;
    width: 100%
}
@media (min-width: 64rem) {
    .prod-card__img-link img {
        transition: .3s
    }
}
.prod-card__img-link img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}
.prod-card__img-link:hover img:nth-child(1) {
    opacity: 0.85
}
.prod-card__img-link:hover img:nth-child(2) {
    opacity: 1
}
.prod-card__img-wrapper {
    position: relative
}
.prod-card__action-button {
    position: absolute;
    background: var(--color-bg);
    left: var(--space-sm);
    right: var(--space-sm);
    bottom: var(--space-sm);
    opacity: 0;
    visibility: hidden
}
@media (min-width: 48rem) {
    .prod-card:hover .prod-card__action-button {
        opacity: 1;
        visibility: visible
    }
}
.prod-card__wishlist {
    position: absolute;
    top: var(--space-xs);
    right: var(--space-xs);
    background-color: var(--color-bg);
    border-radius: 50%;
    font-size: .8em;
    padding: .5em
}
@media (min-width: 64rem) {
    .prod-card__wishlist {
        opacity: 0;
        visibility: visible
    }
    .prod-card:hover .prod-card__wishlist {
        opacity: 1;
        visibility: visible
    }
}
.prod-card__badge {
    position: absolute;
    z-index: 1;
    top: var(--space-sm);
    left: var(--space-sm);
    background-color: var(--color-contrast-higher);
    padding: var(--space-xxs) var(--space-sm);
    pointer-events: none;
    font-size: var(--text-sm);
    color: var(--color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.product-card__title {
    color: inherit;
    font-size: var(--text-base);
    text-decoration: none
}
.product-card__title:hover {
    text-decoration: underline
}
.prod-card__price {
    text-decoration: none
}
.prod-card__old-price {
    color: var(--color-contrast-medium);
    text-decoration: line-through
}
.prod-card__old-price::before {
    content: 'original price';
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}
.prod-card--bundle-main {
    position: relative
}
.bundle__plus {
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2em;
    background: var(--color-primary);
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%)
}
.products__carousel {
    --carousel-item-auto-size: 150px
}
@media (min-width: 64rem) {
    .products__carousel {
        --carousel-item-auto-size: 260px
    }
}
.products__carousel--bundle {
    --carousel-item-auto-size: 150px
}
@media (min-width: 64rem) {
    .products__carousel--bundle {
        --carousel-item-auto-size: 200px
    }
}
:root {
    --thumbslide-thumbnail-auto-size: 80px;
    --thumbslide-thumbnail-grid-gap: var(--space-xs)
}
.js .thumbslide .slideshow {
    --slideshow-fade-transition-duration: 0.3s;
    --slideshow-slide-transition-duration: 0.3s
}
html:not(.js) .thumbslide__nav-wrapper {
    display: none
}
.thumbslide__nav {
    display: flex;
    overflow: hidden;
    padding: var(--thumbslide-thumbnail-grid-gap) 0;
    position: relative
}
.thumbslide__nav::after,.thumbslide__nav::before {
    content: '';
    position: absolute;
    z-index: 2;
    height: 80%;
    width: 0;
    top: 10%;
    box-shadow: 0 0 10px 15px var(--color-bg);
    pointer-events: none;
    transition: opacity .2s;
    opacity: 0
}
.thumbslide__nav::before {
    left: 0
}
.thumbslide__nav::after {
    right: 0
}
.thumbslide__nav--scroll-end::after {
    opacity: 1
}
.thumbslide__nav--scroll-start::before {
    opacity: 1
}
.thumbslide__nav-list {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    will-change: transform;
    transition: transform 0.5s
}
.thumbslide__nav-list:hover .thumbslide__nav-item {
    opacity: 0.6
}
.thumbslide__nav-list--dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}
.thumbslide__nav-list--no-transition {
    transition: none
}
.thumbslide__nav-item {
    float: left;
    flex-shrink: 0;
    width: var(--thumbslide-thumbnail-auto-size);
    margin-right: var(--thumbslide-thumbnail-grid-gap);
    transition: opacity 0.3s, transform 0.3s;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.thumbslide__nav-item img {
    display: block;
    pointer-events: none
}
.thumbslide__nav-item:hover {
    opacity: 1 !important
}
.thumbslide__nav-item--active {
    position: relative;
    opacity: 1 !important
}
.thumbslide__nav-item--active::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid
}
.thumbslide__caption {
    background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.85);
    padding: var(--component-padding);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}
.thumbslide--top {
    display: flex;
    flex-direction: column
}
.thumbslide--top .slideshow {
    order: 1
}
.thumbslide--vertical {
    display: flex
}
@media not all and (min-width: 48rem) {
    .thumbslide--vertical {
        --thumbslide-thumbnail-auto-size: 50px
    }
}
.thumbslide--vertical .slideshow {
    display: inline-block;
    flex-grow: 1
}
.thumbslide--vertical .thumbslide__nav-wrapper {
    float: right;
    width: calc(var(--thumbslide-thumbnail-auto-size) + (2*var(--thumbslide-thumbnail-grid-gap)));
    flex-shrink: 0
}
.thumbslide--vertical .thumbslide__nav {
    padding: 0 var(--thumbslide-thumbnail-grid-gap);
    width: 100%;
    height: 100%
}
.thumbslide--vertical .thumbslide__nav::after,.thumbslide--vertical .thumbslide__nav::before {
    width: 80%;
    height: 10px;
    background-color: var(--color-bg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ctitle%3Ectrl-down%3C/title%3E%3Cg fill='%23111111'%3E%3Cpath d='M10.375,3.219,6,6.719l-4.375-3.5A1,1,0,1,0,.375,4.781l5,4a1,1,0,0,0,1.25,0l5-4a1,1,0,0,0-1.25-1.562Z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    left: 10%
}
.thumbslide--vertical .thumbslide__nav::before {
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ctitle%3Ectrl-up%3C/title%3E%3Cg fill='%23111111'%3E%3Cpath d='M11.625,7.219l-5-4a1,1,0,0,0-1.25,0l-5,4a1,1,0,1,0,1.25,1.562L6,5.281l4.375,3.5a1,1,0,1,0,1.25-1.562Z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.thumbslide--vertical .thumbslide__nav::after {
    top: auto;
    bottom: 0
}
.thumbslide--vertical .thumbslide__nav-list {
    flex-direction: column;
    position: absolute;
    top: 0
}
.thumbslide--vertical .thumbslide__nav-item {
    margin-right: 0;
    margin-bottom: var(--thumbslide-thumbnail-grid-gap)
}
.thumbslide--vertical .thumbslide__nav-item img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.thumbslide--left .slideshow {
    order: 1
}
.separator {
    width: 1px;
    height: 1em;
    background-color: currentColor
}
.mdi:before {
    font: normal normal normal 24px/1 "Material Design Icons";
}
@media (max-width: 1199px){
   .main-header__logo img{
		width: 190px;
  }
}
@media (max-width:991px){
.main-header__logo img {
    width: 170px;
}
}
@media (max-width:543px){
.main-header__logo img {
    width: 160px;
}
}
/*-------------- messages-----------------*/
.gui-wishlist img {
    max-width: none
}
.gui-block-productlist li .gui-block-productlist-text {
    text-overflow: ellipsis
}
.gui a.gui-button-large,.gui a.gui-button-small,.gui-block,.gui-block.gui-closed .gui-block-title,.gui-block-option,.gui-block-option img.gui-border,.gui-block-option-block,.gui-block-title span,.gui-image,.gui-input,.gui-text,.gui-messages ul,.messages ul,.gui-number,.gui-popover,.gui-popover-bg,.gui-popover-content,.gui-popover-title a,.gui-select,.gui-table.gui-block-content .gui-mask,.gui-block-content {
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important
}
.gui-messages,.messages {
    float: left!important;
    font-size: 14px;
}
.gui .gui-progressbar {
    background-color: transparent
}
.gui-checkout-steps .gui-block{
 padding: 0;
  box-shadow: none;
}
.gui-checkout .gui-progressbar ul li a,.gui-checkout .gui-progressbar ul li.gui-done+li a,.gui-checkout .gui-progressbar ul li.step-details a,.gui-checkout .gui-progressbar ul li.gui-active,.gui-checkout .gui-progressbar ul li.gui-invalid,.gui-checkout .gui-progressbar ul {
    background: none!important;
    position: relative
}
.gui-checkout .gui-progressbar ul li a::after,.gui-checkout .gui-progressbar ul li.gui-done+li a::after,.gui-checkout .gui-progressbar ul li.step-details a::after,.gui-checkout .gui-progressbar ul::before {
    position: absolute;
    content: "";
    right: auto;
    top: 8px;
    bottom: auto;
    margin: auto 0;
    height: 65px;
    width: 1px;
    font-family: "Material Design Icons";
    background: #e5e5e5;
    transform: rotate(50deg);
    left: 0
}
.gui-checkout .gui-progressbar ul li a::before,.gui-checkout .gui-progressbar ul li.gui-done+li a::before,.gui-checkout .gui-progressbar ul li.step-details a::before,.gui-checkout .gui-progressbar ul::after {
    content: '';
    position: absolute;
    top: auto;
    bottom: 8px;
    left: 0;
    right: 0;
    background: #e5e5e5;
    transform: rotate(-50deg);
    height: 65px;
    width: 1px
}
.gui-checkout .gui-progressbar ul::before {
    right: 12px;
    left: auto;
    transform: rotate(-50deg);
    height: 35px;
    bottom: auto;
    top: 12px
}
.gui-checkout .gui-progressbar ul::after {
    right: 12px;
    left: auto;
    transform: rotate(50deg);
    height: 30px;
    top: auto;
    bottom: 16px
}
#gui-popover-terms-and-conditions .gui-popover-title a:hover {
    color: #ffffff!important
}
#gui-popover-terms-and-conditions.gui-popover-fixed {
    z-index: 4
}
.gui-popover {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 80%;
    max-width: 800px
}
.gui-cart .gui-table .gui-image.gui-image-50 {
    width: 100px;
  	border: none;
}
.gui.gui-cart .gui-table a.gui-bold {
    font: 400 16px/18px var(--font-primary);
    color: #555555;
  padding: 0 0 10px;
  float: left;
  width: 100%;
}
#gui-form-cart .gui-table thead tr th span {
    font: 500 18px/20px var(--font-headings);
    color: #333;
}
.gui-compare-row-description td.gui-align-center.gui-valign-top {
    color: #777;
    font-weight: 400;
    line-height: 24px;
}
.gui-cart .gui-table .gui-image.gui-image-50 a img {
    width: 100px;
    height: auto;
  border: 1px solid #e5e5e5;
}

.gui-div-faq-questions ul,.gui-content-wysiwyg ul {
    margin-left: 30px!important;
    margin: 5px;
    list-style-type: initial
}
.gui-div-faq-questions ol,.gui-content-wysiwyg ol {
    margin: 5px 30px;
    list-style-type: decimal
}
.gui-page-title,.gui {
    float: left;
    width: 100%
}
.gui-faq .gui-col2-right .gui-col2-right-col2 .gui-block,.gui-block.gui-account-links,.gui-sitemap .gui-block.gui-div-sitemap-links {
    border: none;
    background: #f5f5f5;
   	float: left;
  	width: 100%;
  	padding: 0 ;
}
.gui-faq .gui-col2-right .gui-col2-right-col2 .gui-block-title,.gui-account .gui-account-links .gui-block-title,.gui-sitemap .gui-block.gui-div-sitemap-links .gui-block-title {
    background: #e9e9e9
}
.gui-faq .gui-col2-right .gui-col2-right-col2 .gui-input,.gui-faq .gui-col2-right .gui-col2-right-col2 .gui-text,.gui-faq .gui-col2-right .gui-col2-right-col2 a.gui-button-small,.gui-faq .gui-block-content .gui-block-linklist>li,.gui-login .gui-buttons a.gui-button-small,.gui-register .gui-buttons a.gui-button-small,.gui-account .gui-account-links .gui-block-title,.gui-account-links .gui-block-linklist li,.gui-account .gui-col2-left .gui-col2-left-col2 .gui-buttons a.gui-button-small,.gui-cart .gui-table a.gui-button-small,.gui-cart .gui-block-content a.gui-button-small,.gui-cart .gui-div-cart-sum a.gui-button-large.gui-button-action,.gui-checkout .gui-form a.gui-button-action,.gui-checkout-steps a.gui-button-small.gui-button-action,.gui-review .gui-buttons a.gui-button-small,.gui-password .gui-buttons a.gui-button-small,.gui-sitemap .gui-block.gui-div-sitemap-links,.gui-sitemap .gui-block.gui-div-sitemap-links .gui-block-title,.gui-sitemap .gui-block.gui-div-sitemap-links .gui-block-linklist li,.gui a.gui-button-small,.gui .gui-checkout-steps a.gui-button-large.gui-button-action {
    border: none!important
}
.gui-faq .gui-col2-right .gui-col2-right-col2 label {
    font-size: 14px;
    margin: 0 0 3px;
  	font-weight: 500;
}
.gui-required, .gui-notice {
    font-family: var(--font-primary);
    font-size: 15px;
    float: left;
    width: 100%;
    margin: 0 0 15px;
}
.gui-faq .gui-col2-right .gui-col2-right-col2 .gui-field {
    margin: 0 0 10px
}
.gui-faq .gui-block-content .gui-block-linklist>li>a,.gui-account .gui-block-content .gui-block-linklist>li>a,.gui-sitemap .gui-block.gui-div-sitemap-links .gui-block-linklist li a {
    padding: 5px 0
}
.gui-login-registered .gui-block-content .gui-form label {
    font-size: 14px
}
.gui-login-registered .gui-block-content .gui-form .gui-field {
    margin: 0 0 10px
}
.gui-login-registered .gui-block-content .gui-form {
    margin: 10px 0 0
}
.gui-checkout .gui-progressbar.gui-fixed {
    position: static!important
}
.gui-checkout .gui-progressbar ul li.gui-done a {
    color: #000000!important
}
.gui-checkout .gui-progressbar ul li.gui-done a span {
    background-position: -54px -7px!important
}
body.open .page-wrapper::after {
    opacity: 1;
    visibility: visible;
    z-index: 3
}
.gui-thankyou .gui-block {
    float: left;
    width: 100%
}
.gui-form label {
    font-size: 14px
}
.gui-account .gui-col2-left-col2 .gui-block {
    float: left;
    width: 100%
}
.gui-account .gui-col2-left .gui-col2-left-col2 .gui-buttons {
    float: left;
    width: 100%;
    margin: 15px 0 0;
    padding: 0
}
.gui-account .gui-col2-left .gui-col2-left-col2 .gui-required,.gui-cart .gui-progressbar {
    float: left;
    width: 100%
}
.gui-account .gui-block-content .gui-block-subtitle>a {
    color: #222;
    font-weight: 500;
    background: #eee;
    padding: 7px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.gui-account .gui-col2-equal .gui-col2-equal-col1{
		margin: 0 0 15px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 15px;
}
.gui-account .gui-col2-equal .gui-col2-equal-col2{
 width: 100%;
  		margin: 0 0 15px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 15px;
}
.gui .gui-col2-left-col1 a.gui-button-link {
   border: 1px solid #e5e5e5;
    padding: 5px 25px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
}
.gui-account .gui-block-content .gui-block-subcontent a.gui-small {
    float: right;
    font-size: 14px;
    padding: 10px;
    background: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.gui-account .gui-block-subcontent {
  	font-size: 14px;
    line-height: 22px!important;
    float: left;
    width: 100%;
  	padding: 0;
}
.gui-block-subtitle {
    font-size: 16px;
  color: #222 !important;
    font-weight: 500;
}
#gui-form-cart p,#gui-form-cart p>small {
    font-size: 14px!important;
  text-align: left;
}
.gui-cart .gui-table a.gui-button-small {
    float: right
}
.gui-checkout .gui-progressbar,.gui-checkout .gui-messages {
    float: left;
    width: 100%!important
}
.gui-col2-right .gui-col2-right-col1.gui-checkout-steps {
    float: left!important;
    width: 100%!important
}
.gui-checkout-steps .gui-block-content .gui-image.gui-image-50 {
    width: 50px
}
.gui-checkout-steps .gui-block-content .gui-table thead tr th,.gui-checkout-steps .gui-block-content .gui-table tbody tr td {
    font-size: 14px
}
.gui-input-phone-number .gui-input-phone-number-code-wrapper .select-wrapper::after {
    display: none
}
.gui-review .gui-block {
    float: left;
    width: 100%
}
.gui-review .gui-required {
    float: right;
    width: auto
}
.gui-review .gui-buttons {
    float: left;
    width: 100%;
    padding: 0;
    margin: 15px 0 0
}
.gui-account .gui-block.gui-margin,.gui-account .gui-block.gui-account-links {
    float: left;
    width: 100%;
  	padding: 10px;
}
.gui a.gui-button-small,.gui a.gui-button-large {
  	font-size: 14px;
  	line-height: 16px;
    padding: 10px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s
}
.gui a.gui-compare-link {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-decoration: underline
}
.gui a.gui-button-small::after,.gui a.gui-button-large::after {
		content: '';
    height: 100%;
    width: 0;
    position: absolute;
    transition: .3s cubic-bezier(.785, .135, .15, .86);
    -webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: .3s cubic-bezier(.785, .135, .15, .86);
    -o-transition: .3s cubic-bezier(.785, .135, .15, .86);
    -ms-transition: .3s cubic-bezier(.785, .135, .15, .86);
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
}
.gui a.gui-button-small:hover::after,.gui a.gui-button-large:hover::after,.gui a.gui-button-small:focus::after,.gui a.gui-button-large:focus::after {
    width: 100%;
    right: auto;
    left: 0;
}
.gui-cart .gui-div-cart-sum a.gui-button-large.gui-button-action,.gui .gui-checkout-steps a.gui-button-large.gui-button-action {
    font-weight: 500;
    padding: 15px 30px;
    font-size: 16px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    position: fixed!important;
    right: 30px!important;
    left: auto!important;
    bottom: auto!important;
    top: 70px!important;
    width: 290px !important;
    z-index: 5
}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    position: absolute;
   	top: 15px;
    bottom: auto;
    right: 15px;
    left: auto;
    z-index: 4;
  	float: none;
    display: inline-block;
    vertical-align: top;
    height: 20px;
    width: 20px;
    line-height: 20px
}
.ui-dialog .messages{
padding:0;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable button.ui-dialog-titlebar-close {
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: none;
    border: none;
    padding: 0
}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix .ui-dialog-title {
    display: none
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable button.ui-dialog-titlebar-close::after {
    content: "\f156";
    font-family: "Material Design Icons";
    font-size: 18px;
  	font-weight: 500;
    height: 20px;
    width: 20px;
    line-height: 20px;
    color: #000;
    opacity: .2;
    transition: 400ms ease-in-out;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable button.ui-dialog-titlebar-close:hover::after {
    opacity: 1
}
.messages ul.success {
    background: #dff0d8;
    border-color: #5cb85c;
}
.messages ul.success{
padding: 15px 35px 15px 15px;
}
.messages ul.error {
    background: #edcbc8;
    border-color: #f36759;
}
.messages {
    float: left;
    width: 100%;
    margin-bottom: 0px!important;
    min-height: auto!important;
}
.gui-messages ul, .messages ul{
    padding: 15px;
    font: 500 14px/20px var(--font-primary);
}
.wrapper>.content>.messages {
    display: none
}
.gui-input input,.gui-text textarea,.gui-select select {
    height: 40px!important
}
.gui-checkout-review .gui-table {
    float: left;
    width: 100%
}
a.gui-compare-link.gui-compare-link-brand {
    font-size: 14px
}
.gui-compare a.gui-button-small.gui-compare-button-add-to-cart {
    border: none;
  	padding: 14px 40px;
}
@media (min-width:992px) {
    .gui-account .gui-col2-left .gui-col2-left-col2 {
        width: 78%;
        padding: 0 0 0 15px
    }
    .gui-account .gui-col2-left .gui-col2-left-col1 {
        width: 22%;
        padding: 0 15px 0 0
    }
    .gui-col2-right .gui-col2-right-col1 {
        width: 78%!important;
        padding: 0 15px 0 0
    }
    .gui-col2-right .gui-col2-right-col2 {
        width: 22%!important;
        padding: 0 0 0 15px
    }
}
@media(max-width:991px) {
    .gui-login .gui-col2-big .gui-col2-big-col1,.gui-login .gui-col2-big .gui-col2-big-col2 {
        width: 100%
    }
    .gui-login .gui-col2-big .gui-col2-big-col1 {
        margin: 0 0 30px
    }
    .gui-col2-right .gui-col2-right-col1 {
        width: 100%!important
    }
    .gui-col2-right .gui-col2-right-col2 {
        width: 100%!important
    }
    .gui-account .gui-col2-left .gui-col2-left-col2 {
        width: 100%
    }
    .gui-account .gui-col2-left .gui-col2-left-col1 {
        width: 100%
    }
}
@media(max-width:767px) {
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
        top: 20px!important;
        right: 20px!important;
        width: 300px!important
    }
}
@media(max-width:480px) {
    .gui-login .gui-account-loyalty-content {
        height: 100%
    }
    .gui-sitemap .gui-col2-right-col2.gui-div-sitemap-right {
        margin: 20px 0 0
    }
    .gui-account .gui-col2-left .gui-col2-left-col2 {
        width: 100%;
        margin: 0 0 20px;
        float: left
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
        top: 10px!important;
        right: 10px!important
    }
    .gui-account .gui-block-content .gui-block-subcontent a.gui-small {
        display: inline-block;
        vertical-align: top;
        float: none;
        width: auto;
        margin: 15px 0
    }
    .gui-table.gui-orders thead {
        display: block
    }
    .gui-table.gui-orders thead tr th:nth-child(5),.gui-table.gui-orders thead tr th:nth-child(3) {
        display: block
    }
}
/*-------------------------- 404 -----------------------*/
.page-not-found {
    float: left;
    width: 100%;
    text-align: center
}
.page-not-found .not-found-wrapper {
    float: left;
    width: 100%;
    margin: 100px 0
}
.page-not-found .not-found-wrapper .huge-title {
    font-size: 100px;
    color: rgba(0, 0, 0, .1);
    line-height: 1
}
.page-not-found .not-found-wrapper h1 {
    margin-bottom: 10px;
    color: #3b3b3b;
    font-weight: 500;
    font-size: 3.25rem;
    line-height: 1.2
}
.page-not-found .not-found-wrapper p {
    margin-bottom: 1.5em;
    font-size: 16px
}
@media (min-width:600px) {
    .page-not-found .not-found-wrapper .huge-title {
        font-size: 200px
    }
}
/*------------------------- pages --------------------------*/
.gui-checkout .gui-progressbar ul li a, .gui-checkout .gui-progressbar ul li.gui-done+li a, .gui-checkout .gui-progressbar ul li.step-details a{
	background: #FFF !important;
}
section.text-page__content {
    float: left;
    width: 100%;
    color: #222;
    margin: 0 0 30px;
      min-height: 400px;
}
section.text-page__content h2,.gui-page-title{
    float: left;
    width: 100%;
    font: 500 30px/32px var(--font-headings);
    margin: 0 0 20px;
}
section.text-page__content p,section.text-page__content li,.gui-faq .bottom-indent,.gui-account-loyalty-content{
    float: left;
    width: 100%;
    font: 400 14px/24px var(--font-primary);
    color: #777;
    margin: 0 0 20px;
}
section.text-page__content li{
 color: #222;
  margin: 0px;
}
section.text-page__content p:last-child{
  margin: 0px;
}
section.text-page__content .page-subheading,.gui-faq .page-subheading,.gui-login .gui-content-title{
    float: left;
    width: 100%;
    margin: 0 0 10px;
    font: 500 20px/22px var(--font-headings);
  	color: #222;
}
.gui a.gui-button-link {
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 28px;
}
.gui-input, .gui-text, .gui-select, .gui-number {
    border-color: #cccc !important;
}
#gui-account-login-registered-customers-title {
    border-bottom: 1px solid #CCCCCC;
}
.gui-block-title strong {
    font: 500 14px/16px var(--font-headings);
}
#faq-contact-us-title strong,.gui-block-title strong,#gui-sitemap-more-info-title strong{
    font: 500 18px/20px var(--font-headings);
    padding: 5px 0px;
}
.gui-faq .gui-block-content .gui-block-linklist>li>a,.gui-block-linklist li a{
    font-size: 14px;
}
@media (min-width:992px) {
	.gui-div-sitemap-sitemap {
    display: flex;
    justify-content: space-around;
	}
}
.gui-div-sitemap-sitemap .gui-list {
    float: left;
    width: 100%;
}
.gui-div-sitemap-sitemap strong {
    font: 500 16px/18px var(--font-headings);
    float: left;
    width: 100%;
    margin: 0 0 10px;
}
.gui-div-sitemap-sitemap ul {
    float: left;
    width: 100%;
}
.gui-div-sitemap-sitemap ul li {
    float: left;
    width: 100%;
}
.gui-div-sitemap-sitemap ul li a {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    font-size: 14px;
}
.gui p {
    float: left;
    width: 100%;
    font: 400 14px/20px var(--font-primary);
  	text-align: left;
}
.gui .terms-condition p{
margin: 0 0 20px;
}
#gui-popover-terms-and-conditions .gui-popover-title a{
margin: 5px 10px;
  line-height: 22px;
  color: #FFFFFF !important;
}
.gui .gui-account-cart .gui-block-productlist-text p{
text-align: left;
}
.gui p strong {
    font-size: 18px;
    margin: 0 0 8px;
    float: left;
    width: 100%;
    font-weight: 500;
}
.gui-account .gui-col2-left-col2 p strong {
    color: #ff5635;
}
.gui-page-content {
    float: left;
    width: 100%;
    font-size: 14px;
}
.gui ul.gui-products li .gui-products-title, .gui ul.gui-products li .gui-products-price,.gui ul.gui-products li .gui-products-info{
    font-size: 14px;
      white-space: normal;
}
.gui ul.gui-products li .gui-products-title a{
    padding: 0 20px 0 0;
    width: 100%;
    float: left;
}
.gui-table tbody tr td.gui-nowrap,.gui-compare-row-description td{
    font-weight: 500;
    font-size: 16px;
    color: #222;
}
.gui-compare-row-image-price .gui-align-center a {
    margin: 0 0 15px;
    float: left;
    width: 100%;
}
@media (max-width:991px) {
	section.text-page__content{
	margin: 40px 0;
	}
	section.text-page__content h2,.gui-page-title{
		margin: 0 0 15px;
    font-size: 28px;
    line-height: 30px;
	}
  section.text-page__content .page-subheading,.gui-faq .page-subheading,.gui-login .gui-content-title{
  	font-size: 18px;
    line-height: 20px;
  }
}
@media (max-width:767px) {
	section.text-page__content {
    margin: 30px 0;
	}
  section.text-page__content h2,.gui-page-title{
    font-size: 24px;
    line-height: 26px;
	}
  section.text-page__content p,.gui-faq .bottom-indent,.gui-account-loyalty-content{
   	font-size: 13px;
    line-height: 22px;
    margin: 0 0 10px;
  }
  section.text-page__content li{
     	font-size: 13px;
    	line-height: 22px;
  }
  section.text-page__content .page-subheading,.gui-faq .page-subheading,.gui-login .gui-content-title{
  	font-size: 16px;
    line-height: 18px;
    margin: 0 0 8px;
  }
}
@media (max-width:480px) {
  .gui-div-sitemap-sitemap .gui-list {
    float: left;
    width: 50%;
    margin: 0 0 20px;
	}
  section.text-page__content .page-subheading,.gui-faq .page-subheading,.gui-login .gui-content-title{
  	font-size: 14px;
    line-height: 16px;
  }
	section.text-page__content {
    margin: 20px 0;
	}
  section.text-page__content h2,.gui-page-title{
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 10px;
	}
  section.text-page__content p,.gui-faq .bottom-indent,.gui-account-loyalty-content{
   	font-size: 11px;
    line-height: 20px;
  }
  section.text-page__content li{
     	font-size: 11px;
    	line-height: 20px;
  }
}
/*-------------------------header------------------------*/
@media (min-width:992px) {
	header.main-header {
    min-height: 218px;
	}
}
.main-header__top-section .main-header__nav-grid .topbar {
  font: 400 14px/20px var(--font-primary);
	position: relative;
  padding: 0 0 0 20px;
}
.main-header__top-section .main-header__nav-grid .topbar:before {
  position: absolute;
  left: 0px;
  right: auto;
  content: "\F3C5";
  font-family: "Material Design Icons";
  height: 16px;
  width: 16px;
  font-size: 16px;
  line-height: 20px;
	transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
.header2 .main-header__top-section .main-header__nav-grid .topbar:before{
content: "\f723";
}
.main-header__top-section .main-header__nav-grid .topbar:hover:before {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}
.main-header .bottom_header {
    float: left;
    width: 100%;
    border-top: 1px solid #e5e5e5;
}
.main-header .offer-content {
    float: right;
    width: auto;
    display: flex;
    align-items: center;
    background: var(--color-secondary);
    color: var(--color-secondary-text);
    font: 400 15px/20px var(--font-primary);
    padding: 14px 17px;
    margin: 5px 0;
    border-radius: 5px;
}
.main-header .offer-content svg {
    margin: 0 5px 0 0;
  	    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.main-header .offer-content:hover svg{
	    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}
/*------------header language --------------*/
.main-header__top-section .languages,.main-header__top-section .currency {
    float: left;
    position: relative;
  	padding: 14px 0;
}
.main-header__top-section .currency .currency-active{
 padding: 0 0 0 15px;
}
.main-header__top-section .currency .currency-active,.main-header__top-section .languages .language-active{
	opacity: 0.8;
  -moz-opacity: 0.8; 
	-khtml-opacity: 0.8; 
	-webkit-opacity: 0.8;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
.main-header__top-section .currency .currency-active:hover,.main-header__top-section .currency.active .currency-active,.main-header__top-section .languages .language-active:hover,.main-header__top-section .languages.active .language-active{
	opacity: 1;
  -moz-opacity: 1; 
	-khtml-opacity: 1; 
	-webkit-opacity: 1;
}
.main-header__top-section .languages .language-toggle,.main-header__top-section .currency .currency-toggle {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    padding: 10px 15px;
    position: absolute;
    top: 100%;
    width: 150px;
    z-index: 9;
    display: none;
    text-align: left;
  	left: auto;
    right: 0;
}
.main-header__top-section .languages .language-toggle {
    left: auto;
    right: 0;
}
.main-header__top-section .languages .language-toggle li{
	list-style:none;
}
.main-header__top-section .languages .language-active > span,.main-header__top-section .currency .currency-active > span {
    font: 400 14px/20px var(--font-primary);
 		cursor: pointer;
}
.main-header__top-section .languages:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0px;
    background: rgba(0,0,0,0.2);
    width: 1px;
    height: 20px;
    margin: auto;
}
.main-header .header-link-right {
    display: flex;
    align-items: center;
}
/*------------header search --------------*/
.main-header .header-search {
  	padding: 28px 15px;
}
.header-search .selectric-wrapper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background: #fff none repeat scroll 0 0;
    width: 100%;
    float: left;
    height: 54px;
    border: 2px solid #e5e5e5;
    position: relative;
}
.header-search .selectric-wrapper #formSearch {
    border: none;
    margin: 0;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}
.header-search .selectric-wrapper input[type="text"] {
    height: 50px;
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    flex-grow: 1;
    position: relative;
    padding: 0 150px 0 15px;
    border: none;
}
.header-search .btn {
    padding: 0 28px;
    height: 44px;
    position: absolute;
    right: 4px;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto;
}
.search-txt {
    display: flex;
    align-items: center;
}
.search-txt svg {
    margin: 0 5px 0 0;
}
.drawer__close-btn::before,.drawer__close-btn::after,.quick-modal .CloseQV::before,.quick-modal .CloseQV::after,.toplink .menu-close::before,.toplink .menu-close::after,.filter-close::before,.filter-close::after{
    content: '';
    position: absolute;
    height: 2px;
    width: 25px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0;
    margin: auto;
    transform-origin: 50% 50%;
    background-color: #222;
    opacity: 1;
    -moz-transition: -moz-transform ease .25s;
    -webkit-transition: -webkit-transform ease .25s;
    -o-transition: -o-transform ease .25s;
    -ms-transition: -ms-transform ease .25s;
    transition: transform ease .25s;
}
.drawer__close-btn::before,.drawer__close-btn::after,.filter-close::before,.filter-close::after{
	width: 20px;
}
.drawer__close-btn:hover::before,.drawer__close-btn:hover::after,.quick-modal .CloseQV:hover::before,.quick-modal .CloseQV:hover::after,.toplink .menu-close:hover::before,.toplink .menu-close:hover::after,
.filter-close:hover::before,.filter-close:hover::after{
	background-color: #ef5c5c;
}
.drawer__close-btn:hover,.quick-modal .CloseQV:hover,.toplink .menu-close:hover,.filter-close:hover{
	background: #f5f5f5;
}
.drawer__close-btn::before,.drawer__close-btn:hover::after,.quick-modal .CloseQV::before,.quick-modal .CloseQV:hover::after,.toplink .menu-close::before,.toplink .menu-close:hover::after,.filter-close::before,.filter-close:hover::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.drawer__close-btn::after,.drawer__close-btn:hover::before,.quick-modal .CloseQV:hover::before,.quick-modal .CloseQV::after,.toplink .menu-close:hover::before,.toplink .menu-close::after,.filter-close:hover::before,.filter-close::after{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.quick-modal .CloseQV i {
    font-size: 0px;
}

.filter-close {
    position: relative;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    float: right;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 10px 10px 0 0;
}
@media (max-width:991px){
.main-header .header-search {
  margin: 0 0 15px;
  float: left;
  width: 100%;
  padding: 0px;
}
}
@media (max-width:543px){
  .search-txt svg {
    margin: 0;
}
  .main-header__top-section .main-header__nav-grid .topbar{
  	font-size:12px;
    line-height:16px;
  }
  .main-header__top-section .main-header__nav-grid .topbar:before{
  	font-size: 14px;
  }
  .main-header__list {
    justify-content: center;
    width: 100%;
    float: left;
}
}
/*------------header account --------------*/
.main-header .header-account {
  	position: relative;
  	cursor: pointer;
}
.main-header .header-account .user-icon {
    padding: 45px 0;
}
.main-header .header-account .account-toggle {
    float: left;
    width: 200px;
    position: absolute;
    right: 0;
    left: auto;
    top: 100%;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 15px;
    text-align: left;
    display: none;
    z-index: 3;
}
.main-header .header-account .account-toggle a:last-child {
    margin: 0;
}
.languages .language-active .flag:after, .currency .currency-active span:after{
    font-family: "Material Design Icons";
    content: "\f140";
    font-size: 16px;
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 28px;
    text-align: center;
  	transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.languages.active .language-active .flag:after, .currency.active .currency-active span:after{
 content: "\f143";
}
.main-header .header-account .account-toggle a {
  float: left;
  width: 100%;
  margin: 0 0 10px;
  font: 400 14px/16px var(--font-primary);
  color: #666;
}
/*------------header cart --------------*/
.main-header .header-cart {
	padding: 10px 18px;
  border: 3px solid var(--color-primary);
  border-radius: 5px;
}
.main-header .header-link-right > div {
  margin: 0 20px 0 0;
}
.main-header .header-link-right > div:last-child {
  margin: 0;
}
.main-header .header-cart svg,.main-header .header-wishlist svg,.main-header .header-compare svg,.main-header .header-account svg{
  line-height: 20px;
  float: none;
  display: inline-block;
  vertical-align: top;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
.main-header .header-cart svg{
	color: var(--color-primary);
  fill: var(--color-primary);
  stroke: var(--color-primary);
}
.main-header .header-cart span.counter {
    margin-left: 5px;
}
.main-header .header-cart .cart-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    color: #222;
}
.main-header .header-cart a:hover svg,.main-header .header-wishlist a:hover svg,.main-header .header-compare a:hover svg ,.main-header .header-account .user-icon:hover svg{
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}
.main-header .header-cart span.counter,.main-header .header-compare .compare-count{
    width: 18px;
    height: 18px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 18px;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
@media (max-width: 1529px){
  .main-header .header-cart .cart-title{
  	display:none;
  }
  .main-header .header-link-right > div {
  margin: 0 15px 0 0;
}
  .main-header .header-cart{
  	padding: 10px;
  }
}
/*-------------------- mega menu--------------*/
.megamenu{
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 300px;
    padding: 0px;
}
.megamenu .toggle_menu {
    float: left;
    width: 100%;
    padding: 16px 0px;
    overflow: hidden;
    position: relative;
    margin: 0;
    cursor: pointer;
}
.megamenu .toggle_menu .toggle_text {
    float: left;
    text-align: left;
    font: 500 16px/27px var(--font-headings);
}
.megamenu .toggle_menu::after {
  content: "\f140";
  font-family: "Material Design Icons";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: auto;
  right: 5px;
  font-size: 16px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  background: var(--color-primary);
  color: var(--color-primary-text);
  text-align: center;
  float: none;
  display: inline-block;
  vertical-align: middle;
  border-radius: 25px;
}
.megamenu .current-open.toggle_menu::after{
    transform: rotateX(170deg);
  -webkit-transform: rotateX(170deg);
-moz-transform: rotateX(170deg);
-o-transform: rotateX(170deg);
-ms-transform: rotateX(170deg);
}
.megamenu .topmenu {
	position: absolute;
  background: #fff;
  top: 100%;
  left: 0;
  right: 0;
  border: 2px solid var(--color-secondary);
  border-top: none;
  z-index: 3;
  padding: 10px 0;
  display: none;
  border-radius: 0 0 5px 5px;
}
.megamenu .topmenu li.item {
	float: left;
  width: 100%;
  margin: 0;
  text-align: left;
  cursor: pointer;
  position: relative;
}
.megamenu .topmenu li a.itemLink {
	float: left;
  width: 100%;
  padding: 11px 15px;
  position: relative;
  font: 400 14px/22px var(--font-primary);
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
.megamenu .topmenu li:hover a.itemLink{
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 12%);
}
.megamenu .topmenu li:focus-visible{
	outline: none;
}
.topmenu ul>.item>.subnav {
  float: left;
  min-width: 200px;
  position: absolute;
  right: auto;
  left: 100%;
  background: #fff;
  border: 1px solid #e5e5e5;
  z-index: 3;
  padding: 20px 10px;
  top: 0;
  bottom: auto;
  -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: translate(0,20px);
    -moz-transform: translate(0,20px);
    -ms-transform: translate(0,20px);
    -o-transform: translate(0,20px);
    transform: translate(0,20px);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    transform-origin: center top 0;
    border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    -khtml-border-radius: 0 8px 8px 0;
    pointer-events: none;
}
.topmenu ul > .item.blog > .subnav{
padding: 30px;
}
.topmenu ul>.presets>.subnav {
	width: 780px;
 	padding: 25px 20px 20px 20px;
}
.topmenu .preset-sub{
	float: left;
  width: 100%;
}
.topmenu ul>.item:hover>.subnav{
	-webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
  	border-left: none;
} 
.main_header .ttresponsive_menu{
	display:none;
}
.topmenu .subnav-content li.subitem-1 {
    margin: 0 0 15px;
}
.menu-bar .topmenu .more_menu ul.main-menu li.item.blog ul.subnav {
    min-width: 330px
}
.topmenu .item.sub ul.subnav a.subitemLink {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    text-decoration: none;
}
.topmenu .item .mdi-icons {
    float: right;
    width: 20px;
    height: 18px;
    margin: 0 0 0 3px;
    display: none
}
.topmenu .item .mdi-icons .mdi {
    font-size: 18px;
    line-height: 20px;
    float: left;
    width: 20px;
    height: 20px
}
.topmenu li.sub .subnav .subitem-1>a.subitemLink {
    margin: 0 0 10px;
    border-bottom: 1px solid;
    padding: 0 0 5px;
    font-weight: 500;
  	color: var(--color-primary);
}
.topmenu li.sub .subnav .subitem-1>a.subitemLink:hover{
		color: var(--color-secondary);
}
.menu-bar .topmenu li.sub>.subnav>li {
    float: left;
    width: 16.66%;
    padding: 0 15px
}
.topmenu .item:hover>.subnav {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
  	-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
  	pointer-events: visible;
}
.megamenu .topmenu .products-menu .grid-item {
    width: 100%
}
.topmenu li .preset-title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-decoration: none;
    float: left;
    width: 100%;
    margin: 15px 0 0
}
.topmenu li .preset-title:hover{
	color: var(--color-primary);
}
.topmenu li.presets .subnav a {
    text-decoration: none;
    float: left;
    width: 100%
}
.topmenu li.presets .subnav a>img {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2)
}
.topmenu li.presets .subnav a:hover>img {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3)
}
.topmenu ul.main-menu>li>a.itemLink::before {
    display: none
}
.topmenu .product-menu .grid-item {
    width: 100%;
    border-right: 1px solid;
    overflow: hidden
}
.topmenu .subnav .products-menu .owl-stage-outer {
    margin: 0 2px 0 0
}
.topmenu .products-menu .owl-nav>button {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border: none!important;
    height: 100px;
    opacity: 0;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.topmenu .products-menu .owl-nav>button:hover {
    box-shadow: none
}
.topmenu .products-menu .owl-nav button.owl-prev {
    left: -25px;
    right: auto;
    border-radius: 0 10px 10px 0
}
.topmenu .products-menu:hover .owl-nav button.owl-prev {
    left: -15px;
    opacity: 1
}
.topmenu .products-menu .owl-nav button.owl-next {
    right: -25px;
    left: auto;
    border-radius: 10px 0 0 10px
}
.topmenu .products-menu:hover .owl-nav button.owl-next {
    right: -15px;
    opacity: 1
}
.topmenu .item.more_menu ul.main-menu {
    margin: 0;
    float: left;
    min-width: 200px;
    background: #fff;
    border: 1px solid #e5e5e5;
    position: absolute;
    right: 0;
    left: auto;
    top: 100%;
    z-index: 3;
    text-align: left;
    padding: 15px 0;
    opacity: 0;
    visibility: hidden;
   transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    transform: translate(0, 30px);
  	-webkit-transform: translate(0, 30px);
		-moz-transform: translate(0, 30px);
		-o-transform: translate(0, 30px);
		-ms-transform: translate(0, 30px);
  	display:none;
}
.topmenu .more_menu .item.sub ul.subnav li {
    padding: 0
}
.topmenu .more_menu .item.sub ul.subnav li a.subitemLink {
    margin: 0;
    padding: 0;
    border: none;
    font-weight: 400;
    font-size: 14px;
}
.topmenu li.item.more_menu.main-menu {
    position: relative
}
.topmenu .more_menu ul.main-menu li.item {
    width: 100%;
    position: relative
}
.topmenu .more_menu ul.main-menu li.item a.itemLink {
    padding: 5px 20px;
    font-weight: 400;
    font-size: 14px;
}
.megamenu .burger {
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
  .main-header .header-account .account-toggle svg{
  	width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    line-height: 15px;
  }
@media(min-width:992px) {
  .header-compare a span.compare-text , .header-wishlist a span {
  	display:none;
  }
	.topmenu .subnav-content {
  	display: flex;
    flex-flow: row wrap;
	}
  .topmenu .more_menu ul.main-menu li.item a.itemLink {
  	color: #777;
	}
  .megamenu .burger {
    display: none;
	}
  .topmenu .item .mdi-icons .mdi-chevron-up {
    display: none
  }
  .topmenu .item:hover .mdi-icons .mdi-chevron-up {
    display: block
  }
  .topmenu .item:hover .mdi-icons .mdi-chevron-down {
    display: none
  }
  .menu-bar .topmenu {
    display: block
  }
  .topmenu ul>.item>.subnav {
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
  }
  .topmenu>ul>li.sub>a.itemLink::after {
    content: "\f140";
    font-size: 16px;
    font-family: "Material Design Icons";
    line-height: 20px;
    position: absolute;
    height: 20px;
    width: 20px;
    right: 10px;
    left: auto;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
   	-moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
  	float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }
    .topmenu>ul>li.sub:hover>a.itemLink::after {
        transform: rotate(-90deg);
      -webkit-transform:  rotate(-90deg);
			-moz-transform:  rotate(-90deg);
			-o-transform:  rotate(-90deg);
			-ms-transform:  rotate(-90deg);
    }
    .topmenu .item.more_menu ul.main-menu.shown-link {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0);
      	-webkit-transform: translate(0, 0);
				-moz-transform: translate(0, 0);
				-o-transform: translate(0, 0);
				-ms-transform: translate(0, 0);
    }
    .topmenu .item.more_menu ul .mdi-icons {
        display: none
    }
    .topmenu .more_menu ul.main-menu li.item.sub a.itemLink::after {
        content: "\f142";
        font-family: "Material Design Icons";
        position: absolute;
        right: 10px;
        left: auto;
        height: 18px;
        width: 18px;
        font-size: 18px;
        line-height: 18px
    }
  .topmenu .more_menu .item.sub .subnav {
    right: 100%;
    left: auto;
    top: 0;
    padding: 15px;
    display: block;
}
}
@media(max-width:1399px) {
  li a.itemLink{
    padding: 26px 18px;
  }
}
@media(max-width:1199px) {
  .topmenu ul>.presets>.subnav {
	width: 700px;
}
    li a.itemLink {
       padding: 26px 18px;
      	font-size: 14px;
    }
    .topmenu ul>li>a.itemLink::before {
        left: 5px
    }
  .megamenu{
  		width:222px;
  }
  .megamenu .toggle_menu{
  	padding: 16px 0px;
  }
  .top-link-menu .main-toplink-menu a{
    padding: 20px 15px;
  }
}
@media(max-width:991px) {
  .topmenu li .preset-title{
  		margin: 15px 0 20px;
  }
  .megamenu .topmenu li a.itemLink{
  		background: none;
  }
  .megamenu .topmenu li a.itemLink::after{
  		display:none;
  }
  .header-account .account-toggle .my-compare .compare-count{
  	position: relative;
    margin: 0 0 0 5px;
  }
  .header-account .account-toggle .my-compare .compare-count::before{
  	position: absolute;
    content: "(";
    left: -4px;
    right: auto;
    bottom: 0;
    top: 0;
  }
  .header-account .account-toggle .my-compare .compare-count::after{
  	position: absolute;
    content: ")";
    left: auto;
    right: -4px;
    top: 0;
    bottom: 0;
  }
  .main-header .header-account .user-icon{
  	padding: 25px 0;
  }
  .main-header .header-link-right > div:last-child{
    padding: 0;
    border: 0;
  }
  .main-header__top-section .languages, .main-header__top-section .currency {
    padding: 7px 0;
}
.main_header .ttresponsive_menu{
	display:block;
  float: left;
  width: auto;
}
  .megamenu {
    float: left;
    width: 100%;
    padding: 0px;
    position: static;
}
.megamenu .burger {
    width: auto;
    height: auto;
    line-height: normal;
}
   .megamenu .toggle_menu .toggle_text ,  .megamenu .toggle_menu::after {
  		display: none;
  }
  .megamenu .toggle_menu{
  	background: none !important; 
    padding: 21px 0px;
  }
  .topmenu .subnav-content {
    float: left;
    width: 100%;
    margin: 5px 0 0;
	}
  .topmenu .subnav-content li.subitem-1 {
    float: left;
    width: 100%;
    padding: 0;
	}
  .topmenu .item.sub ul.subnav  a.subitemLink {
    padding: 0 0 0 15px
  }
  .megamenu .topmenu {
		left: 15px;
    right: 15px;
    border-top: 1px solid #e5e5e5;
}
  .main-header .bottom_header{
  	display:none;
  }
  .topmenu li.item{
  	float: left;
    width: 100%;
    position: relative;
  }
  .topmenu .item .mdi-icons {
    position: absolute;
    z-index: 999;
    right: 10px;
    top: 5px;
    width: 22px;
    height: 22px;
    display: block;
}
  .topmenu .item .mdi-icons .mdi {
    line-height: 22px;
    width: 22px;
    height: 22px;
}
  .topmenu li.toggle-active>.mdi-icons .mdi-chevron-down {
    display: none;
}
    .topmenu li>.mdi-icons .mdi-chevron-up {
    display: none;
}
  .topmenu li.toggle-active>.mdi-icons .mdi-chevron-up {
    display: block;
}
  li a.itemLink,li.sub a.itemLink {
    width: 100%;
    text-align: left;
    padding: 5px 20px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
}
  li.more_menu>a.itemLink {
    display: none;
}
  .topmenu .item.more_menu ul.main-menu {
    position: static;
    padding: 0;
    width: 100%;
    border: none;
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
}
  .topmenu ul>.item.sub>.subnav {
    position: static;
    opacity: 1;
    visibility: visible;
    border: none;
    transform: none;
    padding: 0;
    display: none;
    padding: 0;
    width: 100%;
	}
  .topmenu li.sub .subnav .subitem-1>a.subitemLink{
  	font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
  .main_header .header-link-right .header-wishlist ,.main_header  .header-link-right .header-compare{
  		display:none;
  }
}
@media (max-width:767px){
.header-search .selectric-wrapper {
    height: 46px;
}
  .header-search .selectric-wrapper input[type="text"] {
    height: 41px;
        padding: 0 80px 0 15px;
}
  .header-search .btn {
    height: 40px;
    	padding: 0 12px;
}
  .search-txt{
  	font-size:0;
  }
}
@media (max-width:543px){
  .header-search .selectric-wrapper input[type="text"] {
    padding: 0 50px 0 15px;
    font-size: 13px;
    height: 38px;
}
  .header-search .btn {
    padding: 0 10px;
        height: 36px;
}
  .header-search .selectric-wrapper {
    height: 42px;
}
  .main-header .header-account .user-icon {
    padding: 20px 0;
}
}
/*----------------------- Toplink ---------------------*/
.top-link-menu {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    position: relative;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}
.top-link-menu .main-toplink-menu {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    position: relative;
  	padding: 9px 0;
}
.top-link-menu .main-toplink-menu a {
    float: none;
    display: inline-block;
    vertical-align: top;
    font: 400 14px/18px var(--font-primary);
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 12px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  	background: none;
}
.top-link-menu::before {
    content: '';
    top: 0;
    bottom: 0;
    left: 5px;
    right: auto;
    margin: auto 0;
    background: #e5e5e5;
    height: 42px;
    width: 1px;
    position: absolute;
}
/*-----------------------header-2---------------------*/
.header2 .megamenu .toggle_menu {
    padding: 12px 15px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
}
.header2 .megamenu .toggle_menu::after{
	right: 15px;
}
.header2  .megamenu{
	    width: 280px;
}
.header2 .top-link-menu::before , .header3 .top-link-menu::before{
	display:none;
}
.header2 .top-link-menu , .header3 .top-link-menu{
		margin:0;
  	padding:0;
}
.header2 .top-menu-link-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header2.main-header .header-account .user-icon {
    padding: 17px 0;
}
.header2.main-header .header-search {
    padding: 28px 0;
}
.header2 .top-link-menu .main-toplink-menu a{
	padding: 17px 20px;
}
.header2.main-header {
    min-height: 210px;
}
@media (max-width:1366px){
.header2.main-header .header-search {
    padding: 28px 0 28px 15px;
}
}
@media (max-width:1299px){
.header2  .megamenu {
    width: 220px;
}
}
@media (max-width:1199px){
 .header2 .megamenu 4 {
    display: block;
}
  .header2 .megamenu .toggle_menu .toggle_text , .header2 .megamenu .toggle_menu::after{
    	display:none;
  }
  .header2 .ttresponsive_menu2 {
    width: auto;
    float: left;
}
  .header2  .megamenu {
    width: 100%;
    position: static;
}
  .header2  .megamenu .burger {
	width: auto;
	height: auto;
}
  .header2  .megamenu .burger .mdi::before{
  		color:#fff;
  }
  .header2.main-header .header-search {
    padding: 15px 0;
}
  .header2.main-header {
    min-height: 187px;
}
}
@media (max-width:991px){
  .header2 .megamenu .toggle_menu{
  		display:block;
    	padding: 0;
    	background: none;
  }
  .header2  .megamenu .burger .mdi::before {
    color: #111;
}
  .main-header__top-section .main-header__nav-grid .topbar {
    font-size: 13px;
    line-height:20px;
}
  .main-header__top-section .main-header__nav-grid .topbar:before{
  	font-size: 14px;
  }
.header2.main-header .header-account .user-icon {
    padding: 20px 0;
}
  .header2.main-header .header-search {
    padding: 0;
}
  .header2.main-header {
    min-height: 163px;
}
}
@media (max-width:767px){
.header2.main-header {
    min-height: 155px;
}
}
@media (max-width:543px){
.main-header__nav-grid{
    justify-content: center;
}
  .main-header__top-section .main-header__nav-grid .topbar {
    font-size: 12px;
    line-height: 20px;
}
  .main-header__top-section .languages .language-active > span, .main-header__top-section .currency .currency-active > span {
    font-size: 13px;
}
  .main-header__top-section .languages, .main-header__top-section .currency {
    padding: 4px 0;
}
  .main-header__top-section .languages, .main-header__top-section .currency {
    padding: 3px 0;
}
  .main-header__top-section .main-header__nav-grid .topbar{
  	    margin: 5px 0 0;
  }
}
/*-----------------------header-3---------------------*/
.header3 .header-top {
    display: flex;
    align-items: center;
  	justify-content: space-between;
}
.header3 .megamenu .burger , .header3 .header-compare a span.compare-text , .header3 .header-wishlist a span {
    display: inline-block;
}
.header3 .megamenu{
		width:auto;
}
.header3 .megamenu .toggle_menu::after{
		display: none;
}
.header3.main-header .header-account .user-icon {
    padding: 0;
}
.header3.main-header .header-search {
    padding: 8px 0px;
}
.header3.main-header .header-wishlist svg, .header3.main-header .header-compare svg{
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    vertical-align: middle;
  	color:#111;
}
.header3 .header-compare a span.compare-text , .header3 .header-wishlist a span , .header3.main-header .header-account svg{
	color: #111;
}
.header3 .header-wishlist::after {
	position: absolute;
	content: "";
	left: 0;
	right: auto;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 12px;
	width: 1px;
	background: #171717;
}
.header3 .header-wishlist{
	position: relative;
  padding-left:15px;
}
.header3.main-header .header-link-right > div {
    margin: 0 15px 0 0;
}
.header3.main-header .header-link-right .header-wishlist{
	    margin: 0 20px 0 0;
}
.header3.main-header .header-cart {
    margin: 25px 0;
}
.header3.main-header {
    min-height: 215px;
}
.header3 .megamenu .topmenu{
	width: 300px;
  left: auto;
  right: auto;
}
.header3.main-header .header-compare .compare-count {
    width: 20px;
    font-size: 14px;
    line-height: 21px;
    color: #111;
}
@media (min-width:992px){
.header3 .megamenu .toggle_menu , .header3 .megamenu .burger{
		width: 52px;
    height: 52px;
    line-height: 57px;
  	padding: 0;
  	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
}
  .header3.main-header .header-link-right  .header-account {
    margin: 0;
    background: #f5f5f5;
   	width: 50px;
    height: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
}
@media (max-width:1366px){
.header3 .header-compare a span.compare-text, .header3 .header-wishlist a span{
    display: none;
}
  .header3 .main-header__nav-logo-wrapper img{
  	    width: 210px;
  }
  .header3.main-header .header-cart {
    margin: 18px 0;
}
  .header3.main-header {
    min-height: 200px;
}
}
@media (max-width:1199px){
  .header3 .main-header__top-section .main-header__nav-grid .topbar , 
  .header3 .main-header__top-section .languages .language-active > span , 
  .header3 .main-header__top-section .currency .currency-active > span{
  		font-size:13px;
  }
  .header3 .main-header__top-section .main-header__nav-grid .topbar:before{
    	font-size: 14px;
  }
  .header3 .main-header__top-section .languages, .header3 .main-header__top-section .currency{
  		padding: 10px 0;
  }
  .header3 .top-link-menu .main-toplink-menu a{
  		padding: 12px;
  }
  .header3.main-header .offer-content{
  		padding: 14px 12px;
  }
  .header3.main-header .header-link-right .header-wishlist {
    margin: 0 15px 0 0;
}
  .header3.main-header .header-cart {
    margin: 15px 0;
}
  .header3.main-header {
    min-height: 187px;
}
}
@media (max-width:991px){
  .header3 .megamenu .toggle_menu, .header3 .megamenu .burger{
  	display: inline-block;
    background: none;
    padding: 0;
  }
  .header3 .megamenu .burger .mdi:before{
  		color:#111;
  }
  .header3 .top-link-menu {
		display:none;
}
  .header3.main-header .header-link-right > div:last-child {
    margin: 0;
}
  .header3.main-header .header-account .user-icon {
    padding: 22px 0;
}
  .header3.main-header .header-search {
    padding: 0;
}
  .header3.main-header {
    min-height: 173px;
}
  .header3 .megamenu .topmenu {
    width: auto;
    left: 15px; 
    right: 15px; 
}
  .offer-title {
    float: none;
    display: inline-block;
    width: auto;
}
  .main-header .offer-content svg {
    vertical-align: text-bottom;
}
  .main-header .offer-content {
    padding: 14px 17px;
}
  .main-header .offer-content {
    float: none;
    width: auto;
    display: inline-block;
    justify-content: center;
}
   .main-header .megamenu .topmenu {
    text-align: center;
}
  .header3 .main-header__nav-logo-wrapper img {
    width: 170px;
}
}
@media (max-width:767px){
.header3.main-header {
    min-height: 159px;
}
  .header3 .main-header__top-section .languages, .header3 .main-header__top-section .currency {
    padding: 7px 0;
}
}
@media (max-width:543px){
  .header3 .main-header__top-section .main-header__nav-grid .topbar{
  	font-size: 12px;
  }
}
/*-----------------------header-fixed---------------------*/
.main-header .main-header__nav.fixed , .header3.main-header .bottom_header.fixed{
    z-index: 3;
    animation: 1s ease 0s normal both 1 running fixedmenu;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 400ms ease 0s;
    -webkit-transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;
    -o-transition: all 400ms ease 0s;
    -ms-transition: all 400ms ease 0s;
}
.main-header__nav.fixed .megamenu .toggle_menu {
    padding: 45px 0px;
  	background: none;
}
.main-header__nav.fixed  .megamenu .toggle_menu .toggle_text , .main-header__nav.fixed .megamenu .toggle_menu::after{
	display:none;
}
.main-header__nav.fixed  .megamenu .burger{
	display: block;
}
.main-header__nav.fixed  .megamenu:hover .burger span::before{
      transition: all 400ms ease 0s;
    -webkit-transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;
    -o-transition: all 400ms ease 0s;
    -ms-transition: all 400ms ease 0s;
}
.main-header__nav.fixed  .megamenu:hover .burger span::before{
		transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    color: var(--color-primary);
}
.main-header__nav.fixed .megamenu{
		width: auto;
}
.main-header__nav.fixed .header-account .user-icon , .main-header__nav.fixed .megamenu .toggle_menu{
    padding: 38px 0;
}
.main-header__nav.fixed .header-search {
    padding: 21px 15px;
}
.main-header__nav.fixed .megamenu .topmenu{
		width:273px;
}
.header3.main-header .bottom_header.fixed{
		background: #fff;
}
.header3.main-header .bottom_header.fixed .offer-content{
		display:none;
}
/*-----------------------footer---------------------*/
.main-footer.border-top{
	float: left;
	width: 100%;
}
.main-footer .footer-link .footer-column label.footercollapse {
    float: left;
    width: 100%;
    margin: 0 0 20px;
}
.main-footer .footer-link .checkbox-wrapper {
    display: none;
}
.main-footer .footer-link .footer-column label.footercollapse strong {
    font: 500 18px/20px var(--font-headings);
    float: left;
    width: 100%;
}
.main-footer .mdi:before {
    font: normal normal normal 17px/1 "Material Design Icons";
}
.main-footer .footer-link {
    float: left;
    width: 100%;
   	padding: 60px 0 50px;
}
.main-footer .footer-link .footer-column .list li a {
    font: 400 14px/20px var(--font-primary);
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
}
.main-footer .footer-link .footer-column .list ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.main-footer .footer-link .footer-column .list li {
    float: left;
    width: 100%;
    margin: 0 0 8px;
    padding: 0;
}
.main-footer .footer-link .footer-column i {
    float: left;
    font-size: 16px;
    margin-right: 10px;
    width: 20px;
    line-height: 20px;
    text-align: center;
  -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
}
.main-footer .contact-info .list > div {
    float: left;
    width: 100%;
    font: 400 14px/19px var(--font-primary);
    margin: 0 0 10px;
}
.main-footer .footer-description {
    float: left;
    width: 100%;
    font: 400 14px/20px var(--font-primary);
    margin: 0 0 10px;
}
.main-footer .social-media {
    float: left;
    width: 100%;
}
.main-footer .social-media .social-icon {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.main-footer .social-media .social-icon .mdi {
    font-size: 16px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 0 5px;
  	-webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
}
.main-footer .footer-newsletter {
    float: left;
    width: 100%;
}
.main-footer.footer1 .footer-newsletter .block_newsletter {
 	 	float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    padding: 35px 15px;
}
.main-footer .footer-newsletter .block_newsletter .newsletter-contact .news-title {
		margin: 0 0 20px;
    float: left;
    width: 100%;
    font: 500 18px/20px var(--font-headings);
}
.block_newsletter .form-vertical {
    float: left;
    width: 100%;
    position: relative;
}
.block_newsletter .form-vertical #formNewsletter {
    float: left;
    width: 100%;
}
.block_newsletter .form-vertical #formNewsletter input[type="email"] {
    color: #111;
    font-size: 13px;
    border: none;
  	width: 100%;
    height: 42px;
  	max-width: 100%;
    display: block;
    margin: 0 0 1em;
    background: #fff;
      border: 1px solid #e5e5e5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
  	padding: 10px 100px 10px 10px;
}
.block_newsletter .form-vertical #formNewsletter .btn {
    padding: 0 14px;
    height: 36px;
    position: absolute;
    top: 3px;
    bottom: 0;
    left: auto;
    right: 3px;
    border: none;
    z-index: 1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}
.main-footer.footer1 .footer-newsletter .block_newsletter .newsletter-contact .news-desc {
    float: left;
    width: 90%;
    font: 400 15px/24px var(--font-primary);
}
.main-footer.footer1 .footer-newsletter .block_newsletter .newsletter-contact {
   	border-right: 1px solid #e5e5e5;
    padding: 0 80px 0 15px;
}
.newsletter-form #formNewsletter {
    border-bottom: 1px solid #777777;
    position: relative;
}
.newsletter-form #formNewsletter #formNewsletterEmail {
  height: 50px;
  background: none;
  border: none;
  width: 100%;
  padding: 10px 145px 10px 15px;
  color: #222;
}
.newsletter-form #formNewsletter .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
   	padding: 0 32px;
    height: 46px;
    line-height: 46px;
}
.main-footer .copyright-payment {
    float: left;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -moz-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -ms-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -o-box-shadow: 1px 2px 3px 0px #e5e5e5;
    box-shadow: 1px 2px 3px 0px #e5e5e5;
}
.main-footer .copyright-payment .copyright {
    font: 400 14px/25px var(--font-primary);
}
.copyright {
    float: left;
    margin: 15px 0;
    padding: 0;
}
.footer-social{
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 16px 0;
    text-align: center;
}
.payments{
    float: right;
    margin: 15px 0;
}
.cms-security.footer-column{
    padding: 0 15px 0 80px;
}
.cms-security .widget-title {
    margin: 0 0 20px;
    float: left;
    width: 100%;
}
.cms-security .security-content {
    float: left;
    width: 100%;
    padding: 0;
}
.cms-security .security-img {
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.cms-security .security-img:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
}
.bottom-footer-section .grid {
    padding: 34px 0;
}
.bottom-footer-section.index-section{
	margin:0;
}
.newsletter-bottom-cotent .form-vertical i {
    display: none;
    vertical-align: middle;
    font-size: 22px;
}
.bottom-footer-section .footer-column .widget-title {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    background: #e6e7ea;
    padding: 7px 10px;
    border-radius: 5px;
    margin: 0 0 5px;
    font: 500 13px/16px var(--font-headings);
}
.bottom-footer-section .footer-column ul {
    display: inline-block !important;
    width: auto;
    float: none;
    vertical-align: top;
}
.bottom-footer-section .footer-column ul.inline-list li {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    position: relative;
    padding: 0 7px;
    margin: 0;
}
.bottom-footer-section a {
    font-size: 13px;
    line-height: 30px;
}
.bottom-footer-section .footer-column ul.inline-list li::after {
    content: "/";
    position: absolute;
    right: 2px;
    top: 0;
    left: auto;
    height: 15px;
    width: 1px;
    bottom: 0;
    margin: auto;
}
.bottom-footer-section .footer-column ul.inline-list li:last-child::after{
  	display:none;
}
@media(max-width:1399px) {
	.main-footer .footer-link {
    	padding: 60px 0 45px;
	}
}
@media(max-width:1299px) {
  .main-footer .social-media .social-icon .mdi{
  	width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
@media(max-width:1199px) {
.main-footer.footer1 .footer-newsletter .block_newsletter .newsletter-contact {
       padding: 0 50px 0 15px;
}
  .main-footer.footer1 .footer-newsletter .block_newsletter{
  	    padding: 25px 0px;
  }
.cms-security.footer-column{
    padding: 0 15px 0 50px;
}
	.main-footer .footer-link {
    padding: 40px 0;
	}
  .main-footer .footer-link .footer-column label.footercollapse{
  margin: 0 0 15px;
  }
  .main-footer .footer-link .footer-column label.footercollapse strong{
  	font-size: 16px;
    line-height: 18px;
  }
  .main-footer .footer-link .footer-column .list li a{
  font-size: 13px;
    line-height: 18px;
  }
  .main-footer .footer-link .footer-column i{
  font-size: 14px;
    margin-right: 6px;
    width: 18px;
    line-height: 18px;
  }
  .main-footer .contact-info .list > div{
  font-size: 13px;
    line-height: 18px;
	}
  .main-footer .footer-description{
  font-size: 12px;
    line-height: 18px;
  }
  .newsletter-form #formNewsletter #formNewsletterEmail {
    height: 40px;
  }
  .newsletter-form #formNewsletter .btn {
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
	}
  .main-footer .social-media .social-icon .mdi{
  	margin:0 2px;
  }
  .newsletter-form #formNewsletter #formNewsletterEmail{
  	padding: 10px 130px 10px 15px;
  }
  .bottom-footer-section .grid{
  	padding: 25px 0;
  }
}
@media(max-width:991px) {
  .main-footer.footer1 .footer-newsletter .block_newsletter .newsletter-contact .news-title , .footer-column .hallmarks .widget-title{
    display: none;
}
.main-footer .footer-newsletter .block_newsletter .newsletter-contact ,.cms-security.footer-column{
    width: 100%;
    float: left;
}
  .main-footer.footer1 .footer-newsletter .block_newsletter .newsletter-contact{
  padding: 0 15px;
  }
  .main-footer .contact-info .list > div{
			padding: 0 15px;
	}
	.main-footer .footer-link .footer-column , .main-footer .footer-link .linklist-block{
    float: left;
    width: 100%;
	}
  .main-footer .footer-link .footer-column{
  	padding: 0;
  }
  .main-footer .footer-link {
    padding: 30px 0 15px;
	}
  .main-footer .footer-link .footer-column label.footercollapse {
    margin: 0 0 15px;
	}
  .main-footer .footer-link .contact-info label.footercollapse{
  	padding:0 15px;
  }
  .main-footer .footer-link .footer-column label.footercollapse strong {
    font-size: 14px;
    line-height: 18px;
    position: relative;
	}
  .main-footer .bottom-footer-section  .list li{
  	margin: 0 0 8px;
  }
  .main-footer .bottom-footer-section  .list ul{
  	margin: 0 0 10px;
  }
  .main-footer .copyright-payment .copyright , .footer-social , .payments{
  		width:100%;
    	float: none;
    	display: inline-block;
    	vertical-align: top;
    	text-align : center;  
  }
  .main-footer .copyright-payment .copyright{
  		  margin: 10px 0 0 0;
  }
  .footer-social{
    	  margin: 4px 0;
  }
  .payments{
  	    margin: 0 0 10px 0;
  }
  .main-footer .footer-link .footer-column label.footercollapse strong:before , .footer-column label.footercollapse h5:before  {
    content: '\f140';
    float: right;
    font-family: 'Material Design Icons';
    font-size: 18px;
    font-weight: 500;
}
 .bottom-footer-section .footer-column label.footercollapse.toggle {
    width: 100%;
   margin: 0 0 15px;
}
.main-footer:not(.footer3) .footer-link .footer-column:last-child label.footercollapse {
    margin: 0
	}
  .main-footer .footer-link .footer-column.active label.footercollapse strong:before {
  content: '\f143';
  }

  .main-footer .footer-link .footer-column .list ul {
    padding: 0 0 15px;
	}
  .cms-security.footer-column {
    padding: 0 15px;
}
  .bottom-footer-section .grid .footer-column:last-child label.footercollapse.toggle{
    margin:0;
}
 .dwld-app {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}
}
@media (max-width: 767px){
.bottom-footer-section .grid {
    padding: 20px 0;
}
  .testimonial-app .widget-title{
  		margin: 0 0 15px;
  }
}
@media(max-width:480px) {
.bottom-footer-section .footer-column ul.inline-list li {
	padding: 0 5px;
}
.bottom-footer-section .footer-column .widget-title {
	padding: 5px 7px;
	margin: 0 0 3px;
}
  .block_newsletter .form-vertical #formNewsletter .btn{
  			font-size:0;
        padding: 0;
        width: 36px;
  }
  .newsletter-bottom-cotent .form-vertical i.mdi:before{
  	font-size: 25px;
    color: #fff;
  }
  .newsletter-bottom-cotent .form-vertical i {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    bottom: auto;
    left: auto;
    z-index: 6;
}
	.main-footer .footer-link {
    padding: 20px 0 15px;
	}
  .main-footer .footer-link .footer-column label.footercollapse {
    margin: 0 0 12px;
	}
  .main-footer .footer-link .footer-column label.footercollapse strong {
    font-size: 14px;
    line-height: 16px;
	}
  .newsletter-form #formNewsletter .btn {
    padding: 0 12px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
	}
  .newsletter-form #formNewsletter #formNewsletterEmail {
    height: 35px;
    padding: 10px 95px 10px 10px;
	}
}
/*-----------------------common css---------------------*/
.content {
margin: 0 0 30px;
}
.section_top{
    float: left;
    width: 100%;
  	position: relative;
}
.swiper-button-next::after, .swiper-button-prev::after{
    font-size: 13px;
    color: #000;
    font-weight: bolder;
}
.swiper-button-next{
	right:0;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    cursor: not-allowed;
    pointer-events: auto;
      opacity: 0.9 !important;
}
.swiper-button-prev{
	right:35px;
  left:auto;
}
.swiper-button-next, .swiper-button-prev{
    width: 30px;
    height: 30px;
    line-height: 30px;
  z-index: 1;
}
.swiper-button-next::before{
    position: absolute;
    content: '';
    height: 11px;
    width: 1px;
    left: -4px;
    background: #666;
    margin: auto;
}
.index-section {
    float: left;
    width: 100%;
    margin: 0 0 30px;
}
.section-header {
    float: left;
    width: auto;
    margin: 0 0 15px;
}
.section-header .tt-subtitle {
    font: 400 18px/22px var(--font-primary);
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 5px;
}
.section-header .tt-title,.bundleproduct .tt-title {
		float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    font: 600 20px/22px var(--font-headings);
    margin: 0;
}
.section-header .tt-desc {
    float: left;
    width: 100%;
    font: 400 14px/16px var(--font-primary);
}
.index-section .owl-nav button,.related-products .owl-nav button {
    position: absolute;
    top: 0;
    bottom: 0;
    background: none;
    left: -30px;
    right: auto;
}
.related-products .owl-nav button,.home-product .owl-nav button{
	opacity: 0;
	-moz-opacity: 0; 
	-khtml-opacity: 0; 
	-webkit-opacity: 0;
	visibility:hidden;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
.related-products:hover .owl-nav button,.home-product:hover .owl-nav button{
	opacity: 1;
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	-webkit-opacity: 1;
	visibility:visible;
}
.index-section .owl-nav button.owl-next,.related-products .owl-nav button.owl-next {
    left: auto;
    right: -30px;
}
.index-section .owl-nav button.owl-next.disabled,.related-products .owl-nav button.owl-next.disabled,.index-section .owl-nav button.owl-prev.disabled,.related-products .owl-nav button.owl-prev.disabled{
	cursor: no-drop;
}
.index-section .owl-nav button i,.related-products .owl-nav button i {
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px;
  	transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
@media(max-width:1199px) {
  .section-header .tt-desc {
    font-size: 13px;
    line-height: 15px;
  }
  .index-section .owl-nav button,.related-products .owl-nav button {
    left: -15px;
}
  .index-section .owl-nav button.owl-next,.related-products .owl-nav button.owl-next {
    right: -15px;
}
.section-header .tt-title, .bundleproduct .tt-title {
    font-size: 18px;
    line-height: 20px;
}
.section-header .tt-subtitle {
    font-size: 16px;
    line-height: 20px;
}
}
@media(max-width:991px) {
  .owl-nav {
    float: left;
    width: 100%;
    text-align: center;
    margin: 15px 0 0;
}
  .index-section .owl-nav button i,.related-products .owl-nav button i{
    font-size: 28px;
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
  .index-section:not(.brandslist) .owl-nav button, .related-products .owl-nav button{
   	position: static;
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
  }
}
@media(max-width:767px) {
  .section-header {
    margin: 0 0 10px;
  }
  .section-header .tt-desc {
    font-size: 12px;
    line-height: 14px;
	}
}
@media (max-width: 543px){
  .index-section{
  	margin: 0 0 20px;
  }
}
@media(max-width:480px) {
.section-header .tt-title {
    font-size: 16px;
    line-height: 30px;
}
.section-header .tt-subtitle {
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    margin: 0px;
}
  .swiper-button-next, .swiper-button-prev{
  	top:65%;
  }
}
.bundleproduct .tt-title{
text-align: center;
}
/*------------------------top-categories------------------------*/
.slider-banner .top-category {
    width: 22%;
    margin: 0px;
}
.tt-serviceslider {
    float: left;
    width: 100%;
}
.top-category .left-categories{
    float: left;
    width: 100%;
    padding: 20px 30px;
}
.top-category .li_single_category {
    float: left;
    width: 100%;
    margin: 0px;
}
.left-featured-cat{
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.top-category .left-categories .li_single_category .tt_menu_item .categories::before {
    content: "\f1d8";
    float: left;
    font-family: "Material Design Icons";
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    position: absolute;
    top: 14px;
    left: 0;
    right: auto;
}
.top-category .left-categories .li_single_category .tt_menu_item .categories {
    float: left;
    width: 100%;
    padding: 9px 25px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    position: relative;
}
.top-category .left-categories .li_single_category .tt_menu_item{
    float: left;
    width: 100%;
    margin: 0;
    text-align: left;
    cursor: pointer;
}
.top-category .left-categories .li_single_category .tt_menu_item .categories i.mdi {
    width: 20px;
    font-size: 20px;
}
.top-category .left-categories .li_single_category .tt_menu_item .categories i.mdi::before {
    font-weight: 600;
    font-size: 16px;
}
.left-featured-cat .category_img , .left-featured-cat .left-ttcat{
    float: none;
    display: inline-block;
    vertical-align: top;
}
.left-featured-cat .left-ttcat .title{
    font: 500 14px/32px var(--font-primary);
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    margin-left: 8px;
}
.left-featured-cat .left-ttcat:hover .title{
	color:var(--color-primary) !important;
}
.top-category .left-categories .li_single_category .left-featured-cat:last-child{
	border-bottom: none;
}
.top-category .category_img img {
    background: #f5f5f5;
    border-radius: 50%;
}
@media (min-width:992px){
.top-category .li_single_category {
    max-height: 407px;
  overflow: hidden;
}
.top-category:hover .li_single_category {
    overflow: auto;
    scrollbar-width: thin;
}
  .top-category .left-categories .li_single_category::-webkit-scrollbar {
  width: 5px;
}
.top-category .left-categories .li_single_category::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
}
.top-category .left-categories .li_single_category::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
}
}
@media (max-width: 1366px){
  .left-featured-cat{
  	    padding: 5px 0;
  }
  .top-category .left-categories{
  	padding: 10px 20px;
  }
  .top-category .category_img img{
  	    width: 30px;
    		height: 30px;
  }
.top-category .li_single_category {
	max-height: 337px;
}
}
@media (max-width:1199px){
  .top-category .li_single_category {
	max-height: 265px;
}
  .left-featured-cat .left-ttcat .title{
  	font-size: 13px;
    line-height: 24px;
  }
  .left-featured-cat {
    padding: 3px 0;
}
  .top-category .left-categories {
    padding: 10px;
}
  .top-category .category_img img {
    width: 26px;
    height: 26px;
}
  .top-category .left-categories .li_single_category .tt_menu_item .categories{
  	    padding: 5px 25px 0;
  }
  .top-category .left-categories .li_single_category .tt_menu_item .categories::before{
  	top: 11px;
  }
}
@media (max-width:991px){
  .left-featured-cat{
  	border-bottom:none;
    padding: 10px 15px;
    text-align: left;
  }
  .slider-banner .top-category {
    display: none;
}
}
/*-----------------------flexslider---------------------*/
.slider-banner {
    float: left;
    width: 100%;
}
.slider-banner .offer-slider {
    margin: 0px;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
}

.fslider li a{
	overflow: hidden;
  display: block;
  position: relative;
}
.fslider li a img {
    width: 100%;
}
.flexslider .slider-content {
    position: absolute;
    top: auto;
    bottom: 28%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: left;
    width: 42%;
    float: left;
}
.flexslider .slider-content.left {
    left: 0;
    right: auto;
}
.flexslider .slider-content.left {
    left: 8%;
    right: auto;
}
.flexslider  .slider-content.right {
    left: auto;
    right: 0
}
.flexslider  .slider-content.right {
    left: auto;
    right: 8%
}
.flexslider .slider-content.center {
    top: auto;
    bottom: 15%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}
.flexslider .slider-content.center {
  	top: auto;
    bottom: 15%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}
.flexslider .slider-content .slider-title {
    font: 700 40px/44px var(--font-headings);
    margin: 0 0 20px;
}
.flexslider .swiper-slide-active .slider-content.right .slider-title {
    animation: 1800ms ease-in-out 0s normal none 1 running fadeInRight
}
.flexslider .swiper-slide-active .slider-content.left .slider-title {
    animation: 1800ms ease-in-out 0s normal none 1 running fadeInLeft
}
.flexslider .swiper-slide-active .slider-content.center .slider-title {
    animation: 1800ms ease-in-out 0s normal none 1 running fadeInUp
}
.flexslider .slider-content .slider-subtitle {
		font: 400 16px/20px var(--font-primary);
    margin: 0 0 20px;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 10px 20px;
}
.flexslider .swiper-slide-active .slider-content.right .slider-subtitle {
    animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight
}
.flexslider .swiper-slide-active .slider-content.left .slider-subtitle {
    animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft
}
.flexslider .swiper-slide-active .slider-content.center .slider-subtitle {
    animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp
}
.flexslider .slider-content .slider-btn {
    float: left;
    width: 100%;
}
.flexslider .slider-content .btn {
		font: 400 14px/16px var(--font-stack-header);
    padding: 10px 26px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
  	display: inline-block;
}
.flexslider .swiper-slide-active .slider-content.right .slider-btn {
    animation: 2000ms ease-in-out 0s normal none 1 running fadeInRight
}
.flexslider .swiper-slide-active .slider-content.left .slider-btn{
    animation: 2000ms ease-in-out 0s normal none 1 running fadeInLeft
}
.flexslider .swiper-slide-active .slider-content.center .slider-btn {
    animation: 2000ms ease-in-out 0s normal none 1 running fadeInUp
}
.flexslider{
    position: relative;
}
.flexslider .swiper-button-prev{
    right: auto;
    left: 20px;
}
.flexslider .swiper-button-prev ,  .flexslider .swiper-button-next{
		opacity: 0 !important;
  -moz-opacity: 0 !important; 
-khtml-opacity: 0 !important; 
-webkit-opacity: 0 !important;
  transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
}
.flexslider:hover .swiper-button-prev ,  .flexslider:hover .swiper-button-next{
		opacity: 1 !important;
  -moz-opacity: 1 !important; 
-khtml-opacity: 1 !important; 
-webkit-opacity: 1 !important;
}
.flexslider .swiper-button-next{
    right: 20px;
    left: auto;
}
.flexslider .swiper-button-next::before{
	display: none;
}
.flexslider .swiper-button-next::after, .flexslider .swiper-button-prev::after{
		font-size: 25px;
    color: #fff;
}
.flexslider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,
.flexslider  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{
  	background: #fff;
}
.flexslider .swiper-pagination-bullet{
	background: #000;
  width: 12px;
  height: 12px;
}
@-webkit-keyframes fadeInRight {
    0% {opacity: 0;
      -webkit-transform: translateX(80px);
    transform: translateX(80px)}
    100% {opacity: 1;
      -webkit-transform: translateX(0);
    transform: translateX(0)}
}
@keyframes fadeInRight {
    0% {opacity: 0;
      -webkit-transform: translateX(80px);
    transform: translateX(80px)}
    100% {opacity: 1;
      -webkit-transform: translateX(0);
    transform: translateX(0)}
}
@-webkit-keyframes fadeInLeft {
    0% {opacity: 0;
        -webkit-transform: translateX(-80px);
    transform: translateX(-80px)}
    100% {opacity: 1;
      -webkit-transform: translateX(0);
    transform: translateX(0)}
}

@keyframes fadeInLeft {
    0% {opacity: 0;
      -webkit-transform: translateX(-80px);
    transform: translateX(-80px)
  }
    100% {opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)}
    100% {opacity: 1;
  -webkit-transform: translateY(0);
    transform: translateY(0)}
}

@keyframes fadeInUp {
    0% {opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
  }
    100% {opacity: 1;
  -webkit-transform: translateY(0);
    transform: translateY(0)}
}
.flex-control-paging li a {
    height: 9px!important;
    width: 9px!important;
    transition: 400ms ease-in-out
}
.flex-control-paging li a.flex-active {
    width: 20px!important
}
.flexslider .play-icone {
  bottom: 0;
  height: 70px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  background: #fff;
  border-radius: 50%; 
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  -khtml-border-radius: 50%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  opacity: 1;
  -moz-opacity: 1; 
  -khtml-opacity: 1; 
  -webkit-opacity: 1;
  cursor:pointer;  
}
.flexslider .play-icone:hover{
  background-color:#222;
    }
.flexslider .play-icone:hover i{
  color: #fff;
    }
.flexslider .play-icone i {
  color: #222;
}
.flexslider .play-icone i::before{
	font-size:69px;
}
.flexslider .popup_overlay {
  float: left;
  width: 100%;
  position: absolute;
  left: 0;
  text-align: center;
  z-index: 999;
  right: 0;
  display: none;
  top: 0;
  background: rgba(0,0,0,0.9);
  height: 100%;
}
.flexslider .popup_overlay .video-wrapper {
  position: static;
}
@media(max-width:1499px) {
  .flexslider .slider-content .slider-title{
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 16px;
  }
  .flexslider .slider-content .slider-subtitle {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 18px;
}
.flexslider .slider-content .btn {
    padding: 10px 22px;
}
}
@media (max-width:1299px){
.flexslider .slider-content .slider-subtitle  {
    margin: 0 0 18px;
    font-size: 13px;
    line-height: 16px;
}
.flexslider .slider-content .btn {
    font-size: 12px;
    line-height: 14px;
}
.flexslider .slider-content{
  width: 45%;
  bottom: 28%;
}
}
@media(max-width:1199px) {
.flexslider .slider-content .slider-title {
    font-size: 30px;
    line-height: 32px;
    margin: 0 0 15px;
}
.flexslider .slider-content .slider-subtitle {
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 16px;
    padding: 8px;
}
.flexslider .slider-content .btn{
    padding: 8px 18px;
}
.flexslider .slider-content{
    width: 52%;
    bottom: 24%;
}
.flexslider .swiper-button-next::after, .flexslider .swiper-button-prev::after {
    font-size: 16px;
}
.flexslider .swiper-button-prev {
    left: 10px;
}
.flexslider .swiper-button-next {
    right: 10px;
}
}
@media(max-width:991px) {
  .slider-banner .offer-slider{
  		width:100%;
  }	
  .flexslider .swiper-button-prev ,  .flexslider .swiper-button-next{
		opacity: 1 !important;
  -moz-opacity: 1 !important; 
-khtml-opacity: 1 !important; 
-webkit-opacity: 1 !important;
}
}
@media (max-width:700px){
.homeslider{
    width: 100%;
}
}
@media(max-width:650px) {
.flexslider .slider-content .slider-title {
    font-size: 26px;
    line-height: 28px;
    margin: 0px 0 10px;
}
.flexslider .slider-content .slider-subtitle {
    margin: 0 0 10px;
    font-size: 11px;
    line-height: 15px;
    padding: 4px;
}
.flexslider  .slider-content {
    bottom: 18%;
    width: 47%;
}
}
@media(max-width:480px) {
.flexslider .slider-content .slider-title {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 6px;
}
.flexslider .slider-content .slider-subtitle{
    display: none;
}
.flexslider .slider-content .btn {
    font-size: 10px;
    line-height: 12px;
    padding: 6px 12px;
}
.flexslider  .slider-content {
    bottom: 26%;
}
  .flexslider .swiper-button-prev{
  	left: 0 ;
  }
  .flexslider .swiper-button-next{
  	right:0;
  }
.flexslider  .swiper-button-next,.flexslider .swiper-button-prev {
    top: 60%;
}
  .homeslider.index-section{
  	    margin: 0 0 20px;
  }
}
/*-----------------category-feature------------------------*/
.category-featured.index-section{
	margin:0 0 30px;
}
.category-featured .categories{
  float:left;
  width:100%;
	box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
  -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
  -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.category-featured .categories .featured-cat{
    margin: 0;
    border-right: 1px solid #e5e5e5;
    padding: 0;
  	width: 100%;
  	float: left;
}
.category-featured .categories .li_single:last-child .featured-cat{
		border: none;
}
.category-featured .categories .featured-cat > a {
 		float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 15px;
    padding-top: 20px;
    border-bottom: 1px solid #e5e5e5;
  	display: flex;
    align-items: center;
}
.category-featured .categories .featured-cat > a .collection_img {
    padding: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
  	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
}
.category-featured .categories .featured-cat > a .collection_img img{
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
}
.category-featured .categories .featured-cat > a:hover .collection_img img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.category-featured.style-1 .categories .featured-cat > a .ttcat-content {
    text-align: left;
    padding: 0 0 0 15px;
}
.category-featured .categories .featured-cat > a .ttcat-content .cat-content {
    float: left;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.category-featured .categories .featured-cat > a .ttcat-content .cat-content .title {
    font: 500 15px/18px var(--font-headings);
    float: left;
    width: 100%;
    margin: 0 0 5px;
    position: relative;
    white-space: nowrap;
}
.category-featured .categories .featured-cat > a .ttcat-content .cat-content .amount {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0;
    margin: 0;
    font: italic 400 14px/16px var(--font-primary);
    color: var(--color-primary);
}
@media (max-width:543px){
.category-featured.index-section{
	margin:70px 0 20px;
}
}
/*-----------------category-feature-style-2------------------------*/
.category-featured.style-2 .categories .featured-cat > a{
	flex-flow: column;
  padding: 15px 0;
}
.category-featured.style-2 .categories .featured-cat > a .collection_img{
margin: 0 0 10px;
}
/*-----------------Special Collection---------------------*/
.specialproduct  .special-product-div {
    float: left;
    width: 100%;
    position: relative;
    padding: 30px 15px;
    display: flex;
    align-items: center;
}
.specialproduct.special-1  .special-product-div .grid-item .thumbnail-container{
			background: #fff;
      padding: 0 0 15px;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,.07);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,.07);
}
.specialproduct.special-1 .thumbnail-container:hover .producthover{
-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,.07);
  box-shadow: 0px 3px 8px rgba(0,0,0,.07);
}
.specialproduct.special-1 .special-product-div .products-container .products .thumbnail-container .product-description{
	padding: 15px 15px 0;
  width: auto !important;
}
.special-product-div .grid-item .thumbnail-container::before{
	display: none;
}
.special-product-div .thumbnail-container:hover .image-wrap .new-label{
		left: 15px;
}
.specialproduct.special-1  .special-product-div .thumbnail-container .image-wrap .new-label,.specialproduct.special-1  .special-product-div  .thumbnail-container .image-wrap .sale-label{
		top: 15px;
}
.special-product-div .thumbnail-container:hover .image-wrap .sale-label{
		right: 15px;
}
.special-product-div .thumbnail-container .producthover{
	left: 0;
}
.special-product-div .grid-item .thumbnail-container .product-img img{
	width: 100%;
}
.specialproduct.special-1  .special-product-div  .slider-special {
    padding: 0px 15px 60px 0;
    margin-bottom: -60px;
}
.prooffer-banner{
	padding: 0;
}
@media (max-width: 1199px){
  .specialproduct .special-product-div{
  		padding: 20px 15px;
  }	
}
@media (max-width: 991px){
  .special-product-div .thumbnail-container .image-wrap .new-label{
  	left: 15px;
  }
  .special-product-div .thumbnail-container .image-wrap .sale-label{
  	right: 15px;
  }
  .special-product-div .grid-item .thumbnail-container {
			padding: 0;
}
}
@media (max-width: 710px){
.special-product-div .prooffer-banner {
    display: none;
}
  .specialproduct.special-1  .special-product-div .slider-special{
  		width:100%;
  }
.specialproduct .special-product-div {
	padding: 20px 10px 20px 20px;
}
}
@media (max-width: 480px){
.specialproduct .thumbnail-container .producthover .pro_btn {
	padding: 10px 0;
}
.specialproduct .special-product-div {
	padding: 10px 0px 10px 10px;
}
}
/*--------------------Special-Style-2-----------------------*/
.specialproduct.special-2 .thumbnail-container .product-description .product-title{
font: 400 15px/18px var(--font-primary);
}
.specialproduct.special-2 .special-product-div .prooffer-banner{
	display: none;
}
.specialproduct.special-2 .special-product-div .thumbnail-container .image-wrap{
    width: 39%;
  	float: none;
    display: inline-block;
    vertical-align: top;
  	padding: 0 15px 0 0;
}
.specialproduct.special-2 .special-product-div .thumbnail-container .product-description{
    width: 55%;
  	float: none;
    display: inline-block;
    vertical-align: top;
  	padding: 0;
}
.specialproduct.special-2 .special-product-div{
		padding: 30px;
    display: block;
    background: #fff;
  	box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.specialproduct.special-2 .grid-item{
    width: auto;
    float: left;
    padding: 15px;
      background: #fff;
    border: 2px solid var(--color-primary);
      position: relative;
      overflow: hidden;
}
.specialproduct.special-2 .thumbnail-container .full-title{
	width: 100%;
}
.specialproduct.special-2 .thumbnail-container .producthover{
		position: static;
  	transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
  	border: none;
  	 opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
		width: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
  	overflow: hidden;
}
.specialproduct.special-2 .thumbnail-container .product-add-to-cart {
    float: none;
    width: 37%;
    display: inline-block;
    vertical-align: top;
  margin: 0 5px 0 0;
}
.specialproduct.special-2 .thumbnail-container .producthover .pro_btn .btn{
	width: 40px;
  height: 40px;
  padding: 0;
  line-height: 40px;
}
.specialproduct.special-2 .thumbnail-container .producthover .pro_btn{
	padding: 0;
  width: auto;
  margin: 0 5px 0 0;
}
.specialproduct.special-2 .thumbnail-container .producthover .pro_btn .btn svg{
	  height: 40px;
  	line-height: 40px;
  	margin: 0;
}
.specialproduct.special-2 .thumbnail-container .description{
			display: block;
      width: 100%;
    	float: left;
    	margin: 0 0 10px;
      display: -webkit-box;
    	-webkit-line-clamp: 3;
    	-webkit-box-orient: vertical;
    	text-overflow: ellipsis;
   		 overflow: hidden;
}
.specialproduct.special-2 .thumbnail-container .ratting{
	position: static;
  margin: 0 0 8px;
}
.specialproduct.special-2 .thumbnail-container .producthover .pro_btn{
transform: translate(-40px);
    -webkit-transform: translate(-40px);
    -moz-transform: translate(-40px);
    -o-transform: translate(-40px);
    -ms-transform: translate(-40px);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
      transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.specialproduct.special-2 .thumbnail-container:hover .producthover .pro_btn{
opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -moz-transform: translate(0px);
    -o-transform: translate(0px);
    -ms-transform: translate(0px);
}
.specialproduct.special-2 .grid-item .tt-title , .specialproduct.special-2 .grid-item .discount{
    height: 80px;
    width: 150px;
    z-index: 2;
    line-height: 18px;
    font-size: 16px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    padding: 0;
    position: absolute;
    top: -30px;
    right: auto;
    left: -65px;
    background: var(--color-primary);
    color: var(--color-primary-text);
    float: left;
    transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
}
.specialproduct.special-2 .grid-item .discount {
    top: -80px;
    left: -122px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    background: var(--color-secondary);
    color: var(--color-secondary-text);
      text-align: center;
}
.specialproduct.special-2 .special-product-div .thumbnail-container:hover .image-wrap .new-label {
    left: auto;
    right: 15px;
}
.specialproduct.special-2 .special-product-div .thumbnail-container .image-wrap .new-label {
    left: auto;
    right: -15px;
}
.specialproduct.special-2 .special-product-div .thumbnail-container .image-wrap .sale-label{
	top: 20px;
}
.specialproduct.special-2 .grid-item .thumbnail-container:hover .discount {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    top: -30px;
    left: -65px;
}
.specialproduct.special-2 .grid-item .thumbnail-container:hover .tt-title{
    top: -80px;
    left: -122px;
}
.specialproduct.special-2 .grid-item .tt-title span {
    width: 75px;
    float: none;
    display: inline-block;
    vertical-align: top;
    line-height: normal;
    padding: 28px 34px 0;
    text-align: center;
}
.specialproduct.special-2 .grid-item .discount span {
    padding: 41px 0px 0;
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
@media (max-width: 1366px){
.specialproduct.special-2 .thumbnail-container .product-add-to-cart {
	width: 43%;
}
}
@media (max-width:1199px){
.specialproduct.special-2 .thumbnail-container .producthover .pro_btn .btn {
	width: 35px;
	height: 35px;
	line-height: 35px;
}
  .specialproduct.special-2 .thumbnail-container .producthover .pro_btn .btn svg{
  	height: 35px;
		line-height: 35px;
  }
  .specialproduct.special-2 .thumbnail-container .product-add-to-cart .btn{
  	padding: 0;
  }
    .specialproduct.special-2 .thumbnail-container .product-add-to-cart{
    width: 40%;
  }
}
@media (max-width: 991px){
.specialproduct.special-2 .thumbnail-container .producthover .pro_btn {
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	transform: translate(0px);
	-webkit-transform: translate(0px);
	-moz-transform: translate(0px);
	-o-transform: translate(0px);
	-ms-transform: translate(0px);
}
}
@media (max-width: 543px){
.specialproduct.special-2 .special-product-div {
	padding: 15px;
}
}
@media (max-width: 480px){
.specialproduct.special-2 .special-product-div .thumbnail-container .image-wrap {
	width: 100%;
	padding: 0;
}
  .specialproduct.special-2 .special-product-div .thumbnail-container .product-description{
  	width: 100%;
    padding: 10px 0 0;
  }
  .specialproduct.special-2 .thumbnail-container .product-add-to-cart{
  	width: 33px;
  }
  .specialproduct.special-2 .thumbnail-container .product-add-to-cart span{
  	display: none;
  }
}
/*-----------------cms-Rightbanner------------------------*/
.cmsrightbanner{
	width:26%;
}
.cmsrightbanner .rightbanner{
	float: left;
	width: 100%;
	padding: 10px;
}
.cmsrightbanner .right-banner{
		float: left;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.cmsrightbanner .right-banner a{
		float: left;
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
.cmsrightbanner .right-banner a img {
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
  	width: 100%;
}
.cmsrightbanner .right-banner:hover a img  {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.cmsrightbanner .rightbanner-content{
			position:absolute;
      top: 28px;
      bottom: auto;
      left: 0;
      right: 0;
      margin: 0 auto;
  		width:90%;
}
.cmsrightbanner .rightbanner-content .title {
    font: 600 24px/28px var(--font-headings);
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 20px;
}
.cmsrightbanner .rightbanner-content .subtitle {
    font: 400 16px/18px var(--font-primary);
    float: left;
    width: 100%;
    padding: 12px 0;
    border: 1px dashed #111;
}
.cmsrightbanner .rightbanner-nav{
	  display: block;
    text-align: center;
    float: left;
    width: 100%;
    margin: 10px 0 0;
}
.cmsrightbanner .rightbanner-nav .right{
    position: static;
    display: inline-block;
    float: none;
    width: auto;
    padding: 12px 40px;
    height: auto;
    line-height: normal;
    background: #312f2e;
    opacity: 1;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
  	margin: 0 ;
      transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.cmsrightbanner .rightbanner-nav .right::after{
	display:none;
}
.cmsrightbanner .rightbanner-nav .right:hover{
	background: var(--color-primary);
}
.cmsrightbanner .rightbanner-nav .swiper-button-prev{
		margin: 0 10px 0 0;
}
@media (max-width:1429px){
  .cmsrightbanner .rightbanner-nav .right{
  	padding: 10px 32px;
  }
.cmsrightbanner .rightbanner-content .title {
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 24px;
}
.cmsrightbanner .rightbanner-content .subtitle {
    padding: 8px 0;
    font-size: 14px;
    line-height: 16px;
}
}
@media (max-width:1366px){
  .cmsrightbanner .rightbanner-nav .right{
  	padding: 10px 26px;
  }
}
@media (max-width: 1199px){
  .cmsrightbanner .rightbanner-nav .swiper-button-prev{
  	    margin: 0 6px 0 0;
  }
  .cmsrightbanner .rightbanner-nav .right{
  		font-size: 14px;
    	padding: 10px 18px;
  }
.cmsrightbanner .rightbanner-content .title{
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 18px;
}
.cmsrightbanner .rightbanner-content .subtitle{
    padding: 4px 0;
    font-size: 9px;
    line-height: 11px;
}
.cmsrightbanner .rightbanner-content{
    top: 12px;
}
}
@media (max-width:700px){
  .cmsrightbanner{
  	display: none;
  }
}
/*--------------------cms-topbanner--------------------------*/
.cmstopbanner{
	width:100%;
  float: left;
  position: relative;
  display: flex;
align-items: center;
justify-content: center;
}
.cmstopbanner a {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.cmstopbanner .headerbanner-close {
    position: absolute;
    top: 10px;
    bottom: auto;
    left: auto;
    right: 10px;
    margin: 0;
    height: 22px;
    width: 22px;
    z-index: 1;
}
.cmstopbanner .headerbanner-close a {
    float: none;
    width: auto;
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
}
.cmstopbanner .headerbanner-close a::before {
    content: '\f156';
    font-family: "Material Design Icons";
    font-size: 20px;
    line-height: 22px;
    height: 22px;
    width: 22px;
    font-weight: 500;
    background: #fff;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
}
.cmstopbanner a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    z-index: 1;
}
.cmstopbanner:hover a::after {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    height: 100%;
    background: rgba(255,255,255,0.5);
    transition-duration: 1.3s;
    -moz-transition-duration: 1.3s;
    -webkit-transition-duration: 1.3s;
    -khtml-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
}
.cmstopbanner h2{
  font: 700 40px/44px var(--font-headings);
  width: auto;
float: none;
display: inline-block;
vertical-align: bottom;
  margin: 0 0 0 15px;
}
.title-banner{
	position: absolute;
}
@media (max-width: 1366px){
.cmstopbanner h2 {
    font-size: 30px;
}
}
@media (max-width: 1199px){
.cmstopbanner h2 {
    font-size: 20px;
  	line-height: 38px;
}
  .title-banner img{
  width: 35px;
    height: auto;
  }
}
@media (max-width: 767px){
.cmstopbanner h2 {
    font-size: 15px;
    line-height: 28px;
}
  .title-banner img {
    width: 25px;
}
}
@media (max-width: 480px){
  .title-banner img{
  	display: none;
  }
  .cmstopbanner h2 {
    font-size: 12px;
    line-height: 25px;
}
  .cmstopbanner .headerbanner-close a::before{
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    width: 20px;
  }
  .cmstopbanner .headerbanner-close{
  	top : 0;
  }
}
/*-----------------cms-banner------------------------*/
.cms-banner {
	float: left;
	width: 100%;
}
.cms-banner .banner a{
  display: block;
  overflow: hidden;
  position: relative;
}
.cms-banner .banner .banner-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	align-items: center;
	z-index: 1;
  padding: 0;
}
.cms-banner .banner .banner-content.Center {
	text-align: center;
}
.cms-banner .banner .banner-content.Right {
	left: auto;
	right: 20px;
  text-align: right;
}
.cms-banner .banner .banner-content.Left {
	left: 20px;
	right: auto;
  text-align: left;
}
.cms-banner .banner .banner-content.Center .banner-inner{
	text-align:center;
}
.cms-banner .banner .banner-content .banner-inner {
	float: left;
	width: 100%;
}
.cms-banner .banner .banner-content .title{
  font: 500 28px/30px var(--font-headings);
	margin: 0 0 15px;
}
.cms-banner .banner .banner-content .subtitle{
  font: 400 16px/18px var(--font-primary);
	margin: 0 0 12px;
}
.cms-banner .ttbanner-btn.btn {
	padding: 10px 25px;
	line-height: 17px;
	border-radius: 25px;
  -moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
}
.cms-banner .banner a img {
  -webkit-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
  -moz-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
  -ms-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
  -o-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
  transition: all 4s cubic-bezier(0, 0, 0.1, 1);
  transition-delay: .1s;
  position: relative;
  width:100%;
}
.cms-banner .banner a:after{
  content: '';
  background: none repeat scroll 0 0 rgba(0,0,0,.07);
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
  bottom: 10px;
  opacity: 0;
  left: 10px;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s;
  -webkit-transform: rotate(-180deg) scale(0);
  -moz-transform: rotate(-180deg) scale(0);
  -ms-transform: rotate(-180deg) scale(0);
  -o-transform: rotate(-180deg) scale(0);
  transform: rotate(-180deg) scale(0);
}
.cms-banner .banner a:hover::after {
  -webkit-transform: rotate(0) scale(1);
  -moz-transform: rotate(0) scale(1);
  -ms-transform: rotate(0) scale(1);
  -o-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  opacity: 1;
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	-webkit-opacity: 1;
}
.cms-banner .banner a:hover img {
   -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media (max-width:1366px){
.cms-banner .banner .banner-content .title{
  font-size: 24px;
  line-height:26px;
}
.cms-banner .ttbanner-btn.btn {
    padding: 8px 20px;
}
}
@media (max-width:1199px){
  .cms-banner .banner .banner-content .subtitle{
  	font-size:14px;
    line-height:16px;
    margin: 0 0 10px;
  }
  .cms-banner .banner .banner-content .title {
    font-size: 20px;
    line-height: 22px;
}
  .cms-banner .ttbanner-btn.btn {
    padding: 6px 17px;
}
}

@media (max-width:600px){
.cms-banner .banner .banner-content .title{
  font-size: 20px;
  line-height:22px;
  margin:0 0 12px;
}
.cms-banner .ttbanner-btn.btn {
    padding: 6px 15px;
}
  .cms-banner .banner .banner-content .subtitle {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 8px;
}
}
/*--------------------------cms bottombanner--------------------------*/
.bottombanner-content{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  text-align: center;
}
.bottombanner a::before {
    background: rgba(255,255,255,.7) none repeat scroll 0 0;
    bottom: 20px;
    content: "";
    left: 20px;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    position: absolute;
    right: 20px;
    top: 20px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}
.bottombanner:hover a::before {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition-duration: 1s;
}
.bottombanner{
	position: relative;
}
.bottombanner a{
	display: block;
  position: relative;
  overflow: hidden;
}
.bottombanner .subtitle{
	font: 400 16px/18px var(--font-primary);
  margin: 0 0 10px;
}
.bottombanner .title{
	font: 500 34px/40px var(--font-primary);
  margin: 0 0 20px;
  width: 26%;
}
.bottombanner .ttbottombanner-btn{
	padding: 6px 27px;
}
@media (max-width: 1366px){
  .bottombanner .title{
  width: 29%;
    font-size:32px;
    line-height: 36px;
  }
}
@media (max-width: 1199px){
.bottombanner .title {
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 10px;
    width: 32%;
}
  .bottombanner .subtitle{
      margin: 0 0 5px;
  }
  .bottombanner .ttbottombanner-btn{
  line-height: 25px;
  }
}
@media (max-width:991px){
.bottombanner .title {
    font-size: 22px;
    line-height: 24px;
    margin: 0 0 10px;
}
.bottombanner .subtitle {
    font-size: 14px;
  	line-height:15px;
    margin: 0 0 10px;
}
.bottombanner .ttbottombanner-btn {
    line-height: 18px;
  padding: 6px 17px;
}
}
@media (max-width:767px){
.bottombanner .title {
    font-size: 20px;
    line-height: 22px;
    width: 100%;
}
}
@media (max-width:543px){
.bottombanner .ttbottombanner-btn {
    line-height: 14px;
      padding: 5px 12px;
      font-size: 13px;
}
}
@media (max-width:480px){
.bottombanner .subtitle {
    display: none;
}
  .bottombanner .ttbottombanner-btn {
    padding: 4px 7px;
    line-height: 13px;
    font-size: 12px;
}
  .bottombanner .title {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 6px;
}
}
@media (max-width:400px){
.bottombanner .title {
    font-size: 16px;
    line-height: 18px;
}
}
/*----------------------Featured-Product---------------------*/
.best-feature-product {
    float: left;
    width: 100%;
    margin: 0 0 30px;
}
.feture-collection-product{
		float: left;
    width: 100%;
    position: relative;
    padding: 30px 30px 0 30px;
    box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.feture-collection-product .thumbnail-container .quick-view-block , .products-short .thumbnail-container .quick-view-block , .products-list .thumbnail-container .quick-view-block{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}
.feture-collection-product .grid-item .thumbnail-container .image-wrap{
    float: left;
    width: 33%;
    padding: 0 10px;
    border-right: 4px double #e5e5e5;
}
.feture-collection-product .grid-item .thumbnail-container{
	margin: 0 0 30px;
}
.feture-collection-product .thumbnail-container:hover .image-wrap .sale-label{
	right: 10px;
}
.feture-collection-product .grid-item .thumbnail-container::before , .feture-collection-product .thumbnail-container .producthover .pro_btn .btn span{
	display: none;
}
.feture-collection-product .products-container .products .grid-item .thumbnail-container .product-description {
    float: right;
    width: 54%;
    padding: 0 0 0 15px;
    text-align: left;
    position: relative;
}
.feture-collection-product .thumbnail-container .producthover .pro_btn{
	width: auto;
  padding:0;
}
.feture-collection-product .thumbnail-container .producthover .pro_btn .btn{
	  padding: 0;
    line-height: 35px;
    width: 35px;
    height: 35px;
    border: none;
    margin: 0 5px 0 0;
}
.feture-collection-product .thumbnail-container .ratting{
	position: static;
  margin: 0 0 5px;
}
.feture-collection-product .thumbnail-container .full-title{
	    margin: 0 0 7px;
  		width: 100%;
}
.feture-collection-product .thumbnail-container .price-tag{
margin: 2px 0 12px;
}
.feture-collection-product .thumbnail-container .producthover .pro_btn .btn svg{
		width: 15px;
    margin: 0;
    height: 35px;
  	line-height: 35px;
}
.feture-collection-product  .thumbnail-container .producthover{
    position: static;
    width: 100%;
    float: left;
    border: none;
  	transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
}
.feture-collection-product  .thumbnail-container:hover .producthover{
  	transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
}
@media (max-width: 1366px){
  .feture-collection-product{
  	padding: 15px 15px 0 15px;
  }
  .feture-collection-product .grid-item .thumbnail-container{
  	margin: 0 0 15px;
  }
  .feture-collection-product .products-container .products .grid-item .thumbnail-container .product-description{
  	width: 56%;
    padding: 0 0 0 10px;
  }
  .feture-collection-product .grid-item .thumbnail-container .image-wrap{
  	width: 29%;
  }
  .feture-collection-product .thumbnail-container .price-tag div.old-price{
  	font-size: 13px;
  }
  .feture-collection-product .thumbnail-container .price-tag div.discount{
  	margin: 0 ;
  }
 .feture-collection-product  .thumbnail-container .price-tag div, .feture-collection-product .product-price .price-wrap span{
  	font-size:14px;
  }
.feture-collection-product .thumbnail-container .producthover .pro_btn .btn {
	line-height: 30px;
	width: 30px;
	height: 30px;
	margin: 0 4px 0 0;
}
.feture-collection-product .thumbnail-container .producthover .pro_btn .btn svg {
	width: 14px;
	height: 30px;
	line-height: 30px;
}
}
@media (max-width: 1199px){
.feture-collection-product .products-container .products .grid-item .thumbnail-container .product-description {
	width: 59%;
	padding: 0 0 0 15px;
}
  .feture-collection-product .grid-item .thumbnail-container .image-wrap {
	width: 31%;
}
.feture-collection-product .thumbnail-container .producthover .pro_btn .btn {
	line-height: 35px;
	width: 35px;
	height: 35px;
}
.feture-collection-product .thumbnail-container .producthover .pro_btn .btn svg {
	width: 15px;
	height: 35px;
	line-height: 35px;
}
}
@media (max-width: 991px){
  .feature-Product{
  	width: 100%;
    margin: 0 0 30px;
    float: left;
  }
  .bests-Product{
  width: 100%;
    float: left;
  }
  .feture-collection-product .products-container .products .grid-item .thumbnail-container .product-description {
	width: 58%;
}
  .feture-collection-product .grid-item .thumbnail-container .image-wrap {
	width: 30%;
}
  .feture-collection-product .thumbnail-container .producthover{
    	transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
  }
  .feture-collection-product .thumbnail-container .image-wrap .sale-label{
  	right: 10px;
  }
  .feture-collection-product .thumbnail-container .price-tag{
  	margin: 2px 0 10px;
  }
}
@media (max-width: 680px){
.feture-collection-product .grid-item .thumbnail-container .image-wrap {
	width: 33%;
}
  .best-feature-product {
    margin: 0 0 20px;
}
}
@media (max-width:480px){
.feture-collection-product .products-container .products .grid-item .thumbnail-container .product-description {
	width: 57%;
}
  .feture-collection-product .grid-item .thumbnail-container .image-wrap {
	width: 28%;
}
  .feture-collection-product .thumbnail-container .full-title ,.feture-collection-product .thumbnail-container .ratting{
	margin: 0 0 4px;
}
  .feture-collection-product .thumbnail-container .ratting .stars{
  	line-height: 0;
  }
  .feture-collection-product .thumbnail-container .price-tag {
	margin: 2px 0 7px;
}
.feture-collection-product .thumbnail-container .producthover .pro_btn .btn {
	line-height: 30px;
	width: 30px;
	height: 30px;
}
  .feture-collection-product .thumbnail-container .producthover .pro_btn .btn svg {
	width: 14px;
	height: 30px;
	line-height: 30px;
}
    .feature-Product{
    margin: 0 0 20px;
  }
}
/*-----------------cms-subbanner------------------------*/
.cms-subbanner {
	float: left;
	width: 100%;
}
.cms-subbanner .sub-banner a{
  display: block;
  overflow: hidden;
  position: relative;
}
.cms-subbanner .sub-banner{
	overflow:hidden;
}
.cms-subbanner .sub-banner .subbanner-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	align-items: center;
	text-align: left;
	z-index: 1;
  width:40%;
}
.cms-subbanner .subbanner2 .sybbanner-content {
	text-align: center;
}
.cms-subbanner .sub-banner .subbanner-content.Right {
	left: auto;
	right: 30px;
}
.cms-subbanner .sub-banner .subbanner-content.Left {
	left: 30px;
	right: auto;
}
.cms-subbanner .sub-banner .subbanner-content.Center .subbanner-inner{
	text-align:center;
}
.cms-subbanner .sub-banner .subbanner-content .subbanner-title{
  font: 500 26px/30px var(--font-headings);
	margin: 0 0 20px;
}
.cms-subbanner .sub-banner .subbanner-content .subbanner-subtitle{
  font: 400 16px/18px var(--font-primary);
	margin: 0 0 12px;
}
.cms-subbanner .ttsubbanner-btn.btn {
	padding: 10px 25px;
	line-height: 17px;
	border-radius: 25px;
  -moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
}
.cms-subbanner .sub-banner a img {
  -webkit-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
  -moz-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
  -ms-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
  -o-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
  transition: all 4s cubic-bezier(0, 0, 0.1, 1);
  transition-delay: .1s;
  position: relative;
}
.cms-subbanner .sub-banner a:after{
  content: '';
  background: none repeat scroll 0 0 rgba(0,0,0,.07);
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
  bottom: 10px;
  opacity: 0;
  left: 10px;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s;
  -webkit-transform: rotate(-180deg) scale(0);
  -moz-transform: rotate(-180deg) scale(0);
  -ms-transform: rotate(-180deg) scale(0);
  -o-transform: rotate(-180deg) scale(0);
  transform: rotate(-180deg) scale(0);
}
.cms-subbanner .sub-banner a:hover::after {
  -webkit-transform: rotate(0) scale(1);
  -moz-transform: rotate(0) scale(1);
  -ms-transform: rotate(0) scale(1);
  -o-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  opacity: 1;
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	-webkit-opacity: 1;
}
.cms-subbanner .sub-banner a:hover img {
   -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media (max-width:1366px){
.cms-subbanner .sub-banner .subbanner-content .subbanner-title {
    font-size: 21px;
  	line-height:24px;
    margin: 0px 0 15px;
}
  .cms-subbanner .ttsubbanner-btn.btn {
    padding: 8px 20px;
}
}
@media (max-width:1199px){
.cms-subbanner .sub-banner .subbanner-content .subbanner-title {
    font-size: 18px;
  	line-height:22px;
    margin: 0px 0 15px;
}
  .cms-subbanner .ttsubbanner-btn.btn {
    padding: 7px 18px;
}
  .cms-subbanner .sub-banner .subbanner-content .subbanner-subtitle{
      margin: 0 0 8px;
  }
  .cms-subbanner .sub-banner .subbanner-content{
  	width: 41%;
  }
}
@media (max-width:991px){
.cms-subbanner .sub-banner .subbanner-content .subbanner-title {
    font-size: 15px;
  	line-height:18px;
    margin: 0 0 10px;
}
  .cms-subbanner .ttsubbanner-btn.btn {
    padding: 5px 14px;
    font-size:13px;
}
  .cms-subbanner .sub-banner .subbanner-content .subbanner-subtitle{
      margin: 0 0 5px;
    font-size:14px;
    line-height:16px;
  }
  .cms-subbanner .sub-banner .subbanner-content{
  	width: 46%;
  }
  .cms-subbanner .sub-banner .subbanner-content.Right {
    right: 10px;
}
    .cms-subbanner .sub-banner .subbanner-content.Left {
    left: 10px;
}
}
@media (max-width:543px){
.cms-subbanner .sub-banner .subbanner-content .subbanner-title {
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 8px;
}
  .cms-subbanner .sub-banner .subbanner-content .subbanner-subtitle {
    font-size: 13px;
    line-height: 14px;
}
  .cms-subbanner .ttsubbanner-btn.btn {
    padding: 3px 12px;
    font-size: 12px;
}
  .cms-subbanner .sub-banner .subbanner-content.Right {
    right: 0;
}
  .cms-subbanner .sub-banner .subbanner-content.Left {
    left: 0;
}
  .cms-subbanner .sub-banner .subbanner-content {
    width: 51%;
}
}
/*----------------------------cms-offer----------------------*/
.cmsoffer.index-section{
	margin:0 0 -50px;
}
.cmsoffer .offer-banner {
	float: left;
	width: 100%;
	padding: 20px;
	box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
	-webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
	-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
	-ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
	-o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.cmsoffer .offer-banner .offer a{
	display:block;
  overflow:hidden;
  position:relative;
}
.cmsoffer .offer-banner .offer .offer-content{
			width:100%;
  		float:left;
      margin: -15px 0 0;
   		position: relative;
      z-index: 1;
    	text-align: center;
}
.cmsoffer .offer-content .title {
    font: 400 13px/16px var(--font-primary);
    float: none;
    width: auto;
    text-align: center;
    padding: 6px 20px;
    display: inline-block;
    vertical-align: top;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    margin: 0 0 5px;
    background: var(--color-primary);
    color: var(--color-primary-text);
}
.cmsoffer .offer-content .subtitle {
    font: 500 14px/16px var(--font-primary);
    float: left;
    width: 100%;
    text-align: center;
    color: var(--color-secondary-text);
}
.offer a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
      transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.offer a img {
      transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
@media (max-width:1199px){
.cmsoffer .offer-content .title{
    font-size: 12px;
    line-height: 14px;
    padding: 4px 18px;
}
.cmsoffer .offer-content .subtitle{
    font-size: 13px;
    line-height: 15px;
}
}
@media (max-width: 543px){
  .cmsoffer .offer-banner{
  	padding: 15px;
  }
}
/*---------------------------cms-blockbanner--------------------------*/
.blockbanner{
	box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
	-webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
	-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
	-ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
	-o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.blockbanner .block-banner{
border-right: 1px solid #e5e5e5;
}
.blockbanner .block-banner:last-child{
border: none;
}
.blockbanner .block-banner a{
display: block;
overflow: hidden;
position: relative;

}
.blockbanner .block-banner a:hover img{
transform: scale(1.03);
  -webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-o-transition:  all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
}
.blockbanner .block-banner a img{
  transition: all 400ms ease-in-out 0s;
  -webkit-transition:  all 400ms ease-in-out 0s;
	-moz-transition:  all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	-ms-transition:  all 400ms ease-in-out 0s;
}
/*----------------------------cms-footer-service----------------------*/
.footerservices .footer_block_content .footer_service {
  float: left;
  width: 100%;  
  position: relative;
  text-align: center;
  margin: 55px 0;
  cursor: pointer;
}
.footerservices .footer_block_content .footer_service .footer-service-icon{
  float: none;
  width: auto;
  display: inline-block;
  vertical-align: top;
  text-align: center;
   -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
}
.footerservices .footer_block_content .footer_service:hover .footer-service-icon{
  transform: translateY(-10px) rotateY(180deg);
  -webkit-transform: translateY(-10px) rotateY(180deg);
  -moz-transform: translateY(-10px) rotateY(180deg);
  -o-transform: translateY(-10px) rotateY(180deg);
  -ms-transform: translateY(-10px) rotateY(180deg);
}
.footerservices .footer_block_content .footer_service .footer-service-content {
  float: left;
  width: 100%;
  padding: 10px 0 0;
}
.footerservices .footer_block_content .footer_service::after {
    position: absolute;
    top: 0;
    content: '';
    bottom: 0;
    left: auto;
    right: 0;
    margin: auto;
    height: 100%;
    width: 1px;
    background: rgba(255,255,255,0.1);
}
.footerservices .footer_block_content .footer_service:last-child::after {
	display: none;
}
.footerservices .footer_service .footer-service-title{
  font: 600 16px/18px var(--font-headings); 
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    margin: 0 0 4px;
}
.footerservices .footer_service .footer-service-desc{
  font:400 14px/16px var(--font-primary); 	
}
.index-section.footerservices ,.index-section.testimonial-app{
	margin: 0;
}
@media (max-width:1199px){
  .footerservices .footer_block_content .footer_service{
  		margin: 40px 0;
  }	
}
@media (max-width:991px){
.footerservices .footer_block_content .footer_service {
    margin: 30px 0;
}
.footerservices .footer_service .footer-service-title{
    font-size: 14px;
    line-height: 16px;
}
.footerservices .footer_service .footer-service-desc{
    font-size: 13px;
    line-height: 15px;
}
}
@media (max-width:543px){
.footerservices .footer_block_content .footer_service {
    margin: 20px 0;
}
}
/*----------------------------Footer-2-----------------------------------*/
.footer2 .bottom-footer-section .cms-security {
    padding: 0 0 0 30px;
}
.footer2 .bottom-footer-section .grid {
    padding: 0 30px 0 0;
    border-right: 1px solid #e5e5e5;
}
.cms-security .widget-title {
    margin: 0 0 20px;
    float: left;
    width: 100%;
    font: 500 18px/20px var(--font-headings);
  	background: none;
    padding: 0;
}
.footer2 .footerservices .footer-services {
    border-top: 1px solid #e5e5e5;
}
.footer2 .footerservices .footer_block_content .footer_service::after , .footer3 .footerservices .footer_block_content .footer_service::after {
    background: rgba(0,0,0,0.1);
}
.footer2 .footer-link-cms{
	width:100%;
  float: left;
  border-top: 1px solid #e5e5e5;
  padding: 42px 0;
}
.footer2 .footerservices .footer_block_content{
	padding:0 15px;
}
.footer2 .footer-newsletter{
	background: var(--color-primary);
  padding: 38px 15px;
}
.main-footer:not(.footer1) .footer-newsletter .block_newsletter .newsletter-contact .news-title{
    padding: 0 0 0 50px;
    position: relative;
    font-size: 26px;
    line-height: 40px;
    width: 33.33%;
    margin: 0;
}
.main-footer:not(.footer1)  .block_newsletter .news-title:before {
    position: absolute;
    content: '\f1ef';
    font-family: 'Material Design Icons';
    height: 40px;
    width: 40px;
    left: 0;
    font-size: 40px;
    right: auto;
    line-height: 40px;
}
.main-footer:not(.footer1) .block_newsletter .news-desc {
    font: 400 18px/20px var(--font-primary);
    padding: 0px;
}
.main-footer:not(.footer1) .block_newsletter .form-vertical #formNewsletter input[type="email"]{
	margin: 0;
}
@media (min-width:992px){
.main-footer:not(.footer1) .block_newsletter .newsletter-contact {
    display: flex;
    align-items: center;
}
}
@media (max-width:1366px){
.footer2 .footer-newsletter {
    padding: 28px 15px;
}
}
@media (max-width:1299px){
  .main-footer:not(.footer1) .footer-newsletter .block_newsletter .newsletter-contact .news-title{
  	font-size: 22px;
    line-height: 36px;
    padding: 0 0 0 45px;
  }
  .main-footer:not(.footer1) .block_newsletter .news-title:before {
    height: 36px;
    width: 36px;
    font-size: 36px;
    line-height: 36px;
}
  .main-footer:not(.footer1)  .block_newsletter .news-desc {
    font-size: 16px;
}
}
@media (max-width:1199px){
.main-footer:not(.footer1) .footer-newsletter .block_newsletter .newsletter-contact .news-title {
		font-size: 18px;
    line-height: 28px;
    padding: 0 0 0 32px;
}
.main-footer:not(.footer1) .block_newsletter .news-title:before {
    height: 28px;
    width: 28px;
    font-size: 28px;
    line-height: 28px;
}
 .main-footer:not(.footer1) .block_newsletter .news-desc {
    font-size: 13px;
    line-height: 16px;
}
  .footer2 .footer-newsletter {
    padding: 22px 15px;
}
}
@media (max-width:991px){
.main-footer:not(.footer1) .footer-newsletter .block_newsletter .newsletter-contact .news-title{
    margin: 0 0 5px;
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
}
 .main-footer:not(.footer1)  .block_newsletter .news-desc{
  	    float: left;
        width: 100%;
        margin: 0 0 15px;
  }
.main-footer:not(.footer1)  .newsletter-bottom-cotent{
  	float: left;
    width: 100%;
  }
  .main-footer.footer2 .footer-newsletter .block_newsletter .newsletter-contact{
  	text-align: center;
  }	
  .footer2 .footer-newsletter {
    padding:15px;
}
  .footer2 .bottom-footer-section .grid{
  	float: left;
    width: 100%;
    padding: 0 0 20px;
    border-bottom: 1px solid #e5e5e5;
    border-right: none;
    margin: 0 0 15px;
  }
  .footer2 .footer-link-cms{
  	padding: 20px 0;
  }
  .footer2 .bottom-footer-section .cms-security{
  	padding:0;
  }
  .cms-security .security-img{
  	padding: 0 5px;
  }
}
@media (max-width:480px){
.main-footer:not(.footer1) .footer-newsletter .block_newsletter .newsletter-contact .news-title {
    font-size: 17px;
    line-height: 27px;
   margin: 0 0 10px;
}
.main-footer:not(.footer1) .block_newsletter .news-title:before {
    height: 24px;
    width: 24px;
    font-size: 24px;
    line-height: 27px;
}
.main-footer:not(.footer1) .block_newsletter .news-desc {
		display: none;
}
.main-footer:not(.footer1)  .newsletter-bottom-cotent {
    padding: 0;
}
}
/*-------------------------------Footer-3-----------------------*/
.footer3 .testimonial-app  .tt-testimonial-wrap .testimonial-img::before{
		top: 40px;
    right: -10px;
}
.footer3 .testimonial-app .testimonials_wrap .testimonial-desc{
	  font-size: 16px;
    width: 80%;
}
.footer3 .testimonial-app .testimonial-block{
	    padding: 0 0 40px;
}
.footer3 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.footer3 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
	background:var(--color-primary-text);
}
.footer3  .testimonial-app .tt-testimonial-wrap{
	  border-right: none;
    padding: 0;
}
.footer3 .app-content {
    float: left;
    width: 100%;
    padding: 33px 0px;
}
.footer3  .app-content .dwld {
    padding: 0 80px 0 0;
    border-right: 1px solid #e5e5e5;
}
.footer3  .app-content .widget-title {
    margin: 0 0 20px;
    float: left;
    width: 100%;
    font: 500 18px/20px var(--font-headings);
}
.footer3  .app-content .dwld-app .app-img {
    float: left;
    width: auto;
    margin: 0 10px 10px 0;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.footer3  .footer-newsletter .block_newsletter {
    float: left;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -moz-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -ms-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -o-box-shadow: 1px 2px 3px 0px #e5e5e5;
    box-shadow: 1px 2px 3px 0px #e5e5e5;
    padding: 35px 15px;
}
.main-footer.footer3  .footer-link{
	padding:50px 0 40px;
}
.footer3 .bottom-footer-section .grid{
    border-top: 1px solid #e5e5e5;
}
@media (max-width:1366px){
.footer3  .app-content .dwld {
    padding: 0 50px 0 0;
}
.footer3  .cms-security.footer-column {
    padding: 0 15px 0 60px;
}
}
@media (max-width:1199px){
.footer3 .app-content .dwld {
    padding: 0px 15px;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
    float: left;
}
.footer3  .app-content .cms-security {
    width: 100%;
    padding: 15px 15px 0 15px;
    float: left;
}
.footer3  .footer-newsletter .block_newsletter {
    padding: 25px 15px;
}
.footer3  .app-content {
    padding: 20px 0;
}
.footer3  .app-content .widget-title{
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 15px;
}
.footer3 .testimonial-app .testimonials_wrap .testimonial-desc {
    font-size: 14px;
    width: 100%;
}
.footer3 .testimonial-app .testimonial-block {
    padding: 0 0 30px;
}
.main-footer.footer3 .footer-newsletter .block_newsletter .newsletter-contact{
  text-align:center;
}
}
@media (max-width:991px){
.main-footer.footer3  .footer-link {
    padding: 30px 0 0;
}
.footer3 .bottom-footer-section .grid {
    border-top: none;
  padding: 0 0 25px 0;
}
.footer3  .bottom-footer-section .footer-column label.footercollapse.toggle {
    padding: 0 15px;
}
.footer3  .app-content .widget-title {
    font-size: 14px;
    line-height: 16px;
}
}
@media (max-width:767px){
.footer3  .testimonial-app .tt-testimonial-wrap {
    border-bottom: none;
  	margin: 0;
  	padding:15px 0 0;
}
  .footer3 .testimonial-app  .tt-testimonial-wrap .testimonial-img::before {
    top: 0;
    right: 0;
}
}
@media (max-width:543px){
  .footer3 .testimonial-desc{
  	padding: 0;
  }
  .footer3  .footer-newsletter .block_newsletter {
    padding: 15px 0px;
}
  .footer3 .bottom-footer-section .footer-column label.footercollapse.toggle {
    margin: 0 0 10px;
}
}
/*----------------------------cms-testimonial----------------------*/
.testimonial-app {
    -webkit-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -moz-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -ms-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -o-box-shadow: 1px 2px 3px 0px #e5e5e5;
    box-shadow: 1px 2px 3px 0px #e5e5e5;
}
.testimonial-app .tt-testimonial-wrap {
    border-right: 1px solid #e5e5e5;
    padding: 0 30px 0 0;
}
.testimonial-desc {
    order: 2;
}
.testimonial-app .grid__item.testimonials_wrap {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}
.testimonial-app .testimonials_wrap .testimonial-detail {
    float: left;
    width: 100%;
    text-align: left;
}
.testimonial-app .testimonials_wrap .testimonial-desc {
    font: italic 400 15px/26px var(--font-headings);
    float: left;
    width: 100%;
    margin: 0 0 25px;
}
.testimonial-app .testimonials_wrap .testimonial-detail .testimonial-user {
    float: left;
    width: 100%;
}
.testimonial-app .testimonials_wrap .testimonial-detail .testimonial-user .testimonial-user-title {
    float: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    font: italic 500 18px/20px var(--font-primary);
}
.testimonial-app  .testimonials_wrap .testimonial-detail .testimonial-user .testimonial-user-desc {
    float: none;
    display: inline-block;
    vertical-align: top;
    font: italic 400 14px/22px var(--font-primary);
}
.testimonial-app  .tt-testimonial-wrap .testimonial-img::before {
    position: absolute;
    content: '\f756';
    font-family: 'Material Design Icons';
    top: 30px;
    bottom: auto;
    left: auto;
    right: 0;
    font-size: 50px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: var(--color-secondary);
}
.testimonial-app .widget-title {
    margin: 0 0 20px;
    float: left;
    width: 100%;
    font: 500 18px/20px var(--font-primary);
}
.testimonial-app .dwld-app .app-img {
    float: left;
    width: auto;
    margin: 0 10px 10px 0;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.testimonial-app .dwld-app .app-img:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
}
.testimonial-app .testimonial-block{
	padding: 0 0 30px;
}
.testimonial-app .swiper-horizontal>.swiper-pagination-bullets,.testimonial-app  .swiper-pagination-bullets.swiper-pagination-horizontal,.testimonial-app .swiper-pagination-custom,.testimonial-app .swiper-pagination-fraction {
    text-align: left;
  	bottom: 0;
}
.testimonial-app .swiper-pagination-bullet{
    width:10px;
    height:10px;
}
.testimonial-app .swiper-pagination-bullet-active{
  background: var(--color-primary);
}
.testimonial-app .dwld {
    padding: 0 0 0 30px;
}
@media (min-width:992px){
.testimonial-app .testimonial-app-content {
    display: flex;
    align-items: center;
}
}
@media (min-width:768px){
.testimonial-app .tt-testimonial-wrap {
    display: flex;
    align-items: center;
}
}
@media (max-width:1199px){
  .testimonial-app .dwld{
  	padding: 10px 0 10px 30px;
  }
  .testimonial-app .testimonials_wrap .testimonial-desc{
  	margin: 0 0 15px;
    font-size: 13px;
    line-height: 22px;
  }
  .testimonial-app  .tt-testimonial-wrap .testimonial-img::before {
  	top: 0;
  }
  .testimonial-app .testimonials_wrap .testimonial-detail .testimonial-user .testimonial-user-title{
  	    font-size: 16px;
    		line-height: 18px;
  }
  .testimonial-app  .testimonials_wrap .testimonial-detail .testimonial-user .testimonial-user-desc{
  		font-size: 12px;
    	line-height: 20px;
  }
}
@media (max-width:991px){
.testimonial-app .tt-testimonial-wrap {
		width: 100%;
    border: none;
  	padding: 0;
}
  .testimonial-app .dwld{
      width: 100%;
      padding: 10px 15px 0 15px;
      float: left;
  }
}
@media (max-width: 767px){
  .testimonial-app .widget-title{
  	font-size: 16px;
    line-height: 18px;
  }
.testimonial-app .tt-testimonial-wrap {
    text-align: center;
    float: left;
    margin: 0 0 15px;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 0;
}
  .testimonial-app  .tt-testimonial-wrap .testimonial-img::before{
  	right: auto;
    left: 10px;
    margin: 0;
  }
}
/*---------------------------category-slider---------------------------*/
.category_slider_content {
    width: 100%;
    float: left;
  	position: relative;
}
.category-product .tabs{
		padding: 0px;
    display: flex;
    height: 100%;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
}
.category_slider_content .grid-item{
    width: auto;
    padding: 0;
}
.category_slider_content .tabsPages{
	padding: 0;
  float: right;
  box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
  -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
  -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.category_slider_content .tabsPages .page{
    padding: 30px 30px 80px;
    margin-bottom: -50px;
    z-index: 4;
  	display: none;
}
.category_slider_content .tabs ul {
    padding: 30px;
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    text-align: left;
}
.category_slider_content .tabs ul li {
    float: left;
    width: 100%;
}
.category_slider_content .tabs ul li.active a ,.category_slider_content .tabs ul li:hover a{
  color: var(--color-secondary);
}
.category_slider_content .tabsPages .page.active{
	display: block;
}
.category_slider_content .tabs ul li a {
    font: 500 14px/16px var(--font-primary);
    margin: 0px;
    padding: 10px 0px;
      float: left;
    width: 100%;
}
.category_slider_content .tabs ul li a::before {
    content: "\f13e";
    font-family: "Material Design Icons";
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}
@media (max-width: 1199px){
.category_slider_content .tabs ul {
    padding: 30px 15px;
}
.category_slider_content .tabs ul li a {
    padding: 6px 0;
    font-size: 12px;
    line-height: 14px;
}
}
@media (max-width: 991px){
.category_slider_content .tabs {
    width: 100%;
    text-align: center;
    margin: 0 0 15px;
    position: static;
    display: block;
  float: left;
}
.category_slider_content .tabsPages {
    width: 100%;
}
.category_slider_content .tabs ul {
    padding: 15px;
    float: left;
    width: 100%;
      display: flex;
    overflow-x: auto;
    overflow-y: hidden;
}
.category_slider_content .tabs ul li {
    float: none;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    flex: 0 0 auto;
    width: auto;
}
.category_slider_content .tabs ul li a {
    padding: 6px 10px;
}
.category_slider_content .tabsPages .page {
	padding: 15px 15px;
	margin-bottom: 0;
}
}
@media (max-width: 543px){
.category_slider_content .tabs ul {
	padding: 10px;
}
}
/*----------------------------cms-top services----------------------*/
.index-section.ttservices {
  position: relative;
  margin:0px;
}
.top-services .service-offer {
    display: flex;
    align-items: center;
    justify-content: right;
}
.top-services .service-offer .offer-img {
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 16px 23px 35px;
    position: relative;
  	background:var(--color-secondary);
}
.top-services .service-offer .offer-img::after {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    margin: 0 auto;
    content: "";
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: calc(2 * 14px * 0.866) solid #2f3f63;
    border-top: 20px solid transparent;
}
.top-services .service-offer .service-title {
    float: none;
    display: inline-block;
    vertical-align: top;
    font: italic 500 13px/18px var(--font-headings);
    padding: 0 0 0 15px;
    width: 34%;
    color: var(--color-primary-text);
}
.top-services .topservice-content .service {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin: 24px 0;
}
.top-services .topservice-content .service .ttservice-content {
    float: left;
    width: 100%;
    cursor: pointer;
}
.top-services .topservice-content .service .service-icon{
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    cursor:pointer;
}
.top-services .topservice-content .service:hover .service-icon{
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
}
.top-services .topservice-content .service .service-content {
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 0 0 0 10px;
}
.top-services .topservice-content .service::after {
    position: absolute;
    top: 0;
    content: '';
    bottom: 0;
    left: auto;
    right: 0;
    margin: auto;
    height: 80%;
    width: 1px;
    background: rgba(255,255,255,0.1);
}
.top-services .topservice-content .service:last-child::after{
   display:none;
}
.top-services .topservice-content .service .service-content .service-title {
    font: 500 14px/16px var(--font-headings);
    margin: 0 0 10px;
  	color:var(--color-secondary);
}
.top-services .topservice-content .service .service-content .service-desc {
    font: 400 14px/16px var(--font-primary);
    color:var(--color-primary-text);
}
@media(max-width: 1299px){
.top-services .service-offer .offer-img {
    padding: 15px 18px 33px;
}
  .top-services .service-offer .offer-img::after {
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
}
.top-services .topservice-content .service .service-content {
    padding: 0 0 0 5px;
}
 .top-services .topservice-content .service .service-content .service-title {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 15px;
}
.top-services .topservice-content .service .service-content .service-desc {
    font-size: 12px;
    line-height: 14px;
}
}
@media (max-width:991px){
.top-services .service-offer .offer-img::after {
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: calc(2 * 10px * .866) solid #2f3f63;
}
.top-services .service-offer .offer-img {
    padding: 8px 12px 22px;
}
.top-services .service-offer .service-title {
    font-size: 10px;
    line-height: 14px;
    width: 80%;
}
.top-services .topservice-content .service {
    margin: 15px 0;
}
.top-services .topservice-content .service .service-content .service-desc {
    font-size: 11px;
    line-height: 13px;
}
}
@media(max-width: 740px){
.top-services .service-offer .service-title {
    display: none;
}
.top-services .topservice-content .service .service-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
  .top-services .topservice-content .service .service-content .service-title {
    margin: 0 0 5px;
}
.top-services  .service-offer .offer-img::after {
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
}
  .top-services .topservice-content .service::after{
  display:none;
  }
}
/*----------- brand logo -------------------*/
.brandslist .brand-logo{
	width:100%;
  float:left;
}
.brandslist .brand-logo .brands{
    float: left;
    width: 100%;
    border-right: 1px solid #e5e5e5;
}
.brandslist .brand-block{
	width:100%;
  float:left;
  padding: 30px;
  box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
  -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
  -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.brandslist .brandcarousel img{
   display: block;
  width: auto;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  transition: all 500ms ease-in-out 0s;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
}
.brandslist .brandcarousel a:hover img{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}
@media (max-width: 480px){
  .brandslist .brand-block{
  	padding: 20px;
  }
  .brandslist .brand-logo .brands{
  	border-right: none;
  }
}
.brand-card{
text-align: center;
  margin: 0 0 20px;
}
.brand-card .brand-card__title{
margin: 10px 0 0;
  float: left;
  width: 100%;
}
.brands-page__content{
margin: 30px 0 0 0;
}
/*==================== Blog Design =====================*/
.latest-blog .blogs {
    float: left;
    width: 100%;
    padding: 30px;
  	box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.latest-blog .blog-content .blog-image,.gallery-img a{
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.latest-blog .blog-content .date{
  float: none;
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 8px 10px;
  position: absolute;
  top: auto;
  bottom: 10px;
  left: auto;
  right: 10px;
  color: var(--color-primary-text);
  background-color: var(--color-primary);
  font: 500 14px/16px var(--font-primary);
}
.latest-blog .blog-content .blog-inner {
    float: left;
    width: 100%;
    padding: 10px 0 0;
}
.latest-blog .blog-content .blog-inner .blog_title {
    font: 500 16px/18px var(--font-headings);
    display: inline-block;
    overflow: hidden;
    width: 100%;
    float: left;
    margin: 0 0 10px;
    white-space: nowrap;
}
.latest-blog .blog-content .blog-inner .blog_title a {
    text-overflow: ellipsis;
    float: left;
    width: 100%;
    overflow: hidden;
  	color: var(--color-secondary-text);
}
.latest-blog .blog-content .blog-inner .blog_title a:hover {
	color: var(--color-primary);
}
.latest-blog .blog-content .blog-inner .desc {
    font: italic 400 13px/20px var(--font-primary);
    margin: 0 0 10px;
    float: left;
    width: 100%;
}
.latest-blog .blog-content .blog-inner a.read-more {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    font: 400 14px/16px var(--font-primary);
    position: relative;
  	transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
  	color: var(--color-secondary-text);
}
.latest-blog .blog-content .blog-inner a.read-more::after {
    content: "\f142";
    font-family: "Material Design Icons";
    vertical-align: middle;
    font-size: 16px;
    float: none;
    line-height: 20px;
  	transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.latest-blog .blog-content .blog-inner a.read-more:hover,.latest-blog .blog-content .blog-inner a.read-more:hover::after {
    color: var(--color-primary);
}
.latest-blog .bloglist .blog-inner-content .blog-image .blogicons,.gallery-img span.blogicons{
		bottom: 0;
    height: 36px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    z-index: 1;
}
.latest-blog .bloglist .blog-inner-content .blog-image .blogicons a,.gallery-img span.blogicons a{
		border: 2px solid #fff;
    color: #fff;
    float: left;
    width: 32px;
    height: 32px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    padding: 0px;
}
.latest-blog .bloglist .blog-inner-content .blog-content:hover .blog-image .blogicons a,.gallery-img:hover .blogicons a{
		opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.latest-blog .bloglist .blog-inner-content .blog-content .blog-image .blogicons a:hover,.gallery-img span.blogicons a:hover{
    border: 2px solid var(--color-secondary);
}
.latest-blog .bloglist .blog-inner-content .blog-image>a {
    position: relative;
    float: left;
    width: 100%;
  	z-index: -1;
  	overflow: hidden;
}
.latest-blog .bloglist .blog-inner-content .blog-image>a img {
    transition: all 700ms ease-in-out 0s;
    -webkit-transition: all 700ms ease-in-out 0s;
    -moz-transition: all 700ms ease-in-out 0s;
    -o-transition: all 700ms ease-in-out 0s;
    -ms-transition: all 700ms ease-in-out 0s;
  	width:100%;
}
.latest-blog .bloglist .blog-inner-content .blog-content:hover .blog-image>a img {
    transform: scale(1.1);
}
.latest-blog .bloglist .blog-inner-content .blog-image>a .blog-hover {
    height: 100%;
    position: absolute;
    top: 0;
     transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    width: 100%;
}
.latest-blog .bloglist .blog-inner-content .blog-content:hover .blog-image>a .blog-hover {
    background: rgba(0, 0, 0, .3) none repeat scroll 0 0;
}
.latest-blog .bloglist .blog-inner-content .blog-image .blogicons a.zoom::before,.gallery-img span.blogicons a.iocn.zoom.fancybox::before{
    content: "\f349";
    font-family: "Material Design Icons";
    font-size: 18px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 4px;
    position: absolute;
    text-align: center;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.latest-blog .bloglist .blog-inner-content .blog-image .blogicons a.zoom:hover::before,.gallery-img span.blogicons a.iocn.zoom.fancybox:hover::before{
  background: var(--color-secondary);
  color: var(--color-secondary-text);
}
.fancybox-share__links {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
}
.fancybox-share__links a svg path {
    fill: #111;
}
.fancybox-share__links a {
    float: left;
    width: 100%;
}
.fancybox-share__links a svg {
    width: 30px;
    height: 30px;
}
.fancybox-share__links a span {
    float: left;
    width: 100%;
}
.latest-blog.Blog-1 .blog-content .date {
    position: static;
    margin: -15px 0 0;
    padding: 6px 10px;
}
.latest-blog.Blog-1 .blog-content .blog-inner{
	text-align: center;
}
.latest-blog.Blog-2 .blog-content .blog-inner{
	padding:15px 0 0;
}
.latest-blog.Blog-3 .blog-content .blog-image, .gallery-img a{
	padding: 0;
}
@media (min-width:992px){
.latest-blog.Blog-3 .blog-content {
    display: flex;
    align-items: center;
}
.latest-blog.Blog-3 .blog-content .blog-image, .gallery-img a{
	width: 50%;
}
.latest-blog.Blog-3 .blog-content .blog-inner{
  padding: 0 15px;
  width: 50%;
}
}
@media (max-width: 1199px){
.latest-blog .blogs {
    padding: 20px;
}
}
@media (max-width: 991px) {
  .latest-blog .blog-content .blog-inner{
  	padding: 15px 0 0;
  }
  .latest-blog .blog-content .date{
    font-size: 12px;
    line-height: 14px;
  }
  .latest-blog .blog-content .blog-inner .desc{
   font-size:13px;
    line-height:20px;
  }
  .gallery-img{
   position:static;
  }
  .latest-blog .bloglist .blog-inner-content .blog-image .blogicons a{
  	opacity: 1;
    -moz-opacity: 1; 
    -khtml-opacity: 1; 
    -webkit-opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
  .latest-blog .bloglist .blog-inner-content .blog-content .blog-image>a .blog-hover {
    background: rgba(0, 0, 0, .2) none repeat scroll 0 0;
}
}
@media (max-width:480px){
.latest-blog .blogs {
    padding: 15px;
}
}
/*======================== product hover =========================*/
.grid-item .thumbnail-container:hover::before {
    visibility: visible;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transition: opacity .3s ease,visibility 0s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,visibility 0s ease,transform .3s ease,-webkit-transform .3s ease;
    width: calc(100% + 30px);
}
.grid-item .thumbnail-container::before {
    position: absolute;
    left: -15px;
    right: -15px;
    top: -20px;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    -o-transform: scale(.98);
    -ms-transform: scale(.98);
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,.07);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,.07);
    margin-bottom: -65px;
    z-index: -1;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    content: "";
}
.home-product .tabsPages .page {
    clear: both;
    display: none;
    padding: 30px 30px 80px;
    width: 100%;
    float: left;
    max-height: 100% !important;
    overflow: hidden;
    margin-bottom: -50px;
    z-index: 4;
}
.tabsPages .page.active {
  display: block;
}
.home-product .tabsPages {
    float: left;
    width: 100%;
    box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
  	z-index:4;
}
.home-product .tabsPages .page > div {
    float: left;
}
.home-product .tabsPages .page .grid-item {
    float: left;
    width: 100%;
  	padding: 0;
}
.grid-item .thumbnail-container,.home-product .tabsPages .page .grid-item .thumbnail-container .image-wrap,.grid-item .thumbnail-container .image-wrap .product-img > a,.home-product .tabsPages .page .grid-item .thumbnail-container .image-wrap .product-img,.related-products .grid-item .thumbnail-container .image-wrap .product-img,.related-products .grid-item .thumbnail-container .image-wrap .product-img > a{
    float: left;
    width: 100%;
    position: relative;
}
.grid-item .thumbnail-container .image-wrap .product-img > a.product-thumbnail.product-sold-out {
    filter: grayscale(1);
}
.grid-item .thumbnail-container .image-wrap{
    position: relative;
    overflow: hidden;
}
.relatedproducts .section-header {
    margin: 0 0 10px;
}
.thumbnail-container .image-wrap .loader{
		position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    visibility: hidden;
    transition: all 200ms ease-in-out 0s;
    -webkit-transition: all 200ms ease-in-out 0s;
    -moz-transition: all 200ms ease-in-out 0s;
    -o-transition: all 200ms ease-in-out 0s;
    -ms-transition: all 200ms ease-in-out 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
}
.thumbnail-container.loading .image-wrap .loader{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
}
.preloader-wrapper {
    height: 50px;
    width: 50px;
    display: inline-block;
    position: relative;
}
.preloader-wrapper .spinner-layer {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
}
.spinner-layer:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #222;
    border-bottom-color: #222;
    animation: spinner 1.5s ease-in-out infinite;
}
@keyframes spinner {
    to {
        transform: rotate(360deg)
    }
}
.thumbnail-container .image-wrap .product-img>a .second-productimg {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    -ms-transition: all 500ms ease-in-out 0s;
    height: auto;
  	transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
}
.thumbnail-container:hover .image-wrap .product-img>a .second-productimg {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.thumbnail-container .image-wrap .new-label,.thumbnail-container .image-wrap .sale-label {
    position: absolute;
    left: -15px;
    right: auto;
    font-size: 13px;
    line-height: 16px;
    top: 0;
    bottom: auto;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    z-index: 1;
    color: #222;
}
.thumbnail-container .image-wrap .sale-label {
  	left:auto;
    right: -15px;
}
.thumbnail-container:hover .image-wrap .new-label{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
	left: 0;
}
.thumbnail-container:hover .image-wrap .sale-label{
    opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
 	right:0;
}
.thumbnail-container .image-wrap .sale-label{
	color: red;
}
.products-list .thumbnail-container:hover .image-wrap .sale-label,.products-short .thumbnail-container:hover .image-wrap .sale-label{
	right:25px;
}
.thumbnail-container .producthover .pro_btn {
    float: left;
    width: auto;
 	 	position: relative;
  	padding: 15px 0;
  	width: 50%;
		text-align: center;
}
.thumbnail-container .producthover {
    position: absolute;
    bottom: 0;
    top: auto;
  	opacity: 0;
  	-moz-opacity: 0; 
    -khtml-opacity: 0; 
    -webkit-opacity: 0;
    background: #fff;
    border-top: 1px solid #e5e5e5;
  	transform: translateY(60px);
  	-webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -o-transform: translateY( 60px);
    -ms-transform: translateY(60px);
      transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    width: 100%;
    z-index: 1;
}
.thumbnail-container:hover .producthover{
  	transform: translateY(65px);
  	-webkit-transform: translateY(65px);
    -moz-transform: translateY(65px);
    -o-transform: translateY(65px);
    -ms-transform: translateY(65px);
  	    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    	opacity: 1;
  	-moz-opacity: 1; 
    -khtml-opacity: 1; 
    -webkit-opacity: 1;
}

.thumbnail-container .producthover .product-compare.pro_btn::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    height: 20px;
    width: 1px;
    background: rgba(0,0,0,0.1);
    content: '';
    margin: auto;
    z-index: 1;
}
.thumbnail-container .producthover .product-compare.pro_btn::before {
    left: -2px;
    right: auto;
}
.thumbnail-container .producthover .pro_btn .btn {
  	background: none;
    color: #666;
  	padding: 0;
  	line-height: normal;
}
.thumbnail-container .producthover .pro_btn:hover .btn svg{
	color:#222;
}
.thumbnail-container .producthover .pro_btn .btn::after{
	display: none;
}
.thumbnail-container .producthover .pro_btn .btn svg {
    width: 15px;
  	margin: 0 4px 0 0;
  	height: auto;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.thumbnail-container .producthover .pro_btn .btn span {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    font: 400 13px/15px var(--font-primary);
}
.thumbnail-container .producthover .pro_btn .btn.loading svg{
    display: none;
}
.thumbnail-container .product-add-to-cart.pro_btn .btn.loading::before{
 display: none;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.thumbnail-container .product-description {
    float: left;
    padding: 15px 0 0;
    position: relative;
}
.thumbnail-container .full-title {
    float: left;
    width: 80%;
    margin: 0 0 10px;
   	overflow: hidden;
}
.thumbnail-container .product-description .product-title ,.result-product .product-title{
    font: 400 14px/17px var(--font-primary);
    float: left;
    width: 100%;
    color: var(--color-primary);
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.products-list .thumbnail-container .product-description .product-title,.products-short .thumbnail-container .product-description .product-title {
    font-weight: 500;
}
.thumbnail-container .product-description .product-title:hover{
	color: #222;
}
.thumbnail-container .ratting {
    float: left;
    width: 100%;
    margin: 0;
    position: absolute;
    top: -9px;
    bottom: auto;
}
.thumbnail-container .ratting .stars span{
    float: none;
    display: inline-block;
    vertical-align: middle;
  	color: #aaa;
  	margin: 0 -2px;
}
.thumbnail-container .ratting .stars {
	padding: 0 2px;
}
.thumbnail-container .ratting .stars span::before {
  font-size: 16px;
  line-height: 16px;
}
.stars span.on{
	color: #ffb400 !important;
}
.product-page .ratting .stars span{
	margin: 0 -2px;
  color: #aaa;
}
.thumbnail-container .description {
    display: none;
}
.thumbnail-container .price-tag {
    margin: 0 0 12px;
}
.thumbnail-container .price-tag div,.product-price .price-wrap span{
    float: none;
    display: inline-block;
    vertical-align: top;
    font: 500 15px/18px var(--font-headings);
}
.thumbnail-container .price-tag div.discount {
    color: #ef5c5c;
  	margin: 0 2px;
}
.thumbnail-container .price-tag div.old-price,#quickview-content .product-price .price-wrap span.old-price , .result-product .price .old-price{
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
  	line-height: 18px;
}
.quick-modal .product-info .product-inventory, .quick-modal .product-info .product-services {
    display: none;
}
.quick-modal .bundleproduct {
    display: none;
}
.thumbnail-container .product-add-to-cart {
    float: left;
    width: 100%;
}
.thumbnail-container .product-add-to-cart .btn svg {
    width: 13px;
    height: 29px;
    line-height: 25px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 0 0;
}
.thumbnail-container .product-add-to-cart .btn{
    padding: 3px 0px;
    width: 98%;
    font-size: 13px;
    background: none;
    border: 2px solid var(--color-primary);
    color: #222;
}
.products-list .thumbnail-container .producthover .product-add-to-cart .btn:hover svg, .products-short .thumbnail-container .producthover .product-add-to-cart .btn:hover svg {
	color: var(--color-primary-text) !important;
}
.thumbnail-container .product-add-to-cart .btn::after{
 background-color: var(--color-primary);
}
.thumbnail-container .product-add-to-cart .btn:hover,.thumbnail-container .product-add-to-cart .btn:active,.thumbnail-container .product-add-to-cart .btn:focus{
color: var(--color-primary-text);
}
.thumbnail-container .btn.loading svg{
	display:none;
}
.products-list .thumbnail-container .product-add-to-cart .btn.loading span,.products-short .thumbnail-container .product-add-to-cart .btn.loading span{
 opacity: 0;
 visibility: hidden;
}
.thumbnail-container .btn.loading svg.animate-spin,.thumbnail-container .producthover .btn.loading svg.animate-spin{
	display:inline-block;
}
.products-list .thumbnail-container .product-add-to-cart .btn svg.animate-spin,.products-short .thumbnail-container .product-add-to-cart .btn svg.animate-spin{
 position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  	margin:auto !important;
}
.thumbnail-container  .btn svg.animate-spin{
  display:none;
	animation: spin 1s linear infinite;
}
.thumbnail-container .btn .animate-spin .opacity-25 {
    opacity: .25;
}
.thumbnail-container .sold-out {
    position: absolute;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background: #313131;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    text-align: center;
}
.thumbnail-container .sold-out span.tag {
    color: #fff;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.products-list .thumbnail-container .ratting,.products-short .thumbnail-container .ratting{
	position: static;
  text-align: left;
  margin: 0 0 7px;
}
.products-list .thumbnail-container:hover .ratting,.products-short .thumbnail-container:hover .ratting{
		opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
}
@media (max-width: 1199px){
  .thumbnail-container .producthover .pro_btn {
	padding: 15px 0;
}
}
@media (max-width: 991px){
.thumbnail-container .producthover .pro_btn {
	padding: 12px 0;
}
.thumbnail-container .product-add-to-cart {
	margin: 0 0 15px;
}
.home-product .tabsPages .page{
  		margin-bottom: 0;
    	padding: 15px;
}
.thumbnail-container .image-wrap .new-label , .thumbnail-container .image-wrap .sale-label{
  opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
  .thumbnail-container .image-wrap .new-label{
  		left:0;
  }	
  .thumbnail-container .image-wrap .sale-label{
  	right:0;
  }
  .products-list .thumbnail-container:hover .image-wrap .sale-label , .products-list .thumbnail-container .image-wrap .sale-label,.products-short .thumbnail-container:hover .image-wrap .sale-label , .products-short .thumbnail-container .image-wrap .sale-label{
  	right:30px;
  }
.thumbnail-container .producthover {
	position: static;
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	border-top: 1px solid #e5e5e5;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	float: left;
}
  .thumbnail-container:hover .producthover {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
}
  .grid-item .thumbnail-container::before{
  	display: none;
  }
  .thumbnail-container .product-add-to-cart .btn{
  	padding:0;
  }
  .thumbnail-container .sold-out{
  height: 80px;
    width: 80px;
    line-height: 80px;
  }
  .thumbnail-container .sold-out span.tag{
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 767px){
  .products-list .thumbnail-container .producthover .pro_btn .btn svg{
  	width: 14px;
  }
}
@media (max-width: 480px){
  .thumbnail-container .image-wrap .new-label, .thumbnail-container .image-wrap .sale-label{
  font-size: 12px;
  }
  .thumbnail-container .producthover .pro_btn .btn svg{
  		margin: 0;
  }
  .thumbnail-container .producthover .pro_btn {
	padding: 7px 0 0;
}
  .thumbnail-container .product-add-to-cart {
	margin: 0 0 10px;
}
  .thumbnail-container .price-tag {
	margin: 0 0 8px;
}
  .thumbnail-container .producthover .pro_btn .btn span{
  	display:none;
  }
  .thumbnail-container .sold-out{
  	height: 60px;
    width: 60px;
    line-height: 60px;
  }
  .thumbnail-container .sold-out span.tag {
    font-size: 10px;
    line-height: 14px;
	}	
  .home-product .tabs {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
}
  .home-product .tabs ul li a{
  font-size: 14px;
    padding: 8px;
    margin: 0;
  }
  .home-product .section-header{
   width: 100%;
  }
  .thumbnail-container .product-description .product-title{
  	font-size: 13px;
    line-height: 16px;
  }
  .thumbnail-container .price-tag div {
    font-size: 13px;
  }
  .thumbnail-container .ratting .stars span{
  width: 14px;
height: 14px;
  }
  .product-description .quick-view-block .btn svg{
  width: 16px;
height: 16px;
  }
  .tabsPages .page {
	padding: 10px 10px 10px;
}
  .thumbnail-container .full-title{
  	margin: 0 0 5px;
  }
  .thumbnail-container .price-tag div.old-price{
   font-size:11px;
  }
  .thumbnail-container .image-wrap .producthover .pro_btn .btn{
  	width: 30px;
    height: 30px;
  }
  .thumbnail-container .image-wrap .producthover .pro_btn .btn svg{
    width: 12px;
  	height: 30px;
    line-height: 30px;
  }
  .thumbnail-container .image-wrap .producthover .pro_btn .btn.loading::before{
    font-size: 13px;
  	width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .thumbnail-container .price-tag div.discount{
   margin: 0px;
    display:none;
  }
  .home-product .tabs ul {
    display: flex;
    text-align: center;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    justify-content: center;
    padding: 0 0 10px;
	}		
  .home-product .tabs ul li {
    flex: 0 0 auto;
	}
}
/*-------------------------- Product Hover---------------------------*/
.product-description .quick-view-block{
	    width: auto;
    	float: right;
      transform: translateX(20px);
  	-webkit-transform:translateX(20px);
	-moz-transform:translateX(20px);
	-o-transform:translateX(20px);
	-ms-transform:translateX(20px);
    opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
  transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
}
.thumbnail-container:hover .product-description .quick-view-block{
      transform: translateX(0);
  	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-o-transform:translateX(0);
	-ms-transform:translateX(0);
    opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
}
.product-description .quick-view-block .btn{
    background: none;
    padding: 0;
    color: #111;
    line-height: normal;
}
.product-description .quick-view-block .btn::after{
	display:none;
}
.product-description .quick-view-block .btn svg{
	    width: 18px;
    	height: 18px;
  		color:#444;
    transition: all 0.5s ease-in-out 0ms;
-webkit-transition: all 0.5s ease-in-out 0ms;
-moz-transition: all 0.5s ease-in-out 0ms;
-o-transition: all 0.5s ease-in-out 0ms;
-ms-transition: all 0.5s ease-in-out 0ms;
}
.product-description .quick-view-block .btn:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
  transition: all 0.5s ease-in-out 0ms;
-webkit-transition: all 0.5s ease-in-out 0ms;
-moz-transition: all 0.5s ease-in-out 0ms;
-o-transition: all 0.5s ease-in-out 0ms;
-ms-transition: all 0.5s ease-in-out 0ms;
}
.products-list .thumbnail-container .producthover .product-compare.pro_btn::before,.products-short .thumbnail-container .producthover .product-compare.pro_btn::before ,.feture-collection-product .thumbnail-container .producthover .product-compare.pro_btn::before , .specialproduct.special-2  .thumbnail-container .producthover .product-compare.pro_btn::before{
	display: none;
}
.products-list .thumbnail-container .producthover .pro_btn .btn,.products-short .thumbnail-container .producthover .pro_btn .btn{
   width: 40px;
    height: 40px;
    line-height: 48px;
    margin: 0 5px 0 0;
}
.products-list .thumbnail-container .producthover .pro_btn{
	width: auto;
  padding:0;
}
.products-short .thumbnail-container .producthover .pro_btn{
    float: none;
    display: inline-block;
    vertical-align: top;
  	padding: 0;
  	width: auto;
}
.products-list .thumbnail-container .producthover .product-compare span,
.products-list .thumbnail-container .producthover .product-wishlist span,
.products-short .thumbnail-container .producthover .product-compare span,
.products-short .thumbnail-container .producthover .product-wishlist span ,
.specialproduct.special-2 .thumbnail-container .producthover .product-compare span,
.specialproduct.special-2 .thumbnail-container .producthover .product-wishlist span{
	display: none;
}	
.products-list .thumbnail-container .producthover .pro_btn .btn svg ,.products-short .thumbnail-container .producthover .pro_btn .btn svg{
  margin:0;
}
.products-list .thumbnail-container .producthover .product-add-to-cart .btn, .products-short .thumbnail-container .producthover .product-add-to-cart .btn{
		padding: 11px 0px;
    background: none !important;
  	width: 100%;
}
.products-list .thumbnail-container .producthover .product-add-to-cart .btn span , .products-short .thumbnail-container .producthover .product-add-to-cart .btn span{
	font-size: 14px;
}
.products-list .thumbnail-container .producthover .product-add-to-cart{
    width: 25%;
  	margin: 0 6px 0 0;
}
.products-short .thumbnail-container .producthover .product-add-to-cart {
	width: 100%;
}
.products-list .thumbnail-container .product-description .producthover .quick-view-block .btn:hover svg , .products-short .thumbnail-container .product-description .producthover .quick-view-block .btn:hover svg ,.feture-collection-product .product-description .quick-view-block .btn:hover svg , .specialproduct.special-2 .thumbnail-container .product-description .quick-view-block .btn:hover svg{
	transform: none;
  -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform:none
}
.products-list  .thumbnail-container .producthover .pro_btn .btn::after,.products-short  .thumbnail-container .producthover .pro_btn .btn::after , .feture-collection-product .thumbnail-container .producthover .pro_btn .btn::after , .specialproduct.special-2 .thumbnail-container .producthover .pro_btn .btn::after{
		display: block;
}
.products-list .thumbnail-container .description,.products-short .thumbnail-container .description {
    float: left;
    width: 100%;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 10px;
}
.products.products-list, .products.products-short{
    width: 100%;
    float: left;
    padding: 30px 15px;
    background: #fff;
    	box-shadow: 1px 2px 3px 0 #e5e5e5;
    -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
}
.products-list .grid-item .thumbnail-container::before , .products-short .grid-item .thumbnail-container::before{
	display: none;
}
.products-list .thumbnail-container .producthover ,.products-short .thumbnail-container .producthover{
	opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  transform: translate(0px);
  -webkit-transform: translate(0px);
  -moz-transform: translate(0px);
  -o-transform: translate(0px);
  -ms-transform: translate(0px);
  position: static;
  width:100%;
  float:left;
  border: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
}
.products-short .thumbnail-container .producthover {
    float: right;
    width: 19%;
}
.products.products-grid {
    display: flex;
    flex-flow: row wrap;
    float: left;
    width: 100%;
  	background: #fff;
  	padding: 20px;
  	box-shadow: 1px 2px 3px 0 #e5e5e5;
    -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
}
@media (min-width: 992px){
  .products-short .thumbnail-container .product-description{
  	padding:  0 15px 0 0;
  }
.products-short .thumbnail-container .product-description{
text-align: center;
}
}
@media (min-width: 768px){
   .products-list .thumbnail-container .full-title,.products-short .thumbnail-container .producthover .pro_btn.product-add-to-cart{
    margin: 0 0 10px;
	}
  .products-list .thumbnail-container .price-tag{
   margin: 0 0 13px;
  }
  .products-list .thumbnail-container .product-add-to-cart .btn,.products-short .thumbnail-container .product-add-to-cart .btn{
    width:22%;
	}
  .products-short .thumbnail-container .price-tag {
    width: 22%;
 }
  .products-short .thumbnail-container .price-tag div,.products-short .product-price .price-wrap span{
  	width:100%;
  }
}
@media (max-width: 1366px){
  .products-short .thumbnail-container .producthover .pro_btn .btn{
  	margin:0;
  }
}
@media (max-width: 1199px){
  .products-short .thumbnail-container .producthover{
  	width: 23%;
  }
}
@media (max-width: 991px){
.products-list .thumbnail-container .producthover .product-add-to-cart{
    width: 32%;
}
.products-short .thumbnail-container .producthover {
	width: 25%;
}
.product-description .quick-view-block{
      transform: translateX(0);
  	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-o-transform:translateX(0);
	-ms-transform:translateX(0);
    opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
}
}
@media (max-width: 767px){
    .products.products-list, .products.products-short{
  	padding:10px;
  }
  .products-short .thumbnail-container .price-tag{
  	padding: 0 15px;
  }
  .products-short .thumbnail-container .producthover{
  	width:100%;
    float: left;
    padding:0 15px;
  }
  .products-short .thumbnail-container .producthover .product-add-to-cart{
  	width: auto;
  }
  .products-short .thumbnail-container .producthover .product-add-to-cart .btn{
  	padding: 8px 0;
  }
  .products-short .thumbnail-container .producthover .pro_btn .btn{
     width: 35px;
    height: 35px;
    line-height: 41px;
  }
  .products-list .thumbnail-container .producthover .pro_btn .btn{
   width: 35px;
    height: 35px;
    line-height: 41px;
    margin: 0 5px 0 0;
}
  .products-list .thumbnail-container .producthover .product-add-to-cart{
  	width: 35px;
    margin: 0 5px 0 0;
  }
  .products-list .thumbnail-container .producthover .product-add-to-cart .btn{
		padding: 8px 0;
    margin: 0;
  }
  .products-list .thumbnail-container .producthover .product-add-to-cart{
  		width: 40px;
  }
  .products-list .thumbnail-container .producthover .pro_btn.product-add-to-cart .btn span,.products-short .thumbnail-container .producthover .pro_btn.product-add-to-cart .btn span {
		display:none;
	}
  .products-list .thumbnail-container .description,.products-short .thumbnail-container .description{
  	font-size: 11px;
    line-height: 18px;
    margin: 0 0 8px;
  }
  .products-short .thumbnail-container .product-description{
   text-align: left;
   padding: 0;
  }
}
@media (min-width: 481px){
	.products-list .thumbnail-container .product-description,.products-short .thumbnail-container .product-description .short-title{
    text-align: left;
	}
  .products-list .thumbnail-container .product-description{
  	padding:  0 15px;
  }
}
@media (max-width: 600px){
  .products-short .thumbnail-container .image-wrap{
  	padding: 0;
  }
.products-grid .grid-item {
    width: 50%;
      padding: 0 10px;
}
}
@media (max-width: 480px){
 .products-short .thumbnail-container:hover .image-wrap .sale-label, .products-short .thumbnail-container .image-wrap .sale-label{
	right: 0;
}
  .products-short .thumbnail-container .ratting .stars span{
  	vertical-align: top;
  }
  .products-short .thumbnail-container .price-tag{
  	margin: 0 0 5px;
  }	
  .products-short .thumbnail-container .producthover .pro_btn .btn svg{
  	width: 13px;
  }
.products-short .thumbnail-container .producthover .pro_btn .btn {
	width: 30px;
	height: 30px;
	line-height: 35px;
}
  .products-short .thumbnail-container .producthover .product-add-to-cart{
  		margin: 0;
  }
.products-short .thumbnail-container .producthover .product-add-to-cart .btn {
	padding: 7px 0;
}
  .products.products-list .thumbnail-container .full-title , .products.products-short .thumbnail-container .full-title{
  	width: 100%;
  }
  .thumbnail-container .full-title{
   	margin: 0 0 5px;
  }
  .products-list .grid-item .thumbnail-container .image-wrap{
    width: auto;
    float: none;
    display: table;
    margin: auto;
	}
  .products-list .thumbnail-container .product-description{
  	width: 100%;
    padding: 10px;
  }
  .products-short .thumbnail-container .description{
   display:none;
  }
}
/*--------------- product page -----------------------*/
.relatedproducts {
    float: left;
    width: 100%;
    margin: 0 0 30px;
}
.product-tabs .tabsPages .page {
    clear: both;
    display: none;
    padding: 0;
    width: 100%;
    float: left;
    max-height: 100% !important;
}
.product-tabs .tabsPages .page.active{
		display: block;
}
.product-info .review-container .ratting,.product-info .review-container .review-score,.product-info .review-container .review{
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
}
.product-info .review-container {
    font-size: 15px;
}
.stars {
    font-size: 16px;
    line-height: 16px;
}
.product-info .review-container .review-score,.product-info .review-container .ratting{
 		border-right: 1px solid;
    padding-right: 10px;
    margin-right: 10px;
}
.product-wrap {
  float: left;
  width: 100%;
  padding: 30px 15px;
    box-shadow: 1px 2px 3px 0 #e5e5e5;
    -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
  margin: 0 0 30px;
}
.product-wrap .product-img .thumbs .thumbnails {
    padding: 0;
  	height: auto;
}
.product-wrap .product-img .zoombox {
    text-align: center
}
.zoombox .thumbs-container {
    display: inline-block;
    float: none;
    text-align: center;
    vertical-align: top;
    width: 100%;
    position: relative;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0
}
.tt-quickview-wrap .zoombox .thumbs-container{
 margin:0px;
}
.product-img .thumbs .thumbnails>a {
	margin: 0;
	float: left;
  cursor: pointer;
  opacity: 0.5;
  -moz-opacity: 0.5; 	
	-khtml-opacity: 0.5; 
	-webkit-opacity: 0.5;
  border: 1px solid;
}
.product-img .thumbs .thumbnails>a.active{
	opacity: 1;
  -moz-opacity: 1; 
	-khtml-opacity: 1; 
	-webkit-opacity: 1;
  border: 1px solid #666;
}
.thumbs-container .swiper-button-prev {
    right: auto;
    left: 0;
}
.thumbs-container .swiper-button-next,.thumbs-container  .swiper-button-prev{
		background: rgba(0,0,0,0.3);
  	opacity: 0;
    -moz-opacity: 0; 
    -khtml-opacity: 0; 
    -webkit-opacity: 0;
    visibility: hidden;
  	transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.thumbs-container .swiper-button-next:hover,.thumbs-container  .swiper-button-prev:hover{
		background: #666;
}
.thumbs-container .swiper-button-next:hover::after,.thumbs-container .swiper-button-prev:hover::after{
		color: var(--color-secondary);
}
.thumbs-container:hover .swiper-button-next,.thumbs-container:hover  .swiper-button-prev{
  	opacity: 1;
    -moz-opacity: 1; 
    -khtml-opacity: 1; 
    -webkit-opacity: 1;
    visibility: visible;
}
.thumbs-container .swiper-button-next::after, .thumbs-container .swiper-button-prev::after {
    color: #fff;
  	font-size: 11px;
}
.thumbs-container .swiper-button-next::before{
		display: none;
}
.product-info .review-container,.product-info h1.product-title,.product-info .product-description,.product-info .variants,.product-info .product-price,.product-info .cart-quantity,.product-info .product-services,.product-info .product-inventory,.product-info .product-option,.product-info .tags-actions,.product-actions .actions{
  float: left;
  width: 100%;
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid;
}
.product-info h1.product-title {
  font: 500 18px/26px var(--font-headings);
  padding: 0 0 10px;
  color: var(--color-primary);
}
.product-info .product-description {
	font-size: 14px;
  line-height: 24px;
}
.product-info>form {
  float: left;
  width: 100%
}
.product-info .cart .quantity-change>input {
  float: left;
  text-align: center;
  max-width: 120px;
  height: 50px;
  background: #f5f5f5;
  border: none;
  font-size: 15px;
}
.product-info .cart .quantity-change>.change {
    float: left;
    width: 100%
}
.product-info .cart .quantity-change {
    float: left;
    width: auto;
    margin-right: 15px;
    position: relative
}
.product-info .cart .change a {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 40px
}
.product-info .cart .change a:hover {
    background-color: #ebebeb
}
.product-info .cart .change a.up {
    left: auto;
    right: 0
}
.product-info .cart .change a.down {
    right: auto;
    left: 0
}
.product-info .specification .specs td.spec-title {
    margin: 0 5px 0 0;
    float: left
}
.product-info .variants>li {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 5px 12px;
    border: 1px solid #ccc;
}
.product-info .variants>li .variations {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}
.product-info .cart-quantity>.cart {
    float: left;
    width: 100%;
    margin: 0 0 15px;
}
.tags-actions > div {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 16px;
}
.tags-actions > div:last-child{
	 margin: 0px;
}
.tags-actions > div span {
    color: #222;
    font-weight: 500;
  	line-height: 20px;
}
.tags-actions > div a {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    position: relative;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
  	font-size: 14px;
    line-height: 20px;
}
.tags-actions > div a:last-child{
	margin: 0;
  padding: 0;
}
.tags-actions > div a::after {
    content: '/';
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: -5px;
    margin: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
  	color: #666;
}
.tags-actions > div a:last-child::after{
 display:none;
}
.product-info .product-inventory > div {
    margin: 10px 0;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    width: 34%;
    float: left;
}
.product-info .product-inventory > div .title {
    float: none;
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    color: #222;
}
.product-actions .social-media .social-block {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.product-actions .actions a svg {
    width: 14px;
    height: 17px;
    line-height: 16px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 0 0;
    fill: #777;
  	transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.product-actions .actions a:hover svg{
  -webkit-animation: beat .6s ease-in-out infinite alternate;
    animation: beat .6s ease-in-out infinite alternate;
  	fill: var(--color-primary)
}
.product-actions .actions a:hover{
	color: var(--color-primary);
}
@keyframes beat{
	to { transform: scale(1.2); }
}
.product-actions .actions {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.product-actions .actions a {
  	float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 0 0;
    font-size: 14px;
    line-height: 16px;
}
.product-actions .actions a.print svg {
    fill: none !important;
}
.product-info .product-price .old-price {
    text-decoration: line-through;
    color: #797979;
    float: none;
    display: inline-block;
    vertical-align: top;
    line-height: 26px;
}
.product-info .discount {
    float: left;
    width: 100%;
    margin: 0 0 15px
}
.product-info .discount>ul {
    float: left;
    width: auto;
    padding: 8px 30px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
    text-align: center
}
.product-services .service-content {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.product-services .service-content svg {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
      transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.product-services .service-content:hover svg{
	    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}
.product-info .specification {
    float: left;
    width: 100%;
    border-top: 1px solid;
    padding: 15px 0
}
.product-info .specs>a {
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 10px;
    float: left;
    width: 100%
}
.product-info .product-price .cart {
    float: right;
    line-height: 0
}
.product-info .product-price .cart input {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    float: left;
    padding: 8px 5px
}
.product-info .product-price .cart .change {
    float: left;
    width: 16px;
    height: 40px;
    background-color: #f7f7f7;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    border-left: 0
}
.product-info .product-price .cart .change a {
    color: #797979;
    display: block;
    width: 16px;
    height: 18px;
    text-align: center;
    text-decoration: none;
    line-height: 20px
}
.product-info .product-price .cart .change a:hover {
    color: #414141
}
.product-info .product-price .btn {
    line-height: 38px;
    padding: 0 20px
}
.product-info .cart .btn {
    font-size: 14px;
    padding: 10px 0;
    width: auto;
    display: block;
}
.product-info .cart .btn i {
		float: none;
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 28px;
    line-height: 31px;
    font-size: 18px;
}
.product-info .cart .btn i::before{
	font-size: 18px;
}
.product-info .cart-quantity .btn--quick-checkout {
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
  	background: var(--color-secondary);
  	color: var(--color-secondary-text);
}
.product-info .cart-quantity .btn--quick-checkout::after{
  	background: var(--color-primary);
}
.product-info .cart-quantity .btn--quick-checkout:hover,.product-info .cart-quantity .btn--quick-checkout:active,.product-info .cart-quantity .btn--quick-checkout:focus{
	color: var(--color-primary-text);
}
.product-img span.blogicons {
    position: absolute;
    top: auto;
    bottom: 1px;
    z-index: 1;
    left: auto;
    right: 1px;
    background: #fff;
    padding: 5px 0px 0 5px;
}
.product-img span.blogicons .iocn {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    z-index: 2;
  	margin: 5px;
  overflow: hidden;
}
.product-img span.blogicons .iocn svg {
    color: #111;
  	transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
}
.product-img span.blogicons .iocn:hover svg{
	-webkit-animation: toTopFromBottom 0.6s forwards;
	animation: toTopFromBottom 0.6s forwards;
}
@-webkit-keyframes toTopFromBottom {
		49% {
		  -webkit-transform: translateX(100%);
				  transform: translateX(100%);
		}
		50% {
		  opacity: 0;
		  -webkit-transform: translateX(-100%);
				  transform: translateX(-100%);
		}
		51% {
		  opacity: 1;
		}
}  
@keyframes toTopFromBottom {
		49% {
		  -webkit-transform: translateX(100%);
				  transform: translateX(100%);
		}
		50% {
		  opacity: 0;
		  -webkit-transform: translateX(-100%);
				  transform: translateX(-100%);
		}
		51% {
		  opacity: 1;
		}
}
.product-info .cart-quantity .btn--quick-checkout::before {
    content: '\f496';
    font-family: "Material Design Icons";
    font-size: 20px;
    line-height: 18px;
    margin: 0 5px 0px 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.product-tabs {
  float:left;
  width:100%;
  padding-top: 0;
  margin-bottom: 30px
}
.page-title h1.product-page {
    width: 100%
}
.product-tabs .review .date {
    float: right;
    width: 50%;
    margin: 0;
    text-align: right
}
.product-tabs .pro-tab{
  width: 100%;
  float: left;
  padding: 10px 30px 30px 30px;
  box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
  -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
  -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.product-tabs .review .date small {
    font-size: 14px
}
.product-tabs .review .date span.glyphicon {
    margin: 0 5px 0 0
}
.product-tabs table.layout tr td {
    float: left;
    width: 50%
}
.zoombox .images {
    position: relative;
    display: block;
    margin: 0 0 30px;
  	border: 1px solid;
}
.zoombox .images a {
    display: none;
    cursor: pointer;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    overflow: hidden
}
.zoombox .images a.first {
    display: block
}
.zoombox .images a img,.zoombox .thumbs a img {
    width: 100%;
    height: auto;
    background-color: #f7f7f7
}
.zoombox .images a img.zoomImg {
    max-height: none
}
.zoom a {
    text-decoration: none
}
.product-wrap .product-img .thumbs .thumbnails .thumbnail {
  border: none;
  padding: 0px;
  border-radius: 0px;
}
.product-tabs .tabs {
  float: left;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid;
  margin: 0 0 20px;
}
.product-tabs .tabs li.active a {
    color: #222;
}
.product-tabs .tabs li a::after{
    content: "";
    left: 0px;
    right: 0;
    position: absolute;
    top: auto;
    bottom: -2px;
    height: 2px;
    z-index: -1;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
    width: 0;
    background: #222;
    margin: 0 auto;
}
.product-tabs .tabs li.active a::after{
   width: 100%;
}
.product-tabs .tabs li {
		float: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.product-tabs .tabs li a{
    float: none;
    display: inline-block;
    vertical-align: top;
    font: 500 18px/20px var(--font-headings);
    margin: 0 0 -1px;
    padding: 15px;
    opacity: 0.9;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    -webkit-opacity: 0.9;
}
.product-tabs>.tabsPages {
    float: left;
    width: 100%;
    margin: 15px 0 0;
}
.user-account span.mdi.mdi-account {
    float: none;
    width: auto;
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.tabsPages .page.reviews .review {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    float: left;
    width: 100%;
}
.tabsPages .page.reviews .bottom {
    font-size: 16px;
    float: left;
    width: auto;
}
.tabsPages .page.reviews .right {
    float: right;
    width: auto;
}
.tabsPages .page.reviews .bottom div {
    float: left;
    width: 100%;
}
.tabsPages .page.reviews .bottom > div {
    margin: 0 0 10px;
}
.tabsPages .page p {
    float: left;
    width: 100%;
  	margin: 0 0 10px;
		line-height: 22px;
}
.tabsPages .page.reviews .review .user-date .user-account {
    float: left;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.bundleproduct {
    float: left;
    width: 100%;
  	margin: 0 0 30px;
}
.bundleprice {
  padding: 0 0 0 50px;
}
.bundleprice {
  flex-grow: 1;
}
.product-tabs .page ul {
    list-style: disc;
    padding: 0 0 0 20px;
    margin: 15px 0 0;
}
.product-tabs .page ul li {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 10px;
}
.bundleproduct .product .bundleproductinfo>a.title {
    font-weight: 400;
    text-align: left
}
.bundleproduct .product:first-child .bundleproductinfo>a.title {
		color: #222;
}
.bundleproduct .product-details .discount.title {
    margin: 0 0 10px
}
.bundleproduct form {
    float: left;
    width: 100%;
    margin: 15px 0 0;
    box-shadow: 1px 2px 3px 0px #e5e5e5;
    -webkit-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -moz-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -ms-box-shadow: 1px 2px 3px 0px #e5e5e5;
    -o-box-shadow: 1px 2px 3px 0px #e5e5e5;
  padding: 30px;
}
.bundleproduct .product-details .price.total, .bundleproduct .product-details .old-price{
   font: 500 26px/28px var(--font-headings);
}
.bundleproduct .product-details .old-price{
  float: none;
  display: inline-block;
  vertical-align: top;
}
.bundleproduct .product-details .cart a.btn {
    font-size: 14px;
  	line-height: 27px;
}
.bundleproduct .product-details .cart a.btn i {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    line-height: 27px;
    font-size: 18px;
}
.bundleproductinfo.info {
    float: left;
  	width: auto;
    margin: 15px 0 0;
}
.bundleproduct .product-details {
  text-align: left;
  padding: 50px 0;
}
.bundleproduct .product-details .discount-title {
    float: left;
    width: 100%;
    font: 500 26px/30px var(--font-headings);
    color: #222;
    margin: 0 0 20px;
}
.bundleproduct .product-details .discount-percentage {
    font-size: 16px;
    line-height: 20px;
    float: none;
    display: inline-block;
    vertical-align: top;
    color: #ef5c5c;
    border: 1px solid #ef5c5c;
    padding: 5px 12px;
    margin: 0 0 10px;
}
.bundle-price {
    margin: 0 0 30px;
}
.bundleproduct .product-details .old-price {
    font-size: 18px;
    text-decoration: line-through;
    margin: 0 0 0 10px;
}
.bundleproduct .bundles {
    display: flex;
    align-items: center;
}
.zoombox .thumbs a {
    margin-bottom: 30px
}
.zoombox .thumbs a img {
    display: block;
    cursor: pointer;
    margin-bottom: 0;
    padding: 0;
    background-color: #fff;
    border-radius: 0;
  border:none;
}
.product-info .row {
    clear: both;
    margin-right: 0
}
.product-wrap .product-info .product-price .price {
    font-size: 24px;
    line-height: 26px;
    font-weight: 500;
}
.product-info .product-price .cart {
    float: right;
    line-height: 0
}
.product-info .product-price .cart input {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    float: left;
    padding: 8px 5px
}
.product-info .product-price .cart .change {
    float: left;
    width: 16px;
    height: 40px;
    background-color: #f7f7f7;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    border-left: 0
}
.product-info .product-price .cart .change a {
    color: #797979;
    display: block;
    width: 16px;
    height: 18px;
    text-align: center;
    text-decoration: none;
    line-height: 20px
}
.product-info .product-price .cart .change a:hover {
    color: #414141
}
.product-info .product-price .btn {
    overflow: hidden;
    margin-top: -1px;
    line-height: 37px;
    height: 39px;
    padding: 0 30px
}
.product-info .product-price .btn:hover span {
    opacity: 0
}
.product-info .product-price .btn::before {
    left: 0;
    top: -50px;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 16px;
    text-align: center
}
.product-info .product-price .btn:hover::before {
    top: 2px
}
.bundleproduct .products .product i {
    position: absolute;
    top: 0;
    left: -17px;
    right: auto;
    bottom: 0;
    margin: auto 0;
    height: 35px;
    width: 35px;
    line-height: 32px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #e5e5e5;
}
.bundleproduct .products .product {
  border-right: 1px solid;
  position: relative;
  padding: 0 15px;
  width: 100%;
  float: left;
}
.bundleproduct .products .bundleproductinfo.info a h3{
	font-size: 16px;
}
.bundleproduct .products .product:last-child::after{
    	position: absolute;
  		content: '=';
 			 top: 0;
			left: auto;
    	right: -17px;
      bottom: 0;
      margin: auto 0;
      height: 35px;
      width: 35px;
      line-height: 32px;
      background: #fff;
      border-radius: 50%;
      text-align: center;
      border: 1px solid #e5e5e5;
      font-size: 17px;
    font-weight: 500;
}
.related-products.products .grid-item {
    float: left;
    width: 100%;
  	padding: 0;
}
.related-section {
    float: left;
    width: 100%;
  	padding: 30px 30px 80px;
		margin-bottom: -50px;
}
.relatedproducts .relat-products{
    float: left;
    width: 100%;
    box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.product-option label {
    float: none;
    display: inline-block;
    vertical-align: top;
    font: 500 15px/46px var(--font-headings);
    color: #222;
    margin: 0 10px 0 0;
}
.product-option .select-wrapper {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.product-option .select-wrapper>select,.product-option .product-configure select{
    padding: 15px 30px 15px 15px;
    background: #f5f5f5;
    border: none;
    font-size: 14px;
}
.product-option .select-wrapper::after {
    top: 0;
    bottom: 0;
    line-height: 44px;
}
@media (max-width:1299px) {
  .product-info .variants>li .variations{
  	font-size:13px;
  }
  .product-wrap .product-info .product-price .price{
   	font-size: 20px;
    line-height: 22px;
  }
  .product-info .product-price .old-price{
   line-height: 22px;
  }
  .product-info .product-inventory > div{
  	width: 50%;
  }
}
@media (max-width:1199px) {
	.product-info .review-container, .product-info h1.product-title, .product-info .product-description, .product-info .variants, .product-info .product-price, .product-info .cart-quantity, .product-info 		.product-services,.product-info .product-inventory,.product-info .product-option,.product-info .tags-actions{
    padding: 0 0 15px;
    margin: 0 0 15px;
	}
  .product-services .service-content{
  	font-size: 13px;
    line-height: 18px;
  }
}
@media (max-width:991px) {
  .thumbs-container .swiper-button-next, .thumbs-container .swiper-button-prev{
  	opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
  }
  .bundle-product{
  	padding:0;
  }
  .bundleproduct .product-details {
	padding: 20px 0 0;
}
  .bundle-price {
	margin: 0 0 20px;
}
  .product-tabs .pro-tab{
  	padding:0 15px 15px 15px;
  }
  .related-section{
  	padding: 15px;
    margin: 0;
  }
  .bundleproduct form{
  		padding: 15px 30px 15px 0;
  }
  .bundleprice {
	padding: 0 0 0 20px;
}
  .product-wrap{
  	padding: 15px;
  }
    .zoombox .thumbs-container {
        width: 80%
    }
    .product-info .cart-quantity {
        float: left;
        width: 100%
    }
    .product-services .service-content {
        padding: 3px 5px 3px 5px;
        font-size: 13px
    }
    .product-wrap .product-img,.product-wrap .product-info {
    float: left;
    width: 100%;
    padding:0px;
  }
  .product-info .cart .quantity-change>input{
  	width:100px;
  }
  .product-info .cart .change a{
   width:40px;
  }
  .related .product .bundle-actions {
    width: 50%;
    *width: 50%
  }
}
@media (max-width:767px) {
  .bundleproduct .bundle-product .product-details{
   padding: 15px 0 0;
  }
  .bundleproduct .bundle-product .bundleprice {
      width: 100%
  }
  .zoombox .images {
    max-width: 370px;
    float: none;
  	display: inline-block;
        vertical-align: top
    }
  .product-actions .actions{
  	display: block;
  }
  .product-actions .actions a {
	margin: 0 0px 7px 0;
	width: 100%;
}
}
@media (max-width:480px) {
  .thumbs-container .swiper-button-next, .thumbs-container .swiper-button-prev {
			top: 55%;
}
  .bundleproduct .products .bundleproductinfo.info a h3 {
	font-size: 13px;
}
  .bundleproduct .product-details .discount-title ,.bundleproduct .product-details .price.total, .bundleproduct .product-details .old-price{
  		font-size: 23px;
    	line-height: 25px;
  }
    .zoombox .thumbs-container {
        width: 100%
    }
      .product-info .discount>ul {
        padding: 8px 10px
    }
    .product-info .product-price .price {
        line-height: 24px
    }
    .product-info .price-wrap,.product-info .product-price .cart {
        float: none;
        width: 100%
    }
    .product-info .product-price .cart {
        margin-top: 15px
    }
      .bundleproduct .products .product {
        width: 100%;
    		float: left;
    		position: relative;
   		 padding: 0 16px;
    }
    .product-info .product-price .price {
        line-height: 24px
    }
    .product-info .price-wrap,.product-info .product-price .cart {
        float: none;
        width: 100%
    }
    .product-info .product-price .cart {
        margin-top: 15px
    }
}
/*-------------------------- breadcrumb --------------------------*/
.breadcrumb-content {
    float: left;
    width: 100%;
    padding: 20px 0;
  	background-color: #f5f5f5;
  	margin: 15px 0;
}
.breadcrumb-content .parallex {
    float: left;
    width: 100%;
    padding: 50px 0;
  	position: relative;
}
.breadcrumb-content .parallex::before {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    height: 100%;
    width: 100%;
}
.breadcrumb-content h1 {
   float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    font: 500 16px/18px var(--font-headings);
}
.breadcrumbs .breadcrumb__sep {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 0;
}
.breadcrumbs a:not(.home) {
    position: relative;
      padding: 0 20px 0 0;
}
.breadcrumbs a:hover{
		color: #222 !important;
}
.breadcrumbs a:not(.home):last-child::before {
 display:none;
}
.breadcrumbs a:not(.home)::before {
    content: "\f142";
    font-family: "Material Design Icons";
    font-size: 16px;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    line-height: 16px;
    float: none;
    display: inline-block;
    vertical-align: top;
}
.breadcrumbs .breadcrumb__sep::before {
    content: "\f142";
    font-family: "Material Design Icons";
    font-size: 16px;
}
@media (min-width:992px) {
	.breadcrumbs {
    text-align: right;
	}
}
@media (max-width:991px){
  .breadcrumb-content{
  	text-align: center;
    padding: 15px 0;
  }
}
@media (max-width:767px) {
  .breadcrumb-content .parallex {
  	padding: 30px 0;
    text-align: center;
  }
  .breadcrumb-content h1 {
    margin: 0 0 10px;
}
  .product-info h1.product-title{
  	font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width:480px) {
  .product-info .product-inventory > div{
   width: 100%;
  }
  .product-info .cart .btn {
    padding: 10px 20px;
}
.breadcrumb-content .parallex {
    padding: 15px 0;
}
  .breadcrumb-content h1 {
		display: none;
}
  .breadcrumbs a {
    font-size: 12px;
}
}
/*-------------------------- category page --------------------------*/
.sidebar label {
    display: inline-block;
    float: none;
    vertical-align: middle;
    cursor: pointer;
  	font-weight: 400;
  transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.sidebar .sidebar-filter-item label:hover{
 color: #222;
}
.sidebar.left-column .sidebar-sticky div ul.toggle,.sidebar.right-column .sidebar-sticky div ul.toggle {
  padding: 0 5px;
  float: left;
  width: 100%;
  margin: 15px 0 0;
}
.left-column .grid-item .thumbnail-container::before , .right-column .grid-item .thumbnail-container::before{
	display: none;
}
.products.products-grid .grid-item .thumbnail-container::before{
    top: -10px;
  	z-index: 0;
}
.products.products-grid .grid-item .thumbnail-container:hover::before{
  	z-index: 1;
}
.products.products-grid .grid-item .thumbnail-container:hover .image-wrap , .products.products-grid .thumbnail-container:hover .product-description{
	z-index: 2;
}
.left-column .grid-item .thumbnail-container .full-title, .right-column .grid-item .thumbnail-container::before{
	width:100%;
}
.custom-filters {
  float: left;
  width: 100%;
  margin: 15px 0 0;
}
.filter-content {
    float: left;
    width: 100%;
  	margin: 0 0 20px;
}
.sidebar .sidebar-filter-item:last-child {
    margin: 0;
}
.sidebar .sidebar-filter-item {
  float: left;
  width: 100%;
  margin: 0 0 5px;
  line-height: 25px;
}
span.fillter-count {
  float: right;
  background: #f5f5f5;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%; 
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
	-khtml-border-radius: 50%;
}
.sidebar .sidebar-filter-item .checkbox-wrapper {
    background: rgba(0, 0, 0, 0) url(input-sprite.png) repeat scroll 0 -257px;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    width: 15px
}
.sidebar .sidebar-filter-item .checkbox-wrapper.active {
    background-position: -15px -257px
}
.product-options-mode .sortby {
    margin: 0 15px 0 0
}
.sidebar .sidebar-filter-item .checkbox-wrapper>input {
  border: medium none;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  position: relative;
  cursor:pointer;
}
.sidebar .sidebar-sticky>div {
  	padding: 15px;
    margin: 0 0 20px;
    float: left;
    width: 100%;
    background: #fff;
      box-shadow: 1px 0px 5px 1px #e5e5e5;
    -webkit-box-shadow: 1px 0px 5px 1px #e5e5e5;
    -moz-box-shadow: 1px 0px 5px 1px #e5e5e5;
    -ms-box-shadow: 1px 0px 5px 1px #e5e5e5;
    -o-box-shadow: 1px 0px 5px 1px #e5e5e5;
}
.sidebar .sidebar-sticky div .title.collapsed{
	border-bottom: none;
} 
.sidebar .sidebar-sticky div .title {
  float:left;
  width:100%;
 	padding: 10px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.sidebar .title .sidebar-title {
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
}
.sidebar #ttcmsleftbanner {
    border: none;
    padding: 0;
  	background: none;
}
.sidebar #ttcmsleftbanner img{
		width: 100%;
}
.sidebar .title span.collapse-icons>i {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    float: none;
    display: inline-block;
    vertical-align: top;
}
.sidebar .title span.collapse-icons>i.mdi-chevron-up {
    display: none
}
.sidebar .title[aria-expanded="true"] span.collapse-icons>i.mdi-chevron-up {
    display: block
}
.sidebar .title[aria-expanded="true"] span.collapse-icons>i.mdi-chevron-down {
    display: none
}
.sidebar #categories .item a.itemLink {
    padding: 0 0 6px;
    color: #777;
    float: left;
    width: auto;
}
.sidebar div .title {
  cursor: pointer
}
.sidebar .compare-product span.sidebar-title,.sidebar .thumbnail-container .producthover,.sidebar .thumbnail-container .ratting,.sidebar .thumbnail-container .discount,.sidebar .thumbnail-container .image-wrap .sale-label {
    display: none
}
.sidebar .compare-product a.remove-compare {
    float: left;
    width: 100%
}
.sidebar .products .thumbnail-container {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    float: left
}
.sidebar .thumbnail-container .product-image-wrap {
    border: none;
    padding: 0
}
.sidebar .section_top{
margin: 0 0 20px;
}
.sidebar .products .grid-item::after {
    display: none
}
.sidebar .thumbnail-container.product-list-view .description {
    display: none
}
.sidebar .thumbnail-container .product-info {
    text-align: left;
    padding: 0 0 0 10px;
  	width: 70%;
}
.sidebar .thumbnail-container .product-info .full-title a{
	color: var(--color-primary);
}
.sidebar .thumbnail-container .product-info .full-title:hover a{
		color:#111;
}	
.sidebar .swiper-button-next,.sidebar  .swiper-button-prev {
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: 10px;
    margin-top: 0;
}
.sidebar .swiper-button-next::before{
	left: -7px;
}
.sidebar .swiper-button-next::after,.sidebar .swiper-button-prev::after {
    font-size: 12px;
}
.sidebar .thumbnail-container{
	margin: 0 0 30px;
}
.sidebar .li_single .grid-item:last-child .thumbnail-container{
	margin: 0;
}
.sidebar .thumbnail-container .product-info .ratting {
    text-align: left
}
.sidebar .thumbnail-container .image-wrap {
    padding: 0
}
.sidebar .thumbnail-container .image-wrap>a {
    border: 1px solid;
    float: left;
    width: 100%
}
.sidebar .thumbnail-container .producthover .add-to-cart {
    transform: none
}

#compare .product-content .grid-item {
    width: 100%;
    padding: 0;
    border: none;
    margin: 0 0 10px
}
.compare-product .compare .compare-btn {
    float: left;
    width: 100%
}
.compare-product .compare .compare-btn>a {
    text-decoration: none;
    float: left;
    width: 100%
}
.sidebar .compare-product ul#compare {
    float: left;
    width: 100%;
    margin: 15px 0 0
}
.sidebar span.navbar-toggler.collapse-icons {
    float: right
}
.sidebar .filter-title {
  float: left;
    width: 100%;
    padding: 8px 10px;
    margin: 0 0 10px;
    font: 500 14px/18px var(--font-headings);
    color: #222;
    border-bottom: 1px solid #e5e5e5;
}
.modes {
    font-size: 1.5em;
    padding-left: 3px
}
.list .info {
    border-left: 0px!important
}
.list .description {
    margin-left: -15px
}
.list .image-wrap {
    border: 1px solid #e5e5e5!important;
    flex: 1
}
.list .image-wrap img {
    padding: 0!important;
    border: none!important
}
.list .col-lg-5,.list .col-md-5 {
    padding: 0!important
}
.list .col-md-8,.list .col-lg-8.list .col-sm-7,.list .col-xs-7 {
    margin: 0 auto!important;
    border-right: 1px solid #e5e5e5!important
}
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 15px;
    margin-right: 15px
}
.row.is-flex>[class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-inline-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.sidebar .sidebar-sticky>div #bestseller {
    float: left;
    width: 100%;
}
.sidebar .sidebar-sticky>div #bestseller .grid-item {
    float: left;
    width: 100%;
}
#bestseller .owl-carousel .owl-nav {
    position: absolute;
    top: -32px;
    bottom: auto;
    left: auto;
    right: 0;
  	height: 24px;
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
}
#bestseller .owl-carousel .owl-nav button {
    background: none;
}
#bestseller .owl-carousel .owl-nav button i {
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    float: left;
    display: inline-block;
    vertical-align: top;
  transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
 outline:none;
}
#bestseller .owl-carousel .owl-nav button i:hover{
 color:#222;
}
.sidebar.left-column {
    width: 20%;
}
.category-content .textcategory p {
    font-size: 14px;
    line-height: 20px;
}
[id^="filter"].in,[id^="filter"].collapsing {
    display: block!important
}
.price-filter {
    padding-bottom: 40px
}
.price-filter-range {
    font-size: 10px
}
#collection-filter-price {
    height: 8px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 3px 4px 8px 8px;
    position: relative;
    display: block!important;
    animation-play-state: paused
}
#collection-filter-price{
 background-color: #f5f5f5;
}
#collection-filter-price .ui-slider-range {
    background-color: var(--color-secondary);
    border: 1px solid #e5e5e5;
    margin: -1px 0 0 -1px;
    position: absolute;
    height: 8px
}
#collection-filter-price .ui-slider-handle {
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border: 0;
    top: -3px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-left: -10px;
    cursor: col-resize;
    border: 1px solid #ccc;
    background-color: white;
    outline: none
}
.price-filter-range .min {
    float: left;
    font-size: 12px
}
.price-filter-range .max {
    float: right;
    font-size: 12px
}
.sidebar select {
    display: block;
    margin-bottom: 10px;
    max-width: 100%
}
.sidebar .item {
		float:left;
  	width:100%;
}
.sidebar li.item:last-child {
    padding: 0
}
.sidebar .item .subnav {
  float: left;
  width: 100%;
  padding: 5px 0 10px 10px;
}
.sidebar .item > .subnav > li.subitem {
    margin: 0 0 6px;
    float: left;
    width: 100%;
}
.sidebar .item .subnav .subitem {
    margin: 0 0 5px;
}
.sidebar-sticky .compare-product .compare .compare-btn {
    padding: 0 0 15px
}
.category .tot-compare {
    float: left;
    width: 100%;
    background: #fff;
    padding: 15px;
    margin: 20px 0 0;
  	box-shadow: 1px 2px 3px 0 #e5e5e5;
    -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
}
.category .cat-title {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    font: 500 20px/22px var(--font-headings);
    color: #222;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 10px;
}
.category .tot-compare .total-compare {
    float: left;
    width: auto;
}
.category .tot-compare .total-product {
    float: right;
    width: auto;
}
.category .product-options-mode div#list-grid {
    float: left;
    width: auto;
}
.category .product-options-mode #filter_sort_form{
		float: right;
    width: auto;
}
.category .product-options-mode .limit-filter, .category .product-options-mode .sortby {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
  	font-size: 14px;
    line-height: 34px;
}
.category .product-options-mode span{
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none !important;
}
.category .product-options-mode #filter_sort_form select.form-control {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
}
.products .no-products-found {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px 0;
    font-size: 20px;
    line-height: 22px;
}
.products-grid .grid-item .thumbnail-container {
    margin: 0 0 30px;
}
.products-container .products:not(.products-list,.products-short,.slider-specialproduct) .thumbnail-container .product-description{
width: 100%;
}
.category .product-options-mode {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  	flex-wrap: wrap;
    margin: 15px 0;
}
.grid-list>#button-grid, .grid-list>#button-list,.grid-list>#button-short{
    color: #aaa;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 24px;
    line-height: 24px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    width: 24px;
    position: relative;
  	transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.grid-list>#button-grid.active, .grid-list>#button-list.active,.grid-list>#button-short.active,.grid-list>#button-grid:hover, .grid-list>#button-list:hover,.grid-list>#button-short:hover{
	color: #222;
}
.grid-list>#button-grid::after,.grid-list>#button-list::after,.grid-list>#button-short::after{
    content: "\f03b";
    position: absolute;
    left: 0;
    right: 0;
    height: 24px;
    font-size: 24px;
    width: 24px;
    font-family: "Material Design Icons";
}
.grid-list>#button-short::after {
    content: "\f687";
}
.grid-list>#button-list::after{
	 content: "\f279";
}
.category .product-options-mode .select-wrapper {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
}
.select-wrapper>select {
    box-shadow: none!important;
    border-radius: 0;
    padding: 0 25px 0 10px;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    -khtml-appearance: none;
  	font-size: 14px;
    line-height: 16px;
}
.select-wrapper {
    position: relative;
}
.select-wrapper::after {
    content: "\f140";
    font-family: "Material Design Icons";
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 8px;
    float: none;
    display: inline-block;
    vertical-align: top;
    line-height: 16px;
}
.products-list .grid-item, .products-short .grid-item{
    margin: 0 0 15px;
    border-bottom: 1px solid #e5e5e5;
  	padding: 0 0 15px;
}
.products-list .grid-item:last-child,.products-short .grid-item:last-child{
    border-bottom: none;
}
.pager {
    float: left;
    width: 100%;
    padding: 15px 10px 0;
}
.pager .left {
    float: left;
    font-size: 14px;
    line-height: 34px;
}
.pager .right {
    float: right;
  	width: auto;
}
.pager ul li {
    float: none;
    display: inline-block;
    vertical-align: top
}
.pager ul li a {
    color: #797979;
    float: left;
    padding: 0;
    line-height: 34px;
    text-decoration: none;
    border: none;
    font-size: 14px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    text-align: center;
  background: #fff;
}
.pager ul li a:hover{
  color: #fff;
	 background: #222;
}
.pager .next>a,.pager .prev>a {
    font-size: 16px
}
.pager ul li a .glyphicon {
    font-size: 10px;
    line-height: 18px
}
.pager ul li:last-child a {
    border-right: 0
}
.pager ul li.active a {
    background-color: #222;
   color: #fff;
}
.pager ul li.prev a {
    border-left-width: 1px
}
.pager ul li.disabled {
    display: none
}
.textcategory ul {
    list-style: inside;
}
.textcategory ul li {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 5px;
  	float: left;
    width: 100%;
}
.category_banner {
    margin: 0 0 30px;
}
.category-content .subnav {
    float: left;
}
.subcategory-title {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin: 0 0 15px;
    font: 500 20px/22px var(--font-headings);
    color: #222;
}
.subcategory{
 	float: left;
  width:100%;
  margin: 30px 0 0;
}
.category-content .subnav li .sub-cat{
    float: left;
    width: 100%;
    margin: 6px 0 0;
    font: 500 15px/17px var(--font-headings);
    color: #222;
      text-align: center;
}
.category-content {
    background: #fff;
    padding: 20px;
  	box-shadow: 1px 0px 5px 1px #e5e5e5;
    -webkit-box-shadow: 1px 0px 5px 1px #e5e5e5;
    -moz-box-shadow: 1px 0px 5px 1px #e5e5e5;
    -ms-box-shadow: 1px 0px 5px 1px #e5e5e5;
    -o-box-shadow: 1px 0px 5px 1px #e5e5e5;
}
.category-content .subnav li .sub-cat .amount {
    float: left;
  	width: 100%;
    color: #777;
    font-weight: 400;
    margin: 5px 0 0;
  	font-size: 14px;
}
.subcategory-content{
	  float: left;
  	width: 100%;
}
.category-content .subnav li a {
    display: block;
    overflow: hidden;
    position: relative;
  	text-align : center;
}
.subcategory-content .subnav li{
	text-align: center;
}
.subcategory-content .subnav li .subitemLink{
    padding: 20px;
    background: #f5f5f5;
    border-radius: 50%;
    display: inline-block;
}
.category-content .subnav li a img {
    transition: all 600ms ease-in-out 0s;
    overflow: hidden;
}
.category-content .subnav li:hover a img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.category-content .category-img img {
    background: #f5f5f5;
    border-radius: 50%;
    border: 40px solid #f5f5f5;
}
.category-content .category-img{
	display: none;
}
@media (min-device-width:1200px) {
    strong.visible-lg {
        pointer-events: none
    }
}
@media(min-width:992px) {
.content.left_column .sidebar,.content.right_column .sidebar {
    width: 22%;
    float: left
}
.content.left_column .center-column,.content.right_column .center-column {
    width: 78%;
    float: left
}
  .mobile-filter,.main-mobile-filter{
  	display:none;
  }
}
@media(min-width:768px) and (max-width:991px) {
    .products-container .products-grid .grid-item:nth-child(3n)::after {
        border: none
    }
}
@media(max-width:1600px) {
    .sidebar .thumbnail-container .product-image-wrap {
        width: 82px
    }
  .sidebar .thumbnail-container .product-info{
  	    width: 69%;
  }
}
@media (min-width: 992px) and (max-width:1199px){
  .sidebar .thumbnail-container .image-wrap , .sidebar .thumbnail-container .product-info{
  		width:100%;
  }
}
@media(max-width:1199px) {
  .sidebar .sidebar-sticky > div{
  	padding: 5px;
  }
  .category .cat-title , .subcategory-title{
  	font-size: 17px;
    line-height: 20px;
  }
  .subcategory-title{
  	padding:0;
  }
  .subcategory{
  	padding: 0 15px;
  }
    .content .sidebar {
        width: 24%
    }
    .content .center-column {
        width: 76%
    }
}
@media(min-width:992px) and (max-width:1199px) {
    .products-container .products-grid .grid-item {
        width: 33.33%
    }
    .products-container .products-grid .grid-item:nth-child(3n)::after {
        border: none
    }
    .products-container .products-grid .grid-item:nth-child(3n+1) {
        clear: both
    }
}
@media(max-width:991px) {
  .products-grid .grid-item .thumbnail-container {
	margin: 0 0 20px;
}
  .products.products-grid{
  	padding: 10px;
  }
  .category-content .textcategory {
    float: left;
    width: 100%;
    text-align: left;
	}
  .category-content {
    text-align: center;
	}
  .subcategory-title{
 	 	text-align: left;
  }
  .content .sidebar {
  	width: 100%;
    float: left;
  }
  .content .center-column {
    width: 100%;
    margin: 0 0 30px;
    float: left;
  }
  .sidebar .sidebar-sticky div .title {
  	padding: 10px 15px
  }
  .sidebar #ttcmsleftbanner {
        text-align: center
    }
    .sidebar #ttcmsleftbanner .ttleftbanner {
        float: none;
        display: inline-block;
        vertical-align: top
    }
    .category ul#filter,.category ul#filter {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    width: 270px;
    transform: translateX(-270px);
    -webkit-transform: notranslateX(-270px);
    -moz-transform: translateX(-270px);
    -o-transform: translateX(-270px);
    -ms-transform: translateX(-270px);
      position: fixed;
    z-index: 12;
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    }
  .category ul#filter.active,.category  ul#filter.active{
  transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
}
  .main-mobile-filter {
    float: right;
    width: auto;
    display: flex;
    color: #777;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
  .main-mobile-filter .filter-title {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 0 5px;
}
  .category ul#filter form {
    float:left;
    width:100%;
    padding: 0 15px;
    margin: 20px 0;
}
  .sidebar .sidebar-sticky>div.sort{
   	display:none;
  }
    .sort {
        padding-bottom: 0;
        border-bottom: 0
    }
    .price-filter {
        display: none
    }
    .sidebar {
        margin: 0
    }
    .sidebar .item.active {
        display: block
    }
    .sidebar .item .itemLink {
        margin-top: 5px
    }
  .sidebar #ttcmsleftbanner img{
			width: auto;
  }
  .sidebar #ttcmsleftbanner{
  		box-shadow: none;
  }
}
@media(max-width:767px) {
  .pager{
  text-align: center;
  }
  .pager .left,.pager .right{
  	width: 100%;
  }
  .category-content .subnav li .sub-cat{
  	font-size: 13px;
  }
    .products-container .products-grid .grid-item:nth-child(2n)::after {
        border: none
    }
    .sidebar .item {
        border-bottom: 0
    }
  .products-list .grid-item{
  	margin: 0 0 20px;
  }
}
@media(max-width:480px) {
  .category .product-options-mode .sortby{
  	margin: 0 0 10px;
  }
  .category .product-options-mode #filter_sort_form {
    margin: 10px 0;
}
  .category .product-options-mode #filter_sort_form select.form-control{
    padding: 0 20px 0 10px;
    font-size: 13px;
    line-height: 16px;
}
  .category .product-options-mode #filter_sort_form select.form-control::after {
    content: "\f140";
    font-family: "Material Design Icons";
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 8px;
    float: none;
    display: inline-block;
    vertical-align: top;
    line-height: 16px;
}
  .main-mobile-filter svg {
    width: 16px;
    line-height: 16px;
}
  .main-mobile-filter .filter-title {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 5px;
}
  .textcategory ul li {
    font-size: 13px;
    line-height: 20px;
		}
    .product-options-mode .sortby {
        margin: 0
    }
    .products-list .grid-item{
  	margin: 0 0 10px;
  }
  .category .tot-compare{
  	padding: 10px;
    margin: 10px 0 0;
  }
  .category .tot-compare .total-compare {
    width: 100%;
    margin: 0 0 10px;
}
  .category .tot-compare .total-product{
   width: 100%;
  }
  .product-options-mode .sortby-title,.product-options-mode .limit-title {
    display: none;
}
}
.quickview-modal {
    float: left;
    padding: 15px;
    width: 100%
}
.quickview-modal .modal-content .product-title {
    font-size: 22px;
}
.quickview-modal .modal-content .price .regular-price {
    color: #444;
    font-size: 22px
}
.quickview-modal .modal-content .product-description-short {
    margin: 10px 0 0
}
.quickview-modal .modal-content .list.code {
    margin: 10px 0 0
}
.quickview-modal .modal-content .cart-quantity {
    margin: 15px 0 0
}
.quickview-modal .modal-content .cart-quantity .cart>input {
    float: left;
    height: 42px;
    max-width: 42px;
    text-align: center
}
.quickview-modal .cart-quantity .change {
    border: 1px solid #e5e5e5;
    float: left;
    margin-right: 15px;
    margin-left: -1px;
    width: auto
}
.quickview-modal .cart-quantity .change a {
    float: left;
    font-size: 14px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    width: 100%
}
.quickview-modal .cart-quantity .change .up {
    border-bottom: 1px solid #e5e5e5
}
.quickview-modal .modal-body .thumbs-container .thumbs .thumbnails img {
    border: 1px solid #e5e5e5;
    cursor: pointer
}
.quick-modal .owl-nav>button:hover {
    box-shadow: none
}
.tt-quickview-wrap.open {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible
}
.tt-quickview-wrap {
    background: rgba(0, 0, 0, .8) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 9999
}
.tt-quickview-wrap .quick-modal.show {
    display: inline-block!important
}
.tt-quickview-wrap .quick-modal {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    margin: 50px auto;
    max-width: 96%;
    min-height: 300px;
    position: relative;
    vertical-align: middle;
    width: 60%;
    z-index: 999
}
.tt-quickview-wrap .modal-body {
    min-height: 400px;
    overflow: auto;
    padding: 30px 15px;
    width: 100%
}
.quick-modal .product-info {
    text-align: left;
    margin: 0
}
.quick-modal .CloseQV {
    bottom: auto;
    cursor: pointer;
    float: right;
    left: auto;
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto;
    z-index: 1;
    height: 35px;
    width: 35px;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
  border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
}
.quick-modal .product-info .review-container {
    display: none
}
.quick-modal .product-actions .tags {
    display: none
}
.quick-modal .product-info .product-actions .social-media {
    display: none
}
.quick-modal .product-info .actions strong {
    font-weight: 500
}
.quick-modal .product-price .price>span {
    font-weight: 500
}
.quick-modal .zoombox .owl-buttons .owl-next,.quick-modal .zoombox .owl-buttons .owl-prev {
    bottom: 0;
    margin: auto;
    top: 0
}
.quick-modal .zoombox .thumbnails>a {
    margin: 0;
    float: left;
  	border: 1px solid;
}
.product-info .product-price .cart .change a:first-child {
    border-bottom: 1px solid #e5e5e5
}
.quick-modal .zoombox .images a img {
    cursor: auto;
    border: 1px solid;
}
.quick-modal .thumbs .thumbnails {
    padding: 0;
    background: #fff
}
@media(max-width:1400px) {
    .tt-quickview-wrap .quick-modal {
        width: 80%
    }
}
@media(max-width:991px) {
    .quick-modal .product-img {
        width: 100%
    }
    .quick-modal .product-info {
        width: 100%
    }
    .quick-modal .product-img .zoombox {
        display: inline-block;
        float: none;
        vertical-align: top;
        width: 80%
    }
    .tt-quickview-wrap .modal-body {
        padding: 15px 0;
    }
}
@media(max-width:767px) {
    .product-info .cart>.change {
        margin-right: 12px
    }
}
@media(max-width:543px) {
    .tt-quickview-wrap .quick-modal {
        width: 90%;
        margin: 30px 0
    }
    .quick-modal .product-img .zoombox {
        width: 100%
    }
    .tt-quickview-wrap .modal-body {
        padding: 40px 0
    }
}
.catalog-page__content .collection_img{
		width: auto;
  	float: left;
      background: #f5f5f5;
    border-radius: 50%;
    padding: 20px;
  margin: 0 0 15px;
}
.catalog-page__content .featured-cat a{
	    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
      margin: 0 0 30px;
}
.catalog-page__content {
	margin: 15px 0;
}

.catalog-page__content .featured-cat .ttcat-content , .catalog-page__content .featured-cat .ttcat-content .title {
    width: 100%;
    float: left;
  	text-align: center;
}
.catalog-page__content .featured-cat .ttcat-content .title{
		font-size: 18px;
  	color : var(--color-primary);
}
/*----------------about us-----------------------*/
@media (min-width: 768px) {
	.cms-aboutus,  .cms-aboutus1  ,  .cms-aboutus2{
    display: flex;
    align-items: center;
	}
  .product-extended .main_content {
    display: flex;
    align-items: center;
}
}
.cms-aboutus ,  .cms-aboutus2{
  float: left;
  width: 100%;
	margin: 0 0 30px;
  padding: 30px 15px;
  box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
  -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
  -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
  -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.cms-aboutus .section-header {
    text-align: left;
}
.cms-aboutus .section-header .tt-subtitle{
    font: 500 14px/16px var(--font-primary);
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ccc;
    padding: 9px 16px;
    margin: 0 0 15px;
}
.cms-aboutus .section-header .tt-title , .about-content .section-header .tt-title , .cms-aboutus1 .section-header .tt-title , .cms-aboutus2 .section-header .tt-title{
    float: left;
    width: 100%;
    font: 500 34px/36px var(--font-headings);
    margin: 0 0 15px;
    position: relative;
}
.cms-aboutus2 .tt-section-title{
  	padding: 0 7px;
  	margin: 0 0 20px;
}
.cms-aboutus2 .tt-section-title h2{
		font-size: 24px;
  	line-height: 26px;
  	margin: 0 0 10px;
}
.about-info {
    float: left;
    width: 100%;
    text-align: center;
  	margin: 0 0 30px;
}
.about-info h3 {
    float: none;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 23px;
    line-height: 30px;
    margin: 0 0 30px;
}
.about-info .about-content {
    float: left;
    width: 100%;
    padding: 30px 15px;
    box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.about-info .about-content .section-header {
    margin: 0;
}
.cms-aboutus1 {
    float: left;
    width: 100%;
  	padding: 15px 15px 30px 15px;
    box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
      margin: 0 0 30px;
}
.about-contact {
    float: left;
    width: 100%;
    margin: 0 0 30px;
}
.about-contact .title {
    float: left;
    width: 100%;
    font: 500 20px/22px var(--font-headings);
    margin: 0 0 15px;
}
.about-contact .content {
    width: 75%;
}
.cms-aboutus1 .section-header {
    text-align: left;
}
.about-info .about-content .section-header p {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.aboutus-btn .btn {
    padding: 6px 30px;
}
@media (max-width:1366px){
.cms-aboutus .section-header .tt-title, .about-content .section-header .tt-title, .cms-aboutus1 .section-header .tt-title, .cms-aboutus2 .section-header .tt-title {
    font-size: 27px;
  	line-height: 30px;
}
  .about-contact .content{
  width: 100%;
  }
}
@media (max-width: 991px){
  .cms-aboutus, .cms-aboutus2{
  		padding: 15px 0;
  }
  .about-info h3, .about-info .about-content .section-header p{
  	    width: 100%;
  }
  .cms-aboutus1{
  		padding: 15px 0;
  }
}
@media (max-width: 767px) {
  .cms-aboutus .tt-about:last-child {
    margin: 30px 0 0;
	}
  .cms-aboutus,.about-info{
    margin: 0 0 30px;
	}
  .about-info h3 {
    font-size: 20px;
    line-height: 24px;
	}
  .about-info .about-content{
  	padding: 20px 5px;
  }
  .cms-aboutus1 .tt-about .about-contact {
    margin: 0 0 20px;
	}
  .about-contact .title {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 20px;
}
  .cms-aboutus2 .tt-about .section-header{
      margin: 20px 0 10px;
  }
  .cms-aboutus .section-header .tt-title, .about-content .section-header .tt-title, .cms-aboutus1 .section-header .tt-title, .cms-aboutus2 .section-header .tt-title{
  	font-size: 24px;
    line-height: 28px;
  }
  .cms-aboutus2 .tt-section-title h2 {
    font-size: 20px;
    line-height: 22px;
    margin: 0px 0 5px;
}
}
@media (max-width: 480px) {
	.about-info .about-content div {
    width: 100%;
    margin: 0 0 15px;
	}
  .about-info h3 {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 15px;
	}
}
.terms-condition , .disclaimer , .gui-col2-right , .shipping , .payment--page , .privacy , .gui-col2-big , .gui-block , .gui-page-content , .gap-md , .gui-table{
		width: 100%;
  	float: left;
    padding: 30px;
    box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.gui-div-cart-sum{
    padding: 30px;
    box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 5px -1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 5px -1px rgba(0,0,0,0.15);
}
.gui-cart .gui-block{
margin: 0 0 30px;
}
.gui-table{
		border: none;
}
@media (max-width: 991px){
.terms-condition , .disclaimer , .gui-col2-right , .shipping , .payment--page , .privacy , .gui-col2-big , .gui-block , .gui-page-content , form#gui-form-cart , .gui-div-cart-sum , .gap-md , .gui-table{
    padding: 15px;
}
}
.gui-block{
	border: none;
}
.gui a.gui-button-large, .gui a.gui-button-small{
		background: var(--color-primary) !important;
  	color: var(--color-primary-text) !important;
}
.gui a.gui-button-large::after, .gui a.gui-button-small::after{
			background: var(--color-secondary) !important;
}
.gui a.gui-button-large:hover, .gui a.gui-button-small:hover,
.gui a.gui-button-large:active, .gui a.gui-button-small:active,
.gui a.gui-button-large:focus, .gui a.gui-button-small:focus{
			color: var(--color-secondary-text) !important;
}
body.blog article.gui-blog-article {
    float: left;
    width: 50%;
    padding: 0 15px;
    clear: none;
    border: none;
    z-index: 0
}
body.article .gui-blog-article {
    z-index: 0
}
article.gui-blog-article header>a,.gui-blog.gui-blogshort .gui-blog-article-image .gui-blog-article-summary>a {
    float: left;
    width: 100%;
    padding: 10px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    margin: 0 0 10px
}
article.gui-blog-article header>a img {
    padding: 0
}
.gui-blog .gui-col2-right .gui-col2-right-col2 {
    width: 25%;
    padding: 0 15px
}
.gui-blog .gui-col2-right {
    margin: 0 -15px
}
body.blog .gui-blog .gui-col2-right .gui-col2-right-col1 .gui-page-title {
    padding: 0 15px
}
body.blog .gui-blog .gui-col2-right .gui-blog-article h1 {
    margin: 0 0 10px;
    font-size: 18px
}
.gui-blog .gui-col2-right .gui-blog-article header ul li {
    font-size: 14px
}
body.blog .gui-blog .gui-col2-right .gui-blog-social {
    float: left;
    width: 100%;
    margin: 0 0 10px
}
body.blog .gui-blog .gui-col2-right .gui-blog-article-more {
    font-size: 14px;
    float: left;
    width: 100%
}
.gui-blog .gui-col2-right .gui-col2-right-col2 .gui-block {
   padding: 5px;
}
.gui-blog .gui-col2-right .gui-col2-right-col2 .gui-block .gui-block-title {
    background-color: #f5f5f5;
    border: none
}
.gui-blog .gui-col2-right .gui-col2-right-col2 .gui-block .gui-block-linklist li {
    border: none
}
gui-blog .gui-col2-right .gui-col2-right-col2 .gui-block .gui-block-linklist li a {
    padding: 5px 0
}
body.blog .gui-blog .gui-col2-right .gui-blog-article-more a:hover {
    color: #000
}
.gui-blog .gui-col2-right .gui-blog-article header ul li>a {
    font-weight: 500
}
body.article .gui-blog .gui-col2-right .gui-col2-right-col1 {
    width: 75%;
    padding: 0 15px
}
body.article .gui-blog-article header img {
    width: 100%
}
body.article #comment .gui-block .gui-buttons a.gui-button-small {
    border: none;
}
body.article .gui-blog-article footer {
    margin: 15px 0 0;
    float: left;
    width: 100%
}
body.article .gui-blog-article {
    padding-bottom: 50px
}
body.article .gui-blog-comment .gui-form label,body.article .gui-blog-comment .gui-form .gui-field-info,body.article .gui-blog-comment .gui-form .gui-required {
    font-size: 14px
}
body.article .gui-blog-comment .gui-form .gui-required{
		padding: 24px 0;
    margin: 15px 0;
}
.gui-blog-comment .gui-block,.gui-blog.gui-blogshort .gui-blog-article-image .gui-blog-article-summary,.gui-blog.gui-blogshort .gui-blog-social,.gui-blog.gui-blogshort .gui-blog-article-image .gui-blog-article-more,.gui-blog.gui-blogshort article.gui-blog-article.gui-blog-article-image {
    float: left;
    width: 100%;
}
body.blog .gui-blog article.gui-blog-article:nth-child(2n) {
    clear: both
}
.gui-blog.gui-blogshort .gui-blog-article-image .gui-blog-article-summary {
    margin: 0 0 15px
}
.gui-blog.gui-blogshort .gui-blog-article-image header,.gui-blog.gui-blogshort .gui-blog-article-image footer {
    padding: 0
}
.gui-blogshort .gui-blog-article-summary img {
    width: 100%
}
.gui-blog.gui-blogshort .gui-col2-right .gui-col2-right-col1 {
    padding: 0 15px
}
.gui-blog-article ul li:last-child{
		padding: 0;
    margin: 0;
}
@media(max-width:1199px) {
    .gui-blog .gui-col2-right .gui-blog-article header ul li {
        margin: 0 15px 5px 0
    }
}
@media(max-width:991px) {
  .gui-col3-equal .gui-col3-equal-col1,.gui-col3-equal .gui-col3-equal-col3,.gui-col3-equal .gui-col3-equal-col2.gui-div-cart-coupons{
  width:100%
  }
    .gui-cart-sum .gui-item .gui-price , .gui-cart-sum .gui-item .gui-desc{
  width: 100%;
  text-align: center;
  }
    .gui-blog .gui-col2-right .gui-col2-right-col1,.gui-blog .gui-col2-right .gui-col2-right-col2,body.article .gui-blog .gui-col2-right .gui-col2-right-col1 {
        width: 100%
    }
    .gui-blog .gui-col2-right .gui-col2-right-col2 {
        margin: 30px 0 0;
        float: left
    }
    body.blog .gui-blog .gui-col2-right .gui-blog-article h1 {
        margin: 0 0 5px;
        font-size: 16px
    }
    body.blog article.gui-blog-article:nth-child(2n) {
        clear: both
    }
}
@media(max-width:500px) {
  
    body.blog article.gui-blog-article {
        width: 100%
    }
}
.page-wrapper {
    float: left;
    min-height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
body .page-wrapper::after {
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    bottom: 0;
    content: '';
    left: 0;
    right: 0;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    visibility: hidden;
    z-index: 4;
}
body.account-toggle .page-wrapper::after,body.cart-toggle .page-wrapper::after,body.currency-open .page-wrapper::after, body.language-open .page-wrapper::after, body.menu_hover .page-wrapper::after, body.search-popup .page-wrapper::after,body.fullnav-open .page-wrapper::after,body.mfilter .page-wrapper::after,body.menu-active .page-wrapper::after,body.menu-current-open .page-wrapper::after{
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
}
.progress-wrap {
  position: fixed;
  right: 30px;
  bottom: 80px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  background: #fff;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.progress-wrap::after {
  position: absolute;
  font-family: 'Material Design Icons';
  content: '\f05d';
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  color: #222;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  opacity: 0.6;
	-moz-opacity: 0.6; 
	-khtml-opacity: 0.6; 
	-webkit-opacity: 0.6;
}
.progress-wrap:hover::after {
	opacity: 1;
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	-webkit-opacity: 1;
}
.progress-wrap svg path { 
  fill: none; 
}
.progress-wrap svg.progress-circle path {
  stroke: var(--color-secondary);
    stroke-width: 4;
    box-sizing:border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    }
@media (max-width: 767px) {
	.progress-wrap {
    right: 20px;
    bottom: 20px;
    height: 40px;
    width: 40px;
  }
  .progress-wrap::after {
    line-height: 40px;
    font-size: 20px;
    height: 40px;
    width: 40px;
  }
}
@media (max-width: 480px) {
	.progress-wrap {
    right: 15px;
    bottom: 15px;
    height: 36px;
    width: 36px;
  }
  .progress-wrap::after {
    line-height: 36px;
    font-size: 18px;
    height: 36px;
    width: 36px;
  }
}

.loadingdiv {
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999
}
.fancybox-thumbs>ul>li:before{
	border: 4px solid #444;
}
/*-------------------- Mobile Sticky -----------------------------*/
.main-sticky-data {
    background-color: #fff;
    text-align: center;
    padding: 8px 0;
    float: left;
    width: 100%;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 5px rgba(0, 0 ,0 , 0.1);
    -ms-box-shadow: 0 0 5px rgba(0, 0 ,0 , 0.1);
    -o-box-shadow: 0 0 5px rgba(0, 0 ,0 , 0.1);
    position: fixed;
    left: 0;
    bottom: 0;
    top: auto;
    right: 0;
    z-index: 4;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
  transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
-ms-transform: translateY(100%);
  display: none;
}
.main-sticky-data .sticky-data {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
}
.sticky_cnt {
    float: left;
    width: 100%;
    padding: 0 5px;
      overflow: hidden;
}
.sticky_cnt a:last-child {
    float: left;
    width: 100%;
    overflow: hidden;
}
.main-sticky-data .sticky-data svg {
    color: #222;
}
.sticky_title {
    float: left;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 3px 0 0;
    color: #222;
    font-weight: 500;
}
.main-sticky-data.fixed {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
}
@media (max-width:991px){
  .main-sticky-data {
  		display: block;
  }
}
@media (max-width:480px){
.sticky_title {
    font-size: 10px;
}
.main-sticky-data .sticky-data svg {
    width: 20px;
    height: 20px;
}
}
/*---------------------header-search------------------------------*/
#quick-result{
    width: 100%;
    background: #fff;
    border: 1px solid #e5e5e5;
      z-index: 2;
    margin: 0;
      top: 100% !important;
    overflow: auto;
    max-height: 655px;
    padding: 10px;
      display: none;
}
#quick-result .result-product {
    display: block;
    width: 25%;
    float: left;
    margin: 0;
    padding: 0 15px;
    overflow: hidden;
}
#quick-result .result-product .content {
    float: left;
    width: 100%;
    padding: 10px 0;
}
#quick-result .result-product .price{
	margin: 10px 0;
  font-size: 15px;
    font-weight: 500;
}
#quick-result .result-product .price .old-price{
	color:#666;
  margin: 0 2px;
}
@media (max-width:543px){
  #quick-result .result-product{
      width: 50%;
  }
}