/** Shopify CDN: Minification failed

Line 53:0 Expected identifier but found "*"
Line 777:0 Expected identifier but found "*"
Line 1130:0 Expected identifier but found "*"
Line 1715:6 Expected identifier but found whitespace
Line 1715:7 Unexpected "var("
Line 1878:204 Unexpected "{"
Line 2986:0 Unexpected "}"
Line 3070:0 Unexpected "}"
Line 3335:29 Expected identifier but found ")"
Line 4794:17 Expected identifier but found whitespace
... and 8 more hidden warnings

**/
::selection {
color: #fff;
background: #997b4d;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
padding-right: 15px;
padding-left: 15px;
}
.container-fluid{
padding-right: 0px;
padding-left: 0px;
}
.row > *{
padding-right: 15px;
padding-left: 15px;
}
/*================================#Normalize===============================*/
*, *::before, *::after {
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.grid,.grid-uniform {
*zoom: 1;
}
.grid::after,.grid-uniform::after {
content: '';
display: table;
clear: both;
}
.grid-item.clear {
clear: both;
}
/*=================================Grid Setup=============================*/
.grid,.grid-uniform {
list-style: none;
margin: 0;
padding: 0;
margin-left: 0;
float:left;
width:100%;
}
.grid-item {
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
vertical-align: top;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.products-grid-view.collections_masonry.shop_masonry {
float: left;
width: 100%;
}
.grid--rev {
list-style: none;
margin: 0;
padding: 0;
margin-left: 0;
direction: rtl;
text-align: left;
}
.grid--rev > .grid-item {
direction: ltr;
text-align: left;
float: right;
}
.grid--full {
list-style: none;
margin: 0;
padding: 0;
margin-left: 0;
margin-left: 0;
}
.grid--full > .grid-item {
padding-left: 0;
padding-right: 0;
}
/*=============================Styles================================*/
h1, h2, h3, h4, h5, h6 {
color: var(--color-text);
}
input,textarea,select,.disclosure__toggle {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%; }
select {
background-position: right 10px center;
}
a {background-color: transparent; }
b,strong {font-weight: 500; }
em {font-style: italic; }
small {font-size: 80%; }
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {top: -0.5em; }
sub {bottom: -0.25em; }
button,input,optgroup,select,.disclosure__toggle,textarea {
color: inherit;
font: inherit;
margin: 0; }

button[disabled],html input[disabled] {cursor: default; }
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
input[type="search"], input[type="number"], input[type="email"], input[type="password"] {
-webkit-appearance: none;
-moz-appearance: none; }
td,th {padding: 0; }
textarea {
overflow: auto;
-webkit-appearance: none;
-moz-appearance: none; }
/*==================Fast Tapenables no-delay taps (FastClick-esque) on supporting browsers======================*/
a,button,[role="button"],input,label,select,.disclosure__toggle,textarea {
touch-action: manipulation; }
/*=========Reversed grids allow you to structure your source in the oppositeorder to how your rendered layout will appear.=======*/
.grid--rev {
direction: rtl;
text-align: left; 
}
.grid--rev > .grid__item {
direction: ltr;
text-align: left;
float: right; 
}
/*================ Build Base Grid Classes ================*/
.one-whole {
width: 100%; }
.one-half {
width: 50%; }
.one-third {
width: 33.33333%; }
.two-thirds {
width: 66.66667%; }
.one-quarter {
width: 25%; }
.two-quarters {
width: 50%; }
.three-quarters {
width: 75%; }
.one-fifth {
width: 20%; }
.two-fifths {
width: 40%; }
.three-fifths {
width: 60%; }
.four-fifths {
width: 80%; }
.one-sixth {
width: 16.66667%; }
.two-sixths {
width: 33.33333%; }
.three-sixths {
width: 50%; }
.four-sixths {
width: 66.66667%; }
.five-sixths {
width: 83.33333%; }
.one-eighth {
width: 12.5%; }
.two-eighths {
width: 25%; }
.three-eighths {
width: 37.5%; }
.four-eighths {
width: 50%; }
.five-eighths {
width: 62.5%; }
.six-eighths {
width: 75%; }
.seven-eighths {
width: 87.5%; }
.one-tenth {
width: 10%; }
.two-tenths {
width: 20%; }
.three-tenths {
width: 30%; }
.four-tenths {
width: 40%; }
.five-tenths {
width: 50%; }
.six-tenths {
width: 60%; }
.seven-tenths {
width: 70%; }
.eight-tenths {
width: 80%; }
.nine-tenths {
width: 90%; }
.one-twelfth {
width: 8.33333%; }
.two-twelfths {
width: 16.66667%; }
.three-twelfths {
width: 25%; }
.four-twelfths {
width: 33.33333%; }
.five-twelfths {
width: 41.66667%; }
.six-twelfths {
width: 50%; }
.seven-twelfths {
width: 58.33333%; }
.eight-twelfths {
width: 66.66667%; }
.nine-twelfths {
width: 75%; }
.ten-twelfths {
width: 83.33333%; }
.eleven-twelfths {
width: 91.66667%; }
.show {
display: block !important; }
.hide {
display: none !important; }
/*================ Build Responsive Grid Classes ================*/
@media only screen and (min-width: 1025px) {
.small--one-whole {
width: 100%; }
.small--one-half {
width: 50%; }
.small--one-third {
width: 33.33333%; }
.small--two-thirds {
width: 66.66667%; }
.small--one-quarter {
width: 25%; }
.small--two-quarters {
width: 50%; }
.small--three-quarters {
width: 75%; }
.small--one-fifth {
width: 20%; }
.small--two-fifths {
width: 40%; }
.small--three-fifths {
width: 60%; }
.small--four-fifths {
width: 80%; }
.small--one-sixth {
width: 16.66667%; }
.small--two-sixths {
width: 33.33333%; }
.small--three-sixths {
width: 50%; }
.small--four-sixths {
width: 66.66667%; }
.small--five-sixths {
width: 83.33333%; }
.small--one-eighth {
width: 12.5%; }
.small--two-eighths {
width: 25%; }
.small--three-eighths {
width: 37.5%; }
.small--four-eighths {
width: 50%; }
.small--five-eighths {
width: 62.5%; }
.small--six-eighths {
width: 75%; }
.small--seven-eighths {
width: 87.5%; }
.small--one-tenth {
width: 10%; }
.small--two-tenths {
width: 20%; }
.small--three-tenths {
width: 30%; }
.small--four-tenths {
width: 40%; }
.small--five-tenths {
width: 50%; }
.small--six-tenths {
width: 60%; }
.small--seven-tenths {
width: 70%; }
.small--eight-tenths {
width: 80%; }
.small--nine-tenths {
width: 90%; }
.small--one-twelfth {
width: 8.33333%; }
.small--two-twelfths {
width: 16.66667%; }
.small--three-twelfths {
width: 25%; }
.small--four-twelfths {
width: 33.33333%; }
.small--five-twelfths {
width: 41.66667%; }
.small--six-twelfths {
width: 50%; }
.small--seven-twelfths {
width: 58.33333%; }
.small--eight-twelfths {
width: 66.66667%; }
.small--nine-twelfths {
width: 75%; }
.small--ten-twelfths {
width: 83.33333%; }
.small--eleven-twelfths {
width: 91.66667%; }
.small--show {
display: block !important; }
.small--hide {
display: none !important; }
.small--text-left {
text-align: left !important; }
.small--text-right {
text-align: right !important; }
.small--text-center {
text-align: center !important; } }
@media only screen and (max-width: 1024px) {
.grid-uniform .small--one-half:nth-child(2n+1),
.grid-uniform .small--one-third:nth-child(3n+1),
.grid-uniform .small--one-quarter:nth-child(4n+1),
.grid-uniform .small--one-fifth:nth-child(5n+1),
.grid-uniform .small--one-sixth:nth-child(6n+1),
.grid-uniform .small--two-sixths:nth-child(3n+1),
.grid-uniform .small--three-sixths:nth-child(2n+1),
.grid-uniform .small--one-eighth:nth-child(8n+1),
.grid-uniform .small--two-eighths:nth-child(4n+1),
.grid-uniform .small--four-eighths:nth-child(2n+1),
.grid-uniform .small--five-tenths:nth-child(2n+1),
.grid-uniform .small--one-twelfth:nth-child(12n+1),
.grid-uniform .small--two-twelfths:nth-child(6n+1),
.grid-uniform .small--three-twelfths:nth-child(4n+1),
.grid-uniform .small--four-twelfths:nth-child(3n+1),
.grid-uniform .small--six-twelfths:nth-child(2n+1) {
clear: both; }
}
@media only screen and (min-width: 750px) {
.medium-up--one-whole {
width: 100%; }
.medium-up--one-half {
width: 50%; }
.medium-up--one-third {
width: 33.33333%; }
.medium-up--two-thirds {
width: 66.66667%; }
.medium-up--one-quarter {
width: 25%; }
.medium-up--two-quarters {
width: 50%; }
.medium-up--three-quarters {
width: 75%; }
.medium-up--one-fifth {
width: 20%; }
.medium-up--two-fifths {
width: 40%; }
.medium-up--three-fifths {
width: 60%; }
.medium-up--four-fifths {
width: 80%; }
.medium-up--one-sixth {
width: 16.66667%; }
.medium-up--two-sixths {
width: 33.33333%; }
.medium-up--three-sixths {
width: 50%; }
.medium-up--four-sixths {
width: 66.66667%; }
.medium-up--five-sixths {
width: 83.33333%; }
.medium-up--one-eighth {
width: 12.5%; }
.medium-up--two-eighths {
width: 25%; }
.medium-up--three-eighths {
width: 37.5%; }
.medium-up--four-eighths {
width: 50%; }
.medium-up--five-eighths {
width: 62.5%; }
.medium-up--six-eighths {
width: 75%; }
.medium-up--seven-eighths {
width: 87.5%; }
.medium-up--one-tenth {
width: 10%; }
.medium-up--two-tenths {
width: 20%; }
.medium-up--three-tenths {
width: 30%; }
.medium-up--four-tenths {
width: 40%; }
.medium-up--five-tenths {
width: 50%; }
.medium-up--six-tenths {
width: 60%; }
.medium-up--seven-tenths {
width: 70%; }
.medium-up--eight-tenths {
width: 80%; }
.medium-up--nine-tenths {
width: 90%; }
.medium-up--one-twelfth {
width: 8.33333%; }
.medium-up--two-twelfths {
width: 16.66667%; }
.medium-up--three-twelfths {
width: 25%; }
.medium-up--four-twelfths {
width: 33.33333%; }
.medium-up--five-twelfths {
width: 41.66667%; }
.medium-up--six-twelfths {
width: 50%; }
.medium-up--seven-twelfths {
width: 58.33333%; }
.medium-up--eight-twelfths {
width: 66.66667%; }
.medium-up--nine-twelfths {
width: 75%; }
.medium-up--ten-twelfths {
width: 83.33333%; }
.medium-up--eleven-twelfths {
width: 91.66667%; }
.medium-up--show {
display: block !important; }
.medium-up--hide {
display: none !important; }
.medium-up--text-left {
text-align: left !important; }
.medium-up--text-right {
text-align: right !important; }
.medium-up--text-center {
text-align: center !important; } }
@media only screen and (max-width: 1024px) {
.medium-up--one-half:nth-child(2n+1),
.grid-uniform .medium-up--one-third:nth-child(3n+1),
.grid-uniform .medium-up--one-quarter:nth-child(4n+1),
.grid-uniform .medium-up--one-fifth:nth-child(5n+1),
.grid-uniform .medium-up--one-sixth:nth-child(6n+1),
.grid-uniform .medium-up--two-sixths:nth-child(3n+1),
.grid-uniform .medium-up--three-sixths:nth-child(2n+1),
.grid-uniform .medium-up--one-eighth:nth-child(8n+1),
.grid-uniform .medium-up--two-eighths:nth-child(4n+1),
.grid-uniform .medium-up--four-eighths:nth-child(2n+1),
.grid-uniform .medium-up--five-tenths:nth-child(2n+1),
.grid-uniform .medium-up--one-twelfth:nth-child(12n+1),
.grid-uniform .medium-up--two-twelfths:nth-child(6n+1),
.grid-uniform .medium-up--three-twelfths:nth-child(4n+1),
.grid-uniform .medium-up--four-twelfths:nth-child(3n+1),
.grid-uniform .medium-up--six-twelfths:nth-child(2n+1) {
clear: both; }
}
@media only screen and (min-width: 1025px) {
.large-up--one-whole {
width: 100%; }
.large-up--one-half {
width: 50%; }
.large-up--one-third {
width: 33.33333%; }
.large-up--two-thirds {
width: 66.66667%; }
.large-up--one-quarter {
width: 25%; }
.large-up--two-quarters {
width: 50%; }
.large-up--three-quarters {
width: 75%; }
.large-up--one-fifth {
width: 25%; }
.large-up--two-fifths {
width: 40%; }
.large-up--three-fifths {
width: 60%; }
.large-up--four-fifths {
width: 80%; }
.large-up--one-sixth {
width: 16.66667%; }
.large-up--two-sixths {
width: 33.33333%; }
.large-up--three-sixths {
width: 50%; }
.large-up--four-sixths {
width: 66.66667%; }
.large-up--five-sixths {
width: 83.33333%; }
.large-up--one-eighth {
width: 12.5%; }
.large-up--two-eighths {
width: 25%; }
.large-up--three-eighths {
width: 37.5%; }
.large-up--four-eighths {
width: 50%; }
.large-up--five-eighths {
width: 62.5%; }
.large-up--six-eighths {
width: 75%; }
.large-up--seven-eighths {
width: 87.5%; }
.large-up--one-tenth {
width: 10%; }
.large-up--two-tenths {
width: 20%; }
.large-up--three-tenths {
width: 30%; }
.large-up--four-tenths {
width: 40%; }
.large-up--five-tenths {
width: 50%; }
.large-up--six-tenths {
width: 60%; }
.large-up--seven-tenths {
width: 70%; }
.large-up--eight-tenths {
width: 80%; }
.large-up--nine-tenths {
width: 90%; }
.large-up--one-twelfth {
width: 8.33333%; }
.large-up--two-twelfths {
width: 16.66667%; }
.large-up--three-twelfths {
width: 25%; }
.large-up--four-twelfths {
width: 33.33333%; }
.large-up--five-twelfths {
width: 41.66667%; }
.large-up--six-twelfths {
width: 50%; }
.large-up--seven-twelfths {
width: 58.33333%; }
.large-up--eight-twelfths {
width: 66.66667%; }
.large-up--nine-twelfths {
width: 75%; }
.large-up--ten-twelfths {
width: 83.33333%; }
.large-up--eleven-twelfths {
width: 91.66667%; }
.large-up--show {
display: block !important; }
.large-up--hide {
display: none !important; }
.large-up--text-left {
text-align: left !important; }
.large-up--text-right {
text-align: right !important; }
.large-up--text-center {
text-align: center !important; } }
@media only screen and (max-width: 1024px) {
.grid-uniform .large-up--one-half:nth-child(2n+1),
.grid-uniform .large-up--one-third:nth-child(3n+1),
.grid-uniform .large-up--one-quarter:nth-child(4n+1),
.grid-uniform .large-up--one-fifth:nth-child(5n+1),
.grid-uniform .large-up--one-sixth:nth-child(6n+1),
.grid-uniform .large-up--two-sixths:nth-child(3n+1),
.grid-uniform .large-up--three-sixths:nth-child(2n+1),
.grid-uniform .large-up--one-eighth:nth-child(8n+1),
.grid-uniform .large-up--two-eighths:nth-child(4n+1),
.grid-uniform .large-up--four-eighths:nth-child(2n+1),
.grid-uniform .large-up--five-tenths:nth-child(2n+1),
.grid-uniform .large-up--one-twelfth:nth-child(12n+1),
.grid-uniform .large-up--two-twelfths:nth-child(6n+1),
.grid-uniform .large-up--three-twelfths:nth-child(4n+1),
.grid-uniform .large-up--four-twelfths:nth-child(3n+1),
.grid-uniform .large-up--six-twelfths:nth-child(2n+1) {
clear: both; }
}
/*================ Build Grid Push Classes ================*/
@media only screen and (max-width: 749px) {
.small--push-one-half {
left: 50%; }
.small--push-one-third {
left: 33.33333%; }
.small--push-two-thirds {
left: 66.66667%; }
.small--push-one-quarter {
left: 25%; }
.small--push-two-quarters {
left: 50%; }
.small--push-three-quarters {
left: 75%; }
.small--push-one-fifth {
left: 20%; }
.small--push-two-fifths {
left: 40%; }
.small--push-three-fifths {
left: 60%; }
.small--push-four-fifths {
left: 80%; }
.small--push-one-sixth {
left: 16.66667%; }
.small--push-two-sixths {
left: 33.33333%; }
.small--push-three-sixths {
left: 50%; }
.small--push-four-sixths {
left: 66.66667%; }
.small--push-five-sixths {
left: 83.33333%; }
.small--push-one-eighth {
left: 12.5%; }
.small--push-two-eighths {
left: 25%; }
.small--push-three-eighths {
left: 37.5%; }
.small--push-four-eighths {
left: 50%; }
.small--push-five-eighths {
left: 62.5%; }
.small--push-six-eighths {
left: 75%; }
.small--push-seven-eighths {
left: 87.5%; }
.small--push-one-tenth {
left: 10%; }
.small--push-two-tenths {
left: 20%; }
.small--push-three-tenths {
left: 30%; }
.small--push-four-tenths {
left: 40%; }
.small--push-five-tenths {
left: 50%; }
.small--push-six-tenths {
left: 60%; }
.small--push-seven-tenths {
left: 70%; }
.small--push-eight-tenths {
left: 80%; }
.small--push-nine-tenths {
left: 90%; }
.small--push-one-twelfth {
left: 8.33333%; }
.small--push-two-twelfths {
left: 16.66667%; }
.small--push-three-twelfths {
left: 25%; }
.small--push-four-twelfths {
left: 33.33333%; }
.small--push-five-twelfths {
left: 41.66667%; }
.small--push-six-twelfths {
left: 50%; }
.small--push-seven-twelfths {
left: 58.33333%; }
.small--push-eight-twelfths {
left: 66.66667%; }
.small--push-nine-twelfths {
left: 75%; }
.small--push-ten-twelfths {
left: 83.33333%; }
.small--push-eleven-twelfths {
left: 91.66667%; } }
@media only screen and (min-width: 750px) {
.medium-up--push-one-half {
left: 50%; }
.medium-up--push-one-third {
left: 33.33333%; }
.medium-up--push-two-thirds {
left: 66.66667%; }
.medium-up--push-one-quarter {
left: 25%; }
.medium-up--push-two-quarters {
left: 50%; }
.medium-up--push-three-quarters {
left: 75%; }
.medium-up--push-one-fifth {
left: 20%; }
.medium-up--push-two-fifths {
left: 40%; }
.medium-up--push-three-fifths {
left: 60%; }
.medium-up--push-four-fifths {
left: 80%; }
.medium-up--push-one-sixth {
left: 16.66667%; }
.medium-up--push-two-sixths {
left: 33.33333%; }
.medium-up--push-three-sixths {
left: 50%; }
.medium-up--push-four-sixths {
left: 66.66667%; }
.medium-up--push-five-sixths {
left: 83.33333%; }
.medium-up--push-one-eighth {
left: 12.5%; }
.medium-up--push-two-eighths {
left: 25%; }
.medium-up--push-three-eighths {
left: 37.5%; }
.medium-up--push-four-eighths {
left: 50%; }
.medium-up--push-five-eighths {
left: 62.5%; }
.medium-up--push-six-eighths {
left: 75%; }
.medium-up--push-seven-eighths {
left: 87.5%; }
.medium-up--push-one-tenth {
left: 10%; }
.medium-up--push-two-tenths {
left: 20%; }
.medium-up--push-three-tenths {
left: 30%; }
.medium-up--push-four-tenths {
left: 40%; }
.medium-up--push-five-tenths {
left: 50%; }
.medium-up--push-six-tenths {
left: 60%; }
.medium-up--push-seven-tenths {
left: 70%; }
.medium-up--push-eight-tenths {
left: 80%; }
.medium-up--push-nine-tenths {
left: 90%; }
.medium-up--push-one-twelfth {
left: 8.33333%; }
.medium-up--push-two-twelfths {
left: 16.66667%; }
.medium-up--push-three-twelfths {
left: 25%; }
.medium-up--push-four-twelfths {
left: 33.33333%; }
.medium-up--push-five-twelfths {
left: 41.66667%; }
.medium-up--push-six-twelfths {
left: 50%; }
.medium-up--push-seven-twelfths {
left: 58.33333%; }
.medium-up--push-eight-twelfths {
left: 66.66667%; }
.medium-up--push-nine-twelfths {
left: 75%; }
.medium-up--push-ten-twelfths {
left: 83.33333%; }
.medium-up--push-eleven-twelfths {
left: 91.66667%; } }
/*================ #Helper Classes ================*/
.clearfix {
*zoom: 1; }
.clearfix::after {
content: '';
display: table;
clear: both; }
.visually-hidden--inline {
margin: 0;
height: 1em; }
.visually-hidden--static {
position: static !important; }
.js-focus-hidden:focus {
outline: none; }
.no-js:not(html) {
display: none; }
.no-js .no-js:not(html) {
display: block; }
.no-js .js {
display: none; }
.hide {
display: none !important; }
/*====================== Blank states - placeholder images ============================*/
.placeholder-svg, .icon--placeholder {
display: block;
fill: var(--colorBlankstate);
background-color: var(--colorBlankstateBackground);
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
border: 1px solid var(--colorBlankstateBorder);
}
.collection-grid .placeholder-svg {
max-height: 515px;
max-width: 515px;
margin: 0 auto;
}
.placeholder-noblocks {
padding: 40px;
text-align: center;
}
.placeholder-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.placeholder-background .icon{
border: 0;
}
.image-bar__content .placeholder-svg,.image-bar__content .placeholder-image {
position: absolute;
top: 0;
left: 0;
}
.input-group.password__input-group {
border: none;
border-collapse: separate;
display: table;
position: relative;
float: none;
margin: 0 auto;
width: 500px;
}
@media only screen and (min-width: 1025px) {
.flexslider .placeholder-svg {
height: 402px;
}
}
.grid-link__image-centered .placeholder-svg {
height: initial;
max-height: initial;
}
/*--------------------------------------------------------------*/
.dropdown-toggle::after{
display: none;
}
.slider-newproduct .grid__item {
padding: 0 15px;
}
.slider-newproduct.item-row.grid-view-item {
position: relative;
}
.btn.dropdown-toggle:focus,.btn.dropdown-toggle:active{
color: var(--color-body-text);
background-color: var(--color-btn-primary);
}
.inv.instock .outstock {
display: none;
}
.inv.outstock .stock,.inv.outstock .items{
display: none;
}
.loadding-wishbutton-aliquam-quat-voluptatem.loading.btn i {
background: none;
}
.tt-product-item .product-description {
width:100%;
float: left;
}
.medium--one-third.large--one-third chair.product-grid .product-description{
padding: 15px 10px;
border-top: 1px solid #e5e5e5;
position: relative;
display: inline-block;
}
.main-content .sidebar .shopify-section{
margin:0;
text-align: left;
float:left;
width:100%;
}
@media only screen and (max-width: 991px) {
.main-content #shopify-section-faq{
min-height:450px;
}
.content-wrapper {
width: 100%;
}
.sidebar{
width: 100%;
}
.sidebar .widget > h4.toggle {
padding: 10px;
}
.sidebar .sidebar__inner .widget.recent_article > h4.toggle,
.sidebar .sidebar__inner .widget.widget_categories > h4.toggle {
padding: 15px;
margin: 0;
}
}
@media only screen and (max-width: 480px) {
.filter-sortby .sorting-section button span {
white-space: nowrap;
text-overflow: ellipsis;
float: left;
width: 100%;
overflow: hidden;
}
.collection_wrapper .sorting_wrapper .btn.dropdown-toggle{
width:100%;
}
}
/*======================= Index sections =============================*/
.index-section--flush + .index-section--flush {
margin-top: -(var(--sectionSpacingSmall) * 2);
}
.index-section--flush:first-child {
margin-top: -var(--sectionSpacingSmall);
}
.index-section--flush:last-child {
margin-bottom: -var(--sectionSpacingSmall);
}
@media only screen and (max-width: 1024px) {
.index-section--flush + .index-section--flush {
margin-top: -(var(--sectionSpacing) * 2);
}
.index-section--flush:first-child {
margin-top: -var(--sectionSpacing);
}
.index-section--flush:last-child {
margin-bottom: -var(--sectionSpacing);
}
.index-section--featured-product:first-child {
margin-top: -12px;
}
}
/*================ Module-specific styles ================*/
.feature-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center; 
}
.feature-row__item {
-webkit-flex: 0 1 50%;
-moz-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%; 
}
.feature-row__text {
padding-top: var(--sectionSpacingSmall);
padding-bottom: var(--sectionSpacingSmall); 
}
.featured-box__body {
border-top: 0;
padding: (var(--gutter) / 2) (var(--gutter) / 3);
margin-top: -var(--gutter) / 2;
}    
.featured-box__body .btn--large {
padding: (var(--gutter) / 4) 0;
background-color: var(--color-btn-primary);
color: var(--color-btn-primary-text);
font-family: var(--font-stack-body);
font-size: em(14px);    
margin: 0;
}
.featured-box__body .hr--small {
position: relative;
top: -(var(--gutter) / 6);
}
.featured-box__title {
margin: 0;
}
.page-content__item:not(:first-child) {
margin-top: 30px;
}
@media(min-width: 481px) and (max-width: 1025px) {
.medium--one-third .featured-box__title,
.one-third .featured-box__title {
font-size: em(20px);
}
}
@media (min-width: 1025px) {
.large--one-third .featured-box__title,
.one-third .featured-box__title {
font-size: em(20px);
}
.feature-row__text--left {
padding-left: var(--sectionSpacingSmall);
}
.feature-row__text--right {
padding-right: var(--sectionSpacingSmall);
}
.featured-row__subtext {
font-size: em(var(--font-size-base) + 2);
}
}
@media only screen and (max-width: 1025px) {
.featured-box__body {
padding: var(--gutter) 0;
}
}
@media only screen and (max-width: 1024px) {
.feature-row {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; 
} 
.feature-row__item {
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
max-width: 100%; 
} 
.feature-row__text {
order: 2;
padding-bottom: 0; 
} 
}
@media only screen and (max-width: 749px) {
.feature-row__image {
order: 1; 
} 
}
/*================ Spinner Icon ================*/
.icon-spinner {
-moz-animation: spin 500ms infinite linear;
-o-animation: spin 500ms infinite linear;
-webkit-animation: spin 500ms infinite linear;
animation: spin 500ms infinite linear;
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
fill: currentColor;
}
@-webkit-keyframes spin{
0%{
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100%{
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes spin{
0%{
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100%{
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@-ms-keyframes spin{
0%{
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100%{
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spin{
0%{
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100%{
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
/*====================================Basic Styles=====================================*/
html, body {
background-color: var(--color-body);
padding: 0;
margin: 0;
color: var(--color-body-text);
}
html{
padding:0 !important;
}
body.with_padding .page-wrapper{
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}
.main-content {
display: block;
background: #fff;
}
.page-wrapper .main-content{
margin:0;
}
.wrapper {
margin: 0 auto;
*zoom: 1;
padding: 0 (var(--gutter) / 2);
}
@media (min-width: 1025px) {
.wrapper .site-header & {
padding: 0;
}
}
@media (max-width: 480px) {
.medium-down--one-half {
width: 100%;
}
}
/*===============================================Helper Classes==========================================*/
.table-contain {
display: table;
height: 100%;
width: 100%;
}
.table-contain__inner {
display: table-cell;
height: 100%;
vertical-align: middle;
}
/*===============================================Typography==========================================*/
body,input,textarea,button,select {
border-radius: 0px; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
-khtml-border-radius: 0px;
font-family: var(--font-stack-body);
font-size: var(--font-size-base);
font-weight: 500;
line-height: var(--font-line-height);
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
letter-spacing: var(--font-letterspace);
overflow-X:hidden;
}
h1, h2, h3, h4, h5, h6 {
color: var(--color-header-text);
font-family: var(--font-stack-body);
line-height: 1.6;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
/*================ Use em() Sass function to declare font-size ================*/
h1, .h1{
font-size: 32px;
}
h2, .h2 {
font-size: 24px;
}
h3, .h3 {
font-size: 18.72px;
}
h4, .h4 {
font-size: 16px;
}
h5, .h5 {
font-size: 13.28px;
}
h6, .h6 {
font-size: 12px;
}
p {
margin: 0 0 15px 0;
}
p img{
margin: 0;
}
em {
font-style: italic;
}
b, strong {
font-weight: bold;
}
small {
font-size: 80%;
}
sup, sub {
position: relative;
font-size: 60%;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.5em;
}
/*================ Blockquotes ================*/
blockquote {
font-size: 18px;
line-height: 24px;
font-style: italic;
margin: 0 0 30px;
padding: 15px 0;
}
blockquote p{
margin-bottom: 0; }
blockquote p + cite {
margin-top:15px; } 
blockquote cite {
display: block;
font-size: 0.75em;}
blockquote cite::before {
content: '\2014 \0020'; }
@media only screen and (max-width: 1025px) {
blockquote {
font-size: 24px;
line-height: 30px;
margin-left: -20%;
width: 140%;
text-align: center;
}
}
/*================ Code ================*/
code, pre {
background-color: #faf7f5;
font-family: Consolas,monospace;
font-size: 1em;
border: 0 none;
padding: 0 2px;
color: #51ab62;
}
pre {
overflow: auto;
padding: 15px;
margin: 0 0 30px;
}
/*================ Horizontal Rules ================*/
hr {
clear: both;
border-top: 1px solid var(--color-border);
margin: 20px 0;
float:left;
width:100%;
opacity: 1;
}
hr.hr--clear {
margin-top: 0;
border: 0;
}
/*=======================================toggle-accordion========================================*/
.tt-toggle-frame-set{float:left; width:100%; margin:0px; padding:0px;}
.template-page .tt-toggle-frame-set{
margin-top: 15px; 
}
#slidedown-cart .btn-remove:hover::before, #slidedown-cart .btn-remove:hover::after, .fixed-cart-wrap #slidedown-cart .cart-close:hover::before, .fixed-cart-wrap #slidedown-cart .cart-close:hover::after, .search-full-screen span.close-search:hover::before, .compare-model .close:hover::before, .compare-model .close:hover::after, .quick-view .close-window:hover::after, .quick-view .close-window:hover::before, .search-full-screen span.close-search:hover::after, .ajax-success-modal .close-modal:hover::before, .ajax-success-modal .close-modal:hover::after {
background-color: #ef5c5c;
}
#slidedown-cart .btn-remove:hover::before, #slidedown-cart .btn-remove:hover::after, .fixed-cart-wrap #slidedown-cart .cart-close:hover::before, .fixed-cart-wrap #slidedown-cart .cart-close:hover::after, .search-full-screen span.close-search:hover::before, .compare-model .close:hover::before, .compare-model .close:hover::after, .quick-view .close-window:hover::after, .quick-view .close-window:hover::before, .search-full-screen span.close-search:hover::after, .ajax-success-modal .close-modal:hover::before, .ajax-success-modal .close-modal:hover::after {
background-color: #ef5c5c;
}
#slidedown-cart .btn-remove:hover, .cart-close:hover, .search-full-screen span.close-search:hover, .ajax-success-modal .close-modal:hover {
background: #f5f3f0;
}
.tt-toggle-frame{padding-bottom:20px; display:block;}
.tt-toggle-frame h5.tt-toggle-accordion{font-weight:normal;  position:relative; margin:0px 0px 0px; padding:0px 0px 0px 20px;}
.tt-toggle-frame h5 a{display:block; color:#5c5c5c;}
.tt-toggle-frame h5 a:before, .tt-toggle-frame h5 a:after{position:absolute; text-decoration:inherit; }
.tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle-accordion:before, .tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle:before{content:"\f140";font-family:"Material Design Icons"; top:0px; left:0px; position:absolute; font-weight:normal; }
.tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle-accordion:after, .tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle:after{content:"\f140";font-family:"Material Design Icons"; top:4px; left:0px; display:inline-block; float:left; position:absolute; }
.tt-toggle-frame-set .tt-toggle-frame h5.active:before, .tt-toggle-frame-set .tt-toggle-frame h5.active:after, .tt-toggle-frame-set h5.tt-toggle.active:before{content:"";}
.tt-toggle-frame .tt-toggle-content{padding:5px 20px 20px 22px; margin:0px 0px 0px 0px; background:#f4f4f4;}
.tt-toggle-frame .tt-toggle-accordion.active, .tt-toggle-frame .tt-toggle.active{background:#f4f4f4; margin-bottom:0px; padding:20px 10px 5px 20px;}
.tt-toggle-accordion.active a:before, .tt-toggle-accordion.active a:after, .tt-toggle-frame .tt-toggle.active a:before, .tt-toggle-frame .tt-toggle.active a:after, .tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle.active:before{content:"";}
.tt-toggle-frame-set h5.tt-toggle-accordion:before, h5.tt-toggle:before{content:"\f140";font-family:"Material Design Icons";}
h5.tt-toggle-accordion.active:before, .tt-toggle-frame-set h5.tt-toggle.active:before{content:"\f143";font-family:"Material Design Icons";}
h5.tt-toggle-accordion.active { 
background:var(--color-btn-primary);
color:var(--color-btn-primary-text); 
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;
}
h5.tt-toggle-accordion.active a { color:#fff; border: none;}
.course h5.tt-toggle-accordion:before{content:"?";}
.course h5.tt-toggle-accordion.active:before{content:"?";}
.tt-toggle-frame h5.tt-toggle-accordion:before{content:'';}
.tt-toggle-frame h5.tt-toggle-accordion{line-height:inherit;}
h5.tt-toggle-accordion, .tt-toggle-frame h5.tt-toggle, h5.tt-toggle{
padding:15px 0px 15px 42px; 
line-height:30px; 
position:relative; 
font-size:16px; 
margin:-1px 0 -1px;
border:1px solid var(--color-border);
font-family: var(--font-stack-header);
}
.tt-toggle-frame h5.tt-toggle{padding:0px 0px 0px 20px; margin-bottom:0px;}
.tt-toggle-frame h5.ttc-toggle-accordion a, .tt-toggle-frame h5.tt-toggle a{font-weight:normal;}
h5.tt-toggle-accordion a{color:#222; font-weight:500; display:block; border: none !important;}
h5.tt-toggle a{color:#5c5c5c; font-size:16px; font-weight:bold; display:block;}
.tt-toggle-frame h5.tt-toggle-accordion a{font-weight:normal;} 
h5.tt-toggle-accordion:before, h5.tt-toggle:before{
display:inline-block; 
width:30px; 
height:30px; 
text-align:center; 
position:absolute; 
top:15px; 
left:3px; 
z-index:1;}
.tt-toggle-frame h5.tt-toggle-accordion:before, .tt-toggle-frame h5.tt-toggle:before{background:none; display:inherit; width:auto; height:auto; text-align:inherit; line-height:inherit; color:inherit; border:none; 
border-radius: 0px; 
-moz-border-radius: 0px; 
-webkit-border-radius:0px ; 
-khtml-border-radius: 0px;
position:static;}
h5.tt-toggle-accordion.active:before, h5.tt-toggle.active:before{ line-height:25px;}
.tt-toggle-frame h5.tt-toggle-accordion.active:before, .tt-toggle-frame h5.tt-toggle.active:before{border:0px;}
.tt-toggle-content{padding-left:40px; padding-bottom:20px;padding-top:20px; clear:both; display:none;border:1px solid var(--color-border);}
#shopify-section-faq .tt-toggle-accordion {
cursor: pointer;
}
.faq-deatil .faq-title {
color: var(--color-text);
margin: 10px 0;
font:500 20px/28px var(--font-stack-header);
}
/*----------------------- common css --------------------*/
#slidedown-cart .btn-remove:hover, .cart-close:hover, .search-full-screen span.close-search:hover, .compare-model  .modal-header button:hover, .quick-view  a.close-window:hover,.ajax-success-modal .close-modal:hover {
background: #f5f3f0;
}
.quick-view  a.close-window, .compare-model  .modal-header button,.ajax-success-modal .close-modal {
height: 30px;
width: 30px;
background: none;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
}
.hover_img{
float:left;
width:100%;
overflow:hidden;
position:relative;
}
.hover_img img{
transition: all 800ms ease-in-out 0s;
-webkit-transition: all 800ms ease-in-out 0s;
-moz-transition: all 800ms ease-in-out 0s;
-o-transition: all 800ms ease-in-out 0s;
-ms-transition: all 800ms ease-in-out 0s;
}

.hover_img::after{
background: rgba(255,255,255,0.2);
content: "";
height: 100%;
left: 0;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
position: absolute;
top: 0;
width: 100%;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transition: all 800ms ease-in-out 0s;
-webkit-transition: all 800ms ease-in-out 0s;
-moz-transition: all 800ms ease-in-out 0s;
-o-transition: all 800ms ease-in-out 0s;
-ms-transition: all 800ms ease-in-out 0s;
}
.hover_img:hover::after {
height:100%;
content:"";
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
transition-duration: 1s;
width: 100%;
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.hover_img: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);
}
.ttproduct .contents.tab-pane {
margin-right: -15px;
margin-left: -15px;
}
.owl-carousel .owl-item img {
margin: 0 auto;
}
/* .owl-nav {
display: none;
} */
.page-wrapper {
float: left;
min-height: 100%;
width: 100%;
overflow:hidden;
position:relative;
}
.main-content .shopify-section.index-section{
float: left;
width: 100%;
}
.template-index .main-content .shopify-section {
float: left;
margin: 0 0 80px;
width: 100%;
}
.template-index .main-content .shopify-section.brand-logo{
margin:0 0 50px;
}
@media only screen and (max-width: 1399px) {
.template-index .main-content .shopify-section {
margin: 0 0 70px;
}
.template-index .main-content .shopify-section.brand-logo{
margin:0 0 40px;
}
}
@media only screen and (max-width: 1199px) {
.template-index .main-content .shopify-section {
margin: 0 0 50px;
}
.template-index .main-content .shopify-section.brand-logo{
margin:0 0 20px;
}
}

@media only screen and (max-width: 767px) {
.template-index .main-content .shopify-section {
margin: 0 0 30px;
}
.template-index .main-content .shopify-section.brand-logo{
margin:0;
}
}
@media(max-width:480px){
.quick-view a.close-window{
top: 10px;
right: 10px !important;
}
.quick-view .product-detail-section p.product-description ul,.quick-view .product-shop .prices,.quick-view .product-info{
text-align:left;
}
.quickview {
padding: 0 25px;
}
.quickview .actions,.quickview  .qty-section.quantity-box{
float:left;
width:auto;
}
}
/*---------------------------- Loader CSS ----------------------*/
.loading-modal {
background: #fff url("loader.gif") center 14px no-repeat;
border: 1px solid rgba(0,0,0,0.15);
position: fixed;
top: 50%!important;
bottom: auto;
left: 50% !important;
right: auto !important;
width: 56px;
height: 56px;
margin-left: -28px;
margin-top: -28px;
overflow: hidden;
padding: 0;
text-align: center;
text-indent: -999em;
box-shadow: 0 1px 4px rgba(0,0,0,0.3);	
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
-ms-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
-o-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius:3px ; 
-khtml-border-radius: 3px;
display: block;
}
.search_wrapper input.input-group-field.s-loading{
background:url("serach-loader.gif") no-repeat scroll right 15px center;
float: left;
position: static;
transition: none 0s ease 0s;
-webkit-transition: none 0s ease 0s;
-moz-transition: none 0s ease 0s;
-o-transition: none 0s ease 0s;
-ms-transition: none 0s ease 0s;
width: 100%;
}
/*======================= custom navigation css ============================*/
#blog_slider .owl-dots {
margin: 30px 0 0 0;
}.owl-theme .owl-dots .owl-dot span{
display:none !important;
}
.special-collection .owl-dot,.tt-brand_slider .owl-dot,.ttproduct .owl-dot,.blog-grid-wrapper .owl-dot,.related-products-container .owl-dot,.cms_banner .owl-dot,.cms_about_bnr .owl-dot{
height: 10px;
width: 10px;
background: #7f7f7f;
border-radius: 50%;
margin: 0 5px;
display: inline-block;
vertical-align: middle;
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_banner .owl-dots,.cms_about_bnr .owl-dots{
text-align: center;
float: left;
width: 100%;
margin:10px 0 0 ;
}
.special-collection .owl-dot.active,.tt-brand_slider .owl-dot.active,.ttproduct .owl-dot.active,.blog-grid-wrapper .owl-dot.active ,.related-products-container .owl-dot.active,.cms_banner .owl-dot.active,.cms_about_bnr .owl-dot.active{
height: 10px;
width: 26px;
background: var(--color-btn-primary);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
.special-collection .owl-theme .owl-dots .owl-dot.active > span,.tt-brand_slider .owl-theme .owl-dots .owl-dot.active > span,.ttproduct .owl-theme .owl-dots .owl-dot.active > span,.blog-grid-wrapper .owl-theme .owl-dots .owl-dot.active > span,.related-products-container .owl-theme .owl-dots .owl-dot.active > span,.cms_banner .owl-theme .owl-dots .owl-dot.active > span,.cms_about_bnr .owl-theme .owl-dots .owl-dot.active > span{ 
background: var(--color-btn-primary);
}
.widget_filter {
float:left;
}
.item-row.grid-item{
padding-left: 0; 
}
div#shopify-section-sidebar-color input {
display: none;
}
.owl-prev{
left:0; 
}
.owl-next{
right:0; 
}
.testimonials_wrap .owl-next:after{
width: 100%;
background-position: -12px -385px;
height: 100%;
}
.testimonials_wrap .owl-next:hover:after{
background-position: -69px -386px;
background-color: #111;
height: 100%;
}
.testimonials_wrap .owl-prev:after{
width: 100%;
background-position: -10px -352px;
height: 100%;
}
.testimonials_wrap .owl-prev:hover:after{
background-position: -69px -353px;
background-color: #111;
height: 100%;
}
.testimonials_wrap .owl-next:after,.testimonials_wrap .owl-prev:after{
display: block;
}
.product-single__photos{
cursor:crosshair;
}
@media only screen and (max-width: 991px) {
.item-row.grid-item{
width:33.333%; 
}
}
@media only screen and (max-width: 767px) {
.item-row.grid-item{
width:50%; 
}
}
@media only screen and (max-width: 480px) {
.item-row.grid-item{
width:80%; 
}
.tab-inner .nav-tabs>li{
width:80%; 
}
.tab-inner .nav-tabs>li{
margin-bottom: 5px; 
}
}
/*------------------related-products -------------*/
.related-products .owl-nav {
display:none;
}
.related-products .grid-item{
padding: 0;
}
.related-products.product-grid{
margin:10px 0 0;
text-align:center;
padding:0 5px;
}
@media(max-width:1399px){
.related-products .product-wrapper .flip-countdown.simple-countdown .count-title{
display:none;
}
}
@media only screen and (max-width: 991px) {
.page-wrapper .main-content {
margin: 0;
float: left;
width: 100%;
display: inline-block;
overflow: hidden;
}
}
@media(max-width:320px){
.related-products .product-wrapper{
margin:0 ;
}
}
/*==================================Rich Text Editor=======================================*/
.rte {
color: var(--color-body-text);
margin-bottom: 15px;
line-height: 1.7;}
.rte>div {
margin-bottom: 15px;
}
.rte:last-child {
margin-bottom: 0; }
.rte h1,.rte h2,.rte h3,.rte .h3,.rte h4,.rte .h4,.rte h5,.rte .h5,.rte h6,.rte .h6 {
margin-top: 15px;}
.rte h1:first-child,.rte h2:first-child,.rte h3:first-child,.rte .h3:first-child,.rte h4:first-child,.rte .h4:first-child,.rte h5:first-child,.rte .h5:first-child,.rte h6:first-child,.rte .h6:first-child {
margin-top: 0; }
.rte li {
margin-bottom: 4px;
list-style: inherit; }
.rte li:last-child {
margin-bottom: 0; }
.rte-setting {
margin-bottom: 19.44444px; }
.rte-setting:last-child {
margin-bottom: 0; }
.rte img {
height: auto; }
.rte table {
table-layout: fixed; }
.rte ul,.rte ol {
margin: 0 0 17.5px 35px; }
.rte ul.list--inline,.rte ol.list--inline {
margin-left: 0; }
.rte ul {
list-style: disc outside; }
.rte ul ul {
list-style: circle outside; }
.rte ul ul ul {
list-style: square outside; }
.rte a:not(.btn) {
padding-bottom: 1px; }
.text-center.rte ul,.text-center.rte ol,.text-center .rte ul,.text-center .rte ol {
margin-left: 0;
list-style-position: inside; }
.scrollable-wrapper {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch; }
/*======================================Links and Buttons================================*/

color: var(--color-text-field);
background: transparent;
text-decoration: none;
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;
}
a:hover,a:focus {
color: var(--color-text-hover-field);
outline:none !important;
}
button {
overflow: visible;
}
button[disabled],html input[disabled] {
cursor: default;
}
input[type="submit"]:hover,input[type="submit"]:focus,input[type="submit"]:active {
background: var(--color-btn-hover);
color: var(--color-btn-primary-text);
}
.btn,.btn--secondary,input.btn--secondary,.product-wrapper .btn_wrapper .pro_btn a{
float: none;
font-weight: 500;
font-size: 15px;
font-family: var(--font-stack-body);
line-height: var(--font-line-height);
letter-spacing: var(--font-letterspace);
background: var(--color-btn-secondary);
margin: 0;
padding: 11px 37px;
white-space: nowrap;
-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: 0px;	
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
}
.btn,.btn--secondary,input.btn--secondary{
color: var(--color-btn-secondary-text);
}
.btn::after
{
background:var(--color-btn-primary);
}
.btn::after:hover
{
background:var(--color-btn-secondary);
}
.btn:hover,.btn:active,.btn:focus{
color: var(--color-btn-primary-text);
box-shadow:none;
}
/* .btn:active,.btn:focus{
background-color: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
box-shadow: none;
} */
.btn[disabled],.btn.disabled{
cursor: default;
color: var(--color-btn-secondary-text);
background-color: var(--color-btn-secondary);
}
.btn::after,.product-wrapper .pro_btn a::after,.btn--secondary::after,input.btn--secondary::after{
content: '';
background: var(--color-btn-hover);
height: 100%;
width: 0;
position: absolute;
transition: 0.3s cubic-bezier(.785, .135, .15, .86);
-webkit-transition: 0.3s cubic-bezier(.785, .135, .15, .86);
-moz-transition: 0.3s cubic-bezier(.785, .135, .15, .86);
-o-transition: 0.3s cubic-bezier(.785, .135, .15, .86);
-ms-transition: 0.3s cubic-bezier(.785, .135, .15, .86);
top: 0;
left: auto;
right: 0;
z-index: -1;
}
.btn:hover::after,.btn--secondary:hover::after,input.btn--secondary:hover::after,.btn:focus::after,.btn--secondary:focus::after,input.btn--secondary:focus::after,.btn:active::after,.btn--secondary:active::after,input.btn--secondary:active::after{
width: 100%;
right: auto;
left: 0;
}
.product-wrapper .add_tocart.pro_btn a:hover::after,.product-wrapper .add_tocart.pro_btn a:focus::after,.product-wrapper .add_tocart.pro_btn a:active::after,.product-wrapper .pro_btn a:hover::after,.product-wrapper .pro_btn a:focus::after,.product-wrapper .pro_btn a:active::after{
width: 100%;
right: auto;
left: 0;
}
.input-group-btn.search-submit-wrap .btn:hover::after{
background: none;
}
.grid-item:not(.product-short-list,.product-list) .btn_wrapper{
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;
bottom: 115px;
right: 0;
margin:0 15px;
top: auto;
left: 0;
position: absolute;
float: none;
width: auto;
display: flex;
align-items: center;
justify-content: center;
}
span.sold_cart.tooltip-label {
display: block;
}

.product-list .product-wrapper .add_tocart.pro_btn a.btn svg,.product-short-list .product-wrapper .add_tocart.pro_btn a.btn svg,.product-list .grid-view-item .btn_cart .tooltip-label, .product-short-list .grid-view-item .btn_cart .tooltip-label{
color: var(--color-product-secondary-text);
}
.product-list .grid-view-item .btn_cart .tooltip-label.sold_cart,.product-short-list .grid-view-item .btn_cart .tooltip-label.sold_cart,.product-wrapper .add_tocart.pro_btn.soldout a.btn svg {
color: var(--color-product-primary-text);
}
.product-list .product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:hover,.product-list .product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:active,.product-list .product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:focus,
.product-short-list .product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:hover,.product-short-list .product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:active,.product-short-list .product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:focus{
color: var(--color-product-secondary-text);
}
.product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:hover,.product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:active,.product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:focus{
color: var(--color-product-primary-text);
}
.product-wrapper .add_tocart.pro_btn a.btn:hover svg
{
color:var(--color-product-secondary-text);
}
/* .product-wrapper .pro_btn a.btn svg,.product-list .grid-view-item .btn_cart a.btn:hover .tooltip-label, .product-short-list .grid-view-item .btn_cart a.btn:hover .tooltip-label{
color: var(--color-product-primary-text);
} */
.grid-item:not(.product-short-list,.product-list) .product-wrapper .add-to-wishlist a.btn:hover svg
{
color: var(--color-product-secondary);
}

.grid-item:not(.product-short-list,.product-list) .product-wrapper .pro_btn  a.loading {
background: var(--color-product-secondary-text);
}
.grid-item:not(.product-short-list,.product-list) .product-wrapper .pro_btn .loading a.add_to_wishlist
{
background: none;
}
.product-wrapper .pro_btn a.btn:hover svg,.product-wrapper .pro_btn a.btn:focus svg,.product-wrapper .pro_btn a.btn:active svg,.grid-view-item .product-wrapper .btn_wrapper .pro_btn a.add_to_wishlist svg,{	
color: var(--color-product-secondary-text);
}
.product-wrapper .btn_wrapper .pro_btn.add-to-compare a.add-in-compare-js.added svg
{
color:var(--color-btn-secondary);
}
.product-wrapper .btn_wrapper .pro_btn a:focus svg,.product-wrapper .btn_wrapper .pro_btn a:focus .add_cart.tooltip-label{
color:var(--color-product-secondary-text);
}
.product-wrapper .pro_btn a.btn.added-wishlist svg

{
color:var(--color-product-secondary);
}
.product-wrapper .pro_btn a::after{
background-color: var(--color-product-secondary);
}
.product-wrapper .btn_wrapper .pro_btn a.added-wishlist.btn,.product-wrapper .btn_wrapper .pro_btn.add-to-compare a.add-in-compare-js.added,.product-wrapper .pro_btn > a.loading {
background: var(--color-product-secondary);
}
.product-wrapper .pro_btn  a.loading {
background: var(--color-product-secondary);
}
.product-wrapper .pro_btn a.loading > i{
display: none;
}
.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
color:var(--color-product-secondary);
}
@keyframes spin{
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100% { 
-webkit-transform:rotate(359deg);
transform:rotate(359deg);
}
}
@-moz-keyframes fillToRight {
to {
width: 100%;
}
}
@keyframes fillToRight {
to {
width: 100%;
}
}
.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,
.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,
.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
background-color: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
input.spr-button.spr-button-primary:active {
background: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.product-single__addtocart .btn.disabled,.product-single__addtocart .btn[disabled] {
background-color: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
cursor: not-allowed;
}
.product-single__addtocart .btn{
margin:0 15px 0 0;
}
.added-to-cart .btn{
background-color: var(--color-btn-primary);
color: var(--color-btn-primary-text);
}
.added-to-cart .btn:active,.added-to-cart .btn:focus{
background-color: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.added-to-cart .btn:hover {
color: var(--color-btn-secondary-text);
}
.btn--small {
padding: 4px 5px;
font-size: 12px;
}
.btn--large {
padding: 12px 15px;
font-size: 16px;
}
.btn--full {
width: 100%;
white-space: normal;
}
/*================ Force an input/button to look like a text link ================*/
.text-link {
display: inline;
border: 0 none;
background: none;
padding: 0;
margin: 0;
}
/*================= Currency - Language ==================*/
.menu-middle-section ul li.currency a,.menu-middle-section ul li.language a { padding-right:0; }
.menu-middle-section ul li.currency .flag-dropdown-menu li a,.menu-middle-section ul li.language .flag-dropdown-menu li a { padding:7px 15px; }
.menu-middle-section ul li.currency:hover .flag-dropdown-menu,.menu-middle-section ul li.language:hover .flag-dropdown-menu { 
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
display:block;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
}
.flag-dropdown-menu li a i { 
margin-top:2px;
margin-right:7px;
float:left;
}
.flag-dropdown-menu li a span { float:left;color:var(--color-text-field);
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;
}
.flag-dropdown-menu li a:hover span { color:var(--color-text-hover-field); } 
.flag-dropdown-menu { 
text-align: left;
width:90px;
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility:hidden;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
-webkit-transform-origin: 0 0;
-khtml-transform-origin: 0 0; 
-moz-transform-origin: 0 0; 
-ms-transform-origin: 0 0; 
-o-transform-origin: 0 0; 
transform-origin: 0 0;
position: absolute; 
top: 100%;
right: 0;
z-index: 999;
padding: 0;
margin-bottom: 0; 
border-radius: 0; 
-moz-border-radius: 0; 
-webkit-border-radius: 0; 
-khtml-border-radius: 0;
border: none; 
box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.15);	
-webkit-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.15);
-moz-box-shadow:0px 0px 30px 0 rgba(0,0,0,0.15);
-ms-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.15);
-o-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.15);
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;   
}
.tbl-list > li.currency .flag-dropdown-menu li a,.tbl-list > li.language .flag-dropdown-menu li a {line-height: 1.2; padding: 6px 17px !important;border:none;font-size:13px !important;float:left;width: 100%;}
.tbl-list > li.currency .flag-dropdown-menu, .tbl-list > li.currency.open .flag-dropdown-menu,.tbl-list > li.language .flag-dropdown-menu, .tbl-list > li.language.open .flag-dropdown-menu {
opacity: 1; 
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
display:none;
transition: none 0s ease 0s;
-webkit-transition: none 0s ease 0s;
-moz-transition: none 0s ease 0s;
-o-transition: none 0s ease 0s;
-ms-transition: none 0s ease 0s; 
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
}
.currency_code > i,
.language_code > i {
margin: 4px 5px 0 0;  
float:left;
}
.flag-dropdown-menu li.active a span {
color: var(--color-text-hover-field);
}
.header_currency .currency_wrapper .mdi.mdi-chevron-up,.header_language .language_wrapper .mdi.mdi-chevron-up{
display: none;
}
.header_currency ul li .currency_wrapper.active .mdi.mdi-chevron-up,.header_language .language_wrapper.active .mdi.mdi-chevron-up{
display: inline-block;
vertical-align:top;
}
.header_currency ul li .currency_wrapper .mdi.mdi-chevron-down,.header_language .language_wrapper .mdi.mdi-chevron-down{
display: inline-block;
vertical-align:top;
}
.header_currency ul li .currency_wrapper.active .mdi.mdi-chevron-down,.header_language .language_wrapper.active .mdi.mdi-chevron-down{
display: none;
}
.customer_account .tbl-list > li.currency .flag-dropdown-menu {
float: left;
width: 100%;
margin: 0;
top: 43px;
left: 0;
right: auto;
}
.customer_account .tbl-list > li.currency .flag-dropdown-menu li, .customer_account .tbl-list > li.language .flag-dropdown-menu li {
display: inline-block;
margin-bottom: 0;
padding: 3px 0;
width: 100%;
vertical-align: top;
}
.customer_account .tbl-list > li.currency .flag-dropdown-menu li a, .customer_account .tbl-list > li.language .flag-dropdown-menu li a {
padding: 0 !important;
}
.customer_account .header_currency, .customer_account .header_language {
margin: 0;
padding: 10px 0 0;
float: left;
width: 100%;
}
.customer_account .header_language {
padding: 0;
}
.tbl-list > li.currency .flag-dropdown-menu,.header_language .disclosure #lang-list {
float:left;
width:100%;
right: 0;
left: auto;
top: 100%;
min-width: 120px;
z-index: 4;
position: absolute;
display: none;
margin: 0;
padding: 10px 0;
background: #fff;
margin-left:0; 
text-align: left;
box-shadow: none;
border: 1px solid var(--color-border);
}
.customer_account .tbl-list > li.currency .flag-dropdown-menu > li,.header_language .disclosure #lang-list li a{
display: inline-block;
margin-bottom: 0;
padding: 3px 15px;
width:100%;
vertical-align:top;
line-height: 14px;
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;
}

.header_language .disclosure #lang-list li.disclosure-list__item--current a {
color: #111;
}
.tbl-list > li.currency .flag-dropdown-menu::before,.tbl-list > li.language .flag-dropdown-menu::before{
position: absolute;
content: "\f360";
font-family: "Material Design Icons";
height: 30px;
width: 30px;
font-size: 30px;
line-height: 30px;
right: 5px;
top: -19px;
left: auto;
bottom: auto;
color:#e5e5e5;
}
.tbl-list>li.language.language-block .flag-dropdown-menu{
width:auto;
}
.tbl-list > li.currency.currency-block.open .flag-dropdown-menu,.tbl-list > li.language.language-block.open .flag-dropdown-menu {
display: block;
}
#currencies-picker {
width: 100%;
padding: 35px 0;
margin: 0 !important;
}
#currencies-picker .selection-box {
float: right;
margin: 0;
position: relative;
}
#currencies-picker .selection-box select {
border: none;
padding: 0;
}
#currencies-picker p {
margin: 0 12px 0 0px;
}
.currency_wrapper.dropdown-toggle,.language_wrapper.dropdown-toggle {  
position:relative; 
font:500 13px/20px var(--color-body-text); 
padding: 14px 0;
float:left; 
width: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;
}
.language_wrapper.dropdown-toggle {
padding: 14px 10px 14px 0;
margin-right: 10px;
}
.site-header__search .serach_icon:hover > svg,.site-header__search .serach_icon.active > svg, .header_1 .right-link-icon .myaccount:hover .dropdown-toggle> svg, .header_1 .right-link-icon .wishlist-icon-div:hover .wishlist> svg,.header_1 .right-link-icon .myaccount .dropdown-toggle.open > svg, .header_1 .wrapper-top-cart > .site-header_cart_link:hover svg,.header_1 .wrapper-top-cart > .site-header_cart_link.active svg{ 
color: var(--color-product-secondary);
}
.right-link-icon .fullscreen_header_toggle .leftmenu:hover> svg,.header_1 .right-link-icon .wishlist-icon-div .wishlist:hover> svg,.left-nav .header-contact a:hover svg, .left-nav .header-email a:hover svg,.site-header__search .serach_icon:hover > svg,.site-header__search .serach_icon.active > svg, .header_1 .right-link-icon .myaccount:hover .dropdown-toggle> svg,.header_1 .right-link-icon .myaccount .dropdown-toggle.open > svg, .header_1 .wrapper-top-cart > .site-header_cart_link:hover svg,.header_1 .wrapper-top-cart > .site-header_cart_link.active svg,.header_1 .top-header:hover svg{ 
transform: rotateY(180deg);
}
.top_header_1 .header_language .disclosure .language_wrapper:hover,.top_header_1 a.currency_wrapper.dropdown-toggle:hover,.header_1_wrapper .left-nav a:hover .email,.header_1_wrapper .left-nav a:hover svg,.header_1_wrapper .left-nav a:hover .contact-number {
fill:#fff;
color:#fff;
}
.header_1 .right-link-icon .wishlist-icon-div .wishlist > svg,.left-nav .header-email a svg, .left-nav .header-contact a svg, .site-header__search .serach_icon svg, .header_1 .right-link-icon .myaccount .dropdown-toggle > svg, .header_1 .wrapper-top-cart > .site-header_cart_link svg,.header_1 .top-header svg{
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;
}
.currency-selector-label,.language-selector-label{
float: left;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.1);
padding: 5px 0;
font-weight: 400;
color: #333333;
font-family: var(--font-stack-header);
}

.tbl-list > li.currency .flag-dropdown-menu::before, .tbl-list > li.language .flag-dropdown-menu::before{
display: none;
}
@media only screen and (min-width: 992px) {
#tt-megamenu ul.tt_menus_ul li.tt_menu_item:hover>a::after {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.myaccount .mdi.mdi-chevron-up,.myaccount.open .mdi.mdi-chevron-down {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.flag-dropdown-menu { 
right:auto; 
}
.tbl-list > li.currency .flag-dropdown-menu li:last-child a,.tbl-list > li.language .flag-dropdown-menu li:last-child a {  
margin-right: 0; 
}
}
@media only screen and (max-width: 767px) {
.currency_code > i,.language_code > i {
margin: 1px 5px 0 0;
}
.tbl-list > li.currency .flag-dropdown-menu li a,.tbl-list > li.language .flag-dropdown-menu li a {
font-size:12px !important;
}
}
@media only screen and (max-width: 480px) {
.flag-dropdown-menu li a i { 
margin-right:5px; 
} 
}
/*=================== Lists ==================*/
ul, ol {
padding: 0;
}
ul { list-style: none outside; }
ol { list-style: decimal; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 20px; }
li { margin-bottom: 0.25em; }
ol, ul.square, ul.disc { margin-left: 20px; }
ul.square { list-style: square outside; }
ul.disc { list-style: disc outside; }
ol.alpha { list-style: lower-alpha outside; }
.inline-list li {
display: inline-block;
margin-bottom: 0;
}
/*====================== Tables ===============================*/
table {
border: 1px solid var(--color-border);
float:left;
width: 100%;
}
table p{
margin-bottom: 0;
}
table.full {
width: 100%;
margin-bottom: 1em;
}
th {
font-weight: bold;
}
th, td {
text-align: center;
padding: 15px;
border: 1px solid var(--color-border);
position: relative;
}
@media only screen and (max-width: 480px) {
th, td{
padding: 10px;
}
}
/*======================= Images and Iframes ==============================*/
svg:not(:root) {
overflow: hidden;
}
img.auto,
.grid-item img,
.grid-item iframe {
max-width: 100%;
}
.video-wrapper {
position: relative;
overflow: hidden;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
height: auto;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.site-nav li .grid-item {
float:none;
padding:0;
}
@media only screen and (max-width: 991px) {
.video-wrapper{
margin:0;
}
}
/*==================== Forms ========================*/
::-webkit-input-placeholder {
color: var(--color-body-text);
opacity: 0.6;
}
:-moz-placeholder { /* Firefox 18- */
color: var(--color-body-text);
opacity: 0.6;
}
::-moz-placeholder {  /* Firefox 19+ */
color: var(--color-body-text);
opacity: 0.6;
}
:-ms-input-placeholder {
color: var(--color-body-text);
opacity: 0.6;
}
::-ms-input-placeholder { /* Edge 12+ */
color: var(--color-body-text);
opacity: 1;
}
form {
margin: 0 0 15px;
}
select {
font-size: 14px;
}
button,input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],input[type="submit"],textarea {
-webkit-appearance: none;
-moz-appearance: none;
}
input, textarea, select, fieldset {
max-width: 100%;
}
input.input-full, textarea.input-full, select.input-full, fieldset.input-full {
width: 100%;
}
input,select,textarea {
padding: 15px;
line-height: 1.42;
}
input {
padding: 12px 10px;
}
fieldset {
border: 1px solid var(--color-border);
padding: 15px;
}
legend {
border: 0;
padding: 0;
}
optgroup {
font-weight: bold;
}
input {
display: inline-block;
width: auto;
}
button,
input[type="submit"] {
cursor: pointer;
}
input[type="submit"] {
background-color: var(--color-btn-primary);
color: var(--color-btn-primary-text);
cursor: pointer;
display: inline-block;
font-weight: 500;
font-size: 13px;
font-family: var(--font-stack-body);
line-height: var(--font-line-height);
letter-spacing: var(--font-letterspace);
margin: 0;
padding: 10px 20px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
-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;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;         
}
/*================ Input width and border ================*/
input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],textarea,select {
color: var(--color-body-text);
border: 1px solid var(--color-border);
width: 100%;
max-width: 100%;
display: block;
margin: 0 0 1em;
}
input[type="text"].input-group,input[type="search"].input-group,input[type="password"].input-group,input[type="email"].input-group,input[type="file"].input-group,input[type="number"].input-group,input[type="tel"].input-group,textarea[disabled].input-group,select[disabled].input-group {
border: 0;
}
input[type="text"]:focus,input[type="text"].active,input[type="search"]:focus,input[type="search"].active,input[type="password"]:focus,input[type="password"].active,input[type="email"]:focus,input[type="email"].active,input[type="file"]:focus,input[type="file"].active,input[type="number"]:focus,input[type="number"].active,input[type="tel"]:focus,input[type="tel"].active,textarea:focus,textarea.active,select:focus,select.active {
background-color: #fff;
}
input[type="text"][disabled],input[type="text"].disabled,input[type="search"][disabled],input[type="search"].disabled,input[type="password"][disabled],input[type="password"].disabled,input[type="email"][disabled],input[type="email"].disabled,
input[type="file"][disabled],input[type="file"].disabled,input[type="number"][disabled],input[type="number"].disabled,input[type="tel"][disabled],input[type="tel"].disabled,textarea[disabled],textarea.disabled,select[disabled],select.disabled {
cursor: default;
background-color: var(--color-btn-secondary);
border-color: var(--color-btn-secondary);
}
input[type="text"]:active, input[type="text"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="file"]:active, input[type="file"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="submit"]:active, input[type="submit"]:focus, textarea:focus, textarea:active {
border-color: #c5c5c5;
}
textarea {
min-height: 100px;
}
input[type="checkbox"],input[type="radio"] {
display: inline;
margin: 0;
padding: 0;
}
.qty-section.quantity-box .qty-box-set {
margin-right: 10px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: var(--selectIcon);
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 8px;
text-indent: 0.01px;
text-overflow: '';
cursor: pointer;
}
.ie9 select, .lt-ie9 select {
background-image: none;
padding-right: 10px;
}
select::-ms-expand {
display: none;
}
/*================ Form labels ================*/
label, legend {
display: inline-block;
font-family: var(--font-stack-body);
color: var(--color-body-text);
vertical-align: top;
margin-bottom: 2px;
font-size: em(12px);
font-weight: bold;
}
label.inline, legend.inline {
display: inline;
}
/*================ Off-screen labels with placeholder ================*/
.form-label--hidden {
display: inline;
}
.ie9 .form-label--hidden .visuallyhidden, .lt-ie9 .form-label--hidden .visuallyhidden {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*================ We don't want the same label treatment for checkboxes/radios ================*/
input[type="checkbox"] + label,input[type="radio"] + label {
font-weight: 500;
}
label[for] {
cursor: pointer;
}
.label-hint {
color: #999;
}
/*================ Horizontal Form ================*/
form.form-horizontal, .form-horizontal {
margin-bottom: 0;
}
form.form-horizontal input[type="text"], .form-horizontal input[type="text"], form.form-horizontal input[type="search"], .form-horizontal input[type="search"], form.form-horizontal input[type="password"], .form-horizontal input[type="password"], form.form-horizontal input[type="email"], .form-horizontal input[type="email"], form.form-horizontal input[type="file"], .form-horizontal input[type="file"], form.form-horizontal input[type="number"], .form-horizontal input[type="number"], form.form-horizontal input[type="tel"], .form-horizontal input[type="tel"], form.form-horizontal textarea, .form-horizontal textarea, form.form-horizontal select, .form-horizontal select, form.form-horizontal label, .form-horizontal label {
display: inline-block;
margin-bottom: 0;
width: auto;
}
/*================ Error styles ================*/
input[type="text"].error, input[type="search"].error, input[type="password"].error, input[type="email"].error, input[type="file"].error, input[type="number"].error, input[type="tel"].error, textarea.error {
border-color: var(--errorRed);
background-color:var(--errorRedBg);
color: var(--errorRed);
}
label.error {
color: var(--errorRed);
}
/*================ Input Group ================*/
.input-group input::-moz-focus-inner {
border: 0;
padding: 0;
margin-top: -1px;
margin-bottom: -1px;
}
.input-group-field,.input-group-btn {
display: table-cell;
vertical-align: middle;
margin: 0;
}
.input-group .btn,.input-group .input-group-field {
height: 40px;
}
.input-group .input-group-field {
width: 100%;
margin-bottom: 0;
border:none;
}
.input-group-btn {
position: relative;
white-space: nowrap;
width: 0%;
padding: 0;
}
.input-group-btn .btn {
background-color: transparent;
}
.input-group-btn .btn .icon {
color: var(--color-body-text);
position: relative;
font-size: 18px;
line-height: 18px;
}
/*====================== Icons ==============================*/
.icon-fallback-text .icon {
display: none;
}
.supports-fontface .icon-fallback-text .icon i {
display: inline-block;
vertical-align: middle;
font-size: 22px;
}
@media only screen and (max-width: 991px) {
.supports-fontface .icon-fallback-text .icon i{
font-size: 20px;
color: var(--color-btn-secondary-text);
}
}
@media only screen and (max-width: 480px) {
.ttinput_newsletter .icon-fallback-text .icon{
display: inline-block;
}
}
.supports-fontface .icon-fallback-text .fallback-text {
clip: rect(0 0 0 0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
}
.supports-fontface li:hover .icon-fallback-text .icon {
color: #fff;
cursor: pointer;
}
.icon:before {
display: none;
}
.supports-fontface .icon:before {
display: inline;
font-family: icons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*================ Icon mapping ================*/
.icon-apple_pay:before { content: "\e904"; }
.icon-amazon_payments:before { content: "\e905"; }
.icon-american_express:before { content: "\41"; }
.icon-bitcoin:before { content: "\42"; }
.icon-cart:before { content: "\e600"; }
.icon-chevron-down:before { content: "\e606"; }
.icon-chevron-left:before { content: "\e605"; }
.icon-chevron-right:before { content: "\e602"; }
.icon-chevron-up:before { content: "\e608"; }
.icon-cirrus:before { content: "\43"; }
.icon-comment:before { content: "\e60b"; }
.icon-cross:before { content: "\e60d"; }
.icon-dankort:before { content: "\64"; }
.icon-diners_club:before { content: "\63"; }
.icon-discover:before { content: "\44"; }
.icon-dogecoin:before { content: "\e908"; }
.icon-dwolla:before { content: "\e900"; }
.icon-facebook:before { content: "\66"; }
.icon-fancy:before { content: "\46"; }
.icon-forbrugsforeningen:before { content: "\e901"; }
.icon-google_plus:before { content: "\e902"; }
.icon-hamburger:before { content: "\e601"; }
.icon-instagram:before { content: "\e903"; }
.icon-interac:before { content: "\49"; }
.icon-jcb:before { content: "\4a"; }
.icon-litecoin:before { content: "\e907"; }
.icon-maestro:before { content: "\6d"; }
.icon-master:before { content: "\4d"; }
.icon-minus:before { content: "\e609"; }
.icon-paypal:before { content: "\50"; }
.icon-pinterest:before { content: "\70"; }
.icon-plus:before { content: "\e60a"; }
.icon-rss:before { content: "\72"; }
.icon-search:before { content: "\e60f"; }
.icon-snapchat:before { content: "\e909"; }
.icon-stripe:before { content: "\53"; }
.icon-tag:before { content: "\e60c"; }
.icon-tumblr:before { content: "\74"; }
.icon-twitter:before { content: "\54"; }
.icon-vimeo:before { content: "\76"; }
.icon-visa:before { content: "\56"; }
.icon-youtube:before { content: "\79"; }
.payment-icons {
cursor: default;
margin: 0;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;  
}
.payment-icons li {
margin: 0 0 0 8px;
cursor: default;
color:var(--FooterBottomText);
}
.payment-icons li:first-child {
margin: 0;
}
.payment-icons .icon {
font-size: 24px;
line-height: 28px;
}
.social-icons {
margin: 0;
}
.social-icons li a {
display: inline-block;
margin:0 5px;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
}
.social-icons li {
vertical-align: middle;
}
.social-icons li:first-child {
margin: 0;
}
.social-icons li .icon {
font-size: 14px;
line-height: 20px;
}
.social-icons li a {
color: var(--colorFooterSocial);
}
#shopify-section-footer-model-1 .social-icons li a:hover,#shopify-section-footer-model-1 .social-icons li a:active,#shopify-section-footer-model-1 .social-icons li a:focus {
color: var(--colorFooterSocialHover);
border:1px solid var(--color-btn-primary);
}
/*================= Pagination =========================*/
.pagination {
margin-bottom: 1em;
}
.pagination-custom > li {
float: none;
display: inline-flex;
justify-content: space-around;
text-align: center;
width: 28px;
height: 28px;
line-height: 26px;
margin-right: 5px;
border: 1px solid transparent;
margin-bottom: 0;
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;
}
.pagination-wrap {
background: #ffffff;
padding: 12px 20px 12px 12px;
margin:0 ;	
}
.search-products .pagination-wrap{
background:none;
}
.pagination-wrap .infinite-scrolling {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.pagination-wrap .infinite-scrolling .btn {
overflow: hidden;
margin: 0 0 15px;
}
.pagination-custom li:first-child > a, .pagination-custom li:first-child > span {
margin-left: 0;
}
.pagination-custom li:hover, .pagination-custom li a:hover {
cursor: pointer;
z-index: 2;
}
.pagination-custom li.disabled i {
width: 28px;
height: 28px;
line-height: 28px;
}
.pagination-custom li.disabled:hover {
background: none !important;
border-color: var(--color-border);
color:var(--color-text-field);
cursor: unset;
}
.pagination-custom li.disabled > span, .pagination-custom li.disabled > a, .pagination-custom li.disabled > a:hover, .pagination-custom li.disabled > a:focus {
color: var(--color-body-text);
cursor: not-allowed;
}
.pagination-custom > .active > a, .pagination-custom > .active > span, .pagination-custom > .active > a:hover, .pagination-custom > .active > span:hover, .pagination-custom > .active > a:focus, .pagination-custom > .active > span:focus {
color: var(--color-product-secondary-text);
cursor: default;
z-index: 2;
}
.pagination-custom-lg > li > a,
.pagination-custom-lg > li > span {
font-size: em(18px);
padding: 10px 16px;
}
.pagination-custom-sm > li > a,
.pagination-custom-sm > li > span {
padding: 5px 10px;
font-family: var(--font-stack-body);
font-size: em(12px);
}
/*================ Section Headers ================*/
.section-header {
margin: 0 0 20px;
}
.section-header .form-horizontal {
display: inline-block;
vertical-align: middle;
}
.popup-toggle .sticky_header.fixed {
z-index: 9 !important;
}
/*=================== Common Header CSS ==================*/
.icon-btn {
float: left;
text-align:center;
position:relative;
}
.site-header .main-header .right-link-icon .site-header__search {
margin: 0 15px;
}
.search_full_active .myaccount.icon-btn, .search_full_active .wishlist-icon-div .wishlist-icon,.search_full_active .site-header__cart.icon-btn {
z-index: 0;
}
.template-index .breadcrumb-block {
display: none;
}
.special-product .owl-theme .owl-nav.disabled+.owl-dots{
margin-top:0;
}
.Site-navigation.fixed .tt-nav-right-div .site-header__cart.icon-btn.hide {
display: block !important;
}
.header-top-right .icon-btn{
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:1;
}
.open-nav .page-wrapper::after,.search_toggle .page-wrapper::after,.account-toggle .page-wrapper::after,.cart_toggle .page-wrapper::after,.fullnav-open .page-wrapper::after,
body.currency-open .page-wrapper::after,body.language-open .page-wrapper::after,body.menu_hover .page-wrapper::after,body.search-open .page-wrapper::after{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
body.footer1-open .page-wrapper::after{
z-index:9;
}
body.search-open.template-404 .page-wrapper::after{
display:none;
}
body.template-search.search-open .page-wrapper::after{
display:none;
}
@media only screen and (max-width: 991px) {
.fullscreen_header .nav-menu-wrap {
float: left;
width: 100%;
}
.open-header.page-wrapper::after{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
}
@media only screen and (min-width: 992px) {
.wrapper-wrap.fullscreen_header {
display: none;
}
}
.site-header .sticky_header.fixed{
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
-moz-transition: all 600ms ease-in-out 0s;
-o-transition: all 600ms ease-in-out 0s;
-ms-transition: all 600ms ease-in-out 0s;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);	
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-ms-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-o-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
position: fixed;
width: auto;
left: 0;
right: 0;
top: 0;
z-index: 10;
}
/*==================== cart =====================*/
.wrapper-top-cart > .site-header_cart_link {
float: left;
width: auto;
z-index: 1;
position: relative;
padding: 39px 0;
}
.site-header__cart-count .cart-products-count{
width: 16px;
height: 16px;
border-radius: 50px;
font-size: 10px;
line-height: 16px;
float: left;
background: var(--color-btn-primary);
color: var(--color-btn-primary-text);
}
.site-header .dropdown-backdrop {
z-index: 0;
}
.site-header__cart .wrapper-top-cart .site-header__cart-count,
.wishlist-icon-div .wishlist .site-header__cart-count
{
width:auto;
display: inline-block;
float: none;
vertical-align: top;
position: absolute;
top: auto;
left: auto;
bottom: 50%;
right: -10px;
}
span.cart-products-count {
margin:0;
}
#slidedown-cart .has-items .actions i, .product-single .product-information-inner .checkout-btn .checkout.btn i {
margin-right: 7px;
font-size: 20px;
line-height: 20px;
vertical-align: middle;
}
#slidedown-cart .product-details .product-name,#slidedown-cart .product-details .variants{
float: left;
width:100%;
margin: 0 0 5px;  
}
#slidedown-cart .product-details .product-name > a {
float: left;
width:100%;
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
font: 400 13px/20px var(--font-stack-body);
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;
}
#slidedown-cart{
line-height: 1.7;
position: fixed;
left: auto;
right: 0;
text-align: center;
top: 0;
bottom: 0;
width: 420px;
z-index: 999;
background: #fff;
border: 1px solid var(--color-border);
border-right: none;
flex-direction: column;
display: flex;
}
}
#slidedown-cart .total{
border-top: 1px solid var(--color-border);
margin:5px 0 20px;
padding-top: 10px;
}
#slidedown-cart .total .label, #Sticky-slidedown-cart .total .label {
display: inline;
padding: 0;
font: 700 14px/18px var(--font-stack-body);
text-align: center;
vertical-align: baseline;
white-space: nowrap;
float: left;
color: var(--color-body-text);
}
#slidedown-cart .total .money{
font-size: 13px;
}
#slidedown-cart .total .price, #Sticky-slidedown-cart .total .price {
float: right;
}
#slidedown-cart .has-items .item{
float: left;
width: 100%;
position: relative;
margin: 0 0 10px;
}
#slidedown-cart .has-items .actions .btn, #Sticky-slidedown-cart .has-items .actions .btn {
margin-right: 0;
background: var(--color-btn-primary);
color: var(--color-btn-primary-text);
padding: 10px 50px;
float: left;
width: 100%;
line-height: 20px;
}
#slidedown-cart .has-items .actions .btn.text-chackout{
background:var(--color-btn-hover);
color:var(--color-btn-primary-text);
}
#slidedown-cart .has-items .actions .btn:active, #slidedown-cart .has-items .actions .btn:focus, #slidedown-cart .has-items .actions .btn:after{
background-color:var(--color-btn-hover);
color:var(--color-btn-primary-text);
}
#slidedown-cart .has-items .actions .btn.text-chackout:active, #slidedown-cart .has-items .actions .btn:focus, #slidedown-cart .has-items .actions .btn.text-chackout:after{
background-color:var(--color-btn-primary);
color:var(--color-btn-primary-text);
}
#slidedown-cart .has-items .actions .btn:hover{
color:var(--color-btn-primary-text);
}
#slidedown-cart .has-items .actions .btn.text-cart{
margin-bottom: 5px;
}
#slidedown-cart .product-details{
float:left;
width: 55%;
text-align: left;
padding: 0 15px;
}
#slidedown-cart .product-image{
float:left;
width: 120px;
}
#slidedown-cart .btn-remove{
    float: right;
    color: #111;
    width: 18px;
    text-align: center;
    height: 18px;
    line-height: 14px;
    font-size: 14px;
    padding: 3px;
    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%;
}
}
#slidedown-cart .btn-remove span{
font-size:0px;
}
.mini-cart-footer {
float: left;
width: 100%;
padding: 30px;
background: #f5f3f0;
z-index: 2;
}
#slidedown-cart .mini-cart-wrap, #Sticky-slidedown-cart .mini-cart-wrap {
float: left;
width: 100%;
text-align: center;
}
.sticky_header #slidedown-cart .mini-cart-wrap::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}
.sticky_header #slidedown-cart .mini-cart-wrap::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
}
.sticky_header #slidedown-cart .mini-cart-wrap::-webkit-scrollbar {
width: 5px;
}
.site-header__cart #slidedown-cart .mini-cart-wrap.ps-container {
overflow: hidden;
max-height: 700px;
text-align: center;
}
.site-header__cart #slidedown-cart .mini-cart-wrap .no-items > p {
margin: 0;
float: left;
width: 100%;
line-height: 22px;
}
.site-header__cart #slidedown-cart .mini-cart-wrap .no-items > p a {
background-color: var(--color-product-primary);
color: var(--color-product-primary-text);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
padding: 10px 20px;
}
.site-header__cart #slidedown-cart .mini-cart-wrap .no-items > p a:hover {
background-color: var(--color-product-secondary);
}
.site-header__cart #slidedown-cart .mini-cart-wrap .cart-collateral .price {
font-size: 14px;
}
.site-header__cart #slidedown-cart .ps-container > .ps-scrollbar-x-rail {
display: none !important;
}
.site-header__cart .mini-products-list .product-details .variants, .site-header__cart .mini-products-list .product-details p.product-name {
margin: 0;
float: left;
width: 100%;
font-size: 13px;
line-height: 16px;
}
.site-header__cart .mini-products-list .product-details .variants {
margin: 0 0 4px;
}
ul.mini-products-list {
float: left;
width: 100%;
margin-bottom: 5px;
overflow-x: hidden;
overflow-y: auto;
max-height: 490px;
padding-right: 10px;
}
#slidedown-cart .has-items .actions, #Sticky-slidedown-cart .has-items .actions {
float: none;
width: auto;
text-align: center;
display: inline-block;
vertical-align: top;
margin: 15px 0 0;
}
#slidedown-cart .total, #Sticky-slidedown-cart .total {
border-top: 1px solid var(--color-border);
float: left;
margin-top: 5px;
padding-top: 10px;
width: 100%;
}
ul.mini-products-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}
ul.mini-products-list::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
}
ul.mini-products-list::-webkit-scrollbar { 
width: 5px;
}
.price-regular .money {
text-decoration: line-through;
}
.cart-close {
position: absolute;
right: 20px;
z-index: 999;
top: 30px;
cursor: pointer;
padding: 0px 5px;
width: 30px;
height: 30px;
border-radius: 50%;
}
.sticky_header #Sticky-slidedown-cart .mini-cart-wrap, .sticky_header #slidedown-cart .mini-cart-wrap {
overflow: auto;
}
.main-header .right-link-icon  .wishlist-icon-div .wishlist .wishlist-icon.text {
display: none;
}
.fixed-cart-wrap #slidedown-cart .cart-close::after, .fixed-cart-wrap #slidedown-cart .cart-close::before,.search-full-screen span.close-search::before,.search-full-screen span.close-search::after,
.product-template__container .modal-dialog .modal-content .modal-header button.close::after,.product-template__container .modal-dialog .modal-content .modal-header button.close::before,
.quick-view .close-window::before,.quick-view .close-window::after,.wishlist_table .product-remove .remove_from_wishlist::after,.wishlist_table .product-remove .remove_from_wishlist::before,#newsletterModal .modal-header .close::before,#newsletterModal .modal-header .close::after,
.compare-model .close::before,.compare-model .close::after,.vr-ttmenu .menu-close::before,.vr-ttmenu .menu-close::after, .ajax-success-modal .close-modal::before, .ajax-success-modal .close-modal::after{
content: '';
position: absolute;
height: 2px;
width: 20px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 2;
transform-origin: 50% 50%;
background-color: #222;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
-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;
}
.ajax-success-modal .close-modal::before,.ajax-success-modal .close-modal::after{
margin:0;
left:auto;
top:15px;
right:5px;
}
.compare-model .close::before, .compare-model .close::after{
right:5px;
}
.compare-model .close::before,.compare-model .close::after{
left: auto;
width: 18px;
top: -10px;
}
.wishlist_table .product-remove .remove_from_wishlist::after,.wishlist_table .product-remove .remove_from_wishlist::before,#slidedown-cart .btn-remove::before,#slidedown-cart .btn-remove::after{
width: 12px;
height:1px;
}
.wishlist_table .product-remove .remove_from_wishlist:hover::after,.wishlist_table .product-remove .remove_from_wishlist:hover::before{
background-color: #ef5c5c;
}
.fixed-cart-wrap #slidedown-cart .cart-close:hover::after, .fixed-cart-wrap #slidedown-cart .cart-close::before,.search-full-screen span.close-search::before,.search-full-screen span.close-search:hover::after,
.product-template__container .modal-dialog .modal-content .modal-header button.close:hover::after,.product-template__container .modal-dialog .modal-content .modal-header button.close::before,
.quick-view .close-window::before,.quick-view .close-window:hover::after,.wishlist_table .product-remove .remove_from_wishlist::before,.wishlist_table .product-remove .remove_from_wishlist:hover::after,slidedown-cart .btn-remove:hover::after,#newsletterModal .modal-header .close::before,#newsletterModal .modal-header .close:hover::after,
.compare-model .close::before,.compare-model .close:hover::after,.vr-ttmenu .menu-close:hover::before,.vr-ttmenu .menu-close::after, .ajax-success-modal .close-modal::before,
.ajax-success-modal .close-modal:hover::after{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.fixed-cart-wrap #slidedown-cart .cart-close::after, .fixed-cart-wrap #slidedown-cart .cart-close:hover::before,.search-full-screen span.close-search:hover::before,.search-full-screen span.close-search::after,
.product-template__container .modal-dialog .modal-content .modal-header button.close::after,.product-template__container .modal-dialog .modal-content .modal-header button.close:hover::before,
.quick-view .close-window:hover::before,.quick-view .close-window::after,.wishlist_table .product-remove .remove_from_wishlist:hover::before,.wishlist_table .product-remove .remove_from_wishlist::after,
#slidedown-cart .btn-remove:hover::before,#newsletterModal .modal-header .close:hover::before,#newsletterModal .modal-header .close::after,.compare-model .close:hover::before,.compare-model .close::after,
.vr-ttmenu .menu-close:hover::after,.vr-ttmenu .menu-close::before, .ajax-success-modal .close-modal::after, .ajax-success-modal .close-modal:hover::before{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#top .wrapper-top-cart > .site-header_cart_link{
padding: 17px 5px 15px 55px;
}
button.btn.text-cart{
float: right;
}
.mini-cart-wrap.ps-container > .ps-scrollbar-x-rail{
display: none !important;
}
.fixed-cart-wrap{
position: fixed;
right: 0;
top: 0;
left: 0;
bottom: 0;
visibility: hidden;
z-index:9999;
}
.fixed-cart-wrap.active {
visibility: visible;
}
.cart__remove{
height:20px;
width: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;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
color:#ff0000;
&:hover a i{
color:#111;
}
}
.fixed-cart-wrap #slidedown-cart {
display: block !important;
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;
transform: translateX(100%);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
top: 0;
right: 0;
bottom: 0;
padding: 30px;
text-align: left;
}
.fixed-cart-wrap #slidedown-cart .cart-close i.mdi.mdi-close {
width: 32px;
height: 32px;
font-size: 0px;
line-height: 32px;
}
#slidedown-cart .mini-cart-wrap .mini-cart-title {
float: left;
width: 100%;
font: 600 20px/22px var(--font-stack-header);
color: var(--color-text);
text-align: left;
margin: 0 0 50px;
}
.fixed-cart-wrap.active #slidedown-cart {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0););
}
.tab-inner > ul#jquery-tab-pager-navi {
display: none;
}
.header-top-right,.header-top-left{
float:left;
}
.header-top-right{
float:right;
}
@media only screen and (max-width: 991px) {
.tt-nav-right-div .site-header__cart span.title {
display:none;
}
.wrapper-top-cart > .site-header_cart_link:hover::before, .wrapper-top-cart > .site-header_cart_link.active::before {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.tt-nav-right-div .site-header__cart span.title {
display:none;
}
span.cart-products-text{
display:none;
}
.site-header__cart #slidedown-cart .mini-cart-wrap.ps-container {
max-height: 320px;
}
.site-header .tt-nav-right-div .site-header__cart-count span.hidden-sm-down {
display: none;
}
.site-header .header_logo_wrap .tt-nav-right-div .site-header__cart .wrapper-top-cart {
float: left;
height: 50px;
width: 50px;
}
}
@media only screen and (max-width: 480px) {
.wrapper-top-cart > .site-header_cart_link i {
font-size: 22px;
}
#slidedown-cart .has-items .actions i, .product-single .product-information-inner .checkout-btn .checkout.btn i {
margin-right: 3px;
}
#slidedown-cart{
width: 308px;
}
#slidedown-cart .has-items .actions .btn{
padding: 10px;
}
#slidedown-cart .product-details{
width: 58%;
padding: 0 10px;
}
#slidedown-cart .has-items .actions .btn {
padding: 10px;
}
.cart-close {
top: 20px;
}
ul.mini-products-list {
max-height: 240px;
padding-right: 0px;
}
#slidedown-cart .mini-cart-wrap .mini-cart-title{
margin: 0 0 30px;
}
ul.mini-products-list {
padding-right: 2px;
}
#slidedown-cart .product-image{
width: 80px;
}
}
/*========================== search =========================*/
.search-results li.no-result {
width: 100%;
padding: 15px;
}
.site-header__search .serach_icon {
cursor: pointer;
padding: 42px 0;
position: relative;
z-index: 1;
}
.wishlist-icon-div a.wishlist {
padding: 42px 0;
}
.full-search-wrapper .search-results li {
height: auto;
margin: 0 0 15px;
}
.full-search-wrapper .search-results li.no-result span.title {
font-size: 22px;
}
.full-search-wrapper .search-results li > span.title a {
color: #555;
font-size:18px;
}
.full-search-wrapper .search-results li > span.title a:hover {
color: #111;
}
.full-search-wrapper .search-results li.ac_over {
background: none;
}
.full-search-wrapper .search-results li.no-result{
padding: 0;
}
.full-search-wrapper .search-results li:fist-child{
padding-left:0;
}
.full-search-wrapper .search-results li:last-child{
padding-right:0;
}
.site-header__search.icon_btn .search_wrapper, .site-header__search.icon-btn .search_wrapper {
background: var(--color-body) none repeat scroll 0 0;
position: absolute;
right: 0;
top: 100%;
width: 320px;
display: none;
z-index: 99;
border: 1px solid var(--color-border);
border-top: 3px solid;
bottom: auto;
}
.product-wrapper .product-qty form {
margin: 0;
}
.site-header__search.icon_btn .search_wrapper form.input-group.search-bar, .site-header__search.icon-btn .search_wrapper form.input-group.search-bar {
border: none;
margin: 0;
}
.site-header__search.icon_btn .search_wrapper form.input-group.search-bar .btn::after, .site-header__search.icon-btn .search_wrapper form.input-group.search-bar .btn::after {
display: none;
}
.site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] {
border: none;
padding: 5px 15px;
letter-spacing: 1px;
height: 42px;
}
body.search_full_active {
position: fixed;
float: left;
width: 100%;
}
.full-search-wrapper .search-results li.serach-restult {
float: left;
width: 100%;
}
.search-full-screen {
z-index: 4;
height: auto;
background: #fff;
display: none;
}
.search-full-screen .full-search-wrapper {
min-height: 220px;
padding: 5% 0 0;
}
.search-full-screen span.close-search {
color: #666;
top: 40px;
right: 122px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius:50%;
}
.full-search-wrapper .search-title {
font: 500 15px/18px var(--font-stack-header);
color: #111;
}
.product_categories{
margin: 0 0 15px;
}
.product_categories a{
text-decoration: underline;
margin: 0 5px;
}
.full-search-wrapper button.btn.search-submit.icon-fallback-text i {
font-size: 30px;
color: #666;
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;
}
.full-search-wrapper button.btn.search-submit.icon-fallback-text:hover i {
color: #111;
}
.full-search-wrapper .input-group-btn{
position: absolute;
top: 28px;
bottom: 0;
left: auto;
right: 3%;
}
.full-search-wrapper button.btn.search-submit.icon-fallback-text::before {
display: none;
}
.search-full-screen span.close-search:hover {
color: #111;
}
.search-full-screen span.close-search a {
float: right;
width: auto;
}
.search-full-screen .full-search-wrapper.search-overlap .search-inner{
display: block;
padding: 0;
overflow: inherit;
}
.search-bar{
float: left;
border: none;
}
input[type="search"] {
border: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #eee;
font-family: var(--font-stack-header);
font-size: 24px;
height: 50px;
padding: 0 15px;
width: 100%;
float: left;
border-bottom: 1px solid #ccc;
font-weight: 500;
line-height: 50px;
cursor: text;
letter-spacing: 1px;
}
.full-search-wrapper  input[type="search"] {
font-size: 30px;
color: #222;
border: none;
font-weight: 500;
height: 80px;
line-height: 80px;
border-bottom: 2px solid rgba(84,84,84,0.1);
padding:0px;
}
.full-search-wrapper  input[type="search"]::-webkit-input-placeholder {
color: #666;
}
.full-search-wrapper form.search-bar:hover i{
color: #111;
}
.full-search-wrapper .close-search a {
float: right;
width: auto;
}
.full-search-wrapper .close-search i {
font-size: 0px;
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;
}
.full-search-wrapper .search-results, .full-search-wrapper .search-results .thumbnail, .full-search-wrapper .search-results .title {
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;
}
.full-search-wrapper .search-results .title {
background: none;
color: #555555;
}
.full-search-wrapper .search-results .title:hover{
color: #222222;
}
.header-top-right .icon-btn.site-header__search {
position: initial;
}
.search-inner {
padding: 50px 0px;
display: none;
overflow: auto;
height: 100%;
float: left;
width: 100%;
}
.search-inner .search-bar {
float: left;
border: none;
max-width: 100%;
margin: 0;
}
span.close-search {
margin: 20px 0;
float: right;
cursor:pointer;
}
.fullscreen_wrapper .nav-menu-wrap {
float: left;
width: 100%;
}
@media (max-width: 1399px) and (min-width: 1200px) {
.search-result-product .medium-up--one-quarter{
width: 25%;
}
}
@media only screen and (max-width: 1400px) {
.search-full-screen span.close-search {
right: 112px;
}
}
@media only screen and (max-width: 1199px) {
.full-search-wrapper .input-group-btn{
right: 3%;
}
.search-full-screen span.close-search {
right: 92px;
}
}
@media (max-width: 1025px) {
.search-inner .search-bar {
margin: 0 auto;
}
}
@media only screen and (max-width: 991px) {

.search-full-screen .full-search-wrapper{
min-height: 160px;
}
.full-search-wrapper .close-search i {
font-size: 24px;
}
.full-search-wrapper .search-title{
font-size: 14px;
line-height: 16px;
}
.full-search-wrapper .input-group-btn{
right: 5%;
top: 0px;
}
.full-search-wrapper button.btn.search-submit.icon-fallback-text i{
font-size: 24px;
}
.full-search-wrapper  input[type="search"] {
font-size: 24px;
height: 50px;
line-height: 50px;
}
}
.full-search-wrapper  .search-submit {
font-size: 30px;
color: var(--color-text-field);
height: 50px;
}
@media only screen and (max-width: 767px) {
.search-full-screen span.close-search{
right: 15px;
top: 20px;
}
.full-search-wrapper  .search-submit{
height: 40px;
}
.search-inner {
padding: 50px 20px;
}
.full-search-wrapper  input[type="search"] {
font-size: 20px;
height: 40px;
line-height: 40px;
}
}
@media only screen and (max-width: 543px) {
.site-header__search.icon_btn .search_wrapper, .site-header__search.icon-btn .search_wrapper {
width: 290px;
}
}
@media only screen and (max-width: 480px) {
.site-header__search.icon_btn .search_wrapper, .site-header__search.icon-btn .search_wrapper {
left: -200px;
right: auto;
}
.site-header__search.icon_btn .search_wrapper::before, .site-header__search.icon-btn .search_wrapper::before {
right: 20%;
}
.site-header__search .serach_icon{
padding: 23px 0;
}
input[type="search"] {
padding: 0 10px;
font-size: 18px;
}
.search-full-screen .full-search-wrapper{
min-height: 130px;
}
.search-inner {
padding: 30px 15px;
}
.full-search-wrapper .search-results .title {
font-size: 14px;
}
.full-search-wrapper .input-group-btn{
right: 12%;
}
.full-search-wrapper input[type="search"]{
padding:30px 0;
}
.search-full-screen span.close-search {
right: 10px;
top: 10px;
}
#slidedown-cart .btn-remove{
padding:0 15px;
}
}
/*============================ myaccount ==========================*/
.wrapper .header-icon .myaccount.icon-btn {
position: relative;
}
.myaccount.icon-btn .dropdown-toggle:hover .account-img > i, .myaccount.icon-btn .dropdown-toggle.open .account-img > i {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.myaccount.icon-btn .dropdown-toggle .account-img > i {
font-size: 30px;
line-height: 39px;
cursor: pointer;
float: left;
height: 100%;
width: 100%;
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;
}
@media only screen and (max-width: 480px) {
.myaccount.icon-btn .dropdown-toggle .account-img > i {
font-size: 24px;
}
}
.myaccount .dropdown-toggle {
float: left;
width: 100%;
cursor:pointer; 
padding: 39px 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;
}
.myaccount .customer_account {
width: 200px;
position: absolute;
right: 0;
left: auto;
top: 100%;
background: var(--color-body);
border: 1px solid var(--color-border);
padding: 15px;
display: none;
z-index: 999;
text-align: left;
}
.myaccount .customer_account ul,.myaccount .customer_account ul li {
margin: 0;
}
.myaccount .customer_account ul > li > a {
font: 400 14px/24px var(--font-stack-subheading);
margin: 0 0 10px;
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;
}
.myaccount .customer_account ul li .wishlist-icon-div {
margin: 0 0 10px;
float: left;
width: 100%;
display:none;
}
/*----------- topmenu ------------*/
.icons_wrap_div.menu-item-show {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
display: inline-block;
}
.icons_wrap_div {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.toggle_left_icon {
float: none;
display: inline-block;
width: auto;
line-height: 2.5;
}
@media only screen and (max-width: 991px){
.open .mobile-nav__sublist-trigger .mobile-nav__sublist-expand, 
.nav-menu-wrap ul.site-nav__dropdown, .site-nav__dropdown, 
.mobile-nav__sublist-trigger .mobile-nav__sublist-contract {
display: none;
}
.open .mobile-nav__sublist-trigger .mobile-nav__sublist-contract {
display: block;
}
.leftmenu {
display: none;
}	
.nav_dropdown-toggle.btn{
width:30px; 
}
span.mobile-nav__sublist-trigger {
position: absolute;
right: 15px;
top: 5px;
width: 20px;
height: 20px;
text-align: center;
cursor: pointer;
line-height: 20px;
z-index: 1;
}    
.mobile-nav__sublist-trigger.is-active .mobile-nav__sublist-contract{
display: block;
}
.nav-menu-wrap .nav-toggle{
float: left;
width:100%;
text-align: left;
}
.nav-menu-wrap .nav-toggle, .site-nav--has-dropdown .site-nav__dropdown-toggle, .nav_dropdown-toggle.btn, .nav_dropdown-toggle.btn--secondary, input.nav_dropdown-toggle[type="submit"], .mobile-nav__sublist-trigger{
display: block !important;
}
.nav-menu-wrap .header-top-right{
position:absolute;
right:0;
}
.flex-direction-nav .flex-prev::before,.flex-direction-nav .flex-next::before{
color: #111;
}
}
@media only screen and (max-width: 480px){
.nav-menu-wrap .menu_toggle_wrap > button {
font-size: 25px;
}
}
/*================ mobile menu bar =================*/
@media only screen and (min-width: 992px){
.nav-toggle, 
.site-nav--has-dropdown .site-nav__dropdown-toggle, 
.nav_dropdown-toggle.btn, 
.nav_dropdown-toggle.btn--secondary, 
input.nav_dropdown-toggle[type="submit"], 
.mobile-nav__sublist-trigger {
display: none;
}
.menu_toggle_wrap {
display: none;
}
}
/*------------------ title -------------*/
.tt-innerpagetitle {
float: left;
font: 400 24px/28px var(--font-stack-header);
padding: 0;
text-align: left;
width: 100%;
color: var(--color-text);
margin: 0 0 20px;
}
@media only screen and (max-width: 767px) {
.tt-innerpagetitle {
font-size: 18px;
line-height: 20px;
}
}
p.bottom-indent {
line-height: 24px;
float: left;
width: 100%;
}
.rte .page-subheading{
color:var(--color-text);
float:left;
width:100%;
font-weight: 700;
}
.tthometab-title h3{
margin:30px 0 0 ;
}
.template-page .page-content p {
float: left;
width: 100%;
line-height: 24px;
}
.ttsub-title {
font: 400 46px/48px var(--font-stack-subheading);
float: left;
width: 100%;
z-index: 1;
position: relative;
}
.section-header .subtitle {
font: 400 16px/18px var(--font-stack-subheading);
margin: 0 0 5px;
color: var(--color-product-secondary);
}
.tt-title {
font: 400 46px/55px var(--font-stack-header);
color:var(--color-text);
margin-bottom: 0;
}

h2.tt-pagetitle {
float: left;
width: 100%;
margin: 0 0 10px;
font-size: 18px;
line-height: 20px;
font-weight: 600;
color: var(--color-text);  
}
h3.tt-pagesubtitle {
float: left;
width: 100%;
font-size: 14px;
line-height: 16px;
margin: 0 0 10px;
}
.search-products .text--left.section-header__title {
font-size: 20px;
line-height: 24px;
font-weight: 500;
float: left;
width: 100%;
color: var(--color-text);
}
.search-products .product-layouts {
display: inline-block;
float: left;
position:relative;
padding: 0;
}

@media(max-width:1399px){
.tt-title {
font-size: 42px;
line-height: 48px;
}
.section-header {
margin: 0 0 15px;
}
}
@media (max-width: 1199px) {
.search-result-product .products-grid-view .grid-item {
width: 33.33%;
clear: none;
}
.tt-title {
font-size: 36px;
line-height: 40px;
}
.section-header {
margin: 0 0 20px;
}
}
@media  (max-width: 991px) {
.section-header {
margin: 0 0 15px;
}
.section-header .subtitle{
font-size: 14px;
line-height: 16px;
}
.tt-title{
font-size: 34px;
line-height: 38px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.search-result-product .products-grid-view .grid-item:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 767px){
.search-products .text--left.section-header__title {
font-size: 20px;
line-height: 30px;
}
.tt-title {
font-size: 32px;
line-height: 36px;
}
}
@media only screen and (max-width: 720px) {
.search-result-product .products-grid-view .grid-item {
width: 50%;
}
}
@media only screen and (max-width: 575px) {
.ttsub-title {
font-size: 26px;
line-height: 28px;
}
.section-header .subtitle {
font-size: 13px;
line-height: 16px;
margin: 0 0 3px;
}
.tt-title {
font-size: 28px;
line-height: 32px;
}
}
@media(max-width:480px){
.tt-title {
font-size: 24px;
line-height: 28px;
}
}
/*===================== Dropdowns =======================*/
.page-move--nav .nav-bar {
height: 100%;
}
.nav-bar .grid-item {
height: 100%;
}
.nav-bar .icon {
color: var(--color-text-field);
}
.nav-bar .wrapper {
padding: 0;
}
@media only screen and (min-width: 1025px) {
.lt-ie9 .nav-bar {
margin-top: -var(--gutter);
}
}
/*================ Mobile Nav ================*/
.cart-toggle{
color: var(--color-text-field);
display: inline-block;
text-align: center;
width: 100%;
}
.cart-toggle:active, .nav-toggle:active, .cart-toggle:hover, .nav-toggle:hover, .cart-toggle:focus, .nav-toggle:focus {
color: #111;
}
.cart-toggle {
font-size: em(18px);
}
.hidden-count {
display: none;
}
.nav-mobile {
position: absolute;
background-color: #fff;
font-family: var(--font-stack-body);
height: 100%;
top: 0;
left: 0;
height: 100%;
z-index: 0;
overflow: hidden;
}
@media only screen and (min-width: 1025px) {
.cart-toggle {
height: auto;
margin: 0;
width: auto;
}
.nav-mobile {
display: none;
}
}
.nav-mobile .page-move--nav {
position: absolute;
}
.mobile-drawer--open .nav-mobile {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.page-element.activated {
transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-webkit-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-moz-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-o-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-ms-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
}
@media only screen and (max-width: 1024px) {
.nav-search {
margin: 0 0 15px;
}
}
/*================ Secondary nav ================*/
.nav-secondary {
font-family: var(--font-stack-body);
font-size: 14px;
margin: 0 0 0px;
}
.nav-secondary a {
color: var(--colorFooterContent);
}
.nav-secondary li:hover a,.nav-secondary li:hover i.mdi-phone,.nav-secondary li:hover i.mdi-email-outline {
color: var(--color-product-secondary);
}
.site-footer .footer-wrap .contact-us i.mdi{
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:991px){
.footer-column > *:nth-child(3) {
display: none;

}
}
.nav-secondary li:first-child {
margin: 0;
}
/*================ Page nav ====================*/
.article-pagination, .product-pagination {
border: 1px solid var(--color-border);
font-family: var(--font-stack-body);
font-size: em(14px);
margin: var(--gutter) 0;
padding: var(--gutter) 0;
}
.article-pagination.last, .product-pagination.last {
border-bottom: 0;
padding-bottom: 0;
}
.article-pagination p, .product-pagination p {
margin: 0;
}
.article-pagination .article-pagination__sep, .product-pagination .article-pagination__sep, .article-pagination .product-pagination__sep, .product-pagination .product-pagination__sep {
padding: 0 var(--gutter) / 4;
}
@media only screen and (min-width: 1025px) {
.article-pagination, .product-pagination {
margin: var(--gutter) * 2 0;
}
}
/*================== Breadcrumb ========================*/
.breadcrumb-wrapper {
float:left;
width: 100%;
padding: 20px 0;
background-color: var(--color-bg-breadcrumb);
margin: 0 0 50px;
text-align: center;
}
.breadcrumb-wrapper .breadcrumb-wrap {
color: var(--color-text-breadcrumb);
}
.breadcrumb-wrapper .breadcrumb .breadcrumb__sep::before {
content: "/";
font-family: "Material Design Icons";
font-size: 20px;
width: 20px;
height: 20px;
line-height: 20px;
margin: 0px 8px;
}
.breadcrumb-wrapper.breadcrumb-content {
padding: 18px;
}
.breadcrumb-wrapper.breadcrumb-content .breadcrumb-wrap {
float: left;
width: 100%;
}
.spr-header-title{
font-size:21px;
}
.page-header {
display: none;
}
.breadcrumb a,
.breadcrumb-wrap a,
.breadcrumb-wrap *,
.breadcrumb-wrapper .breadcrumb-wrap  span.title, 
.breadcrumb-wrapper .breadcrumb-wrap  .h1,
.breadcrumb .breadcrumb__sep:before {
color: var(--color-text-breadcrumb);
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;
font-size:13px;
}
.breadcrumb-wrap a:hover{
color:var(--color-text-hover-breadcrumb);
}
@media (max-width: 767px) {
.breadcrumb-wrapper{
margin: 0 0 20px;
}
}
@media (max-width: 480px) {
.breadcrumb-wrapper .breadcrumb-wrap{
font-size: 11px;
}
.breadcrumb a,
.breadcrumb-wrap a,
.breadcrumb-wrap *,
.breadcrumb-wrapper .breadcrumb-wrap  span.title, 
.breadcrumb-wrapper .breadcrumb-wrap  .h1,
.breadcrumb .breadcrumb__sep:before {
font-size:12px;
}
.breadcrumb-wrapper {
padding: 15px 0;
}
}
/*=================== Custom Section ===========================*/
.isotop_filter_wrap {
float: left;
width: 100%;
position: relative;
}
.tt-product-items.animatedcontainer{
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.tt-product-filters ul li {
list-style: none;
display: inline;
margin-right: 5px;
}
.ttproduct-categories-wrap{
float: left;
width: 100%;
}
/*---------------- CountDown CSS ----------------------------*/
.countdownHolder{
width:184px;
margin:0 auto;
text-align:center;
letter-spacing:-3px;
}
.position{
display: inline-block;
height: 1.6em;
overflow: hidden;
position: relative;
width: 1.05em;
}
.digit {
position: absolute;
display: block;
width: 1em;
background-color: #444;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-khtml-border-radius: 0.2em;
text-align: center;
color: #fff;
letter-spacing: -1px;
}
.digit.static {
box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
-webkit-box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35) one;
-moz-box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
-ms-box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
-o-box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3A3A3A), color-stop(0.5, #444444));
}
/*********You can use these classes to hide parts of the countdown that you don't need.*********/
.countDays{}.countDiv0{}.countHours{}.countDiv1{}.countMinutes{}.countDiv2{}.countSeconds{}.countDiv{
display:inline-block;
width:16px;
height:1.6em;
position:relative;
}
.countDiv:before,.countDiv:after{
position:absolute;
width:5px;
height:5px;
background-color:#444;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
left:50%;
margin-left:-3px;
top:0.5em;
box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);	
-webkit-box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
-moz-box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
-ms-box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
-o-box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
content:'';
}
.countDiv:after{
top:0.9em;
}
#note{
color: #666666;
font-size: 12px;
margin: 0 auto;
padding: 4px;
text-align: center;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flip-countdown-text {
margin-top: -7px;
font-size: 20px;
color: #24ceff;
}
.flip-countdown {
width: 100%;
float: left;
}
.fixed-content .product-single__header .flip-countdown{
position: relative;
top:0;
left:0;
}
@media only screen and (max-width: 991px) {
.flip-countdown {
-ms-flex-direction: column;
flex-direction: column;
}
.flip-countdown > *:not(:first-child) {
margin-top: 15px;
}
}
.flip-countdown .time {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
display: inline-block;
text-align: center;
position: relative;
height: 44px;
width: 48px;
margin-right: 5px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.flip-countdown .count {
background: #111;
color: #fff;
display: block;
font-size: 23px;
line-height: 44px;
font-weight: 500;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
overflow: hidden;
position: absolute;
text-align: center;
top: 0;
width: 100%;
transform: translateZ(0);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
}
.flip-countdown .count.top {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
height: 50%;
transform-origin: 50% 100%;
}
.flip-countdown .count.bottom {
background: #111;
line-height: 0;
height: 50%;
top: 50%;
transform-origin: 50% 0;
}
.flip-countdown .count.curr.top {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
z-index: 3;
}
.flip-countdown .count.next.bottom {
transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
z-index: 2;
}
.flip-countdown .label {
font-size: 14px;
position: absolute;
top: 50px;
left: 0;
width: 100%;
color: #111;
padding: 0;
font-weight: 500;
}
.flip-countdown .flip .count.curr.top {
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transform: rotateX(-90deg);
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
}
.flip-countdown .flip .count.next.bottom {
transition: all 250ms ease-in-out 250ms;
-webkit-transition: all 250ms ease-in-out 250ms;
-moz-transition: all 250ms ease-in-out 250ms;
-o-transition: all 250ms ease-in-out 250ms;
-ms-transition: all 250ms ease-in-out 250ms;
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
}
.flip-countdown.simple-countdown .countdown-container span {
height: auto;
font-size: 13px;
width: 34px;
line-height: 40px;
float: none;
display: inline-block;
vertical-align:top;
margin: 0 8px 0 0;
position: relative;
text-align: center;
font-weight: 600;
color: #fff;
}
.flip-countdown.simple-countdown .countdown-container span::after {
color: #fff;
content: ":";
font-size: 16px;
position: absolute;
right: -10px;
font-weight: 400;
top: -2px;
font-weight: 600;
}
.flip-countdown.simple-countdown .countdown-container span.second::after{
display: none;
}
.flip-countdown.simple-countdown .countdown-container span::last-child::after{
display: none;
}
.flip-countdown.simple-countdown .countdown-container span:last-child::after {
display: none;
}
.flip-countdown.simple-countdown .countdown-container span.second {
color: #fff;
}
.flip-countdown.simple-countdown .countdown-container span:last-child {
margin: 0;
}
.flip-countdown.simple-countdown .countdown-container span.left-txt {
display: none;
}
.flip-countdown.simple-countdown{
width: auto;
float: left;
background: rgba(153, 123, 77, 0.8);
position: absolute;
top: 15px;
bottom: auto;
left: 15px;
right: 15px;
margin: 0 auto;
text-align: center;
-webkit-box-shadow: 0 0 3px 1px rgb(1 1 1 / 5%);
-moz-box-shadow: 0 0 3px 1px rgb(1 1 1 / 5%);
-ms-box-shadow: 0 0 3px 1px rgb(1 1 1 / 5%);
-o-box-shadow: 0 0 3px 1px rgb(1 1 1 / 5%);
box-shadow: 0 0 3px 1px rgb(1 1 1 / 5%);
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;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;

}
.product-list .product-description .h4 {
margin: 0 0 5px;
}
.product-wrapper .flip-countdown.simple-countdown .count-title {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
font: 500 15px/40px var(--font-stack-header);
color: var(--color-btn-primary-text);
}
.product-grid .product-wrapper .flip-countdown.simple-countdown .count-title{
display:none;
}
.flip-countdown.simple-countdown .countdown-container.countdown-block {

text-align: center;
float: none;
width: auto;
display: inline-block;
vertical-align: top;
border: none;
padding: 0 0 0 40px;
z-index: 1;
position: relative;
}
.product-list .flip-countdown.simple-countdown .countdown-container.countdown-block,.product-short-list .flip-countdown.simple-countdown .countdown-container.countdown-block{
display:none
}
.product-wrapper:hover .flip-countdown.simple-countdown  {
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility:hidden;
}
.flip-countdown.simple-countdown .countdown-container.countdown-block::after {
content: "\f150";
position: absolute;
font-family: 'Material Design Icons';
left: 8px;
right: auto;
font-size: 18px;
color: #fff;
top: 0;
line-height: 40px;
width: 40px;
height: 40px;

}
.left-txt,.time-txt{
display: none; 
}
.large--one-fifth .flip-countdown.simple-countdown .countdown-container > span::after{
right:-8px;
}
.large--one-fifth .flip-countdown.simple-countdown .countdown-container span{
margin:0 10px 0 0;
}
.large--one-sixth .flip-countdown.simple-countdown .countdown-container span{
width:20px;
padding:0;
font-size:14px;
}
.flip-countdown.simple-countdown .countdown-container span.left-txt, .flip-countdown.simple-countdown .countdown-container span.time-txt {
display: none;
}
@media(max-width:1299px){
.flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left:-5px;
}
.product-wrapper .flip-countdown.simple-countdown .count-title{
font-size:14px;
}
.flip-countdown.simple-countdown .countdown-container.countdown-block{
padding:0 0 0 25px;
}
.flip-countdown.simple-countdown .countdown-container span{
font-size:12px;
line-height:40px;
}
.product-wrapper .flip-countdown.simple-countdown .count-title{
display:none;
}
}
@media(max-width:1199px){
.flip-countdown.simple-countdown .countdown-container span{
margin:0 6px 0 0;
}

}
@media only screen and (max-width: 991px) {
.product-wrapper:hover .flip-countdown.simple-countdown .countdown-container.countdown-block {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
}
.flip-countdown.simple-countdown{
display:none;
}
.flip-countdown.simple-countdown .countdown-container.countdown-block{
margin:0;
}
.flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left: -10px;
}
.flip-countdown.simple-countdown .countdown-container span{
width: 30px;
}
.flip-countdown.simple-countdown .countdown-container span::after{
right: -8px;
}
}
@media only screen and (max-width: 480px) {
.flip-countdown.simple-countdown .countdown-container.countdown-block {
display: none !important;
}
}
/*----------------------header-1---------------------------*/
.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;
}

.header_1 .top_header_1{
padding: 0 75px;
}
.header_1_wrapper {
z-index: 3;
}
.header_1 .destination{
font: 500 13px/20px var(--font-stack-subheading);
padding: 0 0 0 5px;
}
.header_1 .top-header {
padding: 13px 0;
}
.header_1_wrapper .header_logo_wrap{
margin: 30px 0;
}
.header_1_wrapper .header_logo_wrap .header-logo {
line-height: 0;
}
.header_1_wrapper .main-header {
padding: 0 75px;
}
.header_1 .right-link-icon .myaccount{
margin: 0 15px;
}
.header_1 .right-link-icon .site-header__cart{
margin:0 20px 0 0;
}

.vertical-menu {
position: fixed;
left: auto;
right: 0;
top: 0;
bottom: 0;
width: 500px;
background: #fff;
z-index: 4;
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;
transform: translateX(100%);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
}
.vertical-menu.active {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}
.vr-ttmenu {
float: left;
width: 100%;
height: 100%;
padding: 150px 5px 30px 0px;
border-left: 1px solid var(--color-border);
}
.vr-ttmenu .menu-close {
float: right;
position: absolute;
top: 20px;
bottom: auto;
right: 25px;
left: auto;
width: 30px;
height: 30px;
cursor: pointer;
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%;
background-color: #fff;
}
.vr-ttmenu .menu-close:hover,.product-template__container .modal-dialog .modal-content .modal-header button.close:hover {
background-color: #f5f3f0;
}
.vr-ttmenu .menu-close:hover::before, .vr-ttmenu .menu-close:hover::after,.product-template__container .modal-dialog .modal-content .modal-header button.close:hover::before,.product-template__container .modal-dialog .modal-content .modal-header button.close:hover::after{}
background-color: #ef5c5c;
}
.wishlist_table .product-remove .remove_from_wishlist:hover::after, .wishlist_table .product-remove .remove_from_wishlist:hover::before{
background-color: #ef5c5c;
}
.wishlist_table .product-remove .remove_from_wishlist:hover::after, .wishlist_table .product-remove .remove_from_wishlist:hover::before {
background-color: #ef5c5c;
}
ul#accessibleNav li {
float: left;
width: 100%;
margin: 0 0 15px;
padding: 0 30px;
}
ul#accessibleNav li .mobile-nav__sublist-trigger {
display: inline-block;
vertical-align: top;
float: right;
cursor: pointer;
}
ul#accessibleNav li.open .mobile-nav__sublist-trigger .mobile-nav__sublist-contract {
display: inline-block;
}
ul#accessibleNav li.open .mobile-nav__sublist-trigger .mobile-nav__sublist-expand {
display: none;
}
ul#accessibleNav li .mobile-nav__sublist-trigger .mobile-nav__sublist-contract {
display: none;
}
ul#accessibleNav li .submenu-item {
display: none;
float: left;
width: 100%;   
margin: 0;
padding: 10px 0;
}
ul#accessibleNav li .mobile-nav__sublist-trigger i {
font-size: 22px;
color: var(--color-btn-secondary-text);
}
ul#accessibleNav .submenu-item li .sitenav-link {
font-size: 16px;
color: #666;
font-weight: 400;
}
ul#accessibleNav li .sitenav-link {
text-align: left;
float: left;
width: auto;
font: 500 18px/22px var(--font-stack-body);
color: #111;
}
ul#accessibleNav li .sitenav-link:hover{
color:var(--color-btn-primary);
}
.header_1_wrapper .left-nav a {
float: none;
width: auto;
display: inline-block;
line-height: 14px;
}
.header_1_wrapper .left-nav {
display: flex;
align-items:center;
padding:14px 0;
}
.top_header_1 .left-nav  svg {
width: 14px;
height: 14px;
margin-right: 7px;
}
.site-header .left-nav .header-contact {
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid rgba(255,255,255,0.2);
}
@media  (min-width: 992px) {
.site-header.page-element.header_1 {
min-height: 150px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item {
float:left;
width: auto;
margin: 0 2px;
padding: 33px 0;
position: relative;
}

.top_header_1_link .header_language .title,.top_header_1_link .header_currency .title{
display:none;
}
}
@media (min-width:992px) and (max-width: 1199px){
.site-header.page-element.header_1 {
min-height:132px;
}
}
@media (max-width: 1199px) {
.header_1_wrapper .main-header,
.header_1 .top_header_1
{
padding: 0 50px;
}
.header_1 .top-header,.header_1_wrapper .left-nav{
padding: 10px 0;
}
.language_wrapper.dropdown-toggle{
padding: 10px 8px 10px 0;
margin-right: 8px;
}
.currency_wrapper.dropdown-toggle{
padding: 10px 0;
}
.header_1_wrapper .header_logo_wrap{
margin: 25px 0;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item {
padding: 28px 0;
}
.myaccount .dropdown-toggle{
padding: 34px 0;
}

.wrapper-top-cart > .site-header_cart_link{
padding: 34px 0;
}
.fullscreen_header_toggle {
padding: 34px 0;
}
.site-header__search .serach_icon{
padding: 36px 0;
}.
.wishlist-icon-div a.wishlist {
padding: 36px 0;
}
}
@media (max-width: 991px) {
.header_1 .top-header{
padding: 8px 0;
}
.header_1 .top-header svg {
width: 16px;
height: 16px;
}
.header_1 span.title {
font-size: 16px;
line-height:18px;
border-bottom: 1px solid var(--color-border);
padding: 10px 0;
float: left;
width: 100%;
}
.header_1 .right-link-icon .site-header__cart {
margin: 0 0px 0 0;
}
.left-nav .header-email a svg,.left-nav .header-contact a svg{
margin:0 5px 0 0;
}
.header_1 .top_header_1,.header_1_wrapper .main-header{
padding: 0 40px;
}

.header_1_wrapper .header_logo_wrap {
margin: 20px 0;
}
.customer_account .tbl-list > li.currency .flag-dropdown-menu li a, .customer_account .tbl-list > li.language .flag-dropdown-menu li a,.myaccount .customer_account ul > li > a{
margin:0 0 5px;
}
.tbl-list > li.currency .flag-dropdown-menu, .header_language .disclosure #lang-list{
position:static;
display:block !important;
border:none;
}
.myaccount .dropdown-toggle, .wrapper-top-cart > .site-header_cart_link {
padding: 29px 0;
}
.site-header__search .serach_icon{
padding:31px 0;
}
.myaccount  .currency_wrapper.dropdown-toggle ,.language_wrapper.dropdown-toggle{
padding:0;
display:none;
}
.customer_account .header_currency{
padding:0;
}
.tbl-list > li.currency .flag-dropdown-menu, .header_language .disclosure #lang-list{
padding:5px 0  10px;
}
.header_1_wrapper .menu_toggle_wrap{
padding: 27px 0px;
}
.wishlist-icon-div a.wishlist {
padding: 31px 0;
}
.customer_account .tbl-list > li.currency .flag-dropdown-menu > li, .header_language .disclosure #lang-list li a{
padding:3px 0;
}
.header_1_wrapper .menu_toggle_wrap i{
font-size: 24px;
width: 24px;
height: 24px;
line-height: 24px;
float: none;
display: inline-block;
vertical-align: top;
text-align: center;
}
}
@media(max-width:767px){
.header_1 .top_header_1, .header_1_wrapper .main-header{
padding: 0 20px 0 15px;
}
}
@media (max-width: 575px) {
.site-header .main-header .right-link-icon .site-header__search {
margin: 0 10px;
}
.header_1 .right-link-icon .myaccount {
margin: 0 10px;
}

}
@media(max-width:480px){
.header_1_wrapper .menu_toggle_wrap {
padding: 23px 0px;
}
.site-header__search .serach_icon {
padding: 26px 0;
}
.wishlist-icon-div a.wishlist {
padding: 26px 0;
}
.myaccount .dropdown-toggle, .wrapper-top-cart > .site-header_cart_link {
padding: 24px 0;
}
.header_1 .top_header_1, .header_1_wrapper .main-header {
padding: 0 20px 0 10px;
}
}
/*---------------- Footer 1 ------------------*/
#shopify-section-footer-model-1 {
float:left;
width: 100%;
margin: 30px 0 0;
}
#shopify-section-footer-model-1 .footer-detail-content {
justify-content: space-between;
align-items: center;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column, #shopify-section-footer-model-1 .site-footer .footer-wrap .footer-logo-content,#shopify-section-footer-model-1 .site-footer .footer-wrap  .footer-logo {
margin: 80px 0;
}
#shopify-section-footer-model-1 .site-footer .footer-middle .footer-detail ul.inline-list li a::after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: auto;
right: -3px;
height: 1px;
width: 5px;
background: var(--color-border);
margin: auto;
}
#shopify-section-footer-model-1 .nav-secondary > li
{
padding: 0 25px;  
float: none;
width: auto;
position: relative;
display: inline-block;
vertical-align: top;
}
#shopify-section-footer-model-1 .nav-secondary > li:last-child a::after{
display:none;
}
#shopify-section-footer-model-1 .payment-icons li {
margin: 0 4px 0 0;
cursor: default;
color: var(--FooterBottomText);
float: none;
vertical-align: top;
display: inline-block;
height: 24px;
line-height: 24px;
}
#shopify-section-footer-model-1 .footer-detail {
justify-content: center;
align-items: center;
display: flex;
padding: 25px 0;
border-bottom: 1px solid var(--color-border);
}
#shopify-section-footer-model-1 .footer-desc {
line-height: 24px;
color:var(--colorFooterContent);
font-weight: 500;
}
#shopify-section-footer-model-1 .footer-detail .widget-title 
{
display:none;  
}
#shopify-section-footer-model-1 .widget-title{
margin:0 0 25px;
color: var(--colorFooterTitle);
font: 400 20px/22px var(--font-stack-header);
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column ul.inline-list li{
float: left;
width: 100%;
text-align: left;
position: relative;
margin: 0 0 5px;
}
#shopify-section-footer-model-1 .site-footer .email .email-address a{
font: 500 14px/20px var(--font-stack-body);
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column.contactus .nav-secondary li {
float: left;
width: 100%;    
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column.contactus .nav-secondary li.email{
display: flex;
align-items: center;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .contact-us i.mdi {
font-size: 18px;
margin-right: 10px;
width: 20px;
line-height: 20px;
}
#shopify-section-footer-model-1 span.visuallyhidden {
display: none;
}
#shopify-section-footer-model-1 .contact-us .contact-address, #shopify-section-footer-model-1 .contact-us .phone {
font: 400 14px/20px var(--font-stack-body);
float: left;
width: auto;
}
#shopify-section-footer-model-1 .contact-us .contact-address{
margin: 0 0 20px;
}
#shopify-section-footer-model-1 .contact-us p{
margin:0;
}
#shopify-section-footer-model-1 .text-center.copyright small {
font-size: 13px;
}
#shopify-section-footer-model-1 .text-center.copyright {
margin:0 0 15px;
}
#shopify-section-footer-model-1 .footer-bottom{
padding: 13px  0;
background:#f5f4f0;
}
#shopify-section-footer-model-1 .follow-us-outer{
margin: 23px 0 0 0;
}
#shopify-section-footer-model-1 .footer-top{
background: var(--color-btn-primary);
}
#shopify-section-footer-model-1 .block_newsletter {
padding: 30px 70px;
}
#shopify-section-footer-model-1 .tt-content svg {
color: var(--color-btn-primary);
width: 34px;
height: 34px;
}
#shopify-section-footer-model-1 .news-icon {
background: var(--color-btn-primary-text);
padding: 10px;
}
#shopify-section-footer-model-1 h1.news-title {
font: 400 32px/36px var(--font-stack-header);
margin: 0 0 0 15px;
color: #fff;
}

#shopify-section-footer-model-1 .follow-us-outer ul li {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
#shopify-section-footer-model-1 .social-icons li a{
height: 70px;
width: 70px;
background: none;
line-height: 70px;
font-size: 18px;
border: 1px solid var(--color-border);
}
#shopify-section-footer-model-1 .footer-column.contactus {
padding: 0 0 0 200px;
}
#shopify-section-footer-model-1 .footer-bottom-wrap {
float: left;
width: 100%;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column.contactus .nav-secondary li.contact {
margin: 0 0 10px;
}
#shopify-section-footer-model-1 .site-footer input#Email::-webkit-input-placeholder,#shopify-section-footer-model-1 .site-footer input#Email::placeholder {
color:#fff;
}
.icon-fallback-text:hover i.mdi.mdi-chevron-right{
color:var(--color-btn-primary-text);
}
@media(max-width:1399px){
#shopify-section-footer-model-1 .social-icons li a{
height: 65px;
width: 65px;
line-height: 65px;
}
#shopify-section-footer-model-1 .footer-column.contactus {
padding: 0 0 0 160px;
}
}
@media(max-width:1299px){
#shopify-section-footer-model-1 .tt-content svg{
width: 32px;
height: 32px;
}
#shopify-section-footer-model-1 h1.news-title{
font-size:30px;
line-height:34px;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column, #shopify-section-footer-model-1 .site-footer .footer-wrap .footer-logo-content, #shopify-section-footer-model-1 .site-footer .footer-wrap  .footer-logo {
margin: 60px 0;
}
#shopify-section-footer-model-1 .social-icons li a {
height: 60px;
width: 60px;
line-height: 60px;
margin: 0 3px;
font-size: 16px;
}
#shopify-section-footer-model-1 .footer-column.contactus {
padding: 0 0 0 120px;
}
}
@media (max-width: 1199px) {
#shopify-section-footer-model-1 .block_newsletter{
padding: 20px 20px;
}
#shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn {
padding: 8px 18px;
height: 36px;
font-size: 12px;
line-height: 14px;
}
#shopify-section-footer-model-1 .footer-column.contactus {
padding: 0 0 0 80px;
}
#shopify-section-footer-model-1 .social-icons li a {
height: 55px;
width: 55px;
line-height: 55px;
}
#shopify-section-footer-model-1 .footer-detail{
padding: 15px 0 10px;
}
#shopify-section-footer-model-1 .contact-us .contact-address, #shopify-section-footer-model-1 .contact-us .phone {
line-height: 19px;
font-size: 12px;
}
#shopify-section-footer-model-1 .news-icon{
padding: 8px;
}
#shopify-section-footer-model-1 .tt-content svg {
width: 30px;
height: 30px;
}
#shopify-section-footer-model-1 h1.news-title {
font-size: 28px;
line-height: 32px;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column, #shopify-section-footer-model-1 .site-footer .footer-wrap .footer-logo-content {
margin: 45px 0;
}
#shopify-section-footer-model-1 .widget-title{
margin: 0 0 20px;
}
#shopify-section-footer-model-1 .footer-bottom{
padding: 20px 0 0;
}
#shopify-section-footer-model-1 .follow-us-outer {
margin: 17px 0 0 0;
}
#shopify-section-footer-model-1 .copyright a {
font-size: 12px;
line-height: 14px;
}
}
@media (max-width: 991px) {
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column, #shopify-section-footer-model-1 .site-footer .footer-wrap .footer-logo-content{
margin: 0px;
order:2;
padding:0;
border:none;
padding:0 15px;
}
#shopify-section-footer-model-1 .footer-middle {
padding: 0;
}
#shopify-section-footer-model-1 .site-footer .footer-middle .footer-detail ul.inline-list li a::after{
display:none;
}
#shopify-section-footer-model-1 .footer-logo {
width: 100%;
margin-bottom: 20px;
}
#shopify-section-footer-model-1 .nav-secondary > li{
padding:0;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-logo
{
margin:0 0 30px ;
}
#shopify-section-footer-model-1 .footer-detail
{
padding: 0px 15px;
display:inline-block;  
}
#shopify-section-footer-model-1 .footer-bottom {
padding: 15px 0 15px;
margin: 15px 0 0;
}
#shopify-section-footer-model-1 .grid {
padding:30px 0 15px;
}
#shopify-section-footer-model-1 h1.news-title {
font-size: 24px;
line-height: 28px;
}
#shopify-section-footer-model-1 .widget-title{
text-align:left;
padding:10px 0;
font-size: 16px;
width: 100%;
margin:0;
}
#shopify-section-footer-model-1 .copyright {
width: 100%;
margin:0 0 5px;
}
#shopify-section-footer-model-1 .footer-bottom-content {
float: none;
width: 100%;
text-align: center;
flex-direction: column;
}
}
@media (max-width: 767px) {
#shopify-section-footer-model-1 .text-center.copyright,#shopify-section-footer-model-1 .follow-us-outer.text-center{
float: left;
width: 100%;
}
#shopify-section-footer-model-1 .social-icons li a {
height: 45px;
width: 45px;
line-height: 45px;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-logo {
margin: 0 0 20px;
}
#shopify-section-footer-model-1 .block_newsletter {
padding: 15px 0;
}
#shopify-section-footer-model-1 .tt-content{
justify-content: center;
margin: 0 0 15px;
flex-direction: column;
}
#shopify-section-footer-model-1 .grid{
padding: 20px 0 0;
}
#shopify-section-footer-model-1 .tt-content svg {
width: 26px;
height: 26px;
}
#shopify-section-footer-model-1 h1.news-title,#shopify-section-footer-model-1 .news-icon{
width:auto;
margin:0;
}
#shopify-section-footer-model-1 .news-icon{
margin:0 0 10px;
}
}
@media (max-width: 575px) {
#shopify-section-footer-model-1 .tt-content svg {
width: 24px;
height: 24px;
}
#shopify-section-footer-model-1 .contact-us .contact-address, #shopify-section-footer-model-1 .contact-us .phone {
line-height: 14px;
font-size: 11px;
}
#shopify-section-footer-model-1 .footer-bottom {
padding: 10px 0 10px;
margin: 10px 0 0;
}
#shopify-section-footer-model-1 .text-center.copyright small {
font-size: 12px;
}
#shopify-section-footer-model-1 .tt-content{
margin:0 0 10px;
}
}
@media (max-width: 480px) {
.supports-fontface .icon-fallback-text .icon i{
color:var(--color-btn-secondary-text);   
}
#shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn{
padding:0;
width:32px;
height:32px;
}
#shopify-section-footer-model-1 h1.news-title {
font-size: 22px;
line-height: 26px;
}
#shopify-section-footer-model-1 .tt-content{
margin:0 0 5px;
}
.payment-icons .icon {
width:36px;
}
}
/*---------------------------- category feature ----------------------*/
#tt-collection-slider-wrap {
float: left;
width: 100%;
padding: 55px 0;
}
#tt-collection-slider-wrap .owl-nav{
display:none;
}
#tt-collection-slider-wrap .customNavigation a 
{
cursor: pointer;
border: none;
display: inline-block;
float: none;
vertical-align: top;
padding: 0;;
font-size: 0;
font-weight: 600;
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;
}
#tt-collection-slider-wrap .tt-collection-slider-wrap-inner.bottom-to-top.hb-animate-element.hb-in-viewport {
float: left;
width: 100%;
}
#tt-collection-slider-wrap .category_feature .cat_content {
float: left;
width: 100%;
}
#tt-collection-slider-wrap .ttcat-content {
float: left;
width: 100%;
text-align: center;
}
#tt-collection-slider-wrap .collection_img a {
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
overflow: hidden;
float: none;
width: auto;
display: inline-block;
vertical-align: top;
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;
}
#tt-collection-slider-wrap .collection_img 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;
}
#tt-collection-slider-wrap .collection_img 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);
}
#tt-collection-slider-wrap .cat_content:hover .collection_img a svg,#tt-collection-slider-wrap .cat_content:hover .collection_img a::after{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;

}
#tt-collection-slider-wrap .collection_img svg {
width: 35px;
height: 35px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
z-index: 1;
color:var(--color-btn-primary-text);
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;
}
#tt-collection-slider-wrap .collection_img a::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background:rgba(153, 123, 77,0.6);
overflow: hidden;
border-radius: 50%;
opacity: 0.6;
margin: auto;
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;
}
#tt-collection-slider-wrap .cat_content .ttcat-content .collection_title{
font: 400 22px/24px var(--font-stack-header);margin: 0 0 10px;
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-btn-secondary-text);
}
#tt-collection-slider-wrap .cat_content .ttcat-content a:hover .collection_title
{
color: var(--color-product-secondary);
}
#tt-collection-slider-wrap .cat_content .ttcat-content .collection-desc
{
font: 400 15px/16px var(--font-stack-subheading);
}
#tt-collection-slider-wrap .navigation_wrap::after {
content: "";
width: 1px;
height: 25px;
background: #dedcd9;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin:auto;
}
#tt-collection-slider-wrap .collection_img {
float: none;
width: auto;
position: relative;
vertical-align: top;
margin: 0 0 15px;
display: flex;
align-items: center;
justify-content: center;
}

#tt-collection-slider-wrap .tt-titletab .tt-desc {
font: 400 15px/24px var(--font-stack-subheading);
}
#tt-collection-slider-wrap .tt-titletab .tt-title{
font-size:36px;
line-height:40px;
margin: 0 0 10px;
}
#tt-collection-slider-wrap .collection_img:hover img:after{
transform: scale(1.001);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
@media (max-width: 1199px) {

#tt-collection-slider-wrap .customNavigation a span {
font-size: 30px;
line-height: 32px;
}
#tt-collection-slider-wrap .cat_content .ttcat-content .collection_title {
font-size:22px;
line-height:24px;
}
#tt-collection-slider-wrap{
padding: 45px 0;
}
#tt-collection-slider-wrap .tt-titletab .tt-title {
font-size: 32px;
line-height: 36px;}
}
@media (max-width: 991px){
#tt-collection-slider-wrap .tt-titletab {
width: 100%;
float: left;
text-align: center;
margin-bottom: 20px;
}
#tt-collection-slider-wrap .customNavigation {
margin: 15px 0 0;
}
#tt-collection-slider-wrap .customNavigation a span {
font-size: 26px;
line-height: 29px;
}
#tt-collection-slider-wrap .cat_content .ttcat-content .collection_title {
font-size: 20px;
line-height: 22px;
margin: 0 0 5px;
}
#tt-collection-slider-wrap {
padding: 30px 0;
}
#tt-collection-slider-wrap .customNavigation
{
text-align:center;
}
#tt-collection-slider-wrap .tt-titletab .tt-title {
font-size: 30px;
line-height: 33px;
margin:0 0 8px;
}
}
@media(max-width:767px){
#tt-collection-slider-wrap .tt-titletab .tt-title {
font-size: 28px;
line-height: 30px;
}
#tt-collection-slider-wrap .tt-titletab .tt-desc{
font-size: 14px;
line-height: 22px;
}
}
@media (max-width:575px){
#tt-collection-slider-wrap .tt-titletab .tt-title {
font-size: 24px;
line-height: 26px;
}
#tt-collection-slider-wrap .customNavigation {
margin: 10px 0 0;
}
#tt-collection-slider-wrap .tt-titletab{
margin:0 0 10px;
}
}
@media(max-width:480px){
#tt-collection-slider-wrap .category_feature .cat_content{
padding:0 15px;
}
#tt-collection-slider-wrap .tt-titletab .tt-title {
font-size: 22px;
line-height: 26px;
margin: 0 0 5px;
}
}

/*----------------------------cms-services----------------------*/
#ttcmsservices .block_content .ttcontent {
cursor: pointer;
}
#ttcmsservices .block_content .ttcontent .service-icon {
width: 30px;
height: 30px;
line-height: 30px;
-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;
background: var(--color-btn-primary);
-webkit-mask-repeat: no-repeat;
}
#ttcmsservices .block_content .ttcontent .service{
height: 50px;
width: 50px;
border-radius: 50%;
-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;
}
#ttcmsservices .block_content .ttcontent:hover .service{
background: var(--color-btn-primary);
}
#ttcmsservices .block_content .ttcontent:hover .service .service-icon {
background: var(--color-btn-primary-text);
transform: rotateY(180deg);
}
#ttcmsservices .block_content .ttcontent .content {
padding: 20px 0 0;
}
#ttcmsservices .block_content .ttcontent .content:hover .service-title{
color:var(--color-btn-primary);
}
#ttcmsservices .ttcontent .service-title{
font: 400 18px/22px var(--font-stack-header); 
-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 8px;
}
#ttcmsservices .ttcontent .service-desc{
font: 400 14px/22px var(--font-stack-subheading);
}
#ttcmsservices .block_content {
border-top: 1px solid rgba(0,0,0,0.1);
padding: 66px 0 ;
}
#ttcmsservices .block_content .owl-item {
position: relative;
}
@media(max-width:1399px){
#ttcmsservices .block_content {
padding: 55px 0;
}
}
@media(max-width:1299px){
#ttcmsservices .block_content {
padding: 45px 0;
}
}
@media(max-width: 991px){
#ttcmsservices .block_content {
padding: 30px 0;
}
#ttcmsservices .block_content .ttcontent .service {
height: 50px;
width: 50px;
}
#ttcmsservices .ttcontent .service-title {
margin: 0 0 8px;
font-size: 16px;
line-height: 18px;
}
#ttcmsservices .ttcontent .service-desc {
font-size: 13px;
line-height: 15px;
}
}
@media(max-width: 480px){
#ttcmsservices .block_content {
padding: 15px 0 ;
}
#ttcmsservices .block_content .ttcontent {
display: flex !important;
align-items: center;
justify-content: center;
}
#ttcmsservices .block_content .ttcontent .content {
text-align: center !important;
}
}
/*====================cms-banner=====================*/

.cms_banner .bnr_content .bnr_subtitle
{
font: 400 16px/18px var(--font-stack-subheading);
margin:0 0 10px 0;
}
.cms_banner .bnr_content .bnr_title
{
font: 400 36px/38px var(--font-stack-header);
margin:0 0 20px 0;
}
.cms_banner .bnr_btn {
padding: 11px 32px;
line-height: 18px;
}
.cms_banner .bnr_section{
position: relative;
padding:0 15px;
}
.cms_banner .bnr_section .owl-dots{
display:none;
}
.cms_banner .bnr_cnt{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 50px;
display: flex;
align-items: center;
}
@media(max-width: 1399px){
.cms_banner .bnr_content .bnr_title
{
font-size: 34px;
line-height:36px;
margin:0 0 18px 0;
}
.cms_banner .bnr_content .bnr_btn
{
padding: 10px 28px;
}
}
@media (max-width: 1299px){
.cms_banner .bnr_content .bnr_subtitle {
font-size: 14px;
line-height: 16px;
}
.cms_banner .bnr_content .bnr_title {
font-size: 32px;
line-height: 34px;
margin: 0 0 16px 0;
}
.cms_banner .bnr_content .bnr_btn {
padding: 9px 23px;
}
.cms_banner .bnr_content .bnr_subtitle {
margin: 0 0 8px 0;
}
}
@media (max-width: 1199px){
.cms_banner .bnr_content .bnr_title {
font-size: 30px;
line-height: 32px;
margin: 0 0 14px 0;
}

}
@media (max-width: 991px){
.cms_banner .bnr_content .bnr_subtitle {
margin: 0 0 5px 0;
font-size: 13px;
line-height: 15px;
}
.cms_banner .bnr_content .bnr_title {
font-size: 25px;
line-height: 28px;
margin: 0 0 12px 0;
}
.cms_banner .bnr_content .bnr_btn {
padding: 8px 16px;
font-size: 14px;
line-height: 16px;
}
.cms_banner .bnr_cnt{
left: 36px;
}
}
@media(max-width:575px){
.cms_banner .bnr_section .owl-dots{
display:none;
}
}
@media(max-width:480px){
.cms_banner .bnr_content .bnr_subtitle {
margin: 0px 0 2px 0;
}
.cms_banner .bnr_content .bnr_title {
font-size: 22px;
line-height: 26px;
margin: 0 0 8px 0;
}
.cms_banner .bnr_cnt{
left:30px;
}
}

/*====================cms-about=====================*/
.cms_about_bnr .bnr_btn.btn {
border: 1px solid  var(--color-btn-primary);
padding: 10px 33px;
background: none;
color: var(--color-btn-primary);
}
.cms_about_bnr .section-header{
margin:0 0 30px;
}
.aboutus .cms_about_bnr .btn:hover::after{
background:var(--color-btn-primary);
}
.cms_about_bnr .section-header .subtitle {
font-size:20px;
line-height:22px;
margin: 0 0 12px;
}
.cms_about_bnr .section-header .tt-title {
margin:0 auto;
}
.cms_about_bnr .bnr_content .bnr_title {
font: 400 30px/32px var(--font-stack-header);
margin: 0 0 15px ;
}
.cms_about_bnr .bnr_content .bnr_title{
color:var(--color-btn-hover);
}
.cms_about_bnr .bnr_content .bnr_subtitle {
font: 400 15px/20px var(--font-stack-subheading);
width:60%;
margin:0 auto 20px;
}
.cms_about_bnr .bnr_content {
float: left;
width: 100%;
text-align: center;
}
.cms_about_bnr .bnr_images{
margin:0 0 25px;
overflow: hidden;
position: relative;
float: left;
width: 100%;
}
.cms_about_bnr .banner_section  .owl-item {
padding: 0 15px;
}
.cms_about_bnr .bnr_part {
padding: 0 15px;
}
@media (max-width: 1399px){
.cms_about_bnr .bnr_content .bnr_title {
font-size: 28px;
line-height: 30px;
} 
.cms_about_bnr .bnr_btn.btn{
padding: 8px 30px;
}
.cms_about_bnr .tt-title{
font-size:42px;
line-height:46px;
}
.cms_about_bnr .section-header .subtitle{
font-size:18px;
line-height:20px;
}
}
@media(max-width:1299px){
.cms_about_bnr .tt-title {
font-size: 38px;
line-height: 42px;
}
.cms_about_bnr .section-header{
margin:0 0 25px;
}
}
@media (max-width: 1199px){
.cms_about_bnr .bnr_content .bnr_title {
margin: 0 0 10px;
}
.cms_about_bnr .bnr_images {
margin: 0 0 20px;
}
.cms_about_bnr .section-header .subtitle {
font-size: 16px;
line-height: 18px;
}
.cms_about_bnr .tt-title {
font-size: 32px;
line-height: 36px;
width: 60% !important;
}
.cms_about_bnr .bnr_content .bnr_subtitle{
font-size: 14px;
line-height: 18px;
}
.cms_about_bnr .bnr_content .bnr_title {
font-size: 26px;
line-height: 28px;
}
.cms_about_bnr .bnr_btn.btn {
padding: 7px 30px;
}
.cms_about_bnr .section-header{
margin:0 0 20px;
}
}
@media (max-width: 991px){
.cms_about_bnr .section-header .subtitle {
font-size: 16px;
line-height: 18px;
margin: 0 0 8px;
}
.cms_about_bnr .section-header{
margin:0 0 15px;
}
.cms_about_bnr .section-header .tt-title {
width: 70% !important;
font-size: 28px;
line-height: 32px;
}
.cms_about_bnr .bnr_content .bnr_title {
font-size: 22px;
line-height: 24px;
margin: 0 0 5px;
}
.cms_about_bnr .bnr_content .bnr_subtitle {
font-size: 13px;
line-height: 18px;
width: 100%;
margin: 0 0 15px;
}

.cms_about_bnr .bnr_btn.btn {
padding: 9px 25px;
font-size: 14px;
line-height: 16px;

}
}
@media (max-width: 767px){

.cms_about_bnr .bnr_content .bnr_title {
font-size: 22px;
line-height: 24px;
}
.cms_about_bnr .section-header .tt-title {
font-size: 26px;
line-height: 30px;
}
.cms_about_bnr .section-header{
margin:0 0 10px;
}
.cms_about_bnr .section-header .subtitle {
font-size: 15px;
line-height: 18px;
margin: 0 0 5px;
}
.cms_about_bnr .bnr_btn.btn{
padding: 9px 18px;
}
}
@media(max-width:575px){
.cms_about_bnr .section-header .tt-title {
width: 80% !important;
} 
.cms_about_bnr .bnr_images {
margin: 0 0 15px;
}
.cms_about_bnr .section-header .subtitle {
font-size: 14px;
line-height: 16px;
}
.cms_about_bnr .bnr_content .bnr_title {
font-size: 20px;
line-height: 22px;
}
.cms_about_bnr .section-header .tt-title {
font-size: 24px;
line-height: 28px;
}
.cms_about_bnr .bnr_content .bnr_subtitle {
font-size: 12px;
line-height: 14px;
}
.cms_about_bnr .bnr_btn.btn {
padding: 8px 12px;
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 480px){
.cms_about_bnr .section-header .tt-title {
width: 100% !important;
font-size: 20px;
line-height: 24px;
padding:0 10px;
}
.cms_about_bnr .bnr_content .bnr_title{
font-size: 18px;
line-height: 20px;
}
.cms_about_bnr .bnr_btn.btn {
padding: 7px 24px;
}
}



/*====================bottom-banner=====================*/
.bottombanner {
float: left;
width: 100%;
}
.bottombanner a img{
transition: all 4s cubic-bezier(0, 0, 0.1, 1);
-webkit-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
-moz-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
-o-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
-ms-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
overflow: hidden;
float: left;
width: 100%;
}
.bottombanner 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);
}
.bottombanner a .banner-content .title {
font: 400 40px/42px var(--font-stack-header);
margin: 0 0 10px;
}
.bottombanner .banner-content .banner-text .subtitle {
font: 400 14px/16px var(--font-stack-subheading);
padding: 12px 40px;
}
@media(max-width: 991px){
.bottombanner a .banner-content .title{
font-size: 36px;
line-height: 38px;
}
.bottombanner .banner-content .banner-text .subtitle{
padding: 10px 32px;
font-size: 12px;
line-height: 14px;
}
}
@media(max-width: 767px){
.bottombanner .banner-content .banner-text .subtitle {
padding: 6px 20px;
font-size: 11px;
line-height: 13px;
}
.bottombanner a .banner-content .title {
font-size: 28px;
line-height: 30px;
margin: 0 0 8px;
}
}
@media(max-width: 480px){
.bottombanner a .banner-content .title {
font-size: 18px;
line-height: 20px;
margin: 0 0 4px;
}
.bottombanner .banner-content .banner-text .subtitle {
padding: 4px 12px;
font-size: 9px;
line-height: 11px;
}
}
/*====================parallex=====================*/
.parallax-img.parallex {
float: left;
width: 100%;
background-size: cover;
height: 650px;
background:#f5f3f0;
}
.parallex .parallax-detail {
float: right;
}
.parallax-img .parallax-detail .subtitle {
font: 500 20px/22px var(--font-stack-subheading);
margin: 0 0 10px;
}
.parallax-img .parallax-detail .title {
font: 400 70px/72px var(--font-stack-header);
margin: 0 0 20px;
}
.parallax-img .parallax-detail .desc {
font: 400 16px/18px var(--font-stack-body);
padding: 14px 56px;
margin: 0 0 20px;
}
.parallax-btn .btn {
padding: 11px 24px;
font-size: 14px;
}
.parallax-btn .btn{
background-color: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.parallax-btn .btn:hover{
color: var(--color-btn-primary-text);
}
.parallax-btn .btn::after{
background-color: var(--color-btn-primary);
}
@media(max-width: 1299px){
.parallax-img.parallex{
height: 480px;
}
}
@media(max-width: 1199px){
.parallax-img .parallax-detail .subtitle {
margin: 0 0 10px;
font-size: 18px;
line-height: 20px;
}
.parallax-img .parallax-detail .title {
margin: 0 0 15px;
font-size: 62px;
line-height: 64px;
}
.parallax-img .parallax-detail .desc {
padding: 10px 44px;
margin: 0 0 18px;
font-size: 14px;
line-height: 16px;
}
.parallax-btn .btn {
padding: 10px 22px;
font-size: 13px;
}
}
@media(max-width: 991px){
.parallax-img .parallax-detail .subtitle{
margin: 0 0 8px;
font-size: 15px;
line-height: 17px;
}
.parallax-img .parallax-detail .title {
margin: 0 0 12px;
font-size: 46px;
line-height: 48px;
}
.parallax-btn .btn {
padding: 8px 18px;
font-size: 12px;
}
.parallax-img .parallax-detail .desc {
padding: 6px 20px;
margin: 0 0 14px;
font-size: 12px;
line-height: 14px;
}
.parallax-img.parallex {
height: 380px;
}
}
@media(max-width: 767px){
.parallax-img.parallex {
height: 300px;
}
.parallax-img .parallax-detail .subtitle {
margin: 0 0 8px;
font-size: 12px;
line-height: 15px;
}
.parallax-img .parallax-detail .title {
margin: 0 0 8px;
font-size: 36px;
line-height: 38px;
}
.parallax-img .parallax-detail .desc {
padding: 5px;
margin: 0 0 14px;
font-size: 9px;
line-height: 12px;
}
.parallax-btn .btn {
padding: 5px 12px;
font-size: 11px;
}
}
@media(max-width: 575px){
.parallax-img.parallex {
height: 240px;
}
}
/*----------------------- special product-----------------*/
/*-----------------tt-testimonial-------------------*/
.main_testimonial {
float:left;
width:100%;
}
.main_testimonial .slider_testimonial {
display: flex;
align-items: end;
vertical-align: bottom;
background:#fff;
}
.main_testimonial .bnr_subtitle {
font: 400 16px/18px var(--font-stack-body);
float: none;
width: 100%;
}
.main_testimonial .main_content .desc {
font: 400 16px/30px var(--font-stack-body);
padding: 0px 0 60px;
position: relative;
margin: 0 0 30px;
}
.main_testimonial .tt-title{
margin:0 0 30px;
}
.main_testimonial .author_detail {
float: none;
width: 100%;
margin: 0 0 50px;
}
.main_testimonial .owl-dot {
display: inline-block;
counter-increment: slides-num;
margin-right: 5px;
position: absolute;
top: 0;
left: -5px;
right: 0;
bottom: 0;
}
.main_testimonial .owl-dot.active:before {
content: counter(slides-num) " / ";
display: inline-block;
vertical-align: middle;
font-size: 20px;
font-weight: 700;
position: absolute;
left: -4px;
top: auto;
bottom: 0;
right: 0;
color:var(--color-btn-secondary-text);
}
.main_testimonial .owl-carousel .owl-nav .owl-prev,
.main_testimonial .owl-carousel .owl-nav .owl-next {
float: none;
display: inline-block;
vertical-align: top;
}
.main_testimonial .owl-carousel .owl-nav .owl-prev {
margin-right: 30px;
}
.main_testimonial .owl-carousel .owl-nav i {
font-size: 30px;
line-height: 30px;
width: 30px;
height: 30px;
color: var(--color-btn-secondary-text);
}
.main_testimonial .owl-dots {
text-align: center;
counter-reset: slides-num;
position: absolute;
bottom: 50px;
top: auto;
left: 20px;
right: auto;
left:47%;
margin-left: 5px;
}
.sld_tttestimonial .owl-nav
{
display: inline-block !important;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 44px;
text-align:center;
}
.main_testimonial .main_content .desc::before {
content:"\f756";
font-family:"Material Design Icons";
position:absolute;
color:var(--color-product-secondary);
font-size:65px;
top:auto;
bottom:0;
left:0;
right:0;
font-style:normal;
}
.main_testimonial .owl-dots:after {
content: counter(slides-num);
display: inline-block;
font-size: 16px;
vertical-align: middle;
padding-left: 25px;
}
.main_testimonial .main_content .img_content{
display:inline-block;
width:auto;
float:none;
vertical-align:top;
margin:0 0 20px 0;
}
.main_testimonial .main_content .img_content .img_testi {
border-radius:50%;
border:5px solid var(--bs-white);
}
.main_testimonial .parallax-img {
display: flex;
align-items: end;
}
.main_testimonial .main_content{
float: left;
}
.slider_testimonial  .sld_tttestimonial.owl-carousel.owl-loaded{
padding:72px 40px;
}
.main_testimonial .main_content .name_testominial {
font:600 15px/16px var(--font-stack-body);
float: none;
width: 100%;
margin-right:5px;
}
.main_testimonial .main_content .post_testominial {
font:italic 400 15px/16px var(--font-stack-body);
float: none;
width: 100%;
}
@media(max-width: 1399px){
.main_testimonial .main_content .desc
{
font-size:15px;
line-height:28px;
}
.main_testimonial .owl-dots{
margin-left:3px;
}
}
@media(max-width:1299px){
.main_testimonial .main_content .desc {
font-size: 14px;
line-height: 20px;
padding: 0px 0 50px;
margin-bottom: 25px;
}
.main_testimonial .tt-title{
margin:0 0 20px;
}
}
@media (max-width:1199px){
.slider_testimonial  .sld_tttestimonial.owl-carousel.owl-loaded
{
padding: 39px 25px;
}
.parallax-img.parallex {
height: 400px;
}
.main_testimonial .author_detail{
margin: 0 0 40px;
}
.main_testimonial .owl-carousel .owl-nav i{
font-size: 26px;
line-height: 26px;
}
.main_testimonial .owl-dot.active:before{
font-size: 18px;
}
}
@media(max-width:991px){
.main_testimonial .owl-dots{
left:46%;
}
}
@media(max-width: 767px){
.main_testimonial .main_content .desc{
padding: 0px 0 35px 0
}
.main_testimonial .owl-dots{
bottom:37px;
}
.sld_tttestimonial .owl-nav{
bottom:30px;
}
.main_testimonial .main_content .desc::before{
font-size:55px;
}
.main_testimonial .owl-dots {
left: 47%;
}
.main_testimonial .slider_testimonial{
background: rgba(255,255,255,0.8);
}
}
@media(max-width:575px){
.main_testimonial .owl-dots{
margin:0;
}
}
@media(max-width: 480px){
.main_testimonial .main_content{
width:100%;
}
.main_testimonial .main_content .desc {
font-size:13px;
line-height:18px;
}
.slider_testimonial  .sld_tttestimonial.owl-carousel.owl-loaded {
padding: 25px 15px;
}
.main_testimonial .main_content .desc{
margin:0 0 15px;
}
.main_testimonial .owl-dot.active:before{
font-size: 16px;
line-height: 24px;
}
.sld_tttestimonial .owl-nav {
bottom: 20px;
}
.main_testimonial .owl-dots {
bottom: 26px;
left: 46%;
}
}
@media (max-width:320px){
.main_testimonial .owl-dots {
left: 44%;
}
}
/*---------------- Bestseller Product ------------------*/
.widget_top_rated_products .top-products .top-products-detail {
padding-left: 10px;
}
.widget_top_rated_products .top-products .owl-nav {
display: block;
float: right;
width: auto;
position: absolute;
right: 0;
left: auto;
top: -50px;
bottom: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
.widget_top_rated_products .top-products .owl-nav {
top: -52px;
}
}
.widget_top_rated_products .top-products .owl-nav div {
float: none;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
font-size: 0;
height: 30px;
width: 24px;
position: relative;
margin: 0 2px;
}
.widget_top_rated_products .top-products .owl-nav .owl-prev::after {
content: "\f141";
font-size: 24px;
line-height: 30px;
position: absolute;
right: 0;
left: 0;
top: 0;
text-align: center;
margin: auto;
font-family: "Material Design Icons";
color: var(--color-text);
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;
visibility: visible;
}
.widget_top_rated_products .top-products .owl-nav .owl-prev:hover::after {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
.widget_top_rated_products .top-products .owl-nav .owl-prev::before {
content: "\f13d";
font-size: 24px;
line-height: 30px;
position: absolute;
right: auto;
left: 10px;
top: 0;
text-align: center;
margin: auto;
font-family: "Material Design Icons";
color: var(--color-text);
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;
visibility: hidden;
}
.widget_top_rated_products .top-products .owl-nav .owl-prev:hover::before {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
left: 0;
visibility: visible;
}
.widget_top_rated_products .top-products .owl-nav .owl-next::after {
content: "\f142";
font-size: 24px;
line-height: 30px;
position: absolute;
right: 0;
left: 0;
top: 0;
text-align: center;
margin: auto;
font-family: "Material Design Icons";
color: var(--color-text);
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;
visibility: visible;
}
.widget_top_rated_products .top-products .owl-nav .owl-next:hover::after {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
.widget_top_rated_products .top-products .owl-nav .owl-next::before {
content: "\f13e";
font-size: 24px;
line-height: 30px;
position: absolute;
right: 10px;
left: auto;
top: 0;
text-align: center;
margin: auto;
font-family: "Material Design Icons";
color: var(--color-text);
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;
visibility: hidden;
}
.widget_top_rated_products .top-products .owl-nav .owl-next:hover::before {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
right: 0;
visibility: visible;
}
.widget_top_rated_products .top-products .product-wrapper.sidebar-product .sale {
font-size: 12px;
top: 5px;
color: #111;
right: -15px;
position: absolute;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
}
.widget_top_rated_products .top-products .product-wrapper.sidebar-product:hover .sale {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
right: 5px;
}
.widget_top_rated_products .top-products .product-wrapper.sidebar-product .compare-price {
font-family: var(--font-stack-header);
}
@media only screen and (min-width: 992px) {
.widget_top_rated_products:hover .top-products .owl-nav .owl-next::before,.widget_top_rated_products:hover .top-products .owl-nav .owl-next::after,.widget_top_rated_products:hover .top-products .owl-nav .owl-prev::before,.widget_top_rated_products:hover .top-products .owl-nav .owl-prev::after{
color: #fff;
}
}
@media only screen and (max-width: 991px) {
.widget_top_rated_products .top-products .owl-nav {
top: -63px;
right: 0px;
}
.widget_top_rated_products .top-products .owl-nav .owl-prev::after,.widget_top_rated_products .top-products .owl-nav .owl-next::after,.widget_top_rated_products .top-products .owl-nav .owl-prev::before,.widget_top_rated_products .top-products .owl-nav .owl-next::before {
font-size: 20px;
}
.left-sidebar-column .widget_top_rated_products .owl-nav,.right-sidebar-column .widget_top_rated_products .owl-nav {
top: -40px;
right: 40px;
}
}
@media only screen and (max-width: 480px) {
.widget_top_rated_products .top-products .owl-nav .owl-prev::after,.widget_top_rated_products .top-products .owl-nav .owl-next::after,.widget_top_rated_products .top-products .owl-nav .owl-prev::before,.widget_top_rated_products .top-products .owl-nav .owl-next::before {
font-size: 18px;
}
}
/*---------------  product page default--------------------------*/
.product-images-fixed a.product-Video-btn.popup-video.tip-top {
position: static;
z-index: 1;
left: 20px;
}
.product-images-fixed a.product-Video-btn.popup-video.tip-top > span {
position: absolute;
left: 20px;
z-index: 1;
top: 5px;
}
.navigation-detail {
border-radius: 3px;
right: 50px;
visibility: hidden;
opacity: 0;
z-index: 1;
position: absolute;
background: #fff;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
-webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
-moz-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
-ms-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
-o-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
padding: 10px;
margin: 0;
float: left;
width: 300px;
transition: all .5s ease .300ms;
-webkit-transition: all .5s ease .300ms;
-moz-transition: all .5s ease .300ms;
-o-transition: all .5s ease .300ms;
-ms-transition: all .5s ease .300ms;
top: auto;
bottom: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: flex;
align-items: center;
transform: rotateY(45deg);
-webkit-transform: rotateY(45deg);
-moz-transform: rotateY(45deg);
-o-transform: rotateY(45deg);
-ms-transform: rotateY(45deg);
}
.nav-detail.navigation-detail {
top: 0;
bottom: auto;
}
.product-arrows div.product-arrow:hover .navigation-detail {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
transform: rotateY(0px);
-webkit-transform: rotateY(0px);
-moz-transform: rotateY(0px);
-o-transform: rotateY(0px);
-ms-transform: rotateY(0px);
}
.product-template__container  .left-part-img {
margin: 0 15px 0 0;
}
.right-part-detail .title, .right-part-detail .money {
float: left;
width:100%;
text-overflow: ellipsis;
}
.right-part-detail {
overflow: hidden;
white-space: nowrap;
}
.product-single__description {
background: #f5f3f0;
padding: 50px 15px;
margin: 0 0 50px;
height: auto;
}
.product-arrows a {
padding: 8px;
}
.product-arrows div.product-arrow:hover {
background: var(--color-btn-primary);
}
.product-arrows div.product-arrow:hover a{
color: var(--color-btn-primary-text);
}
.product-single .btn.share-button__button{
background:var(--color-btn-primary);
color:var(--color-btn-primary-text);
display: flex;
align-items: center;
justify-content: center;
}
.product-single__price span.visually-hidden {
display: none;
}
.product-form__input  label{
color: var(--color-btn-primary);
}
.product-single__variants .selector-wrapper select {
padding: 10px 26px 10px 10px;
}
.product-single__variants .selector-wrapper label {
font-size: 14px;
font-weight: 600;
color: var(--color-text);
margin: 0 0 8px 0;
}
.product-single .product-information svg {
width: 16px;
height: 16px;
margin-right: 5px;
}
.product-single .product-information .product-link .btn:hover svg,.product-single .product-information .product-link a:hover svg {
-webkit-animation: beat .6s ease-in-out infinite alternate;
animation: beat .6s ease-in-out infinite alternate;
}
@keyframes beat{
to { transform: scale(1.2); }
}
.product-information-inner .notify_btn i {
float: none;
display: inline-block;
vertical-align: top;
font-size: 20px;
padding-right: 5px;
}
.product-information-inner .notify_btn span {
font-weight: 500;
}
.product-information-inner .qty-box-set{
margin-right: 10px;
}
.product-information .product-information-inner .product-single__variants .selector-wrapper {
float: left;
margin-right: 10px;
width: 50%;
}
.product-single__header variant-selects {
float: left;
width: 100%;
}
.product-template__container #sizeModallabel.tt-title::after{
display:none;
}
.product-information .product-information-inner .threesixty-video {
float: left;
width: 100%;
margin: 0 0 15px;
}
.product-template__container .recently-collection .product-description{
float:left;
width:100%;
text-align:center;  
padding: 15px 0 0;
}
.product-information .qty-box-set .qtyplus::before{
content: "\F415";
font-family: "Material Design Icons";
position: absolute;
top: 0;
bottom: 0px;
left: 10px;
right: auto;
}
.product-information .product-information-inner .threesixty-video .product-Video-btn.popup-video.tip-top {
padding: 2px 15px;
float: left;
width: auto;
position: static;
}

.product-template__container .social-sharing a {
float: left;
height: 38px;
width: 38px;
margin: 5px 0;
display: flex;
align-items: center;
justify-content: center;
}
.product-information .social-sharing a .share-title {
float: none;
display: inline-block;
vertical-align: top;
line-height: 17px;
}
.product-information .social-sharing a:hover{
color:var(--color-text-hover-field)
}
.product-information .flip-countdown.simple-countdown .countdown-container span {
width: 36px;
}
.product-single__addtocart label {
font-size: 14px;
font-weight: 600;
margin: 0 0 5px;
width: 100%;
color: var(--color-text);
}
#AddToCart > span {
font-weight: 500;
}
.product-single__thumbs .owl-pagination,.product-single .tab-pane,.tab-pane{
display:none;
}
.product-single .active.tab-pane,.tab-pane.active{
display: block; 
} 
.specialproduct .slick-prev.slick-arrow,.specialproduct .slick-next.slick-arrow{
top: 0;
bottom: 0;
left: 0;
margin: 0 auto;
right: 0;
border:1px solid var(--color-border);
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;
}
.specialproduct .product-single__thumbs:hover .slick-prev.slick-arrow,.specialproduct .product-single__thumbs:hover  .slick-next.slick-arrow{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
}

.specialproduct .slick-next.slick-arrow{
top:auto;
}
.specialproduct .slick-list{

}
.product-single__thumbs {
padding: 35px 0;
float: left;
width: 22%;
}
.product-template__container  .product-single__thumbs{
padding:0 50px;
float: left;
width: 100%;
}
.product-single__thumbs .grid-item {
float: left;
width: 100%;
margin: 5px;
}
.product-single__thumbs .slick-list {
padding: 0 !important;
}
.product-single__thumbs .owl-nav .owl-prev, .product-single__thumbs .owl-nav .owl-next {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
bottom: auto;
top: 41%;
}
.product-single.vertical_left .product-single__thumbs {
padding: 50px 15px;
}
.owl-carousel.product-single__thumbs .owl-buttons div,
.owl-carousel.product-single__thumbs .owl-buttons .owl-prev,.owl-carousel.product-single__thumbs .owl-buttons .owl-next{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
}
.product-grid.related-products:hover .owl-nav {
opacity: 1;
visibility: visible;
}
.related-products-container {
float: left;
width: 100%;
margin: 0 0 40px;
}
.product-fixed-wrapper {
background: #ffffff none repeat scroll 0 0;
float: left;
padding: 15px;
width: 100%;
}
.pro_img {
margin-bottom: 20px;
}
.pro_img .product-image-btn {
position: absolute;
right: 20px;
left: auto;
bottom: 10px;
top: auto;
}
.product-single__photos .product-image-btn {
right: 5px;
bottom: 5px;
z-index: 2;
}
.product-single__photos a.product-lightbox-btn {
display: none;
width: 30px;
height: 30px;
float: left;
color: #333;
}
.product-single__photos a.product-lightbox-btn:hover {
color: #111;
}
.horizontal_bottom.design_2 .product-images-fixed .pro_img img {
height:auto;
}
.fixed-product-block {
display: table;
}
.fixed-product-block .product-actions {
float: left;
width: 100%;
}
.fixed-product-block .product-actions form {
float: left;
width: 100%;
margin: 0 0 10px;
}
.fixed-product-block .product-actions form .product-single__variants {
float: left;
width: 100%;
}
.product-single__addtocart .js-qty {
margin-bottom: 15px;
max-width: none;
width: 125px;
display: inline-block;
}
.product-info .outstock { color:red; font-weight: 500; }
.product-infor .out_of_stock { color:red; font-weight: 500; }
.product-info .instock { color:#1cc373;font-weight: 500; }
.product-infor .instock { color:#1cc373;font-weight: 500; }
.product-infor .unavailable { color:orchid;font-weight: 500; }
.product-info .items-count { color:#fa9324; }
.product-single__price label {
font-weight: 600;
font-size: 14px;
color: var(--color-text);
display: inline-block;
min-width: 145px;	
float:left;
vertical-align: top;
line-height: 28px;
margin: 0;
}
ul.tabs {
float: left;
list-style: outside none none;
margin: 0 0 -4px;
position: relative;
width: 100%;
}
ul.tabs > li {
display: inline-block;
margin-bottom: 0;
}
ul.product-photo-thumbs.product-wrapper-owlslider.owl-carousel {
padding: 0 40px;
margin: 20px 0;
}
ul.product-photo-thumbs.product-wrapper-owlslider.owl-carousel .owl-nav div {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
bottom: auto;
top: 41%;
display:block;
}
ul.product-photo-thumbs.product-wrapper-owlslider.owl-carousel .owl-nav div.disabled {
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
}
.product-photo-thumbs.owl-theme .owl-nav{
visibility: visible;
-webkit-opacity: 1; 
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.TTProduct-Tab  .owl-theme .owl-nav{
margin:0;
}
.product-photo-thumbs.owl-theme .owl-nav .owl-next{
right: 0;  	
}
.product-photo-thumbs.owl-theme .owl-nav .owl-prev{
left: 0;
}
.product-photo-thumbs li img, .product-single__thumbs li img {
display: inline-block;
object-fit: cover;
}
.product-single .product-information .pro_btn .btn{
background: none;
color: var(--color-text-field);
padding: 0 10px;
}
.product-single .product-information .pro_btn .btn.added, .product-single .product-information .pro_btn .btn.added-wishlist {
color: var(--color-btn-primary);
}
.product-single .product-information .pro_btn .btn:hover,.product-single .product-information a:hover{
color: var(--color-btn-primary);
}
.product-single .product-information select {
border: none;
background-color: #f5f3f0;
padding: 10px;
width: 216px;
margin-right: 15px;
}
.product-single .product-information .selector-wrapper.js.product-form__item {
float: none;
display: inline-block;
vertical-align: top;
}
.product-single__thumbs .owl-nav .owl-next::before, ul.product-photo-thumbs .owl-nav .owl-next::before {
bottom: 0;
content: "\f142";
float: right;
font-family: "Material Design Icons";
font-size: 18px;
font-weight: 500;
height: 18px;
left: 0;
line-height: 18px;
margin: auto;
position: absolute;
right: 2px;
text-align: center;
top: 0;
width: 16px;
}
.product-single__thumbs .owl-nav .owl-prev, ul.product-photo-thumbs .owl-nav .owl-prev, .product-single__thumbs .owl-nav .owl-next, ul.product-photo-thumbs .owl-nav .owl-next {
border: 1px solid var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
font-size: 0;
height: 30px;
position: absolute;
width: 30px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
top: 10px;
bottom: 0;
margin: auto;
background: var(--color-btn-secondary);
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-single__thumbs .owl-nav .owl-prev::before, ul.product-photo-thumbs .owl-nav .owl-prev::before {
bottom: 0;
content: "\f141";
float: right;
font-family: "Material Design Icons";
font-size: 18px;
font-weight: 500;
height: 18px;
left: 0;
line-height: 18px;
margin: auto;
position: absolute;
right: 2px;
text-align: center;
top: 0;
width: 16px;
}
.review-wrap .spr-badge{
float:left;
}
#shopify-product-reviews .spr-summary-actions-newreview::before {
content: "\f64f";
position: absolute;
font-family:"Material Design Icons";
left: -16px;
right: auto;
top: 4px;
bottom: auto;
height: 15px;
width: 15px;
font-size: 14px;
line-height:16px;
}
.product-single__description .spr-summary-actions-newreview{
position:relative;
}
.product-single__vendor lable {
margin: 0 5px 0 0;
}
.product-information .product-single__price #comparePrice .money,
.product-desc .product-single__price #comparePrice1 .money {
font-size: 14px;
font-weight: 400;
line-height: 16px;
font-family: var(--font-stack-header);
}
a.product-write-review {
float: left;
color: var(--color-text-field);
cursor: pointer;
border-left: 1px solid var(--color-border);
margin-left: 8px;
padding-left: 8px;
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;
}
a.product-write-review:hover {
color: var(--color-text-hover-field);
}
a.product-write-review > i {
padding: 0 5px 0 0;
line-height: 18px;
}
#shopify-product-reviews .spr-header-title {
font-size: 16px;
line-height: 18px;
color: var(--color-text);
text-align: center;
}
.product_all_images {
float: left;
width: 100%;
}
.product_all_images img {
margin-bottom: 10px;
}
.product-single.vertical_left .product-single__thumbs{
float: left;
width: 24%;
padding: 35px 0;
}
.product-single.vertical_left .product-single__thumbs .grid-item img {
margin: 0 auto;
float: none;
}
.product-single.vertical_left .product-single__thumbs .slick-vertical .slick-prev.slick-arrow {
top: 0;
left: 0;
right: 0;
margin: auto;
bottom: auto;
text-align: center;
}
.product-single.vertical_left .product-single__thumbs .slick-vertical .slick-next.slick-arrow {
bottom: 0;
left: 0;
right: 0;
margin: auto;
top: auto;
}
.product-single.vertical_left .product-single__photos {
float: right;
width: 76%;
margin-bottom: 0;
position: relative;
}
.product-single.vertical_right .product-single__thumbs .grid-item img {
margin: 0 auto;
float: none;
}
.product-single.vertical_right .product-single__thumbs .slick-vertical .slick-prev.slick-arrow {
top: 0;
left: 0;
right: 0;
margin: auto;
bottom: auto;
text-align: center;
}
.product-single.vertical_right .product-single__thumbs .slick-vertical .slick-next.slick-arrow {
bottom: 0;
left: 0;
right: 0;
margin: auto;
top: auto;
}
.product-single.vertical_right .product-single__thumbs {
float: right;
width: 24%;
padding: 35px 0;
}
.product-single.vertical_right .product-single__photos {
float: left;
width: 76%;
position: relative;
}
.product-single .slick-prev.slick-arrow.slick-disabled:hover, .product-single .slick-next.slick-arrow.slick-disabled:hover{
border: 1px solid var(--color-border);
}
.product-single .slick-prev.slick-arrow, .product-single .slick-next.slick-arrow {
border: 1px solid var(--color-border);
font-size: 15px;
color: var(--color-body-text);
background:#fff;
top: 0;
z-index: 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;
top: 0;
bottom: 0;
margin: auto;

}
.product-single .slick-prev.slick-arrow:hover, .product-single .slick-next.slick-arrow:hover {
border: 1px solid var(--color-btn-primary);
font-size: 15px;
color: var(--color-btn-primary-text);
background: var(--color-btn-primary);
}
.product-single .product-single__thumbs.slick-vertical .slick-prev.slick-arrow, .product-single .product-single__thumbs.slick-vertical .slick-next.slick-arrow {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
font-size: 15px;
top: 0;
bottom: auto;
left: 0;
right: 0;
}
.product-single .product-single__thumbs.slick-vertical .slick-next.slick-arrow {
top: auto;
bottom: 0;
}
.product-single__thumbs button.slick-prev.slick-arrow.slick-disabled,.product-single__thumbs button.slick-next.slick-arrow.slick-disabled{ 
opacity: 0.6;
-moz-opacity: 0.6; 
-khtml-opacity: 0.6; 
-webkit-opacity: 0.6; 
cursor: not-allowed;
}
.horizontal_bottom .product-wrapper-owlslider .product-single__photos, .horizontal_bottom .product-single__thumbs.horizontal_bottom {
position: relative;
}
.product-single__addtocart .btn:hover::before{
background-position:-27px -35px;
}
img{
max-width:100%; 
height: auto;
}
.brand_slider .owl-nav,.ourteam_slider .owl-nav,.quick-view .owl-nav{
display: block; 
margin:0;
}
ul.ourteam_slider.owl-carousel {
margin-bottom: 0;
}
.product-shop .product-item .selector-wrapper {
float: left;
width: 205px;
margin-right: 10px;
}
.product-shop .grid--uniform.product-single__addtocart {
float: left;
width: 100%;
margin: 15px 0 0;
}
.product-single__thumbs .owl-nav .owl-prev,.product-single__thumbs .owl-nav .owl-next, ul.product-photo-thumbs .owl-nav .owl-prev, ul.product-photo-thumbs .owl-nav > .owl-next{
color:var(--color-btn-secondary-text);
background: var(--color-btn-primary);
}
.product-single__thumbs .owl-nav .owl-prev::before,.product-single__thumbs .owl-nav .owl-next::before,ul.product-photo-thumbs .owl-nav .owl-prev::before, ul.product-photo-thumbs .owl-nav > .owl-next::before,ul.product-photo-thumbs .owl-nav .owl-prev.disabled:hover::before,
ul.product-photo-thumbs .owl-nav > .owl-next.disabled:hover::before,ul.product-photo-thumbs .owl-nav .owl-prev.disabled:focus::before, ul.product-photo-thumbs .owl-nav > .owl-next.disabled:focus::before,  ul.product-photo-thumbs .owl-nav .owl-prev.disabled:active::before, ul.product-photo-thumbs .owl-nav > .owl-next.disabled:active::before{
color:var(--color-btn-primary-text);
}
ul.product-photo-thumbs .owl-nav .owl-prev:hover::before, ul.product-photo-thumbs .owl-nav > .owl-next:hover::before,  ul.product-photo-thumbs .owl-nav .owl-prev:focus::before, ul.product-photo-thumbs .owl-nav > .owl-next:focus::before,  ul.product-photo-thumbs .owl-nav .owl-prev:active::before, ul.product-photo-thumbs .owl-nav > .owl-next:active::before{
color: var(--color-btn-primary-text);
}
.pagination-custom>li.active,.pagination-custom>li.active:hover,.product-single__thumbs .owl-nav .owl-prev:hover, .product-single__thumbs .owl-nav .owl-next:hover,.product-single__thumbs .owl-nav .owl-prev:focus, .product-single__thumbs .owl-nav .owl-next:focus,
.product-single__thumbs .owl-nav .owl-prev:active, .product-single__thumbs .owl-nav .owl-next:active,ul.product-photo-thumbs .owl-nav .owl-prev:hover, ul.product-photo-thumbs .owl-nav > .owl-next:hover,  ul.product-photo-thumbs .owl-nav .owl-prev:focus, 
ul.product-photo-thumbs .owl-nav > .owl-next:focus,  ul.product-photo-thumbs .owl-nav .owl-prev:active, ul.product-photo-thumbs .owl-nav > .owl-next:active{
background: var(--color-product-secondary);
border: 1px solid var(--color-product-secondary);
color:var(--color-product-secondary-text);
}
.pagination-custom > li:hover,.pagination-custom > li:focus,.pagination-custom > li:active{
background: var(--color-btn-primary);
}
.pagination-custom > li:hover a, .pagination-custom > li:focus a, .pagination-custom > li:active a{
color: var(--color-product-secondary-text);
}
.product-wrapper .product-thumb {
position: relative;
}
ul.product-photo-thumbs .owl-nav>.owl-next,ul.product-photo-thumbs .owl-nav >.owl-prev,.product-photo-thumbs .owl-nav .owl-prev, .product-photo-thumbs .owl-nav .owl-next,.product-photo-thumbs .owl-nav .owl-prev.disabled:hover,
.product-photo-thumbs .owl-nav .owl-prev.disabled:focus,.product-photo-thumbs .owl-nav .owl-prev.disabled:active,.product-photo-thumbs .owl-nav .owl-next.disabled:hover,.product-photo-thumbs .owl-nav .owl-next.disabled:focus,.product-photo-thumbs .owl-nav .owl-next.disabled:active{
background: var(--color-btn-primary);
color: var(--color-btn-primary-text);
border-color: var(--color-btn-primary);
}
.product-photo-thumbs .owl-nav .owl-prev.disabled,.product-photo-thumbs .owl-nav .owl-next.disabled{
opacity: 0.6;
-moz-opacity: 0.6; 
-khtml-opacity: 0.6; 
-webkit-opacity: 0.6; 
}
ul.product-photo-thumbs .owl-nav>.owl-next:hover,ul.product-photo-thumbs .owl-nav>.owl-prev:hover,.product-photo-thumbs .owl-nav .owl-prev:hover, .product-photo-thumbs .owl-nav .owl-next:hover,ul.product-photo-thumbs .owl-nav>.owl-next:focus,ul.product-photo-thumbs .owl-nav>.owl-prev:focus,.product-photo-thumbs .owl-nav .owl-prev:focus, .product-photo-thumbs .owl-nav .owl-next:focus,
ul.product-photo-thumbs .owl-nav>.owl-next:active,ul.product-photo-thumbs .owl-nav>.owl-prev:active,.product-photo-thumbs .owl-nav .owl-prev:active, .product-photo-thumbs .owl-nav .owl-next:active {
background: var(--color-btn-hover);
color: var(--color-btn-secondary-text);
border-color: var(--color-btn-hover);
}
.product-single {
margin-bottom: 50px;
position: relative;
}
.spr-review-reportreview:hover {
color: #ff0000;
}
.product-single__thumbs .grid-item {
padding: 0;
}
.product-single__photos {
margin-bottom: 20px;
}
.product_sticky .product-block .title-arrows {
padding: 0 0 10px;
float: left;
width: 100%;
text-align: center;
}
.product_sticky .model{
background: #f3f3f3;
}
.specialproduct .product-single__thumbs .slick-prev.slick-arrow,.specialproduct .product-single__thumbs .slick-next.slick-arrow{
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.product-template__container .social-sharing a .share-title {
display: none;
}
.product-template__container .visuallyhidden {
color: var(--color-body);
display:none;
}
.related-products-container .owl-theme .owl-nav.disabled+.owl-dots{
margin:0;
}
@media (min-width:768px){
.product-template__container .social-sharing {
position: fixed;
top: 45%;
left: 3%;
right: auto;
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
}
.product_sticky.template-product  .page-wrapper {
overflow: visible;
}
.product-template__container .social-sharing a {
background: #fff;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
}
}
@media(max-width:1399px){
.related-products-container{
margin:0 0 40px;
}
}
@media only screen and (max-width: 1199px) {
.product-shop .product-item .selector-wrapper{
width:171px;
}
.quick-shop-modal-bg .product-single__addtocart .btn{
width:250px;
}

.vertical_left.product-single__thumbnails .grid-item img {
max-height: 115px;
max-width: 80px;
}
.product-single.vertical_right .product-single__thumbs .grid-item img {
max-height: 115px;
max-width: 80px;
}
hr{
margin: 15px 0px;
}
}
@media only screen and (max-width: 991px) {
.quick-shop-modal-bg .product-single__addtocart .btn{
width:250px;
}
.product-information .product-information-inner .product-single__variants .selector-wrapper {
width: 100%;
}
.product-information .product-information-inner .threesixty-video .product-Video-btn.popup-video.tip-top {
padding: 2px 5px;
}
.product-single__description {
padding: 25px 15px;
}
.pro_img {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.specialproduct .product-single__thumbs .slick-prev.slick-arrow,.specialproduct .product-single__thumbs .slick-next.slick-arrow{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
}
.product-single.vertical_left .product-single__thumbs,.product-single.vertical_right .product-single__thumbs{
width: 21%;
}
.product-single.vertical_left .product-single__photos,.product-single.vertical_right .product-single__photos  {
width: 79%;
}
.product-single,.product-photo-thumbs.owl-theme .owl-nav .owl-prev::before,.product-photo-thumbs.owl-theme .owl-nav .owl-next::before{
padding: 0;
}
.product-single .product-information select{
width:180px;
}
.product-information-inner .fixed-content > .quantity{
margin:0px;
}
}
@media only screen and (max-width: 767px) {

.product-single.vertical_left .product-Video-btn.popup-video.tip-top{
right: 50px;
width: auto;
}
.product-single.vertical_right .product-Video-btn.popup-video.tip-top{
width: auto;
bottom: 20px;
}
.product-single,.product-single__description{
margin:0 0 30px;
}
.related-products-container {
margin: 0 0 20px;
}
.product-template__container #recently-viewed-products-wrap{
margin:0;
}
.product-single__description {
padding: 25px 0px 20px;
}
.product-single .product-link.demo{
padding:0;
}
#productPhoto.image-zoom {
float: none;
display: inline-block;
vertical-align: top;
width: 80%;
}
.tt-brand_slider .owl-nav{
display:block;
}
.horizontal_bottom .product-wrapper-owlslider .product-single__photos, .horizontal_bottom .product-single__thumbs.horizontal_bottom {
float: none;
width: 80%;
display: inline-block;
vertical-align: top;
}
}

@media only screen and (max-width: 543px) {
.product-shop .product-item .selector-wrapper{
width: 115px;
}
.product-single.vertical_left.product-single__thumbs{
padding: 30px 0;
}
.product-single.vertical_left.product-single__thumbs .grid-item img {
max-height: 80px;
max-width: 75px;
}
.product-single.vertical_right .product-single__thumbs .grid-item img {
max-height: 80px;
max-width: 75px;
}
.product-single.vertical_right .product-single__thumbs {
padding: 30px 0;
}
}
@media only screen and (max-width: 480px) {
.product-information .product-information-inner .threesixty-video .product-Video-btn.popup-video.tip-top {
padding: 2px 0;
margin: 5px 0 0 0;
width: 100%;
}
.product-single  .product-single__price .product-price__price.compare_price .money{
font-size:14px;
}
.product-single .product-single__price .product-price__sale.product-price__price .money {
font-size: 18px;
}
.product-single .product-information .product-information-inner .product-single__price span.discount-percentage{
font-size:14px;
line-height:16px;
}

.related-products-container .tt-title,.recently-viewed-products-wrap .tt-title{
margin:0 0 10px;
}
.product-single__description .tab-container #tab-1 .col-xs-6 {
width: 100%;
}
.product-single__description {
padding: 15px 0 10px;
}
#shopify-product-reviews .spr-summary-actions-newreview::before {
left:0;
}
.product-single__description .spr-summary-actions-newreview{
padding:0 0 0 17px;
} 
#shopify-product-reviews .spr-header-title {
text-align: left;
}
.product-single.vertical_left.product-single__thumbs{
width: 28%;
}
.product-single.vertical_left.product-single__thumbs .grid-item img {
max-height: 95px;
max-width: 65px;
}
.product-single.vertical_left .product-single__photos {
width: 70%;
}
#productPhoto.image-zoom {
width: 100%;
}
#shopify-product-reviews .spr-container {
padding: 15px 0 !important;
}
#shopify-product-reviews .spr-summary .spr-summary-actions {
float: left;
width: 100%;
text-align: left;
margin: 5px 0 0 0;
}
.spr-review-reportreview {
float: left !important;
}
.horizontal_bottom .product-wrapper-owlslider .product-single__photos, .horizontal_bottom .product-single__thumbs.horizontal_bottom {
width: 100%;
}
.product-single.vertical_right .product-single__thumbs .grid-item img {
max-height: 95px;
max-width: 65px;
}
.product-single.vertical_right .product-single__thumbs {
width: 28%;
}
.product-single.vertical_right .product-single__photos {
width: 70%;
}
}
@media only screen and (max-width: 400px){
.more-view-wrapper ul.product-photo-thumbs.product-wrapper-owlslider.owl-carousel{
width: 100%;
margin: 20px auto;
float: none;
}
}
@media only screen and (max-width: 365px) {
.vertical_left .product-single__photos {
width: 65%;
}
.product-single.vertical_right .product-single__photos {
width: 65%;
}
}
/*------------------ Buy Now Button CSS -------------------------*/
.shopify-payment-button {
float: none;
width: auto;
display:inline-block;
}
.shopify-payment-button .shopify-payment-button__button {
background: var(--color-btn-hover);
color: var(--color-btn-primary-text);
z-index: 1;
position: relative;
float: left;
width: 100%;
overflow: hidden;
text-align: center;
border-radius: 0px;
padding: 12px 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;
line-height: 22px;
}

.shopify-payment-button .shopify-payment-button__button:hover{
background-color: var(--color-btn-primary) !important;
color: var(--color-btn-primary-text);
}
.shopify-payment-button .shopify-payment-button__button::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-information .shopify-payment-button .shopify-payment-button__more-options {
display: none;
}
.product-single__addtocart .add, .product-single__addtocart .minus {
color: var(--color-body-text);
position: relative;
}
.product-single__addtocart .js-qty {
margin-bottom: 15px;
max-width: none;
}
.product-single__addtocart .js-qty input[type="text"] {
background-color: var(--color-body);
padding: 8px 22px;
}
.product-single__addtocart .js--qty-adjuster {
width: 40px;
}
.product-information-inner .fixed-content > .quantity {
margin: 0 0 10px;
}
.product-single__photos a, .product-single__thumbs a, .product-single__photos img, .product-single__thumbs img {
display: block;
margin: 0 auto;
max-width: 100%;
width: 100%;
}
.product-single__photos li, .product-single__thumbs li {
padding: 5px;
display: inline-block;
width: auto;
vertical-align: top;
margin-bottom:0px;
}
.dt-sc-toggle-content{
display:none; 
}
#shopify-section-sidebar-category ul.product-categories>li ul.children {
margin: 8px 0 0;
}
.product-categories .cat-item {
position: relative;
float: left;
width: 100%;
}
.product-categories .cat-item span.dt-menu-expand {
position: absolute;
right: -5px;
top: 0px;
font-size: 20px;
line-height: 24px;
cursor: pointer;
width: 30px;
text-align: center;
font-weight: 400;
color: var(--color-text-field);
}
.product-categories .cat-item:hover span.dt-menu-expand {
color: var(--color-text-hover-field);
}
.no-js .product-single__variants {
display: block;
}
.product-single__vendor {
font-style: normal;
margin:0 0 5px;
}
.product-single__addtocart .js-qty {
margin-right: 5px;
float: left;
}
.product-single__addtocart .btn,.shopify-payment-button .shopify-payment-button__button{
float: none;
display: inline-block;
vertical-align: top;
width: 317px;
padding: 12px 15px;
text-transform: uppercase;
}
.product-single__addtocart .btn{
background:var(--color-btn-primary);
color:var(--color-btn-primary-text);
}
.product-single__addtocart .btn:active, .product-single__addtocart .btn:focus {
background-color: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.product-single__title {
margin: 0 0 10px;
font: 500 22px/32px var(--font-stack-header);
color: var(--color-text);
}
.product-single__price .product-price__sale.product-price__price .money {
font-size: 22px;
}
.product-single .product-link {
float: left;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 15px;
}
.product-single .product-link > div{
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;
}
.spr-badge-starrating{
color: var(--color-meta);
}
.spr-badge-starrating .spr-icon,.spr-badge-starrating {
padding: 0 1px;
color: #fec500;
}

.social-sharing a:hover {
color: var(--color-meta);
}
.product-form--variant-sold-out .product-single__addtocart #AddToCart.btn {
cursor: not-allowed;
opacity: 0.6;
-moz-opacity: 0.6; 
-khtml-opacity: 0.6; 
-webkit-opacity: 0.6;
}
.product-form--variant-sold-out .product-single__addtocart #AddToCart.btn::after{
display:none;
}
.product-template__container #notify-content .modal-dialog {
width: 600px;
}
.product-template__container #notify-content .modal-dialog .modal-content{
padding: 30px 20px;
}
#notify-content .input-group.newsletter-input {
border-bottom: 1px solid var(--colorFooterBorder);
padding: 0 0 8px;
}
#notify-content .btn {
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 0px;
border: none;
z-index: 1;
}
.product-template__container #notify-content .modal-dialog .modal-content .modal-header {
border: none;
padding: 0;
}
.product-template__container #notify-content .modal-dialog .modal-content .tt-title {
font-size: 18px;
line-height: 24px;
background: #f5f3f0;
padding: 10px;
}
.product-template__container #notify-content .modal-dialog .modal-content button.close{
position: absolute;
top: 5px;
left: auto;
bottom: auto;
right: 5px;
}
@media only screen and (max-width: 1199px) {
.product-single__addtocart .btn,.shopify-payment-button .shopify-payment-button__button{
width: 250px;
}
}
@media only screen and (max-width: 991px) {
.product-single__addtocart .btn, .shopify-payment-button .shopify-payment-button__button {
width: 180px;
}
.product-single__header  .flip-countdown.simple-countdown{
display:block;
}
.product-single__title.wvendor {
font-size: 18px;
line-height:28px;
}
.product-template__container #notify-content .modal-dialog .modal-content .tt-title{
font-size: 16px;
line-height: 20px;
}
.product-template__container #notify-content .modal-dialog {
width: 480px;
}
.product-single__price .product-price__sale.product-price__price .money{
font-size:20px;
}
}
@media only screen and (max-width: 480px) {
.product-template__container #notify-content .modal-dialog {
width: 100%;
}
.product-template__container #notify-content .modal-dialog .modal-content .tt-title {
font-size: 14px;
line-height: 18px;
}
#notify-content .btn {
padding: 0 15px;
}
.product-form--variant-sold-out .product-single__addtocart .btn {
width: 140px;
padding: 9px 15px;
}
.product-single__title.wvendor {
font-size: 16px;
line-height: 26px;
width:100%;
text-align:left;
}
.product-information-inner i.mdi.mdi-cart-outline,.product-information-inner .notify_btn i {
font-size: 18px;
}
.product-single__addtocart .btn, .shopify-payment-button .shopify-payment-button__button{
padding: 9px 14px;
width: auto;
line-height: 20px;
margin:0;
}
.product-single .product-information select {
width: 130px;
}
.product-single__title {
font-size: 14px;
}
}
/*-----------360 view---------*/
.tt-360-veiw {
position: relative;
overflow: hidden;
margin: 0 auto;
cursor: ew-resize;
cursor: -webkit-grab;
}
.tt-360-veiw .spinner {
background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
color: #111;
display: block;
font-weight: bolder;
height: 60px;
line-height: 60px;
margin: 0 auto;
text-align: center;
width: 60px;
}
.tt-360-veiw .spinner span {
line-height: 60px;
}
.tt-360-veiw:active {
cursor: ew-resize;
cursor: -webkit-grabbing;
}
.tt-360-veiw:after {
content: '';
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
height: 50%;
z-index: 5;
border-bottom: 5px solid rgba(175, 175, 175, 0.15);
border-top: 2px solid rgba(175, 175, 175, 0.05);
border-right: 2px solid rgba(175, 175, 175, 0.1);
border-left: 2px solid rgba(175, 175, 175, 0.1);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
}
.tt-360-veiw .threed-title {
position: relative;
padding-top: 20px;
z-index: 40;
text-align: center;
}
.tt-360-veiw .threed-view-images {
display: none;
list-style: none;
margin: 0;
padding: 0;
}
.tt-360-veiw .threed-view-images img {
position: absolute;
top: 0;
width: 100%;
height: auto;
}
.tt-360-veiw .threed-view-images img.previous-image {
visibility: hidden;
}
.tt-360-veiw .threed-view-images img.current-image {
visibility: visible;
}
.tt-360-veiw .nav_bar {
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -67.5px;
z-index: 11;
background-color: #fff;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}
.tt-360-veiw .nav_bar a {
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 0px;
text-align: center;
text-decoration: none;
}
.tt-360-veiw .nav_bar a:hover {
background-color: #f9f9f9;
}
.tt-360-veiw .nav_bar a:after {
font-size: 28px;
font-family: "Material Design Icons";
}
.tt-360-veiw .nav_bar a.nav_bar_play:after {
content: "\f40a";
}
.tt-360-veiw .nav_bar a.nav_bar_previous:after {
content: "\f4ae";
}
.tt-360-veiw .nav_bar a.nav_bar_stop:after {
content: "\f3e4";
}
.tt-360-veiw .nav_bar a.nav_bar_next:after {
content: "\f4ad";
}
.tt-360-veiw:-webkit-full-screen {
background: #ffffff;
width: 100%;
height: 100%;
margin-top: 0;
padding-top: 200px;
}
.tt-360-veiw:-moz-full-screen {
background: #ffffff;
width: 100%;
height: 100%;
margin-top: 0;
padding-top: 200px;
}
.product-360-view-wrapper {
margin: 100px auto;
max-width: 800px;
position: relative;
}
.threesixty-video i {
font-size: 20px;
margin: 0 5px 0 0;
padding: 15px;
background: #f5f3f0;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
padding: 7px 10px;
}
.threesixty-video span {
font-size: 14px;
font-weight: 500;
}
.product-single__thumbs img{
width: auto; 
}
.product-Video-btn.popup-video.tip-top {
float: left;
width: auto;
}
/*------------------ our team -----------------*/
.aboutus-wrap .our_team {
float: left;
width: 100%;
}
.aboutus-wrap.ourteam_wrap {
float: left;
width: 100%;
position: relative;
text-align: center;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item {
list-style: none;
display: inline-block;
padding: 0 15px;
margin: 0 0 20px;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-meta {
background-color: #fff;
padding: 15px 0;
width: 70%;
float: none;
display: inline-block;
vertical-align: top;
margin: -40px 0 0;
z-index: 1;
position: relative;
box-shadow: 0 6px 20px 0 rgb(0 0 0 / 10%);
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content {
float: left;
width: 100%;
position: relative;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image {
position: relative;
float: left;
width: 100%;
overflow: hidden;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap img {
transition: all 4s cubic-bezier(0, 0, 0.1, 1);
-webkit-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
-moz-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
-o-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
-ms-transition: all 4s cubic-bezier(0, 0, 0.1, 1);
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap: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);
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-meta .teammember-title {
color: var(--color-text);
font: 400 18px/20px var(--font-stack-header);
margin-bottom: 5px;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-meta .teammember-position {
margin-bottom: 5px;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap {
position: relative;
float: left;
width: 100%;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-social-profile > li a svg{
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;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-social-profile > li a {
float:left;
height: 30px;
line-height: 30px;
width: 40px;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-social-profile > li.facebook:hover a svg{
color: #4c76be;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-social-profile > li.twitter:hover a svg{
color: #00c7ff;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-social-profile > li.googleplus:hover a svg{
color: #ea4c89;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-social-profile > li.instagram:hover a svg{
color: #c8232c;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content :hover .teammember-meta {
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
}
.ourteam_wrap .tt_description {
font-size: 16px;
font-weight: 500;
line-height: 22px;
margin-bottom: 15px;
}
.aboutus-wrap .our_team .owl-nav{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
.aboutus-wrap .our_team .owl-theme .owl-nav .owl-prev,.aboutus-wrap .our_team .owl-theme .owl-nav .owl-next{
position: static;        
}
@media(min-width: 1260px){
.aboutus-wrap .our_team .owl-theme .owl-nav .owl-prev{
margin: 0px 10px 0 0;
}
}
@media only screen and (max-width: 480px) {
.aboutus-wrap .our_team {
padding: 0 5px;
}
.aboutus-wrap.ourteam_wrap {
text-align: center;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item {
padding: 0;
}
}
/*-------------------------- about us image ------------------*/
.cms-aboutus{
margin: 0 0 30px;
}
.about-services {
padding: 80px 0;
margin: 30px 0;
}
.about-services .tt-service {
background: #fff;
padding: 30px;
}
.about-services .tt-service::before {
content: "01";
font-size: 60px;
color: #f3f5f6;
font-weight: 900;
line-height: 1;
position: absolute;
top: 15px;
right: 15px;
}
.about-service:nth-last-child(2n) .tt-service::before {
content: "02";
}
.about-service:last-child .tt-service::before {
content: "03";
}
.about-services .tt-service .service-img {
margin: 0 0 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;
}
.about-services .tt-service:hover .service-img {
transform: rotateY( 180deg);
-webkit-transform: rotateY( 180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.about-services .tt-service .service-content .service-title {
font: 500 20px/22px var(--font-stack-header);
margin: 0 0 15px;
color: var(--color-text);
}
.about-services .tt-service .service-content .service-desc {
font: 400 13px/24px var(--font-stack-subheading);
}
@media (max-width: 991px) {
.about-services .row {
flex-wrap: nowrap;
overflow: hidden;
overflow-x: scroll;
}
}
@media (max-width: 575px) {
.about-services .tt-service .service-img {
margin: 0 0 10px;
}
.about-services .tt-service{
padding: 15px;
}
.tt-service::before{
font-size: 50px;
top: 10px;
right: 10px;
}
.about-services .tt-service .service-content .service-title{
margin: 0 0 10px;
font-size: 18px;
line-height: 20px;
}
.about-services .tt-service .service-content .service-desc{
font-size: 12px;
line-height: 20px;
}
.about-services {
padding: 30px 0;
margin: 20px 0;
}
}
/*======================= 404 page ============================*/
.grid.error-404 .error {
float: left;
width: 100%;
margin: 0 0 10px;
}
.grid.error-404 .error-item {
float: left;
width: 100%;
}
h1.text-center.heading-404 {
font-size: 145px;
line-height: 145px;
font-weight:500;
margin: 0;
font-weight: 500;
float: none;
display: inline-block;
vertical-align: top;
}
.grid.error-404 .error i {
font-size: 115px;
line-height: 145px;
height: 145px;
width: 115px;
float: none;
display: inline-block;
vertical-align: top;
transform: rotate(180deg);
color: var(--color-header-text);
}
.error-404 h4 {
font: 500 22px/44px var(--font-stack-header);
float:none;
width:auto;
display: inline-block;
vertical-align: top;
}
.error-404 ul#collection-option {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.error-404 ul#collection-option li{
margin:0;
}
.error-404 .search-bar {
max-width: 100%;
width: 50%;
float: none;
margin: 0 auto;
border: 1px solid var(--color-border);
}
.error-404 p.text-center {
font-size: 14px;
margin-bottom: 35px;
float: left;
width: 100%;
}
.template-404 .input-group.search-bar .btn::after {
display: none;
}
.grid.error-404 .btn {
color: #111;
padding: 10px;
}
.grid.error-404 .btn i {
font-size: 22px;
}
.error-404 .search-bar input[type=search] {
color: #111;
font-size: 14px;
}
@media only screen and (max-width: 991px) {
.grid.error-404 .error i{
font-size: 95px;
line-height: 125px;
height: 125px;
width: 95px;
}
h1.text-center.heading-404{
font-size: 125px;
line-height: 125px;
}
.error-404 h4{
font-size: 32px;
line-height: 34px;
margin: 0 0 20px;
}
.error-404 p.text-center{
margin-bottom: 25px;
}
}
@media only screen and (max-width: 480px) {
.error-404 .search-bar{
width:100%;
}
.error-404 p.text-center {
margin-bottom: 15px;
font-size: 12px;
line-height: 20px;
}
.error-404 h4 {
font-size: 22px;
line-height: 24px;
margin: 0 0 15px;
}
h1.text-center.heading-404 {
font-size: 105px;
line-height: 105px;
}
.grid.error-404 .error i {
font-size: 75px;
line-height: 105px;
height: 105px;
width: 75px;
}
.error-404 .search-bar input[type=search]{
font-size: 12px;
}
}
/*========================== Search Results ===========================*/
.site-header  button.btn.search-submit.icon-fallback-text {
padding: 5px 10px;
line-height: 25px;
}
.full-search-wrapper button.btn.search-submit.icon-fallback-text, .full-search-wrapper button.btn.search-submit.icon-fallback-text::after {
background: no-repeat;
padding: 8px 10px;
}
.template-search .main-content .container .input-group.search-bar {
margin: 0 0 30px 0;
border: 1px solid var(--color-border);
width:100%
}
.template-search .main-content .container .input-group.search-bar input.input-group-field {
color: #111;
font-size: 16px;
}
.template-search .container .input-group.search-bar input[type="search"]:active, .template-search .container .input-group.search-bar input[type="search"]:focus {
border: none;
border-right: 1px solid var(--color-border);
}
.template-search .container .input-group.search-bar .btn::after ,.template-search .container .input-group.search-bar .btn::before {
display: none;
}
.template-search .main-content .container .input-group.search-bar .input-group-btn .btn {
background-color: var(--color-btn-primary);
color:var(--color-btn-primary-text);
}
.template-search .main-content .container .input-group.search-bar .input-group-btn .btn:hover{
background-color: var(--color-btn-hover);
color: var(--color-btn-primary-text);
}
.template-search .main-content .container .input-group.search-bar .input-group-btn .btn i {
font-size: 22px;
}
#search .container .search-bar .search-results {
overflow-y: auto;
overflow-x: hidden;
max-height: 350px;
padding: 15px 0;
}
#search .container .search-bar .search-results::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}
#search .container .search-bar .search-results::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
}
#search .container .search-bar .search-results::-webkit-scrollbar {
width: 5px;
}
.search-results .name-price {
float: left;
width: 100%;
padding: 10px 0;
}
form.search-bar .btn::after {
display: none;
}
form.search-bar .btn .icon.icon-search {
color: var(--color-btn-secondary-text);
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;
}
form.search-bar:hover .btn .icon.icon-search {
color: var(--color-btn-secondary-text);
}
.full-search-wrapper .search-results {
max-width: 100%;
border: medium none;
float: left;
margin: 30px -15px 0 -15px;
padding: 15px 0;
max-height: 760px;
overflow-y: auto;
overflow-x: hidden;
position:static !important;
}
.full-search-wrapper .search-results .thumbnail {
max-width: 100%;
margin: 0;
}
.full-search-wrapper .search-results::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}
.full-search-wrapper .search-results::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6);
}
.full-search-wrapper .search-results::-webkit-scrollbar {
width: 5px;
}
.search-results {
z-index: 2;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.search-results li {
display: block;
width: 20%;
float:left;
margin: 0;
padding:0 15px;
overflow: hidden;
}
.search-results li.total {
width: 100%;
}
.search-results li > span.title {
background: #f5f3f0;
padding: 10px;
text-align: center;
}
.search-results li.no-results > span.title {
background: none;
padding: 0;
font-weight: 600;
}
.search-results .title {
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-align: center;
font: 500 14px/18px var(--font-stack-header);
}
.search-results .title:hover {
color: #111;
}
.search-results .thumbnail {
float: left;
width: auto;
margin: 0;
padding: 0;
overflow: hidden;
border: none;
}
.search-results .name-price .price-wrap {
float: left;
width: 100%;
margin: 5px 0;
text-align: center;
}
.search-results .name-price .price {
font-size: 14px;
line-height: 16px;
}
.search-results .name-price .product-price__price.compare_price, .search-results .name-price .product-price__price.compare_price .money {
font-size: 14px;
line-height: 16px;
margin-left:5px;
}
@media only screen and (max-width: 1299px) {
.search-results li{
width:25%;
}
}
@media only screen and (max-width: 991px) {
.search-results li{
width:33.33%;
}
}
@media only screen and (max-width: 543px) {
.search-results li{
width:50%;
}
}
@media only screen and (max-width: 480px) {
.search-results .name-price .price {
font-size: 12px;
line-height: 14px;
}
.template-search .main-content .container .input-group.search-bar{
width:auto;
}
}
/*=============================Notes and Form Feedback=====================================*/
.note, .errors {
font-family: var(--font-stack-body);
font-size: 14px;
padding: 15px 19.8px;
margin-bottom: 15px;
border: 1px solid transparent;
float: left;
width: 100%;
}
.note ul, .errors ul, .note ol, .errors ol {
margin-top: 0;
margin-bottom: 0;
}
.note li:last-child, .errors li:last-child {
margin-bottom: 0;
}
.note p, .errors p {
margin-bottom: 0;
}
.note {
border-color: var(--color-border);
}
.errors ul {
list-style: disc inside;
}
.form-success {
color: var(--successGreen);
background-color: #ecfef0;
border-color: var(--successGreen);
}
.form-error,.errors {
color: var(--errorRed);
background-color:#faebeb;
border-color: var(--errorRed);
}
.ajaxify-drawer {
position: absolute;
top: 0;
right: 0;
height: 100%;
font-family: var(--font-stack-header);
width: 85%;
overflow: hidden;
transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-webkit-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-moz-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-o-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-ms-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
}
@media only screen and (min-width: 1025px) {
.ajaxify-drawer {
width: 50%;
}
}
.ajaxify-drawer .ajaxifyCart--content {
background-color: transparent;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
.supports-csstransforms .ajaxify-drawer {
transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-webkit-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-moz-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-o-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
-ms-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
}
.page-move--cart .ajaxify-drawer, .page-move--nav .ajaxify-drawer {
position: fixed;
overflow: auto;
}
/*================ Ajaxify color overrides ================*/
.ajaxify-drawer {
color: var(--color-text-field);
}
.ajaxify-drawer a {
color: color-control(var(--color-text-field), 10%);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.ajaxify-drawer a:hover {
color: color-control(var(--color-text-field), 20%);
}
.ajaxify-drawer h1 {
font-size: em(24px);
}
@media only screen and (min-width: 1025px) {
.ajaxify-drawer h1 {
margin-bottom: var(--gutter);
}
}
.ajaxify-drawer h1, .ajaxify-drawer h2, .ajaxify-drawer h3, .ajaxify-drawer h4, .ajaxify-drawer h5, .ajaxify-drawer h6, .ajaxify-drawer input[type="text"] {
color: var(--color-text-field);
}
.ajaxify-drawer label, .ajaxify-drawer .cart__mini-labels {
color: color-control(var(--color-text-field), 20%);
}
.ajaxify-drawer label {
margin-bottom: var(--gutter) / 4;
}
.ajaxify-drawer textarea {
background-color: #fff;
border-color: #f5f3f0;
color: var(--color-text-field);
}
.ajaxify-drawer .cart__product a {
color: var(--color-text-field);
}
.ajaxify-drawer .cart__product a:hover {
color: var(--color-text-hover-field);
}
.ajaxify-drawer .cart__row, .ajaxify-drawer .ajaxifyCart--num, .ajaxify-drawer .ajaxifyCart--add, .ajaxify-drawer .ajaxifyCart--minus {
border-color: #f5f3f0;
}
.ajaxify-drawer .js--qty-adjuster:hover, .ajaxify-drawer .ajaxifyCart--qty-adjuster:hover, .ajaxify-drawer .js--qty-adjuster:active, .ajaxify-drawer .ajaxifyCart--qty-adjuster:active {
background-color: #ccc;
}
.ajaxifyCart--add .add, .ajaxifyCart--minus .add, .ajaxifyCart--add .minus, .ajaxifyCart--minus .minus {
color: var(--color-text);
}
.js--qty-adjuster:hover .ajaxifyCart--add, .js--qty-adjuster:hover .ajaxifyCart--minus, .ajaxifyCart--add .ajaxifyCart--qty-adjuster:hover, .ajaxifyCart--minus .ajaxifyCart--qty-adjuster:hover {
color: red;
}
.shopify-link {
color: inherit;
}
.shopify-link:hover {
color: inherit;
}
.shopify-logo-svg {
width: 66.85714px;
height: 19.5px;
display: inline-block;
line-height: 0;
vertical-align: top;
}
.shopify-logo-svg path {
fill: currentColor;
}
.shopify-logo-svg .create_account_wrap {
padding-right: 0;
}
.lt-ie9 .shopify-logo-svg {
display: none;
}
.modern .shopify-name,.modern .hidden-label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
@media only screen and (max-width: 480px){
#customer_login .grid .grid-item.one-half {
float: left;
width: 100%;
text-align: center !important;
}
#customer_login .grid .grid-item.one-half:first-child > p {
margin: 0 0 3px 0;
}
}
.template-password .password-header .password-header__inner .password-login .btn,.template-password #shopify-section-password-content .btn{
background-color: var(--color-btn-primary-text);
color: var(--color-btn-primary);
}
.template-password .password-header .password-header__inner .password-login .btn:hover,.template-password #shopify-section-password-content .btn:hover{
color: var(--color-btn-secondary-text);
}
/*================ Demo Styles - for empty store state =====================*/
*{
outline: none;
}
.demo-image {
background: url('//cdn.shopify.com/s/files/1/0383/9765/t/1/assets/blankslate-producticon.png?4') no-repeat center center #eee;
display: block;
text-align: center;
padding: 100px 0;
color: var(--color-body-text);
font-size: em(14px);
}
.more-view-wrapper .product-photo-thumbs {
visibility:hidden;
}
page-wrapper .main-content {
margin: 0 0 30px;
}
/*---------------------  checkbox label css --------------------------------------*/
input[type=checkbox]:checked ~ label .check,.sidebar-tag label.active .check {
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);
}
.collection_sidebar .checkbox-group label .check{
top: 3px;
left: 2px;
line-height: 14px;
}
.checkbox-group {
position: relative;
}
.checkbox-group.form-group-top input[type="checkbox"] {
display: none;
}
.checkbox-group input[type="checkbox"] + label, .checkbox-group input[type="radio"] + label {
margin-left: 15px;
font-size: 13px;
color: var(--color-text-field);
}
.checkbox-group input[type="checkbox"] + label:hover, .checkbox-group input[type="radio"] + label:hover {
color: var(--color-text-hover-field);
}
.checkbox-group.active input[type="checkbox"] + label {
color: var(--color-text-hover-field);
}
.checkbox-group label:hover .box {
background: #f5f3f0;
border-color: #e5e5e5;
}
.checkbox-group label .check {
top: -1px;
left: 1px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
z-index: 2;
transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
}
.collection_sidebar .checkbox-group label .check:before {
content: "\f12c";
color: #111;
font-size: 12px;
line-height: 12px;
font-family: 'Material Design Icons';
font-style: normal;
font-weight: 500;
}
.checkbox-group label span {
display: inline-block;
position: absolute;
left: 0;
transition: 0.1s;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-o-transition: 0.1s;
-ms-transition: 0.1s;
vertical-align: top;
}
.checkbox-group label .box {
border-width: 1px;
border-style: solid;
border-color: var(--color-border);
background: var(--color-body);
height: 15px;
width: 15px;
z-index: 1;
margin-top: 2px;
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;
}
/*--------- category-collection block ------------*/
.collection_sidebar {
float: left;
width: 100%;
text-align:left;
border: 1px solid #e5e5e5;
padding: 10px;
}
.collection-slider-wrap {
float: left;
width: 100%;
text-align: center;
padding: 80px 0;
}
.collection-slider-wrap .collection_slider {
padding: 0 185px;
float: left;
width: 100%;
}
.collection-slider-wrap .collection_slider .customNavigation {
display: none !important;
}
.collection-slider-wrap .collection_slider .collection_cms_wrap {
float: left;
width: 100%;
}
.collection-slider-wrap .collection_slider .slick-arrow {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
background: #fff;
border: none;
font-size: 0;
bottom: -50px;
top: auto;
height: 100px;
width: 100px;
padding: 0;
}
.collection-slider-wrap .collection_slider .slick-prev.slick-arrow {
left: 0;
}
.collection-slider-wrap .collection_slider .slick-prev.slick-arrow::after {
content: "\f13d";
font-family: "Material Design Icons";
color: #111;
font-size: 30px;
line-height: 100px;
}
.collection-slider-wrap .collection_slider .slick-next.slick-arrow {
right: 0;
left: auto;
}
.collection-slider-wrap .collection_slider .slick-next.slick-arrow::after {
content: "\f13e";
font-family: "Material Design Icons";
color: #111;
font-size: 30px;
line-height: 100px;
}
.collection-slider-wrap .collection_slider .slider-nav .slick-arrow {
height: 25px;
width: 25px;
color: #fff;
background: none;
top: -10px;
line-height: 25px;
}
.collection-slider-wrap .collection_slider .slider-nav .slick-arrow ::after {
display: none;
}
.collection-slider-wrap .collection_slider .slider-nav .slick-arrow i {
font-size: 22px;
line-height: 28px;
}
@media only screen and (min-width: 1400px) {
.collection-slider-wrap .collection-slider-wrap .container {
width: 1380px;
}
}
.collection-slider-wrap .collection_detail {
padding: 20px 0 0;
float: left;
width: 100%;
}
.collection-slider-wrap .collection_detail .collection-link {
float: left;
width: 100%;
}
.collection-slider-wrap .collection_detail .collection-count {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
padding: 12px 0 0;
color: #ccc;
}
.collection-slider-wrap .collection_detail .collection-content {
padding: 0 20px;
}
.collection-slider-wrap a.grid-link.collection-link span.grid-link__title {
font-weight: 300;
cursor: pointer;
font-style: italic;
position: relative;
}
.collection-slider-wrap a.grid-link.collection-link span.grid-link__title:after {
content: "";
position: absolute;
width: 0;
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
top: auto;
bottom: -10px;
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;
}
.collection-slider-wrap .slick-current.slick-active a.grid-link.collection-link span.grid-link__title::after {
content: "";
position: absolute;
width: 0;
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
top: auto;
bottom: -10px;
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;
}
.collection-slider-wrap a.grid-link.collection-link span.grid-link__title:hover::after, .collection-slider-wrap .slick-current.slick-active a.grid-link.collection-link span.grid-link__title::after {
width: 50px;
}
.collection-block.slick-slide {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
@media only screen and (max-width: 1300px) {
.collection-slider-wrap .collection_slider {
padding: 0 152px;
}
}
@media only screen and (max-width: 1200px) {
.collection-slider-wrap {
padding: 50px 0;
}
}
@media only screen and (max-width: 1199px) {
.collection-slider-wrap .collection_slider {
padding: 0 50px;
}
}
@media only screen and (max-width: 767px) {
.collection-slider-wrap a.grid-link.collection-link span.grid-link__title {
font-size: 16px;
}
.collection-slider-wrap .collection_slider .slick-next.slick-arrow::after {
font-size: 28px;
line-height: 50px;
}
.collection-slider-wrap .collection_slider .slick-prev.slick-arrow::after {
font-size: 28px;
line-height: 50px;
}
.collection-slider-wrap .collection_slider .slick-arrow {
height: 50px;
width: 50px;
bottom: -25px;
}
.collection-slider-wrap .collection_slider {
padding: 0 20px;
}
}
@media only screen and (max-width: 480px) {
.collection-slider-wrap {
padding: 30px 0;
}
}
/*-------------------- Start product extended description css--------------------*/
.product_tab_wrapper .tab-container h2 {
font-family:var(--font-stack-header);
}
@media only screen and (min-width: 768px) {
.product-extended.design-2 .main_content {
display: flex;
align-items: center;
}
}
.product_tab_wrapper .tab-container .tab-pane p {
margin: 0 0 15px;
float: left;
width: 100%;
line-height: 30px;
}
@media only screen and (max-width: 767px) {
.product-extended.design-1 .content {
padding:0px;
}
}
@media only screen and (max-width: 480px) {
.product_tab_wrapper .tab-container h4 {
font-size: 15px;
}
.product_tab_wrapper .tab-container h2{
font-size: 18px;
}
}
/*------------------------ Quickview CSS ----------------------*/
.quickview-template .content,
._quick-view-content { display: none; }
.quick-view .product-shop { float: right; }
.quick-view .product-shop p.custom { margin: 0; }
.quick-view .product-shop .prices { margin-bottom: 15px;}
.quick-view .product-shop .prices:first-child { margin-top: 0; }
.quick-view .product-shop .addthis { margin-bottom: 0; }
.quick-view .product-shop .product-title > a {
font: 600 18px/26px var(--font-stack-header);
color: var(--color-text);
}
.mini-products-list  .price{
font-size:16px;
}
.quick-view .product-shop .product-inventory > label {
font-weight: 500;
font-size: 14px;
line-height: 16px;
margin: 0 5px 0 0;
color:var(--color-text);
width: auto;
}
.quick-view .product-shop .prices .compare-price .money {
text-decoration: line-through;
}
.quick-view .product-photo-thumbs li{
margin:0; 
float: none;
display: inline-block;
vertical-align: top;
padding: 5px;
}
.quickview-template{
bottom: 0;   
left: 0;
outline: 0 none;
overflow-x: auto;
overflow-y: scroll;
position: fixed;
right: 0;
top: 0;
z-index: 1050;
display: none;
}
.quick-view {
bottom: 0;
left: 0;
outline: 0 none;
position: fixed;
right: 0;
top: 0;
z-index: 1050;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
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;
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
}
.quick-view .product-detail-section p.dt-sc-button {
margin: 20px 0 0 0;
float: left;
}
.quick-view .product-detail-section p.product-description {
padding: 15px 20px 15px 0;
font-size: 13px;
line-height:22px;
}
.quick-view .product-detail-section p.product-description ul{
margin:0 0 0 15px;
}
.quick-view .product-detail-section p.product-description .product-extended p {
margin: 0;
}
.quick-view .product-detail-section p.product-description li{
list-style:disc;
}
.quick-view .product-detail-section p.product-description p {
margin: 0;
}
.quick-view.open-in {
visibility: visible;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
transform: translateY(0%);
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
-webkit-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
-moz-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
-o-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
-ms-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
background: rgba(0, 0, 0, 0.6);
}
.quick-view .product-shop .prices label {
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: var(--color-text);
}
.quick-view .product-photo-thumbs li a {
float: left;
width: 100%;
padding: 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;
}
.quick-view .product-photo-thumbs li a:hover, .quick-view .product-photo-thumbs li a.active {
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
}
.quick-view .owl-prev::after, .quick-view .owl-next::after {
display: none;
}
.quick-view form .actions button i.mdi.mdi-cart-outline {
height: 20px;
width: 20px;
font-size: 20px;
line-height: 20px;
float: none;
display: inline-block;
vertical-align: top;
margin: 0 5px 0 0;
}
.quick-view form .actions button{
font-weight:500;
padding: 11px 15px;
background: var(--color-btn-primary);
color: var(--color-btn-primary-text);
}
.quick-view .product-shop.summary .details label {
float: left;
margin-right: 15px;
width: 70px;
margin-top: 10px;
display: none;
}
.quick-view .product-shop.summary h2.product-title {
padding-bottom: 10px;
border-bottom: 1px solid var(--color-border);
line-height: 20px;
}
.quick-view .product-shop.summary select {
width: 100%;
padding: 12px 10px;
margin: 0;
border:none;
background-color:#f5f3f0;
}
.quick-view .product-info {
margin: 0 0 10px;
}
.quick-view .product-info .in_stock {
color: #1cc373;
}
.quick-view .product-info .out_of_stock {
color: #ff0000;
}
.quick-view .content {
background: var(--color-body);
z-index: 99;
display: none;
margin: 40px auto;
width: 945px;
padding: 30px 30px 20px;
}
.quick-view .quick-shop-modal-bg {
background: var(--color-body);
height: 100%;
z-index: 10;
}
.quick-view .quick-shop-modal-bg .quickloader {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.quick-view .quick-shop-modal-bg .spinner {
width: 35px;
height: 35px;
padding: 0px;
border: 2px solid transparent;
border-top-color: #222;
border-bottom-color: #222;
-webkit-animation: quickloader 0.8s ease-in-out infinite alternate;
animation: quickloader 0.8s ease-in-out infinite alternate;
}
.product-desc {
display: none;
}
._quick-view-content { display: none }
#fancybox-close,
.search-close,#popupBoxClose {
background:url({{ 'close.png' | asset_url }}) no-repeat;
border:none;
cursor: pointer;
width: 32px;
height:32px;
text-indent: -9999px;
position: absolute;
top: 0px;
right: 0px;
}
.ajax-success-modal .ajax-right label {
font-size: 14px;
line-height: 16px;
font-weight:600;
color:var(--color-text);
}
.ajax_price span.discount-percentage {
font-size: 13px;
color:#ff0000;
}
#quickview-template .product-detail-section{
text-align: left;
}
.quickview-template .content,
.quick-view .overlay {
display: block;
position: fixed;
left: 0;
right: 0;
top: 0;
height: 100%;
bottom: 0;
}
._quick-view-content { 
display: none 
}
@keyframes quickloader{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-webkit-keyframes quickloader{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}

#fancybox-close,
.search-close,
#popupBoxClose {
background:url({{ 'hover.png' | asset_url }}) no-repeat;
border:none;
cursor: pointer;
width: 32px;
height:32px;
text-indent: -9999px;
position: absolute;
top: 0px;
right: 0px;
}
.Site-navigation .horizontal-mega-menu ul.mm-submenu.tree li{
padding: 7px 20px !important;
}
@media only screen and (max-width: 1500px) {
.quick-view .content {
width: 60%;
}
}
@media only screen and (max-width: 1300px) {
.quick-view .content {
width: 70%;
}
}
@media only screen and (max-width: 991px) {
.quick-view .product-shop .product-title > a {
font-size: 16px;
line-height: 22px;
}
.quick-view .product-photo-thumbs.product-wrapper-owlslider {
width: 75%;
float: none;
text-align: center;
display: inline-block;
}
.quick-view {
overflow: hidden;
overflow-y: scroll;
}
.quick-view .content {
padding: 50px 20px;
text-align: center;
}
.quick-view .product-img.images {
width: 80%;
float: none;
display: inline-block;
vertical-align: top;
}
.quick-view .product-shop {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.quick-view .quickview-featured-image img {
width: 100%;
}
.quick-view .content {
width: 80%;
}
}
@media only screen and (max-width: 480px) {
.quick-view form .actions button {
padding: 8px 13px;
font-size: 13px;
}
.quick-view .content {
width: 90%;
padding: 50px 0;
margin: 30px auto;
}
.quick-view .product-img.images {
width: 100%;
}
.product-shop .product-item .selector-wrapper {
width: 108px;
}
}
/*---------------------- ajax cart modal --------------------*/
.ajax-success-modal .success-message {
padding: 0;
float: left;
width: 100%;
margin-bottom: 15px;
}
.ajax-success-modal .success-message p {
display: inline-block;
width: 100%;
margin: 0;
}
.ajax-success-modal .success-message.added-to-cart i {
margin-right: 5px;
font-size: 20px;
line-height: 22px;
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.ajax-success-modal .success-message .btn {
line-height: 22px;
padding: 9px 15px;
float: left;
width: 100%;
}
@media only screen and (max-width: 480px) {
.ajax-success-modal .success-message .btn {
font-size: 13px;
padding: 8px 14px;
}
}
.ajax-success-modal .cart-popup__dismiss {
float: right;
width: auto;
}
.ajax-success-modal .cart-popup__dismiss a.cart-popup__dismiss-button {
font-size: 14px;
font-weight: 600;
cursor: pointer;
line-height: 16px;
float: left;
width: 100%;
}
.ajax-success-modal .cart-popup__dismiss a.cart-popup__dismiss-button > i {
vertical-align: top;
display: inline-block;
float: none;
width: auto;
}
.ajax-success-modal .close-modal .mdi {
font-size: 20px;
color: var(--color-body-text);
line-height: 20px;
height: 20px;
width: 20px;
float: left;
display:none;
}
.ajax-success-modal .close-modal{
top:10px;
right:10px;
bottom:auto;
}
.ajax-success-modal .ajax-left.cart-popup-item__image {
float: left;
width: auto;
border: 3px solid var(--color-border);
}
.ajax-success-modal.modal {
outline: 0 none;
}
.ajax-success-modal.cart-popup-wrapper--hidden .overlay {
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;
}
.ajax-success-modal:not(.cart-popup-wrapper--hidden) .overlay {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.ajax-success-modal .cart-content {
float: none;
width: auto;
position: relative;
margin: 30px auto;
display: inline-block;
vertical-align: top;
}
.ajax-success-modal .ajax_price #QComparePrice span.money {
font-size: 14px;
text-decoration: line-through;
color: #666;
font-weight: 500;
}
.ajax-success-modal .added-to-cart.info i {
padding-right: 5px;
}
.ajax-success-modal .content-wrap {
padding-top: 20px;
float: left;
width: 100%;
border-top: 1px solid var(--color-border);
margin: 15px 0 0;
text-align: center;
}
.ajax-success-modal .content-wrap .ajax-content {
float: left;
width: 100%;
margin-bottom: 20px;
}
.ajax-content-section { 
display:inline-block;
text-align:center; 
width:100%;
margin:auto; 
}
.modal {
display: none;
}
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.close-modal {
float: right;
bottom: 0;
position: absolute;
right: 0;
}
.modal-dialog {
margin: 0;
vertical-align: middle;
display: inline-block;
}
.modal-content {
border-radius: 0px;	
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
box-shadow:0 3px 9px rgba(0, 0, 0, .5);	
-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);
-moz-box-shadow:0 3px 9px rgba(0, 0, 0, .5);
-ms-box-shadow:0 3px 9px rgba(0, 0, 0, .5);
-o-box-shadow:0 3px 9px rgba(0, 0, 0, .5);
}
.ajax-error-modal .modal-inner {
padding: 40px;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 582px;
float: left;
margin: auto;
z-index: 999;
}
.ajax-product-image {
width: auto;
float: left;
max-width: 100%;
}
.ajax-product-title {
font: 500 15px/16px var(--font-stack-body);
color:#555;
margin: 5px 0 7px;
}
.ajax-product-title:hover{
color: var(--color-text);
}
.ajax-right .ajax_price {
font-size: 16px;
font-weight: 600;
color: var(--color-text);
float: left;
width: 100%;
margin-bottom: 7px;
font-family: var(--font-stack-header);
}
.ajax-right {
float: left;
width: auto;
padding: 0 0 0 15px;
text-align: left;
}
.ajax-right ul.product-details {
margin: 0 0 10px;
float: left;
width: 100%;
}
.ajax-right ul.product-details li.product-details__item {
margin: 0 0 5px;
font-size: 13px;
font-weight: 600;
}
.ajax-right ul.product-details li.product-details__item:last-child {
margin: 0;
}
.ajax-right .cart-popup-item__quantity {
float: left;
width: 100%;
font-size: 14px;
font-weight: 600;
}
.ajax-right .ajax_price .visually-hidden {
font-size: 14px;
width: 100%;
float: left;
margin: 0 0 10px;
font-weight: 500;
display: none;
}
.ajax-success-modal .overlay,
.ajax-error-modal .overlay {
background: rgba(0, 0, 0, 0.6);
height: 100%;
width: 100%;
position: fixed;
top:0;
bottom: 0;
left: 0;
right: 0;
z-index: 4;
}
.modal-cart {
display: flex;
align-items: center;
float: left;
width: 100%;
height: 100%;
}
.modal-cart .product-qty {
display: none;
}
.ajax-error-modal .modal-inner {
background: #fff;
top: 40px;
bottom: auto;
width: 400px;
padding: 0;
}
.ajax-error-modal .modal-inner a.close-modal {
float: none;
width: 50px;
display: inline-block;
vertical-align: top;
height: 50px;
border: 2px solid #fff;
line-height: 50px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
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;
}
.ajax-error-modal .modal-inner a.close-modal:hover {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.ajax-error-modal .modal-inner a.close-modal i {
font-size: 28px;
color: #fff;
line-height: 47px;
}
.ajax-error-modal .modal-inner .close-popup {
background: #e14848;
padding: 20px 0;
}
.ajax-error-modal .modal-inner .ajax-error-title {
font-size: 20px;
line-height: 23px;
float: left;
width: 100%;
margin: 0 0 15px;
color: #111;
font-weight: 600;
}
.ajax-error-modal .modal-inner .error-content {
float: left;
width: 100%;
padding: 40px 30px;
}
.ajax-error-modal .modal-inner .ajax-error-message {
font-size: 14px;
line-height: 22px;
float: left;
width: 100%;
color: #666;
}
.cart-popup-wrapper.modal .cart-content {
position: fixed;
right: 0;
left: auto;
top: 0;
bottom: auto;
margin: 0;
border: 1px solid var(--color-border);
transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1);
-webkit-transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1);
-moz-transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1);
-o-transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1);
-ms-transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1);
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
background: var(--color-body);
width: 400px;
z-index: 4;
}
.cart-popup-wrapper.modal .cart-content .content {
padding: 20px 24px;
float: left;
width: 100%;
}
.cart-popup-wrapper.modal .cart-content .content-wrap .ajax-left {
width: 20%;
float: left;
}
.cart-popup-wrapper.modal .cart-content .content-wrap .ajax-right {
width: 80%;
float: left;
padding: 0 0 0 15px;
text-align: left;
}
.cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart {
padding: 11px 0;
font-weight: 700;
color: var(--color-btn-primary-text);
background: var(--color-btn-primary);
}
.cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart::after, .cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart::before {
border-bottom-color: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.cart-popup-wrapper.modal .cart-content .content-wrap .continue-shopping {
font-size: 14px;
border-bottom: 1px solid var(--color-border);
float: none;
width: auto;
display: inline-block;
vertical-align: top;
margin: 0 0 5px;
cursor: pointer;
font-weight: 700;
color: var(--color-body-text);
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;
}
.cart-popup-wrapper.modal .cart-content .content-wrap .continue-shopping:hover {
color: var(--color-text-hover-field);
border-bottom: 1px solid #111;
}
.cart-popup-wrapper.modal .cart-content .added-to-cart.info {
color: var(--color-body-text);
text-align: left;
font-size: 14px;
line-height: 20px;
font-weight: 600;
width: auto;
float: left;
margin: 0;
}
.cart-popup-wrapper.modal .cart-content .ajax-right .ajax-product-title {
margin-top: 0;
float: left;
width: auto;
line-height: 20px;
}
.cart-popup-wrapper.modal .cart-content .ajax-right .total_itmes {
float: left;
width: 100%;
font-size: 13px;
line-height: 18px;
font-weight: 700;
}
.cart-popup-wrapper.modal.open .cart-content {
transform: translateY(0%);
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
}
#order-summary .product-thumbnail__image {
max-height: none;
}
#order-summary .product-thumbnail__wrapper {
border-radius: 0;
}
#order-summary .product-thumbnail::after {
border-width: 3px;
border-color: #333;
border-radius: 0px;
}
@media only screen and (max-width: 1200px) {
.ajax-error-modal .modal-inner {
padding: 20px;
}
}
@media only screen and (max-width: 767px) {
.ajax-right .ajax_price {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 543px) {
.ajax-success-modal .ajax-left.cart-popup-item__image {
width: 100%;
margin: 0 0 15px;
}
.ajax-error-modal .modal-inner {
width: 300px;
}
.ajax-right {
width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 480px) {
.cart-popup-wrapper.modal .cart-content .content-wrap .ajax-left {
width: 40%;
margin: 0 0 15px;
padding: 0;
}
.cart-popup-wrapper.modal .cart-content .content {
padding: 10px 15px 15px 15px;
}
.ajax-product-image {
float: none;
display: inline-block;
vertical-align: top;
}
.ajax-error-modal .modal-inner {
padding: 10px;
width: 270px;
}
.cart-popup-wrapper.modal .cart-content .content-wrap .ajax-right {
width: 60%;
}
.cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart {
margin: 0 0 10px;
}
body.cart-open .modal-cart {
display: block;
}
.cart-popup-wrapper.modal .cart-content {
width: 290px;
}
}
/*----------- brand logo -------------------*/
#brands_list_slider .brand-bar__image {
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;
}
#brands_list_slider .brand-bar__image:hover {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
}
#brands_list_slider .brand-bar__item {
padding: 0 15px;
}
#brands_list_slider.owl-theme .owl-nav .owl-prev::before,#brands_list_slider.owl-theme .owl-nav .owl-next::before{
font-size: 18px;
line-height: 30px;
color:var(--color-btn-primary);
}
#brands_list_slider.owl-theme .owl-nav .owl-prev:hover,#brands_list_slider.owl-theme .owl-nav .owl-next:hover{
background:var(--color-btn-primary);
}
#brands_list_slider.owl-theme .owl-nav .owl-prev:hover::before,#brands_list_slider.owl-theme .owl-nav .owl-next:hover::before{
color:var(--color-btn-primary-text);
}
#brands_list_slider.owl-theme .owl-nav .owl-prev,#brands_list_slider.owl-theme .owl-nav .owl-next{
height: 30px;
width: 30px;
}
@media (max-width:991px) {
#brands_list_slider .owl-nav .owl-prev,#brands_list_slider .owl-nav .owl-next{
position: static;
float: none;
display: inline-block;
vertical-align: top;
margin: 5px;
}
}
@media (max-width:767px) {
#brands_list_slider .owl-nav .owl-prev,#brands_list_slider .owl-nav .owl-next{
margin: 5px 3px;
}
}
/*-------------------------------------------*/
.grid-view-item .tooltip-label {
display: none;
}
.shop_table.cart_table .cart__mini-labels {
display: none;
}
.shop_table.cart_table .js-qty {
text-align: center;
float: none;
margin: 0 auto;
}
.site-navigation {
border-top: 1px solid #e5e5e5;
box-shadow:0 2px 2px rgba(50, 50, 50, 0.1);	
-webkit-box-shadow:0 2px 2px rgba(50, 50, 50, 0.1);
-moz-box-shadow:0 2px 2px rgba(50, 50, 50, 0.1);
-ms-box-shadow:0 2px 2px rgba(50, 50, 50, 0.1);
-o-box-shadow:0 2px 2px rgba(50, 50, 50, 0.1);
display: inline-block;
width: 100%;
}
#template-index .site-navigation {
box-shadow:none;	
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;
}
.page-header {
display: none;
}
.breadcrumb__sep {
position: relative;
font-size: 0;
line-height:0px;
}
/*====================== Product Page ===============================*/
i.mdi {
font-size: 16px;
}
a.product-lightbox-btn.tip-top img {
width: auto;
height: auto;
}
.product-arrows div.product-arrow {
float: left;
height: 38px;
width: 38px;
background: #fff;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
-webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
-moz-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
-ms-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
-o-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
margin: 8px 0;
display: flex;
align-items: center;
justify-content: center;
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;
}
.product-information .product-info > p {
display: table;
margin: 8px 0;
position: relative;
}
.product-information .product-info > p::before {
position: absolute;
content: '\f12c';
font-family: 'Material Design Icons';
left: 0;
right: auto;
top: 0;
bottom: 0;
margin: auto;
color: var(--color-btn-primary);
font-weight: 600;
}
.product-information .product-info > p > label {
display: table-cell;
width: 130px;
font-weight: 700;
color: var(--color-text);
float: left;
margin: 0;
padding-left: 20px;
}
.product-information .product-information-inner .fixed-content .qty_attr {
padding: 0;
}
.product-information .product-information-inner .product-single__price span.discount-percentage {
font: 600 16px/18px var(--font-stack-body);
color: #ef5c5c;
border: 1px solid #ef5c5c;
padding: 2px 8px;
float: none;
display: table;
vertical-align: top;
margin: 10px 0 0;
}
.product-single__price .product-price__price.compare_price .money {
font-size: 15px;
margin: 0 0 0 6px;
}
.product-information .product-information-inner .product-actions .selector-wrapper {
float: left;
margin: 0 5px 10px 0;
width: 140px;
}
.product-information .flip-countdown .countdown-block.countdown-container {
margin:0;
float: none;
width: auto;
position: static;
display: inline-block;
vertical-align: top;
padding: 0 15px 0 40px;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
border: 1px solid var(--color-border);
height: auto;
}
@media only screen and (max-width: 480px) {
.product-information .flip-countdown .countdown-block.countdown-container {
display: inline-block !important;
height: auto;
}
}
.product-information .flip-countdown.simple-countdown .countdown-container::after {
left: 10px;
}
.product-information-inner .product-single__price #comparePrice,
.product-desc .product-single__price #comparePrice1 {
font-size: 15px;
color:var(--color-body-text);
}
.spr-summary-starrating{
font-size: 10px; 
color:#ffbf34;
}
.spr-starratings{
font-size:12px !important;
color:#ffbf34;
}
.spr-review-header .spr-review-header-title {
font-size: 14px;
margin:0;
font-weight: 700;
}
.spr-review{
padding:15px 0 !important;
border-top: 1px solid var(--color-border) !important;
}
.spr-container{
padding:0 !important; 
border: none !important;
}
.spr-badge-starrating{	
margin:0!important;
}
.spr-form{
padding:0 !important;
border-color: var(--color-border) !important;
}
span.spr-badge-caption{
padding-left:10px;
border-left: 1px solid var(--color-border);
margin-left: 8px;
}
#shopify-product-reviews .spr-content .spr-form-title {
font-size: 16px !important;
line-height: 30px !important;
margin-bottom:15px !important;
color: var(--color-text);
font-weight: 600;
}
.spr-icon {
font-size: 12px !important;
line-height:18px !important;
}
.spr-form-input.spr-starrating .spr-icon{
color:#ffbc00;
}
.spr-form-input.spr-starrating .spr-icon.spr-icon-star-empty{
color:#5c5c5c;
}
a.spr-icon.spr-icon-star.spr-icon-star-empty.spr-icon-star-hover {
color: #ffbc00;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
}
.product-single .product-single__description .spr-icon:hover.spr-icon-star-empty {
color:#ffbc00 !important;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
}
#shopify-product-reviews .spr-form-label,#shopify-product-reviews .spr-review-content-body {
font-size: 13px;
line-height: 24px;
color:var(--color-body-text);
}
.product-single__photos .main_image_wrap {
float: left;
width: 100%;
}
.product-single .product-single__thumbs .grid-item.slick-slide a {
float: left;
padding: 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-single .product-single__thumbs .grid-item.slick-slide a:hover {
box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
}
.product-single .product-single__thumbs.vertical_left .grid-item a, .product-single .product-single__thumbs.vertical_right .grid-item a {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
@media only screen and (max-width: 991px) {
.product-single.vertical_left .product-wrapper-owlslider, .product-single.vertical_right .product-wrapper-owlslider, .product-single.vertical_left .product-information, .product-single.vertical_right .product-information {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.product-single.vertical_left .product-information-inner .checkout-btn, .product-single.vertical_right .product-information-inner .checkout-btn {
margin: 0;
}
}

.product-single .social-sharing i.mdi-facebook {
color: #3b5998;
}
.product-single .social-sharing i.mdi-twitter {
color: #00aced;
}
.product-single .social-sharing i.mdi-pinterest {
color: #c8232c;
}
.product-single .social-sharing i.mdi-instagram {
color: #dc2743;
}
.product-single .social-sharing i.mdi-whatsapp {
color: #25D366;
}
.product-information-inner .product-single__price span#productPrice,
.product-desc .product-single__price span#productPrice1 {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: var(--color-btn-primary);
font-family: var(--font-stack-header);
}
@media only screen and (max-width: 1199px){
.product-single .social-sharing span.share-title {
display: none;
}
}
.product-grid .products-grid-view .grid-item.product-short-list {
width: 100%;
padding: 0;
}
/*--------------------- Quantity CSS ----------------------*/
.product-form--variant-sold-out .product-qty {
display: none;
}
.qty-box-set {
float: left;
width: auto;
position: relative;
overflow: hidden;
border: 1px solid var(--color-border);
}
.qty-box-set .quantity, .qty-box-set .quantity1 {
border: none;
width: 90px;
height: 40px;
line-height: 40px;
padding: 0;
float: left;
cursor: pointer;
text-align: center;
margin: 0;
}
.qty-box-set .qtyminus, .qty-box-set .qtyplus, .qty-box-set .qtyminus1, .qty-box-set .qtyplus1 {
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
float: none;
display: inline-block;
vertical-align: top;
width: 30px;
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;
cursor: pointer;
}
@media only screen and (max-width: 480px) {
.qty-box-set .quantity, .qty-box-set .quantity1 {
height: 35px;
line-height: 35px;
}
.qty-box-set .qtyminus, .qty-box-set .qtyplus, .qty-box-set .qtyminus1, .qty-box-set .qtyplus1 {
height: 35px;
line-height: 35px;
}
}
.qty-box-set .qtyminus:hover, .qty-box-set .qtyplus:hover, .qty-box-set .qtyminus1:hover, .qty-box-set .qtyplus1:hover {
background: #f5f3f0;
}
.qty-box-set .qtyminus > i, .qty-box-set .qtyplus > i, .qty-box-set .qtyminus1 > i, .qty-box-set .qtyplus1 > i {
color: #333;
font-size:12px;
}
.qty-box-set .qtyplus, .qty-box-set .qtyplus1 {
left: auto;
right: 0;
}
.qty-box-set .qtyminus, .qty-box-set .qtyminus1 {
left: 0;
right: auto;
border-right: none;
}
.qty-box-set .quantity, .qty-box-set .quantity1 {
-webkit-appearance: textfield !important;
appearance: textfield !important;
-moz-appearance: textfield;
}
.qty-box-set input[type=number]::-webkit-textfield-decoration-container {
background: #fff;
-webkit-appearance: none;
}
.qty-box-set input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
table.shop_table.cart_table tfoot {
display: none;
}
.qnt_wrap {
float: left;
width: 100%;
overflow:hidden;
}
/* Adds a box around the numeric value in Safari and Chrome */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none;
margin: 0; /* Removes leftover margin */
}
.qty-box-setinput [type=number]::-webkit-inner-spin-button{ 
-webkit-appearance: none; 
margin: 0; 
}
.qty-section.quantity-box .actions.hidden-md.hidden-xs.hidden-sm {
display: none;
}
.product-single .product-information-inner .fixed-content>.quantity .qty-box-set input#Qty {
float: left;
width: 120px;
height: auto;
}
/*-------------------------product tab---------------------------*/
.nav.nav-tabs {
margin: 0 0 30px;
}
.ttproduct .nav-tabs > li.nav-item a.nav-link{
border:1px solid var(--color-border);
}
.ttproduct .nav-tabs > li.nav-item a.nav-link:hover,.ttproduct .nav-tabs > li.nav-item a.nav-link:active{
border:1px solid var(--color-btn-primary);
}
.nav-tabs > li.nav-item  a.nav-link{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
font: 500 16px/18px var(--font-stack-subheading);
outline: medium none;
padding: 12px 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;
margin: 0 5px;
z-index: 1;
color: #111;
}
.product_tab_wrapper .nav-tabs > li.nav-item a.nav-link::after,.product_tab_wrapper  .nav-tabs > li.nav-item a.nav-link::before{
content: "";
left: 100%;
right: auto;
position: absolute;
top: 0;
bottom: -4px;
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: var(--color-btn-primary);
margin: auto;
}
.product_tab_wrapper .nav-tabs > li.nav-item a.nav-link::before {
left: auto;
right: 100%;
bottom: 0px;
height: 70%;
width: 2px;
}
.product_tab_wrapper .nav-tabs > li.nav-item a.nav-link.active,.product_tab_wrapper .nav-tabs > li.nav-item a.nav-link:hover{
background:none;
color: var(--color-btn-primary);
}
.nav-tabs > li.nav-item a.nav-link.active,.nav-tabs > li.nav-item a.nav-link:hover{
background: var(--color-btn-primary);
color: var(--color-btn-primary-text);
}
.nav-tabs > li.nav-item a.nav-link:hover::after,.nav-tabs > li.nav-item a.nav-link.active::after{
width: 50%;
}
.nav-tabs > li:last-child > a {
margin-right: 0;
}
.product-single__description .product_tab_wrapper ul.nav-tabs {
list-style:none;
border: none;
}
.product-single .product_tab_wrapper ul.tabs li>a::after{
background: #111;
}
.product-single__description .product_tab_wrapper ul.nav-tabs li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 0 10px;
}
.product-single__description .product_tab_wrapper ul.nav-tabs li:last-child {
border-right: none;
}
.product-single__description .product_tab_wrapper ul.nav-tabs li:last-child > a {
margin-right: 0;
}
.product-single__description .product_tab_wrapper ul.nav-tabs li > a {
position:relative;
float: none;
display: inline-block;
vertical-align: top;
border: none;
font:400 16px/18px var(--font-stack-header);
padding: 10px 15px;
}
.product-single__description .product_tab_wrapper ul.nav-tabs li.active > a, .product-single__description .product_tab_wrapper ul.nav-tabs li:hover > a {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.product-single__description .product_tab_wrapper .tab-container {
border-left: 2px solid var(--color-border);
padding: 0 0 0 30px;
}
.product-single__description .product_tab_wrapper .tab-container img {
float: left;
}
.product-single__description .product_tab_wrapper .tab-container .table-responsive {
float: left;
width: 100%;
}
.product-single__description .product_tab_wrapper .tab-container .table-responsive table {
table-layout: auto;
}
.product-single__description .product_tab_wrapper table th.label {
float: left;
width: 100%;
font-size: 15px;
font-weight: 600;
color: #333;
border: none;
text-align: left;
padding: 15px;
line-height: 20px;
}
#shopify-product-reviews {
display: block;
clear: both;
overflow: hidden;
text-align: left;
margin: 0 !important;
}
.product-single__description .tab-pane .spr-summary {
text-align: left;
}
.product-information-inner #AddToCartForm .product-single__variants .selector-wrapper {
float: left;
margin-right: 10px;
width: 140px;
}
@media only screen and (min-width: 768px){
.product-single__description .product_tab_wrapper ul.nav-tabs {
position: sticky;
top: 120px;
}
}
@media only screen and (max-width: 991px) {
.product-single__description .product_tab_wrapper {
margin: 30px 0 0;
}
.nav-tabs > li > a{
padding: 8px 14px;
}
}
@media only screen and (max-width: 767px) {
.product-single__description .product_tab_wrapper ul.nav-tabs li > a {
padding: 10px;
}
.product-single__description .product_tab_wrapper{
margin:0;
}
.product-single__description .product_tab_wrapper ul.nav-tabs{
margin: 0px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
flex-wrap: nowrap;
}
.product-single__description .product_tab_wrapper ul.nav-tabs li{
flex: 0 0 auto;
}
.product-single__description .product_tab_wrapper .tab-container{
border-top: 2px solid var(--color-border);
border-left: none;
padding: 15px 0 0;
}
.nav-tabs > li.nav-item a.nav-link::after{
display:none;
}
.nav-tabs > li.nav-item a.nav-link
{
padding: 10px 16px;
font-size:14px;
line-height:16px;
}
}
@media only screen and (max-width: 480px) {
.product-single__description .product_tab_wrapper ul.nav-tabs li:last-child {
border-bottom: none;
}
.nav-tabs > li > a {
font-size: 13px;
padding: 8px;
margin: 0;
}
}
/*----------------------------- END --------------------------*/
.product-wrapper .product {
display: block;
margin-bottom: 0;
}
.TTProduct-Tab  .product-wrapper,{
margin:0 0 20px;
}
ul.nav-tabs.jquery-tab-pager-tabbar {
margin-bottom: 20px;
border: none;
}
.product_title .product_img{
width:100px;
}
#newproduct_products_slider .owl-stage-outer {
margin: 0 1px 0 0;
}
.has_bg #newproduct_products_slider {
margin: 25px 0 0;
}
@media only screen and (max-width: 1200px) {
.has_bg .tab-inner.tab-content.tab-container .owl-carousel .owl-stage-outer {
margin: 0;
}
.has_bg #newproduct_products_slider {
padding: 0;
margin: 0;
}
.has_bg #newproduct_products_slider .owl-carousel .owl-stage-outer {
margin: 0;
}
}
@media only screen and (max-width: 992px) {
.has_bg #newproduct_products_slider {
padding: 0;
}
}
@media only screen and (max-width: 480px) {
.has_bg #newproduct_products_slider {
padding: 0 5px;
}
}
/*-------------------- GoTo Top ------------------*/
.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: 3;
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: #777;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 400ms linear;
}
.progress-wrap.active-progress:hover::after {
color: #000;
}
.progress-wrap svg path { 
fill: none; 
}
.progress-wrap svg.progress-circle path {
stroke: var(--color-btn-primary);
stroke-width: 4;
box-sizing:border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
@media(max-width:480px){
.progress-wrap{
height: 40px;
width: 40px;
}
.progress-wrap::after{
height: 40px;
width: 40px;
line-height: 40px;
}
}
/*--------------------- contact form --------------------*/
.contact-title {
font: 400 24px/28px var(--font-stack-header);
color: var(--color-text);
margin: 0 0 30px;
}
.contact-form .btn:hover, .contact-form .btn:active, .contact-form .btn:focus {
background: var(--color-btn-secondary);
}
.contac-us-page .address-container .content {
font-size: 16px;
}
.address-container .address-text {
width: 100%;
float: left;
text-align: center;
margin: 0 0 30px;
display: flex;
align-items: center;
}
.contact-us-page .social-sharing a {
border: 2px solid var(--color-border);
padding: 5px 10px;
margin: 0 10px 0 0;
}
.contact-us-page .social-sharing a svg {
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;
}
.contact-us-page .social-sharing a:hover svg {
color: var(--color-btn-primary);
}
.contact-us-page .social-sharing .social-title,.contact-us-page .address-container .small-title{
font: 400 20px/24px var(--font-stack-header);
float: left;
width: 100%;
color: var(--color-text);
padding: 0 0 15px;
margin: 0 0 15px;
border-bottom: 1px solid var(--color-border);
}
.address-container .address-text .content {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
text-align: left;
margin-left: 15px;
}
.address-container .address-text .content > .address-label {
font-size: 16px;
font-weight: 600;
color: #111;
}
.contact-us-page {
float:left;
width:100%;
}
.contact-us-form {
float: left;
width: 100%;
margin: 0 0 30px;
}
.contact-us-page .address-text .icon{
border: 2px solid var(--color-border);
padding: 10px;
}
@media only screen and (max-width: 1199px){
.contact-us-page .social-sharing .social-title {
font-size: 18px;
line-height: 30px;
}
.contact-us-page .address-container .small-title{
font-size: 18px;
margin: 0 0 20px;
line-height: 20px;
}
.contact-us-page .social-sharing{
padding:10px;
}
}
@media only screen and (max-width: 991px){
.contact-us-page .contact_wrapper, .contact-us-page .rte {
width: 100%;
}
.contact-us-page .contact_wrapper{
margin: 0 0 30px;
}
}
@media only screen and (max-width: 767px){
.contact-us-page .contact_wrapper,.contact-us-form{
margin: 0 0 15px;
}
}
/*--------------------- wishlist page -----------------------*/
.template-page .product-thumbnail img {
float: none;
display: inline-block;
vertical-align: top;
}
.wishlist_table thead th span {
font: 400 16px/18px var(--font-stack-header);
color: var(--color-text);
}
.wishlist_table td span.wishlist-in-stock {
color: #1cc373;
}
.wishlist_table .product-stock-status .wishlist-in-stock.wishlist-out-of-stock {
color: #ff0000;
}
.wishlist_table .product-name a.wishlist-item-link{
font: 400 14px/16px var(--font-stack-body);
}
.wishlist_table .product-name a.wishlist-item-link:hover{
color:#111;
}
.wishlist_table .product-thumbnail a {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.wishlist_table .product-remove .remove_from_wishlist {
font-size: 16px;
font-weight: 700;
background:#f5f3f0;
height: 20px;
left: 0;
line-height: 20px;
position: absolute;
right: 0;
width: 20px;
top: 0;
bottom: 0;
margin: auto;
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;
}
@media only screen and (max-width: 767px) {
.wishlist_table .product-thumbnail {
padding: 10px;
float: none;
width: 80px;
}
.wishlist_table thead .product-thumbnail {
border: none;
padding: 0;
}
.wishlist_table .table-responsive {
z-index: 1;
position: relative;
}
}
@media only screen and (max-width: 590px) {
.wishlist_table .product-thumbnail {
float: left;
border: none;
border-top: 1px solid var(--color-border);
}
}
@media only screen and (max-width: 480px) {
.wishlist_table td.product-thumbnail {
width: 100px;
float: left;
}
}
.template-page .shop_table > thead {
background: var(--color-body);
}
/*---------------- Other pages CSS --------------------*/
.template-page .page-content {  
float: left;
width: 100%;
}
/*---------- Product compare error modal--------------*/
.customer_account .compare-icon-div .compare-icon {
font-size: 14px;
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;
}
.customer_account .compare-icon-div span.compare-count {
font-family: normal;
}
.compare_table .compare-box .productname td a{
color:var(--color-text);
}
.compare_table .compare-box .productname td a.compare-item-link{
font: 500 15px/17px var(--font-stack-body);
}
.compare_table .compare-box .productname td a.compare-item-link:hover{
color:var(--color-text-hover-field);
}
body.compare .table-responsive {
border-color: var(--color-border);
float: none;
width: auto;
display: inline-block;
vertical-align: top
}
body .compare-model .modal .modal-dialog {
margin: 35px auto;
max-width: 700px;
}
body .compare-model .modal .modal-dialog .modal-content > div {
width: 100%;
margin: 0 auto;
}
body .compare-model .modal .modal-dialog .modal-content .close .mdi-close {
font-size: 22px;
color: var(--color-text);
font-weight: 300;
padding: 0;
line-height: 24px;
display: inline-block;
zoom: 1;
}
body .compare-model .modal .modal-dialog .modal-content .modal-body .modal-header {
float: left;
width: 100%;
border-width: 2px;
border-color: var(--color-border);
padding: 0 0 10px;
}
body .compare-model .modal .modal-dialog .modal-content .modal-body .compare-button {
padding: 15px 0 0;
}
.compare-model  .btn{
background:var(--color-btn-primary);
color:var(--color-btn-primary-text)
}
body .compare-model .max_compare {
font: 500 18px/20px var(--font-stack-body);
color: var(--color-text);
}
.compare-model .close{
background: none;
}
@media only screen and (max-width: 767px) {
.compare-box td a{
float:left;
width:150px;
}
body .compare-model .modal .modal-dialog {
max-width: 400px;
}
}
@media only screen and (max-width: 480px) {
body .compare-model .modal .modal-dialog {
max-width: 300px;
}
body .compare-model .max_compare {
font-size: 14px;
}
}
.compare-model #modalCompare1::before {
vertical-align: top;
}
/*-------------------------- Product image hover effect ----------------*/
.product-wrapper .product-thumb .second-productimg{
position: absolute;
height: 100%;
width: 100%;
}
@media only screen and (max-width: 480px) {
.product-wrapper .qty-box-set .qtyplus, .product-wrapper .qty-box-set .qtyminus {
width: 30px;
}
.product-wrapper .qty-box-set .quantity {
display:none;
}
}
/*======================= Product tab CSS ============================*/
.tab-inner .nav.nav-tabs {
border: medium none;
display: inline-block;
float: none;
vertical-align: top;
width: auto;
margin: 0 0 25px;
position: relative;
}
/* .tab-inner .owl-nav {
display: none;
} */
.tab-inner .product_col3 .owl-carousel .owl-item {
width: 33.33%;
}
.tab-inner .product_col5 .owl-carousel .owl-item {
width: 20%;
}
.tab-inner .product_col4 .owl-carousel .owl-item {
width: 25%;
}
@media only screen and (max-width: 1200px) {
.tab-inner .product_col5 .owl-carousel .owl-item {
width: 33.33%;
}
.tab-inner .product_col4 .owl-carousel .owl-item {
width: 33.33%;
}
}
@media only screen and (max-width: 767px) {
.tab-inner .product_col4 .owl-carousel .owl-item {
width: 50%;
}
.tab-inner .product_col3 .owl-carousel .owl-item {
width: 50%;
}
.tab-inner .product_col5 .owl-carousel .owl-item {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.tab-inner.tab-content {
float: left;
width: 100%;
}
.tab-inner.tab-content .contents {
margin-right: -10px;
margin-left: -10px;
}
.tab-inner .nav.nav-tabs {
margin: 0 0 15px;
}
}
/*------------------- Color And Size ----------------*/
.item-swatch.color_swatch_Value label,.product-size li label{
cursor: pointer;
float: left;
height: 16px;
width: 16px;
margin:0;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
text-transform: uppercase;
color: #aaa;
font-weight: 500;
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-size li label{
width:auto;
}
.product-size li,.color_swatch_Value li {
float: none;
display: inline-block;
vertical-align: top;
font-size: 16px;
line-height: 16px;
margin: 0 4px 0 0;
}
.product-size li:hover label,.product-size li.active label{
color: #111;
}
.product-layouts .product-wrapper .color-size {
float: left;
width: 100%;
margin: 0 0 5px;
}
.product-layouts .product-wrapper .item-swatch.color_swatch_Value {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
margin:0 6px 0 0;
font-size: 14px;
line-height: 14px;
border-right: 1px solid rgba(0,0,0,0.2);
padding-right: 6px;
}
.product-layouts .product-wrapper .product-size li input[type="text"],.product-layouts .product-wrapper .item-swatch.color_swatch_Value input[type="text"] {
display: none;
}
.product-layouts .product-wrapper .product-size {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
margin: 0;
text-align: center;
}
.product-layouts .product-wrapper ul.product-size li .size-label {
float: left;
width: 100%;
}
.product-layouts .product-wrapper ul.product-size li .hidden {
float: none;
vertical-align: top;
}
.product-layouts .product-wrapper ul.product-size li .hidden img {
width: 36px;
}
/*======================= Product common css ============================*/
.product-layouts {
float: left;
padding: 0 15px;
width: 100%;
}
.product-wrapper {
position: relative;
text-align: center;
float: left;
width: 100%;
overflow: hidden;
margin: 0 0 30px;
}
.product-wrapper .sold-out-tag {
position: absolute;
height: 100px;
width: 100px;
line-height: 100px;
background: var(--color-btn-primary);
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;
}
.product-wrapper .sold-out-tag .tag {
background: none;
color: #fff;
padding: 0;
font-size: 14px;
line-height: 18px;
}
.grid-view-item .visually-hidden {
display: none;
}
.tab-pane .product-layouts.grid-view-item .product-wrapper .product-thumb, .products-grid-view > .product-grid .product-layouts .product-wrapper .product-thumb, .related-products .product-wrapper .product-thumb, #newproduct_products_slider .product-wrapper .product-thumb, #recently-viewed-products .product-wrapper .product-thumb, .search-products .product-layouts .product-thumb, .slider-specialproduct .product-layouts .product-thumb {
float: left;
width: 100%;
padding: 0;
position: relative;
overflow: hidden;
}
.product-layouts .product-wrapper .product-thumb a.grid-view-item__link {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.product-layouts .product-wrapper .product-thumb a.grid-view-item__link .image_thumb{
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-layouts .product-wrapper:hover .product-thumb a.grid-view-item__link{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1; 
}
.product-layouts .product-wrapper .btn_wrapper .pro_btn {
float: left;
width: auto;
}
.product-wrapper .add-to-wishlist a::after{
display:none;
}
.product-short-list .product-wrapper  .product-description .btn_wrapper .pro_btn{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.product-wrapper .btn_wrapper .pro_btn a .add_cart{
display:block;
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
font-weight: 600;
margin: 0 0 0 3px;

}
.product-wrapper .btn_wrapper .pro_btn a:hover .add_cart,.product-wrapper .btn_wrapper .pro_btn a:active .add_cart,.product-wrapper .btn_wrapper .pro_btn a:focus .add_cart{
color: var(--color-product-secondary-text);
}
.product-layouts.product-price--sold-out .product-wrapper .product-thumb a.grid-view-item__link {
opacity: 0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
filter: grayscale(1);
}
.product-wrapper .pro_btn .btn.add-to-cart-disable {
opacity: 0.6;
-moz-opacity: 0.6; 
-khtml-opacity: 0.6; 
-webkit-opacity: 0.6;
}
.product-layouts .product-wrapper:hover .product-thumb a.grid-view-item__link{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1; 
}
.product-wrapper .btn_wrapper .pro_btn a.add-to-cart-disable::before.product-wrapper .btn_wrapper .pro_btn a.add-to-cart-disable::after{
display: none;
}
.grid-item:not(.product-short-list,.product-list) .product-layouts.grid-view-item .product-wrapper .product-description{
width: 100%;
}
.product-layouts.grid-view-item .product-wrapper .product-description{
position:relative;
float:left;
text-align:center;
padding:15px 0 0;
background: #fff;
}
.product-layouts.grid-view-item .product-wrapper .product-description .btn_wrapper{
float: left;
width: auto;	
}
.product-list .product-layouts.grid-view-item .product-wrapper .product-description .btn_wrapper{
float: none;
width: auto;
}
.tab-pane .product-layouts.grid-view-item .product-wrapper .product-thumb{
transition: transform .5s ease-in-out;
-webkit-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
-ms-transition: transform .5s ease-in-out;
}
.product-wrapper .btn_wrapper .btn_cart .pro_btn a:after{
height: 100%;
background:var(--color-product-secondary-text);
}
.product-wrapper .btn_wrapper .btn_cart .pro_btn a:after{
background:var(--color-product-secondary);
}
.product-layouts .product-wrapper:hover .btn_wrapper{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.grid-item:not(.product-short-list,.product-list) .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__vendor{
display: none;
}
.product-description .h4{ 
margin: 0 0 12px;  
white-space: nowrap;
}
.product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta {
float: left;
width: 100%;
margin:0 0 12px;
}
.product-list .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{
margin:0;
}
.product-price__price,.product-price__price .money,.price,price .money,.wishlist_table .wishlist-product-price.product-price span.money,.compare_table .compare-box td span.money,
.shop_table.cart_table span.money,.totals__subtotal-value .money{
font: 600 18px/20px var(--font-stack-body);
color: var(--color-product-secondary);
}
.product-single__price  .product-price__price .money{
font-weight:400;
}
.quickview .product-price__price .money{
font-weight:400;
margin:0 5px 0 0;
}
.tt_sub_menu  .product-price__price .money,.tt_sub_menu .price{
font-size:16px;
line-height:20px;
}
.product-price__price.compare_price .money,.product-price__price.compare_price{
font-size: 15px;
color:var(--color-body-text);
}
.sale-price,.price--on-sale .regular-price {
display: none;
}
.price--on-sale .sale-price,.regular-price {
display: block;
}
.grid-view-item__meta .discount-percentage{
color:#ef5c5c;
margin: 0 5px;
}
.product-short-list .grid-view-item__meta .discount-percentage{
float:left;
width:100%;
}
.product-price__sale-label,.product-wrapper .custom_label {
position: absolute;
left: -25px;
right:auto;
top: 10px;
bottom:auto;
color:#444;
font-size:15px;
line-height: 20px;
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;

}
.product-wrapper:hover .product-price__sale-label {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
left: 10px;
}
.product-short-list .product-price__sale-label {
font-size: 11px;  
}
.product-wrapper .custom_label {
top: 30px; 
}
.product-short-list .product-wrapper .custom_label {
font-size: 11px;
}
.product-wrapper:hover .custom_label{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
left: 10px;
visibility:visible;
}
.grid-item:not(.product-short-list,.product-list) .product-wrapper .spr-badges.grid-item-meta {
position: absolute;
top: auto;
bottom: 8px;
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;
text-align: center;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
transform: scale(1);
}
.grid-item:not(.product-short-list,.product-list) .product-wrapper:hover .spr-badges.grid-item-meta{
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility:hidden;
transform: scale(0);
}
.grid-item:not(.product-short-list,.product-list) .product-wrapper .spr-badge{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
background: rgba(255,255,255,0.9);
padding: 3px 10px;
border-radius: 25px; 
-moz-border-radius: 25px; 
-webkit-border-radius: 25px; 
-khtml-border-radius: 25px;
line-height: 13px;
}
.product-wrapper .btn_wrapper .pro_btn form {
float: left;
width: 100%;
margin: 0;
}
.product-wrapper .btn_wrapper .pro_btn a {
width: 45px;
height: 45px;
padding: 0;
-webkit-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
-moz-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
-ms-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
-o-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
} 
.product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding: 0px 102px;
width: auto;
margin: 0 12px;
display: flex;
align-items: center;
justify-content: center;
}

.product-wrapper .pro_btn a.add-to-cart-disable {
cursor: not-allowed;
}
.product-wrapper .pro_btn a.add-to-cart-disable:hover,.product-wrapper .pro_btn a.add-to-cart-disable:focus,.product-wrapper .pro_btn a.add-to-cart-disable:active{
background: none;
}
.product-wrapper .spr-badges.grid-item-meta i {
font-size: 10px !important;
}
.product-wrapper .btn_wrapper .pro_btn a svg{
width:17px;
height:45px;
line-height: 45px;
}
.tt_sub_menu.product .product-wrapper .sold-out-tag{
top: -40px;
}
.product-wrapper .pro_btn.add-to-wishlist .loading a > svg.feather-rotate-cw{
width:20px;
height:20px;
}
.product-grid .product-wrapper .btn_wrapper .btn_cart .pro_btn a{
padding: 0px 30px;
}
.product-list .product-wrapper .btn_wrapper .btn_cart .pro_btn a,.product-short-list .product-wrapper .btn_wrapper .btn_cart .pro_btn a{
width:auto;
}
.product-thumb .add-to-wishlist.pro_btn {
position: absolute;
left: auto;
right: 0;
top: 0;
bottom: auto;
color: #444;
font-size: 13px;
line-height: 20px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
transform: translateX(40px);
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-o-transform: translateX(40px);
-ms-transform: translateX(40px);
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-thumb .add-to-wishlist.pro_btn a{
background:none;
padding:15px;
}
.product-wrapper:hover .add-to-wishlist.pro_btn
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
}
.product-wrapper .add-to-wishlist .pro_btn .add-in-wishlist-js::after
{
background-color:transparent;
}
.product-wrapper .pro_btn a.loading svg,.product-wrapper .pro_btn.add-to-wishlist .loading a > svg.feather-rotate-cw{
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.product-single .product-information .add-to-compare.pro_btn .add-in-compare-js.btn svg.feather-rotate-cw{
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.product-wrapper .pro_btn a.loading > svg.feather-shopping-bag,.product-wrapper .pro_btn a > svg.feather-rotate-cw,.product-wrapper .pro_btn a.loading > svg,.product-single .product-information .add-to-compare.pro_btn .add-in-compare-js.btn svg.feather-rotate-cw,
.product-single .product-information .add-to-compare.pro_btn .add-in-compare-js.btn.loading svg{
display: none;
}
.product-wrapper .pro_btn a.loading > svg.feather-rotate-cw,.product-wrapper .pro_btn.add-to-wishlist .loading a > svg.feather-rotate-cw,.product-single .product-information .add-to-compare.pro_btn .add-in-compare-js.btn.loading svg.feather-rotate-cw{
display: inline-block;
}
.product-single .pro_btn .btn::after{
display:none;
}

.grid-item:not(.product-short-list,.product-list) .btn_wrapper > div:last-child::after{
display:none;
}
.product-wrapper .product-qty {
float: left;
width:100%;
position: absolute;
top: auto;
bottom:70px;
right: 0;
left: 0;
transform: translateY(115px);
-webkit-transform: translateY(115px);
-moz-transform: translateY(115px);
-o-transform: translateY(115px);
-ms-transform: translateY(115px);
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;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility:hidden;
}
.product-layouts .product-wrapper:hover .product-qty{
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible
}

.product-list .product-wrapper .product-qty,.product-short-list .product-wrapper .product-qty {
position: static;
opacity: 1;
visibility: visible;
transform: translateY(0px);
float: left;
width: auto;
margin:0 10px 0 0;
}
.product-short-list .product-wrapper .product-qty{
float: left;
width: 100%;
margin:0 0 10px;
}
.product-wrapper .add_tocart.pro_btn.soldout::after,.product-wrapper .add_tocart.pro_btn .add-to-cart-disable::after{
display:none;
}
a.grid-link__title {
font: 400 18px/20px var(--font-stack-header);
text-overflow: ellipsis;
color: var(--color-body-text);
}
@media(max-width:1699px){
.product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding: 0px 60px;}
}
@media (max-width: 1650px){
.product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding: 0px 48px;
}
}
@media (max-width: 1550px){
.product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding: 0px 30px;
}
}
@media (max-width: 1450px){
.product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding: 0px 25px;
}
}
@media (max-width: 1399px){
.product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding: 0px 113px;
}
.product-list .product-wrapper .sold-out-tag{
top:-40px;
}
.tt_sub_menu.product .product-wrapper .sold-out-tag{
top: -50px;
}
}
@media (max-width: 1299px){
.product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding: 0px 96px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.product-layouts .product-wrapper .product-thumb  img.image_thumb{
width:100%;
}
.product-grid .product-wrapper .btn_wrapper .pro_btn a .add_cart{
display:none;
}
}
@media only screen and (max-width: 991px){
.product-wrapper .sold-out-tag {
height: 80px;
width: 80px;
line-height: 80px;
}.product-wrapper .btn_wrapper .pro_btn a .add_cart{
display:none;
}

.product-list .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta,.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{
margin:0 ;
}
.grid-item:not(.product-short-list,.product-list) .product-wrapper .product-thumb .spr-badges.grid-item-meta{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.product-wrapper .sold-out-tag .tag{
font-size: 12px;
line-height: 16px;
}
.product-layouts.grid-view-item .product-wrapper .product-description .btn_wrapper{
width:100%;
}
.product-list .product-wrapper .sold-out-tag {
top: -80px;
}
.product-wrapper .product-qty{
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible
}
.product-price__sale-label,.product-wrapper .custom_label {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;    
left:10px;
font-size:12px;
top: 5px;
}
.product-wrapper .add-to-wishlist.pro_btn
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
}
.product-wrapper .custom_label {
top: 22px;
} 
.product-wrapper .btn_wrapper{
position: static;
}
a.grid-link__title,.product-price__price, .product-price__price .money, .price, price .money, .wishlist_table .wishlist-product-price.product-price span.money, .compare_table .compare-box td span.money, .shop_table.cart_table span.money, .totals__subtotal-value .money{
font-size:16px;
line-height:18px;
}
.item-swatch.color_swatch_Value label, .product-size li label{
height:14px;
width:14px;
}
.product-size li, .color_swatch_Value li{
font-size:14px;
line-height:14px;
}
.product-layouts.grid-view-item .product-wrapper:hover .product-description{
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
.product-wrapper .btn_wrapper .pro_btn a{
width: 38px;
height: 38px;
}
.product-layouts .product-wrapper .btn_wrapper {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
position: static;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin:0 0 3px;
}

.product-wrapper .btn_wrapper .pro_btn a svg{
width:16px;
height:40px;
line-height: 40px;
}
.product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding: 0;
width: 40px;
}
}
@media only screen and (max-width: 767px) {
a.grid-link__title{
font-size:16px;
line-height:18px;
}
.product-price__price, .product-price__price .money, .price, price .money, .wishlist_table .wishlist-product-price.product-price span.money, .compare_table .compare-box td span.money, .shop_table.cart_table span.money, .totals__subtotal-value .money{
font-size:15px;
line-height:18px;
}
.product-list .product-wrapper .sold-out-tag {
top: 0px;
}
.product-price__sale-label,.product-wrapper .custom_label {
display:none;
}
.grid-item:not(.product-short-list,.product-list) .product-wrapper .pro_btn .loading a.add_to_wishlist{
display:none;
}
.product-list .product-wrapper .pro_btn .loading a.add_to_wishlist,.product-short-list .product-wrapper .pro_btn .loading a.add_to_wishlist{
display:block;
}
}
@media only screen and (min-width: 481px) {
.product-short-list .product-wrapper .btn_cart{
display: block;
float: none;
margin: 0px 0 10px;
}
}
@media only screen and (max-width: 480px){
.product-short-list .product-wrapper .btn_cart{
float:none;
display:inline-block;
vertical-align:top;
}
.product-wrapper .product-qty{
bottom: 60px;
}
.product-grid .product-wrapper .product-qty{
bottom:70px;
}
.product-list .product-layouts.grid-view-item .product-wrapper .product-description .btn_wrapper,.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .btn_wrapper{
margin: 0 0 2px;
}

.product-layouts {
padding: 0 10px;
}
.product-wrapper .sold-out-tag {
height: 60px;
width: 60px;
line-height: 60px;
}
.product-short-list .product-description .h4 {
margin: 0 0 5px;
}
.product-wrapper{
margin: 0 0 20px;
}
.nav-tabs > li.nav-item a.nav-link{
padding: 9px 12px;
font-size: 12px;
line-height: 14px;
}
.product-wrapper .btn_wrapper .pro_btn a svg {
width: 14px;
height: 35px;
line-height: 35px;
}
.product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding: 0;
width: 35px;
margin: 0 8px;
}
.product-wrapper .btn_wrapper .pro_btn a {
width: 35px;
height: 35px;
}
}
/*---------------- recently viewed products ------------------*/
#recently-viewed-products {
float: left;
width: 100%;
margin: 10px 0 0;
}
#recently-viewed-products .product-description {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
padding: 15px 0 0;
}
#recently-viewed-products .product-description .h4{
float: none;
width: auto;
display: inline-grid;
}
#recently-viewed-products a.grid-link__title{
overflow:hidden;
}
#recently-viewed-products .product-wrapper .spr-badges.grid-item-meta {
position: absolute;
top: auto;
bottom: 8px;
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;
text-align: center;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
#recently-viewed-products .product-wrapper .spr-badge {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
background: rgba(255,255,255,0.9);
padding: 3px 10px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
line-height: 13px;
}
#recently-viewed-products .product-wrapper:hover .spr-badges.grid-item-meta {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
#recently-viewed-products .product-wrapper .product-description span.price {
margin: 0;
float: none;
display: inline-block;
vertical-align: top;
}
#recently-viewed-products .product-wrapper {
margin-bottom: 0;
}
#recently-viewed-products .product-price-and-shipping {
float: left;
width: 100%;
}
#recently-viewed-products-wrap {
float: left;
width: 100%;
margin: 0 0 20px;
text-align: center;
}
#recently-viewed-products-wrap > .container {
padding: 0;
}
#recently-viewed-products-wrap .product-container {
float: left;
width: 100%;
}
.product-arrows {
position: fixed;
top: 50%;
right: 3%;
left: auto;
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
}
.product-arrows div i {
background: #111 none repeat scroll 0 0;
color: #ffffff;
font-size: 15px;
height: 104px;
padding: 40px 10px;
width: 30px;
line-height: 25px;
}
#recently-viewed-products.style3 .product-wrapper .spr-badges.grid-item-meta {
bottom: 65px;
}
.product-arrows a img {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 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;
}
.product-arrows div a .title {
display: none;
}
.product-arrows span a {
width: 100%;
height: 100%;
float: left;
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-arrows span a .mdi {
font-size: 20px;
line-height: 33px;
padding: 0 5px 0 7px;
}
.product-arrows span:hover {
border-color: var(--color-product-secondary);
}
.product-arrows span:hover a {
background: var(--color-product-secondary);
color: var(--color-product-secondary-text);
}
.design_3 .product-arrows div {
line-height: 30px;
}
.design_3 .product-Video-btn.popup-video.tip-top {
position: static;
}
.design_3 .product-Video-btn .mdi.mdi-video {
margin: 0 6px 0 0;
}
#shopify-section-product-template-5 .product-information .add-to-wishlist.pro_btn .loading {
float: none !important;
display:inline-block;
vertical-align:top;
}
#recently-viewed-products:hover .owl-nav{
visibility: visible;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;  
}

@media only screen and (min-width: 992px) {
.disable_menutoggle.menu_left .product-arrows .left{
left: 300px;
}
.disable_menutoggle.menu_right .product-arrows .right{
right: 300px;
}
}
@media only screen and (max-width: 991px) {
.product-arrows a:hover img,.product-arrows a img{
display: none;
}
.product-arrows div i {
background: #111 none repeat scroll 0 0;
color: #ffffff;
font-size: 15px;
height: 40px;
padding: 9px 14px;
width: 40px;
line-height: 25px;
}
}
@media only screen and (max-width: 767px){
.design_3 .product-arrows {
top: -35px;
}
.product-arrows span a .mdi {
line-height: 30px;
padding: 0 4px;
}
.product-arrows span {
width: 30px;
height: 30px;
}
#recently-viewed-products .product-wrapper .spr-badge{
display:none;
}
.product-thumb .add-to-wishlist.pro_btn a{
display:none;
}
}
@media only screen and (max-width: 480px) {
#recently-viewed-products {
padding: 0 5px;
}
.product-arrows {
float:left;
}
}
form#AddToCartForm {
float: left;
width: 100%;
margin:0;
}
a.product-lightbox-btn.tip-top img {
width: auto;
height: auto;
}
@media only screen and (min-width: 1025px) {
.product {
position: relative;
}
}
.grid-uniform {
margin-left: -15px;
margin-right: -15px;
}
/*================ This hacks all the grid-items in IE8 and below ================*/
.lt-ie9 .product-grid .grid-item {
display: inline-block;
float: none;
margin-bottom: var(--gutter);
margin-left: 0;
padding: 0;
}
.lt-ie9 .product-grid .grid-item .product {
margin-bottom: 0;
}
.lt-ie9 .product-wrapper {
margin: 0 var(--gutter) / 2;
}
.product__img {
display: block;
margin: 0 auto;
}

@media (min-width: 1025px) {
.product__img {
position: relative;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
}
.product__details {
transition: opacity 0.75s;
-webkit-transition: opacity 0.75s;
-moz-transition: opacity 0.75s;
-o-transition: opacity 0.75s;
-ms-transition: opacity 0.75s;
}
.product__price {
font-size: var(--font-size-base);
}
.product__title {
font-size: em(17px);
margin: var(--gutter) / 2 0 0 0;
line-height: 1.5;
}
@media (min-width: 480px) and (max-width: 1025px) {
.large--one-quarter .product__title {
font-size: em(14px);
}
}
.tag {
background-color: #f6f6f6;
color: #666;
font-family: var(--font-stack-body);
font-size: em(14px);
padding: var(--gutter) / 6 10px;
}
.on-sale-tag .tag {
background-color: none;
color: var(--color-meta);
}
.on-sale-tag {
margin: 0 0 (var(--gutter) / 2);
position: absolute;
top: 45px;
right: 15px;
}
.product-list .on-sale-tag{
left: 15px;
right: auto;
}
@media only screen and (max-width: 700px) {
.products-grid-view .grid-item{
width: 50%;
}
}
.edit_checkout .btn {
padding: 0.8em 1.7em;
}
.spr-review .spr-icon{
font-size:100%;
}
.top-products-detail a{
margin: 5px 0;
font: 500 13px/18px var(--font-stack-body);
}
.products-grid-view > .grid-item{
overflow: hidden; 
}
.collection_template .products-grid-view {
display: flex;
flex-flow: row wrap;
padding:0px;
}
.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block,.right-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block {
width: 190px;
padding: 0 0 0 35px;
}
.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block span,.right-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block span {
margin: 0 10px 0 0;
}
.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block::after,.right-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block::after {
left: 5px;
}

@media only screen and (min-width: 991px) {
.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .product-wrapper .btn_wrapper .pro_btn a,.right-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .product-wrapper .btn_wrapper .pro_btn a,.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .product-wrapper .btn_wrapper .pro_btn a > i,.right-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .product-wrapper .btn_wrapper .pro_btn a > i {
height: 35px;
width: 35px;
line-height: 35px;
}
.products-grid-view.collections_masonry.shop_masonry .grid-item.ms-item.medium--one-third.large--one-third.product-grid {
margin: 0 0 30px;
}
}

.product-wrapper .spr-badge-caption{
display:none;
}
.product-single__photos .product-image-btn {
position: absolute;
right: 0;
bottom: 0;
width: 30px;
height: 30px;
line-height: 30px;
}
.search_wrapper .search-results {
top: 100% !important;
overflow: auto;
max-height: 655px;
padding: 10px;
}
.search_wrapper .search-results .product-price__price.compare_price .money {
margin-left: 5px;
}
.search_wrapper .search-results::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}
.search_wrapper .search-results::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
}
.search_wrapper .search-results::-webkit-scrollbar {
width: 5px;
}
@media (min-width: 1201px) {
.full_width .product-list .product-thumb {
width: auto;
}
}
/*--------------------- newsletter Common CSS ------------------------*/
.block_newsletter form input[type="email"] {
padding: 10px 130px 10px 15px;
width: 100%;
height: 45px;
background:none;
border-top:none;
border-bottom:1px solid rgba(255,255,255,.5);
color:#fff;
}
#newsletterModal .modal-dialog{
width:650px;
}
.block_newsletter form .input-group .input-group-btn .btn {
padding: 0 25px;
margin:0 0 5px;
position: absolute;
top: auto;
bottom: 0;
left: auto;
right: -1px;
border:none;
z-index:1;
background: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.block_newsletter form .input-group .input-group-btn .btn:hover{
opacity: 0.8;
-moz-opacity: 0.8; 
-khtml-opacity: 0.8; 
-webkit-opacity: 0.8;
}
.block_newsletter form .input-group .input-group-btn .btn:hover span,.block_newsletter form .input-group .input-group-btn .btn:focus span,.block_newsletter form .input-group .input-group-btn .btn:active span{
color:var(--color-btn-primary-text);
}
.input-group.newsletter-input input {
float: left;
}
.block_newsletter .input-group-btn
{
float: right;
width: 100%;
}
.block_newsletter .ttinput_newsletter button span.icon{
display: none;
}
.block_newsletter .block_content form .input-group span.subscribe {
font: 500 15px/18px var(--font-stack-subheading);
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:1399px){
#newsletterModal .modal-dialog {
width: 620px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .title {
font-size: 34px;
line-height: 50px;
}
.block_newsletter form input[type="email"]{
padding: 10px 132px 10px 15px;
}
}
@media (max-width: 1199px) {
.block_newsletter form .input-group .input-group-btn .btn {
padding: 8px 20px;
height: 40px;
}
.block_newsletter form input[type="email"] {
padding: 10px 116px 10px 15px;
height: 40px;
}
}
@media(max-width:991px){
.block_newsletter form input[type="email"] {
padding: 10px 115px 10px 15px;
}
}
@media(max-width:767px){
.block_newsletter .block_content form .input-group span.subscribe{
font-size:13px;
line-height:16px;
}
.block_newsletter form input[type="email"] {
padding: 10px 105px 10px 15px;
}
}
@media (max-width: 480px) {
.block_newsletter form .input-group span.subscribe {
display: none;
}
.block_newsletter .ttinput_newsletter button span.icon{
display: block;
}
.block_newsletter form .input-group .input-group-btn .btn {
padding: 0 10px;
}
.block_newsletter form input[type="email"] {
padding: 10px 45px 10px 15px;
}
}
.footer-top .block_newsletter .block_content form {
margin: 0;
}
.block_newsletter .form-vertical .errors,.block_newsletter .form-vertical .form-success {
position: absolute;
top: auto;
bottom: -40px;
left: 0;
right: 0;
padding: 12px 14px;
z-index: 2;
width: auto;
font-size: 13px;
margin: 0;
}
.block_newsletter .form-vertical {
float: left;
width: 100%;
position: relative;
}
.block_newsletter .ttinput_newsletter button i {
display: none;
}
/*--------------------- newsletter model CSS ------------------------*/
#newsletterModal .modal-header .close {
background: #f5f3f0;
border: none;
padding: 15px 19px 20px;
float: none;
width: auto;
display: inline-block;
}
}
.modal-md {
margin: 0 auto;
}
.modalpopupclose {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
cursor: url(pop.png),pointer;
}
#newsletterModal .modal-dialog .modal-content .modal-block .desc {
color:var(--color-btn-primary);
font-size:15px;
line-height:20px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .title{
font: 300 36px/55px var(--font-stack-header);
color:#262613;
}
.modal-newsletter .checkbox-group {
line-height: normal;
}
.modal-newsletter .checkbox-group input[type="checkbox"] + label {
font-size: 13px;
color: #777;
}
.modal-newsletter .checkbox-group input[type="checkbox"] + label:hover, .modal .modal-newsletter .checkbox-group input[type="checkbox"] + label:focus, .modal .modal-newsletter .checkbox-group input[type="checkbox"] + label:active {
color: #222;
}
.modal-newsletter .checkbox-group.active input[type="checkbox"] + label {
color: #222;
}
.modal-newsletter .checkbox-group.form-group-top input[type="checkbox"] {
height: 15px;
width: 15px;
float: none;
vertical-align: top;
display: inline-block;
margin: 0px;
}
.color_swatch_Value li.active label {
width: 16px;
height: 16px;
position: relative;
}
.color_swatch_Value li.active label::after {
position: absolute;
content: '\f12c';
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
font-family: 'Material Design Icons';
color: #ccc;
font-size: 12px;
}
.modal-newsletter p {
padding-bottom: 7px;
}
#newsletterModal .modal-header {
height: 38px;
width: 38px;
background: #fff;
z-index: 1;
}
#newsletterModal .modal-newsletter .row-subscibe input {
text-align: left;
height:51px;
margin:0 15px 0 0;
background:#f5f3f0;
border:none;
}
#newsletterModal .modal-newsletter .row-subscibe input[type="text"]::placeholder {
color: #222;
}
#newsletterModal .modal-newsletter .row-subscibe button {
height: 51px;
padding: 0 43px;
font-weight: 600;
background: var(--color-btn-hover);
color: var(--color-btn-primary-text);
display: flex;
align-items: center;
justify-content: center;
}
#newsletterModal .modal-newsletter .row-subscibe button:hover,#newsletterModal .modal-newsletter .row-subscibe button:active,#newsletterModal .modal-newsletter .row-subscibe button:focus {
color: var(--color-btn-primary-text);
}
#newsletterModal .modal-newsletter .row-subscibe button.btn:hover::after,#newsletterModal .modal-newsletter .row-subscibe button.btn:active::after,#newsletterModal .modal-newsletter .row-subscibe button.btn:focus::after{
background: var(--color-btn-primary);
}
#newsletterModal .modal-newsletter .checkbox-group .box {
margin-top: 0;
display: none;
top: 2px;
bottom: auto;
}
#newsletterModal .modal-newsletter .checkbox-group label {
font:400 13px/16px var(--font-stack-body);
padding-left: 5px;
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;
}
#newsletterModal .modal-newsletter .checkbox-group label:hover {
color: #222;
}
#newsletterModal .modal-newsletter .social-sharing {
float: left;
width: 100%;
margin-top: 20px;
}
#newsletterModal .modal-newsletter .social-sharing span.share-title {
display: none;
}
#newsletterModal .modal-newsletter p {
margin-bottom: 0px;
}
#newsletterModal .modal-content .modal-block {
background: #fff;
padding: 35px; 
}
#newsletterModal form.subscribe-form {
width: 100%;
float: left;
margin: 0;
}
#newsletterModal .modal-dialog.white-modal.modal-md {
margin: 0 auto;
display: inline-block;
border: none;
vertical-align: middle;
height: auto;
overflow: hidden;
z-index: 2;
}
#newsletterModal .social-sharing a{
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
border-radius: 50%;
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
color: #fff;
padding: 0;
margin-right: 2px;
}
#newsletterModal .social-sharing a:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
}
#newsletterModal .social-sharing a.share-facebook {
background: #3b5998;
}
#newsletterModal .social-sharing a.share-twitter {
background: #00aced;
}
#newsletterModal .social-sharing a.share-instagram {
background: #dc2743;
}
#newsletterModal .social-sharing a.share-pinterest {
background: #dc2743;
}
#newsletterModal span.share-title {
display: none;
}
@media only screen and (max-width: 1399px) {
#newsletterModal .modal-dialog .modal-content .modal-block .title{
font-size: 24px;
line-height: 26px;
margin: 0 0 15px;
}
}
@media only screen and (max-width: 1199px) {
#newsletterModal .modal-dialog.white-modal {
width: 600px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .title {
font-size: 30px;
line-height: 45px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .desc{
font-size: 13px;
line-height: 18px;
}
#newsletterModal .modal-newsletter .row-subscibe button,#newsletterModal .modal-newsletter .row-subscibe input{
height:48px;
}
}
@media only screen and (max-width: 767px) {
#newsletterModal .modal-newsletter .row-subscibe button{
height: 40px;
padding: 0 20px;
font-size: 14px;
line-height: 18px;
}
#newsletterModal .modal-newsletter .row-subscibe input{
height: 40px;
font-size: 13px;
}
#newsletterModal .modal-header .close{
padding:15px;
}
#newsletterModal .modal-dialog.white-modal {
width: 500px;
}
#newsletterModal .modal-content .modal-block .modal-newsletter{
padding: 0;
float: left;
}
#newsletterModal .modal-content .modal-block .modal-img{
margin: 0 0 10px;
}
#newsletterModal .close::after, #newsletterModal .close::before{
width: 13px;
}
#newsletterModal .modal-header{
height: 30px;
width: 30px;
}
#newsletterModal .modal-header i.mdi.mdi-close{
height: 30px;
width: 30px;
line-height: 30px;
}
}
@media only screen and (max-width: 480px) {
#newsletterModal .modal-dialog.white-modal {
width: 360px;
}
#newsletterModal .modal-content .modal-block {
padding: 28px;
}
#newsletterModal .modal-newsletter .checkbox-group label{
font-size: 12px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .desc {
font-size: 11px;
line-height: 16px;
}
#newsletterModal .modal-newsletter .row-subscibe input{
margin:0 10px 0 0;
}
#newsletterModal .modal-dialog .modal-content .modal-block .title {
font-size: 24px;
line-height: 35px
}
#newsletterModal .modal-newsletter .row-subscibe button{
font-size: 13px;
line-height: 16px;
}
}
@media only screen and (max-width: 400px) {
#newsletterModal .modal-dialog.white-modal {
width: 300px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .title {
font-size: 22px;
line-height: 30px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .desc {
margin: 0 0 30px !important;
}
}
/*-------------------- Blogs and Comments -------------------*/
.lightbox .lb-outerContainer .lb-container .lb-nav {
left: 0 !important;
width: 100% !important;
right: 0;
margin: 0 auto;
}
.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next {
background: #fff;
margin: auto;
line-height: 20px;
padding: 9px 0;
height: 40px !important;
width: 40px !important;
line-height: 22px;
margin: auto;
cursor: pointer;
}
.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:hover, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:hover {
background: var(--color-btn-secondary);
}
.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:hover:before, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:hover:before {
color: var(--color-btn-secondary-text);
}
.blog-grid-wrapper{
margin-right: -15px;
margin-left: -15px;
}
#blog_slider .article__grid__inner .ttblog_image_holder > a::before {
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: "";
height: 100%;
width: 100%;
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;
}
.grid-blog-slider  .ttblog_image_holder.blog_image_holder {
margin: 0 0 15px;
}
#blog_slider .article__grid__inner:hover .ttblog_image_holder > a::before {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
#blog_slider .tt-blog-content .blog_image_holder .bloglinks {
height: 42px;
margin: auto;
width: 42px;
z-index: 1;
}
#blog_slider .tt-blog-content .blog_image_holder .bloglinks a {
border: 2px solid #fff;
color: #fff;
width: 42px;
height: 42px;
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;
}
#blog_slider .tt-blog-content .blog_image_holder .bloglinks a:hover{
background: var(--color-btn-primary);
border: 2px solid var(--color-btn-primary);
color: var(--color-btn-primary-text);	
}
#blog_slider .tt-blog-content .blog_image_holder .bloglinks a i {
font-size: 20px;
font-weight: normal;
width: 40px;
height: 40px;
line-height: 40px;
}
#blog_slider .tt-blog-content:hover .blog_image_holder .bloglinks 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);
}
#blog_slider .tt-blog-content .blog-content-wrap .h3.article__title a {
text-overflow: ellipsis;
}
#blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt {
font: 400 14px/20px var(--font-stack-body);
margin: 0 0 12px;
}
#blog_slider .tt-title {
margin: 0;
}
.page-width .blog-content-wrap .btn
{
padding: 8px 25px;
text-align: left;
border: 1px solid var(--color-btn-primary);
}

#blog_slider .tt-blog-content span.article__date.left {
float: left;
width: 100%;
margin: 0 0 15px 0;
}
#blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons > li {
float: left;
width: 100%;
margin: 0;
}
.page-width .customNavigation
{
text-align:center;
margin: 30px 0 0;
}
.page-width .customNavigation a.prev,
.page-width .customNavigation a.next
{
font-size:0;
}
#blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more {
color: var(--color-btn-primary);
}
#blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons:hover a.read-more,#blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons:active a.read-more,#blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons:focus a.read-more{
color: var(--color-btn-primary-text);
}
#blog_slider .blog-content-wrap .btn::after{
background:var(--color-btn-primary);
}
#blog_slider .tt-blog-content .blog-content-wrap .article__date i.mdi.mdi-calendar {
font-size: 16px;
line-height: 18px;
padding: 2px 6px 0 0;
float: left;
width: auto;
}
#blog_slider .tt-blog-content .article__title {
font: 400 20px/22px var(--font-stack-header);
margin: 0 0 12px;
white-space: nowrap;
}
#blog_slider .tt-blog-content .article__title > a {
color: var(--color-text);
}
#blog_slider .tt-blog-content .article__title > a:hover {
color: var(--color-btn-primary);
}
#blog_slider .tt-blog-content {
float: left;
width: 100%;
position: relative;
padding: 0 15px;
}
.content-wrapper .tt-blog-content span.bloglinks {
bottom: 0;
height: 50px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 50px;
z-index: 1;
}
.content-wrapper .tt-blog-content span.bloglinks a {
border: 2px solid #fff;
color: #fff;
float: left;
width: 45px;
padding: 10px;
height: 45px;
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;
}
.content-wrapper .tt-blog-content span.bloglinks a i {
float: left;
font-size: 20px;
line-height: 22px;
font-weight: normal;
}
.content-wrapper .tt-blog-content:hover .blog_image_holder .bloglinks a,.content-wrapper .tt-blog-content:hover span.bloglinks 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);
}
.tt-blog-content .ttblog_image_holder > a::before {
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: "";
height: 100%;
width: 100%;
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;
}
.tt-blog-content:hover .ttblog_image_holder > a::before {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a.btn::before {
border-bottom: none;
}
@media only screen and (max-width: 1399px) {
#blog_slider .tt-blog-content span.article__date.left {
margin: 0 0 12px 0;
}
.page-width .blog-content-wrap .btn {
padding: 7px 22px;
}
}
@media only screen and (max-width: 1299px) {
#blog_slider .tt-blog-content span.article__date.left {
margin: 0 0 10px 0;
}
}
@media only screen and (max-width: 1199px) {
#blog_slider .tt-blog-content .article__title{
margin: 0 0 10px;
}
.page-width .blog-content-wrap .btn {
padding: 7px 23px;
}
#blog_slider .tt-blog-content span.article__date.left {
font-size: 12px;
line-height: 14px;
}
}
@media(max-width: 991px) {
#blog_slider .article__grid__inner .ttblog_image_holder > a::before,.tt-blog-content .ttblog_image_holder > a::before {
opacity: 0.3;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
}
#blog_slider .tt-blog-content .blog_image_holder .bloglinks a,.content-wrapper .tt-blog-content span.bloglinks 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);
}
.page-width .blog-content-wrap .btn {
font-size: 14px;
line-height: 20px;
}
#blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt{
margin: 0 0 10px;
}
#blog_slider .tt-blog-content .article__title{
margin: 0 0 7px;
font-size:18px;
line-height:20px;
}
}
@media(max-width:575px){
.page-width .blog-content-wrap .btn{
padding: 7px 20px;
}
}
@media only screen and (max-width: 480px) {
.page-width .blog-content-wrap .btn {
padding: 6px 20px;
}
}
/*---------------------Next Prev CSS -------------------*/
#blog_slider .brand-bar__item {
padding: 0 15px;
float: left;
width: 100%;
}
/* .owl-theme .owl-nav {
display: none;
} */
.customNavigation {
float: left;
width: 100%;
text-align: left;
margin: 20px 0 0;
}
.navigation_wrap {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
position:relative;
}
.customNavigation a:hover{
color: var(--color-btn-secondary-text);
}
.customNavigation a.prev {
margin: 0 4px 0 0;
}
.customNavigation a span {
font-size: 30px;
line-height: 35px;
float: none;
display: inline-block;
vertical-align: top;
height: 35px;
width: 35px;
text-align: center;
}
.tt-brand_slider.owl-theme .owl-nav {
-webkit-opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
visibility : hidden;
-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;
display: block;
margin: 0;
}
.tt-brand_slider.owl-theme .owl-nav .owl-prev,.tt-brand_slider.owl-theme .owl-nav .owl-next{
display:block;
}
#blog_slider:hover .owl-nav,#brands_list_slider:hover .owl-nav {
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility : visible
}
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
font-size: 0;
height: 25px;
width: 25px;
padding: 0px;
position: absolute;
top: 0;
bottom: 0;
background: none;
margin: auto;
-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;
border: 1px solid var(--color-border);
border-radius: 0px;
display:none;
}
.owl-theme .owl-nav .owl-prev:hover, .owl-theme .owl-nav .owl-next:hover, .owl-theme .owl-nav .owl-prev:focus, .owl-theme .owl-nav .owl-next:focus, .owl-theme .owl-nav .owl-prev:active, .owl-theme .owl-nav .owl-next:active {
background: none;
}
.owl-theme .owl-nav .owl-prev {
left: -30px;
}
.owl-theme .owl-nav .owl-prev::before,.owl-theme .owl-nav .owl-next::before{
color: #111;
content: "\f04d";
font-family: 'Material Design Icons';
font-size: 18px;
line-height: 25px;
-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;
}
.owl-theme .owl-nav .owl-next {
right: -30px;
}
.owl-theme .owl-nav .owl-next::before {
content: '\f054';
}
.owl-theme .owl-nav .disabled{
cursor: not-allowed;
}
.owl-theme .owl-nav .owl-next:hover::before,.owl-theme .owl-nav .owl-prev:hover::before{
color:#FF5635;
}
@media (max-width: 1000px) {
.owl-theme .owl-nav .owl-prev{
left: -15px;
} .owl-theme .owl-nav .owl-next {
right: -15px;
}
}
@media (max-width: 991px) {
.tt-brand_slider.owl-theme .owl-nav{
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility : visible;
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
position: static;
margin: 0 2px;
}
}
/*--------------------- blog inner content -------------------*/
.blog_content_wrap .grid__item {
padding: 0 15px;
}
.blogleft_inner_content {
float: left;
width: 100%;
}
.blogleft_inner_content .article .blogs-sub-title .blog-date {
border-right: 1px solid rgba(0,0,0,.2);
margin-right: 5px;
padding-right: 5px;
margin-bottom: 0;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description p {
font: italic 400 13px/22px var(--font-stack-body);
float: left;
width: 100%;
margin: 0 0 8px;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description h4.article__title {
font: 500 16px/20px var(--font-stack-header);
margin: 0 0 10px;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description h4.article__title > a {
color: var(--color-text);
}
.blogleft_inner_content .tt-blog-content .tt-blog-description h4.article__title > a:hover{
color: var(--color-btn-secondary);
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .tt-social-share,.blogleft_inner_content .tt-blog-content .tt-blog-description .blog-tag {
margin: 0 0 10px;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .tt-social-share > div {
float: left;
width: 30px;
height: 30px;
margin: 0 5px 0 0;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a {
background: none;
color: #111;
position:relative;
padding: 0 0 0 25px;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a:hover {
color: var(--color-btn-primary);
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a::after {
content: " ";
position: absolute;
left: 0;
right: auto;
top: 0;
bottom: 0;
margin: auto 0;
background: #111;
width: 20px;
height: 1px;
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;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a:hover::after {
width: 30px;
background: var(--color-btn-primary);
}
.blogleft_inner_content .tt-blog-content .blog_image_holder img {
width: 100%;
}
.blogleft_inner_content .article .ttblog_image_holder.blog_image_holder {
margin: 0 0 15px;
}
.blogleft_inner_content .article .blogs-sub-title {
padding: 10px;
bottom: 10px;
right: 10px;
box-shadow: 1px 0 10px rgb(0 0 0 / 10%);
background: #fff;
color: #666;
}
@media only screen and (max-width: 767px) {
.blogleft_inner_content .tt-blog-content .tt-blog-description .tt-social-share {
margin: 5px 0;
}
}
@media only screen and (max-width: 480px) {
.blogleft_inner_content .article .blogs-sub-title {
padding: 5px 10px;
}
}
/*-------------------- blog_list ----------------*/
.blog_list.grid__item {
padding: 0;
}
.blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn {
margin: 15px 0 0;
}
.blog_list.grid__item.blog_list_item p.blog-date {
padding: 10px;
bottom: 10px;
right: 25px;
box-shadow: 1px 0 10px rgb(0 0 0 / 10%);
color:#666;
background: #fff;
}
.blog_list.grid__item.blog_list_item .blog-tag {
margin: 0 0 5px;
}
.blog_list.grid__item.blog_list_item .comments-count {
margin: 5px 0;
}
.blog_list.grid__item.blog_list_item .blog_descrition {
font: italic 400 13px/22px var(--font-stack-body);
margin: 0 0 10px;
}
.blog_list .article.tt-blog-content {
float: left;
width: 100%;
margin: 0 0 30px;
}
.widget {
border: 1px solid var(--color-border);
padding: 5px;
margin: 0 0 15px;
}
.collection_sidebar .widget{
border:none;
}
.blog_list .ttblog_image_holder {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.blog_list .article.tt-blog-content .ttblog_image_holder a.article__grid-image {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.blog_list .tt-blog-content .blog_image_holder {
position: relative;
float: left;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
}
.blog_list .tt-blog-content .blog_image_holder a.article__grid-image {
float: left;
width: 100%;
position: relative;
}
.blog_list .tt-blog-content .blog_image_holder a.article__grid-image img {
width: 100%;
}
.blog_list .tt-blog-description .tt-social-share i.mdi {
font-size: 18px;
line-height: 30px;
}
.blog_list .tt-blog-description .tt-social-share > div {
display: inline-block;
margin: 0 15px 0 0;
float:none;
vertical-align: top;
}
.blog_list .blog-btn i {
margin-left: 5px;
vertical-align: middle;
}
.blog_list .tt-blog-content .article__title {
font-size: 17px;
line-height: 20px;
}
.blog_list .tt-blog-content .article__title a {
color: var(--color-text);
font-family: var(--font-stack-header);
}
.blog_list .tt-blog-content .article__title a:hover{
color:var(--color-btn-primary);
}
.blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn a{
float: left;
width: auto;
position: relative;
padding: 0 0 0 25px;
color:#111;
}
.blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn a:hover{
color: var(--color-btn-primary);
}
.blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn a::after{
content: " ";
position: absolute;
left: 0;
right: auto;
top: 0;
bottom: 0;
margin: auto 0;
background: #111;
width: 20px;
height: 1px;
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;
}
.blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn a:hover::after{
width: 30px;
background: var(--color-btn-primary);
}
@media only screen and (max-width: 767px) {
.blog_list .article.tt-blog-content .ttblog_image_holder {
width: 100%;
margin: 0 0 15px;
}
.blog_list .article.tt-blog-content .tt-blog-description {
float: left;
width: 100%;
}
}
/*-------------------- blog masonry ----------------*/
.blog_masonry_left .article.tt-blog-content {
float: left;
width: 100%;
margin: 0 0 30px;
}
/*----------------- blog single post -----------------*/
article.grid-item.blog-post-single {
padding: 0;
}
.blog-post-single a.blog-post__full-image {
margin: 0 0 20px;
}
.blog-post-single a.blog-post__full-image img {
width: 100%;
}
.blog-post-single .blog-meta div {
padding: 0 15px 0 0;
margin: 0 15px 0 0;
border-right: 1px solid var(--color-border);
}
.blog-meta div:last-child{
padding: 0;
margin: 0;
border-right: none;
}
.blog-post-single h1 {
font: 500 20px/22px var(--font-stack-header);
color: var(--color-text);
margin: 20px 0 0;
}
.blog-post-single > .rte {
margin: 15px 0 25px;
}
.blog-post-single .tt-social-share{
margin: 0 0 30px;
}
.blog-post-single .tt-social-share > div {
float: left;
width: 30px;
height: 30px;
margin: 0 10px 0 0;
}
.blog-post-single .tt-social-share > div > a {
float: left;
width: 30px;
height: 30px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
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;
}
.blog-post-single .tt-social-share > div > a:hover {
transform: translateY(-4px);
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-o-transform: translateY(-4px);
-ms-transform: translateY(-4px);
}
.blog-post-single .tt-social-share > div i.mdi {
font-size: 18px;
line-height: 30px;
}
.blog-post-single .tt-social-share > div.facebook > a {
background: #3b5998;
}
.blog-post-single .tt-social-share > div.twitter > a {
background: #00aced;
}
.blog-post-single .tt-social-share > div.google_plus > a {
background: #d34836;
}
.blog-post-single .tt-social-share > div.pinterest > a {
background: #c8232c;
}
.blog-post-single .tt-social-share > div.linkedin > a {
background: #0077B5;
}
.blog-post-single .newer-post{
float: none;
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
.blog-post-single .paginatoin_custom .blog_nav_img,.blog-post-single .paginatoin_custom .blog_nav_title {
display: none;
}
.blog-post-single .paginatoin_custom a {
float: left;
width: auto;
padding: 10px 20px;
background: var(--color-btn-primary);
color: var(--color-btn-primary-text);
position: relative;
overflow: hidden;
z-index: 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;
}
.blog-post-single .paginatoin_custom a:hover {
color: var(--color-btn-primary-text);
background: var(--color-btn-hover);
}
.blog-post-single .paginatoin_custom a:focus,.blog-post-single .paginatoin_custom a:active{
background: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.blog-post-single .comments-count svg{
margin-right: 5px;
}
.blog-post-single ul {
float: left;
width: 100%;
margin: 0 0 30px;
}
.blog-post-single ul > li {
float: left;
width: 100%;
margin: 0;
}
.blog-post-single h2.h3 {
float: left;
width: 100%;
font-size: 20px;
line-height: 22px;
font-weight: 500;
margin: 0 0 20px;
color: var(--color-text);
}
.sidebar .recent_article.widget ul li {
padding: 0 15px;
margin: 0 0 10px;
}
.sidebar .recent_article ul li {
margin: 0 0 20px;
}
.sidebar .recent_article ul li:last-child {
margin: 0;
}
.sidebar .recent_article ul li .article-detail {
padding-left: 15px;
}
.sidebar .recent_article ul li .article-detail h5.article__title {
font: 500 13px/16px var(--font-stack-header);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.sidebar .recent_article ul li .article-detail h5.article__title a {
color: var(--color-text);
}
.sidebar .recent_article ul li .article-detail h5.article__title a:hover{
color: var(--color-btn-secondary);
}
.sidebar .recent_article ul li .article-detail .article_date {
line-height: 16px;
}
.sidebar .recent_article ul li .article-detail .article_date time {
font-size: 13px;
}
.sidebar .recent_article .artical-image {
padding: 0;
}
.content-wrapper .tt-blog-content .blogs-sub-title .comments-count > span {
display: none;
}
#shopify-section-article-template {
margin: 0 0 30px;
}
#shopify-section-article-template .sidebar{
float: left;
width: 100%;
}
#shopify-section-article-template .sidebar #comments {
float: left;
width: 100%;
border: 1px solid var(--color-border);
padding: 15px 10px;
}
#shopify-section-article-template .sidebar #comments h2.h3 {
font-size: 16px;
line-height: 18px;
text-align: left;
font-weight: 500;
color: var(--color-text);
margin: 0 0 15px;
font-family: var(--font-stack-header);
}
#shopify-section-article-template .sidebar #comments .grid-item.large--one-half {
float: left;
width: 100%;
}
#shopify-section-article-template .sidebar #comments input.btn.text-center:hover, #shopify-section-article-template .sidebar #comments input.btn.text-center:active, #shopify-section-article-template .sidebar #comments input.btn.text-center:focus {
background: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
@media (min-width: 481px) and (max-width: 991px) {
.sidebar .recent_article .artical-image {
width: auto;
}
}
@media only screen and (max-width: 991px) {
#shopify-section-article-template .sidebar {
margin: 10px 0 0;
}
.sidebar .sidebar__inner .widget.recent_article {
margin: 0 0 10px;
}
.sidebar .sidebar__inner .widget.recent_article > ul {
padding: 15px;
float: left;
width: 100%;
}
.sidebar .sidebar__inner .widget.widget_categories ul {
padding: 0 15px;
}
}
@media only screen and (max-width: 480px) {
.blog-post-single h1{
font-size: 18px;
line-height: 20px;
}
.blog-post-single > .rte{
margin: 15px 0;
}
.blog-post-single .item-social-sharing{
margin: 0 0 15px;
}
.blog-post-single .meta{
border: none;
padding: 0;
margin: 10px 0 0 0;
float: left;
}
#shopify-section-article-template {
margin: 0;
}
}
/*------------------------- Mega-Menu CSS ----------------------------*/
.template-index .sidebar div#shopify-section-TT-mega_menu {
margin: 0;
}
.sticky_header.fixed #tt-megamenu h5.toggle_menu{
margin:0 0 10px; 
}
.site-header .sticky_header.fixed #cart {
margin: 4px 0;
padding: 0 0 0 20px;
}
.site-header .sticky_header.fixed .header_logo_wrap{
margin: 20px 0;
}
.site-header .sticky_header.fixed #tt-megamenu .tt-mega_menu li.tt_menu_item{
padding: 23px 0;
}
.site-header .sticky_header.fixed .site-header__search .serach_icon,.site-header .sticky_header.fixed .wishlist-icon-div a.wishlist{
padding: 32px 0;
}
.site-header .sticky_header.fixed .myaccount .dropdown-toggle,.site-header .sticky_header.fixed .wrapper-top-cart > .site-header_cart_link,.site-header .sticky_header.fixed .fullscreen_header_toggle{
padding: 29px 0;
}
.fixed #shopify-section-TT-mega_menu #tt-megamenu {
margin: 0;
}
#tt-megamenu h5.toggle_menu {
padding: 15px 15px 15px 65px;
margin: 0 0 35px 10px;
background: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
position: relative;
text-align: left;
cursor: pointer;
font: 500 16px/24px var(--font-stack-header);
}
#tt-megamenu .toggle_menu i.mdi-menu {
float: right;
width: auto;
background: var(--color-btn-secondary-text);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
color: var(--color-btn-secondary);
font: 500 22px/30px var(--font-stack-header);
height: 30px;
left: 20px;
position: absolute;
right: auto;
top: 12px;
width: 30px;
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;
}
#tt-megamenu:hover .toggle_menu i.mdi-menu {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
#tt-megamenu .tt-mega_menu{
float: left;
width: 100%;
}

#tt-megamenu .tt-mega_menu li.tt_menu_item > a{
float: left;
width: 100%;
padding: 8px 24px;
position: relative;
cursor: pointer;
font: 500 15px/18px var(--font-stack-body);
text-align: center;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap{
float: left;
width: 100%;
position: absolute;
right: auto;
left: 100%;
background: var(--color-body);
border: 1px solid var(--color-border);
z-index: 3;
padding: 30px;
top: 0;
}
#tt-megamenu .tt-mega_menu li.more_menu.tt_menu_item>ul.tt_sub_menu_linklist {
display: block;
padding: 0;
}

#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu > a{
float: left;
width: 100%;
position: relative;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
overflow: hidden;
}
/* #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu a.menu-banner::after {
content: "";
background: none repeat scroll 0 0 rgba(0,0,0,.09);
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);
} */
/* #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu a.menu-banner: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;
} */
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu > a:hover {
box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.1);
-webkit-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.1);
-ms-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.1);
-o-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.1);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu.product {
margin: 0;
padding: 0;
width: 100%;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist > li {
float: left;
width: 100%;
margin: 0;  
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .sub_mn_title a{
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;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .sub_mn_title a:hover{
color:var(--color-btn-primary);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist > li > a {
float: left;
width: 100%;
font: 400 14px/24px var(--font-stack-subheading);
text-align: left;
padding: 0 0 5px;
color: var(--color-body-text);
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;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist>li:last-child>a {
padding: 0;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist > li > a:hover,.myaccount .customer_account ul > li > a:hover,.customer_account .compare-icon-div .compare-icon:hover{
color: var(--color-btn-primary);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu.banner {
padding: 0 15px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu {
float: left;
width: 100%;
margin: 10px 0 0;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav {
display: block;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav:hover .owl-prev::before, #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav:hover .owl-next::before {
color: var(--color-text-hover-field);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav > div {
float: left;
height: 30px;
width: 30px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
font-size: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
cursor: pointer;
background: none;
border: none;
padding: 0;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav > div::before {
content: "\f141";
left: 0;
right: 0;
margin: 0 auto;
height: 30px;
width: 30px;
font-family: "Material Design Icons";
font-size: 28px;
line-height: 30px;
color: var(--color-body-text);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav .owl-prev {
left: -15px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav .owl-next {
right: -15px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav .owl-next::before {
content: "\f142";
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu:hover .list_product_menu_content .owl-nav > div {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
border: none;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper {
padding: 0 0 10px 0;
animation: none;
margin: 0;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb {
float: left;
width: 100%;
border: none;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb .grid-view-item {
float: left;
width: 100%;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb .grid-view-item .product_info {
float: left;
width: 100%;
padding: 0;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb a.grid-view-item__link {
float: left;
width: 100%;
position: relative;
margin: 0 0 10px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb:hover .product-price__sale-label {
top: 10px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb .product_info .h4.grid-view-item__title {
margin: 0 0 5px;
float: left;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb .grid-view-item__title > a {
color: var(--color-text-field);
float: left;
width: 100%;
white-space: nowrap;
font: 500 14px/18px var(--font-stack-body);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb .grid-view-item__meta {
font-family: var(--font-stack-header);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper:hover .product-thumb .grid-view-item__title > a {
color: var(--color-text-hover-field);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item span.tt_mn_sub_heading{
float: left;
width: auto;
padding: 2px 5px;
font-size: 10px;
line-height: 14px;
position: absolute;
top: -8px;
margin: 0 3px;
font-weight: 600;
font-family: var(--font-stack-body);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item ul.tt_sub_menu_linklist{
float: left;
width: 100%;
margin: 0;
min-width: 180px;
padding: 8px 0;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap.disable, #tt-megamenu .tt-mega_menu li.tt_menu_item:hover .tt_sub_menu_wrap.disable{
display: none !important;
}
#tt-megamenu .tt-mega_menu li.more_menu > ul > li .tt_sub_menu_wrap .tt_sub_menu {
margin: 0;
padding: 0;
width: 100% !important;
}
#tt-megamenu .tt-mega_menu li.more_menu > ul > li.tt_menu_item a::after {
right: 20px;
}
#tt-megamenu .tt-mega_menu li.more_menu > ul > li:hover > a {
color: var(--color-text-hover-field);
}
#tt-megamenu .tt-mega_menu li.more_menu ul.tt_sub_menu_linklist li.tt_menu_item .tt_sub_menu_wrap ul.tt_sub_menu_linklist > li:hover > a {
color: var(--color-text-hover-field);
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
#tt-megamenu ul.tt_menus_ul li.tt_menu_item > a::after{
position: absolute;
content: "\f140";
height: 20px;
width: 20px;
font-size: 16px;
line-height: 22px;
font-family: "Material Design Icons";
right: 0px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
transition: none;
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;
font-style: normal;
}
#tt-megamenu ul.tt_menus_ul li.tt_menu_item.single > a::after{
display: none;
}
#tt-megamenu .tt_sub_menu_wrap h4.sub_mn_title, #tt-megamenu .tt_sub_menu_wrap .sub_mn_title.h4{
float: left;
width: 100%;
text-align:left;
font: 500 18px/26px var(--font-stack-header);
border-bottom: 1px solid var(--color-border);
padding: 0 0 8px;
margin: 0;
color: var(--color-text);
}
#shopify-section-TT-megamenu #tt-megamenu li.more_menu li.tt_menu_item {
padding: 0;
margin: 0;
width: 100%;
position: relative;
}
#tt-megamenu .tt-mega_menu .tt_menus_ul li.more_menu>ul>li.tt_menu_item a {
float: left;
width: 100%;
padding: 3px 20px;
text-align: left;
font: 500 13px/20px var(--font-stack-body);
}
#tt-megamenu .tt-mega_menu li.more_menu>ul>li .tt_sub_menu_wrap{
right: 100%;
left: auto;
padding: 0;
margin: 0;
top: auto;
}
@media only screen and (min-width: 992px) {
.site-header #tt-megamenu .tt-mega_menu .tt_menus_ul > li > a::before{
display: inline-block;
font: inherit;
margin: 0 6px 0 0px;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: transparent;
height: auto;
width: auto;
content: "\f12f";
font-size: 7px;
left: 50%;
top: 35px;
bottom: auto;
pointer-events: none;
position: absolute;
transform: translateX(-45%);
-webkit-transform: translateX(-45%);
-moz-transform: translateX(-45%);
-o-transform: translateX(-45%);
-ms-transform: translateX(-45%);
transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
font-family: 'Material Design Icons';
font-weight: 600;
color: transparent;
}
.site-header #tt-megamenu .tt-mega_menu .tt_menus_ul > li:hover > a::before{
color: #997b4d;
text-shadow: 15px 0 #997b4d, -15px 0 #997b4d;
}
/*   .site-header #tt-megamenu .tt-mega_menu .tt_menus_ul>li:hover>a::before{
width: 90%;
} */
#tt-megamenu .tt-mega_menu{
display: block !important;
margin: 0;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item.full-menu {
position: static;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item > a{
z-index: 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;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item.single > a {
padding: 8px 10px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap{
left: 0;
right: 0;
top: 100%;
text-align: center;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
transform-origin: center top 0;
visibility: hidden;
display: block !important;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item:hover > .tt_sub_menu_wrap{
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
visibility: visible;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
#tt-megamenu .tt-mega_menu li.more_menu.tt_menu_item{
position: relative;
}
#tt-megamenu .tt-mega_menu li.more_menu.tt_menu_item ul.tt_sub_menu_linklist li.tt_menu_item > a::after {
content: "\f142";
}
#tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item > a::after {
right: 0px;
}
#tt-megamenu .tt-mega_menu li.more_menu.tt_menu_item {
position: relative;
}
}
@media (min-width: 992px) and (max-width: 1300px) {
#tt-megamenu h5.toggle_menu {
padding: 15px 5px 15px 50px;
}
#tt-megamenu .toggle_menu i.mdi-menu {
left: 15px;
}
}
@media(max-width:1399px){
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu {
width: 300px !important;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu.product{
width:100% !important;
}
}
@media only screen and (min-width: 1200px) {
#tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item.single > a, #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item span.categories {
padding: 8px 24px;
}
}
@media(max-width:1299px){
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu {
width: 280px !important;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu.product{
width:100% !important;
}
}
@media only screen and (max-width: 1200px) {
#tt-megamenu .tt-mega_menu li.tt_menu_item > a {
padding: 8px 20px;
}
}
@media(max-width:1199px){
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu {
width: 230px !important;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu.product{
width:100% !important;
}
}
@media only screen and (max-width: 991px) {
#tt-megamenu .tt-mega_menu li.tt_menu_item span.tt_mn_sub_heading{
font-size: 8px;
line-height: 12px;
top: -5px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu {
width: 300px !important;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu.product {
width: 100% !important;
}
.tt_menus_ul .left-nav svg {
fill: var(--color-btn-secondary-text);
}
.tt_menus_ul .left-nav .header-contact::after
{
background:var(--color-btn-secondary-text);
}
.tt_menus_ul .left-nav {
align-items: center;
justify-content: center;
float: none;
width: 100%;
border-top: 1px solid var(--color-border);
}
.header_1 .top_header_1 
{
justify-content: center !important;
}
.right-link-icon a svg,
.right-link-icon span svg,
{
width:16px;
}
.tt_menus_ul .header-contact .contact-number,.tt_menus_ul .header-email .email
{
color:var(--color-btn-secondary-text);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist>li>a{
font-size:13px;
}
#tt-megamenu .tt-mega_menu li.more_menu.tt_menu_item.left  > a{
display: none !important;
}
#tt-megamenu h5.toggle_menu {
padding: 12px 0;
margin: 0;
border-bottom: none;
line-height: 22px;
background: none;
}
#tt-megamenu .toggle_menu i.mdi-menu {
background: none;
left: auto;
right: 20px;
top: 8px;
}
#tt-megamenu .tt-mega_menu{
display: none;
position: absolute;
left: 0;
right: 0;
top: 100%;
bottom: auto;
z-index: 9;
margin: 0;
padding: 15px 0;
text-align: center;
background: #fff;
border: 1px solid var(--color-border);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item.more_menu .tt_sub_menu_wrap li.tt_menu_item .tt_sub_menu_wrap {
padding: 0;
}
#tt-megamenu .tt-mega_menu li.more_menu > ul > li a {
font-weight: 600;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item {
display: block !important;
text-align: left;
margin: 5px 0;
padding: 0px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .left_more_menu,.header_1 .top_header_1 {
display: none !important;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item > a {
padding: 5px 20px;
text-align: left;
font-size: 18px;
line-height: 20px;
}
.header_1_wrapper .menu_toggle_wrap span.mobile-nav__sublist-trigger i {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 20px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item:hover > a, #tt-megamenu .tt-mega_menu li.tt_menu_item:hover span.categories {
color: var(--color-text-hover-field);
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap{
position: static;
padding: 0 20px;
border: none;
display: none;
background: none;
width: 100% !important;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav > div {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb:hover .product-price__sale-label {
top: 20px;
}
#tt-megamenu .tt-mega_menu li.more_menu > ul > li .tt_sub_menu_wrap .tt_sub_menu {
padding: 0 15px;
}
#tt-megamenu ul.tt_menus_ul{
float: left;
width: 100%;
margin: 0;
}
#tt-megamenu ul.tt_menus_ul li.tt_menu_item > a::after{
display: none;
}
#tt-megamenu .tt_sub_menu_wrap h4.sub_mn_title, #tt-megamenu .tt_sub_menu_wrap .sub_mn_title.h4,#tt-megamenu .tt_sub_menu_wrap h4.sub_mn_title, #tt-megamenu .tt_sub_menu_wrap .sub_mn_title.h4{
font-size: 16px;
}
}
@media(max-width:991px){
.tt_sub_menu .product-wrapper .sold-out-tag{
top:-90px;
}
}
@media only screen and (max-width: 767px) {
#tt-megamenu ul.tt_menus_ul > li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu {
padding: 0 15px;
}
.left-nav a svg
{
width:13px;
}
.tt_menus_ul .left-nav .cnt_num
{
font-size:12px;
line-height:14px;
}
.tt_menus_ul .left-nav .header-contact::after
{
top: -9px;
height: 17px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item > a{
font-size: 16px;
line-height: 18px;
}
#tt-megamenu .tt_sub_menu_wrap h4.sub_mn_title, #tt-megamenu .tt_sub_menu_wrap .sub_mn_title.h4, #tt-megamenu .tt_sub_menu_wrap h4.sub_mn_title, #tt-megamenu .tt_sub_menu_wrap .sub_mn_title.h4 {
font-size: 14px;
line-height:22px;
}
}
@media(max-width:575px){
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu {
width: 260px !important;
}
}
@media only screen and (max-width: 480px) {
#tt-megamenu ul.tt_menus_ul > li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu{
width: 100% !important;
padding: 0 10px 12px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu > a {
width: auto;
}
.wishlist-icon-div .wishlist svg, .site-header__search .serach_icon svg, .header_1 .right-link-icon .myaccount svg, .header_1 .wrapper-top-cart > .site-header_cart_link svg {
width: 18px;
}
.header-logo img {
width: 100px;
height:30px;
}
}
/*----------------- Checkout - Button AND Error Message CSS -------------------------------*/
.product-single .product-information-inner .product-form__error-message-wrapper {
float: left;
width: 100%;
margin: 15px 0 0;
padding: 12px;
color: #dc0000;
background-color: #fff6f6;
border-color: #dc0000;
border-radius: 25px 
-moz-border-radius: 25px; 
-webkit-border-radius: 25px; 
-khtml-border-radius: 25px;
text-align: center;
}
/*---------------------- image loader --------------------------*/
.product-wrapper .product-thumb .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: #f5f3f0;
cursor: pointer;
}
.product-wrapper .product-thumb .loader .preloader-wrapper {
height: 50px;
width: 50px;
display: inline-block;
position: relative;
}
.product-wrapper .product-thumb .loader .preloader-wrapper .spinner-layer {
position: relative;
float: none;
display: inline-block;
vertical-align: top;
width: 50px;
height: 50px;
}
.product-wrapper .product-thumb .loader .preloader-wrapper .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%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border: 2px solid transparent;
border-top-color: #222;
border-bottom-color: #222;
animation: spinner 1.5s ease-in-out infinite;
}
@media only screen and (max-width: 767px) {
.product-wrapper .product-thumb .loader .preloader-wrapper {
height: 30px;
width: 30px;
}
.product-wrapper .product-thumb .loader .preloader-wrapper .spinner-layer {
height: 30px;
width: 30px;
}
.product-wrapper .product-thumb .loader .preloader-wrapper .spinner-layer::before {
height: 30px;
width: 30px;
}
}
.product-wrapper.loading .product-thumb .loader {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.product-wrapper.loading:hover .product-thumb .featured-image {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
@keyframes spinner {
to {
transform: rotate(360deg)
}
}
/*------------------------ Product page ---------------------------*/
.video-source {
float: left;
width: 100%;
cursor: pointer;
}
.video-source video {
float: left;
width: 100%;
height: 100%;
vertical-align: top;
}
/*------------------- Size guide Chart ---------------------*/
.product-template__container{
float: left;
width: 100%;
position: relative;
}
.product-template__container .modal-dialog {
width: 880px;
}
.product-template__container .modal-dialog table {
width: 100%;
margin-top: 17px;
border: none;
}
.product-template__container .modal-dialog table thead th {
color: #666;
font-size: 13px;
font-weight: 600;
text-align: center;
padding: 6px 4px;
border: none;
}
.product-template__container .modal-dialog table tbody tr {
background: #f7f7f7;
}
.product-template__container .modal-dialog table tbody tr:nth-child(odd) {
background: #e5e5e5;
}
.product-template__container .modal-dialog table td {
color: #666;
font-size: 13px;
font-weight: normal;
text-align: center;
padding: 7px 4px;
border: none;
}
.product-template__container .modal-dialog .modal-content {
padding: 20px;
background-color: var(--color-body);
float: left;
}
.product-template__container .modal-dialog .modal-content .modal-header {
border-color:var(--color-border);
justify-content: center;
margin: 0 0 20px;
}
.product-template__container .modal-dialog .modal-content .modal-header button.close {
position: absolute;
top: 50px;
bottom: auto;
left: auto;
right: 20px;
border: none;
background: none;
}
.product-template__container .modal-dialog .modal-content .modal-body {
float: left;
width: 100%;
padding: 0;
}
.product-template__container .modal-dialog .modal-content .tt-title {
margin: 0;
font-size: 26px;
line-height: 28px;
padding: 8px 70px;
}
@media only screen and (max-width: 991px) {
.product-template__container .modal-dialog {
width: 720px;
}
}
@media only screen and (max-width: 767px) {
.product-template__container .modal-dialog {
width: 100%;
padding: 0 10px;
}
.product-template__container .modal-dialog .modal-content {
padding: 10px 15px;
}
.product-template__container{
padding: 10px 0 0;
}
}
/*-------------------- Recommendation Product -------------------------*/
.product-notification {
position: fixed;
bottom: 70px;
background: var(--color-body);
width: 330px;
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;
z-index: 2;
border: 1px solid var(--color-border);
visibility: hidden;
left: 50px;
}
@media only screen and (max-width: 480px) {
.product-notification {
width: 290px;
left: 20px;
}
}
.product-notification.pos-right {
right: 50px;
left: auto;
}
.product-notification.active {
bottom: 50px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.product-notification .closeNotify {
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
background: var(--color-btn-primary);
color: var(--color-btn-primary-text);
position: absolute;
right: -10px;
top: -10px;
cursor: pointer;
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-notification .closeNotify:hover {
color: var(--color-btn-primary-text);
background: var(--color-btn-hover);
}
.product-notification .product-suggest {
float: left;
width: 100%;
}
.product-notification .product-suggest .product-image {
max-width: 90px;
margin: auto;
float: left;
width: 28%;
padding:9px 0 8px 9px;
}
.product-form__input.product-form__input--dropdown {
float: none;
width: auto;
display: inline-block;
vertical-align: text-bottom;
}
.product-notification .product-suggest .column-right {
padding: 8px 10px;
line-height: 20px;
float: right;
width: 72%;
}
.product-notification .product-suggest .column-right label {
color: var(--color-body-text);
font-size: 12px;
font-weight: 500;
float: left;
width: 100%;
}
.product-notification .product-suggest .column-right .product-name {
color: var(--color-text);
font-size: 13px;
float: left;
width: 100%;
margin: 0 0 3px;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product-notification .product-suggest .column-right .from-ago, .product-notification .product-suggest .column-right .time-ago {
color: var(--color-body-text);
font-size: 12px;
font-weight: 400;
float: left;
width: 100%;
}
/*--------------------- Cookie CSS ----------------------------*/
.template-index .main-content .shopify-section.recommendations-product {
margin: 0;
}
.cookiestatus .cookie-block #cookie_message {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
.cookiestatus .cookie-block #cookie_message.se-cookies-message-open {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.cookiestatus .cookie-block #cookie_message .tt-cookie-inner > span {
vertical-align: middle;
}
.cookiestatus .cookie-block #cookie_message button.btn {
margin: 0 0 0 10px;
}
.cookiestatus .cookie-block.full_bottom {
float: left;
width: 100%;
}
.cookiestatus .cookie-block.full_bottom #cookie_message {
padding: 10px;
text-align: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
font-size: 12px;
float: left;
width: 100%;
}
.cookiestatus .cookie-block.bottom_fix #cookie_message, .cookiestatus .cookie-block.bottom_to_left #cookie_message, .cookiestatus .cookie-block.bottom_to_right #cookie_message {
padding: 30px;
position: fixed;
float: none;
display: inline-block;
bottom: 10px;
top: auto;
width: 400px;
left: 10px;
right: auto;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
z-index: 2;
}
@media only screen and (max-width: 543px) {
.cookiestatus .cookie-block.bottom_fix #cookie_message, .cookiestatus .cookie-block.bottom_to_left #cookie_message, .cookiestatus .cookie-block.bottom_to_right #cookie_message {
padding: 15px;
width: 280px;
}
}
.cookiestatus .cookie-block.bottom_fix #cookie_message {
width: 100%;
padding: 10px;
text-align: center;
bottom: 0px;
left: 0;
right: 0;
}
.cookiestatus .cookie-block.bottom_to_right #cookie_message {
right: 10px;
left: auto;
}
.cookiestatus .cookie-block.bottom_to_right #cookie_message .tt-cookie-inner > span, .cookiestatus .cookie-block.bottom_to_left #cookie_message .tt-cookie-inner > span {
font-size: 15px;
line-height: 30px;
float: left;
width: 100%;
margin: 0 0 15px;
}
.product-form__error-message-wrapper--hidden {
display: none;
}
/*-------------------- animation --------------------*/
@-webkit-keyframes fixedmenu {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@-moz-keyframes fixedmenu {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@keyframes fixedmenu {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@-webkit-keyframes fixedfooter {
0% {
bottom: -100%;
}
100% {
bottom: 0;
}
}
@-moz-keyframes fixedfooter {
0% {
bottom: -100%;
}
100% {
bottom: 0;
}
}
@keyframes fixedfooter {
0% {
bottom: -100%;
}
100% {
bottom: 0;
}
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes fade_out {
0% {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden;
}
}
@-moz-keyframes fade_out {
0% {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden;
}
}
@keyframes fade_out {
0% {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes fade_in {
0% {
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
}
@-moz-keyframes fade_in {
0% {
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
}
@keyframes fade_in {
0% {
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes scaleAppear {
0% {
opacity: 0;
-webkit-transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes scaleAppear {
0% {
opacity: 0;
-moz-transform: scale(0);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-ms-keyframes scaleAppear {
0% {
opacity: 0;
-ms-transform: scale(0);
}
100% {
opacity: 1;
-ms-transform: scale(1);
}
}
@-o-keyframes scaleAppear {
0% {
opacity: 0;
-o-transform: scale(0);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes scaleAppear {
0% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.scaleAppear {
-webkit-animation: scaleAppear 750ms ease;
-moz-animation: scaleAppear 750ms ease;
-ms-animation: scaleAppear 750ms ease;
-o-animation: scaleAppear 750ms ease;
animation: scaleAppear 750ms ease;
}
/*------------------------- Cart Page CSS -------------------------------*/
.main-cart {
float: left;
width:100%;
}
.template-cart #cartEmpty {
padding: 30px;
background: #f5f3f0;
}
.template-cart .cart__product-information {
float: left;
width: 100%;
}
.template-cart .product-price dl {
margin: 0;
}
.template-cart .cart__image-wrapper.product_img {
width: 100px;
float: none;
display: inline-block;
vertical-align: top;
padding:0px;
}
.template-cart .cart-content {
float: left;
width: 100%;
}
.template-cart .cart-content .list-view-item__title a.cart__product-title {
font: 500 15px/20px var(--font-stack-body);
color: #111;
margin: 0 0 10px;
}
.template-cart .cart-content ul.product-details li.product-details__item {
font-size: 12px;
}
.template-cart .cart__price dt, .template-cart .cart__price .cart__qty {
display: none;
}
.template-cart .table-responsive {
border: medium none;
float: left;
width:100%;
}
.template-cart .cart-wrapper .cart-table {
float:left;
width:100%;
}
.cart-wrapper .product_title .product_img {
float: none;
display: inline-block;
vertical-align: top;
padding: 0 15px;
}
.cart-wrapper .text-center .qty-box-set {
float: none;
display: inline-block;
vertical-align: top;
margin: 0;
}
.cart-wrapper .cart__remove a:hover i {
color: #fff;
}
.cart-wrapper .cart__subtotal {
font-weight: 600;
margin: 20px 0 0;
float: left;
width: 100%;
}
.cart-wrapper .cart__subtotal .money {
font-size: 22px;
font-weight: 500;
color: var(--color-btn-primary);
font-family: var(--font-stack-header);
}
.cart-wrapper .cart__footer .h6 {
margin: 0;
color: var(--color-text);
font-weight: 600;
}
.cart-wrapper .cart__footer .grid .grid-item {
padding: 0;
}
.cart-wrapper .cart__footer .grid .grid-item.cart-right {
margin: 20px 0 0;
}
.cart-wrapper .cart__footer .grid .grid-item label {
font-size: 14px;
font-weight: 500;
margin: 0 0 10px 0;
}
.cart-wrapper .cart__footer button {
padding: 10px 20px;
}
.cart-wrapper .cart__footer #update {
margin: 0 10px 0 0;
}
#shopify-section-cart-template .cart-wrapper .shop_table.cart_table {
border:none;
}
#shopify-section-cart-template .cart-wrapper .cart-notes{
width: 100%;
float:left;
margin: 30px 0 0;
padding: 0;
}
.cart_table thead th span, .shop_table.cart_table th {
color: var(--color-text);
}
.shop_table.cart_table td, .shop_table.cart_table th,.cart_table thead th span {
border: none;
border-bottom: 1px solid var(--color-border);
}
.cart__remove i.mdi.mdi-delete {
font-size: 18px;
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;
}
.cart__remove a:hover i.mdi.mdi-delete{
color:#ef5c5c;
}
.cart-header {
float: left;
width: 100%;
margin: 0 0 15px;
}
h1.cart-header__title {
font: 500 24px/26px var(--font-stack-header);
margin: 0;
padding: 0 15px;
}
.cart-total {
float: left;
width: 100%;
}
.totals__subtotal{
font: 500 20px/24px var(--font-stack-header);
color: var(--color-text);
}
.totals__subtotal-value{
margin: 20px 0 10px;
}
.cart__blocks .cart__ctas button.btn{
width: 100%;
float: none;
display: inline-block;
vertical-align: top;
}
.cart__blocks .cart__ctas button.btn{
background-color: var(--color-btn-hover);
color: var(--color-btn-primary-text);
}
.cart__blocks .cart__ctas button.btn:hover,.cart__blocks .cart__ctas button.btn:focus,.cart__blocks .cart__ctas button.btn:active{
color: var(--color-btn-primary-text);
}
.cart__blocks .cart__ctas button.btn::after{
background-color: var(--color-btn-primary);
}
.cart__footer .js-qty {
margin: 0 auto;
}
.cart__footer input[name="goto_pp"] {
padding: 10px 0px 0px;
}
.cart__footer .amazon-payments-pay-button {
vertial-align: top;
margin: 0;
}
.cart__blocks{
padding: 15px;
background: #f5f3f0;
}
cart-note.cart__note.field {
margin: 15px 0 0;
padding: 15px;
background:#f5f3f0;
}
.cart__image,.cart__image img {
display: block;
}
.cart__subtotal {
display: inline;
font-family: var(--font-stack-header);
font-size: 20px;
line-height:22px;
margin: 0 0 0 (var(--gutter) / 3);
}
.cart__mini-labels {
display: block;
font-family: var(--font-stack-body);
font-size: em(14px);
margin: var(--gutter) / 2 0 0;
}
.cart__product {
line-height: em(26px);
margin: 0;
}
.site-header__cart .no-items #ToggleDown p {
margin: 0 0 5px 0;
}
.cart__remove {
font-family: var(--font-stack-body);
font-size: em(14px);
margin: 0 0 var(--gutter) / 2;
}
.cart-item__discount {
display: block;
}
.cart__additional_checkout_buttons > *:not(script) {
padding: 10px 0 0 10px;
vertical-align: top;
line-height: 1;
}
.cart__additional_checkout_buttons > *:not(script):first-child, .cart__additional_checkout_buttons > *:not(script):empty {
padding-left: 0px;
}
.cart--no-cookies .cart--continue-message {
display: none;
}
.cart--no-cookies .cart--empty-message {
display: none;
}
.cart--cookie-message {
display: none;
padding-bottom: 25px;
}
.cart--no-cookies .cart--cookie-message {
display: block;
}
.cart-policy {
float: left;
width: 100%;
margin: 15px 0 0;
padding:15px;
background:#f5f3f0;
}
.cart-policy .policy .policy-icon {
float: none;
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
line-height: 40px;
}
.cart-policy .policy {
float: left;
width: 100%;
margin: 0 0 15px;
display: flex;
align-items: center;
}
.cart-policy .policy .content {
float: none;
display: inline-block;
vertical-align: top;
padding: 0 0 0 10px;
}
.policy-title {
float: left;
width: 100%;
margin: 0 0 5px;
font: 500 15px/18px var(--font-stack-header);
color:#222;
}
cart-note.cart__note.field label {
font-size: 16px;
font-weight: 500;
color: #111;
margin: 0 0 15px;
}
.cart-qty-box-set .quantity {
border: none;
width: 70px;
height: 40px;
line-height: 40px;
padding: 0;
text-align: center;
margin: 0;
}
.cart-qty-box-set {
border: 1px solid var(--color-border);
}
.quantity__button {
width: 35px;
height: 35px;
border: none;
background:none;
}
.quantity__button .icon{
width: 10px;
pointer-events: none;
}
@media only screen and (min-width: 1025px) {
.cart__remove {
margin-bottom: 0;
}
.cart__mini-labels {
margin-top: var(--gutter);
}
.template-cart .cart-wrapper {
max-width: 100%;
margin: 0 auto;
}
}
@media only screen and (max-width: 1199px) {
.template-cart .table-responsive {
width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 991px) {
cart-template.page-width {
width: 100%;
}
#cart-footer {
width: 100%;
margin: 15px 0 0;
}
.cart-wrapper .cart__footer .cart-subtotal {
float: left;
width: 100%;
margin: 0 0 10px;
}
.cart-wrapper .cart__footer .cart__instructions {
margin-bottom: 10px;
}
.template-cart .cart__product-information {
max-width: 100%;
width: 200px;
}
.template-cart .product-price, .template-cart .product-final-price {
float: left;
max-width: 100%;
width: 100px;
}
}
@media only screen and (max-width: 480px) {
.cart-wrapper .cart__footer .grid .grid-item.cart-right{
margin:0px;
}
.cart-wrapper .cart__subtotal .money {
font-size: 18px;
}
.cart-wrapper .cart__footer #update {
margin: 0 1px 0 0;
}
.cart__footer {
margin: 30px 0;
padding: 0;
margin: 15px 0;
}
.cart__footer:first-of-type {
margin-top: 0;
}
.cart__product a {
font-size: 13px;
}
.cart-policy .policy .content{
width: 80%;
}
.cart__footer .grid{
padding: 15px;
}
}
.product-count {
align-self: center;
position: relative;
text-align: right;
}

.product-count__text {
font-size: 1.4rem;
line-height: 1.5;
margin: 0;
}

.product-count__text.loading {
visibility: hidden;
}

.product-count .loading-overlay__spinner {
display: none;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1.8rem;
}

.product-count__text.loading + .loading-overlay__spinner {
display: block;
}
.cursor-pointer {
cursor: pointer;
}
.loading-overlay {
position: relative;
float: left;
width: 100%;
}
.loading-overlay .loading-overlay__spinner {
float:left;
width: 100%;
display:flex;
align-items:center;
justify-content:center;
}
.loading-overlay .loading-overlay__spinner svg {
width: 15px;
height: 15px;
display: inline-block;
vertical-align:top;
-webkit-animation: productspin .9s ease-in-out infinite alternate;
animation: productspin .9s ease-in-out infinite alternate;
}
.loading-overlay .loading-overlay__spinner svg .path {
stroke: #111;
stroke-linecap: round;
-webkit-animation: product .9s ease-in-out infinite alternate;
animation: product .9s ease-in-out infinite alternate;
}
.loading-overlay:not(.hidden)+.cart-item__price-wrapper, .loading-overlay:not(.hidden)~cart-remove-button {
visibility: hidden;
}
@keyframes productspin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-webkit-keyframes productspin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@keyframes product {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
@-webkit-keyframes product {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
/*====================== Customer Account Page ==========================*/
.customer-orders {
overflow: auto;
}
.template-customers-addresses #address_form_new, .template-customers-addresses .edit-address {
margin: 30px 0;
}
#address_form_new #address_default_address_new.btn {
float: right;
margin: 0 0 30px 0;
}
#address_form_new #address_province_container_new {
padding: 0;
}
#address_form_new .grid-item.one-half.first, .edit-address .grid-item.one-half.first {
padding-left: 0;
}
#address_form_new .grid-item.one-half.last, .edit-address .grid-item.one-half.last {
padding-right: 0;
}
#address_form_new label, .edit-address label {
font-size: 14px;
font-weight: 500;
}
#address_form_new .grid-item.left, .edit-address .grid-item.left {
padding-left: 0;
}
#address_form_new .grid-item.right, .edit-address .grid-item.right {
padding-right: 0;
}
#address_form_new a, .edit-address a {
color: var(--color-btn-primary-text);
float: left;
}
#address_form_new .btn:hover a, .edit-address .btn:hover a {
color: var(--color-btn-secondary-text);
}
#address_form_new select, .edit-address select {
padding: 12px 10px;
}

.edit-address .btn.update{
float: right;
margin:0 0 30px 0;
}
.template-customers-order .grid-item.two-thirds, .template-customers-account .grid-item.two-thirds {
padding-left: 0;
overflow: auto;
}
.template-customers-order table.full th, .template-customers-account table.full th, .template-customers-order table.full td, .template-customers-account table.full td {
padding: 15px;
}
.template-customers-order .grid-item.one-third, .template-customers-account .grid-item.one-third {
padding-right: 0;
}
.template-customers-order .grid-item h2.h4, .template-customers-account .grid-item h2.h4 {
border-bottom: 1px solid var(--color-border);
padding-bottom: 5px;
color: var(--color-body-text);
}
.shopify-challenge__container .g-recaptcha{
float:left;
width:100%;
}
.template-customers-account .grid-item h2.h4 {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 5px;
color: var(--color-body-text);
}
.template-customers-account .grid {
float: left;
width: 100%;
margin: 20px 0;
}
.template-customers-activate_account label {
font-size: 14px;
font-weight: 500;
margin: 0 0 10px;
}
@media only screen and (max-width: 1024px) {
#address_form_new .grid-item.right, .edit-address .grid-item.right {
padding: 0;
}
#address_form_new .grid-item.left, .edit-address .grid-item.left {
padding: 0;
}
.template-customers-order .grid-item.two-thirds,.template-customers-account .grid-item.two-third{
width: 100%;
padding: 0;
}
.template-customers-order .grid-item.one-third,.template-customers-account .grid-item.one-third{
width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.template-customers-register .register,
.template-customers-login .register{
float: left;
width: 100%;
}
}
/*========================== Password Page ============================*/
.password.gradient {
min-height: 100vh;
display: flex;
flex-direction: column;
background-attachment: fixed;
height: 100%;
}
.password__footer-caption svg {
width: 70px;
height: 20px;
float: none;
display: inline-block;
vertical-align: bottom;
color: #111;
}
#shopify-section-password-header {
float: left;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid #e5e5e5;
}
#shopify-section-password-header .modal__content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4;
display: flex;
justify-content: center;
align-items: center;
}
#shopify-section-password-header .password-modal__content {
background: #fff;
float: left;
width: 600px;
text-align: center;
padding: 30px;
position:relative;
}
#shopify-section-password-header details.password-modal {
float: right;
width: auto;
}
#shopify-section-password-header .modal__close-button.link {
background: none;
border: none;
position: absolute;
top: 10px;
bottom: auto;
right: 10px;
left: auto;
padding: 0;
font-size: 20px;
width: 20px;
height: 20px;
}
.password #MainContent {
float: left;
width: 100%;
margin: 50px 0;
text-align: center;
}
.password .newsletter-form__field-wrapper {
float: none;
width: 500px;
display: inline-block;
vertical-align: top;
}
#shopify-section-password-footer {
float: left;
width: 100%;
text-align: center;
border-top: 1px solid #e5e5e5;
padding: 20px 0;
}
#shopify-section-password-footer .password__footer-text {
float: left;
width: 100%;
font-size: 13px;
margin: 0 0 10px;
}
#shopify-section-password-footer .list-social.list-unstyled {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 0 15px;
}
#shopify-section-password-footer .list-social__link {
float: left;
font-size: 16px;
line-height: 30PX;
width: 30px;
height: 30px;
}
#recover_password .text-center {
margin-top: 10px;
float: left;
width: 100%;
}
#recover_password .text-center p {
width: auto;
float: none;
display: inline-block;
vertical-align: top;
}
#recover_password .title {
color: #111;
font-size: 22px;
line-height: 28px;
font-weight: 600;
}
#recover_password .tt-innerpagetitle {
font-size: 18px;
}
.lock-icon-svg {
width: 0.7 * var(--font-size-base);
height: 0.7 * var(--font-size-base);
display: inline-block;
vertical-align: baseline;
}
.lock-icon-svg path {
fill: currentColor;
}
.lt-ie9 .lock-icon-svg {
display: none;
}
.admin-login {
font-size: 95%;
}
.template-customers-register .register .errors {
text-align: left;
}
.login-page form#customer_login {
margin: 0;
float: left;
width: 100%;
}
.login-page div#recover_password {
text-align: left;
}
.login-page .grid .grid-item, .login-page .grid--rev .grid-item, .login-page .grid--full .grid-item {
padding: 0;
text-align: left;
}
.login-page form .text-center > p {
margin: 0;
}
.register-page form#create_customer {
margin: 0;
float: left;
width: 100%;
}
.login-page form .text-center>p {
margin: 0;
}
.template-customers-login .login .login-page, .register .register-page {
padding: 30px;
border:1px solid var(--color-border);
}
#customer_login .text-center .btn:hover, #customer_login .text-center .btn:focus, #customer_login .text-center .btn:active {
background:var(--color-btn-secondary);
}
#customer_login .or {
height: 30px;
margin: 10px 0;
}
#customer_login .or:before {
content: "";
border-top: 1px solid #ebebeb;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translateY(-50%);
}
#customer_login .or span {
background: #fff;
padding: 0 15px;
color: #999;
font-size: 16px;
}
.create_account_wrap a {
width: 100%;
float: left;
border: 2px solid var(--color-btn-primary);
padding: 10px 15px;
color: #111;
}
.create_account_wrap a:hover{
border-color:var(--color-btn-hover);
}
.template-customers-register .footer-bottom .text-center a {
float: none;
}
.template-customers-register .footer-bottom .text-center .btn {
padding: 10px 25px;
background: #111;
color: #fff;
margin: 20px 0;
}
.template-customers-register .footer-bottom .text-center .btn:hover, .template-customers-register .footer-bottom .text-center .btn:focus, .template-customers-register .footer-bottom .text-center .btn:active {
background:var(--color-btn-secondary);
color:var(--color-btn-secondary-text);
}
.template-customers-register .footer-bottom .text-center .mdi.mdi-chevron-left {
font-size: 13px;
}
@media only screen and (min-width: 992px){
.login-page form>input, .register-page form>input {
min-width: 550px;
}
}
@media only screen and (max-width: 991px) {
.template-customers-login .login .login-page, .register .register-page {
width: 100%;
}
}
@media only screen and (max-width: 480px) {
#recover_password .title {
font-size: 18px;
line-height: 20px;
}
.template-customers-login .login .login-page, .register .register-page {
padding: 20px 15px;
}
#customer_login .text-center .btn {
margin: 10px 0 0;
}
}
/*-------------------------------- END ----------------------------*/
model-viewer{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
max-width:100%;
height:100%;
float:left;
}
.modal-open .modal{
float: left;
text-align: center;
}
.product-single__photos .model.main_image_wrap,
.product-block .model-viewer,.product-block .model-view{
padding-top:100%;
}
/*========================= Collection Filters =================================*/
aside.sidebar-tag.filter.color.tags img {
width: 16px;
height: 16px;
margin-right: 10px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
overflow: hidden;
border: 1px solid var(--color-border);
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
-moz-transition: all 600ms ease-in-out 0s;
-o-transition: all 600ms ease-in-out 0s;
-ms-transition: all 600ms ease-in-out 0s;
}
aside.sidebar-tag.filter.color.tags a:hover img, aside.sidebar-tag.filter.color.tags a.active img {
border-color: #bbb;
}
.off-canvas-wrapper .collection_sidebar {
float: left;
width: 100%;
padding: 0 25px;
margin: 35px 0 0;
border: none;
}
.off-canvas-wrapper .collection_sidebar .widget ul li.product-wrapper {
margin: 0 0 15px;
padding: 0;
}
.off-canvas-wrapper .collection_sidebar .widget.widget_promo_img li {
margin: 0;
}
.active-filter {
font-weight: bold;
}
.view-mode.filter-grid-list.grid__item {
float: left;
}
a.filter-left {
float: left;
font-size: 17px;
font-weight: 500;
}
.pages_list.open {
float: left;
position: relative;
width: auto;
}
@media only screen and (max-width: 1024px) {
.collection-filters {
margin-bottom: var(--gutter);
}
}
.filter-sortby label, .filter-show label {
display: inline-block;
float: left;
font-size: 13px;
font-weight: 500;
line-height: 30px;
margin: 0;
padding-right: 10px;
}
.collection_template .sorting_wrapper .btn.dropdown-toggle {
font-size: 13px;
font-weight: 500;
padding: 5px 34px 5px 15px;
color: var(--color-text-field);
border: 1px solid var(--color-border);
background: #fff;
}
.collection_template .sorting_wrapper .btn.dropdown-toggle:hover {
border: 1px solid #ddd;
background: #fff;
}
.collection_template .sorting_wrapper .btn.dropdown-toggle::after, .collection_template .sorting_wrapper .btn.dropdown-toggle::before {
display: none;
}
.collection_template .sorting_wrapper .btn.dropdown-toggle > i {
bottom: auto;
font-size: 16px;
line-height: 18px;
left: auto;
position: absolute;
right: 10px;
top: 5px;
}
.collection_template .sorting_wrapper .sorting-section.open .btn.dropdown-toggle {
border: 1px solid var(--color-border);
}
.collection_template .sorting_wrapper .filter-sortby .btn.dropdown-toggle {
width: 190px;
text-align: left;
}
@media (min-width:497px) and (max-width: 536px)) {
.collection_template .sorting_wrapper .filter-sortby .btn.dropdown-toggle {
width: 150px;
}
}
@media (min-width: 348px) and (max-width: 496px) {
.collection_template .sorting_wrapper .filter-sortby .btn.dropdown-toggle {
width: 130px;
}
}
@media only screen and (max-width: 536px) {
.collection_template .sorting_wrapper .filter-sortby ul.dropdown-menu {
width: 100%;
}
}
@media (min-width: 348px) and (max-width: 536px) {
.collection_template .sorting_wrapper .filter-sortby ul.dropdown-menu > li > a {
white-space: normal;
padding: 3px 10px;
font-size: 12px;
}
}
.collection_template .sorting_wrapper .collection-sorting .filter-sortby .btn.dropdown-toggle {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
}
.collection_template .sorting_wrapper .pages_list .btn.dropdown-toggle {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
}
.collection_template .sorting_wrapper .pages_list .dropdown-backdrop {
display: none;
}
.collection_template .sorting_wrapper .open .btn.dropdown-toggle {
background: #fff;
}
.collection_template .sorting_wrapper .open .btn.dropdown-toggle::after {
display: none;
}
.sorting-section, .pages_list {
float: right;
position: relative;
}
.collection_wrapper ul li.active > a,.collection_wrapper ul li.active > a:hover {
background-color: #111;
color: #ffffff;
}
.collection_wrapper ul li > a {
float: left;
width: 100%;
padding: 5px;
}
.dropdown-menu > li > a {
color: var(--color-text-field);
font-size: 13px;
}
.dropdown-menu > li > a:hover {
color: var(--color-text-hover-field);
background: #e5e5e5;
}
.sorting_wrapper .dropdown-menu{
min-width:100%;
background:#fff;
border-color:var(--color-border);
}
.filter-show.grid__item {
display: inline-block;
margin-left: 15px;
}
@media only screen and (max-width: 480px) {
.filter-sortby label, .filter-show label {
padding-right: 5px;
}
.sorting-section, .pages_list {
float: left;
}
.full_width.wrap_right_filter .filter-show.grid__item, .full_width.wrap_left_filter .filter-show.grid__item{
margin-left:5px;
}
}
.collection-sorting {
float: right;
display: inline-block;
margin-top: 0;
}

.filter-dropdown {
height: 60px;
margin: 0;
max-width: 250px;
position: relative;
}
.supports-pointerevents .filter-dropdown__select {
position: absolute;
text-indent: -999px;
}
.supports-pointerevents .filter-dropdown__label {
background-color: var(--color-body);
color: var(--color-body-text);
cursor: pointer;
display: block;
font-family: var(--font-stack-body);
font-size: em(15px);
font-weight: 500;
margin: 13px;
max-width: 220px;
overflow: hidden;
pointer-events: none;
position: absolute;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 1;
}
@media only screen and (min-width: 1024px) {
.filter-dropdown__wrapper {
display: inline-block;
width: 225px;
}
.sorting-filters--enabled .collection-tags {
margin-right: 25px;
}
.supports-pointerevents .filter-dropdown__label {
max-width: 195px;
}
}
@media only screen and (min-width: 481px) {
.collection-sorting .grid-item {
padding: 0 15px;
min-width: 200px;
}
}
/*----------------- Filter css -----------------*/
.sidebar-block .facets-container,
.sidebar-block .facets-container .facets{
float: left;
width: 100%;
}
.sidebar-block .facets-container .facets a{
background:var(--color-btn-primary);
color:var(--color-btn-primary-text);
}
.sidebar .widget .disclosure-has-popup {
float: left;
width: 100%;
padding:0 5px;
}
.sidebar .widget .disclosure-has-popup .facets-title {
color: #111;
font-size: 14px;
line-height: 20px;
float: left;
width: 100%;
font-weight: 500;
margin: 0 0 10px;
}
.sidebar .widget .disclosure-has-popup .facets-filter {
float: left;
width: 100%;
margin:0 0 15px;
}
.sidebar-block .widget ul li.facets__item label.facet-checkbox,ul li.mobile-facets__item label.mobile-facets__label {
margin: 0;
font-weight: 400;
vertical-align: middle;
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;
position:relative;
}
.sidebar-block ul li > a:hover, .sidebar-block ul li > label:hover {
color:#333;
}
.sidebar-block .widget ul li.facets__item label.facet-checkbox input[type=checkbox] {
vertical-align: middle;
border: 1px solid #e5e5e5;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 18px;
width: 18px;
float: left;
line-height: 18px;
margin-right: 10px;
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;
outline: none;
cursor: pointer;
}
.sidebar-block .widget ul li.Color .facet-checkbox .icon-checkmark {
left: 6px;
color: #ccc;
}
.disclosure-has-popup .facets__price {
float: left;
width: 100%;
}
.disclosure-has-popup  .facets__price .field {
float: left;
width: 50%;
padding-right: 15px;
}
.disclosure-has-popup ul.facets__list {
padding: 0;
}
.disclosure-has-popup .facets__price .field input.field__input {
margin: 0;
padding: 8px 10px;
}
.disclosure-has-popup .facets__price .field label.field__label {
font-weight: 400;
}
.sidebar-block .widget ul li.Color label.facet-checkbox input[type=checkbox]{
display: none;
}
ul.mobile-facets__list li.Color label.mobile-facets__label input[type=checkbox]{
border: none;
}
.sidebar-block .widget ul li.Color span,ul.mobile-facets__list li.Color span{
float: none;
width: auto;
line-height: 18px;
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0 0 0 10px;
}
.sidebar-block .widget ul li.Color label.facet-checkbox,ul.mobile-facets__list li.Color label.mobile-facets__label{
float: left;
width: 18px;
height: 18px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 0 0 1px rgb(0 0 0 / 10%);
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;
}
.facet-checkbox .icon-checkmark {
visibility: hidden;
position: absolute;
left: 3px;
z-index: 5;
top: 0px;
bottom: 0;
margin: auto;
right: auto;
}
.facet-checkbox>input[type=checkbox]:checked~.icon-checkmark {
visibility: visible;
}
.mobile-facets {
position: fixed;
right: auto;
top: 0;
left: 0;
bottom: 0;
visibility: hidden;
z-index: 5;
background:#fff;
height:100%;
}
.menu-opening .mobile-facets {
visibility: visible;
}
.mobile-facets__inner{
display: block!important;
transition: all .5s ease-in-out 0s;
-webkit-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
-ms-transition: all .5s ease-in-out 0s;
transform: translateX(-100px);
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-o-transform: translateX(-100px);
-ms-transform: translateX(-100px);
position:absolute;
top: 0;
left:0;
right: auto;
bottom: 0;
padding: 30px;
text-align: left;
background: #fff;
width:300px;
height: 100%;
overflow-y: auto;
}
.menu-opening .mobile-facets__inner{
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}
.mobile-facets__summary>div {
position: relative;
float: left;
width: 100%;
}
.mobile-facets__summary>div span.mobile-facets__arrow {
position: absolute;
top: 0;
bottom: 0;
right: 0px;
left: auto;
float: none;
display: inline-block;
vertical-align: top;
width: 25px;
height: 40px;
line-height: 40px;
}
.mobile-facets__main {
float: left;
width: 100%;
padding: 10px 0 0;
}
.mobile-facets__close {
align-items: center;
justify-content: center;
position: fixed;
top: 10px;
right: auto;
opacity: 0;
visibility:hidden;
left: 10px;
z-index: 6;
}
.mobile-facets__close i {
float: none;
display: inline-block;
vertical-align: top;
width: 22px;
height: 22px;
line-height: 22px;
font-size: 22px;
}
details.mobile-facets__details.js-filter.widget {
margin: 0px;
}
.menu-opening .mobile-facets__close {
opacity: 1;
visibility:visible;
}
.mobile-facets__main .main.mobile-facets__footer{
float: left;
width: 100%;
align-items: center;
background: #fff;
display: flex;
justify-content: space-between;
margin: 0 0 15px;
}
label.mobile-facets__label input[type=checkbox]{
vertical-align: middle;
border: 1px solid #e5e5e5;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 18px;
width: 18px;
float: left;
line-height: 18px;
margin-right: 10px;
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;
outline: none;
cursor: pointer;
}
label.mobile-facets__label {
position: relative;
}
.mobile-facets__label .icon-checkmark {
position: absolute;
left: 3px;
top: 6px;
bottom: auto;
right: auto;
margin: auto;
visibility: hidden;
}
.mobile-facets__label>input[type=checkbox]:checked~.icon-checkmark {
visibility: visible;
}
ul.mobile-facets__list.list-unstyled,.disclosure-has-popup .mobile-facets__submenu .facets__price {
float: left;
width: 100%;
margin: 0 0 8px;
}
li.mobile-facets__item.list-menu__item {
float: left;
width: 100%;
margin: 0 0 8px;
}
.mobile-facets__main .main.mobile-facets__footer a.mobile-facets__clear.btn {
background: none;
border: 2px solid var(--color-btn-primary);
color: #111;
padding: 7px 20px;
}
.mobile-facets__main .main.mobile-facets__footer .mobile-facets__clear.btn::after{
display:none;
}
.mobile-facets__main .main.mobile-facets__footer .mobile-facets__clear.btn:hover {
border-color: #ef5c5c;
color: #ef5c5c;
}
.mobile-facets__details .mobile-facets__footer {
float: left;
width: 100%;
}
.mobile-facets__details .mobile-facets__footer .btn {
background: none;
color: #666;
border-radius: 0px;	
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
padding: 5px 0;
}
details.mobile-facets__details.js-filter {
float: left;
width: 100%;
margin: 0 0 10px;
}
.mobile-facets__details .mobile-facets__footer .btn:hover{
color: var(--color-btn-secondary-text);
}
.mobile-facets__details .mobile-facets__footer .btn::after{
content: "";
left: 0px;
right: auto;
position: absolute;
top: auto;
bottom: 0;
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: var(--color-btn-secondary-text);
}
.mobile-facets__details .mobile-facets__footer a.mobile-facets__clear.underlined-link.btn {
margin: 0 10px 0 0;
}
.mobile-facets__details .mobile-facets__footer .mobile-facets__clear.btn:hover{
color: #ef5c5c;
}
.mobile-facets__details .mobile-facets__footer .mobile-facets__clear.btn::after{
background: #ef5c5c;
}
.mobile-facets__details .mobile-facets__footer .btn:hover::after{
width: 90%;
}
.mobile-facets__summary h4 {
font: 400 15px/20px var(--font-stack-header);
color: var(--color-text);
margin: 0 0 15px;
cursor: pointer;
float: left;
width: 100%;
padding: 10px 10px;
position: relative;
background: #f5f3f0;
-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;
}
details.mobile-facets__details.js-filter:hover h4{
color: #fff;
background: var(--color-btn-primary);
}
details.mobile-facets__disclosure.disclosure-has-popup .mobile-facets__open{
float:left;
width:100%;
padding: 15px;
border-bottom: none;
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: var(--color-text);
}
.full_width details.mobile-facets__disclosure.disclosure-has-popup .mobile-facets__open{
padding:15px 0px;
}
@media(min-width: 992px){
menu-drawer.mobile-facets__wrapper {
display: none;
}
}
@media(max-width: 991px){
.sidebar-block .facets-container .facets,.off-canvas-wrapper menu-drawer.mobile-facets__wrapper{
display:none;
}
.off-canvas-wrapper .sidebar-block .facets-container .facets{
display:block;
}
}
/*=========================== Collection Page =============================*/
@media only screen and (min-width: 1200px) {
.template-collection .left-sidebar.sidebar,.template-collection .right-sidebar.sidebar {
width: 25%;
}
.template-collection .collection_wrapper{
width: 75%;
}
}
.collection-grid {
margin-bottom: -30px;
}
.product-wrapper .product-description .h4 a:hover {
color: var(--color-text-hover-field);
}
a.featured-box {
border: 1px solid var(--color-border);
color: var(--color-body-text);
display: block;
margin-bottom: var(--gutter);
}
a.featured-box:hover {
color: var(--color-text-hover-field);
}
.section-header.text-left .section-header__title {
display: none;
}
.collection_wrapper .section-header.text-left .description, .collection_template .section-header.text-left .description {
font-size: 13px;
}
.collection_wrapper .filter-wrapper .sorting_wrapper {
float: right;
width: auto;
}
.grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown, .grid-item.product-short-list .product-wrapper .product-description .flip-countdown.simple-countdown {
float: left;
width: 100%;
position: relative;
}
.template-list-collections .grid-uniform .grid__item {
padding: 0 15px;
float: left;
}
.grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container, .grid-item.product-short-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container {
position: static;
float: left;
margin: 0 0 20px;
padding: 0 0 0 35px;
width: 205px;
}
.grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container::after, .grid-item.product-short-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container::after {
left: 3px;
line-height: 40px;
}
.product-short-list a.grid-view-item__link {
margin: 0 0 5px;
}

.grid-item.product-list .product-wrapper:hover .product-description .flip-countdown.simple-countdown .countdown-container, .grid-item.product-short-list .product-wrapper:hover .product-description .flip-countdown.simple-countdown .countdown-container {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.list-collection-products .pickgradient-products: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);
}
.list-collection-products .pickgradient-products img {
transition: transform 0.45s;
-webkit-transition: transform 0.45s;
-moz-transition: transform 0.45s;
-o-transition: transform 0.45s;
-ms-transition: transform 0.45s;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
p.text-center.veiw_all_collections a {
line-height: 2.5;
display: inline-block;
}
p.text-center.veiw_all_collections a span.icon.icon-chevron-right {
padding-top: 2px;
float: right;
padding-left: 5px;
}
.list-collection-products .pickgradient-products {
cursor: pointer;
margin: 0 0 20px;
}
.list-collection-products .pickgradient-products .collection-desc {
bottom: 8px;
background: #fff;
padding: 10px 15px;
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;
transform: translateX(-150px);
-webkit-transform: translateX(-150px);
-moz-transform: translateX(-150px);
-o-transform: translateX(-150px);
-ms-transform: translateX(-150px);
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden;
}
.list-collection-products .pickgradient-products:hover .collection-desc{
transform: translateX(10px);
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-o-transform: translateX(10px);
-ms-transform: translateX(10px);
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
}
.list-collection-products .pickgradient-products a.grid-link.collection-link {
text-overflow: ellipsis;
}
p.collection-count {
font-size: 13px;
z-index: 1;
}
a.grid-link.collection-link span.grid-link__title {
font-family: var(--font-stack-header);
font-size: 16px;
color: #111;
white-space: nowrap;
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;
}
a.grid-link.collection-link span.grid-link__title:hover {
color:var(--color-btn-primary)

float: left;
width: 100%;
background: #f5f3f0;
padding: 10px;
margin: 0 0 30px;
}
.sorting_wrapper {
display: flex;
float: left;
}
.collection_template .grid-item:not(.product-short-list,.product-list) .item-row.product-layouts {
padding: 0;
}
.grid-item.medium--one-third.large--one-half.product-grid img, .grid-item.medium--one-third.large--one-third.product-grid img {
width: 100%;
}
@media (max-width: 1299px) {
.collection_right .products-grid-view > .grid-item.product-grid, .collection_left .products-grid-view > .grid-item.product-grid {
width: 33.33%;
clear: none;
}
.collection_right .products-grid-view > .grid-item.product-grid:nth-child(3n+1), .collection_left .products-grid-view > .grid-item.product-grid:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (max-width: 1199px) {
.grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container, .grid-item.product-short-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container {
padding: 0 0 0 30px;
margin: 0 0 15px;
}
.grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container::after, .grid-item.product-short-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container::after {
left: 5px;
line-height: 34px;
}
.full-width .products-grid-view > .grid-item.product-grid {
width: 33.333%;
clear: none;
}
.full-width .products-grid-view > .grid-item.product-grid:nth-child(3n+1) {
clear: both;
}
}
@media only screen and (min-width: 768px) {
.product-list .grid-view-item.product-layouts .product-wrapper .product-thumb .padding_0.right_img {
margin: 0 -10px !important;
}
}
@media only screen and (max-width: 991px) {
.list-collection-products .grid__item {
width: 33.33%;
}
.collection_wrapper{
width: 100%;
}
.left-sidebar, .right-sidebar {
margin-top: 20px;
}
.product-thumb .add-to-wishlist.pro_btn a{
padding:10px;
}
}
@media only screen and (max-width: 767px) {
.list-collection-products .grid__item {
width: 50%;
}
}
@media (max-width: 720px) {
.collection_right .products-grid-view > .grid-item.product-grid, .collection_left .products-grid-view > .grid-item.product-grid,.full-width .products-grid-view > .grid-item.product-grid {
width: 50%;
clear: none;
}
.collection_right .products-grid-view > .grid-item.product-grid:nth-child(2n+1), .collection_left .products-grid-view > .grid-item.product-grid:nth-child(2n+1),.full-width .products-grid-view > .grid-item.product-grid:nth-child(2n+1) {
clear: both;
}
.collection_right .products-grid-view > .grid-item.product-grid:nth-child(3n+1), .collection_left .products-grid-view > .grid-item.product-grid:nth-child(3n+1),.full-width .products-grid-view > .grid-item.product-grid:nth-child(3n+1) {
clear: none;
}
}
@media only screen and (max-width: 480px) {
.collection_wrapper .section-header.text-left .description, .collection_template .section-header.text-left .description {
font-size: 11px;
}
.collection_wrapper .filter-wrapper .sorting_wrapper {
float: left;
width: 100%;
margin: 10px 0 0;
}
.collection_right .products-grid-view > .grid-item.product-grid, .collection_left .products-grid-view > .grid-item.product-grid,.full-width .products-grid-view > .grid-item.product-grid {
width: 100%;
clear: none;
}
.collection_right .products-grid-view > .grid-item.product-grid:nth-child(2n+1), .collection_left .products-grid-view > .grid-item.product-grid:nth-child(2n+1),.full-width .products-grid-view > .grid-item.product-grid:nth-child(2n+1) {
clear: both;
}
.list-collection-products .grid__item {
width: 100%;
}
.full_width.wrap_right_filter .sorting_wrapper {
width: 100%;
}
.left-sidebar, .right-sidebar {
margin-top: 15px;
}
.collection_template .products-grid-view .grid-item.product-grid {
padding: 0 10px;
}
}
/*=================== left filter =============================*/
.js-off-canvas-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 8888;
width: 100%;
height: 100%;
transition: opacity 0.5s ease, visibility 0.5s ease;
-webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
-moz-transition: opacity 0.5s ease, visibility 0.5s ease;
-o-transition: opacity 0.5s ease, visibility 0.5s ease;
-ms-transition: opacity 0.5s ease, visibility 0.5s ease;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
overflow: hidden;
}
.js-off-canvas-overlay.is-overlay-fixed {
position: fixed;
}
.js-off-canvas-overlay.is-closable {
cursor: pointer;
}
.js-off-canvas-overlay.is-visible {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.off-canvas-wrapper {
position: relative;
overflow: hidden;
}
.off-canvas {
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: var(--color-body);
overflow: auto;
}
.off-canvas.position-left.is-open {
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
}
.off-canvas.position-right.is-open {
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
}
.off-canvas.is-transition-overlap {
z-index: 8889;
}
.off-canvas.is-transition-overlap.is-open {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
.off-canvas .collection_sidebar .widget h4 a.clear {
float: right;
}
.off-canvas .collection_sidebar ul .owl-nav {
top: -58px;
right: 0;
}
.off-canvas .collection_sidebar .widget_top_rated_products h4 {
float: left;
width: 100%;
font: 400 16px/18px var(--font-stack-header);
color: var(--color-text);
margin: 0 0 20px;
cursor: pointer;
padding: 0 0 15px;
position: relative;
border-bottom: 1px solid var(--color-border);
}
.off-canvas .collection_sidebar .widget_top_rated_products h4::before {
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: -1px;
background: var(--color-btn-secondary);
height: 2px;
width: 30px;
content: "";
}
.off-canvas .collection_sidebar .shopify-section .widget {
border: none;
float: left;
width: 100%;
padding: 10px;
border: 1px solid #e5e5e5;
margin: 0 0 30px;
}
.off-canvas .sidebar_close {
position: relative;
float: right;
width: auto;
cursor: pointer;
}
.off-canvas .sidebar_close i {
font-size: 22px;
position: absolute;
right: 10px;
left: auto;
top: 10px;
bottom: auto;
height: 22px;
width: 22px;
line-height: 22px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
color: #666;
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;
}
.off-canvas .sidebar_close:hover i {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.off-canvas.position-left {
width: 320px;
transform: translateX(-320px);
-webkit-transform: translateX(-320px);
-moz-transform: translateX(-320px);
-o-transform: translateX(-320px);
-ms-transform: translateX(-320px);
overflow-y: initial;
overflow-x: hidden;
}
.off-canvas.position-right {
width: 320px;
transform: translateX(350px);
-webkit-transform: translateX(350px);
-moz-transform: translateX(350px);
-o-transform: translateX(350px);
-ms-transform: translateX(350px);
overflow-y: initial;
overflow-x: hidden;
}
.off-canvas::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
.off-canvas::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.off-canvas::-webkit-scrollbar {
width: 5px;
}
.off-canvas.position-right .sidebar_close {
float: left;
width: auto;
}
.off-canvas.position-right .sidebar_close i {
left: 8px;
right: auto;
}
a.filter-right {
float: right;
line-height: 2.1;
font-size: 15px;
font-weight: 500;
}
a.filter-right i{
padding-left: 10px;
}
a.filter-left{
line-height: 2.1;
font-size: 15px;
}
a.filter-left i{
padding-right: 10px;
}
.position-left {
top: 0;
left: 0;
height: 100%;
overflow-y: auto;
width: 270px;
transform: translateX(-270px);
-webkit-transform: notranslateX(-270px)ne;
-moz-transform: translateX(-270px);
-o-transform: translateX(-270px);
-ms-transform: translateX(-270px);
}
.position-right {
top: 0;
right: 0;
height: 100%;
overflow-y: auto;
width: 270px;
transform: translateX(-270px);
-webkit-transform: notranslateX(-270px)ne;
-moz-transform: translateX(-270px);
-o-transform: translateX(-270px);
-ms-transform: translateX(-270px);
}
.full_width.wrap_left_filter .view-mode.filter-grid-list.grid__item, .full_width.wrap_left_filter .sorting_wrapper {
float: right;
padding-left: 15px;
}
.full_width.right_filter.collection-sorting {
float: left;
margin-left: 15px;
}
.full_width.left_filter.collection-sorting {
float: right;
}
.full_width .sorting_wrapper input.dropdown-toggle[type="submit"], .full_width .sorting_wrapper .dropdown-toggle.btn--secondary {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #e5e5e5;
color: #111;
padding: 7px 22px 7px 10px;
}
.full_width.wrap_toggle_filter .collection_sidebar {
margin: 30px 0 0;
padding: 0;
border: none;
}
.full_width.wrap_toggle_filter .sidebar-block {
float: left;
width: 100%;
background: #fff;
padding: 15px 0 0;

float: right;
margin: 5px;
}
.full_width .sorting_wrapper {
margin: 0 0 0 20px;
float: left;
}
.full-width .collection_template .product-list.grid-item {
width: 50%;
clear: none;
}
.full_width .collection_sidebar {
margin: 10px 0 0;
border-top: 1px solid var(--color-border);
padding: 20px 0 0;
}
.full_width .filter-toggle .mdi.mdi-format-align-right {
padding: 0 0 0 7px;
font-size: 17px;
line-height: 17px;
vertical-align: middle;
}
.sorting_wrapper button>i {
font-size: 8px;
left: auto;
position: absolute;
right: 8px;
top: 12px;
}
.collection_sidebar .widget{
margin-bottom: 15px; 
float: left;
width: 100%;
}
.off-canvas-wrapper .collection_sidebar .widget{
border: 1px solid #e5e5e5;
padding: 10px;
}
.sidebar .widget .clear{
float:right;
}
.sidebar-block .widget-content {
float: left;
width: 100%;
padding-left: 15px;
}
.sidebar .widget h4, .sidebar-block .widget .h4, .sidebar-block .widget h4 {
font: 500 15px/20px var(--font-stack-header);
color: var(--color-text);
margin: 0 0 15px;
cursor: pointer;
float: left;
width: 100%;
padding: 10px 15px;
position: relative;
background: #f5f3f0;
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-block ul li > a {
color: var(--color-text-field);
float: left;
font-size: 13px;
font-weight: 400;
line-height: 22px;
width: 100%;
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;
}
.collection_template .full_width #shopify-section-sidebar-promoimage.shopify-section::after {
display: none;
}
.sidebar-block ul li > a:hover {
color:#222;
}
.sidebar .widget ul li {
float: left;
width: 100%;
margin: 0 0 5px 0;
}
.article-template .widget,.blogleft_inner_content .widget,.blog_list .widget{
border: 1px solid var(--color-border);
padding: 5px;
margin: 0 0 15px;
}
.widget ul li.product-wrapper {
display: flex;
margin: 0 0 15px 0;
}
.sidebar .widget ul .product-layouts:last-child li.product-wrapper {
margin: 0;
}
.sidebar .widget_promo_img ul li {
margin: 0;
}
.sidebar-block .widget ul li {
margin: 0 0 10px;
}
.widget.widget_top_rated_products .sidebar .widget ul li {
margin: 0 0 15px 0;
}
.sidebar .widget .top-products-detail .price .money,.collection_sidebar .widget .top-products-detail .price .money {
font-size: 14px;
line-height: 16px;
}
form#comment_form {
margin: 0;
}
.sidebar .widget .top-products-detail .compare-price .money,.collection_sidebar .widget .top-products-detail .compare-price .money {
font-size: 12px;
line-height: 14px;
font-weight: 400;
}
.widget-content li > a.active {
position: relative;
}
.widget-content li > a.active span {
color: #111;
}
.widget-content li > a.active::before {
content: "\f12c";
font-family: "Material Design Icons";
position: absolute;
left: 3px;
right: auto;
top: 4px;
bottom: auto;
height: 15px;
width: 15px;
color: #fff;
font-size: 11px;
line-height: 16px;
}
.collection_sidebar .widget .product-categories ul {
padding: 0 0 0 15px;
}
.product-wrapper.sidebar-product .image.product-thumb .loader .preloader-wrapper {
height: 30px;
width: 30px;
}
.product-wrapper.sidebar-product .image.product-thumb .loader .preloader-wrapper .spinner-layer {
height: 30px;
width: 30px;
}
.product-wrapper.sidebar-product .image.product-thumb .loader .preloader-wrapper .spinner-layer::before {
height: 30px;
width: 30px;
}
.filter-toggle-wrap {
display: none;
float: left;
width: 100%;
}
.filter-toggle-wrap .collection_sidebar .shopify-section .widget {
float: left;
width: 100%;
padding: 0 15px;
}
.collection_template .product-list.grid-item {
width: 100%;
padding: 0;
}
.collection_template .grid-uniform.product-grid {
float: left;
width: 100%;
margin: 0;
}
.collection_template .full_width .shopify-section {
float: left;
width: 20%;
position: relative;
}
.full_width .sidebar-block .facets-container {
width: 80%;
}
.full_width .sidebar-block .facets-container .disclosure-has-popup {
width: 25%;
padding: 0 15px;
position: relative;
}
.sidebar-block .widget:hover h4 i {
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 only screen and (min-width: 992px) {
.sidebar .widget:hover h4, .sidebar-block .widget:hover .h4, .sidebar-block .widget:hover h4{
color:#fff;
background: var(--color-btn-primary);  
}
.sidebar-block .widget:hover h4 i {
color:#fff;
}
}
@media only screen and (max-width: 1499px) {
.full-width .collection_template .product-list.grid-item {
width: 100%;
}
}
@media only screen and (max-width: 1399px) {
.collection_sidebar .widget{
margin:0 0 10px;
}
}
@media only screen and (max-width: 1299px) {
.collection_sidebar .widget{
margin:0 0 5px;
}
}
@media only screen and (max-width: 1199px) {
.sidebar .widget h4, .sidebar-block .widget .h4, .sidebar-block .widget h4 {
margin: 0 0 10px;
}
}
@media only screen and (max-width: 991px) {
.sidebar .widget_promo_img ul li{
float:left;
}
.off-canvas .collection_sidebar .widget_top_rated_products h4 {
font-size: 14px;
line-height: 16px;
}
.off-canvas .collection_sidebar .widget {
border: none;
padding: 0;
}
.off-canvas .shopify-section#shopify-section-sidebar-bestsellers, .off-canvas .shopify-section#shopify-section-sidebar-promoimage {
margin: 0;
}
.collection_template .sidebar .widget h4, .collection_template .sidebar-block .widget .h4, .collection_template .sidebar-block .widget h4, .sidebar__inner .collection_sidebar .widget h4 {
margin: 0;
background: none;
padding: 15px;
border-bottom: none;
font-size: 14px;
line-height: 18px;
}
.sidebar-block {
margin-bottom: 30px;
float: left;
width: 100%;
border: 1px solid var(--color-border);
}
.sidebar-block .widget {
padding: 0;
border: none;
float: left;
width: 100%;
border-bottom: 1px solid var(--color-border);
margin:0;
}
.sidebar-block .widget .h4, .sidebar-block .widget h4 {
padding: 15px;
}
.sidebar-block .color .widget {
border-bottom: none;
}
.sidebar-block .widget-content{
padding: 0px;
}
.sidebar-block div ul {
padding: 0 15px;
float: left;
width: 100%;
margin: 2px 0 10px;
}
.sidebar-block div ul li ul {
padding: 0 0 0 15px;
}
.main-content .sidebar-block .shopify-section {
margin: 0;
}
.off-canvas-wrapper .sidebar-block {
border: none;
margin: 0;
}
.off-canvas-wrapper .sidebar-block div ul {
padding: 0;
margin: 0;
}
.off-canvas-wrapper .sidebar-block .widget {
border: none;
margin: 0;
}
.widget-content li > a.active::before {
top: 2px;
}
.sidebar .widget.widget_top_rated_products {
border-bottom: 1px solid #e5e5e5;
}
.collection_sidebar .widget a > i {
float: unset;
display: inline-block;
}
.sidebar .collection_sidebar div ul:not(#promo-carousel) {
padding: 0 15px 5px 15px;
float: left;
width: 100%;
}
.collection_sidebar div ul#promoimg-carousel{
padding: 0 !important;
}
.sidebar .collection_sidebar > div .widget > h4 {
padding: 15px;
}  
.collection_template .sidebar .widget h4::before,
.collection_template .sidebar-block .widget .h4::before,
.collection_template .sidebar-block .widget h4::before,
.sidebar__inner .collection_sidebar .widget h4::before {
display: none;
}
.off-canvas-wrapper .sidebar .widget h4::before,
.off-canvas-wrapper .sidebar-block .widget .h4::before,
.off-canvas-wrapper .sidebar-block .widget h4::before{
display:inline-block;
}
.sidebar-block .widget > ul > li:last-child {
margin: 0 0 15px;
}
.off-canvas .sidebar-block .widget>ul>li:last-child {
margin: 0 0 5px;
}
.sidebar h4.toggle{
cursor: pointer;
}
.sidebar h4.toggle::after ,.sidebar-block .widget h4.toggle::after,
.sidebar .widget.active h4.toggle::after, .sidebar-block .widget.active h4.toggle::after{
font-family: 'Material Design Icons';
content: '\f140';
font-size: 18px;
font-weight: 500;
float: right;
}
.sidebar .widget.active h4.toggle::after, .sidebar-block .widget.active h4.toggle::after {
content: '\f143';
}
.sidebar .widget > *:nth-child(2){
padding: 0;
margin-top:15px;
margin:0;
}
.filter-toggle-wrap .collection_sidebar .shopify-section .widget {
padding: 0;
}
.collection_template .shopify-section .widget.widget_promo_img {
padding: 0;
float: none;
width: 40%;
display: inline-block;
vertical-align: top;
}
.collection_template .full_width #shopify-section-sidebar-promoimage {
text-align: center;
}
.collection_template .full_width .shopify-section {
width: 100%;
}
.filter-toggle-wrap .sidebar-block {
margin: 0 0 15px;
}
}
.grid-uniform.product-grid.col-main {
margin: 0;
}
@media only screen and (max-width: 480px) {
.off-canvas.position-left,.off-canvas.position-right {
width: 290px;
}
.full_width.wrap_left_filter .view-mode.filter-grid-list.grid__item, .full_width.wrap_left_filter .sorting_wrapper {
padding-left: 0;
}
.full_width.right_filter.collection-sorting {
margin-left: 0;
}
.full_width .sorting_wrapper {
margin: 0;
width: 100%;
}
.collection_template .sidebar .widget h4, .collection_template .sidebar-block .widget .h4, .collection_template .sidebar-block .widget h4, .sidebar__inner .collection_sidebar .widget h4 {
padding: 12px;
line-height: 16px;
font-size: 13px;
}
.sidebar .collection_sidebar div ul:not(#promo-carousel){
padding:0;
}
.left-sidebar-column .widget_top_rated_products .owl-nav{
top: -35px;
right: 90px;
}
.widget_top_rated_products .top-products-detail {
width: 60%;
}
.collection_template .shopify-section .widget.widget_promo_img {
width: 50%;
}
.masonary-collection.grid-uniform.product-grid.col-main,.collection_template .grid-uniform.product-grid .products-grid-view{
padding:0 5px;
}
.collection_template .masonary-collection.grid-uniform.product-grid .products-grid-view{
padding:0;
}
}
/*----- leftsidebar promo image----*/
.widget_promo_img #promo-carousel .owl-dots {
position: absolute;
top: auto;
bottom: 0;
right: 0;
left: auto;
background: #fff;
padding: 5px 10px;
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;
}
.widget_promo_img #promo-carousel .owl-dots .owl-dot {
display: inline-block;
background: none;
padding: 0;
border: none;
}
.widget_promo_img #promo-carousel .owl-dots .owl-dot span {
background: #111;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
cursor: pointer;
display: inline-block;
float: none;
margin: 0 5px;
height: 12px;
width: 12px;
vertical-align: middle;
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;
}
.widget_promo_img #promo-carousel .owl-dots .owl-dot.active span {
border: 2px solid var(--color-btn-secondary);
height: 15px;
width: 15px;
position: relative;
background: none;
}
.widget_promo_img #promo-carousel .owl-dots .owl-dot.active span:hover {
background: none;
}
.widget_promo_img #promo-carousel .owl-dots .owl-dot.active span::after {
background: var(--color-btn-secondary);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
bottom: 0;
content: "";
height: 5px;
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 5px;
}
.widget_promo_img #promo-carousel .owl-dots .owl-dot span:hover {
background: var(--color-btn-secondary);
}
.widget_promo_img #promo-carousel:hover .owl-dots {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
/*-------------------------- Grid, List, And Short-list ------------------------------*/
.filter-grid-list span {
display: none;
}
.filter-grid-list #list-view, .filter-grid-list #grid-view, .filter-grid-list #short-list-view {
position: relative;
background: none;
padding: 15px;
margin: 0 3px 0 0;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
float: none;
display: inline-block;
vertical-align: top;
width: auto;
cursor: pointer;
}
.filter-grid-list.view-mode.grid__item .btn::after {
display: none;
}
.filter-grid-list .grid::before, .filter-grid-list .list::before, .filter-grid-list .short-list::before {
content: "\f03b";
color: #666;
font-family: "Material Design Icons";
position: absolute;
left: 0px;
right: auto;
top: 0;
bottom: 0;
font-size: 24px;
height: 30px;
width: 30px;
line-height: 30px;
margin: 0 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;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
background: none;
animation: none;
font-weight: 400;
}
.filter-grid-list .list::before {
content: "\f969";
}
.filter-grid-list .short-list::before {
content: "\f687";
}
.filter-grid-list .grid.active::before, .filter-grid-list .grid:hover::before, .filter-grid-list .list.active::before, .filter-grid-list .list:hover::before, .filter-grid-list .short-list.active::before, .filter-grid-list .short-list:hover::before {
color: #222;
}
.widget_filter_tag.total_2, .widget_filter_tag.total_2 .sidebar-tag {
float: left;
width: 50%;
}
.widget_filter_tag.total_3 {
float: left;
width: 75%;
}
.widget_filter_tag.total_4, .widget_filter_tag.total_1 .sidebar-tag {
float: left;
width: 100%;
}
.widget_filter_tag.total_1, .widget_filter_tag.total_4 .sidebar-tag {
float: left;
width: 25%;
}
/*----------------------- product page color and size design ---------------------*/
.swatch {
margin-bottom: 0;
}
.swatch .header {
font-size: 13px;
font-weight: 600;
margin: 0 0 5px;
width: 100%;
color: #111;
}
.swatch .swatch-element {
position: relative;
float: none;
width: 30px;
display: inline-block;
vertical-align: top;
height: 30px;
cursor: pointer;
}
.swatch .swatch-element.size input:checked + label {
background: #444;
border: 1px solid #444;
color: #fff;
}
.swatch .swatch-element label {
float: left;
width: 100%;
height: 100%;
text-align: center;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
color: #ccc;
cursor: pointer;
border: 1px solid #e3e3e3;
line-height: 30px;
}
.swatch .swatch-element .tooltip {
text-align: center;
background: #fff;
color: #0f0f0f;
bottom: 100%;
padding: 5px 10px;
display: block;
position: absolute;
z-index: 2;
min-width: 50px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
margin-bottom: 12px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
filter: alpha(opacity=0);
visibility: hidden;
transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-moz-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
-ms-transition: all 0.25s ease-in-out 0s;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
font-size: 12px;
font-weight: 500;
letter-spacing: normal;
pointer-events: none;
}
.swatch .swatch-element .tooltip:before {
bottom: -16px;
content: "";
display: block;
height: 16px;
left: 0;
position: absolute;
width: 100%;
}
.swatch .swatch-element .tooltip:after {
border-left: solid transparent 7px;
border-right: solid transparent 7px;
border-top: solid #fff 7px;
bottom: -7px;
content: " ";
height: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: absolute;
width: 0;
}
.swatch .swatch-element:hover .tooltip {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
filter: alpha(opacity=100);
visibility: visible;
pointer-events: auto;
}
.swatch input[type=radio] {
display: none;
}
.swatch.soldout {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
filter: alpha(opacity=50);
}
.swatch.soldout label {
cursor: no-drop;
}
/*---------------------------- Extened Product -----------------------------*/
.col-left-border p {
border-bottom: 1px solid var(--color-border);
}
@media only screen and (min-width: 601px) {
.template-product .banner3-flex {
display: flex;
align-items: center;
}
}
/*==================== Common header css =====================*/
.footer-bottom-content .copyright small {
font-size: 13px;
color: var(--color-btn-secondary-text);
}
.header_language .disclosure {
position: relative;
float: left;
width: 100%;
cursor: pointer;
font-weight: 500;
}
.left-nav .cnt_num {
font: 400 13px/15px var(--font-stack-body);
float: right;
width: 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;
}


.header_language .disclosure::after {
position: absolute;
content: "";
top: 0;
bottom: 0;
height: 20px;
width: 1px;
background: rgba(255,255,255,0.2);
left: auto;
right: 0;
margin: auto 10px auto 0;
}

/*==================== footer common CSS =====================*/
.template-index .main-content .shopify-section.footer {    
margin: 0;
}
.site-footer .footer-wrap{
background: var(--colorFooterbg);
}
.site-footer .footer-wrap .footer-column .inline-list{
padding:0px;
margin: 0;
}
@media(min-width: 992px){
.site-footer .footer-wrap .footer-column .inline-list{
display: block !important;
}
.widget-title.toggle {
display: none;
}
}
.footer-column > *:nth-child(2) {
display: none;
padding: 0 15px;
}
.footer-column > *:nth-child(2) {
display: none;
padding: 0 15px;
}
.site-footer .footer-column ul.inline-list li a:hover,
.site-footer .footer-wrap .footer-column ul.inline-list li a:hover{
color: var(--color-product-secondary);
}
.site-footer a {
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;
}
.site-footer .copyright a:hover {
color: var(--color-product-secondary);
}
@media(max-width: 991px){
.widget-title.toggle {
display: block !important;
}
.widget-title {
display: none;
}
.site-footer  h5.widget-title.toggle::after {
content: '\f140';
float: right;
font-family: 'Material Design Icons';
font-size: 18px;
font-weight: 500;
}
.site-footer .active h5.widget-title.toggle::after{
content: '\f143';
float: right;
font-family: 'Material Design Icons';
font-size: 18px;
font-weight: 500;
} 
.site-footer .footer-column.active h5.toggle, .site-footer .widget h5.toggle{
background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
}
.site-footer .footer-column {
width: 100%;
}
}
@media(max-width: 480px){
.block_content .input-group-btn .subscribe{
display:none;
}
}
/*===============================slidershow===========================*/
.shopify-section.index-section.tt-homeslider
{
margin:0;
}
.home-slider ul.slides li a img {
width: 100%;
}
.home-slider svg.feather.feather-play {
fill: #fff;
height: 40px;
float: left;
width: 100%;
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;
}
.home-slider .play-icone:hover svg.feather.feather-play{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.homeslider .slides ul.slick-dots {
position: absolute;
bottom: 20px;
right: 0;
left: 0;
width: auto;
text-align: center;
margin: 0;
padding: 0;
list-style: none;
z-index: 1;
}
.homeslider .slides ul.slick-dots li {
margin: 0 6px;
display: inline-block;
zoom: 1;
vertical-align: middle;
cursor: pointer;
}
.homeslider .slides ul.slick-dots li button {
width: 10px;
height: 12px;
border-radius: 25px; 
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
display: block;
text-indent: -9999px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
border: none;
cursor: pointer;
}
.homeslider .slides ul.slick-dots li.slick-active button{
width: 35px;
height: 12px;
}
.homeslider .slides ul.slick-dots li.slick-active button {
cursor: default;
font-size: 30px;
font-weight: 700;
color: #0d4782;
}
.homeslider .slides ul.slick-dots li.slick-active button {
background: var(--color-btn-secondary);
}
.homeslider .slides ul.slick-dots li button {
background: rgba(255,255,255,0.7);
}
.home-slider  span.play-icone::after {
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0px;
left: -8px;
height: 136px;
width: 136px;
border-radius: 50%;
border: 1px dashed #fff;
margin: auto;
-webkit-animation: spin 10s linear infinite;
-moz-animation: spin 10s linear infinite;
animation: spin 10s linear infinite;
}
.homeslider .slides .slick-arrow {
background: none;
border: none;
font-size: 0;
line-height: normal;
z-index: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-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;
display:none;
}
.homeslider .slides .slick-arrow.slick-disabled,.homeslider .slides .slick-arrow:hover.slick-disabled,.homeslider .slides .slick-arrow:focus.slick-disabled {
cursor: not-allowed;
}
.homeslider .slides:hover .slick-arrow {
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.homeslider .slides:hover .slick-prev.slick-arrow, .homeslider .slides .slick-prev.slick-arrow {
left: 30px;
}
.homeslider .slides:hover .slick-next.slick-arrow, .homeslider .slides .slick-next.slick-arrow {
right: 30px;
}
.homeslider .slides .slick-arrow::after {
font-family: "Material design Icons";
text-align: center;
font-size: 40px;
line-height: 40px;
float: none;
display: inline-block;
vertical-align: top; 
}
.homeslider .slides .slick-prev.slick-arrow::after {content: "\f141";}
.homeslider .slides .slick-next.slick-arrow::after {content: "\f142";}

.tt-homeslider .home-slider .homeslider .slider-content-wrap {
top: auto;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: var(--color-btn-primary);
padding: 72px 58px;
width: 37%;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle{
font: 400 20px/28px var(--font-stack-subheading);
margin: 0 0 10px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title{
font: 400 65px/80px var(--font-stack-header);  
margin: 0 0 45px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
left:5%;
right: auto;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap.content-right {
right: 5%;
left: auto;
} 
.tt-homeslider .home-slider .homeslider .slider-content-wrap.content-center{
left: 0;
right: 0;
margin: 0 auto;
top: auto;
bottom: 0;
}
.homeslider .play-icone {
height: 120px;
width: 120px;
background: #fff;
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;
cursor:pointer;  
top: auto;
bottom: 13%;
left: 39%;
right: auto;
display: flex;
align-items: center;
justify-content: center;
}
.homeslider .play-icone.content-right
{
right: 40%;
left: auto;
}
.homeslider .play-icone.content-center
{
right: 28%;
left: auto;
}
.homeslider .play-icone:hover{
background-color:var(--color-btn-secondary);
}
.homeslider .play-icone:hover i{
color: var(--color-product-secondary-text);
}
.homeslider .play-icone i {
color: #222;
font-size: 58px;
line-height: 70px;
padding: 0 1px;
}
.homeslider .popup_overlay {
left: 0;
z-index: 999;
right: 0;
display: none;
top: 0;
background: rgba(0,0,0,0.9);
height: 100%;
}
.homeslider .popup_overlay .popup_close {
display: block;
position: absolute;
top: 70px;
right: 30px;
width: 30px;
height: 30px;
padding: 8px;
cursor: pointer;
text-align: center;
font-size: 30px;
line-height: 30px;
color: #ffffff;
text-decoration: none;
}
.homeslider .popup_overlay .video-wrapper {
position: static;
}
.type_slide .slider-content-wrap.content-left.effect_left,.type_slide .slider-content-wrap.content-left.effect_right,.type_slide .slider-content-wrap.content-left.effect_top,.type_slide .slider-content-wrap.content-left.effect_bottom,.type_slide .slider-content-wrap.content-right.effect_left,.type_slide .slider-content-wrap.content-right.effect_right,.type_slide .slider-content-wrap.content-right.effect_top,.type_slide .slider-content-wrap.content-right.effect_bottom,.type_slide .slider-content-wrap.content-center.effect_left,.type_slide .slider-content-wrap.content-center.effect_right,.type_slide .slider-content-wrap.content-center.effect_top,.type_slide .slider-content-wrap.content-center.effect_bottom{
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
}

.type_slide .slick-active .slider-content-wrap.content-left.effect_left,.type_slide .slick-active .slider-content-wrap.content-left.effect_right,.type_slide .slick-active .slider-content-wrap.content-left.effect_top,.type_slide .slick-active .slider-content-wrap.content-left.effect_bottom,.type_slide .slick-active .slider-content-wrap.content-right.effect_left,.type_slide .slick-active .slider-content-wrap.content-right.effect_right,.type_slide .slick-active .slider-content-wrap.content-right.effect_top,.type_slide .slick-active .slider-content-wrap.content-right.effect_bottom,.type_slide .slick-active .slider-content-wrap.content-center.effect_left,.type_slide .slick-active .slider-content-wrap.content-center.effect_right,.type_slide .slick-active .slider-content-wrap.content-center.effect_top,.type_slide .slick-active .slider-content-wrap.content-center.effect_bottom{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
}
.home-slider .slider-content-wrap.content-left.effect_right .slider-title,.home-slider .slider-content-wrap.content-right.effect_right .slider-title,.home-slider .slider-content-wrap.content-center.effect_right .slider-title{
animation: 1200ms ease-in-out 0s normal none 1 running fadeOutRight;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_right .slider-title,.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_right .slider-title,.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_right .slider-title{
animation: 1200ms ease-in-out 0s normal none 1 running fadeInRight;
}
.home-slider .slider-content-wrap.content-left.effect_right .slider-subtitle,.home-slider .slider-content-wrap.content-right.effect_right .slider-subtitle,.home-slider .slider-content-wrap.content-center.effect_right .slider-subtitle{
animation: 1400ms ease-in-out 0s normal none 1 running fadeOutRight;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_right .slider-subtitle,.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_right .slider-subtitle,.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_right .slider-subtitle{
animation: 1400ms ease-in-out 0s normal none 1 running fadeInRight;
}
.home-slider .slider-content-wrap.content-left.effect_right .slider-button,.home-slider .slider-content-wrap.content-right.effect_right .slider-button,.home-slider .slider-content-wrap.content-center.effect_right .slider-button{
animation: 1600ms ease-in-out 0s normal none 1 running fadeOutRight;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_right .slider-button,.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_right .slider-button,.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_right .slider-button{
animation: 1600ms ease-in-out 0s normal none 1 running fadeInRight;
}
.home-slider .slider-content-wrap.content-right.effect_left .slider-title,.home-slider .slider-content-wrap.content-left.effect_left .slider-title,.home-slider .slider-content-wrap.content-center.effect_left .slider-title{
animation: 1500ms ease-in-out 0s normal none 1 running fadeOutLeft;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_left .slider-title,.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_left .slider-title,.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_left .slider-title{
animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.home-slider .slider-content-wrap.content-right.effect_left .slider-subtitle,.home-slider .slider-content-wrap.content-left.effect_left .slider-subtitle,.home-slider .slider-content-wrap.content-center.effect_left .slider-subtitle{
animation: 1700ms ease-in-out 0s normal none 1 running fadeOutLeft;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_left .slider-subtitle,.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_left .slider-subtitle,.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_left .slider-subtitle{
animation: 1700ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.home-slider .slider-content-wrap.content-right.effect_left .slider-button,.home-slider .slider-content-wrap.content-left.effect_left .slider-button,.home-slider .slider-content-wrap.content-center.effect_left .slider-button{
animation: 1900ms ease-in-out 0s normal none 1 running fadeOutLeft;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_left .slider-button,.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_left .slider-button,.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_left .slider-button{
animation: 1900ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.home-slider .slider-content-wrap.content-center.effect_bottom .slider-title,.home-slider .slider-content-wrap.content-left.effect_bottom .slider-title,.home-slider .slider-content-wrap.content-right.effect_bottom .slider-title{
animation: 1500ms ease-in-out 0s normal none 1 running fadeOutUp;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_bottom .slider-title,.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_bottom .slider-title,.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_bottom .slider-title{
animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;
}
.home-slider .slider-content-wrap.content-center.effect_bottom .slider-subtitle,.home-slider .slider-content-wrap.content-left.effect_bottom .slider-subtitle,.home-slider .slider-content-wrap.content-right.effect_bottom .slider-subtitle{
animation: 1800ms ease-in-out 0s normal none 1 running fadeOutUp;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_bottom .slider-subtitle,.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_bottom .slider-subtitle,.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_bottom .slider-subtitle{
animation: 1800ms ease-in-out 0s normal none 1 running fadeInUp;
}
.home-slider .slider-content-wrap.content-center.effect_bottom .slider-button,.home-slider .slider-content-wrap.content-left.effect_bottom .slider-button,.home-slider .slider-content-wrap.content-right.effect_bottom .slider-button{
animation: 2000ms ease-in-out 0s normal none 1 running fadeOutUp;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_bottom .slider-button,.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_bottom .slider-button,.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_bottom .slider-button{
animation: 2000ms ease-in-out 0s normal none 1 running fadeInUp;
}
.home-slider .slider-content-wrap.content-center.effect_top .slider-title,.home-slider .slider-content-wrap.content-left.effect_top .slider-title,.home-slider .slider-content-wrap.content-right.effect_top .slider-title {
animation: 1800ms ease-in-out 0s normal none 1 running fadeOutDown;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_top .slider-title,.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_top .slider-title,.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_top .slider-title {
animation: 1800ms ease-in-out 0s normal none 1 running fadeInDown;
}
.home-slider .slider-content-wrap.content-center.effect_top .slider-subtitle,.home-slider .slider-content-wrap.content-left.effect_top .slider-subtitle,.home-slider .slider-content-wrap.content-right.effect_top .slider-subtitle{
animation: 1600ms ease-in-out 0s normal none 1 running fadeOutDown;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_top .slider-subtitle,.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_top .slider-subtitle,.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_top .slider-subtitle{
animation: 1600ms ease-in-out 0s normal none 1 running fadeInDown;
}
.home-slider .slider-content-wrap.content-center.effect_top .slider-button,.home-slider .slider-content-wrap.content-left.effect_top .slider-button,.home-slider .slider-content-wrap.content-right.effect_top .slider-button{
animation: 1900ms ease-in-out 0s normal none 1 running fadeOutDown;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_top .slider-button,.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_top .slider-button,.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_top .slider-button{
animation: 1900ms ease-in-out 0s normal none 1 running fadeInDown;
}
@media(max-width:1899px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size:62px;
line-height:76px;
}
}
@media (max-width: 1799px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 58px;
line-height: 72px;
}
}
@media (max-width: 1699px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 54px;
line-height: 68px;
}

}
@media (max-width: 1599px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 48px;
line-height: 52px;
margin: 0 0 35px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
font-size: 18px;
line-height: 20px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
padding: 9px 28px;
}
.homeslider .play-icone {
height: 110px;
width: 110px;
}
.home-slider span.play-icone::after{
height: 126px;
width: 126px;
}
}
@media (max-width: 1499px){
.homeslider .play-icone
{
left:38%;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap
{
padding: 66px 45px;
}
.home-slider svg.feather.feather-play
{
height: 35px;
}
}
@media (max-width: 1399px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
font-size: 16px;
line-height: 18px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 46px;
line-height: 50px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
padding: 9px 25px;
}
.home-slider span.play-icone::after {
height: 115px;
width: 115px;
}
.homeslider .play-icone {
height: 100px;
width: 100px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
padding: 62px 40px;
}
.homeslider .play-icone {
left: 39%;
}
.homeslider .popup_overlay .popup_close{
top: 10px;
right: 10px;
font-size: 20px;
line-height: 20px;
}
}
@media (max-width: 1299px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 44px;
line-height: 46px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
padding: 8px 22px;
}
.homeslider .play-icone {
height: 95px;
width: 95px;
}
.home-slider span.play-icone::after {
height: 110px;
width: 110px;
}
.home-slider svg.feather.feather-play {
height: 30px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap{
width:39%;
}
.homeslider .play-icone {
left: 40%;
}
}
@media (max-width: 1199px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 36px;
line-height: 40px;
margin: 0 0 35px 0;
}
.homeslider .play-icone {
height: 85px;
width: 85px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
padding: 55px 35px;
}
.home-slider svg.feather.feather-play {
height: 27px;
}
.home-slider span.play-icone::after {
height: 100px;
width: 100px;
}
}
@media (max-width: 991px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
padding: 50px 30px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
font-size: 13px;
line-height: 18px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {  
font-size: 27px;
line-height: 32px;
margin: 0 0 25px 0;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item{
float: left;
width: 100%;
position: relative;
}
.header_1_wrapper  ul#accessibleNav {
margin: 0;
}
.homeslider .slides .slick-arrow::after{
font-size: 30px;
line-height: 30px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
font-size: 14px;
line-height: 18px;
padding: 7px 20px;
}
.homeslider .play-icone {
height: 75px;
width: 75px;
}
.home-slider svg.feather.feather-play {
height: 25px;
}
.home-slider span.play-icone::after {
height: 90px;
width: 90px;
}
.homeslider .slides ul.slick-dots{
display:none !important;
}
.homeslider .slides:hover .slick-prev.slick-arrow, .homeslider .slides .slick-prev.slick-arrow {
left: 10px;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
}
.homeslider .slides:hover .slick-next.slick-arrow, .homeslider .slides .slick-next.slick-arrow{
right: 10px;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
}
}

@media (max-width: 767px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
padding: 33px 15px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 23px;
line-height: 28px;
}
.homeslider .play-icone {
height: 55px;
width: 55px;
}
.home-slider svg.feather.feather-play {
height: 20px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
font-size: 13px;
line-height: 16px;
}
.home-slider span.play-icone::after {
height: 65px;
width: 65px;
left: -5px;
}
}
@media(max-width:650px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap{
width: 46%;
left: 6%;
}
.homeslider .play-icone {
left: 48%;
}
}
@media (max-width: 575px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle
{
display:none;
}
.homeslider .slides:hover .slick-next.slick-arrow, .homeslider .slides .slick-next.slick-arrow {
right:0;
}
.homeslider .slides:hover .slick-prev.slick-arrow, .homeslider .slides .slick-prev.slick-arrow{
left:2px;
}
.homeslider .slides .slick-arrow::after{
font-size: 30px;
line-height: 30px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
padding: 6px 18px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 21px;
line-height: 26px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
padding: 25px 15px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
width: 50%;
}

.homeslider .play-icone {
height: 45px;
width: 45px;
left: 53%;
}
.home-slider span.play-icone::after {
height: 55px;
width: 55px;
left: -5px;
}
}
@media (max-width: 480px){  
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
padding: 15px 15px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
width: 56%;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 18px;
line-height: 22px;
margin: 0 0 15px 0;
}
.homeslider .slides .slick-arrow::after{
display:none;
}
.homeslider .play-icone {
left: 57%;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a{
font-size: 12px;
padding: 6px 16px;
}
.homeslider .popup_overlay .popup_close{
top: 0px;
right: 0px;
font-size: 16px;
line-height: 16px;
}
}
@media(max-width:320px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
padding: 15px 10px;
}
}

/*====================list & short view common css ======================== */
.product-list .product-wrapper, .product-short-list .product-wrapper {
display: flex;
flex-wrap: wrap;
}
.product-list .product-layouts .product-wrapper .btn_wrapper .pro_btn,.product-short-list .product-layouts .product-wrapper .btn_wrapper .pro_btn
{
margin: 0 10px 0 0;
}
.product-list .grid-view-item .btn_cart .tooltip-label,.product-short-list .grid-view-item .btn_cart .tooltip-label {
vertical-align: top;
display: inline-block;
margin: 0 0 0 5px;
line-height: 45px;
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-wrapper .add_tocart.pro_btn.soldout a.btn:hover svg{
color:var(--color-btn-secondary-text);
}
.product-list .product-wrapper .add_tocart.pro_btn a.btn:hover svg,.product-list .product-wrapper .add_tocart.pro_btn a.btn:active svg,.product-list .product-wrapper .add_tocart.pro_btn a.btn:focus svg,.product-short-list .product-wrapper .add_tocart.pro_btn a.btn:hover svg,.product-short-list .product-wrapper .add_tocart.pro_btn a.btn:active svg,.product-short-list .product-wrapper .add_tocart.pro_btn a.btn:focus svg,
.product-list .grid-view-item .btn_cart a.btn:hover .tooltip-label,.product-list .grid-view-item .btn_cart a.btn:active .tooltip-label,.product-list .grid-view-item .btn_cart a.btn:focus .tooltip-label,.product-short-list .grid-view-item .btn_cart a.btn:hover .tooltip-label,.product-short-list .grid-view-item .btn_cart a.btn:active .tooltip-label,.product-short-list .grid-view-item .btn_cart a.btn:focus .tooltip-label
{
color: var(--color-btn-secondary-text);
}
.product-list .product-wrapper .add-to-wishlist.pro_btn,.product-short-list .product-wrapper .add-to-wishlist.pro_btn{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
.product-list .product-layouts .product-wrapper .product-thumb,.product-short-list .product-layouts .product-wrapper .product-thumb{
position:relative;
}
.product-list .product-wrapper .btn_wrapper .pro_btn a.added-wishlist.btn
{
background:var(--color-product-primary) ;
}
.product-list .product-layouts .product-wrapper .btn_wrapper .btn_cart {
float: none;
width: auto;
}
.product-list .product-wrapper .btn_wrapper .pro_btn a.added-wishlist.btn svg
{
color: var(--color-product-primary-text);
}
.product-list .product-wrapper .btn_wrapper .pro_btn a,.product-short-list .product-wrapper .btn_wrapper .pro_btn a{
width: 40px;
height:40px;
}
.product-list .product-wrapper .btn_wrapper .pro_btn a.add-cart-btn ,.product-short-list .product-wrapper .btn_wrapper .pro_btn a.add-cart-btn {
background:var(--color-btn-primary);
}
.product-list .product-wrapper .btn_wrapper .pro_btn a.add-cart-btn:after ,.product-short-list .product-wrapper .btn_wrapper .pro_btn a.add-cart-btn:after {
background:var(--color-btn-secondary);
}
.product-wrapper .btn_wrapper .pro_btn a:active svg{
color:var(--color-btn-primary-text);
}
.product-list .product-wrapper .btn_wrapper .pro_btn a svg,.product-short-list .product-wrapper .btn_wrapper .pro_btn a svg{
width: 15px;
height: 40px;
line-height: 40px;
}
.product-list .product-wrapper .btn_wrapper .pro_btn a  svg.feather.feather-plus,.product-short-list .product-wrapper .btn_wrapper .pro_btn a svg.feather.feather-plus{
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-wrapper .pro_btn a > svg.feather-shopping-bag {
display: none;
}
.product-list .product-desc {
display: block;
font-size: 13px;
line-height: 22px;
margin: 0 0 10px;
}
.product-list .price{
margin: 0 0 14px;
}
.product-list .product-wrapper .spr-badges.grid-item-meta,.product-short-list .product-wrapper .spr-badges.grid-item-meta{
float: left;
width: 100%;
}
.product-list .product-wrapper .spr-badges.grid-item-meta{
margin:0 0 8px;
}
.product-list .product-layouts.grid-view-item .product-wrapper .product-description {
text-align:left;
padding: 0px 0 15px 30px;
}
.product-list .product-wrapper .product-description .grid-view-item__vendor,.product-short-list .product-wrapper .product-description .grid-view-item__vendor {
color:#999;
font-size: 12px;
margin: 0 0 5px;
}
.product-list .product-wrapper .product-thumb a.grid-view-item__link img {
width: 100%;
}
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .short-title {
text-align: left;
padding: 0;
}
.product-short-list .product-wrapper .product-description .grid-view-item__vendor {
margin: 0 0 5px;
float: left;
width: 100%;
}
.product-short-list .product-wrapper:hover .product-price__sale-label, .product-short-list .product-wrapper:hover .custom_label {
left: 10px;
}
ul.a-unordered-list.a-vertical.a-spacing-mini {
margin: 0 ;
}
ul.a-unordered-list.a-vertical.a-spacing-mini li{
list-style:none;
}
.product-single__desc ul {
margin: 0 0 0 15px;
}
.product-short-list .product-price__price.compare_price .money, .product-short-list .product-price__price.compare_price {
float: left;
width: 100%;
text-decoration: line-through;
}
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description {
padding: 0 30px;
}
.product-layouts .product-wrapper .product-thumb a.grid-view-item__link img {
width: 100%;
}
.product-thumb .add-to-wishlist.pro_btn a svg{
height: 18px;
width: 18px;
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-list .product-thumb .add-to-wishlist.pro_btn a:hover svg,.product-short-list .product-thumb .add-to-wishlist.pro_btn a:hover svg,.product-list .product-thumb .add-to-wishlist.pro_btn a:active svg,.product-short-list .product-thumb .add-to-wishlist.pro_btn a:active svg,.product-list .product-thumb .add-to-wishlist.pro_btn a:focus svg,.product-short-list .product-thumb .add-to-wishlist.pro_btn a:focus svg{
color:var(--color-btn-primary);
}
.product-list .product-wrapper .btn_wrapper .btn_cart .pro_btn a{
margin:0;
}
.product-list .flip-countdown.simple-countdown,.product-short-list .flip-countdown.simple-countdown{
display:none;
}

.product-list .product-wrapper .btn_wrapper .pro_btn a .add_cart,.product-short-list .product-wrapper .btn_wrapper .pro_btn a .add_cart {
display: block;
}
.product-short-list .product-thumb .add-to-wishlist.pro_btn a,.product-list .product-thumb .add-to-wishlist.pro_btn a{
padding:10px;
transition:none;
}
.product-short-list.qty-box-set .quantity,.product-list.qty-box-set .quantity{
height:38px;
line-height:38px;
}
.product-short-list .qty-box-set .quantity, .product-list .qty-box-set .quantity {
height: 38px;
line-height: 38px;
}
@media (min-width: 768px){
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description {
display: flex;
justify-content: space-between;
}
}
@media (min-width: 768px) and (max-width: 991px){
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .short-title{
padding: 0 10px 0 0;
}
}
@media(max-width:1399px){
.product-grid .product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding: 0px 12px;
}
}
@media(max-width:1299px){

.product-grid .product-wrapper .btn_wrapper .pro_btn a{
height:40px;
}  
.product-grid .product-wrapper .btn_wrapper .pro_btn a svg {
width: 15px;
height: 40px;
line-height: 40px;
}
/*   .product-grid .product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding: 0px 6px;
} */
.product-grid .product-wrapper .btn_wrapper .pro_btn a .add_cart{
font-size: 13px;
line-height: 20px;
}
}
@media(max-width:1199px){
.product-grid .product-wrapper .btn_wrapper .btn_cart .pro_btn a{
margin:0 10px;
padding:0;
}
.product-grid .product-wrapper .btn_wrapper .pro_btn a{
height:40px;
width:40px;
} 
.product-list .product-wrapper .btn_wrapper .btn_cart .pro_btn a, .product-short-list .product-wrapper .btn_wrapper .btn_cart .pro_btn a {
padding:0 12px;
margin:0;
width:auto;
}
.product-grid a.grid-link__title{
font-size:16px;
line-height:18px;
}
.product-list .product-wrapper .product-description .grid-view-item__vendor,.product-short-list .product-wrapper .product-description .grid-view-item__vendor{
margin:0;
}
.product-list .product-description .h4,.product-list .product-wrapper .spr-badges.grid-item-meta,.product-short-list a.grid-view-item__link{
margin: 0 0 2px;
}
.product-list .product-desc{
margin: 0 0 6px;
}
.product-list .price {
margin: 0 0 10px;
}
}
@media(max-width:991px){
.collection_sidebar #promo-carousel {
text-align: center;
}
.product-short-list .product-wrapper .product-qty{
float: none;
width: auto;
display: inline-block;
margin:0 5px 0 0;
}
.product-grid .product-wrapper .btn_wrapper .pro_btn a{
width: 38px;
height: 38px;
}
.product-grid .product-wrapper .btn_wrapper .pro_btn a svg {
height: 38px;
line-height: 38px;
}
.product-wrapper .btn_wrapper .pro_btn a svg.feather-plus{
display:none;
}
.product-wrapper .pro_btn a > svg.feather-shopping-bag {
display: block;
}
span.sold_cart.tooltip-label{
display:none;
}
.product-list span.sold_cart.tooltip-label,.product-short-list span.sold_cart.tooltip-label{
display:none;
}
}
@media (max-width: 767px){
.product-list .product-wrapper .btn_wrapper .pro_btn a,.product-short-list .product-wrapper .btn_wrapper .pro_btn a{
width: 35px;
height:35px;
}
.product-short-list .qty-box-set .quantity, .product-list .qty-box-set .quantity {
height: 33px;
line-height: 33px;
}
.product-list .grid-view-item .btn_cart .tooltip-label,.product-short-list .grid-view-item .btn_cart .tooltip-label {
line-height: 35px;
}
.product-list .product-wrapper .btn_wrapper .pro_btn a svg, .product-short-list .product-wrapper .btn_wrapper .pro_btn a svg {
width: 15px;
height: 35px;
line-height: 35px;
}
.product-short-list .price {
margin: 0 0 10px;
}
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .short-title,.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta,
.product-short-list .product-layouts .product-wrapper .btn_wrapper{
float:left;
width:100%;
text-align: left;
}
.product-short-list .product-wrapper .btn_cart{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.product-thumb .add-to-wishlist.pro_btn a{
padding:10px;
}
.product-short-list .product-price__price.compare_price .money, .product-short-list .product-price__price.compare_price {
float: none;
width: auto;
text-decoration: line-through;
}
.product-short-list .product-wrapper .btn_cart{
margin:0;
}
}

@media (max-width: 650px){
.product-list .product-layouts.grid-view-item .product-wrapper .product-description{
padding: 0px;
}
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-thumb{
padding-right:0px;
}
.product-list .product-layouts .product-wrapper .color-size,.product-short-list .product-wrapper .product-description .grid-view-item__vendor{
display:none;
}
.product-short-list .product-price__price.compare_price, .product-short-list .product-price__price.compare_price .money {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.product-list .product-layouts.grid-view-item .product-wrapper .product-description .btn_wrapper{
float:left;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.product-list .product-layouts.grid-view-item .product-wrapper .product-description, .product-list .product-layouts.grid-view-item .product-wrapper .product-thumb{
float: left;
width: 100%;
text-align: center;
}
.product-list .product-layouts.grid-view-item .product-wrapper .product-thumb{
margin: 0 0 15px;
}
}
@media (max-width: 575px){
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-thumb{
width: 33.33333333%;
}
.product-layouts .product-wrapper .color-size,.grid-item:not(.product-short-list,.product-list) .product-wrapper .product-thumb .spr-badges.grid-item-meta{
display:none;
}
.product-description .h4{
margin: 0 0 8px;
}
.product-short-list .grid-view-item .btn_cart .tooltip-label,.product-short-list .qty-box-set .quantity{
display: none;
}
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description{
width: 66.66666667%;
}
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .btn_wrapper{
float:left;
width:100%;
}
.product-list a.grid-link__title{
margin:0 0;
}
.product-list .product-wrapper .product-qty{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
}
@media(max-width:480px){
.product-short-list .product-wrapper .btn_wrapper .pro_btn a .add_cart{
display:none;
}
.product-short-list .product-wrapper .sold-out-tag{
top:30px;
}
.product-short-list .product-wrapper .btn_wrapper .btn_cart .pro_btn a{
width:35px;
height:35px;
padding:0;
}
.product-list .product-wrapper .btn_wrapper .pro_btn a, .product-short-list .product-wrapper .btn_wrapper .pro_btn a{
height:35px;
}
.product-short-list .product-price__price .money,.product-short-list .price,.product-short-list .product-price__price.compare_price .money{
font-size:13px;
line-height:16px;
}
.product-short-list a.grid-link__title{
font-size: 14px;
line-height: 16px;
}
.product-grid .product-wrapper .btn_wrapper .pro_btn a svg {
width: 14px;
height: 40px;
line-height: 40px;
}
.product-thumb .add-to-wishlist.pro_btn a svg {
height: 16px;
width: 16px;
}
.product-list .product-wrapper .btn_wrapper .pro_btn a svg, .product-short-list .product-wrapper .btn_wrapper .pro_btn a svg{
height:35px;
line-height:35px;
}
.product-short-list .product-thumb .add-to-wishlist.pro_btn a{
padding:5px;
}
.product-price__price.compare_price .money,.grid-view-item__meta .discount-percentage{
font-size:12px;
}
.grid-view-item__meta .discount-percentage{
display:none;
}
.product-price__price.compare_price .money{
margin:0 0 3px;
}
}
/*================ Product Images ================*/
.product-single__thumbnail:not([disabled]):not(.active-thumb):hover {
opacity: 0.8; }
.product-single__thumbnail.active-thumb {
border-color: var(--color-text); }
.product-single__thumbnail-badge {
width: 22px;
height: 22px;
position: absolute;
right: 6px;
top: 6px;
pointer-events: none; }
@media only screen and (min-width: 750px) {
.product-single__thumbnail-badge {
width: 26px;
height: 26px; } }
.product-single__thumbnail-badge .icon {
fill: var(--color-bg);
width: 100%;
height: 100%;
vertical-align: baseline; }
.product-single__thumbnail-badge .icon-3d-badge-full-color-outline,
.product-single__thumbnail-badge .icon-video-badge-full-color-outline {
stroke: rgba(var(--color-text-rgb), 0.05); }
.product-single__thumbnail-badge .icon-3d-badge-full-color-element,
.product-single__thumbnail-badge .icon-video-badge-full-color-element {
fill: var(--color-text); }
.no-js .product-featured-media {
position: relative; }
.shopify-model-viewer-ui {
display: inline-block;
cursor: pointer;
left: 0;
top: 0;
height: 100%;
width: 100%;
max-width: 100%;
position: absolute;
}
#productSelect {
display: none;
}
.zoomImg {
background-color: var(--color-body); }

.product-single__media-wrapper {
margin: 0 auto;
width: 100%; }

.product-single__view-in-space {
background-color: rgba(var(--color-text-rgb), 0.08);
border: none;
width: 100%;
min-height: 44px;
padding-top: 10px;
padding-bottom: 10px;
display: block;
font-size: calc(((var(--font-size-base)) / (var(--font-size-base))) * 1em);
color: var(--color-text); }
.product-single__view-in-space[data-shopify-xr-hidden] {
visibility: hidden; }
.product-single__view-in-space[data-shopify-xr-hidden] {
display: none; }
.product-single__view-in-space:hover .product-single__view-in-space-text, .product-single__view-in-space:focus .product-single__view-in-space-text {
border-bottom-color: var(--color-text); }
.product-single__view-in-space svg.icon {
height: calc((25 / (var(--font-size-base))) * 1em);
width: calc((25 / (var(--font-size-base))) * 1em);
margin-top: -3px;
margin-right: 2.43px;
fill: transparent; }
.product-single__view-in-space svg.icon .icon-3d-badge-full-color-outline {
stroke: none; }
.product-single__view-in-space svg.icon .icon-3d-badge-full-color-element {
fill: var(--color-text);
opacity: 1; }

.product-single__view-in-space-text {
border-bottom: 1px solid transparent; }
span.icon__fallback-text {
display: none;
}
.btn.btn--link.thumbnails-slider__btn {
padding: 5px;
}
.btn.btn--link.thumbnails-slider__btn span {
font-size: 20px;
line-height: 20px;
width: 20px;
height: 20px;
}
.product-single__media{
cursor:pointer;
}
.product-single__media-group {
position: relative; }
.thumbnails-wrapper {
position: relative;
float:left;
width:100%;
top: 10px;
text-align: center;
margin: 0 2px 30px 2px; }
.thumbnails-slider__btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-top: 10px;
padding-bottom: 10px; }
.thumbnails-slider__btn .icon {
height: 14px;
width: 14px; }
.thumbnails-slider__prev {
left: -15px; }
.thumbnails-slider__next {
right: -15px; }
.product-single__thumbnail {
margin: 0 auto; } 
.product-single__thumbnails-slider-track {
position: relative;
display: block; }
.product-single__thumbnails-slider-track:before, .product-single__thumbnails-slider-track:after {
content: "";
display: table; }
.product-single__thumbnails-slider-track:after {
clear: both; } 
.product-single__thumbnails-item {
padding-left: 5px; }
.product-single__thumbnails-item.slick-slide {
padding-bottom: 10px;
padding-left: 2.5px;
padding-right: 2.5px;
vertical-align: middle; }
.thumbnails-slider--active .product-single__thumbnails-item.slick-slide {
padding-top: 5px;
padding-bottom: 5px; } 
@media only screen and (min-width: 750px) {
.product-single__thumbnails-item {
padding-left: 5px;
padding-right: 5px; } }

.product-single__thumbnails-item-slide {
display: block;
float: left;
height: 100%; } 
/*==============================================*/
.arrow {
font-size: 20px;
}
.product-form__buttons {
float: left;
width: 100%;
margin: 15px 0 0;
}
.product-form__submit[aria-disabled=true]+.shopify-payment-button, .product-form__submit[disabled]+.shopify-payment-button {
display: none;
}