/** Shopify CDN: Minification failed

Line 44:0 Expected identifier but found "*"
Line 806:0 Expected identifier but found "*"
Line 1165:0 Expected identifier but found "*"
Line 6602:100 Unexpected ","
Line 16023:36 Expected identifier but found "."
Line 17513:18 Expected ")" to end URL token
Line 17555:18 Expected ")" to end URL token
Line 24031:0 "vertial-align" is not a known CSS property

**/
::selection {
color: #fff;
background: #2bbef9;
}
body{
font-size: 14px;
letter-spacing: var(--font-letterspace);
line-height: var(--font-line-height); 
float:left;
width:100%;
}
/*================================#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;
}
.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; }

img {
max-width: 100%;
border: 0; }

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; }

table {
width: 100%;
border-collapse: collapse;
border-spacing: 0; }

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; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
.left {
float: left!important; }
.right {
float: right!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: 1400px){
.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: 20%; }
.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: 1400px){
.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 {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0; }
.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;
}
/*--------------------------------------------------------------*/
.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: 400;
line-height: var(--font-line-height);
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
color: var(--color-header-text);
font-family: var(--font-stack-body);
line-height: 1.6;
margin: 8px 0;
}
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: solid var(--color-border);
border-width: 1px 0 0;
margin: 15px 0;
height: 0;
float:left;
width:100%;
}
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; 
}
.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:#fff; }
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:var(--color-body-text); 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; 
border-radius: 100%; 
-moz-border-radius: 100%; 
-webkit-border-radius: 100%; 
-khtml-border-radius: 100%;
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) !important;
float: left;
width: 100%;
padding: 10px 0 ;
margin: 0px;
font:500 20px/28px var(--font-stack-header);
}
/*----------------------- common css --------------------*/
.owl-carousel .owl-item img {
margin: 0 auto;
}
.owl-carousel  .owl-nav .owl-prev::before, .owl-carousel  .owl-nav .owl-next::before {
color: #777;
content: "\F141";
font-family: 'Material Design Icons';
font-size: 24px;
line-height: 36px;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
transition: all 400ms ease-in-out 0s;
}
.owl-carousel  .owl-nav .owl-next::before {
content: '\F142';
}

.owl-carousel  .owl-nav .owl-prev, .owl-carousel  .owl-nav .owl-next {
margin: 0 6px 0 0;
padding:0;
font-size:0;
background: #f7f4ef !important;
width: 35px;
height: 35px;    
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-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;
float: none;
display: inline-block;
vertical-align: top;
}

.owl-carousel .owl-nav .owl-next:hover,.owl-carousel .owl-nav .owl-prev:hover,#brands_list_slider.owl-carousel .owl-nav .owl-prev:hover,#brands_list_slider.owl-carousel .owl-nav .owl-next:hover{
background:var(--color-btn-secondary) !important;
}
.owl-carousel .owl-nav .owl-next:hover::before,.owl-carousel .owl-nav .owl-prev:hover::before{
color:var(--color-btn-primary-text);
}
#brands_list_slider.owl-carousel .owl-nav .owl-prev:hover,#brands_list_slider.owl-carousel .owl-nav .owl-next:hover{
border: 2px solid var(--color-btn-secondary);
}
.owl-nav{
float: none;
display: inline-block;
vertical-align: top;
-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;
position: absolute;
top: -58px;
bottom: auto;
left: auto;
right: 0;
background: var(--color-body);
padding-left: 12px;
}
.page-wrapper {
float: left;
min-height: 100%;
width: 100%;
overflow:hidden;
position:relative;
}
.template-index .main-content .shopify-section.index-section {
float: left;
margin: 0 0 60px;
width: 100%;
}
.template-index .main-content .shopify-section.tt-homeslider{
margin:30px 0 60px;
}
.template-index .main-content .shopify-section.index-section.ttproduct,.template-index .main-content .shopify-section.index-section.brand-logo {
margin: 0 0 30px;
}
@media only screen and (max-width: 1199px) {
.template-index .main-content .shopify-section.index-section {
margin: 0 0 40px;
}
.template-index .main-content .shopify-section.index-section.ttproduct,.template-index .main-content .shopify-section.index-section.brand-logo,.template-index .main-content .shopify-section.index-section.product-main {
margin: 0 0 10px;
}
.template-index .main-content .shopify-section.tt-homeslider{
margin:30px 0 40px;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{
width: 30px;
height: 30px;
}
.owl-nav{
top: -50px;
}
.owl-carousel .owl-nav .owl-prev::before, .owl-carousel .owl-nav .owl-next::before{
font-size: 20px;
line-height: 30px;
}
}
@media only screen and (max-width: 767px) {
.template-index .main-content .shopify-section.index-section {
margin: 0 0 30px;
}
.template-index .main-content .shopify-section.index-section.ttproduct,.template-index .main-content .shopify-section.index-section.brand-logo {
margin: 0 0 0px;
}
.template-index .main-content .shopify-section.tt-homeslider{
margin:30px 0 30px;
}
.owl-nav{
padding:0 10px;
}
}
@media(max-width:480px){
.template-index .main-content .shopify-section.index-section.ttproduct{
margin: 0 0 30px;
}

}

/*---------------------------- 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_latest_new_home .grid--blog #blog_slider .owl-dots {
margin: 30px 0 0 0;
}
.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: #222;
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: #222;
height: 100%;
}
.testimonials_wrap .owl-next:after,.testimonials_wrap .owl-prev:after{
display: block;
}
.product-single__photos{
cursor:crosshair;
padding: 5px;
border: 2px solid var(--color-border);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px
}
@media only screen and (max-width: 991px) {
.item-row{
width:33.333%; 
}
}
@media only screen and (max-width: 767px) {
.item-row{
width:50%; 
}
}
@media only screen and (max-width: 480px) {
.item-row{
width:80%; 
}
.tab-inner .nav-
>li{
width:80%; 
}
.tab-inner .nav-tabs>li{
margin-bottom: 5px; 
}
.blog_latest_new_home .grid--blog #blog_slider .owl-dots{
margin: 0;
}
}
/*------------------related-products -------------*/
.related-products .owl-nav{
top:-68px;
}
.related-products .grid-item{
padding: 0;
}
.related-products.product-grid{
margin:10px 0 0;
text-align:center;
}
@media(max-width:1199px){
.related-products .owl-nav{
top: -58px;
}
}
@media only screen and (max-width: 991px) {
.page-wrapper .main-content {
margin: 0;
float: left;
width: 100%;
display: inline-block;
overflow: hidden;
}
}
/*==================================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================================*/
a {
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-secondary);
color: var(--color-btn-secondary-text);
}
.btn,.btn--secondary,input.btn--secondary,.product-wrapper .btn_wrapper .pro_btn a{
cursor: pointer;
display: inline-block;
font-weight: 400;
font-size: 14px;
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-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
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;     
overflow: hidden;
z-index: 1;
}
.btn,.btn--secondary,input.btn--secondary{
background-color: var(--color-btn-primary);
color: var(--color-btn-primary-text);
}
.btn:hover{
color: var(--color-btn-secondary-text);
}
.btn:active,.btn:focus{
background-color: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.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{  
background: var(--color-btn-secondary);
position: absolute;
content: '';
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.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{
-webkit-transform: scaleY(1);
transform: scaleY(1); 
transform-origin: top;
}
.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{
-webkit-transform: scaleY(1);
transform: scaleY(1); 
transform-origin: top;
}
.input-group-btn.search-submit-wrap .btn:hover::after{
background: none;
}
.product-wrapper .pro_btn a.btn{
background: var(--color-product-primary);
}
.product-wrapper .add_tocart.pro_btn a.btn{
padding :10px 26px;
background: var(--color-btn-primary);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
color: var(--color-product-secondary-text);
}
.style1 .product-wrapper .pro_btn .btn.add-to-cart-disable {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.product-wrapper .add_tocart.pro_btn a.btn svg,
.product-list .product-wrapper .add_tocart.pro_btn a.btn svg,
.product-short-list .product-wrapper .add_tocart.pro_btn a.btn svg{
fill: var(--color-product-secondary-text);
height: 15px;
width :15px;
float: none;
display: inline-block;
vertical-align: text-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;
}
.product-wrapper .add_tocart.pro_btn a.btn:hover,.product-wrapper .add_tocart.pro_btn a.btn:active,.product-wrapper .add_tocart.pro_btn a.btn:focus,.product-wrapper .add_tocart.pro_btn a.btn.loading{
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-secondary-text);
}
.product-wrapper .pro_btn a.btn svg{
fill: var(--color-product-primary-text);    
}
.product-wrapper .pro_btn a.btn:hover svg,.product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:hover svg,.product-wrapper .pro_btn a.btn:focus svg,.product-wrapper .pro_btn a.btn:active svg,.product-list .product-wrapper .add_tocart.pro_btn a.btn:hover svg,.product-short-list .product-wrapper .add_tocart.pro_btn a.btn:hover svg{	
fill: var(--color-product-secondary-text);
}
.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);
color:var(--color-product-secondary-text);
}
.product-wrapper .pro_btn  a.loading,.product-wrapper .pro_btn .loading a.add_to_wishlist {
background: var(--color-product-secondary);
}
.grid-view-item .product-wrapper .btn_wrapper .pro_btn a.add_to_wishlist svg,.product-wrapper .btn_wrapper .pro_btn.add-to-compare a.add-in-compare-js.added svg{
fill: var(--color-product-secondary-text);
}
.product-wrapper .pro_btn a.loading > i{
display: none;
}
@media(max-width: 1599px){
.product-wrapper .add_tocart.pro_btn a.btn {
padding: 10px 22px;
}
}
@media(max-width: 1499px){
.product-wrapper .add_tocart.pro_btn a.btn {
padding: 10px 11px;
}
}
@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;
}
.comment-form .btn,.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 ==================*/
.tbl-list > li.currency,.tbl-list > li.language { position: relative;float:left;margin:0; width:100%;}
.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, .customer_account .tbl-list > li.language .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;
float: left;
width: 100%;
}
.customer_account .header_language {
padding: 0;
}
.tbl-list > li.currency .flag-dropdown-menu,.header_language .disclosure #lang-list {
left: auto;
right: 0;
top: 100%;
min-width: 120px;
z-index: 4;
position: absolute;
display: none;
margin: 0;
padding: 10px 0 !important;
background: #fff;
margin-left:0; 
text-align: left;
box-shadow: none;
border: 1px solid var(--color-border);
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.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: #222;
}
.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;
}
.header_currency ul.tbl-list,.header_language ul.tbl-list {
margin: 0;
}
.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:400 13px/16px var(--color-body-text); 
padding: 17px 15px 16px 0;
float:left; 
width:auto;
color:#ccc;
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;
}
.currency_wrapper.dropdown-toggle:hover,.language_wrapper.dropdown-toggle:hover { 
color:#222;
}
.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);
}
.customer_account .header_currency .currency_wrapper.dropdown-toggle,
.customer_account .header_language .language_wrapper.dropdown-toggle{
display: none;
}
.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) {
.myaccount .mdi.mdi-chevron-down,.myaccount.open .mdi.mdi-chevron-up{
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;
}
#tt-megamenu ul.tt_menus_ul li.tt_menu_item:hover>a::after {
content: '\F143';
}
.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 a,.tbl-list > li.language .flag-dropdown-menu li a {
font-size:13px !important;
}
.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: 991px) {
.myaccount .mdi{
display: none;
}
.currency_wrapper.dropdown-toggle,.language_wrapper.dropdown-toggle { 
padding:13px 10px;
}
.currency_wrapper.dropdown-toggle:hover,.language_wrapper.dropdown-toggle:hover { 
color:var(--color-text-hover-field);
}
.tbl-list>li.currency .flag-dropdown-menu{
left: -50px;
}
}
@media only screen and (max-width: 767px) {
.currency_code > i,.language_code > i {
margin: 1px 5px 0 0;
}
.currency_wrapper.dropdown-toggle,.language_wrapper.dropdown-toggle { 
padding:5px 10px;
font-size: 12px;
line-height: 14px;
}
}
@media only screen and (max-width: 480px) {
.flag-dropdown-menu li a i { 
margin-right:5px; 
} 
}
/*=================== Lists ==================*/
ul, ol {
margin: 0 0 var(--gutter);
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);
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table p{
margin-bottom: 0;
}
table.full {
width: 100%;
margin-bottom: 1em;
}
th {
font-weight: bold;
}
th, td {
text-align: left;
padding: 15px;
border: 1px solid var(--color-border);
}
/*======================= 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;
background: #fff;
border-radius: 5px;
}
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;
}
@media(max-width:575px){
.quick-view  .qty-section.quantity-box .qty-box-set{
margin-bottom: 10px;
}
}
/*================ 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;
}
/*================ Accessible labels ====================*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
/*================ 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;
}
}
@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;
height: 24px;
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, .social-icons li a svg path {
  color: var(--colorFooterSocial);
  fill:var(--colorFooterSocial);
    }
.social-icons li a:hover, .social-icons li a:hover svg path {
  color: var(--colorFooterSocialHover);
  fill:var(--colorFooterSocialHover);
    }
/*================= Pagination =========================*/
.pagination {
margin-bottom: 1em;
}
.mobile-facets__wrapper .disclosure-has-popup[open]>summary:before {
    height: 100vh;
    z-index: 3;
}
.disclosure-has-popup[open]>summary:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    cursor: default;
    content: " ";
    background: rgba(0,0,0,0.4);
}
.pagination-custom > li {
display: inline-flex;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
float: none;
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 {
float: left;
width: 100%;
margin:0 0 30px;	
}
.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-wrap .showing {
float: left;
width: 100%;
}
.pagination-custom {
float: left;
width: 100%;
margin: 0 0 15px;
font-family: var(--font-stack-body);
}
.pagination-custom li > i.fa {
float: left;
width: 100%;
height: 100%;
color:var(--color-text-field);
position: relative;
line-height: 34px;
}
.pagination-custom li > a, .pagination-custom li > span {
float: left;
width: 100%;
width: 28px;
height: 28px;
line-height: 28px;
position: relative;
font-weight: 600;
}
.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 {
float: left;
width: 100%;
position: relative;
text-align: left;
margin: 0 0 25px;
}
.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;
} 
 .menu-open .page-wrapper::after, .password.overflow-hidden .page-wrapper::after, .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 .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;
}
.header-logo a, .header-logo img {
color: var(--color-text-field);
display: inline-block;
vertical-align: top;
float: none;
line-height: 0;
}
.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;
}
.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;
}
.password.overflow-hidden .page-wrapper::after,.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(max-width:1199px){
.section-header{
margin:0 0 20px;
}
}
@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;
}
#shopify-section-TT-megamenu {
vertical-align: top;
}
/*==================== cart =====================*/
.tt-nav-right-div .site-header__cart span.title {
float: none;
width: auto;
font:500 14px/18px var(--font-stack-header);
display:inline-block;
vertical-align:top;
}
.wrapper-top-cart > .site-header_cart_link {
float: left;
width: auto;
z-index: 1;
position: relative;
padding: 25px 0;
}
.site-header__cart-count .cart-products-count{
width: 18px;
height: 18px;
border-radius: 50px;
font-size: 12px;
line-height: 18px;
float: left;
}
.no-items {
float: left;
width: 100%;
text-align: center;
}
.wrapper-top-cart > .site-header_cart_link:hover svg,.wrapper-top-cart>.site-header_cart_link.active svg,.header_4 .right-link-icon .myaccount:hover svg,.header_4 .right-link-icon .myaccount.active svg ,.header_5 .right-link-icon .myaccount:hover svg,.header_5 .right-link-icon .myaccount.active svg,
.header_5_wrapper .tt-megamenu .tt_menus_ul > li:hover .menu_detail .img-icon{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.site-header__cart .wrapper-top-cart:hover > .site-header_cart_link i::before,.site-header__cart .wrapper-top-cart > .site-header_cart_link.active i::before{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.site-header .dropdown-backdrop {
z-index: 0;
}
.site-header__cart .wrapper-top-cart .site-header__cart-count {
width:auto;
display: inline-block;
float: none;
vertical-align: top;
height: 100%;
line-height: 45px;
}
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 {
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 .mini-cart-wrap{
float: left;
width: 100%;
text-align:center;
}
.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: #f7f4ef;
overflow: hidden;
}
#slidedown-cart .total{
float: left;
width: 100%;
}
#slidedown-cart .total .label{
display: inline;
padding: 0;
font: 700 16px/18px var(--font-stack-body);
text-align: center;
vertical-align: baseline;
white-space: nowrap;
float: left;
color:var(--color-body-text);
}
#slidedown-cart .total .price {
float: right;
}
#slidedown-cart .total .money{
font-size: 16px;
}
#slidedown-cart .has-items .item{
float: left;
width: 100%;
margin: 0 0 10px;
position: relative;
}
#slidedown-cart .has-items .actions{
float: none;
width: auto;
text-align: center;
display: inline-block;
vertical-align: top;
margin: 15px 0 0;
}
#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;
border: none;
}
#slidedown-cart .has-items .actions .btn svg{
height: 15px;
width: 15px;
fill: #fff;
vertical-align: text-top;
margin: 0 8px 0 0;
}
#slidedown-cart .has-items .actions .btn.text-chackout{
background:var(--color-btn-secondary);
color:var(--color-btn-secondary-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-secondary);
color:var(--color-btn-secondary-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-secondary-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;
height: auto;
width: 25%;
text-align: left; 
}
#slidedown-cart .product-image img{
border-radius: 4px; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
padding: 3px;
border: 1px solid var(--color-border);
}
#slidedown-cart .btn-remove{
float: right;
color: #222;
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.mdi-close{
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
float: left;
width: 100%;
}
#slidedown-cart .btn-remove:hover span.mdi-close {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
color: #ff0000;
}
.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 {
text-align: center;
flex-direction: column;
display: flex;
float: left;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
max-height: 100%;
flex-grow: 1;
scrollbar-width: thin;
padding: 0 30px;
}
.mini-cart-footer {
float: left;
width: 100%;
padding: 30px;
background: #f3f4f7;
z-index: 2;
}
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;
}
#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 #slidedown-cart .mini-cart-wrap, .fixed-cart-wrap #slidedown-cart .no-items {
padding: 0 30px;
}
.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:#222;
}
}
.fixed-cart-wrap #slidedown-cart {
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%);
padding: 30px 0 0;
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-khtml-border-radius: 5px 0 0 5px;
}
.fixed-cart-wrap #slidedown-cart .cart-close i.mdi.mdi-close {
float: left;
width: 22px;
height: 22px;
font-size: 22px;
line-height: 22px;
color: #666;
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;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
}
.fixed-cart-wrap #slidedown-cart .cart-close:hover i.mdi.mdi-close {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
color: #222;
}
#slidedown-cart .mini-cart-wrap .mini-cart-title {
float: left;
width: 100%;
font: 700 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;
}
.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count {
height: 17px;
width: 17px;
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%;
float: left;
margin: 0;
text-align: center;   
position: absolute;
right: 0;
left: auto;
top: 25px;
bottom: auto;
font-size: 10px;
line-height: 17px;
}
}
@media only screen and (max-width: 480px) {
.wrapper-top-cart > .site-header_cart_link i {
font-size: 22px;
}
.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count {
top: 18px;
}
#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;
}
.cart-close{
top: 20px;
}
ul.mini-products-list {
max-height: 220px;
padding: 0px;
}
.fixed-cart-wrap #slidedown-cart .mini-cart-wrap, .fixed-cart-wrap #slidedown-cart .no-items {
padding: 0;
}
.fixed-cart-wrap #slidedown-cart{
padding: 20px;
}
#slidedown-cart .mini-cart-wrap .mini-cart-title{
margin: 0 0 30px;
}
#slidedown-cart .product-image{
width: 80px;
}
}
/*========================== search =========================*/
.search-results li.no-result {
width: 100%;
padding: 15px;
}
.site-header__search .serach_icon {
cursor: pointer;
float: none;
font-size: 0;
height: 100%;
padding: 25px 0;
position: relative;
width:auto;
display:inline-block;
vertical-align: top;
z-index: 1;  
}
.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: #222;
}
.full-search-wrapper .search-results li.ac_over {
background: none;
}
.full-search-wrapper .search-results li.no-result{
padding: 0;
}
.full-search-wrapper .collections-selector{
display: none;
}
.site-header__search .serach-title{
float: none;
display:inline-block;
vertical-align: top;
font: italic 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;
}
.site-header__search .serach_icon svg{
height: 20px;
width: 16px;
float: left;
line-height: 20px;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
font-weight: 400;
margin-right: 8px;
}
.site-header__search .serach_icon:hover > svg, .site-header__search .serach_icon.active > svg {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.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;
height: 42px;
}
.full-search-wrapper .search-results li.serach-restult {
float: left;
width: 100%;
}
.search-full-screen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: auto;
z-index: 4;
height: auto;
background: #fff;
display: none;
}
.search-full-screen .full-search-wrapper {
min-height: 220px;
}
.search-result-product {
float: left;
width: 100%;
}
.template-search .tt-innerpagetitle{
width: auto;
}
.full-search-wrapper .product_categories,.template-search .product_categories {
float: left;
width: 100%;
}
.full-search-wrapper .product_categories h4,.template-search .product_categories h4 {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
margin: 0;
}
.full-search-wrapper .product_categories ul,.template-search .product_categories ul {
float: none;
display: inline-block;
vertical-align: top;
}
.full-search-wrapper .product_categories #collection-option li,.template-search .product_categories #collection-option li {
display: inline-block;
float: none;
width: auto;  
}
.full-search-wrapper .product_categories #collection-option li a,.template-search .product_categories #collection-option li a {
line-height: 25px;
text-decoration: underline;
margin: 0 5px;
}
.template-search .search-products .product_categories {
display: none;
}
.search-full-screen span.close-search {
color: #666;
margin: 0;
position: absolute;
left: auto;
top: 40px;
bottom: auto;
right: 122px;
}
.full-search-wrapper .search-bar {
width: 100%;
float: none;
display: inline-block;
vertical-align: top;
}
.full-search-wrapper .search-title {
float: left;
width: 100%;
margin: 80px 0 0;
text-align: left;
font: 500 15px/18px var(--font-stack-header);
color: #666;
}
.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: #222;
}
.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: #222;
}
.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: #222;
}
.full-search-wrapper .close-search a {
float: right;
width: auto;
}
.full-search-wrapper .close-search i {
float:left;
font-size: 26px;
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 .close-search:hover i{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.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) {
.site-header__search .serach_icon svg{
width:16px;
margin:0px;
}
.site-header__search .serach-title{
display:none;
}
.search-full-screen .full-search-wrapper{
min-height: 160px;
}
.full-search-wrapper .close-search i {
font-size: 24px;
}
.full-search-wrapper .search-title{
margin: 60px 0 0;
font-size: 12px;
line-height: 14px;
}
.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;
display: none;
}
.template-search .main-content .container .collections-selector{
display: none;
}
@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%;
}
}
/*============================ 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;  
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 .dropdown-toggle .account-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;
}
.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;
border-top: 2px solid var(--color-btn-primary);
border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-khtml-border-radius: 0 0 4px 4px;
}
.myaccount .customer_account ul {
margin: 0;
}
.myaccount .customer_account ul > li{
float: left;
width: 100%;
margin: 0 0 10px;
}
.myaccount .customer_account ul > li > a {
font-size: 13px;
line-height: 16px;
font-weight:400;
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;
}
.myaccount .customer_account ul li .wishlist-icon-div {
float: left;
width: 100%;
  font-weight: 400;
}
.wishlist-icon-div a > i {
cursor: pointer;
float: right;
font-size: 26px;
height: 100%;
line-height: 50px;
margin: 0 auto;
width: 100%;
z-index: 1;
display:none;
}
#compareModal .modal-content .modal-title {
font-size: 18px;
line-height: 20px;
color: #222;
}
#compareModal .modal-body {
font-size: 14px;
}
#compareModal .modal-content .modal-header .close span {
float: none;
display: inline-block;
vertical-align: top;
position: absolute;
top: 5px;
bottom: auto;
left: auto;
right: 5px;
width: 28px;
height: 28px;
line-height: 28px;
font-size: 28px;
border: none;
text-shadow: none;
color: #666;
opacity: 1;
font-weight: 400;
}
#compareModal .modal-footer button.btn.btn-secondary {
border: none;
}
#compareModal .modal-content{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
/*----------- 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: #222;
}
}
@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;
}
}
/*------------------ title -------------*/
.tt-innerpagetitle {
float: left;
font: 700 22px/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;
}
}
.template-page .tt-innerpagetitle{
margin:0;
}
p.bottom-indent {
line-height: 24px;
float: left;
width: 100%;
}
.rte .page-subheading{
color:var(--color-text);
float:left;
width:100%;
}
.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-body);
float: left;
width: 100%;
z-index: 1;
position: relative;
}
.section-header .subtitle {
font: 400 26px/28px var(--font-stack-header);
float: left;
width: 100%;
margin: 0 0 15px;
}
.tt-title {
color: var(--color-text);
font: 800 26px/28px var(--font-stack-header);
background: var(--color-body);
z-index: 1;
padding: 0 15px 0 0;
float: none;
display: inline-block;
vertical-align: top;
position: relative;
}
.section-header::after{
position: absolute;
content: "";
height: 2px;
width: 100%;
background: var(--color-border);
top: 0;
bottom: 0;
margin: auto;
right: 0;
left: auto;
}
.cms-aboutus .section-header::after,.article-template .section-header::after,.aboutus-wrap  .section-header::after,.cms-aboutus1 .section-header::after{
background:none;
}

h2.tt-pagetitle {
float: left;
width: 100%;
margin: 0 0 10px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
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(min-width: 1200px) and (max-width: 1399px){
.search-result-product .grid-item.medium-up--one-third.large-up--one-fifth:nth-child(4n+1) {
clear: both;
width: 25%;
}
.search-result-product .grid-item.medium-up--one-third.large-up--one-fifth {
width: 25%;
clear: none;
}
}
@media(min-width: 992px) and (max-width: 1199px){
.search-result-product .grid-item.medium-up--one-third.large-up--one-fifth:nth-child(3n+1) {
clear: both;
width: 33.33%;
}
.search-result-product .grid-item.medium-up--one-third.large-up--one-fifth {
width: 33.33%;
clear: none;
}
}
@media only screen and (max-width: 1299px) {
.section-header .subtitle{
font-size: 24px;
line-height: 26px;
}
.section-header .subtitle{
font-size: 24px;
line-height: 26px;
}
}
@media only screen and (max-width: 1199px) {
.search-result-product .products-grid-view .grid-item {
width: 33.33%;
clear: none;
}
.section-header .subtitle{
margin: 0 0 12px;
font-size: 22px;
line-height: 24px;
}
.tt-title{
font-size: 22px;
line-height: 24px;
}
.section-header .subtitle{
margin: 0 0 12px;
font-size: 22px;
line-height: 24px;
}
.section-header .desc{
margin: 0 0 20px;
font-size: 13px;
line-height: 15px;
}
}
@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: 991px) {
.section-header .subtitle {
margin: 0 0 12px;
font-size: 18px;
line-height: 20px;
}
.section-header .subtitle {
margin: 0 0 12px;
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (max-width: 767px) {
.ttsub-title {
font-size: 36px;
line-height: 38px;
}
.search-products .text--left.section-header__title {
font-size: 20px;
line-height: 30px;
}
.tt-title {
font-size: 20px;
line-height: 22px;
}
}
@media only screen and (max-width: 720px) {
.search-result-product .products-grid-view .grid-item {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.ttsub-title {
font-size: 26px;
line-height: 28px;
}
.ttdesc {
font-size: 16px;
line-height: 15px;
margin: 10px 0;
}
.section-header .subtitle {
margin: 0 0 8px;
font-size: 16px;
line-height: 18px;
}
}
/*===================== 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: #222;
}
.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);
}
.cart_table input[type="number"]{
padding:0;
}
@media only screen and (max-width: 1024px) {
.nav-search {
margin: 0 0 (var(--gutter) / 2);
}
}
/*================ Secondary nav ================*/
.nav-secondary {
font-family: var(--font-stack-body);
font-size: 14px;
margin: 0 0 var(--gutter) / 2;
}
 .nav-secondary a, .social-icons li a svg path  {
    color: var(--colorFooterContent);
    fill:var(--colorFooterContent);
      }
  .nav-secondary li a:hover,.nav-secondary li:hover i.mdi-phone,.nav-secondary li:hover i.mdi-email-outline, .social-icons li a:hover svg path {
    color: var(--color-btn-primary);
    fill: var(--color-btn-primary);
      }
.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;
margin-right: 10px;
}
.nav-secondary li {
margin: 0 0 0 var(--gutter) / 2;
}
.nav-secondary li:first-child {
margin: 0;
}
.contact-us .contact-address,
.block_newsletter .news-desc{
color: var(--colorFooterContent);
}
/*================ 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: 50px 0;
background-color: var(--color-bg-breadcrumb);
margin: 0 0 50px;
text-align: center;
}
.breadcrumb-wrapper .breadcrumb-wrap {
color: var(--color-text-breadcrumb);
float: left;
font-size: 13px;
font-weight: 500;
margin-bottom: 0;
padding: 0;
text-align: center;
width: 100%;
position: relative;
z-index: 1;
}
.breadcrumb-wrapper.breadcrumb-img::before {
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: "";
height: 100%;
width: 100%;
}
.breadcrumb-wrapper span.title {
float: left;
width: auto;
font: 700 20px/22px var(--font-stack-header);
}
.breadcrumb-wrapper .breadcrumb {
float: right;
width: auto;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb__sep {
position: relative;
display: inline-block;
vertical-align: middle;
line-height: normal;
font-size: 0;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb__sep::before {
content: "\f142";
font-family: "Material Design Icons";
font-size: 16px;
margin: 0px 8px;
}
.breadcrumb-wrapper.breadcrumb-content {
padding: 18px;
}
.breadcrumb-wrapper.breadcrumb-content .breadcrumb-wrap {
float: left;
width: 100%;
}
.breadcrumb-wrapper.breadcrumb-img {
position: relative;
}
.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;
}
.breadcrumb-wrap a:hover,.breadcrumb-wrap a:hover i{
color:var(--color-text-hover-breadcrumb);
}
@media (max-width: 767px) {
.breadcrumb-wrapper{
padding: 30px 0;
margin: 0 0 30px;
}
.breadcrumb-wrapper span.title{
width:100%;
margin:0 0 10px;
}
.breadcrumb-wrapper .breadcrumb {
float: left;
width: 100%;
}
}
@media (max-width: 480px) {
.breadcrumb-wrapper .breadcrumb-wrap{
font-size: 11px;
}
.breadcrumb-wrapper span.title{
font-size: 16px;
line-height: 22px;
}
.breadcrumb-wrap a i {
font-size: 14px;
}
}
/*=================== 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%;
}
.list-collection-products .pickgradient-products > a.grid-link {
float: left;
width: 100%;
position: relative;
}
/*---------------- 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;
}
@media only screen and (max-width: 991px) {
.fixed-content .product-single__header .flip-countdown{
margin:0 0 15px;
}
.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: #222;
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: #222;
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: #222;
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: #222;
}
.flip-countdown.simple-countdown .countdown-container span::after {
color: #222;
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: #bc2127;
}
.flip-countdown.simple-countdown .countdown-container span:last-child {
margin: 0;
}
.flip-countdown.simple-countdown .countdown-container span.left-txt {
display: none;
}
.large-up--one-half .flip-countdown.simple-countdown .countdown-container.countdown-block {
left: 25%;
right: 25%;
}
.flip-countdown.simple-countdown .countdown-container.countdown-block {
background: #f5f1e9;
position: absolute;
left: 10px;
right: 10px;
text-align: center;
top: 0;
bottom: 0;
float: none;
width: auto;
display: inline-block;
vertical-align: top;
height: 40px;
border: none;
padding: 0 0 0 30px;
margin: auto;
z-index: 1;
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;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
box-shadow: 0 0 3px rgba(0, 0 ,0 , 0.1);
-webkit-box-shadow: 0 0 3px rgba(0, 0 ,0 , 0.1);
-moz-box-shadow:0 0 3px rgba(0, 0 ,0 , 0.1);
-ms-box-shadow: 0 0 3px rgba(0, 0 ,0 , 0.1);
-o-box-shadow: 0 0 3px rgba(0, 0 ,0 , 0.1);
}
.product-list .flip-countdown.simple-countdown .countdown-container.countdown-block,
.product-short-list .flip-countdown.simple-countdown .countdown-container.countdown-block{
display:none
}
.flip-countdown.simple-countdown .countdown-container.countdown-block::after {
content: "\f150";
position: absolute;
font-family: 'Material Design Icons';
left: 25px;
right: auto;
font-size: 18px;
color: #222;
top: 0;
line-height: 38px;
width: 40px;
height: 40px;
}
.product-grid .style3 .flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left: 18px;
}
.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: 1499px){
.flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left: 8px;
}
}
@media(max-width: 1399px){  
.flip-countdown.simple-countdown .countdown-container.countdown-block::after {
left: 38px;
}
.flip-countdown.simple-countdown .countdown-container span{
font-size: 12px;
width: 28px;
}
}
@media only screen and (max-width: 1199px) {
.flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left: 40px;
}
.products-grid-view .flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left: 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;
bottom: 8px;
}
.flip-countdown.simple-countdown .countdown-container span{
width: 30px;
}
.flip-countdown.simple-countdown .countdown-container span::after{
right: -8px;
}
.flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left: 5px;
}
}
@media only screen and (max-width: 750px) {
.flip-countdown.simple-countdown .countdown-container span{
width: 22px;
}
}
@media only screen and (max-width: 650px) {
.flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left: 0;
}
}
@media only screen and (max-width: 480px) {
.flip-countdown.simple-countdown .countdown-container.countdown-block {
display: none !important;
}
}
/*----------------------header common css---------------------------*/
.top-header .social-block .social-icon{
float: none;
display: inline-block;
vertical-align: top;
width: auto;
margin: 0 0 0 10px;
}
.top-header .social-block .social-icon:first-child {
margin: 0;
}
.top-header .social-block .social-icon a {
height: 15px;
width: 15px;
padding: 5px;
}
.top-header .social-block .social-icon svg {
height: 15px;
width: 15px;
line-height: 15px;
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-header .social-block{
margin: 0;
}
.offer-content svg{
height: 15px;
width: 12px;
float: none;
display: inline-block;
vertical-align: text-bottom;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.offer-content:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.top-header .social-block .social-icon 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;
}
.top-header .social-block .social-icon:hover a svg{
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
}
@media (max-width: 991px) {
.top-header .social-block .social-icon svg,
.top-header .social-block .social-icon a{
height: 18px;
width: 12px;
line-height: 12px;
}
}
/*----------------------header-1---------------------------*/
@media (min-width: 992px) {
.site-header.page-element.header_1 {
min-height: 152px;
}
.header_1 .right-link-icon .myaccount svg {
display: none;
}
.header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item{
padding: 34px 0;
}
.header_1 .sticky_header.fixed #tt-megamenu .tt-mega_menu li.tt_menu_item{
padding: 24px 0;
}
.header_1 .fullscreen_header_toggle .leftmenu {    
margin: 44px 0;
} 
.header_1 .sticky_header.fixed .fullscreen_header_toggle .leftmenu {
margin: 34px 0;
}
.header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories,.header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item.single>a {
padding: 12px 10px 12px 24px;
}
}
@media (min-width: 1025px){
.header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item > a{
padding: 12px 30px 12px 24px;
}
.header_1 #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item>a::after {
right: 8px;
}
}
@media (min-width: 992px) and (max-width: 1025px){
.header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item.single>a {
padding: 8px 10px 8px 24px;
}
}
.header_1 .top_header_1{
float: left;
width: 100%;
padding: 0 50px;
}
.header_1_wrapper #shopify-section-TT-megamenu {
vertical-align: top;
float: none;
text-align: center;
display: inline-block;
}
.header_1_wrapper {
position: relative;
z-index: 3;
float: left;
width: 100%;
}
.header_1 .offer-content{
float: none;
display: inline-block;
vertical-align: top;
}
.header_1 .offer-content{
padding: 11px 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;
background: rgba(0,0,0,0.06);
}
.header_1 .offer-title {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
font: 400 13px/20px var(--font-stack-body);
}
.header_1 .top-header {
text-align: left;
padding: 12px 0;
}
.top_header_1_link {
float: right;
text-align: right;
padding: 0;
}
.header_1 .header-service .header-email,.header_1 .header-service .header-contect{
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_1 .header-service .header-contect:hover svg,
.header_1 .header-service .header-email:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_1 .header-service .header-email,
.header_1 .header-service .header-email .email,
.header_1 .header-service .header-contect,
.header_1 .header-service .header-contect .contect-number{
float: none;
display:inline-block;
vertical-align:top;
font: 400 13px/20px var(--font-stack-body);
position: relative;
}
.header_1 a.language_wrapper.dropdown-toggle::after{
content: "";
border-right: 1px solid rgba(255,255,255,0.2);
position: absolute;
right: 0px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
width: 1px;
}
.header_1 .header-service .header-contect {
padding-right: 8px;
margin-right: 5px;
}
.header_1 .header-service .header-contect::after {
content: "";
border-right: 1px solid rgba(255,255,255,0.2);
position: absolute;
right: 0px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
width: 1px;
}
.header_1 .header-service {
text-align: center;
padding: 11px 15px;
float: none;
display: inline-block;
vertical-align: top;
}
.header_1 .site-header__search .serach_icon{
padding: 45px 0;
}
.header_1 .sticky_header.fixed .site-header__search .serach_icon {
padding: 35px 0;
}
.header_1_wrapper .header_logo_wrap{
float: left;
width:auto;
margin: 25px 0;
}
.header_1_wrapper .sticky_header.fixed .header_logo_wrap{
margin: 15px 0;
}
.header_1_wrapper .header_logo_wrap .header-logo {
float: left;
width: 100%;
margin: 0;
line-height: 0;
}
.header_1_wrapper .main-header {
float: left;
width: 100%;
padding: 0 50px;
text-align: center;
}
.header_1_wrapper .main-header .right-link-icon{
float: right;
width: auto;
}
.header_1 .right-link-icon .site-header__search.icon-btn {
float: none;
display: inline-block;
vertical-align: top;
margin-right: 30px;
}
.header_1 .right-link-icon .myaccount{
float: none;
display: inline-block;
vertical-align: top;
margin-right: 30px;
font: 400 13px/16px var(--font-stack-body);
}
.header_1 .right-link-icon .myaccount .dropdown-toggle{
padding: 45px 0;
}
.header_1 .sticky_header.fixed .right-link-icon .myaccount .dropdown-toggle {
padding: 36px 0;
}
.header_1 .right-link-icon .myaccount .dropdown-toggle .account-title,
.header_1 .right-link-icon .myaccount:hover .mdi.mdi-chevron-down{
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_1 .wrapper-top-cart>.site-header_cart_link{
padding: 45px 0;
}
.header_1 .sticky_header.fixed .wrapper-top-cart>.site-header_cart_link {
padding: 35px 0;
}
.header_1 .wrapper-top-cart > .site-header_cart_link svg {
width: 20px;
height: 20px;
float: none;
display: inline-block;
vertical-align: top;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
@media (max-width: 1199px) {
.header_1 .top_header_1,
.header_1_wrapper .main-header{
padding: 0 30px;
}
.header_1 .right-link-icon .site-header__search.icon-btn,
.header_1 .right-link-icon .myaccount{
margin-right: 15px;
}
.header_1 .offer-content{
padding: 11px 10px;
}
.top_header_1_link{
padding: 0;
}
.header_1 .header-service{
padding: 11px 8px;
}
.header_1_wrapper .header_logo_wrap{
margin: 15px 0;
}
.header_1 .site-header__search .serach_icon,
.header_1 .wrapper-top-cart>.site-header_cart_link{
padding: 40px 0;
}
.header_1 .right-link-icon .myaccount .dropdown-toggle {
padding: 41px 0;
}
}
@media (max-width: 991px) {
.header_1_wrapper .menu_toggle_wrap{
float: left;
width: auto;
padding: 35px 0px;
}
.header_1_wrapper .main-header{
text-align:center;
}
.header_1 .site-header__search .serach_icon {
padding: 35px 0;
}
.header_1 .offer-content .offer-title {
float: none;
display: inline-block;
vertical-align: top;
}
.header_1 .wrapper-top-cart>.site-header_cart_link {
padding: 35px 0;
}
.header_1 .right-link-icon .myaccount svg{
width: 18px;
height:20px;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.header_1 .right-link-icon .myaccount:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_1 .account-title {
display: none;
}
.header_1 .right-link-icon .myaccount .dropdown-toggle {
padding: 33px 0;
}
.header_1_wrapper .menu_toggle_wrap i{
font-size: 24px;
color: #222;
width: 20px;
height: 20px;
line-height: 20px;
float: none;
display: inline-block;
vertical-align: top;
text-align: center;
}
.header_1_wrapper .header_logo_wrap{
margin: 15px 0;
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.header_1 .header-service{
width: auto;
float: none;
text-align: center;
padding: 0 15px;
display: inline-block;
vertical-align: top;
}
.header_1 .top-header{
width: auto;
float: left;
}
.header_1_wrapper .main-header{
padding: 0 15px;
}
.header_1 .top_header_1, .header_1_wrapper .main-header {
padding: 0 15px;
}
.header_1 .offer-content {
padding: 0;
background: none;
}
}
@media (max-width: 767px) {
.header_1 .top-header{
padding: 8px 0;
}
}
@media (max-width: 480px) {
.header_1 .site-header__search .serach_icon {
padding: 27px 0;
}
.header_1 .offer-title{
font-size: 11px;
}
.header_1 .header-service .header-email, .header_1 .header-service .header-email .email, .header_1 .header-service .header-contect, .header_1 .header-service .header-contect .contect-number{
font-size:11px;
}
.header_1 .top_header_1 .destination{
font-size:9px;
}
.header-logo a, .header-logo img{
max-width: 140px;
}
.header_1_wrapper .header_logo_wrap{
margin: 10px 0;
}
.top-header .social-block .social-icon{
margin: 0 0 0 8px;
}
.header_1 .wrapper-top-cart>.site-header_cart_link {
padding: 27px 0;
}
.header_1 .right-link-icon .myaccount .dropdown-toggle {
padding: 25px 0;
}
.header_1_wrapper .menu_toggle_wrap{
padding: 27px 0;
}
}
@media (min-width: 992px) and (max-width: 1199px ){
.site-header.page-element.header_1 {
min-height: 140px;
}
.header_1 .fullscreen_header_toggle .leftmenu {
margin: 39px 0;
}
}
/*---------------- Header-2 ------------------*/
@media (min-width: 992px) {
.header_2 .tt-megamenu1{
left: auto;
right: 0;
}
.header_2 .tt-megamenu1 .tt-mega_menu1 span.menu-close i{
right: 15px;
left: auto;
}
.site-header.page-element.header_2 {
min-height: 170px;
}
.header_2 .fullscreen_header_toggle {
float: right;
cursor: pointer;
margin-right: 0px;
}
.header_2.site-header #tt-megamenu .tt-mega_menu .tt_menus_ul>li>a::before, .header_2.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li>a::before{
display: none;
}  
.header_2 .currency_wrapper.dropdown-toggle, .header_2 .language_wrapper.dropdown-toggle{
padding: 21px 15px 20px 0;
margin: 0;
}
.header_2 #tt-megamenu .tt-mega_menu li.tt_menu_item{
padding: 11px 0;
}
}
.header_2 .top-header:hover i{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_2 .top-header 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;
float: none;
display: inline-block;
vertical-align: top;
}
.header_2 #shopify-section-TT-megamenu{
float: none;
display: inline-block;
vertical-align: top;
}
.header_2 .top_header_2{
float: left;
width: 100%;
padding: 0 50px;
text-align: center;
}
.header_2_wrapper {
position: relative;
z-index: 3;
float: left;
width: 100%;
}
.header_2 .offer-content{
float: none;
display: inline-block;
vertical-align: top;
padding: 20px 15px;
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;
background: var(--color-btn-primary);
}
.header_2 .offer-title {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
font: 400 13px/20px var(--font-stack-body);
}
.header_2 .top-header {
float: left;
width: auto;
text-align: left;
padding: 45px 0;
}
.header_2 .header-service .header-email{
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_2 .header-service .header-email,
.header_2 .header-service .header-email .email,
.header_2 .header-service .header-contect,
.header_2 .header-service .header-contect .contect-number{
float: none;
display:inline-block;
vertical-align:top;
font: 400 13px/20px var(--font-stack-body);
position: relative;
}
.header_2 a.currency_wrapper.dropdown-toggle::after,
.header_2 a.language_wrapper.dropdown-toggle::after{
content: "";
border-right: 1px solid rgba(255,255,255,0.2);
position: absolute;
right: 0px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
width: 1px;
}
.header_2 .header-service .header-contect {
padding-right: 13px;
margin-right: 10px;
border-right: 1px solid rgb(0,0,0,0.2);
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_2 .header-service .header-contect svg,
.header_2 .header-service .header-email 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;
}
.header_2 .header-service .header-contect:hover svg,
.header_2 .header-service .header-email:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);	
}
.header_2 .header-service {
float: right;
text-align: right;
padding: 45px 0;
width: auto;
}
.header_2_wrapper .header_logo_wrap{
float: none;
display: inline-block;
vertical-align: top;
margin: 25px 0;
}
.header_2_wrapper .header_logo_wrap .header-logo {
float: left;
width: 100%;
margin: 0;
line-height: 0;
}
.header_2_wrapper .main-header {
float: left;
width: 100%;
padding: 0 50px;
text-align: center;
}
.header_2_wrapper .main-header .right-link-icon{
float: right;
width: auto;
}
.header_2_wrapper .top_header_2_link {
float: left;
width: auto;
}
.header_2 .right-link-icon .site-header__search.icon-btn {
float: none;
display: inline-block;
vertical-align: top;
margin-right: 30px;
}
.header_2 .right-link-icon .myaccount{
float: none;
display: inline-block;
vertical-align: top;
margin-right: 20px;
font: 400 13px/16px var(--font-stack-body);
}
.header_2 .right-link-icon .myaccount .dropdown-toggle{
padding: 21px 0;
}
.header_2 .wrapper-top-cart>.site-header_cart_link,.header_2 .site-header__search .serach_icon{
padding: 20px 0;
}
.header_2 .fullscreen_header_toggle .leftmenu{
margin: 19px 0;
}
.header_2 .header_language::after {
position: absolute;
content: '';
top: 0;
left: auto;
bottom: 0;
right: 8px;
margin: auto;
height: 20px;
width: 1px;
background: rgba(0,0,0,0.2);
}
.header_2 .wrapper-top-cart > .site-header_cart_link svg {
width: 20px;
height: 20px;
float: none;
display: inline-block;
vertical-align: top;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.header_2 .right-link-icon .myaccount 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 (max-width: 1299px) {
.header_2 .fullscreen_header_toggle{
margin-left: 15px;
}
.header_2 .right-link-icon .myaccount,
.header_2 .right-link-icon .site-header__search.icon-btn{
margin-right: 15px;
}
.header_2_wrapper .main-header,
.header_2 .top_header_2{
padding: 0 30px;
}      
}
@media (min-width: 1200px) {
.header_2 .right-link-icon .myaccount svg {
display: none;
}
}
@media (max-width: 1199px) {
.header_2 .site-header__search .serach-title{
display:none;
}
.header_2 .right-link-icon .myaccount svg{
width: 18px;
height:20px;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.header_2 .site-header__search .serach_icon svg{
margin-right: 0;
}
.header_2 .right-link-icon .myaccount span.account-title,
.header_2 .right-link-icon .myaccount .mdi.mdi-chevron-down,
.header_2 .right-link-icon .myaccount.open .mdi.mdi-chevron-up{
display: none;
}
.header_2 .right-link-icon .myaccount .dropdown-toggle {
padding: 16px 0;
}
.header_2 .fullscreen_header_toggle{
margin-left: 10px;
}
.header_2 .top_header_2, .header_2_wrapper .main-header {
padding: 0 20px;
}
.header_2 .offer-content{
padding: 18px 15px;
}
.header_2 .wrapper-top-cart>.site-header_cart_link,.header_2 .site-header__search .serach_icon{
padding: 17px 0;
}
.header_2 .fullscreen_header_toggle .leftmenu{
margin: 17px 0;
}
.header_2_wrapper .header_logo_wrap{
margin: 15px 0;
}
.header_2 .top-header,.header_2 .header-service{
padding: 35px 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header_2 #tt-megamenu .tt-mega_menu li.tt_menu_item {
padding: 12px 0;
}
.header_2 .currency_wrapper.dropdown-toggle, .header_2 .language_wrapper.dropdown-toggle{
padding: 19px 15px 18px 0;
}
.site-header.page-element.header_2 {
min-height: 146px;
}
}
@media (max-width: 991px) {
.fullscreen_header_toggle{
display:none;
}
.header_2 .right-link-icon .myaccount:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_2_wrapper .menu_toggle_wrap{
float: left;
width: auto;
padding: 24px 0px;
}
.header_2_wrapper .main-header{
text-align:center;
}
.header_2 .offer-content {
padding: 6px;
}
.header_2_wrapper .top_header_2_link {
width: auto;
float: right;
}
.header_2 .offer-content .offer-title {
float: none;
display: inline-block;
vertical-align: top;
} 
.header_2 .account-title {
display: none;
}
.header_2_wrapper .menu_toggle_wrap i{
font-size: 20px;
color: #222;
width: 20px;
height: 20px;
line-height: 20px;
float: none;
display: inline-block;
vertical-align: top;
text-align: center;
}
.header_2 .header-service{
width: 100%;
float: left;
text-align:center;
padding: 0px 15px;
margin: 10px 0 0;
}
.header_2 .top-header{    
padding: 11px 0;
}
.header_2 .offer-content{
padding : 10px;
}
.header_2_wrapper .main-header{
padding: 0 15px;
}
.header_2.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count{
right: -5px;
top: 28px;
}
.header_2.site-header .wrapper-top-cart>.site-header_cart_link,
.header_2.site-header .site-header__search .serach_icon,
.header_2_wrapper .menu_toggle_wrap{
padding: 35px 0;
}
.header_2 .right-link-icon .myaccount .dropdown-toggle {
padding: 33px 0;
}  
.header_2 .top_header_2, .header_2_wrapper .main-header{
padding: 0 15px;
}
}
@media (max-width: 767px) {
.header_2 .right-link-icon .myaccount .dropdown-toggle{
padding: 25px 0
}
.header_2.site-header .site-header__search .serach_icon, .header_2.site-header .wrapper-top-cart>.site-header_cart_link, .header_2_wrapper .menu_toggle_wrap {
padding: 27px 0;
}
.header_2.site-header .header-logo a,.header_2.site-header .header-logo img{
max-width: 145px;
max-height: 45px;
}
}
@media (max-width: 480px) {
.header_2.site-header .wrapper-top-cart>.site-header_cart_link,
.header_2.site-header .site-header__search .serach_icon,
.header_2_wrapper .menu_toggle_wrap{
padding: 27px 0;
}
.header_2 .offer-title{
font-size: 11px;
}
.header_2 .top-header{
padding: 8px 0;
}
.header_2 .header-service .header-email, .header_2 .header-service .header-email .email, .header_2 .header-service .header-contect, .header_2 .header-service .header-contect .contect-number{
font-size:11px;
}
.header_2 .top_header_2 .destination{
font-size:9px;
}
.header_2_wrapper .menu_toggle_wrap{
padding: 27px 0px;
}
.header_2 .right-link-icon .myaccount .dropdown-toggle{
padding: 25px 0;
}
.header_2.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count{
top: 18px;
}
}
/*--------------------- header-3 --------------------*/
.header-service svg {
height: 15px;
width: 12px;
margin-right: 3px;
float: none;
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;
}
@media (min-width: 992px) {
.site-header.page-element.header_3 {
min-height: 212px;
}
.header_3 #tt-megamenu {
float: none;
display: inline-block;
vertical-align: top;
}
.header_3 #tt-megamenu .tt-mega_menu li.tt_menu_item{
padding: 28px 0;
}
.header_3_wrapper .main-header .fullscreen_header_toggle::after {
position: absolute;
content: '\f140';
top: 0;
bottom: 0;
left: auto;
right: 20px;
margin: auto;
font-family: 'Material Design Icons';
font-size: 18px;
display: flex;
align-items: center;
}  
.header_3_wrapper .tt-mega_menu1{
padding: 0;    
}
.header_3_wrapper .tt-megamenu1 .tt-mega_menu1 ul.tt_menus_ul1{
padding: 10px 0;
}
.header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item {
padding: 0;
}
.header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.categories, .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item>a {
font-size: 14px;
line-height: 22px;
font-weight: 400;
padding: 12px 20px;
float: left;
width: 100%;
font-family: var(--font-stack-body);
color: var(--color-text-field);
margin: 0;
}  
.header_3.site-header .wrapper-top-cart>.site-header_cart_link{
padding: 35px 0;
}
.header_3.site-header .fullscreen_header_toggle .leftmenu{
margin: 0;
}
.header_3 .fullscreen_header_toggle .leftmenu {
width: auto;
}
.header_3 .right-link-icon .myaccount .dropdown-toggle{
padding: 36px 0;
}
.header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap:not(.disable){
position: absolute;
left: 100%;
right: auto;
top: 0;
bottom: auto;
background: #fff;
display: block;
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden; 
border: 1px solid var(--color-border);
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
-ms-transform: translateY(100%); 
border-radius: 0 5px 5px 0; 	
-moz-border-radius: 0 5px 5px 0; 	
-webkit-border-radius: 0 5px 5px 0; 	
-khtml-border-radius: 0 5px 5px 0; 	
}
.header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item:hover .tt_sub_menu_wrap{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
}
.header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist li>a {
padding: 2px 15px;
}
}
.header_3 .vertical-menu {
float: left;
width: auto;
position: relative;
}
.header_3_wrapper .main-header .fullscreen_header_toggle {
float: left;
width: auto;
position: relative;
margin-left: 0;
padding: 14px 140px 14px 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
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_3_wrapper .main-header.fixed .bottom_header {
display: none;
}
.header_3_wrapper .main-header #tt-megamenu1{
position: absolute;
top: 100%;
bottom: auto;
left: 0;
right: auto;
width: 290px;
height: auto;
opacity: 1;
visibility: visible;
padding: 0;
display: none;
border: 1px solid var(--color-border);
border-radius: 5px; 	
-moz-border-radius:5px; 	
-webkit-border-radius:5px; 	
-khtml-border-radius:5px;  
}
.header_3.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li>a::before{
background: rgba(0,0,0,.1);
position: absolute;
left: 0;
right: 0;
width: 90%;
height: 1px;
content: "";
bottom: 0;
margin: 0 auto;
}
.header_3.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li:last-child>a::before{
display: none;
}
.header_3 #tt-megamenu1 .tt_menu_item span.icon {
height: 22px;
width: 22px;
line-height: 22px;
float: left;
margin: 0 8px 0 0;
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;
background: #222;
}
.header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .mobile-nav__sublist-trigger {
display: none;
}
.header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub span.categories::after, .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub>a::after {
position: absolute;
content: "\f140";
height: 20px;
width: 20px;
font-size: 18px;
line-height: 20px;
font-family: "Material Design Icons";
right: 15px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
-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;
}
.header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover span.categories::after, .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover>a::after{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.header_3 #shopify-section-TT-megamenu{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.header_3 .top-header:hover i{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_3_wrapper .fixed .header_logo_wrap{
float: left;
width:auto;
}
.header_3 .fullscreen_header_toggle .leftmenu span.toggle_text {
margin-left: 10px;
line-height: 22px;
}
.header_3 .site-header__search.icon-btn {
float: none;
display: inline-block;
vertical-align: top;
}
.header_3 .site-header__search .serach_icon{
display: none;
}
.header_3 .site-header__search.icon-btn .search_wrapper form.input-group.search-bar{
float: left;
width: 100%;
display: flex;
align-items: center;
}
.header_3 .site-header__search.icon-btn .search_wrapper,.header_3 .site-header__search.icon_btn .search_wrapper{
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background: #f5f5f5 none repeat scroll 0 0;
width: 100%;
float: left;
height: 50px;
border: 1px solid #e5e5e5;  
position: static;
}
.header_3 .collections-selector {
float: left;
width: auto;
position: relative;
flex-grow: 0;
}
.header_3 select#collection-option {
border: none;
padding: 10px 36px 10px 15px;
height: 50px;
margin: 0;
background-color: transparent;
}
.header_3 .site-header__search.icon-btn .search_wrapper .collections-selector::after {
content: '';
position: absolute;
background: #dedede;
width: 1px;
height: 23px;
top: 0;
bottom: 0;
right: auto;
left: 100%;
margin: auto 0;
}
.header_3.site-header button.btn.search-submit.icon-fallback-text {
background: #222;
color: var(--color-btn-primary-text);
padding: 0 20px;
height: 50px;
border: none;
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 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;
}
.header_3.site-header button.btn.search-submit.icon-fallback-text:hover{
background: var(--color-btn-primary);
}
.header_3.site-header .search_wrapper .icon-fallback-text .fallback-text {
position: static;
float: none;
width: auto;
height: auto;
display: inline-block;
vertical-align: top;
line-height: 25px;
font-size: 13px;
}
.header_3 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .header_3 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] {
padding: 5px 115px 5px 15px;   
height: 50px;
width: auto;
float: none;
display: inline-block;
vertical-align: top;
font-size: 13px;
color: #222;
flex-grow: 1;
}
.header_3 .site-header__search.icon-btn .search_wrapper .input-group input[type=search]:focus{
background: #f5f5f5;
}
.header_3 .top_header_3{
float: left;
width: 100%;
}
.header_3_wrapper {
position: relative;
z-index: 3;
float: left;
width: 100%;
}
.header_3_wrapper .main-header .menu-bar {
float: left;
width: 100%;
}
.header_3_wrapper .main-header .bottom_header{
float: left;
width: 100%;
text-align: center;
padding: 0 0 30px;
}
.header_3 .offer-content{
padding: 11px 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;
float: none;
display: inline-block;
vertical-align: top;
background: rgba(0,0,0,0.04);
}
.header_3 .offer-title {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
font: 400 13px/20px var(--font-stack-body);
}
.header_3 .top-header {
text-align: left;
padding: 11px 0;
float: left;
width: auto;
}
.header_3 .top-header .social-block { 
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.header_3 .top_header_3_link {
float: right;
text-align: right;
}
.header_3 .header-email{
margin-left: 10px;
padding-left: 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;
}
.header_3 .header-email::after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: auto;
height: 100%;
width: 1px;
background: rgba(255,255,255,0.2);
}
.header_3 .header-email,
.header_3 .header-email .email,
.header_3 .header-service .header-contect,
.header_3 .header-service .header-contect .contect-number{
float: none;
display:inline-block;
vertical-align:top;
font: 400 13px/16px var(--font-stack-body);
position: relative;
}
.header_3 a.language_wrapper.dropdown-toggle::after{
content: "";
border-right: 1px solid rgba(255,255,255,0.2);
position: absolute;
right: 0px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
width: 1px;
}
.header_3 .header-email svg{
width: 14px;
height: 15px;
margin-right: 5px;
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;
}
.header_3 .header-email:hover svg,
.header_3 .header-service .header-contect:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_3 .header-service .header-contect,
.header_3 .header-service .header-contect 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;
}
.header_3 .header-service {
float: right;
width: auto;
text-align: center;
padding: 15px 28px;
background: var(--color-btn-primary);
border-radius: 5px; 	
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
}
.header_3_wrapper .header_logo_wrap{
float: left;
width: auto;
margin: 15px 0;
}
.header_3_wrapper .header_logo_wrap .header-logo {
float: left;
width: 100%;
margin: 0;
line-height: 0;
}
.header_3_wrapper .main-header {
float: left;
width: 100%;
text-align: center;
}
.header_3_wrapper .main-header .right-link-icon{
float: right;
width: auto;
}
.header_3 .right-link-icon .myaccount{
float: none;
display: inline-block;
vertical-align: top;
margin-right: 20px;
font: 400 13px/16px var(--font-stack-body);
}
.header_3 .fixed .right-link-icon .site-header__search.icon-btn{
float: none;
display: inline-block;
vertical-align: top;
margin-right: 30px;
}
.header_3 .wrapper-top-cart > .site-header_cart_link svg {
width: 20px;
height: 20px;
float: none;
display: inline-block;
vertical-align: top;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
@media (min-width: 992px) {
.header_3 .right-link-icon .myaccount svg {
display: none;
}
}
@media (min-width: 1025px) {
.header_3 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_3 #tt-megamenu .tt-mega_menu li.tt_menu_item>a {
padding: 10px 30px 10px 24px;
}
.header_3 #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item>a::after{
right: 8px;
}
}
@media(max-width: 1860px){
.header_3_wrapper .main-header .fullscreen_header_toggle{
padding: 14px 130px 14px 15px;
}
}
@media(max-width: 1599px){
.header_3 .header-service{
padding: 15px 26px;
}
}
@media(max-width: 1499px){
.header_3_wrapper .main-header .fullscreen_header_toggle {
padding: 14px 100px 14px 15px;
}
.header_3 .header-service {
padding: 15px 22px;
}
}
@media(max-width: 1399px){
.header_3_wrapper .main-header .fullscreen_header_toggle {
padding: 14px 80px 14px 15px;
}
.header_3 .header-service {
padding: 15px 18px;
}
}
@media(max-width: 1299px){
.header_3_wrapper .main-header .fullscreen_header_toggle {
padding: 14px 50px 14px 15px;
}
.header_3 .header-service {
padding: 15px;
}
}
@media(max-width: 1199px){
.header_3 .fullscreen_header_toggle .leftmenu span.toggle_text,
.header_3_wrapper .main-header .fullscreen_header_toggle::after{
display: none;
}
.header_3_wrapper .main-header .fullscreen_header_toggle {
padding: 14px 15px;
}
.header_3_wrapper .main-header .bottom_header{
padding: 0 0 15px;
}
.header_3_wrapper .header-logo a,.header_3_wrapper .header-logo img{
max-width: 150px;
max-height: 50px;
}
.header_3_wrapper .header_logo_wrap{
margin: 12px 0;
}
}
@media(min-width: 992px) and (max-width: 1199px){
.site-header.page-element.header_3 {
min-height: 182px;
}
.header_3 #tt-megamenu .tt-mega_menu li.tt_menu_item {
padding: 20px 0;
}
.header_3 .right-link-icon .myaccount .dropdown-toggle {
padding: 27px 0;
}
.header_3.site-header .wrapper-top-cart>.site-header_cart_link {
padding: 26px 0;
}
}
@media (max-width: 991px) {
.header_3 .right-link-icon .myaccount:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_3_wrapper .menu_toggle_wrap{
float: left;
width: auto;
padding: 25px 0px;
}
.header_3_wrapper .main-header{
text-align:center;
padding: 0 15px;
}
.header_3_wrapper .main-header .container{
padding: 0;
}
.header_3 .offer-content{
padding: 7px 15px 0 0;
background: none;
}
.header_3 .offer-content .offer-title {
float: none;
display: inline-block;
vertical-align: top;
}
.header_3 a.currency_wrapper.dropdown-toggle::after{
display: none;
}
.header_3 .right-link-icon .myaccount svg{
width: 18px;
height:20px;
}
.header_3 .account-title {
display: none;
}
.header_3 .right-link-icon .myaccount .dropdown-toggle {
padding: 23px 0;
}
.header_3 .right-link-icon .myaccount{
margin-right: 15px;
}
.header_3 .site-header__search.icon-btn{
float: left;
width: 100%;
}
.header_3_wrapper .menu_toggle_wrap i{
font-size: 20px;
color: #222;
width: 20px;
height: 20px;
line-height: 20px;
float: none;
display: inline-block;
vertical-align: top;
text-align: center;
}
.header_3_wrapper .header_logo_wrap {
float: none;
display: inline-block;
vertical-align: top;
}
.header_3 .header-service{
padding: 7px 0px 0 0;
background: no-repeat;
float: none;
display: inline-block;
vertical-align: top;
}
.header_3 .header-email {
margin-left: 0;
padding: 7px 15px 0 0;
}
.header_3.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count{
top: 15px;
}
}
@media (max-width: 767px) {
.header_3.site-header .search_wrapper .icon-fallback-text .fallback-text{
display: none;
}
.header_3.site-header button.btn.search-submit.icon-fallback-text{
padding: 0 15px;
}
.header_3 select#collection-option,
.header_3 .site-header__search.icon-btn .search_wrapper .input-group input[type=search],
.header_3 .site-header__search.icon-btn .search_wrapper{
height: 40px;
}
.header_3.site-header button.btn.search-submit.icon-fallback-text {
padding: 0 12px;
height: 40px;
}
.header_3 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"],
.header_3 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] {
padding: 5px 55px 5px 15px;
}
}
@media (max-width: 480px) {
.header_3 .site-header__search .serach_icon{
padding: 21px 0;
}
.header_3 .offer-title{
font-size: 11px;
}
.header_3 .header-email, .header_3 .header-email .email, .header_3 .header-service .header-contect, .header_3 .header-service .header-contect .contect-number{
font-size:11px;
}
.header_3 .top_header_3 .destination{
font-size:9px;
}
.header_3 .top-header{
padding: 10px 0;
}
.header_3 .top-header .social-block .social-icon a,
.header_3 .top-header .social-block .social-icon svg{
height: 12px;
width: 12px;
line-height: 12px;
}
.header_3_wrapper .header-logo a, .header_3_wrapper .header-logo img {
max-width: 140px;
max-height: 40px;
}
.header_3_wrapper .header_logo_wrap {
margin: 15px 0;
}  
.header_3 .site-header__search.icon-btn{
padding: 0;
}
.header_3 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"],
.header_3 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] {
padding: 5px 50px 5px 15px;
}
}
@media (min-width: 992px) and (max-width: 1130px) {
.currency_code, .language_code,.header_1 .offer-title,.header_2 .offer-title,.header_3 .offer-title,,.header_4 .offer-title,.header_5 .offer-title,
.header_1 .header-service .header-contect, .header_1 .header-service .header-contect .contect-number, .header_1 .header-service .header-email, .header_1 .header-service .header-email .email,
.header_2 .header-service .header-contect, .header_2 .header-service .header-contect .contect-number, .header_2 .header-service .header-email, .header_2 .header-service .header-email .email,
.header_3 .header-service .header-contect, .header_4 .header-service .header-contect, .header_5 .header-service .header-contect, .header_3 .header-service .header-contect .contect-number, .header_3 .header-email, .header_3 .header-email .email .header_4 .header-service .header-contect .contect-number, .header_4 .header-email, .header_4 .header-email .email, .header_5 .header-service .header-contect .contect-number, .header_5 .header-email, .header_4  .header-email .email{
font-size: 12px;
}
}
/*--------------------- header-4 --------------------*/
.header-service svg {
height: 15px;
width: 12px;
margin-right: 3px;
float: none;
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;
}
.header_4 .offer{
position:relative;
}
.header_4 .tbl-list > li.currency .flag-dropdown-menu,.header_4 .header_language .disclosure #lang-list {
position: static;
display: block !important;
border: none;
}
.header_4 .right-link-icon .myaccount .dropdown-toggle span.language_code,.header_4 .right-link-icon .header_currency .dropdown-toggle span.currency_code,.header_4 .header_currency ul li .currency_wrapper .mdi.mdi-chevron-down{
display:none;
}
.header_4 .right-link-icon .myaccount a.language_wrapper.dropdown-toggle.disclosure__toggle ,.header_4  .customer_account .header_currency .currency_wrapper.dropdown-toggle{
padding: 0;
}
.header_4 .header_currency .tbl-list>li.currency .flag-dropdown-menu>li{
width:100%;
padding:3px 0;
}
.header_4 .header_language .disclosure #lang-list {
padding:10px 0 0 !important;
}
.header_4 span.title {
font-size: 14px;
font-weight: 500;
line-height: 18px;
border-bottom: 1px solid var(--color-border);
padding: 10px 0;
float: left;
width: 100%;
}
.header_4 .sticky_header.fixed #tt-megamenu .tt-mega_menu li.tt_menu_item{
padding: 23px 0;
}
.header_4 .sticky_header.fixed #shopify-section-TT-megamenu{
float:none;
}
.header_4 .offer_sub{
background:var(--color-btn-primary);
font-size: 12px;
line-height: 16px;
margin: 0;
color:#fff;
padding: 2px 10px;
position: absolute;
right: 30px;
top: -12px;    border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
}
.header_4 .site-header__cart .wrapper-top-cart .site-header__cart-count{
display:block;
}
.header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item:last-child a {
border-bottom: none;
}
@media (min-width: 992px) {
.site-header.page-element.header_4 {
min-height: 188px;
}
.header_4 #tt-megamenu {
float: none;
display: inline-block;
vertical-align: top;
}
.header_4 #tt-megamenu .tt-mega_menu li.tt_menu_item{
padding: 4px 0 20px;
}
.header_4_wrapper .main-header .fullscreen_header_toggle::after {
position: absolute;
content: '\f140';
top: 0;
bottom: 0;
left: auto;
right: 20px;
margin: auto;
font-family: 'Material Design Icons';
font-size: 18px;
display: flex;
align-items: center;
}  
.header_4_wrapper .tt-mega_menu1{
padding: 0;    
}
.header_4_wrapper .tt-megamenu1 .tt-mega_menu1 ul.tt_menus_ul1{
padding: 10px 0;
}
.header_4_wrapper #tt-megamenu .tt-mega_menu li.tt_menu_item > a{
font: 600 16px/18px var(--font-stack-header);
}
.header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item {
padding: 0;
}
.header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.categories, .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item>a {
font-size: 14px;
line-height: 22px;
font-weight: 400;
padding: 12px 20px;
float: left;
width: 100%;
font-family: var(--font-stack-body);
color: var(--color-text-field);
margin: 0;
border-bottom:1px solid var(--color-border);
}  
.header_4.site-header .wrapper-top-cart>.site-header_cart_link{
padding: 19px 0;
display: flex;
align-items: center;
margin:0;
}
.header_4 .site-header__cart-count .cart-products-count{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 60px;
left: auto;
}
.header_4.site-header .fullscreen_header_toggle .leftmenu{
margin: 0;
}
.header_4 .fullscreen_header_toggle .leftmenu {
width: auto;
}
.header_4 .right-link-icon .myaccount .dropdown-toggle{
padding: 20px 0;   
display: flex;
align-items: center;
}
.header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap:not(.disable){
position: absolute;
left: 100%;
right: auto;
top: 0;
bottom: auto;
background: #fff;
display: block;
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden; 
border: 1px solid var(--color-border);
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
-ms-transform: translateY(100%); 
border-radius: 0 5px 5px 0; 	
-moz-border-radius: 0 5px 5px 0; 	
-webkit-border-radius: 0 5px 5px 0; 	
-khtml-border-radius: 0 5px 5px 0; 	
}
.header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item:hover .tt_sub_menu_wrap{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
}
.header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist li>a {
padding: 2px 15px;
}
}
.header_4 .vertical-menu {
float: left;
width: auto;
position: relative;
}
.header_4_wrapper .main-header .fullscreen_header_toggle {
float: left;
width: auto;
position: relative;
margin: 0 15px 0 0;
padding: 14px 117px 14px 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
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: 25px; 
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
}
.header_4_wrapper .main-header.fixed .bottom_header {
display: none;
}
.header_4_wrapper .main-header #tt-megamenu1{
position: absolute;
top: 63px;
bottom: auto;
left: 0;
right: auto;
width: 290px;
height: auto;
opacity: 1;
visibility: visible;
padding: 0;
display: none;
border: 2px solid #233a95;
border-radius: 0 0  5px 5px; 	
-moz-border-radius:0 0  5px 5px; 	
-webkit-border-radius:0 0  5px 5px; 	
-khtml-border-radius:0 0  5px 5px;  
}
.header_4.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li>a::before{
background: rgba(0,0,0,.1);
position: absolute;
left: 0;
right: 0;
width: 90%;
height: 1px;
content: "";
bottom: 0;
margin: 0 auto;
}
.header_4.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li:last-child>a::before{
display: none;
}
.header_4 #tt-megamenu1 .tt_menu_item span.icon {
height: 22px;
width: 22px;
line-height: 22px;
float: left;
margin: 0 8px 0 0;
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;
background: #222;
}
.header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .mobile-nav__sublist-trigger {
display: none;
}
.header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub span.categories::after, .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub>a::after {
position: absolute;
content: "\f140";
height: 20px;
width: 20px;
font-size: 18px;
line-height: 20px;
font-family: "Material Design Icons";
right: 15px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
-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;
}
.header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover span.categories::after, .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover>a::after{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.header_4 #shopify-section-TT-megamenu{
float: left;
width: auto;
}
.header_4 .order_shipping{
padding: 12px 0;
}
.header_4 .top-header:hover i{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_4_wrapper .fixed .header_logo_wrap{
float: left;
width:auto;
}
.header_4 .fullscreen_header_toggle .leftmenu span.toggle_text {
margin-left: 10px;
line-height: 22px;
font:700 15px/22px var(--font-stack-header);
}
.header_4 .site-header__search.icon-btn {
float: none;
display: inline-block;
vertical-align: top;
padding: 16px 0;
}
.header_4 .sticky_header.fixed .site-header__search.icon-btn{
display: none;
}
.header_4 .site-header__search .serach_icon{
display: none;
}
.header_4 .site-header__search.icon-btn .search_wrapper form.input-group.search-bar{
float: left;
width: 100%;
display: flex;
align-items: center;
}
.header_4 .site-header__search.icon-btn .search_wrapper,.header_4 .site-header__search.icon_btn .search_wrapper{
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background: #f5f5f5 none repeat scroll 0 0;
width: 100%;
float: left;
height: 45px;
border: none;  
position: static;
}
.header_4 .collections-selector {
float: left;
width: auto;
position: relative;
flex-grow: 0;
}
.header_4 select#collection-option {
border: none;
padding: 10px 36px 10px 15px;
height: 45px;
margin: 0;
background-color: transparent;
}
.header_4 .site-header__search.icon-btn .search_wrapper .collections-selector::after {
content: '';
position: absolute;
background: #dedede;
width: 1px;
height: 23px;
top: 0;
bottom: 0;
right: auto;
left: 100%;
margin: auto 0;
}
.header_4.site-header button.btn.search-submit.icon-fallback-text {
background: #222;
color: var(--color-btn-primary-text);
padding: 0 20px;
height: 40px;
border: none;
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 4px;
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;
}
.header_4.site-header button.btn.search-submit.icon-fallback-text i.mdi{
font-size: 18px;
line-height:27px;
}
.header_4.site-header button.btn.search-submit.icon-fallback-text:hover{
background: var(--color-btn-primary);
}
.header_4.site-header .search_wrapper .icon-fallback-text .fallback-text {
position: static;
float: none;
width: auto;
height: auto;
display: inline-block;
vertical-align: top;
line-height: 28px;
font-size: 14px;
font-weight: 500;
}
.header_4 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] {
padding: 5px 115px 5px 15px;   
height: 45px;
width: auto;
float: none;
display: inline-block;
vertical-align: top;
font-size: 13px;
color: #222;
flex-grow: 1;
}
.header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type=search]:focus{
background: #f5f5f5;
}
.header_4 .top_header_4{
float: left;
width: 100%;
}
.header_4_wrapper {
position: relative;
z-index: 3;
float: left;
width: 100%;
}
.header_4_wrapper .main-header .menu-bar {
float: left;
width: 100%;
}
.header_4_wrapper .main-header .bottom_header{
float: left;
width: 100%;
text-align: center;
}
.header_4 .offer-content{
padding: 15px 28px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
float: right;
width:auto;
background:var(--color-btn-secondary);
}
.header_4 .offer-title {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
font: 400 13px/18px var(--font-stack-body);
}
.header_4 .top-header {
text-align: center;
padding: 12px 0;
float: left;
}
.header_4 .top-header .social-block { 
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.header_4 .top_header_4_link {
float: right;
text-align: right;
display:none;
}
.header_4 .header-email{
margin-left: 16px;
padding-left: 16px;
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_4 .header-email::after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: auto;
height: 100%;
width: 1px;
background: rgba(255,255,255,0.2);
}
.header_4 .header-email,
.header_4 .header-email .email,
.header_4 .header-service .header-contect,
.header_4 .header-service .header-contect .contect-number{
float: none;
display:inline-block;
vertical-align:top;
font: 400 13px/16px var(--font-stack-body);
position: relative;
}
.header_4 a.language_wrapper.dropdown-toggle::after{
content: "";
border-right: 1px solid rgba(255,255,255,0.2);
position: absolute;
right: 0px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
width: 1px;
}
.header_4 .header-email svg{
width: 14px;
height: 15px;
margin-right: 5px;
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;
}
.header_4 .header-email:hover svg,
.header_4 .header-service .header-contect:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_4 .header-service .header-contect,
.header_4 .header-service .header-contect 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;
}
.header_4 .header-service {
float: left;
width: auto;
text-align: center;
border-radius: 5px; 	
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
}
.header_4 .info{
float: right;
width: auto;
padding: 12px 0;
}
.header_4_wrapper .header_logo_wrap{
float: left;
width: auto;
margin: 12px 0;
}
.header_4_wrapper .header_logo_wrap .header-logo {
float: left;
width: 100%;
margin: 0;
line-height: 0;
}
.header_4_wrapper .main-header {
float: left;
width: 100%;
text-align: center;
border-bottom: 1px solid #e5e5e5;
}

.home-slider .slides li a.slider-img{
overflow: hidden;
float: left;
width: 100%;
border-radius: 15px; 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
.header_4_wrapper .main-header .right-link-icon{
float: right;
width: auto;
}
.header_4 .right-link-icon .myaccount,.header_4 .wrapper-top-cart > .site-header_cart_link{
float: none;
display: inline-block;
vertical-align: top;
margin-right: 20px;
font: 500 14px/16px var(--font-stack-body);
}
.header_4 .fixed .right-link-icon .site-header__search.icon-btn{
float: none;
display: inline-block;
vertical-align: top;
margin-right: 30px;
}
.header_4 .wrapper-top-cart > .site-header_cart_link svg,.header_4 .right-link-icon .myaccount svg {
width: 20px;
height: 20px;
float: none;
display: inline-block;
vertical-align: top;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.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;
padding:0;
}
.home-slider .slides li a.slider-img{
overflow: hidden;
float: left;
width: 100%;
border-radius: 15px; 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
.homeslider .slides ul.slick-dots li button {
width: 10px;
height: 11px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
display: block;
background:#fff;
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: 30px;
}
.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);
}
@media (min-width: 992px) {
.header_4  .myaccount .mdi.mdi-chevron-down,.header_4  .myaccount.open .mdi.mdi-chevron-up{
display:none;
}
.header_4  .right-link-icon .myaccount .user_icon, .header_4 .right-link-icon .site-header_cart_link  .cart_icon {
float: none;
width: auto;
display: inline-block;
background: #f7f4ef;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
margin: 0 10px 0 0;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.header_4 .right-link-icon .site-header_cart_link .cart_icon {
margin:0 20px 0 0;
}
}
@media (min-width: 1025px) {
.header_4 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_4 #tt-megamenu .tt-mega_menu li.tt_menu_item>a {
padding: 10px 30px 10px 24px;
}
.header_4 #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item>a::after{
right: 8px;
}
}
@media(max-width: 1399px){
.header_4_wrapper .main-header .fullscreen_header_toggle {
padding: 14px 100px 14px 20px;
}

}
@media(max-width: 1199px){
.header_4_wrapper .main-header .fullscreen_header_toggle {
padding: 11px 69px 11px 15px;
margin: 0 0px 0 0;
}
.header_4 .offer-content{
padding: 12px 28px;
}
.header_4_wrapper .header-logo a,.header_4_wrapper .header-logo img{
max-width: 150px;
max-height: 50px;
}
.header_4_wrapper .header_logo_wrap{
margin: 12px 0;
}
.header_4 .header-email{
font-size: 12px;
line-height:14px;
margin-left: 9px;
padding-left: 9px;
}
.header_4 .order_shipping {
font-size: 12px;
line-height:14px;
}
}
@media(min-width: 992px) and (max-width: 1199px){
.site-header.page-element.header_4 {
min-height: 179px;
}
.header_4 .right-link-icon .myaccount .dropdown-toggle {
padding: 15px 0;
}
.header_4.site-header .wrapper-top-cart>.site-header_cart_link {
padding: 15px 0;
}
}
@media (max-width: 991px) {
.header_4 .right-link-icon .myaccount:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_4 .offer_sub{
display:none;
}
.header_4 .header-service .header-contect svg,.header_4 .header-email svg,.top-header .social-block .social-icon a svg{
fill:#777777;
}
.header_4_wrapper .menu_toggle_wrap{
float: left;
width: auto;
padding: 25px 0px;
}
.header_4_wrapper .main-header{
text-align:center;
padding: 0 15px;
}
.header_4_wrapper .main-header .container{
padding: 0;
}
.header_4 .offer-content,.header_4 .info{
float: none;
width: auto;
display: inline-block;
padding:10px 9px;
}
.header_4 .top-header{
width:100%;
padding:0;
}
.header_4 .offer-content .offer-title {
float: none;
display: inline-block;
vertical-align: top;
}
.header_4 a.currency_wrapper.dropdown-toggle::after{
display: none;
}
.header_4 .right-link-icon .myaccount svg{
width: 18px;
height:20px;
}
.header_4 .account-title,.header_4 .order_shipping,.header_4 .top_header_4 {
display: none;
}
.header_4 .right-link-icon .myaccount .dropdown-toggle {
padding: 25px 0;
}
.header_4 .right-link-icon .myaccount{
margin-right: 15px;
}
.header_4 .site-header__search.icon-btn{
float: left;
width: 100%;
padding: 0 0 19px;
}
.header_4_wrapper .menu_toggle_wrap i{
font-size: 20px;
color: #222;
width: 20px;
height: 20px;
line-height: 20px;
float: none;
display: inline-block;
vertical-align: top;
text-align: center;
}
.header_4 .site-header__search.icon-btn .search_wrapper, .header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"],.header_4 select#collection-option{
height:40px;
}
.header_4.site-header button.btn.search-submit.icon-fallback-text{
height:35px;
}
.header_4 .wrapper-top-cart > .site-header_cart_link{
margin:0;
}
.header_4_wrapper .header_logo_wrap {
float: none;
display: inline-block;
vertical-align: top;
margin: 10px 0;
}
.header_4 .header-service{
background: no-repeat;
float: none;
display: inline-block;
vertical-align: top;
}
.header_4.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count {
right: -10px;
}
}
@media (max-width: 767px) {
.header_4.site-header .search_wrapper .icon-fallback-text .fallback-text{
display: none;
}
.header_4.site-header button.btn.search-submit.icon-fallback-text{
padding: 0 15px;
}
.header_4 select#collection-option,
.header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type=search],
.header_4 .site-header__search.icon-btn .search_wrapper{
height: 40px;
}
.header_4.site-header button.btn.search-submit.icon-fallback-text {
padding: 0 12px;
height: 40px;
}
.header_4 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"],
.header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] {
padding: 5px 55px 5px 15px;
}
.home-slider .slides li{
padding: 0 15px;
}
}
@media(max-width:575px){
.homeslider .slides ul.slick-dots{
bottom:5px;
}
.homeslider .slides ul.slick-dots li button{
width: 11px;
height: 12px;;
}
.homeslider .slides ul.slick-dots li.slick-active button {
width: 25px;
}
}
@media (max-width: 480px) {
.header_4 .site-header__search .serach_icon{
padding: 21px 0;
}
.header_4_wrapper .header-logo a, .header_4_wrapper .header-logo img {
max-width: 140px;
max-height: 40px;
width: auto;
height: auto;
}
.header_4_wrapper .header_logo_wrap {
margin: 15px 0;
}
.header_4 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"],
.header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] {
padding: 5px 50px 5px 15px;
}.header_4.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count {
right: -5px;
}
.home-slider .slides li {
padding: 0 10px;
}
.homeslider .slides ul.slick-dots {
bottom: 5px;
position: static;
top: 0;
margin: 10px  0 0;
}
.homeslider .slides ul.slick-dots li button{
background:#666;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
bottom: 10%;
}
}
/*--------------------- header-5 --------------------*/
.header-service svg {
height: 15px;
width: 12px;
margin-right: 3px;
float: none;
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;
}
.header_5 .site-header__cart .wrapper-top-cart .site-header__cart-count{
line-height: 18px;
}
.header_5  .site-header__cart-count span {
font-weight: 500;
color: #fff;
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.header_5.site-header .wrapper-top-cart>.site-header_cart_link{
float: left;
position: relative;
margin: 26px 0 ;
cursor: pointer;
background: var(--color-btn-secondary);
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
padding: 18px ;
display: flex;
align-items: center;
justify-content: center;
}
.header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item > a{
font: 500 16px/18px var(--font-stack-body);
}
.header_5 .site-header__search .serach_icon svg{
margin:0;
}
.header_5 .site-header__search .serach_icon{
margin: 0 15px 0 0;
}
@media (min-width: 992px) {
.site-header.page-element.header_5 {
min-height: 165px;
}
.header_5 #tt-megamenu {
float: none;
display: inline-block;
vertical-align: top;
}
.header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item{
padding: 28px 0;
}
.header_5_wrapper .menu_detail {
display: flex;
align-items: center;
}
.header_5_wrapper .tt-megamenu .tt_menus_ul > li .menu_detail .img-icon{
height: 32px;
width: 32px;
cursor: pointer;
margin: 0 10px 0 0 ;
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;
}
.header_5 .top_header_5_link {
float: right;
width: auto;
}
.header_5_wrapper .main-header .fullscreen_header_toggle::after {
position: absolute;
content: '\f140';
top: 0;
bottom: 0;
left: auto;
right: 20px;
margin: auto;
font-family: 'Material Design Icons';
font-size: 18px;
display: flex;
align-items: center;
}  
.header_5_wrapper .tt-mega_menu1{
padding: 0;    
}
.header_5_wrapper .tt-megamenu1 .tt-mega_menu1 ul.tt_menus_ul1{
padding: 10px 0;
}
.header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item {
padding: 0;
}
.header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.categories, .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item>a {
font-size: 14px;
line-height: 22px;
font-weight: 400;
padding: 12px 20px;
float: left;
width: 100%;
font-family: var(--font-stack-body);
color: var(--color-text-field);
margin: 0;
}  
.header_5 .site-header__cart-count .cart-products-count{
width:auto;
font-size:14px;
font-weight:600;
}
.header_5.site-header .fullscreen_header_toggle .leftmenu{
margin: 0;
}
.header_5 .fullscreen_header_toggle .leftmenu {
width: auto;
}
.header_5 .right-link-icon .myaccount .dropdown-toggle,.header_5  .site-header__search .serach_icon{
padding: 44px 0;
}
.header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap:not(.disable){
position: absolute;
left: 100%;
right: auto;
top: 0;
bottom: auto;
background: #fff;
display: block;
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden; 
border: 1px solid var(--color-border);
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
-ms-transform: translateY(100%); 
border-radius: 0 5px 5px 0; 	
-moz-border-radius: 0 5px 5px 0; 	
-webkit-border-radius: 0 5px 5px 0; 	
-khtml-border-radius: 0 5px 5px 0; 	
}
.header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item:hover .tt_sub_menu_wrap{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
}
.header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist li>a {
padding: 2px 15px;
}
}
.header_5 .vertical-menu {
float: left;
width: auto;
position: relative;
}
.header_5_wrapper .main-header .fullscreen_header_toggle {
float: left;
width: auto;
position: relative;
margin-left: 0;
padding: 14px 140px 14px 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
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_5_wrapper .main-header.fixed .bottom_header {
display: none;
}
.header_5_wrapper .main-header #tt-megamenu1{
position: absolute;
top: 100%;
bottom: auto;
left: 0;
right: auto;
width: 290px;
height: auto;
opacity: 1;
visibility: visible;
padding: 0;
display: none;
border: 1px solid var(--color-border);
border-radius: 5px; 	
-moz-border-radius:5px; 	
-webkit-border-radius:5px; 	
-khtml-border-radius:5px;  
}
.header_5.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li>a::before{
background: rgba(0,0,0,.1);
position: absolute;
left: 0;
right: 0;
width: 90%;
height: 1px;
content: "";
bottom: 0;
margin: 0 auto;
}
.header_5.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li:last-child>a::before{
display: none;
}
.header_5 #tt-megamenu1 .tt_menu_item span.icon {
height: 22px;
width: 22px;
line-height: 22px;
float: left;
margin: 0 8px 0 0;
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;
background: #222;
}
.header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .mobile-nav__sublist-trigger {
display: none;
}
.header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub span.categories::after, .header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub>a::after {
position: absolute;
content: "\f140";
height: 20px;
width: 20px;
font-size: 18px;
line-height: 20px;
font-family: "Material Design Icons";
right: 15px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
-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;
}
.header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover span.categories::after, .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover>a::after{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.header_5 #shopify-section-TT-megamenu{
float: left;
width: auto;
display: inline-block;
vertical-align: top;
}
.header_5 .top-header:hover i{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_5_wrapper .fixed .header_logo_wrap{
float: left;
width:auto;
}
.header_5 .fullscreen_header_toggle .leftmenu span.toggle_text {
margin-left: 10px;
line-height: 22px;
}
.header_5 .site-header__search.icon-btn {
float: none;
display: inline-block;
vertical-align: top;
}
.header_5 .site-header__search .serach-title{
display: none;
}
.header_5 .site-header__search.icon-btn .search_wrapper form.input-group.search-bar{
float: left;
width: 100%;
display: flex;
align-items: center;
}
.header_5 .site-header__search.icon-btn .search_wrapper,.header_5 .site-header__search.icon_btn .search_wrapper{
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background: #f5f5f5 none repeat scroll 0 0;
width: 100%;
float: left;
height: 50px;
border: 1px solid #e5e5e5;  
position: static;
}
.header_5 .collections-selector {
float: left;
width: auto;
position: relative;
flex-grow: 0;
}
.header_5 select#collection-option {
border: none;
padding: 10px 36px 10px 15px;
height: 50px;
margin: 0;
background-color: transparent;
}
.header_5 .site-header__search.icon-btn .search_wrapper .collections-selector::after {
content: '';
position: absolute;
background: #dedede;
width: 1px;
height: 23px;
top: 0;
bottom: 0;
right: auto;
left: 100%;
margin: auto 0;
}
.header_5site-header button.btn.search-submit.icon-fallback-text {
background: #222;
color: var(--color-btn-primary-text);
padding: 0 20px;
height: 50px;
border: none;
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 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;
}
.header_5.site-header button.btn.search-submit.icon-fallback-text:hover{
background: var(--color-btn-primary);
}
.header_5.site-header .search_wrapper .icon-fallback-text .fallback-text {
position: static;
float: none;
width: auto;
height: auto;
display: inline-block;
vertical-align: top;
line-height: 25px;
font-size: 14px;
}
.header_5 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .header_5 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] {
padding: 5px 115px 5px 15px;   
height: 50px;
width: auto;
float: none;
display: inline-block;
vertical-align: top;
font-size: 14px;
color: #222;
flex-grow: 1;
}
.header_5 .site-header__search.icon-btn .search_wrapper .input-group input[type=search]:focus{
background: #f5f5f5;
}
.header_5 .top_header_3{
float: left;
width: 100%;
}
.header_5_wrapper {
position: relative;
z-index: 3;
float: left;
width: 100%;
}
.header_5_wrapper .main-header .menu-bar {
float: left;
width: 100%;
}
.header_5_wrapper .main-header .bottom_header{
float: left;
width: 100%;
text-align: center;
padding: 0 0 30px;
}
.header_5 .offer-content{
padding: 16px 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;
float: none;
display: inline-block;
vertical-align: top;
background: rgba(0,0,0,0.1);
}
.header_5 .top_header_5 .container.menu{
border-bottom: 4px double #c92e46;
padding:0;
}
.header_5 .offer-title {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
font: 400 14px/20px var(--font-stack-body);
}
.header_5 .header_currency span.title,.header_5 .header_language span.title{
display:none;
}
.header_5 .top-header {
text-align: left;
padding: 17px 0;
float: left;
width: auto;
}
.header_5 .top-header .social-block { 
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.header_5 .top_header_3_link {
float: right;
text-align: right;
}
.header_5 .header-email{
margin-left: 10px;
padding-left: 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;
}
.header_5 .header-email::after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: auto;
height: 100%;
width: 1px;
background: rgba(255,255,255,0.2);
}
.header_5 .header-email,
.header_5 .header-email .email,
.header_5 .header-service .header-contect,
.header_5 .header-service .header-contect .contect-number{
float: none;
display:inline-block;
vertical-align:top;
font: 400 14px/16px var(--font-stack-body);
position: relative;
}
.header_5 .header-service .header-contect .contect-number{
font: 400 26px/30px var(--font-stack-header);
}
.header_5 .header-service .header-contect svg {
display:none;
}
.header_5 .header-service .header-contect{
text-align:left;
}
.header_5 .header-service .header-contect .contact-info{
font: 500 16px/18px var(--font-stack-body);
margin:0 0 5px;
}
.header_5 a.language_wrapper.dropdown-toggle::after{
content: "";
border-right: 1px solid rgba(255,255,255,0.2);
position: absolute;
right: 0px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
height: 20px;
width: 1px;
}
.header_5 .header-email svg{
width: 14px;
height: 15px;
margin-right: 5px;
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;
}
.header_5 .header-email:hover svg,
.header_5 .header-service .header-contect:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_5 .header-service .header-contect,
.header_5 .header-service .header-contect 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;
}
.header_5 .header-service {
float: left;
width: auto;
text-align: center;
padding: 27px 25px 28px 0;
border-radius: 5px; 	
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
}
.header_5_wrapper .header_logo_wrap{
float: left;
width: auto;
margin: 22px 25px 23px 0;
}
.header_5_wrapper .header_logo_wrap .header-logo {
float: left;
width: 100%;
margin: 0;
line-height: 0;
}
.header_5_wrapper .main-header {
float: left;
width: 100%;
text-align: center;
}
.header_5_wrapper .main-header .right-link-icon{
float: right;
width: auto;
}
.header_5 .right-link-icon .myaccount{
float: none;
display: inline-block;
vertical-align: top;
margin-right: 10px;
font: 400 14px/16px var(--font-stack-body);
}
.header_5 .fixed .right-link-icon .site-header__search.icon-btn{
float: none;
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.header_5 .wrapper-top-cart > .site-header_cart_link svg,.header_5 .right-link-icon .myaccount svg {
width: 20px;
height: 20px;
margin: 0 5px 0 0;
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;
}
@media (min-width: 992px) {
.header_5 .myaccount .dropdown-toggle .account-title,.header_5  .myaccount .mdi.mdi-chevron-down,.header_5  .myaccount.open .mdi.mdi-chevron-up{
display: none;
}
.header_5_wrapper .main-header .menu{
padding:0;
}
}
@media (min-width: 1025px) {
.header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item>a {
padding: 10px 30px 10px 24px;
}
.header_5 #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item>a::after{
right: 8px;
}
}
@media(max-width:1499px){
.header_5 .header-service .header-contect .contect-number{
font-size:22px;
line-height:26px;
}
.header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item>a {
padding: 10px 26px 10px 20px;
}
}
@media(max-width: 1399px){
.header_5_wrapper .main-header .fullscreen_header_toggle {
padding: 14px 80px 14px 15px;
}
.header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item>a {
padding: 10px 26px 10px 10px;
} 
.header_5 .header-service .header-contect .contect-number{
font-size:20px;
line-height:24px;
}
.header_5 .header-service .header-contect .contact-info,.header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item > a{
font-size:14px;
line-height:16px;
}
.header_5.site-header .wrapper-top-cart>.site-header_cart_link{
padding:18px 14px;
}
.header_5 .header-service{
padding: 31px 25px 31px 0;
}

}
@media(max-width: 1299px){
.header_5_wrapper .main-header .fullscreen_header_toggle {
padding: 14px 50px 14px 15px;
}
.header_5 .header-service {
display:none;
}

}
@media(max-width: 1199px){
.header_5 .fullscreen_header_toggle .leftmenu span.toggle_text,
.header_5_wrapper .main-header .fullscreen_header_toggle::after{
display: none;
}
.header_5_wrapper .main-header .fullscreen_header_toggle {
padding: 14px 15px;
}
.header_5_wrapper .main-header .bottom_header{
padding: 0 0 15px;
}
.header_5_wrapper .header-logo a,.header_5_wrapper .header-logo img{
max-width: 130px;
max-height: 50px;
}
.header_5_wrapper .header_logo_wrap{
margin: 17px 0;
}
.header_5 #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item>a::after{
right:0;
}
.header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item>a {
padding: 10px 19px 10px 10px;
}
.header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item {
padding: 16px 0;
}
.header_5 .right-link-icon .myaccount .dropdown-toggle, .header_5  .site-header__search .serach_icon {
padding: 32px 0;
}
.header_5.site-header .wrapper-top-cart>.site-header_cart_link {
padding: 14px 11px;
margin: 18px 0;
}
}
@media(min-width: 992px) and (max-width: 1199px){
.site-header.page-element.header_5 {
min-height: 140px;
}
}
@media (max-width: 991px) {
.header_5 .right-link-icon .myaccount:hover svg{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.header_5_wrapper .menu_toggle_wrap{
float: left;
width: auto;
padding: 32px 0px;
}
.header_5_wrapper .main-header{
text-align:center;
padding: 0 15px;
}
.header_5_wrapper .main-header .container{
padding: 0;
}
.header_5 .offer-content{
padding: 10px;
background: none;
}
.header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item{
padding:0;
margin:0;
}
.header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item>a{
padding: 5px 20px 5px 10px;
}
.header_5 .top-header{
width:100%;
text-align:center;
padding:0;
}
.header_5 .offer-content .offer-title {
float: none;
display: inline-block;
vertical-align: top;
}
.header_5 a.currency_wrapper.dropdown-toggle::after,.header_5.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count{
display: none;
}
.header_5 .right-link-icon .myaccount svg{
width: 18px;
height:20px;
}
.header_5 .account-title {
display: none;
}
.header_5 .right-link-icon .myaccount{
margin-right: 15px;
}
.header_5.site-header .wrapper-top-cart>.site-header_cart_link{
padding:14px;
}
.header_5_wrapper .menu_toggle_wrap i{
font-size: 20px;
color: #fff;
width: 20px;
height: 20px;
line-height: 20px;
float: none;
display: inline-block;
vertical-align: top;
text-align: center;
}
.header_5 .wrapper-top-cart > .site-header_cart_link svg{
margin:0;
}
.header_5 .top_header_5 .container.menu{
border-bottom:none;
}
.header_5_wrapper .header_logo_wrap {
float: none;
display: inline-block;
vertical-align: top;
}
.header_5 .header-email {
margin-left: 0;
padding: 10px;
}
.header_5_wrapper .header_logo_wrap {
margin: 17px 0;
}
}
@media (max-width: 767px) {
.header_5.site-header .search_wrapper .icon-fallback-text .fallback-text{
display: none;
}
.header_5.site-header button.btn.search-submit.icon-fallback-text{
padding: 0 15px;
}
}
@media (max-width: 480px) {

.header_5_wrapper .header_logo_wrap {
margin: 15px 0;
}  
.header_5 .site-header__search.icon-btn{
padding: 0;
}
.header_5 .site-header__search .serach_icon {
margin: 0 10px 0 0;
}
.header_5 .right-link-icon .myaccount {
margin-right: 5px;
}
.header_5.site-header .wrapper-top-cart>.site-header_cart_link {
padding: 12px;
margin: 20px 0;
}
}


/*---------------- Footer 1 ------------------*/
#shopify-section-footer-model-1 form#contact_form {
float: left;
width: 100%;
margin: 0;
}
#shopify-section-footer-model-1 .footer-wrapper{
float: left;
width: 100%;
background-color: var(--colorFooterbg);
}
#shopify-section-footer-model-1 .block_newsletter .news-desc {
font: 400 13px/20px var(--font-stack-body);
margin-bottom: 15px;
display: block;
float: left;
width: 100%;
}
#shopify-section-footer-model-1 .follow-us-outer.text-center ul li {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
div#shopify-section-footer-model-1 .Newsletter-wrapper{
padding:75px 0;
}
.template-index #shopify-section-footer-model-1{
margin-bottom:0;
}
#shopify-section-footer-model-1 {
float: left;
width: 100%;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap{
float: left; 
width: 100%;  
}
#shopify-section-footer-model-1 .social-icons li a{
height:24px;
width:24px;
line-height:24px;
font-size: 16px;
}
#shopify-section-footer-model-1 .footer-column.block_newsletter .form-vertical .errors li {
margin: 0;
}
#shopify-section-footer-model-1 .footer-bottom {
float: left;
width: 100%;
margin: 16px 0;
}
#shopify-section-footer-model-1 .text-center.copyright {
float: left;
width: auto;
padding: 0;
color:var(--FooterBottomText);
}
#shopify-section-footer-model-1 .site-footer .text-center.copyright a{
color:var(--FooterBottomText);
}
#shopify-section-footer-model-1 .text-center.copyright small {
font-size: 13px;
}
#shopify-section-footer-model-1 .follow-us-outer.text-center {
float: left;
width: auto;
margin: 10px 0 0;
}
#shopify-section-footer-model-1 .footer-bottom-wrap {
float: left;
width: 100%;
background: var(--colorFooterBottombg);
}
#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 .grid {
float: left;
width: 100%;
padding:65px 0;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
#shopify-section-footer-model-1 .footer-desc {
float: left;
width: 100%;
padding: 20px 0 0;
text-align:left;
line-height: 24px;
}
#shopify-section-footer-model-1 .footer-column.block_newsletter form input[type="email"] {
color: var(--colorFooterContent);
font-size: 13px;
border: none;
border-radius: 8px; 	
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
-khtml-border-radius: 8px;
}
.site-footer .footer-wrap .contact-us i.mdi{
color: var(--colorFooterContent);
}
#shopify-section-footer-model-1  .footer-section .footer-cms.footer-column {
float: right;
}
#shopify-section-footer-model-1 h5.widget-title{
margin:0 0 25px;
float: left;
width: 100%;
color: var(--colorFooterTitle);
font: 700 18px/20px var(--font-stack-header);
}
#shopify-section-footer-model-1 .widget-title.contact-title{	
font-size: 18px;
line-height: 28px;
color: var(--colorFooterTitle);
margin: 0;
}
.contact-us .phone{
float: left;
width: 100%;
margin: 0 0 20px;
}
#shopify-section-footer-model-1 .site-footer .phone a{
font: 400 20px/22px var(--font-stack-body);
}
#shopify-section-footer-model-1 .site-footer a{
font: 400 13px/22px var(--font-stack-body);    
}
#shopify-section-footer-model-1 .contact-us .contact-address, 
#shopify-section-footer-model-1 .contact-us .phone {
font: 400 13px/20px var(--font-stack-body);
}
#shopify-section-footer-model-1 .contact-us .contact-address{
margin: 0 0 10px;
}
#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 .contact-us i.mdi {
float: left;
font-size: 18px;
margin-right: 10px;
width: 20px;
line-height: 20px;
text-align: center;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg{
background: #fff;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .contact-us .phone-bg i.mdi.mdi-phone{
width: 40px;
line-height: 40px;
height: 40px;  
color: var(--color-btn-primary);
}
.site-footer .footer-wrap .footer-column.contactus .nav-secondary li.contact .contact-text {
display: flex;
align-items: center;
margin: 0 0 15px;
}
#shopify-section-footer-model-1 .site-footer input#Email::-webkit-input-placeholder {
color: #777;
font-style:italic;
}
#shopify-section-footer-model-1 .block_newsletter .input-group.newsletter-input .btn::after {
border-radius: 0px; 
-moz-border-radius: 0px; 
-webkit-border-radius: 0px; 
-khtml-border-radius: 0px;
}
#shopify-section-footer-model-1 .footer-column .newsletter-bottom-cotent {
display: block;
padding: 0;
}
#shopify-section-footer-model-1 .block_newsletter .news-desc{
padding: 0;
}
#shopify-section-footer-model-1 .block_newsletter.footer-column{
float: right;
}
#shopify-section-footer-model-1 .footer-section {
padding: 0;
}
#shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn{
padding: 0 25px;
height: 50px;
}
@media (max-width: 1500px) {
#shopify-section-footer-model-1 .block_newsletter.footer-column form .input-group .input-group-btn .btn{
padding: 0 20px;
}
#shopify-section-footer-model-1 .block_newsletter form input[type=email]{
padding: 10px 125px 10px 15px;
}
}
@media (max-width: 1300px) {
#shopify-section-footer-model-1 .grid{
padding: 60px 0;
}
}
@media (max-width: 1299px) {
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column.contactus .nav-secondary li.contact{
margin: 0 0 15px;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .contact-us .phone-bg i.mdi.mdi-phone{
width: 35px;
line-height: 35px;
height: 35px;
font-size: 16px;
}
#shopify-section-footer-model-1 .widget-title.contact-title{
font-size: 16px;
line-height: 26px;
}
#shopify-section-footer-model-1 .site-footer .phone a{
font-size: 18px;
line-height: 20px;
}
#shopify-section-footer-model-1 .block_newsletter.footer-column form .input-group .input-group-btn .btn {
padding: 0 15px;
}
#shopify-section-footer-model-1 .site-footer a{
font-size: 12px;
}
.widget-title.contact-title{
font-size: 16px;
line-height: 26px;
}
#shopify-section-footer-model-1 .block_newsletter form input[type=email] {
padding: 10px 110px 10px 15px;
}
}
@media (max-width: 1200px) {
#shopify-section-footer-model-1 .widget-title{
font-size: 18px;
line-height: 20px;
margin: 0 0 20px;
}
#shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn{
padding: 0 22px;
height: 44px;
}
#shopify-section-footer-model-1 .block_newsletter form input[type=email]{
height: 44px;
}
}
@media (max-width: 1199px) {
#shopify-section-footer-model-1 .site-footer .footer-wrap .contact-us i.mdi{
margin-right:5px;
}
#shopify-section-footer-model-1 .contact-us .contact-address, #shopify-section-footer-model-1 .contact-us .phone,
#shopify-section-footer-model-1 .site-footer a{
font-size: 12px;
}
#shopify-section-footer-model-1 .block_newsletter .news-desc{
font-size: 12px;
margin-bottom: 10px;
}
#shopify-section-footer-model-1 .site-footer .phone a {
font-size: 14px;
line-height: 16px;
}
#shopify-section-footer-model-1 .widget-title.contact-title {
font-size: 13px;
line-height: 22px;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .contact-us .phone-bg i.mdi.mdi-phone {
width: 30px;
line-height: 30px;
height: 30px;
font-size: 14px;
margin-right: 10px;
}
#shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column.contactus .nav-secondary li.contact .contact-text,
#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 h5.widget-title {
font-size: 16px;
line-height: 18px;
margin: 0 0 15px;
}
#shopify-section-footer-model-1 .block_newsletter .ttinput_newsletter button span.icon{
display: block;
}
#shopify-section-footer-model-1 .block_newsletter form .input-group span.subscribe {
display: none;
}
#shopify-section-footer-model-1 .block_newsletter.footer-column form .input-group .input-group-btn .btn {
padding: 0px 10px;
}
#shopify-section-footer-model-1 .contact-us .contact-address, #shopify-section-footer-model-1 .contact-us .email-address a{
font-size: 10px;
}
#shopify-section-footer-model-1 .footer-column.contactus {
padding: 0 10px;
}
#shopify-section-footer-model-1 .contact-us .contact-address p{
margin: 0;
}
#shopify-section-footer-model-1 .grid {
padding: 50px 0;
}
#shopify-section-footer-model-1 .block_newsletter form input[type=email] {
padding: 10px 52px 10px 15px;
}
}
@media (max-width: 991px) {
#shopify-section-footer-model-1 .block_newsletter .widget-title{
display:block;
text-align: center;
}
#shopify-section-footer-model-1 .block_newsletter.footer-column {
float: left;
text-align: center;
}
#shopify-section-footer-model-1 .grid {
padding:30px 0;
}
#shopify-section-footer-model-1 .footer-column.contactus {
padding: 0 15px;
}
#shopify-section-footer-model-1 .widget-title.toggle{
padding: 10px;
margin: 0;
}
#shopify-section-footer-model-1 .footer-section {
float: left;
width: 100%;
padding: 0;
margin: 10px 0 0;
}
#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 .footer-section .footer-cms.footer-column .newsletter-bottom-cotent {
padding: 0 15px;
}
#shopify-section-footer-model-1 .footer-bottom-wrap .site-footer__payment-icons{
padding:5px 0 0; 
float: left;
width: 100%;
}
#shopify-section-footer-model-1 .footer-wrapper{
padding: 0;
}
#shopify-section-footer-model-1 .follow-us-outer.text-center{
width: 100%;
margin: 0;
}
#shopify-section-footer-model-1 h5.widget-title{
margin: 0;
}
#shopify-section-footer-model-1 .widget-title.contact-title{
display: block;
}
.contact-us .phone{
margin: 0 0 5px;
}
#shopify-section-footer-model-1 .input-group.newsletter-input {
float: none;
width: 60%;
display: inline-flex;
vertical-align: top;
}
}
@media (max-width: 767px) {
#shopify-section-footer-model-1 .text-center.copyright{
width: 100%;
margin: 0 0 10px;
}
}
@media (max-width: 480px) {
#shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn{
padding:0 10px;
}
#shopify-section-footer-model-1 .grid{
padding: 20px 0;
}
#shopify-section-footer-model-1 .widget-title{
font-size: 14px;
}
.block_newsletter form .input-group .input-group-btn .btn{
padding: 0 10px;
height: 40px;
}
#shopify-section-footer-model-1 .footer-column.block_newsletter form input[type="email"] {
height: 40px;
padding: 10px 55px 10px 10px;
}
#shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn{
height: 40px;
}
#shopify-section-footer-model-1 h5.widget-title{
font-size: 14px;
line-height: 16px;
}
#shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn{
height: 40px;
}
#shopify-section-footer-model-1 .block_newsletter form input[type=email]{
height: 40px;
}
#shopify-section-footer-model-1 .input-group.newsletter-input{
width: 100%;
}
}

/*---------------- Footer 2 ------------------*/
#shopify-section-footer-model-2 {
margin: 30px 0 0;
float: left;
width: 100%;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap {
padding: 70px 0;
float: left;
width: 100%;
position: relative;
}
#shopify-section-footer-model-2 .site-footer .footer-bottom-wrap {
background: var(--colorFooterBottombg);
float: left;
width: 100%;
}
#shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom {
float: left;
width: 100%;
padding: 13px 0;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title {
color: var(--colorFooterTitle);
margin: 0 0 25px;
font: 700 18px/20px var(--font-stack-header);
float: left;
width: 100%;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .widget-title.contact-title{
font-size: 16px;
line-height: 24px;
margin: 0;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column ul.inline-list li {
float: left;
width: 100%;
display: inline-block;
text-align: left;
position: relative;
margin: 0 0 5px;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column ul.inline-list li a {
font: 400 14px/22px var(--font-stack-body);
-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;
}
#shopify-section-footer-model-2 .footer-column.logo_content ul{
margin: 0;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .nav-secondary li {
margin: 0;
float: left;
width: 100%;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us {
float: left;
width: 100%;
position: relative;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us .contact-detail .contact-address p {
color: var(--colorFooterContent);
font: 400 14px/20px var(--font-stack-body);
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column ul.social-icons li {
float: left;
width: auto;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .footer-desc {
float: left;
width: 90%;
font: 400 14px/22px var(--font-stack-body);   
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us span a {
font: 400 14px/20px var(--font-stack-body);
-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;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .contact-us i.mdi {
float: left;
font-size: 18px;
margin-right: 10px;
width: 20px;
line-height: 20px;
text-align: center;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg i.mdi.mdi-phone{
width: 40px;
line-height: 40px;
font-size: 16px;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus span.phone a {
font: 400 20px/22px var(--font-stack-body);
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us.nav-secondary li:hover i.mdi-email-outline{
color:var(--color-btn-primary);
}
#shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright {
float: left;
width: auto;
}
#shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright a {
font: 400 13px/24px var(--font-stack-body);
color: var(--FooterBottomText);
-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;
}
#shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright small {
font: 400 13px/18px var(--font-stack-body);
color: var(--FooterBottomText);
}
#shopify-section-footer-model-2 .follow-us-outer.text-center {
float: left;
width: 100%;
margin: 15px 0 0;
border-top: 1px solid rgba(0,0,0,0.1);
padding: 15px 0 0;
}
#shopify-section-footer-model-2 .site-footer .follow-us-outer ul.social-icons li a {
font-size: 18px;
line-height: 20px;
margin: 0 0 0 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;
}
#shopify-section-footer-model-2 .site-footer .follow-us-outer ul.social-icons li:first-child a{
margin: 0;
}
#shopify-section-footer-model-2 .site-footer .footer-top{
float: left;
width: 100%;
}
#shopify-section-footer-model-2 .footer-logo-content {
margin: 0 0 30px;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter {
float: left;
width: 100%;
padding: 26px 110px;
}
@media (min-width: 768px) {
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter{
display: flex;
align-items: center;
}
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-title {
float: left;
width: 100%;
font: 800 30px/32px var(--font-stack-header);
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-desc {
float: left;
width: 90%;
font: 400 13px/24px var(--font-stack-subheading);
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content::before {
position: absolute;
content: '\f5ef';
font-family: 'Material Design Icons';
height: 46px;
width: 46px;
left: 0;
font-size: 46px;
right: auto;
line-height: 46px;
text-align: center;
top: 0;
bottom: 0;
margin: auto;  
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content {
position: relative;
padding: 0 0 0 65px;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter form input[type="email"] {  
border: none;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
#shopify-section-footer-model-2 .block_newsletter form input[type=email]{
height: 45px;
text-align:left;
}
#shopify-section-footer-model-2 .block_newsletter form .input-group .input-group-btn .btn{
height: 39px;
padding:0 24px;
top: 3px;
right: 3px;
}
@media (min-width: 992px) {
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus h5.widget-title {
display: none;
}
}


@media (max-width: 1399px) {
#shopify-section-footer-model-2 .site-footer .footer-wrap{
padding: 60px 0;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .footer-desc{
width: 100%;
}
}
@media (max-width: 1299px) {
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-title{
font-size: 28px;
line-height: 30px;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-desc{
font-size: 12px;
line-height: 22px;
width: 100%;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .footer-desc{
font-size: 12px;
line-height: 20px;
}
#shopify-section-footer-model-2 .contact-us .phone{
margin: 0 0 10px;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title{
margin: 0 0 20px;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg i.mdi.mdi-phone{
width: 35px;
line-height: 35px;
height: 35px;
}
}
@media (max-width: 1199px) {
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us .contact-detail .contact-address p{
font-size: 12px;
line-height: 18px;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column ul.social-icons li a{
font-size: 16px;
line-height: 18px;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title{
font-size: 18px;
line-height: 20px;
margin: 0 0 20px;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content{
padding: 0 0 0 45px;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content::before{
height: 35px;
width: 35px;
line-height: 35px;
font-size: 35px;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg i.mdi.mdi-phone{
width: 30px;
line-height: 30px;
height: 30px;
font-size: 14px;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter{
padding: 30px;
}
#shopify-section-footer-model-2 .footer-column.logo_content {
float: left;
width: 100%;
text-align: center;
margin: 0 0 15px;
}
#shopify-section-footer-model-2 .footer-section {
float: left;
width: 100%;
}
#shopify-section-footer-model-2 .footer-logo-content {
margin: 0 0 20px;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .social-icons {
padding: 0;
text-align: center;
float: none;
display: inline-block !important;
vertical-align: top;
width: auto;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .footer-desc{
padding: 0;
margin: 0 0 10px;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap {
padding: 40px 0;
}
#shopify-section-footer-model-2 .contact-us .contact-address,
#shopify-section-footer-model-2 span.email-address{
float: left;
width: auto;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus span.phone a{
font-size: 18px;
line-height: 20px;
}
}
@media (max-width: 991px) {
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title{
padding:10px;
margin: 0px;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap{
padding: 40px 0;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter{
padding: 20px 0px;
text-align: center;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-title{
font-size: 24px;
line-height: 26px;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-desc{
font-size: 11px;
line-height: 20px;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .block_content {
padding: 0;
text-align: center;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content {
float: none;
display: inline-block;
vertical-align: top;
text-align:left;
}
#shopify-section-footer-model-2 .block_newsletter .block_content form .input-group span.subscribe {
font-size: 13px;
line-height: 16px;
}
#shopify-section-footer-model-2 .site-footer .footer-column.active h5.toggle{
background: rgba(0,0,0,.05) none repeat scroll 0 0;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus span.phone a{
font-size: 16px;
line-height: 18px;
}
#shopify-section-footer-model-2 .follow-us-outer.text-center{    
margin: 0;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .widget-title.contact-title{
display: block;
}
}
@media (max-width: 767px) {
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title {
font-size: 16px;
line-height: 18px;
}
#shopify-section-footer-model-2 .block_newsletter form input[type=email] {
height: 40px;
}
#shopify-section-footer-model-2 .block_newsletter form .input-group .input-group-btn .btn{
height:35px;
}
#shopify-section-footer-model-2 .input-group.newsletter-input {
float: none;
width: 60%;
display: inline-flex;
vertical-align: top;
}
#shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright {
float: left;
width: 100%;
text-align: center;
margin: 0 0 10px;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content{
margin:0 0 10px;
}
}
@media(max-width:575px){
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content::before {
height: 30px;
width: 30px;
line-height: 30px;
font-size: 30px;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-title {
font-size: 22px;
line-height: 23px;
}
}
@media (max-width: 480px) {
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content {
float: left;
width: 100%;
padding: 30px 0 0;
text-align: center;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content::before{
left: 0;
right: 0;
margin: 0 auto;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap{
padding: 20px 0;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title{
font-size: 16px;
line-height: 18px;
}
#shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright small,
#shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright a{
font-size: 12px;
line-height: 16px;
}
#shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom{
padding: 10px 0;
}
#shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter {
padding: 15px 0;
}
#shopify-section-footer-model-2 .block_newsletter form .input-group .input-group-btn .btn {
padding: 0 12px;
}
#shopify-section-footer-model-2 .input-group.newsletter-input{
width: 100%;
}
#shopify-section-footer-model-2 .site-footer .footer-column{
padding: 0;
}
#shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .footer-desc{
padding:0 10px;
}
}
/*--------------------- footer 3---------------------------*/
#shopify-section-footer-model-3 {
float: left;
width: 100%;
margin:30px 0 0;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap {
padding: 70px 0 60px;
float: left;
width: 100%;
position: relative;
}
#shopify-section-footer-model-3 .site-footer .footer-top{
float: left;
width: 100%;
text-align:center;
position: relative;
overflow: hidden;
}
#shopify-section-footer-model-3 .site-footer .footer-bottom-wrap {
background: var(--colorFooterBottombg);
float: left;
width: 100%;
}
#shopify-section-footer-model-3 .site-footer .footer-bottom-wrap .footer-bottom {
border-top: 1px solid rgba(255,255,255,0.1);
padding: 22px 0;
float: left;
width: 100%;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap h5.widget-title {
color: var(--colorFooterTitle);
font: 700 18px/20px var(--font-stack-header);
float: left;
width: 100%;
margin: 0 0 20px;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg{
background: #fff;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg i.mdi.mdi-phone{
color: var(--color-btn-primary);
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul li {
float: left;
width: 100%;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column .footer-desc {
float: left;
width: 100%;
font: 400 13px/22px var(--font-stack-body);
}
#shopify-section-footer-model-3 .widget-title.contact-title{
font-size: 16px;
line-height: 26px;
color: var(--colorFooterTitle);
margin: 0;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap ul.social-icons li {
padding: 0;
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .follow-us-outer {
float: left;
width: 100%;
border-top: 1px solid rgba(255,255,255,0.1);
padding: 6px 0 0;
margin: 30px 0 0;
display: block;
}
#shopify-section-footer-model-3 .site-footer .footer-bottom .copyright small {
font: 400 13px/18px var(--font-stack-body);
color: var(--FooterBottomText);
}
#shopify-section-footer-model-3 .site-footer .footer-bottom .copyright a {
font: 400 13px/18px var(--font-stack-body);
-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;
color: var(--FooterBottomText);
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul li:last-child::after,
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul.social-icons li::after,
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column .contact-us ul li::after{
display:none;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column .social-icons {
text-align: left;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul.social-icons li a {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px;
margin: 0;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul.inline-list li a {
font: 400 13px/24px var(--font-stack-body);
-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;
}
#shopify-section-footer-model-3 .site-footer .footer-bottom .copyright {
float: left;
width: auto;
}
#shopify-section-footer-model-3 .site-footer .footer-bottom .follow-us-outer {
float: right;
width: auto;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column.contactus .contact-us .contact-address {
float: none;
display: inline-block;
vertical-align: top;
}  
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column.contactus .contact-us.nav-secondary li:hover i.mdi-email-outline{
color:var(--color-btn-primary);
}
#shopify-section-footer-model-3 .site-footer .footer-bottom .follow-us-outer ul.social-icons li a {
font-size: 16px;
line-height: 20px;
margin: 0 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;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter {
float: left;
width: 100%;
padding: 120px 0;
text-align: left;
}
#shopify-section-footer-model-3 .site-footer.bg_img2 {
float: left;
width: 100%;
position: relative;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter.bg_img2::before{
top: auto;
bottom: -65px;
left: 35%;
right: auto;
}
#shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::before{
top: 50px;
bottom: auto;
left: -60px;
right: auto;
}
#shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::after{
top: 50px;
bottom: auto;
left: auto;
right: -40px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-title {
float: left;
width: 100%;
position: relative;
margin: 0 0 20px;
font: 800 36px/38px var(--font-stack-header);
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-desc {
font: italic 400 14px/24px var(--font-stack-body);
float: none;
display: inline-block;
vertical-align: top;
width: 75%;
margin: 0 0 15px;
color: #666;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter {
float: none;
display: inline-block;
vertical-align: top;
width: 63%;  
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter form input[type="email"] {
border: none;
padding: 10px 15px;
margin: 0 0 20px;
border-radius: 10px; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.05);
-webkit-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.05);
-moz-box-shadow:0 0 10px rgba(0, 0 ,0 , 0.05);
-ms-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.05);
-o-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.05);
}
#shopify-section-footer-model-3 .block_newsletter form .input-group .input-group-btn{
float: left;
width: 100%;
}
#shopify-section-footer-model-3 .block_newsletter form .input-group .input-group-btn .btn{
position: relative;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content::before {
position: absolute;
content: '\f5ef';
font-family: 'Material Design Icons';
font-size: 46px;
height: 60px;
width: 60px;
line-height: 60px;
left: 0;
right: 0;
top: 0;
bottom: auto;
margin: auto;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content {
padding: 70px 0 0;
float: none;
display: inline-block;
vertical-align: top;
text-align: center;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .block_content {
float: none;
display: inline-block;
vertical-align: top;
text-align: center;
}
@media (max-width: 1399px) {
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-desc{
width: 90%;
}
}
@media (max-width: 1299px) {  
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column.contactus .contact-us .contact-detail .contact-address p{
font-size:12px;
line-height:22px;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap{
padding: 60px 0;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-title{
font-size: 32px;
line-height: 34px;
}
#shopify-section-footer-model-3 .block_newsletter form .input-group .input-group-btn .btn{
padding: 0 26px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter{
padding: 100px 0;
}
}
@media (max-width: 1199px) {
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-desc{
width: 100%;
font-size: 13px;
line-height: 22px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-title{
font-size: 28px;
line-height: 30px;
margin: 0 0 15px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content{
padding: 55px 0 0;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content::before{
font-size: 36px;
height: 50px;
width: 50px;
line-height: 50px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter{
width: 75%;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter form .input-group .input-group-btn .btn{
height: 40px;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap{
padding: 50px 0;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul.social-icons li a{
width: 30px;
height: 30px;
line-height: 30px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter{
padding: 80px 0;
}
}
@media (max-width: 991px) {
#shopify-section-footer-model-3 .site-footer .footer-wrap h5.widget-title{
padding:0px;
margin: 0 0 10px;
font-size: 16px;
line-height: 18px;
cursor: pointer;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column .social-icons{
display: block !important;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul.social-icons li{
float: none;
width: auto;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content::before{
font-size: 30px;
height: 40px;
width: 40px;
line-height: 40px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-title{
font-size: 24px;
line-height: 26px;
margin: 0 0 12px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-desc{
font-size: 12px;
line-height: 20px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter{
width: 80%;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap{
padding: 40px 0;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .list-unstyled {
float: left;
width: 100%;
margin: 10px 0;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content{
padding: 40px 0 0;
}
#shopify-section-footer-model-3 .site-footer .footer-bottom .copyright small,
#shopify-section-footer-model-3 .site-footer .footer-bottom .copyright a{
font-size: 12px;
line-height:14px;
} 
#shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::after{
width: 80px;
height: 116px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter.bg_img2::before{
width: 160px;
height: 129px;
}
#shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::before{
width: 140px;
height: 184px;
}
#shopify-section-footer-model-3 .footer-center-column {
float: left;
width: 100%;
padding: 0;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column h5.widget-title {
padding: 10px;
margin: 0;
}
#shopify-section-footer-model-3 .site-footer .footer-column.active h5.toggle {
background: rgba(255,255,255,.05) none repeat scroll 0 0;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .follow-us-outer{
border-top: none;
padding: 0;
margin: 20px 0 0;
}
#shopify-section-footer-model-3 .site-footer .footer-bottom-wrap .footer-bottom{
padding: 12px 0;
}
}
@media (max-width: 767px) {
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter {
padding: 70px 0;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .block_content {
float: left;
width: 100%;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter {
width: 65%;
}
#shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::after {
width: 70px;
height: 96px;
top: 20px;
}
#shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::before {
width: 130px;
height: 164px;
top: 20px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter.bg_img2::before {
width: 140px;
height: 109px;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap{
padding: 30px 0;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter form input[type=email]{
margin: 0 0 10px;
}
#shopify-section-footer-model-3 .site-footer .footer-bottom .copyright {
float: left;
width: 100%;
text-align: center;
margin: 0 0 10px;
}
}
@media (max-width: 480px) {
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-title{
font-size: 20px;
line-height: 22px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter{
width: 100%;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap h5.widget-title{
font-size: 16px;
line-height: 18px;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column .footer-desc{
font-size:12px;
line-height:20px;
}
#shopify-section-footer-model-3 .block_newsletter form .input-group .input-group-btn .btn {
padding: 0 10px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter {
padding: 30px 0;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter.bg_img2::before {
width: 120px;
height: 99px;
left: 55%;
}
#shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::before {
width: 100px;
height: 124px;
top: 10px;
}
#shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::after {
width: 60px;
height: 86px;
top: 10px;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-desc {
font-size: 11px;
line-height: 18px;
}
#shopify-section-footer-model-3 .block_newsletter .ttinput_newsletter button span.icon{
display: none;
}
#shopify-section-footer-model-3 .block_newsletter .block_content form .input-group span.subscribe{
display: block;
}
#shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter form .input-group .input-group-btn .btn {
height: 32px;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap h5.widget-title {
font-size: 14px;
line-height: 16px;
}
#shopify-section-footer-model-3 .site-footer .footer-wrap {
padding: 15px 0;
}
#shopify-section-footer-model-3{
margin: 15px 0 0;
}
}
/*---------------------------- category feature ----------------------*/
#tt-collection-slider-wrap .tt-titletab {
float: left;
width: 100%;
text-align: center;
margin: 0 0 10px;  
}
#tt-collection-slider-wrap .category_feature {
width: 100%; 
}
#tt-collection-slider-wrap .category_feature .owl-dots{
margin: 15px 0 0;
}
#tt-collection-slider-wrap .category_feature .collection_img .cat_img.cat-icon{
float: none;
display: inline-block;
vertical-align: top;
height: 80px;
width: 80px;
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 .category_feature .cat_content :hover .collection_img .cat_img.cat-icon{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
#tt-collection-slider-wrap .cat_content {

float: none;
display: inline-block;
vertical-align: top;
width: 165px;
min-height: 210px;
display: flex;
text-align: center;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
margin: auto;

}
#tt-collection-slider-wrap .content {
margin: auto;
padding: 38px 33px;
cursor: pointer;
}
#tt-collection-slider-wrap .collection_img a {
display: block;
overflow: hidden; 
}

#tt-collection-slider-wrap .collection_img{
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#tt-collection-slider-wrap .collection_img .cat-bg{
float: left;
text-align: center;
text-align: center;
border-radius: 50%;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
height: 192px;
width: 180px;
}
#tt-collection-slider-wrap .owl-item .cat_content:hover img {
transform: scale(1);
-webkit-transform: scale(1); 
-moz-transform: scale(1); 
-o-transform: sscale(1); 
-ms-transform: scale(1);
}
#tt-collection-slider-wrap .ttcat-content {
float: left;
width: 100%;
text-align: center;
}
#tt-collection-slider-wrap .ttcat-content .collection_title{
font: 700 18px/20px var(--font-stack-header);
float: left;
width: 100%;
margin: 8px 0;
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;
}
#tt-collection-slider-wrap .ttcat-content .cat-item a{
float: left;
width: 100%;
font: 400 14px/16px var(--font-stack-body); 
}
@media(max-width: 991px){
#tt-collection-slider-wrap .ttcat-content .collection_title{
font-size: 16px;
line-height: 20px;
} 
#tt-collection-slider-wrap .category_feature .owl-dots{
margin: 10px 0 0;
}
}
@media(max-width: 767px){
#tt-collection-slider-wrap .tt-titletab { 
margin: 0;
}
}
@media(max-width: 480px){

}
@media(max-width:380px){
#tt-collection-slider-wrap .cat_content{
width: 135px;
min-height: 170px;
}
}
/*------------------ category----------------*/
.tt-category .tt-collection-slider-wrap {
float: left;
width: 100%;
margin: 0 0 50px;
}
.tt-collection-slider-wrap .collection_title {
float: left;
width: 100%;
margin: 10px 0 0;
font: 700 14px/16px var(--font-stack-header);
}
.tt-category .tt-collection-slider-wrap .section-header .title{
text-align: left;
padding: 0 15px;
margin: 0 0 10px;
font: 700 24px/26px var(--font-stack-header);
}
.tt-category .tt-collection-slider-wrap .owl-dots{
margin: 10px 0 0;
}
.tt-collection-slider-wrap .collection_item{
float: left;
width: 100%;
margin: 5px 0 0;
}
.tt-category .tt-collection-slider-wrap .category_content .collection_img a img {
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.tt-category .tt-collection-slider-wrap .category_content .collection_img {
overflow:hidden;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.tt-category .tt-collection-slider-wrap .category_content:hover .collection_img a img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); 
}
@media (max-width: 991px) {
.tt-category .tt-collection-slider-wrap{
margin: 0 0 30px;
}
}
@media (max-width: 600px) {
.tt-collection-slider-wrap .collection_title {
font-size: 12px;
line-height: 14px;
}
.tt-category .tt-collection-slider-wrap {
margin: 0 0 20px;
}
}
/*-----------------cms-banner------------------------*/
.cms-banner .banner a {
float: left;
width: 100%;
position: relative;
display: block;
overflow: hidden;
border-radius: 10px; 	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px;
}
.cms-banner .banner .banner-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
text-align:center;
width:47%;
}
.cms-banner .banner .banner-content.left {
left: 4%;
right: auto;
text-align: left;
}
.cms-banner .banner .banner-content .banner-inner{
float: left;
width: 100%;
}
.cms-banner .banner .banner-content.right {
right: 4%;
left: auto;
text-align: right;
}
.cms-banner .banner .banner-content .title {
float: left;
width: 100%;
font: 700 28px/34px var(--font-stack-header);    
margin: 0 0 15px;
}
.cms-banner .banner .banner-content .subtitle{
font: 400 16px/18px var(--font-stack-body);
margin: 0 0 10px;
}
.cms-banner .banner .banner-content .btn {  
padding: 11px 20px;
}
@media (max-width: 1399px) {
.cms-banner .banner .banner-content .title{
font-size:26px;
line-height:30px;
}
.cms-banner .banner .banner-content .btn {
padding: 9px 16px;
}
}
@media (max-width: 1299px) {
.cms-banner .banner .banner-content .title{
font-size: 22px;
line-height: 26px;
}
.cms-banner .banner .banner-content .subtitle{
font-size: 14px;
line-height: 16px;
}
.cms-banner .banner .banner-content .btn{
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 1199px) {
.cms-banner .banner .banner-content .title {
margin: 0 0 10px;
font-size: 18px;
line-height: 22px;
}
.cms-banner .banner .banner-content .subtitle{
margin: 0 0 5px;
font-size: 14px;
line-height: 16px;
}
.cms-banner .banner .banner-content{
width:46%;
}
.cms-banner .banner .banner-content .btn{
font-size: 12px;
line-height: 14px;
}
}
@media (max-width: 991px) {
.cms-banner .banner .banner-content .title {
font-size: 16px;
line-height: 18px;   
margin: 0 0 8px;
}
.cms-banner .banner .banner-content .subtitle {
font-size: 12px;
line-height: 14px;
}
.cms-banner .banner .banner-content .btn {
padding: 8px 14px;
}
.cms-banner .banner .banner-content.right{
right:4%;
}
.cms-banner .banner .banner-content{
width:60%;
}
}
@media (max-width: 690px) {
.cms-banner .banner.banner1, .cms-banner .banner.banner2{
width: 100%;
text-align: center;
}
.cms-banner .banner3,.cms-banner .banner2{
margin: 20px 0 0;
}
.cms-banner .banner .banner-content {
width: 42%;
}
}
@media(max-width:480px){
.cms-banner .banner .banner-content {
width: 50%;
}
}
@media (max-width: 450px) {
.cms-banner .banner .banner-content .subtitle {
font-size: 13px;
line-height: 16px;
}

.cms-banner .banner .banner-content .desc {
font-size: 11px;
line-height: 12px;
}
.cms-banner .banner .banner-content .btn {
padding: 6px 12px;
font-size: 11px;
line-height: 13px;
}
}
@media (max-width: 380px) {
.cms-banner .banner .banner-content .subtitle {
margin: 0 0 2px;}
.cms-banner .banner .banner-content {
width: 70%;
}
.cms-banner .banner .banner-content .title {
font-size: 14px;
line-height: 16px;
margin:0 0 5px;
}
}

.cms-banner .banner a:before{
background: rgba(255,255,255,.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.cms-banner .banner a:hover::before{
left: 0;
right: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear;
-webkit-transition: all .9s linear;
-moz-transition: all .9s linear;
-o-transition: all .9s linear;
-ms-transition: all .9s linear;
}
.cms-banner .banner a:after{
background: rgba(255,255,255,.6);
bottom: 50%;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.cms-banner .banner a:hover::after {
top: 0;
bottom: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear;
-webkit-transition: all .9s linear;
-moz-transition: all .9s linear;
-o-transition: all .9s linear;
-ms-transition: all .9s linear;
}
/*---------------------cms-subbanner----------------------*/
.cmssubbanner {
float: left;
width: 100%;
}
.cmssubbanner .subbanner {
position: relative;
}
.cmssubbanner .subbanner a {
display: block;
position: relative;
overflow: hidden;  
border-radius: 10px; 	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px;
}
.cmssubbanner .subbanner a img{
border-radius: 10px; 	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px;	
}
.cmssubbanner .subbanner a::before{
background: rgba(255,255,255,.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.cmssubbanner .subbanner a:hover::before{
left: 0;
right: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear;
-webkit-transition: all .9s linear;
-moz-transition: all .9s linear;
-o-transition: all .9s linear;
-ms-transition: all .9s linear;
}
.cmssubbanner .subbanner a::after{
background: rgba(255,255,255,.6);
bottom: 50%;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.cmssubbanner .subbanner a:hover::after{
top: 0;
bottom: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear;
-webkit-transition: all .9s linear;
-moz-transition: all .9s linear;
-o-transition: all .9s linear;
-ms-transition: all .9s linear;
}
.cmssubbanner .subbanner.subbanner2 .banner1{
margin: 0 0 30px;
padding: 0;
}
.cmssubbanner .subbanner.subbanner2 .banner2{
padding: 0;
}
.cmssubbanner .subbanner .subbanner-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
}
.cmssubbanner .subbanner .subbanner-content .banner-inner {
float: left;
width: 100%;
}
.cmssubbanner .subbanner .subbanner-content .title{
font: 800 30px/34px var(--font-stack-header);
margin: 0 0 15px;
}
.cmssubbanner .subbanner .subbanner-content .subtitle{
font: 400 16px/18px var(--font-stack-body);
margin: 0 0 10px;
}
.cmssubbanner .subbanner .subbanner-content .ttbanner-btn{
padding: 11px 20px;
}
.subbanner.subbanner1 .subbanner-content,
.subbanner.subbanner3 .subbanner-content{
top: 40px;
bottom: auto;
width: 58%;
}
.subbanner.subbanner1 .subbanner-content.left,
.subbanner.subbanner3 .subbanner-content.left{
left: 60px ;
right: auto;
text-align: left;
}
.subbanner.subbanner1 .subbanner-content.right,
.subbanner.subbanner3 .subbanner-content.right{
right: 60px ;
left: auto;
text-align: left;
width: 54%;
}
.subbanner.subbanner2 .subbanner-content{
display: flex;
align-items: center;
vertical-align: top;
width: 44%;
}
.subbanner.subbanner2 .subbanner-content.left{
left: 40px ;
right: auto;
text-align: left
}
.subbanner.subbanner2 .subbanner-content.top-banner.right {
right: 40px;
left: auto;
text-align: left;
width: 30%;
}
.subbanner.subbanner2 .subbanner-content.bottom-banner.right {
right: 40px;
left: auto;
text-align: left;
}
@media(max-width: 1640px){
.subbanner.subbanner2 .subbanner-content.top-banner.right{
width: 34%;
}
}
@media(max-width: 1610px){
.cmssubbanner .subbanner .subbanner-content .title{
font-size: 28px;
line-height: 32px;
}
}
@media(max-width: 1520px){
.cmssubbanner .subbanner .subbanner-content .title{
font-size: 26px;
line-height: 30px;
}
}
@media(max-width: 1499px){
.cmssubbanner .subbanner .subbanner-content .title{
font-size: 24px;
line-height: 28px;
}
}
@media(max-width: 1420px){
.subbanner.subbanner2 .subbanner-content.top-banner.right{
right: 30px;
}
.subbanner.subbanner2 .subbanner-content.left{
left: 30px;
}
}
@media(max-width: 1300px){
.cmssubbanner .subbanner .subbanner-content .title{
font-size: 21px;
line-height: 26px;
}
.cmssubbanner .subbanner .subbanner-content .subtitle{
font-size: 14px;
line-height: 16px;
}
}
@media(max-width: 1299px){
.subbanner.subbanner1 .subbanner-content.left, .subbanner.subbanner3 .subbanner-content.left{
left: 40px;
}
.cmssubbanner .subbanner .subbanner-content .ttbanner-btn {
padding: 8px 16px;
}
}
@media(max-width: 1199px){
.cmssubbanner .subbanner .subbanner-content .ttbanner-btn {
padding: 6px 12px;
}	
.cmssubbanner .subbanner .subbanner-content .title {
font-size: 16px;
line-height: 20px;
margin: 0 0 10px;
}
.cmssubbanner .subbanner .subbanner-content .subtitle {
font-size: 12px;
line-height: 14px;
margin: 0 0 5px;
}
}
@media(max-width: 991px){
.cmssubbanner .subbanner{
padding: 0 10px;
}
.subbanner.subbanner1 .subbanner-content, .subbanner.subbanner3 .subbanner-content{
width: 64%;
}
.subbanner.subbanner2 .subbanner-content.top-banner.right {
width: 44%;
right: 10px;
}
.subbanner.subbanner2 .subbanner-content.left {
left: 20px;
width: 52%;
}
.cmssubbanner .subbanner .subbanner-content .title {
font-size: 14px;
line-height: 18px;
}
.cmssubbanner .subbanner .subbanner-content .subtitle {
font-size: 11px;
line-height: 13px;
}
.cmssubbanner .subbanner.subbanner2 .banner1 {
margin: 0 0 15px;
}
.cmssubbanner .subbanner .subbanner-content .ttbanner-btn {
padding: 6px 10px;
font-size: 11px;
line-height: 13px;
}
.subbanner.subbanner1 .subbanner-content, .subbanner.subbanner3 .subbanner-content{
top: 20px;
}
.subbanner.subbanner2 .subbanner-content.bottom-banner.right{
width: 50%;
}
}
@media(max-width: 767px){
.cmssubbanner .subbanner {
float: none;
display: inline-block;
vertical-align: top;
margin: 0 0 10px;
}
.cmssubbanner .subbanner:last-child{
margin: 0;
}
.cmssubbanner{
text-align: center;
}
.cmssubbanner .subbanner a{
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.subbanner.subbanner2 .subbanner-content.top-banner.right{
width: 30%;
}
.cmssubbanner .subbanner.subbanner2 .banner1 {
margin: 0 0 10px;
}
}
/*------------------bottom banner CSS ----------------*/
@media(min-width: 1400px){
.bottom-banner .container{
max-width: 1260px;
}
}
.bottom-banner {
float: left;
width: 100%;
position: relative;
}
.bottom-banner .bottombanner-img {
float: left;
width: 100%;
position: relative;
}
.bottom-banner .bottombanner-img > a {
display: block;
position: relative;
overflow: hidden;
border-radius: 10px; 	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
}
.bottom-banner .bottombanner-img > a::before{
background: rgba(255,255,255,.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.bottom-banner .bottombanner-img > a:hover::before{
left: 0;
right: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear;
-webkit-transition: all .9s linear;
-moz-transition: all .9s linear;
-o-transition: all .9s linear;
-ms-transition: all .9s linear;
}
.bottom-banner .bottombanner-img > a::after{
background: rgba(255,255,255,.6);
bottom: 50%;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.bottom-banner .bottombanner-img > a:hover::after{
top: 0;
bottom: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear;
-webkit-transition: all .9s linear;
-moz-transition: all .9s linear;
-o-transition: all .9s linear;
-ms-transition: all .9s linear;
}
.bottom-banner .bottombanner-img .bottombanner-content {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
text-align: center;
height: 50%;
width: 45%;
}
.bottom-banner .bottombanner-img .bottombanner-content.left{
left: 7%;
right: auto;
}
.bottom-banner .bottombanner-img .bottombanner-content.right{
right: 7%;
left: auto;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent {
float: left;
width: 100%;
position: relative;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title{
float: left;
width: 100%;
font: 800 46px/48px var(--font-stack-header);
margin: 0 0 20px;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle {  
font: 400 26px/28px var(--font-stack-subheading);
margin: 0 0 15px;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-btn{
padding: 11px 20px;
}
@media (max-width: 1299px){
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title{
font-size: 42px;
line-height: 44px;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle{  	
font-size: 24px;
line-height: 26px;  
}
}
@media (max-width: 1199px){
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title{
font-size: 36px;
line-height: 38px;
margin: 0 0 15px;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle {
font-size: 20px;
line-height: 22px;
margin: 0 0 10px;
}
.bottom-banner .bottombanner-img .bottombanner-content {
height: 60%;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-btn{
padding: 10px 18px;
}
}
@media (max-width: 991px){
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title{
font-size: 28px;
line-height: 30px;
margin: 0 0 12px;
}	
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle {
font-size: 16px;
line-height: 18px;     
}
.bottom-banner .bottombanner-img .bottombanner-content {
height: 50%;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-btn{
padding: 8px 16px;
font-size: 11px;
line-height: 13px;
}
}
@media (max-width: 700px){
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title{
font-size: 16px;
line-height: 18px;
margin: 0 0 10px;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle {  
font-size: 10px;
line-height: 12px;
margin: 0 0 5px;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-btn{
padding: 6px 12px;
}
}
@media (max-width: 460px){
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-btn{
padding: 5px 10px;
font-size: 10px;
line-height: 12px;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title {
font-size: 13px;
line-height: 16px;
margin: 0 0 5px;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle{
display: none;
}
.bottom-banner .bottombanner-img .bottombanner-content{
width: 55%;
}
.bottom-banner .bottombanner-img .bottombanner-content.right{
right: 9%;   
}
.bottom-banner .bottombanner-img .bottombanner-content.left{
left: 9%;    
}
}
/*------------------ ttcmsparallax CSS ----------------*/
@media(min-width: 1400px){
.ttparallax .parallex .container{
max-width: 1260px;
}
}
.template-index .main-content .shopify-section.ttcmsparallax{
margin: 0;
}
.ttparallax {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.ttparallax .parallax-img{
height: 700px;
}
.ttparallax .parallex {  
position: relative;
overflow: hidden;
float: left;
width: 100%;
background-attachment: fixed;
background-size: cover;
}
.ttparallax .parallax-img .parallax-detail {
float: right;
text-align: center;
padding: 0;
}
.ttparallax .parallax-img .parallax-detail .subtitle{
float: left;
width: 100%;
position: relative;
font: 400 26px/28px var(--font-stack-subheading);
margin: 0 0 15px;
}
.ttparallax .parallax-img .parallax-detail .tt-title{
float: left;
width: 100%;    
position: relative;
margin: 0 0 25px;
padding: 0 0 35px;   
font: 800 46px/48px var(--font-stack-header);     
}
.ttparallax .parallax-img .parallax-detail .description {
float: none;
display: inline-block;
vertical-align: top;
width: 70%;
font: 400 14px/24px var(--font-stack-body);
margin: 0 0 35px;  
}
.ttparallax .parallax-img .parallax-detail .parallax-button {
float: left;
width: 100%;
}
.ttparallax .parallax-img .parallax-detail .parallax-button a{
padding: 13px 24px;
}
.ttparallax.bg_img1::after {
top: 60px;
right: -20px;
}
.ttparallax.bg_img1::before {
bottom: -65px;
right: 10%;
}
.ttparallax .parallex.bg_img2::before{
top: 60px;
left: 0;
}
@media (min-width: 768px){
.ttparallax .parallax-img{
display: flex;
align-items: center;
}
}
@media(max-width: 1800px){
.ttparallax.bg_img1::before{
right: 8%;
}
}
@media(max-width: 1600px){
.ttparallax.bg_img1::before{
right: 3%;
bottom: -45px;
}  
}
@media(max-width: 1400px){
.ttparallax .parallax-img{
height: 600px;
}
}
@media(max-width: 1299px){
.ttparallax .parallax-img{
height: 500px;
}
.ttparallax .parallex.bg_img2::before,
.ttparallax.bg_img1::after{
top: 40px;
}
.ttparallax .parallex .parallax-detail .subtitle{
font-size: 22px;
line-height: 24px;
}
.ttparallax .parallex .parallax-detail .tt-title{
font-size: 42px;
line-height: 44px;
}
.ttparallax .parallex .parallax-detail .description{
font-size: 13px;
line-height: 22px;
margin: 0 0 20px;
}
.ttparallax .parallex .parallax-detail .tt-title{
margin: 0 0 15px;
padding: 0 0 30px;
}
}
@media(max-width: 1199px){
.ttparallax .parallex .parallax-detail .parallax-button a{
padding: 12px 20px;
}
.ttparallax .parallex .parallax-detail .subtitle {
font-size: 18px;
line-height: 20px;
margin: 0 0 10px;
}
.ttparallax .parallex .parallax-detail .tt-title {
font-size: 38px;
line-height: 40px;
}
.ttparallax .parallex .parallax-detail .description{
width: 85%;
}
.ttparallax .parallex .parallax-detail .parallax-button a {
padding: 10px 16px;
}
}
@media(max-width: 991px){
.ttparallax .parallax-img{
height: 450px;
}  
.ttparallax .parallex .parallax-detail .parallax-button a{
font-size: 12px;
line-height: 16px;
padding: 10px 22px;
}
.ttparallax .parallex .parallax-detail .tt-title {
font-size: 34px;
line-height: 36px;
}
.ttparallax .parallex .parallax-detail .description {
margin: 0 0 14px;
}
}
@media(min-width: 768px) and (max-width: 991px){
.ttparallax .parallex .parallax-detail .description {
width: 100%;
}
}
@media(max-width: 767px){
.ttparallax .parallax-img{
height: 370px;
}
.ttparallax .parallex .parallax-detail{
padding: 30px 0;
float: none;
display: inline-block;
vertical-align: top;
width: 80%;
margin: 30px 0 0;
background: rgba(255,255,255,0.8);
border-radius: 10px; 	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
}
.ttparallax .parallex .parallax-detail .subtitle{
font-size: 16px;
line-height: 18px;
}
.ttparallax .parallex .parallax-detail .title{
font-size: 32px;
line-height: 42px;
}
.ttparallax .parallex .parallax-detail .parallax-button a{
padding: 8px 18px;
}
.ttparallax .parallex .parallax-detail .description {
width: 50%;
}
.ttparallax .parallex{
text-align: center;
}
}
@media(max-width: 700px){
.ttparallax .parallex .parallax-detail .description {
width: 55%;
}
}
@media(max-width: 600px){
.ttparallax .parallex .parallax-detail .description {
width: 80%;
}
}
@media(max-width: 480px){
.ttparallax .parallex .parallax-detail .subtitle{
font-size: 12px;
line-height: 14px;
}
.ttparallax .parallex .parallax-detail .tt-title{
font-size: 22px;
line-height: 24px;
margin: 0 0 10px;
}
.ttparallax .parallex .parallax-detail .description {
width: 100%;
font-size: 10px;
line-height: 18px;
padding: 0 10px;
margin: 0 0 10px;
}
.ttparallax .parallex .parallax-detail .parallax-button a {
padding: 8px 14px;
font-size: 10px;
line-height: 12px;
}
.ttparallax .parallax-img {
height: 320px;
}
.ttparallax .parallex .parallax-detail {
padding: 15px 0;
}
.ttparallax .parallex.bg_img2::before, .ttparallax.bg_img1::after {
top: 15px;
}
.ttparallax .parallex.bg_img2::before{
width: 90px;
height: 80px;
}
.ttparallax.bg_img1::before{
width: 110px;
height: 134px;
}
.ttparallax.bg_img1::after{
width: 70px;
height: 96px;
}
}

/*------------------ video parallax CSS ----------------*/
@media(min-width: 1400px){
.videoparallax .video-img .container{
max-width: 1260px;
}
}
.template-index .main-content .shopify-section.ttcmsparallax{
margin: 0;
}
.videoparallax {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.videoparallax .video-img{
height: 550px;
}
.videoparallax .video-img {  
position: relative;
overflow: hidden;
float: left;
width: 100%;
background-attachment: fixed;
background-size: cover;
}
.videoparallax .video-img .video-detail {
float: left;
text-align: center;
padding: 0;
width: 100%;
}
.videoparallax .video-img .video-detail .subtitle{
float: left;
width: 100%;
position: relative;
font: 400 26px/28px var(--font-stack-subheading);
margin: 0 0 15px;
}
.videoparallax .video-img .video-detail .title{
float: left;
width: 100%;    
position: relative;
margin: 0 0 25px;  
font: 800 38px/40px var(--font-stack-header);     
}
.videoparallax .video-img .video-detail .seperator {
float: left;
width: 100%;
margin: 0 0 30px;
}
.videoparallax .video-img{
display: flex;
align-items: center;
}
.videoparallax .video-featured #popup_toggle {
float: none;
display: inline-block;
vertical-align: top;
height: 80px;
width: 80px;
}
@media(max-width: 1299px){
.videoparallax .video-img{
height: 500px;
}
.videoparallax .video-img .video-detail .subtitle{
font-size: 22px;
line-height: 24px;
}
.videoparallax .video-img .video-detail .title{
font-size: 36px;
line-height: 38px;
margin: 0 0 20px;
}
.videoparallax .video-featured #popup_toggle .play-icone i{
font-size: 40px;
height: 60px;
width: 60px;
line-height: 60px;
}
.videoparallax .video-img .video-detail .seperator{
margin: 0 0 30px;
}
}
@media(max-width: 1199px){
.videoparallax .video-img .video-detail .subtitle {
font-size: 18px;
line-height: 20px;
margin: 0 0 10px;
}
.videoparallax .video-img .video-detail .title {
font-size: 32px;
line-height: 34px;
margin: 0 0 15px;
}
.videoparallax .video-img {
height: 400px;
}
.videoparallax .video-img .video-detail .seperator{
margin: 0 0 20px;
}
}
@media(max-width: 991px){
.videoparallax .video-img{
height: 350px;
}    
}
@media(max-width: 767px){
.videoparallax .video-img .video-detail .subtitle{
font-size: 16px;
line-height: 18px;
}
.videoparallax .video-img .video-detail .title{
font-size: 28px;
line-height: 30px;
margin: 0 0 10px;
}
.videoparallax .video-img .video-detail .seperator {
margin: 0 0 15px;
}
}
@media(max-width: 480px){
.videoparallax .video-img .video-detail .subtitle{
font-size: 12px;
line-height: 14px;
}
.videoparallax .video-img .video-detail .title{
font-size: 22px;
line-height: 24px;
margin: 0 0 10px;
}
.videoparallax .video-img {
height: 250px;
}
.videoparallax .video-img .video-detail {
padding: 15px 0;
}
.videoparallax .video-featured #popup_toggle .play-icone i {
font-size: 30px;
height: 50px;
width: 50px;
line-height: 50px;
}
.videoparallax .video-img .video-detail .seperator {
margin: 0 0 10px;
}
}
/*---------------------cms-countdown----------------------*/
.ttcms-countdown {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.ttcms-countdown .parallex {
height: 550px;
display: flex;
align-items: center;
float: left;
width: 100%;
text-align: center;
background-attachment: fixed;
background-size: cover;
}
.ttcms-countdown .parallex .banner-inner {
float: none;
display: inline-block;
vertical-align: top;
width: 60%;
text-align: center;
}
.ttcms-countdown .banner-inner .subtitle{
font: 400 26px/28px var(--font-stack-subheading); 
margin: 0 0 10px;
}
.ttcms-countdown .banner-inner .title{
font: 800 38px/44px var(--font-stack-header);    
margin: 0 0 20px;
}
.ttcms-countdown .banner-inner .seperator {
float: left;
width: 100%;
margin: 0 0 40px;
}
.ttcms-countdown .banner-inner .btn{
padding: 11px 28px;
}
.ttcms-countdown .banner-inner .main-countdown{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
margin: 0 0 30px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;  
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer {
position: relative;
padding-right: 25px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num {
float: none;
display: inline-block;
vertical-align: top;
width: 85px;
font: 400 50px/52px var(--font-stack-subheading);
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .text {
float: left;
width: 100%;
margin: 5px 0 0;
font: 700 16px/18px var(--font-stack-header);
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer:not(:last-child):after {
content: ':';
position: absolute;
right: 0;
top: 5px;
bottom: auto;
left: auto;
margin: auto;
font-size: 40px;
line-height: 42px;  
}
.ttcms-countdown.bg_img1::after {;
top: -50px;
bottom: auto;
left: auto;
right: 32%;
}
.ttcms-countdown.bg_img1::before {
top: auto;
bottom: -65px;
left: 25%;
right: auto;
}
.ttcms-countdown .parallex.bg_img2::before{
top: auto;
bottom: -55px;
left: auto;
right: 30%;
}
@media(max-width: 1299px){
.ttcms-countdown .parallex{
height: 500px;
}
.ttcms-countdown .banner-inner .title{
font-size: 32px;
line-height: 40px;
}
.ttcms-countdown .banner-inner .subtitle{
font-size: 22px;
line-height: 24px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num{
font-size: 40px;
line-height: 42px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer:not(:last-child):after{
top: 0;    
}
.ttcms-countdown .parallex.bg_img2::before{
right: 26%;
}
.ttcms-countdown .banner-inner .seperator{
margin: 0 0 30px;
}
}
@media(max-width: 1199px){
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .text{
font-size:13px;
line-height: 16px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num {
font-size: 30px;
line-height: 32px;
width: 75px;
}
.ttcms-countdown .banner-inner .title {
font-size: 26px;
line-height: 34px;
margin: 0 0 15px;
}
.ttcms-countdown .banner-inner .subtitle {
font-size: 18px;
line-height: 20px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer{
padding-right: 15px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer:not(:last-child):after{
font-size: 30px;
line-height: 32px;    
}
.ttcms-countdown .banner-inner .seperator{
margin: 0 0 20px;
}
.ttcms-countdown .parallex {
height: 450px;
}
}
@media(max-width: 991px){
.ttcms-countdown .banner-inner .title {
font-size: 22px;
line-height: 28px;
margin: 0 0 15px;
}
.ttcms-countdown .banner-inner .subtitle {
font-size: 16px;
line-height: 18px;
margin: 0 0 8px;
}
.ttcms-countdown .banner-inner .main-countdown{
margin: 0 0 20px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num {
width: 55px;
font-size: 22px;
line-height: 24px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .text {
font-size: 11px;
line-height: 13px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer:not(:last-child):after {
font-size: 24px;
line-height: 26px;
}
.ttcms-countdown .banner-inner .btn {
padding: 10px 16px;
font-size: 12px;
line-height: 14px;
}
.ttcms-countdown .parallex {
height: 400px;
}
.ttcms-countdown.bg_img1::before{
width: 130px;
height: 164px;
}
.ttcms-countdown .parallex.bg_img2::before{
width: 150px;
height: 129px;
}
.ttcms-countdown.bg_img1::after{
right: 28%;
width: 80px;
height: 106px;
}
}
@media(max-width: 767px){
.ttcms-countdown .parallex {
height: 300px;
}
.ttcms-countdown .banner-inner .title {
font-size: 18px;
line-height: 24px;
margin:0 0 10px;
}
.ttcms-countdown .banner-inner .subtitle {
font-size: 14px;
line-height: 16px;
margin: 0 0 5px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num {
width: 40px;
font-size: 20px;
line-height: 22px;
}
.ttcms-countdown .banner-inner .btn {
padding: 8px 16px;
font-size: 11px;
line-height: 13px;
}  
.ttcms-countdown.bg_img1::before{
left: 15%;
}
.ttcms-countdown .parallex.bg_img2::before {
right: 15%;
}
.ttcms-countdown .parallex .banner-inner{
width: 45%;
}
}
@media(max-width: 600px){
.ttcms-countdown .parallex .banner-inner{
width: 50%;
}
.ttcms-countdown .parallex {
height: 300px;
}
.ttcms-countdown .parallex.bg_img2::before {
width: 120px;
height: 99px;
bottom: -45px;
}
.ttcms-countdown.bg_img1::before {
width: 100px;
height: 134px;
}
.ttcms-countdown.bg_img1::after {
right: 15%;
width: 70px;
height: 90px;
}
}
@media(max-width: 550px){
.ttcms-countdown .parallex{
background-size: 130%;
background-repeat: no-repeat;
}
.ttcms-countdown .parallex {
height: 260px;
}
}
@media(max-width: 480px){
.ttcms-countdown .banner-inner .title{
font-size: 14px;
line-height: 18px;
}
.ttcms-countdown .banner-inner .main-countdown {
margin: 0 0 10px;
}
.ttcms-countdown .parallex .banner-inner {
width: 70%;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .text{
font-size: 9px;
line-height: 12px;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num {
width: 30px;
font-size: 16px;
line-height: 18px;
}
.ttcms-countdown .banner-inner .subtitle {
font-size: 12px;
line-height: 14px;
}
.ttcms-countdown.bg_img1::before {
left: 8%;
}
.ttcms-countdown .parallex.bg_img2::before {
right: 8%;
}
.ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer:not(:last-child):after {
font-size: 18px;
line-height: 20px;
}
.ttcms-countdown .parallex {
height: 220px;
}
.ttcms-countdown .banner-inner .seperator {
margin: 0 0 10px;
}
}
@media(max-width: 450px){
.ttcms-countdown .parallex .banner-inner {
width: 70%;
}
.ttcms-countdown .parallex {
height: 200px;
}
.ttcms-countdown.bg_img1::before {
width: 90px;
height: 114px;
left: 0%;
}
.ttcms-countdown .parallex.bg_img2::before {
width: 70px;
height: 80px;
}
.ttcms-countdown.bg_img1::after {
right: 8%;
width: 60px;
height: 80px;
}
.ttcms-countdown .banner-inner .title {
font-size: 12px;
line-height: 16px;
}
}
/*----------------------------cms block banner---------*/

.cmsblockbanner .banner a {
float: left;
width: 100%;
position: relative;
display: block;
overflow: hidden;
border-radius: 10px; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
.cmsblockbanner .banner .banner-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
text-align:left;
width:52%;
z-index:2;
}
.cmsblockbanner .banner .banner-content.left {
left: 7%;
right: auto;
text-align: left;
}
.cmsblockbanner .banner .banner-content .banner-inner{
float: left;
width: 100%;
}
.cmsblockbanner .banner .banner-content.right {
right: 7%;
left: auto;
}
.cmsblockbanner .banner .banner-content .subtitle {
font: 400 16px/18px var(--font-stack-body);
float: left;
width: 100%;
margin: 0 0 8px;
}
.cmsblockbanner .banner .banner-content .title {
float: left;
width: 100%;
font: 700 28px/32px var(--font-stack-header);    
margin: 0 0 16px;
}
.cmsblockbanner .banner .banner-content .btn {  
padding: 11px 24px;
}
.cmsblockbanner .banner a:before{
background: rgba(255,255,255,.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;  
}
.cmsblockbanner .banner a:hover::before {
left: 0;
right: 0;
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear; 
-webkit-transition:  all .9s linear; 
-moz-transition:  all .9s linear; 
-o-transition:  all .9s linear; 
-ms-transition:  all .9s linear; 
}
.cmsblockbanner .banner a:after{
background: rgba(255,255,255,.6);
bottom: 50%;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;  
}
.cmsblockbanner .banner a:hover::after {
top: 0;
bottom: 0;
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear; 
-webkit-transition:  all .9s linear; 
-moz-transition:  all .9s linear; 
-o-transition:  all .9s linear; 
-ms-transition:  all .9s linear; 
}
@media(max-width:1399px){
.cmsblockbanner .banner .banner-content .btn {
padding: 9px 20px;
}
.cmsblockbanner .banner .banner-content .title{
font-size: 24px;
line-height: 26px;
}
.cmsblockbanner .banner .banner-content .subtitle{
font-size: 14px;
line-height: 16px;
margin: 0 0 8px;
}
}
@media (max-width: 1299px) {
.cmsblockbanner .banner .banner-content{
width: 50%;
}

.cmsblockbanner .banner .banner-content .title{
margin: 0 0 10px;
font-size: 22px;
line-height: 24px;
}
.cmsblockbanner .banner .banner-content .btn{
padding: 8px 18px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.cmsblockbanner .banner .banner-content {
width: 59%;
}
}
@media (max-width: 1199px) {
.cmsblockbanner .banner .banner-content .title {
font-size: 20px;
line-height: 22px;
}
.cmsblockbanner .banner .banner-content .subtitle {
font-size: 13px;
line-height: 16px;
margin: 0px 0 5px;
}
.cmsblockbanner .banner .banner-content .btn {
font-size: 13px;
line-height: 18px;
}
}
@media (max-width: 991px) {
.cmsblockbanner .banner .banner-content .title{
font-size: 18px;
line-height: 20px;
}
.cmsblockbanner .banner .banner-content.right {
width: 40%;
}
.cmsblockbanner .banner .banner-content {
width: 44%;
}
.cmsblockbanner .owl-dots{
margin: 10px 0 0;
}
}
@media (max-width: 700px) {
.cmsblockbanner .banner .banner-content .title {
font-size: 16px;
line-height: 18px;
}
.cmsblockbanner .banner .banner-content .btn {
padding: 8px 14px;
font-size: 12px;
line-height: 14px;
}
}
@media(max-width:575px){
.cmsblockbanner .banner .banner-content{
width:55%;
}
}
@media (max-width: 480px) {
.cmsblockbanner .banner a img {
width: 100%;
}
.cmsblockbanner .banner .banner-content.left{
left: 5%;
}
.cmsblockbanner .banner .banner-content.right {
right: 5%;
}
.cmsblockbanner .banner .banner-content {
width: 39%;
}
}

/* ----------------------------cms bottom banner-------------------- */
#ttcmsbottombanner .banner a:before{
background: rgba(255,255,255,.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
#ttcmsbottombanner .banner a:hover::before{
left: 0;
right: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear;
-webkit-transition: all .9s linear;
-moz-transition: all .9s linear;
-o-transition: all .9s linear;
-ms-transition: all .9s linear;
}
#ttcmsbottombanner .banner a:after{
background: rgba(255,255,255,.6);
bottom: 50%;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
#ttcmsbottombanner .banner a:hover::after {
top: 0;
bottom: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear;
-webkit-transition: all .9s linear;
-moz-transition: all .9s linear;
-o-transition: all .9s linear;
-ms-transition: all .9s linear;
}
#ttcmsbottombanner  .ttbottombanner a{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
overflow: hidden;
position: relative;
display: inline-block;
vertical-align: top;
}
#ttcmsbottombanner .ttbottombanner {
position:relative;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-text{
display: flex;
align-items: center;
text-align: center;
justify-content: space-around;
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 40px;
z-index:1;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-left,#ttcmsbottombanner .bottombanner-content .bottombanner-right{
font: 700 30px/32px var(--font-stack-header);
text-align: right;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-right{
text-align: left;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-center{
font: 700 18px/20px var(--font-stack-header);
display: flex;
align-items: center;
justify-content: center;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-center .fresh,#ttcmsbottombanner .bottombanner-content .bottombanner-center .testy {
position: relative;
margin: 0 20px 0 0;
padding: 0px 20px 0 0;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-center .fresh::after,#ttcmsbottombanner .bottombanner-content .bottombanner-center .testy::after {
content: "";
width: 2px;
height: 15px;
background:var(--color-body-text);
position: absolute;
top: 0;
left: auto;
right: 0;
bottom: 0;
margin: auto;
}
@media(max-width:1299px){
#ttcmsbottombanner .bottombanner-content .bottombanner-left,#ttcmsbottombanner .bottombanner-content .bottombanner-right{
font-size: 24px;
line-height: 26px;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-center{
font-size: 16px;
line-height: 18px;
}
}
@media(max-width:1199px){
#ttcmsbottombanner .bottombanner-content .bottombanner-left,#ttcmsbottombanner .bottombanner-content .bottombanner-right{
font-size: 20px;
line-height: 22px;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-center{
font-size: 14px;
line-height: 16px;
}
}
@media(max-width:991px){
#ttcmsbottombanner .bottombanner-content .bottombanner-left,#ttcmsbottombanner .bottombanner-content .bottombanner-right{
font-size: 16px;
line-height: 18px;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-center{
font-size: 12px;
line-height: 14px;
}
#ttcmsbottombanner .bottombanner-content .bottombanner-center .fresh, #ttcmsbottombanner .bottombanner-content .bottombanner-center .testy {
position: relative;
margin: 0 15px 0 0;
padding: 0px 15px 0 0;
}
}
@media(max-width:700px){
#ttcmsbottombanner .bottombanner-content .bottombanner-left, #ttcmsbottombanner .bottombanner-content .bottombanner-right {
font-size: 12px;
line-height: 14px;
}
}
@media(max-width:575px){
#ttcmsbottombanner .bottombanner-content .bottombanner-center {
display:none;
}
}
@media(max-width:480px){
#ttcmsbottombanner .bottombanner-content .bottombanner-right {
display:none;
}
}

/*----------------------------cms-services----------------------*/
@media (min-width:1400px) {
.template-index .main-content .shopify-section.ttservices .container {
max-width: 1260px;   	
}
}
.template-index .main-content .shopify-section.ttservices{
margin: 0 0 80px;
}
.template-index .main-content .shopify-section.ttservices .block_content {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
#ttcmsservices {
float: left;
width: 100%;
position: relative;
z-index: 1;
}
#ttcmsservices .block_content .ttcontent {
float: left;
width: 100%;  
position: relative;
text-align: center;
margin: 50px 0;
}
#ttcmsservices .block_content .ttcontent .service {
float: none;
width: auto;
cursor: pointer;  
}
#ttcmsservices .block_content .ttcontent .service .ttshipping_img.service-icon {
float: none;
display:inline-block;
vertical-align: top;
width: 50px;
height: 50px;
line-height: 50px;
-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 .ttshipping_img.service-icon{
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
}
#ttcmsservices .block_content .ttcontent .service .content {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
padding: 0 0 0 10px;
}
#ttcmsservices .ttcontent .service-title{
font: 600 18px/20px 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 10px;
}
#ttcmsservices .ttcontent .service-desc{
font:italic 400 14px/16px var(--font-stack-body);
text-align: left;
}
#ttcmsservices .block_content .owl-item {
position: relative;
}
@media(max-width: 1299px){
.template-index .main-content .shopify-section.ttservices{
margin: 0 0 80px;
}
}
@media(max-width: 1199px){
#ttcmsservices .block_content .ttcontent {
margin: 35px 0;
}
#ttcmsservices .block_content .ttcontent .service .content{
padding: 8px 0 0 10px;
}
#ttcmsservices .ttcontent .service-title{
margin: 0 0 5px;
font-size: 16px;
line-height: 18px;
}
#ttcmsservices .ttcontent .service-desc{
font-size: 12px;
line-height: 14px;
}
.template-index .main-content .shopify-section.ttservices {
margin: 0 0 50px;
}
}
@media(max-width: 991px){
#ttcmsservices .block_content .ttcontent {
margin: 25px 0;
}
}
@media(max-width: 767px){
#ttcmsservices .ttcontent .service-title{
font-size: 14px;
line-height: 16px;
}
#ttcmsservices .ttcontent .service-desc{
font-size: 11px;
line-height: 13px;
}
.template-index .main-content .shopify-section.ttservices {
margin: 0 0 30px;
}
}
@media(max-width: 480px){
#ttcmsservices .block_content .ttcontent .service .content {
padding: 10px 0 0;
}
#ttcmsservices .block_content .ttcontent {
margin: 15px 0;
}
.template-index .main-content .shopify-section.ttservices{
margin: 0 0 15px;
}
}
/*==================== Blog Design1 CSS=====================*/
.design_1 #blog_slider .tt-blog-content {
float: left;
width: 100%;
position: relative;
}
.design_1 #blog_slider .article__date{
float: none;
display: inline-block;
vertical-align: top;
width: auto;
padding: 7px 5px;
position: absolute;
top: auto;
bottom: 10px;
left: auto;
right: 10px;
border-radius: 10px; 	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px;
}
.design_1 #blog_slider .tt-blog-content .blog-content-wrap {
padding: 15px 0 0;
}
.design_1 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
@media (max-width: 991px) {
#blog_slider .tt-blog-content{
margin: 0 0 10px;
}
.design_1 #blog_slider .article__date{
padding: 5px;
}
}
/*==================== Blog Design2 CSS=====================*/
.design_2 #blog_slider .tt-blog-content .blog-content-wrap {    
padding: 15px 0 0;
}
.design_2 #blog_slider .article__date {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
text-align: center;
border-radius: 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
padding: 8px 7px;
}
.design_2 #blog_slider .blog-detail {
float: none;
display: inline-block;
vertical-align: top;
width: 80%;
margin-left: 12px;
}
@media(max-width:1199px){
.design_2 #blog_slider .article__date{
padding:4px;
}
}
@media (max-width: 991px) {  
.design_2 #blog_slider .tt-blog-content .article__title{
font-size: 14px;
line-height: 20px;
margin: 0 0 8px;
}
.design_2 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt{
font-size: 12px;
line-height: 20px;
margin: 0 0 10px;
}
}
@media (max-width: 767px) {
.design_2 #blog_slider .article__date span{
font-size: 11px;    
}
.design_2 #blog_slider .article__date{
padding: 4px;
}
}
@media (max-width: 670px) {
.design_2 #blog_slider .blog-detail{
width: 74%;
margin-left: 8px;
}
.design_2 #blog_slider .tt-blog-content .article__title {
font-size: 14px;
line-height: 16px;
margin: 0 0 8px;
}
}
@media (max-width: 480px) {
.design_2 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt {
font-size: 11px;
line-height: 18px;
}
.design_2 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more{
font-size:12px;
}
}
/*==================== Blog Design3 CSS=====================*/
.design_3 #blog_slider .tt-blog-content {
padding: 0;
}
.design_3 #blog_slider .article__date {
float: left;
width: auto;
margin: 0 0 20px;
border-radius: 10px;
-moz-border-radius:10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
padding: 9px 5px;
text-align: center;
}
.design_3 #blog_slider .tt-blog-content .article__title{
font-size: 18px;
}
@media (min-width: 992px) {
.design_3 #blog_slider .ttblog_image_holder.blog_image_holder {
width: 50%;
padding: 0 10px;
}
.design_3 #blog_slider .tt-blog-content .blog-content-wrap {
width: 50%;
padding: 0 10px;
}
}
.design_3 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt {
margin: 0 0 20px;
font-style: italic;
}

.design_3 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more {
padding: 0 0 0 30px;
}
@media (max-width: 1299px) {
.design_3 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt{
margin: 0 0 14px;
}
.design_3 #blog_slider .article__date{
margin: 0 0 14px;
}
}
@media (max-width: 1199px) {
.design_3 #blog_slider .article__date{
margin: 0 0 8px;
padding: 6px 4px;
}
.design_3 #blog_slider .tt-blog-content .article__title {
font-size: 16px;
margin: 0 0 5px;
}
.design_3 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt{
margin: 0 0 8px;
font-size: 12px;
line-height: 20px;
}
.design_3 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more {
padding: 0 0 0 24px;
font-size: 12px;
}
.design_3 #blog_slider .article__date span{
font-size: 11px;
line-height: 14px;
}
}
@media (max-width: 991px) {
.design_3 #blog_slider .tt-blog-content .blog-content-wrap{
padding: 15px 15px 0 15px;
}
}
/*----------------gallery---------------------*/
.template-index .main-content .shopify-section.cms-gallery {
margin: 0 0 50px;
}
.template-index .main-content .shopify-section.cms-gallery .row {
margin-right: -5px;
margin-left: -5px;
}
.gallery {
float: left;
width: 100%;  
text-align: center;
}
.gallery .image-content .gallery-img {
float: left;
width: 100%;
padding: 0 5px;
}
.gallery .image-content .gallery-img img{
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.gallery .image-content .gallery-img > a::before {
background: rgba(0, 0, 0, 0.4);
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;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
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;
}
.gallery .image-content .gallery-img:hover > a::before {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.gallery .image-content .gallery-img span.bloglinks {
bottom: 0;
height: 42px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 44px;
z-index: 1;
}
.gallery .image-content .gallery-img span.bloglinks a {
border: 2px solid #fff;
float: left;
width: 40px;
padding: 9px 10px;
height: 40px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
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;
}
.gallery .image-content .gallery-img a {
float: none;
width: auto;
overflow: hidden;
position: relative;
display: inline-block;
vertical-align: top;
}
.gallery .image-content .gallery-img span.bloglinks a i {
float: left;
font-size: 18px;
line-height: 20px;
font-weight: normal;
color: #fff;
}
.gallery .image-content .gallery-img span.bloglinks a:hover {
background: var(--color-btn-primary);
color: var(--color-btn-secondary-text);
border-color: var(--color-btn-primary);
}
.gallery .image-content .gallery-img: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);
}
#cmsgallery .image-content {
margin: 15px 0 0;
text-align: center;
padding: 0 10px;
}
#cmsgallery .image-content .owl-stage {
display: flex;
align-items: center;
}
#cmsgallery > i{
float: left;
width: 100%;
text-align: center;
font-size: 35px;
line-height: 35px;
margin: 0 0 5px;
}
#cmsgallery .tt-title {
float: none;
width: auto;
position: relative;
display: inline-block;
vertical-align: top;
}
#cmsgallery .tt-title::before {
position: absolute;
content: "\f327";
font-family: 'Material Design Icons';
top: -16px;
bottom: 0;
left: auto;
right: -25px;
font-size: 20px;
margin-left: 10px;
color: #777;
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;
}
#cmsgallery .tt-title:hover::before{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
@media (max-width: 1199px) {
#cmsgallery .image-content {
margin: 5px 0 0;
}
}
@media (max-width: 991px) {
.template-index .main-content .shopify-section.cms-gallery{
margin: 0 0 20px;
}
.gallery .image-content .gallery-img span.bloglinks a {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.gallery .image-content .gallery-img > a::before {
opacity: 0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
}
#cmsgallery > i{
font-size: 32px;
line-height: 32px;
} 
#cmsgallery .tt-title::before{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
}
@media (max-width: 767px) {
.template-index .main-content .shopify-section.cms-gallery {
margin: 0;
}
}
@media (max-width: 380px) {
#cmsgallery > i {
font-size: 30px;
line-height: 30px;
}  
}
/*========================== testimonial CSS =====================*/
.grid__item.testimonials_wrap {
float: left;
width: 100%;
text-align: center;    
}
.tt-testimonial-wrap{
position: relative;
overflow: hidden;
}
.tt-testimonial-wrap .parallex {
padding: 110px 0;
position: relative;
background-size: cover;
background-attachment: fixed;
}
.testimonials_wrap .grid__item.small-grid__item {
float: left;
width: 100%;
}
.testimonials_wrap .testimonial-block .testimonial-detail {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
background: rgba(255,255,255,0.9);
padding: 75px 15px 52px 15px;
border-radius: 10px; 	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.1);
-webkit-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.1);
-moz-box-shadow:0 0 10px rgba(0, 0 ,0 , 0.1);
-ms-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.1);
-o-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.1);
}
.testimonials_wrap .testimonial-block .testimonial-detail .grid__item {
float: left;
width: 100%;
}
.testimonials_wrap .grid__item.small-grid__item .testimonial-block {
margin: 0 0 20px;
}
.testimonials_wrap .testimonial-block .testimonial-image::before {
position: absolute;
content: '\f27e';
font-family: 'Material Design Icons';
top: auto;
bottom: 0;
left: auto;
right: -15px;
margin: auto;
font-size: 26px;
height: 55px;
width: 55px;
line-height: 45px;
color: #fff;
background: var(--color-btn-primary);
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
border-radius: 50%;
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
border: 5px solid #f6f3ec;
}
.testimonials_wrap .testimonial-block .testimonial-desc{
font:italic 400 14px/26px var(--font-stack-body);
margin: 0 0 25px; 
float: none;
display: inline-block;
vertical-align: top;
width: 90%;
}
.testimonials_wrap .testimonial-block .authorimg.testimonial-image {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
margin: 0 0 -40px; 
z-index: 1;
position: relative;
}
.testimonials_wrap .testimonial-block .authorimg.testimonial-image img {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%; 
border: 5px solid #f6f3ec;  
}
.testimonials_wrap .testimonial-block .testimonial-user-title{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
font: 700 18px/20px var(--font-stack-header);  
}
.testimonials_wrap .testimonial-block .testimonial-user-desc {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
font:400 12px/20px var(--font-stack-body);	  
}
.owl-dots {
float: left;
width: 100%;
text-align: center;
}
.owl-dot {
height: 8px;
width: 8px;
background: #d7d7d7;
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;
}
.owl-dot.active{
height: 8px;
width: 26px;
background: var(--color-btn-primary);
border-radius: 10px; 	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px;
}
.owl-dot:hover,
.owl-dot:focus,
.owl-dot:active{
background: var(--color-btn-primary);
}
.tt-testimonial-wrap.bg_img1::after {
top: -10px;
right: 50px;
}
.tt-testimonial-wrap.bg_img1::before {
bottom: -70px;
right: 30%;
}
.tt-testimonial-wrap .parallex.bg_img2::before{
top: -10%;
left: 25%;
}
@media(max-width: 1499px){
.testimonials_wrap .testimonial-block .testimonial-desc{
font-size: 13px;
line-height: 26px;
margin: 0 0 20px;
}
}
@media(max-width: 1399px){
.testimonials_wrap .testimonial-block .testimonial-detail{
padding: 45px 15px 50px;
}
.testimonials_wrap .testimonial-block .testimonial-desc{
font-size: 12px;
line-height: 24px;
}
}
@media(max-width: 1299px){
.tt-testimonial-wrap.bg_img1::before{
width: 140px;
height: 174px;
}
.tt-testimonial-wrap .parallex.bg_img2::before{
width: 160px;
height: 129px;
}
.tt-testimonial-wrap.bg_img1::after{
width: 90px;
height: 116px;
}
.tt-testimonial-wrap .parallex {
padding: 80px 0;
}
.testimonials_wrap .testimonial-block .testimonial-desc {
font-size: 11px;
margin: 0 0 15px;
}
.testimonials_wrap .testimonial-block .testimonial-detail {
padding: 60px 15px 45px;
}
.testimonials_wrap .testimonial-block .testimonial-user-title{
font-size: 16px;
line-height: 18px;
}
.testimonials_wrap .testimonial-block .testimonial-user-desc{
font-size: 11px;
line-height: 18px;
}
}
@media(max-width: 1199px){
.tt-testimonial-wrap.bg_img1::before{
bottom: -80px;
}
.tt-testimonial-wrap .parallex.bg_img2::before{
top: -15%;
}
.tt-testimonial-wrap.bg_img1::after{
top: -20px;
}
.tt-testimonial-wrap .parallex {
padding: 60px 0;
}
.tt-testimonial-wrap .parallex.bg_img2::before {
width: 140px;
height: 120px;
}
.tt-testimonial-wrap.bg_img1::before {
height: 154px;
}
}
@media(max-width: 991px){
.tt-testimonial-wrap .parallex {
padding: 40px 0;
}
.testimonials_wrap .testimonial-block .testimonial-desc{
width: 100%;
}
.testimonials_wrap .testimonial-block .testimonial-detail {
padding: 55px 15px 25px;
}  .testimonials_wrap .testimonial-block .testimonial-user-title {
font-size: 14px;
line-height: 16px;
}
}
@media(max-width: 767px){
.testimonials_wrap .testimonial-block {
width: 100%;
}
.tt-testimonial-wrap .parallex {
padding: 30px 0;
}
}
@media(max-width: 543px){
.tt-testimonial-wrap.bg_img1::after{
right: 20px;
}
.tt-testimonial-wrap .parallex.bg_img2::before{
left: 15%;
}
.tt-testimonial-wrap.bg_img1::before{
right: 20%;
}
.tt-testimonial-wrap .parallex{
background-size: 120%;
}
}
@media(max-width: 480px){
.tt-testimonial-wrap .parallex.bg_img2::before {
left: 4%;
width: 120px;
height: 100px;
}
.tt-testimonial-wrap.bg_img1::before {
height: 144px;
width: 110px;
}
.tt-testimonial-wrap.bg_img1::after {
width: 70px;
height: 96px;
right: 10px;
}
.testimonials_wrap .testimonial-block .testimonial-detail {
padding: 58px 15px 25px;
}
}
/*---------------- cmstab banner css ------------------*/
.template-index .main-content .shopify-section.cmstabbanner {
margin: 0;
}
@media(min-width: 1300px){
.cmstabbanner .container{
max-width: 1250px;
}
}
.cmstabbanner {
float: left;
width: 100%;
position: relative;
z-index: 1;
overflow: hidden;
}
.cmstabbanner .tababnnerblock {  
float: left;
width: 100%;
padding: 80px 30px;
}
.block_image.nav.nav-tabs {
margin: 0;
}
.cmstabbanner .tababnnerblock .block_image .tabicon {
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 160px;
margin: 0 0 30px;
border-radius: 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 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;
box-shadow: 0 0 20px rgba(0, 0 ,0 , 0.10);
-webkit-box-shadow: 0 0 20px rgba(0, 0 ,0 , 0.10);
-moz-box-shadow:0 0 20px rgba(0, 0 ,0 , 0.10);
-ms-box-shadow: 0 0 20px rgba(0, 0 ,0 , 0.10);
-o-box-shadow: 0 0 20px rgba(0, 0 ,0 , 0.10);
}
.cmstabbanner .tababnnerblock .block_image:last-child .tabicon{
margin: 0;
}
.cmstabbanner .tababnnerblock .block_image .tabicon .banner-icon{
height: 65px;
width: 65px;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.cmstabbanner .tababnnerblock .block_image {
float: left;
width: auto;
display: block !important;
}
.cmstabbanner .block_image .tabicon:hover .banner-icon{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.cmstabbanner .tababnnerblock .tababnnerblock{
float: left;
text-align: right;
position: relative;
}
.cmstabbanner .tababnnerblock .left_bannerblock a {
display: block;
overflow: hidden;
position: relative;
border-radius: 10px; 	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
float: none;
display: inline-block;
vertical-align: top;
}
.cmstabbanner .tababnnerblock .right_bannerblock {
display: flex;
align-items: center;
}
.cmstabbanner .tababnnerblock .right_bannerblock .block_content {
margin-left: 30px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .subtitle{
font: 400 24px/26px var(--font-stack-subheading);
margin: 0 0 15px;
float: left;
width: 100%;
}
.cmstabbanner .tababnnerblock .right_bannerblock .title{
font: 700 40px/44px var(--font-stack-header);
margin: 0 0 15px;
float: left;
width: 100%;
}
.cmstabbanner .tababnnerblock .right_bannerblock .description{
font: 400 14px/22px var(--font-stack-body);
margin: 0 0 25px;
float: left;
width: 100%;
}
.cmstabbanner .tababnnerblock .right_bannerblock .banner-button .btn{
padding: 14px 24px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block {
float: left;
width: 100%;
margin: 0 0 40px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
padding-right: 25px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number {
font: 400 46px/48px var(--font-stack-subheading);
float: left;
width: 100%;
margin: 0 0 10px;
position: relative;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number::after {
position: absolute;
content: '+';
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-subtitle {
font: 600 14px/16px var(--font-stack-header);
float: left;
width: 100%;
}
.cmstabbanner.bg_img2::before {
top: -20px;
left: 30px;
}
.cmstabbanner .tababnnerblock.bg_img1::before {
right: 20%;
bottom: -70px;
}
.cmstabbanner .tababnnerblock.bg_img1::after{
top: -20px;
right: 5%;
z-index: -1;
}
@media(max-width: 1399px){
.cmstabbanner .tababnnerblock .right_bannerblock .subtitle{
font-size: 20px;
line-height: 22px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .title{
font-size: 36px;
line-height: 40px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .description{
font-size: 13px;
line-height: 20px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block{
margin: 0 0 30px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter{
padding-right: 20px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number{
font-size: 42px;
line-height: 44px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-subtitle{
font-size: 13px;
}  
}
@media(max-width: 1299px){
.cmstabbanner .tababnnerblock .block_image .tabicon{
width: 140px;
height: 150px;
}
.cmstabbanner .tababnnerblock{
padding: 60px 30px;
}
}
@media(max-width: 1199px){
.cmstabbanner .tababnnerblock .block_image .tabicon{
width: 120px;
height: 130px;
margin: 0 0 20px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter{
padding-right: 0;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number {
font-size: 36px;
line-height: 42px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-subtitle {
font-size: 12px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .title {
font-size: 30px;
line-height: 38px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .description {
font-size: 12px;
margin: 0 0 15px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .block_content {
margin-left: 25px;
padding: 0;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block {
margin: 0 0 20px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .banner-button .btn {
padding: 10px 18px;
font-size: 12px;
line-height: 14px;
}
.cmstabbanner .tababnnerblock .block_image .tabicon .banner-icon{
height: 55px;
width: 55px;
-webkit-mask-size: 55px;
}
.cmstabbanner.bg_img2::before {
top: -20px;
left: 10px;
width: 150px;
height: 120px;
}
.cmstabbanner .tababnnerblock.bg_img1::before{
width: 140px;
height: 174px;
}
.cmstabbanner .tababnnerblock.bg_img1::after{
width: 80px;
height: 90px;
}
.cmstabbanner .tababnnerblock{
padding: 50px 30px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .subtitle {
font-size: 18px;
line-height: 20px;
}
.cmstabbanner .tababnnerblock .block_image{
display: inline-block;
}
}
@media(max-width: 991px){
.cmstabbanner .tababnnerblock .right_bannerblock .subtitle {
font-size: 16px;
line-height: 18px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .title {
font-size: 26px;
line-height: 32px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number {
font-size: 30px;
line-height: 32px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-subtitle {
font-size: 11px;
}
.cmstabbanner .tababnnerblock .block_image .tabicon {
width: 90px;
height: 100px;
}
.cmstabbanner .tababnnerblock .block_image .tabicon .banner-icon {
height: 45px;
width: 45px;
-webkit-mask-size: 45px;
}
.cmstabbanner .tababnnerblock {
padding: 50px 0px;
}
.cmstabbanner .tababnnerblock .left_bannerblock::after{
left: -8px;
background-size: cover;
height: 75px;
width: 75px;
}
}
@media(max-width: 767px){
.cmstabbanner .tababnnerblock .left_bannerblock {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
margin: 0 0 20px;
}
.cmstabbanner .tababnnerblock{
text-align: center;
}
.cmstabbanner .tababnnerblock .right_bannerblock .block_content{
text-align: left;
} 
.cmstabbanner .tababnnerblock .block_image{
overflow: visible;
}
}
@media(max-width: 480px){
.cmstabbanner .tababnnerblock .right_bannerblock .title {
font-size: 22px;
line-height: 28px;
}
.cmstabbanner::after,
.cmstabbanner .tababnnerblock .left_bannerblock::after{
display: none;
}
.cmstabbanner .tababnnerblock.bg_img1::before {
width: 110px;
height: 134px;
right: 10%;
}
.cmstabbanner .tababnnerblock.bg_img1::after {
top: -20px;
right: 3%;
width: 50px;
height: 55px;
}
.cmstabbanner.bg_img2::before {
top: -30px;
left: 10px;
width: 80px;
height: 70px;
}
}
@media(max-width: 400px){
.cmstabbanner .tababnnerblock .block_image .tabicon {
width: 60px;
height: 70px;
margin: 0 0 15px;
}
.cmstabbanner .tababnnerblock .block_image .tabicon .banner-icon {
height: 35px;
width: 35px;
-webkit-mask-size: 35px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .block_content {
margin-left: 10px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .subtitle {
font-size: 12px;
line-height: 14px;
margin: 0 0 10px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .title {
font-size: 14px;
line-height: 22px;
margin: 0 0 5px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number {
font-size: 12px;
line-height: 14px;
margin: 0 0 5px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block {
margin: 0 0 12px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .banner-button .btn {
padding: 8px 14px;
font-size: 11px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .block_content {
margin-left: 8px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-subtitle {
font-size: 10px;
}
.cmstabbanner .tababnnerblock .right_bannerblock .description {
font-size: 10px;
margin: 0 0 10px;
}
}
/*----------------------- special product-----------------*/
.template-index .main-content .main-product {
float: left;
width: 100%;
z-index: 1;
position: relative;
}
.special-collection .owl-nav{
top:-60px;
right:-10px;
}
.special-collection .ttqtyprogress {
margin: 0 0 15px;
}
.special-collection  .product-price__sale-label{
left:auto;
right:0;
}
.product-wrapper .product-image .discount-percentage{
  display:none;
}
.special-collection .product-wrapper .discount-percentage {
position: absolute;
  top: 10px;
  left: 10px;
  right: auto;
  bottom: auto;
  font-size: 13px;
  color: #fff;
  background: #f04706;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  opacity: 1;
  border-radius: 50%;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  visibility: visible;
  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;
}
.special-collection  .grid-view-item__meta .discount-percentage{
display:none;
}
.special-collection .product-qty {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
margin: 0 5px 0 0;
}
.special-collection .product-image .owl-dots {
position: absolute;
top: auto;
left: 0;
bottom: 0;
margin: auto;
}
.special-collection .slider-specialproduct.owl-carousel.owl-drag .owl-item{
border-right:1px solid var(--color-border);
}
.special-collection .product-image.owl-carousel.owl-drag .owl-item{
border-right:none;
}
.special-collection .product-wrapper{
margin:0;
}
.special-collection .qty-box-set .quantity,.special-collection .qty-box-set .quantity1{
width: 90px;
}
.special-collection .progress{
background: #f5f5f5 none repeat scroll 0 0;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
height: 10px;
margin: 2px 0 0;
box-shadow:none;
}
.special-collection .progress-bar {
background-color: #4fac43;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
height: 10px;
width: 0;
}
.special-collection .flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left:0;
}
.special-collection .collection-product .slider-specialproduct-wrap .tab-pane .product-wrapper .product-thumb {
width: 45%;
overflow: visible;
}
.special-collection .collection-product .slider-specialproduct-wrap .tab-pane .product-wrapper .product-description {
width: 55%;
text-align:left;
padding: 25px 15px 50px;
}
.special-collection .grid-view-item .tooltip-label{
display:block;
}
.slider-specialproduct-wrap{
float: left;
width: 100%;
background: #fff;
border: 3px solid #4fac43;
border-radius: 8px; 	
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
-khtml-border-radius: 8px;
}
.slider-specialproduct-wrap .product-layouts{
border: none;
}
.slider-specialproduct-wrap .product-price__price, .slider-specialproduct-wrap .product-price__price .money,.slider-specialproduct-wrap .price,.slider-specialproduct-wrap price .money{
font-size: 18px;
}
.slider-specialproduct-wrap .product-wrapper .add_tocart.pro_btn a.add-cart-btn svg{
margin:0 5px 0 0;
}
.special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .add-to-wishlist, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .quick-view-wrap, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .add-to-compare {
transform: translate(-40px);
-webkit-transform: translate(-40px);
-moz-transform: translate(-40px);
-o-transform: translate(-40px);
-ms-transform: translate(-40px);
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
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;
margin: 0;
}
.special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper:hover .product-description .btn_wrapper .add-to-wishlist, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper:hover .product-description .btn_wrapper .quick-view-wrap, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper:hover .product-description .btn_wrapper .add-to-compare {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
transform: translate(0px);
-webkit-transform: translate(0px);
-moz-transform: translate(0px);
-o-transform: translate(0px);
-ms-transform: translate(0px);
margin:0 5px 0 0;
}
.special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .add-to-compare {
transform: translate(-70px);
-webkit-transform: translate(-70px);
-moz-transform: translate(-70px);
-o-transform: translate(-70px);
-ms-transform: translate(-70px);
}
.special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .quick-view-wrap {
transform: translate(-100px);
-webkit-transform: translate(-100px);
-moz-transform: translate(-100px);
-o-transform: translate(-100px);
-ms-transform: translate(-100px);
}
.special-product-div .product-layouts.grid-view-item .product-wrapper .grid-view-item__vendor {
font-size: 12px;
line-height: 14px;
margin: 0 0 10px;
}
.special-product-div .product-layouts.grid-view-item .product-description a.grid-link__title{
font-size: 16px;
line-height :18px;
}
.special-product-div span.quantity {
color: #4fac43;
}
.special-product-div .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{
margin: 0 0 10px;
}
.slider-specialproduct .product-wrapper .add_tocart.pro_btn a.btn{
width: auto;
padding: 11px 30px;
display: flex;
justify-content: center;
}
.special-product-div .main-btn {
float: left;
width: 100%;
margin:0 0 15px;
}
.special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .btn_wrapper,
.special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .add_tocart,
.special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .btn_wrapper .pro_btn{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.slider-specialproduct .product-wrapper .flip-countdown.simple-countdown {
position: static;
width:auto;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
background:#f04706 ;
padding: 0 15px 0 15px;
margin: 0 0 20px;
border-radius: 8px; 	
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
-khtml-border-radius: 8px; 
}
.slider-specialproduct .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block{
width: auto;
float: none;
display: inline-block;
vertical-align: top;
position: relative;
background:none;
}
.slider-specialproduct .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block span,
.slider-specialproduct .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block span::after,
.slider-specialproduct .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block::after{
color: var(--color-btn-secondary-text);
}
.slider-specialproduct .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-secondary-text);
}

@media(max-width:1399px){
.special-collection .collection-product .slider-specialproduct-wrap .tab-pane .product-wrapper .product-description{
padding: 25px 15px 25px;
}
}
@media(max-width:1299px){
.special-collection .product-image .owl-dots {
bottom: -30px;
}
}
@media only screen and (max-width: 1199px) {
.special-collection .product-image .owl-dots{
bottom:30px;
}
.special-collection .owl-nav {
top: -50px;
}
}
@media only screen and (max-width: 991px) {
.special-collection .product-wrapper .btn_wrapper .pro_btn a.btn svg{
width: 12px;
height: 34px;
line-height: 34px;
}
.special-collection .product-image .owl-dots{
bottom:0;
}
.special-collection  .product-wrapper .btn_wrapper .pro_btn a {
width: 34px;
height: 34px;
}
.special-collection .qty-box-set .quantity, .special-collection .qty-box-set .quantity1 {
width: 90px;
height: 34px;
line-height: 34px;
}
.slider-specialproduct .product-wrapper .add_tocart.pro_btn a.btn{
padding: 10px 20px;
}
.special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .add-to-wishlist, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .quick-view-wrap, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .add-to-compare{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
transform: translate(0px);
-webkit-transform: translate(0px);
-moz-transform: translate(0px);
-o-transform: translate(0px);
-ms-transform: translate(0px);
margin:0 5px 0 0;
}
}
@media only screen and (max-width: 767px) {
.special-collection .flip-countdown.simple-countdown .countdown-container.countdown-block::after {
left: -10px;
}
.slider-specialproduct .product-wrapper .flip-countdown.simple-countdown{
margin:0 0 15px;
}
}
@media(max-width:575px){
.special-collection .product-image .owl-dots {
bottom: -30px;
}  
.special-collection .qty-box-set .quantity, .special-collection .qty-box-set .quantity1 {;
height: 34px;
line-height: 34px;
}
.slider-specialproduct .product-wrapper .add_tocart.pro_btn a.btn {
padding: 8px 17px;
}
}
@media(max-width:540px){
.special-collection .collection-product .slider-specialproduct-wrap .tab-pane .product-wrapper .product-description {
width: 100%;
padding: 15px 10px 15px;
}
.special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .btn_wrapper {
width: 100%;
}
.special-collection .collection-product .slider-specialproduct-wrap .tab-pane .product-wrapper .product-thumb {
width: 100%;
padding: 15px 0;
}
}
@media only screen and (max-width: 480px) {
.special-collection .flip-countdown.simple-countdown .countdown-container.countdown-block{
display:inline-block !important;
}
.special-collection .product-description .h4,.special-collection  .product-wrapper .spr-badges.grid-item-meta{
margin:0 0 10px;
}
.special-collection .product-image .owl-dots {
bottom: 0;
}
}

/*---------------- Bestseller Product ------------------*/
.template-index .main-content .main-product {
float: left;
width: 100%;
z-index: 1;
position: relative;
}
.bestseller-product .product-wrapper .btn_wrapper .pro_btn a{
margin:0 5px 0 0;
}
.bestseller-product .tt-title,.feature-product .tt-title,.tt-product .tt-title{
font-size: 22px;
line-height: 24px;
}
.newproduct,.feature,.bestseller{
padding:0;
}
.bestseller-product .section-header,.feature-product .section-header,.tt-product .section-header{
margin:0 0 15px;
}
.bestseller-product .owl-nav,.feature-product .owl-nav,.tt-product .owl-nav{
top:-48px;
}
@media(min-width:1200px){
.bestseller  .product-li .product-layouts:last-child .product-wrapper.product_container,.feature .product-li .product-layouts:last-child .product-wrapper.product_container,.newproduct .product-li .product-layouts:last-child .product-wrapper.product_container {
margin: 0;
}
}
.bestseller-product .product-wrapper:hover .flip-countdown.simple-countdown .countdown-container.countdown-block{
bottom: -25px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
.bestseller-product .product-wrapper:hover .product-description .btn_wrapper{
transform:translateY(0);
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.bestseller-product .product-wrapper .product-description .btn_wrapper{
position: absolute;
opacity: 0;
top: auto;
left: 20px;
right: auto;
bottom: 0;
margin: auto;
transform: translateY(20px);
text-align: 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;
}
@media(min-width: 992px){
.bestseller-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label{
display: inline-block;
}
}
.bestseller-product .slider-bestsellerproduct-wrap{
float: left;
width: 100%;
padding: 80px 0;
}
.bestseller-product .slider-bestsellerproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-thumb{
float: left;
width: 40%
}
.bestseller-product .slider-bestsellerproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{
float: right;
width: 60%;
text-align: left;
padding: 10px 0 15px 15px;
}
.bestseller-product .qty-box-set .quantity,.bestseller-product .qty-box-set .quantity1{
width:94px;
}
.bestseller-product .product-wrapper{
padding: 8px;
border: 2px solid var(--color-border);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
.bestseller-product .product-wrapper .product-description .h4{
margin: 0 0 8px;
}
.bestseller-product .product-wrapper .product-description .cart-qty{
margin: 0 0 12px;
}
.bestseller-product .product-wrapper .product-description .cart-qty .product-qty,
.bestseller-product .product-wrapper .product-description .cart-qty .add_tocart{
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.bestseller-product .product-wrapper .product-description .cart-qty .product-qty{
margin: 0 5px 3px 0;
}
.bestseller-product .product-wrapper .product-description .cart-qty .product-qty .qty-box-set{
border: none;
}
.bestseller-product .product-wrapper .flip-countdown {
width: auto;
position: relative;
}
.bestseller-product .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block{
position: static;
}
.bestseller-product .flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left: 0;
}
.bestseller-product .product-wrapper:hover .custom_label{
right: auto;
}
.bestseller-product .product-wrapper .custom_label{
top: 10px;
}
.bestseller-product .product-price__sale-label{
left: auto;
right: 10px;
}
.bestseller-product .product-wrapper .add_tocart.pro_btn a.btn{
padding: 10px 23px;
}
.bestseller-product .product-wrapper .product-description .btn_wrapper {
float: left;
width: auto;
display: flex;
align-items: center;
margin: 0 0 15px;
}
@media(max-width:1399px){
.bestseller-product .product-wrapper .product-description .h4 {
margin: 0 0 2px;
}
.bestseller-product .product-wrapper .spr-badges.grid-item-meta{
margin:0 0 4px;
}
.bestseller-product .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{
margin:0 0 8px;
}
.bestseller-product .product-wrapper .product-description .cart-qty {
margin: 0 0 10px;
}
.bestseller-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label,.bestseller-product .product-layouts .product-wrapper .color-size {
display: none;
}
.bestseller-product .product-wrapper .add_tocart.pro_btn a.btn {
padding: 11px 12px;
line-height: 14px;
}
}
@media(max-width:1199px){
.shopify-section.bestseller {
width:100%;
}
}
@media(max-width: 991px){
.bestseller-product .product-wrapper .product-description .btn_wrapper{
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
position: static;
}
.bestseller-product .product-wrapper .btn_wrapper .pro_btn a{
height: 35px;
width: 35px;
margin: 0 5px 0 0;
}
.bestseller-product  .product-wrapper .btn_wrapper .pro_btn a.btn svg {
width: 14px;
height: 35px;
line-height: 35px;
}
.flip-countdown.simple-countdown .countdown-container.countdown-block,.flip-countdown.simple-countdown .countdown-container.countdown-block::after{
height:35px;
}
.flip-countdown.simple-countdown .countdown-container.countdown-block spna{
height:30px;
}
.bestseller-product .grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
height: 15px;
width: 15px;
line-height: 15px;
}
.bestseller-product .product-wrapper .add_tocart.pro_btn a.btn {
padding: 8px 9px;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
}
.bestseller-product .product-wrapper .flip-countdown{
margin:0 0 10px;
}
.bestseller-product .slider-bestsellerproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{
padding: 5px 0 5px 10px;
}
.bestseller-product .product-wrapper .qty-box-set .quantity,.bestseller-product .product-wrapper .qty-box-set .quantity1,
.bestseller-product .product-wrapper .qty-box-set .qtyminus,.bestseller-product .product-wrapper .qty-box-set .qtyplus,
.bestseller-product .product-wrapper .qty-box-set .qtyminus1,.bestseller-product .product-wrapper .qty-box-set .qtyplus1{
height: 34px;
line-height: 34px;
}
.bestseller-product .product-wrapper .product-description .btn_wrapper{
margin:0;
}
.bestseller-product .product-wrapper .product-description .btn_wrapper{
width:100%;
}
.bestseller-product .qty-box-set .quantity, .bestseller-product .qty-box-set .quantity1 {
width: 80px;
}
}
@media(max-width:480px){
.bestseller-product .tt-title, .feature-product .tt-title, .tt-product .tt-title {
font-size: 20px;
line-height: 22px;
}
}


/*---------------- feature Product ------------------*/
.template-index .main-content .main-product {
float: left;
width: 100%;
z-index: 1;
position: relative;
}
.feature-product .product-wrapper .btn_wrapper .pro_btn a{
margin:0 5px 0 0;
}
.feature-product .product-wrapper:hover .flip-countdown.simple-countdown .countdown-container.countdown-block{
bottom: -25px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
.feature-product .product-wrapper:hover .product-description .btn_wrapper{
transform:translatex(0);
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.feature-product .product-wrapper .product-description .btn_wrapper{
opacity: 0;
top: auto;
left: 20px;
right: auto;
bottom: 0;
margin: auto;
transform: translatex(-20px);
text-align: 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;
}
@media(min-width: 992px){
.feature-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label{
display: inline-block;
}
}
.feature-product .slider-featureproduct-wrap{
float: left;
width: 100%;
padding: 80px 0;
}
.feature-product .slider-featureproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-thumb{
float: left;
width: 40%
}
.feature-product .slider-featureproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{
float: right;
width: 60%;
text-align: left;
padding: 10px 0 15px 15px;
}
.feature-product .qty-box-set .quantity,.feature-product .qty-box-set .quantity1{
width:94px;
}
.feature-product .product-wrapper{
padding: 8px;
border: 2px solid var(--color-border);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
.feature-product .product-wrapper .product-description .h4{
margin: 0 0 8px;
}
.feature-product .product-wrapper .product-description .cart-qty{
margin: 0 0 12px;
}
.feature-product .product-wrapper .product-description .cart-qty .product-qty,
.feature-product .product-wrapper .product-description .cart-qty .add_tocart{
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.feature-product .product-wrapper .product-description .cart-qty .product-qty{
margin: 0 5px 3px 0;
}
.feature-product .product-wrapper .product-description .cart-qty .product-qty .qty-box-set{
border: none;
}
.feature-product .product-wrapper .flip-countdown {
width: auto;
position: relative;
}
.feature-product .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block{
position: static;
}
.feature-product .flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left: 0;
}
.feature-product .product-wrapper:hover .custom_label{
right: auto;
}
.feature-product .product-wrapper .custom_label{
top: 10px;
}
.feature-product .product-price__sale-label{
left: auto;
right: 10px;
}
.feature-product .product-wrapper .add_tocart.pro_btn a.btn{
padding: 10px 23px;
}
.feature-product .product-wrapper .product-description .btn_wrapper {
float: left;
width: auto;
display: flex;
align-items: center;
margin: 0 0 15px;
}
@media(max-width:1399px){
.feature-product .product-wrapper .product-description .h4 {
margin: 0 0 2px;
}
.feature-product .product-wrapper .spr-badges.grid-item-meta{
margin:0 0 4px;
}
.feature-product .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{
margin:0 0 8px;
}
.feature-product .product-wrapper .product-description .cart-qty {
margin: 0 0 10px;
}
.feature-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label,.feature-product .product-layouts .product-wrapper .color-size {
display: none;
}
.feature-product .product-wrapper .add_tocart.pro_btn a.btn {
padding: 11px 12px;
line-height: 14px;
}
}
@media(max-width:1199px){
.shopify-section.feature {
width:100%;
}
}
@media(max-width: 991px){
.feature-product .product-wrapper .product-description .btn_wrapper{
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
position: static;
}
.feature-product .product-wrapper .btn_wrapper .pro_btn a{
height: 35px;
width: 35px;
margin: 0 5px 0 0;
}
.feature-product  .product-wrapper .btn_wrapper .pro_btn a.btn svg {
width: 14px;
height: 35px;
line-height: 35px;
}
.flip-countdown.simple-countdown .countdown-container.countdown-block,.flip-countdown.simple-countdown .countdown-container.countdown-block::after{
height:35px;
}
.flip-countdown.simple-countdown .countdown-container.countdown-block spna{
height:30px;
}
.feature-product .grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
height: 15px;
width: 15px;
line-height: 15px;
}
.feature-product .product-wrapper .add_tocart.pro_btn a.btn {
padding: 8px 9px;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
}
.feature-product .product-wrapper .flip-countdown{
margin:0 ;
}
.feature-product .slider-featureproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{
padding: 5px 0 5px 10px;
}
.feature-product .product-wrapper .qty-box-set .quantity,.feature-product .product-wrapper .qty-box-set .quantity1,
.feature-product .product-wrapper .qty-box-set .qtyminus,.feature-product .product-wrapper .qty-box-set .qtyplus,
.feature-product .product-wrapper .qty-box-set .qtyminus1,.feature-product .product-wrapper .qty-box-set .qtyplus1{
height: 34px;
line-height: 34px;
}
.feature-product .product-wrapper .product-description .btn_wrapper{
margin:0 0 10px;
}
.feature-product .product-wrapper .product-description .btn_wrapper{
width:100%;
}
.feature-product .qty-box-set .quantity, .feature-product .qty-box-set .quantity1 {
width: 80px;
}
}
@media(max-width:480px){
.product-maincnt .slider-bestsellerproduct.owl-carousel.owl-loaded,.product-maincnt .slider-featureproduct.owl-carousel.owl-loaded {
margin:0 0 10px;
}
.product-price__price, .product-price__price .money, .price, price .money{
font-size:14px;   
line-height: 16px;
}
}
/*---------------- new Product ------------------*/
.template-index .main-content .main-product {
float: left;
width: 100%;
z-index: 1;
position: relative;
}
.newproduct .tt-product .product-wrapper .btn_wrapper .pro_btn a{
margin:0 5px 0 0;
}
.newproduct .tt-product .product-wrapper:hover .flip-countdown.simple-countdown .countdown-container.countdown-block{
bottom: -25px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
.newproduct .tt-product .product-wrapper:hover .product-description .btn_wrapper{
transform:translateY(0);
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.newproduct .tt-product .product-wrapper .product-description .btn_wrapper{
position: absolute;
opacity: 0;
top: auto;
left: 20px;
right: auto;
bottom: 0;
margin: auto;
transform: translateY(20px);
text-align: 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;
}
@media(min-width: 992px){
.newproduct .tt-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label{
display: inline-block;
}
}
.newproduct .tt-product .slider-ttproduct-wrap{
float: left;
width: 100%;
padding: 80px 0;
}
.newproduct .tt-product .slider-ttproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-thumb{
float: left;
width: 40%
}
.newproduct .tt-product .slider-ttproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{
float: right;
width: 60%;
text-align: left;
padding: 10px 0 15px 15px;
}
.newproduct .tt-product .qty-box-set .quantity,.tt-product .qty-box-set .quantity1{
width:94px;
}
.newproduct .tt-product .product-wrapper{
padding: 8px;
border: 2px solid var(--color-border);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
.newproduct .tt-product .product-wrapper .product-description .h4{
margin: 0 0 8px;
}
.newproduct .tt-product .product-wrapper .product-description .cart-qty{
margin: 0 0 12px;
}
.newproduct .tt-product .product-wrapper .product-description .cart-qty .product-qty,
.newproduct .tt-product .product-wrapper .product-description .cart-qty .add_tocart{
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.newproduct .tt-product .product-wrapper .product-description .cart-qty .product-qty{
margin: 0 5px 3px 0;
}
.newproduct .tt-product .product-wrapper .product-description .cart-qty .product-qty .qty-box-set{
border: none;
}
.newproduct .tt-product .product-wrapper .flip-countdown {
width: auto;
position: relative;
}
.newproduct .tt-product .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block{
position: static;
}
.newproduct .tt-product .flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left: 0;
}
.newproduct .tt-product .product-wrapper:hover .custom_label{
right: auto;
}
.newproduct .tt-product .product-wrapper .custom_label{
top: 10px;
}
.newproduct .tt-product .product-price__sale-label{
left: auto;
right: 10px;
}
.newproduct .tt-product .product-wrapper .add_tocart.pro_btn a.btn{
float:left;
width:100%;
}
.newproduct .tt-product .product-wrapper .product-description .btn_wrapper {
float: left;
width: auto;
display: flex;
align-items: center;
margin: 0 0 15px;
}
@media(max-width:1399px){
.newproduct .tt-product .product-wrapper .product-description .h4 {
margin: 0 0 2px;
}
.newproduct .tt-product .product-wrapper .spr-badges.grid-item-meta{
margin:0 0 4px;
}
.newproduct .tt-product .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{
margin:0 0 8px;
}
.newproduct .tt-product .product-wrapper .product-description .cart-qty {
margin: 0 0 10px;
}
.newproduct .tt-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label,.newproduct .tt-product .product-layouts .product-wrapper .color-size {
display: none;
}
.newproduct .tt-product .product-wrapper .add_tocart.pro_btn a.btn {
padding: 11px 12px;
line-height: 14px;;
}
}
@media(max-width:1199px){
.shopify-section.newproduct {
width:100%;
}
.bestseller-product .owl-nav, .feature-product .owl-nav,.newproduct .tt-product .owl-nav{
top:-43px;
}
}
@media(max-width: 991px){
.newproduct .tt-product .product-wrapper .product-description .btn_wrapper{
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
position: static;
}
.newproduct .tt-product .product-wrapper .btn_wrapper .pro_btn a{
height: 35px;
width: 35px;
margin: 0 5px 0 0;
}
.newproduct .tt-product  .product-wrapper .btn_wrapper .pro_btn a.btn svg {
width: 14px;
height: 35px;
line-height: 35px;
}
.newproduct .tt-product .flip-countdown.simple-countdown .countdown-container.countdown-block,.newproduct .flip-countdown.simple-countdown .countdown-container.countdown-block::after{
height:35px;
}
.newproduct .tt-product .flip-countdown.simple-countdown .countdown-container.countdown-block spna{
height:30px;
}
.newproduct .tt-product .grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
height: 15px;
width: 15px;
line-height: 15px;
}
.newproduct .tt-product .product-wrapper .add_tocart.pro_btn a.btn {
padding: 8px 9px;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
}
.newproduct .tt-product .product-wrapper .flip-countdown{
margin:0 ;
}
.newproduct .tt-product .slider-ttproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{
padding: 5px 0 5px 10px;
}
.newproduct .tt-product .product-wrapper .qty-box-set .quantity,.newproduct .tt-product .product-wrapper .qty-box-set .quantity1,
.newproduct .tt-product .product-wrapper .qty-box-set .qtyminus,.newproduct .tt-product .product-wrapper .qty-box-set .qtyplus,
.newproduct .tt-product .product-wrapper .qty-box-set .qtyminus1,.newproduct .tt-product .product-wrapper .qty-box-set .qtyplus1{
height: 34px;
line-height: 34px;
}
.newproduct .tt-product .product-wrapper .product-description .btn_wrapper{
margin:0 0 10px;
}
.newproduct .tt-product .product-wrapper .product-description .btn_wrapper{
width:100%;
}
.newproduct .tt-product .qty-box-set .quantity, .tt-product .qty-box-set .quantity1 {
width: 80px;
}
}
/*---------------  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;
}
.product-single__price span.visually-hidden {
display: none;
}
.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 .pro_btn svg {
width: 14px;
height: 14px;
fill: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;
}
.product-single .product-information .pro_btn .btn:hover svg{
fill: var(--color-text-hover-field);
}
.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;  
}
@media(max-width: 350px){
.product-information-inner .qty-box-set{
margin-bottom: 10px;
}
}
.product-information .product-information-inner .product-single__variants .selector-wrapper {
float: left;
margin-right: 10px;
width: 50%;
}
.product-information .product-information-inner .add-to-wishlist.pro_btn .show .loading, .product-information .product-information-inner .add-to-compare.pro_btn .show .loading {
width: auto;
float: left;
}
.product-information .product-information-inner .add-to-wishlist .add_to_wishlist:hover {
background-color: #f5f5f5;
}
.product-information .product-information-inner .threesixty-video {
float: left;
width: 100%;
margin: 0 0 15px;
}
.product-information .product-information-inner .threesixty-video .product-Video-btn.popup-video.tip-top {
padding: 2px 15px;
float: left;
width: auto;
position: static;
}
.product-information .product-single__desc {
margin: 0;
padding: 0;
}
.product-information .social-sharing {
display: inline-block;
width: auto;
float: left;
padding:10px 0;
}
.product-information .social-sharing a {
padding: 0 8px 0 0;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.product-information .social-sharing a:hover{
color:var(--color-text-hover-field)
}
.product-information .social-sharing a 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;
}
.product-information .social-sharing a:hover i{
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
}
.product-information .flip-countdown.simple-countdown .countdown-container span {
width: 36px;
}
.product-single__addtocart label {
font-size: 13px;
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; 
} 
.product-single__thumbs {
padding: 0 50px;
}
.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 10px;
}
.product-fixed-wrapper {
background: #ffffff none repeat scroll 0 0;
float: left;
padding: 15px;
width: 100%;
}
.product-single__description.rte {
float: left;
width: 100%;
margin:0;
}
.product-block {
float: left;
padding: 0;
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: #222;
}
.horizontal_bottom.design_2 .product-images-fixed .pro_img img {
height:auto;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.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;
}
.inv.instock .outstock {
display: none;
}
.product-single .product-information .add-to-wishlist a, .product-single .product-information .add-to-compare a, .product-single .product-information a.print, 
.product-single .product-information a.sizechart span,.product-360-button i.mdi,.product-360-button span,.product-Video-btn.popup-video.tip-top i,.product-Video-btn.popup-video.tip-top{
vertical-align: middle;
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-single .product-information .add-to-wishlist a:hover, .product-single .product-information .add-to-compare a:hover, .product-single .product-information a.print:hover, 
.product-single .product-information a.sizechart span:hover {
color: var(--color-text-hover-field);
}
.product-single .product-information .add_to_wishlist a{
vertical-align: top;
}
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%;
border-radius: 4px; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
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;
position: static;
}
.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;
padding :3px;
border: 1px solid var(--color-border);
border-radius: 4px; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px; 
}
.product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn, .product-single .product-information .pro_btn.add-to-wishlist .add-in-compare-js.btn, .product-single .product-information .pro_btn.add_to_wishlist .add-in-compare-js.btn, .product-single .product-information .pro_btn.add-to-compare .add-in-wishlist-js.btn, .product-single .product-information .pro_btn.add-to-wishlist .add-in-wishlist-js.btn, .product-single .product-information .pro_btn.add_to_wishlist .add-in-wishlist-js.btn, .product-single .product-information .pro_btn.add-to-compare .added-wishlist.btn.add_to_wishlist, .product-single .product-information .pro_btn.add-to-wishlist .added-wishlist.btn.add_to_wishlist, .product-single .product-information .pro_btn.add_to_wishlist .added-wishlist.btn.add_to_wishlist {
background: none;
color: var(--color-body-text);
padding: 0;
line-height:13px;
}
.product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn:hover, .product-single .product-information .pro_btn.add-to-wishlist .add-in-compare-js.btn:hover, .product-single .product-information .pro_btn.add_to_wishlist .add-in-compare-js.btn:hover, .product-single .product-information .pro_btn.add-to-compare .add-in-wishlist-js.btn:hover, .product-single .product-information .pro_btn.add-to-wishlist .add-in-wishlist-js.btn:hover, .product-single .product-information .pro_btn.add_to_wishlist .add-in-wishlist-js.btn:hover, .product-single .product-information .pro_btn.add-to-compare .added-wishlist.btn.add_to_wishlist:hover, .product-single .product-information .pro_btn.add-to-wishlist .added-wishlist.btn.add_to_wishlist:hover, .product-single .product-information .pro_btn.add_to_wishlist .added-wishlist.btn.add_to_wishlist:hover {
color: var(--color-text-hover-field);
}
.product-single .product-information .button-size {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.product-single .product-information .button-size legend.form__label {
font-size: 13px;
}
.product-single .product-information .product-block .button-value label {
line-height: 12px;
margin: 0;
}
.product-single .product-information .button-value {
float: none;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0 0 0 10px;
}
.product-single .product-information select {
border: none;
background-color: #faf7f2;
padding: 10px;
width: 216px;
margin-right: 10px;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.product-single .product-information .selector-wrapper.js.product-form__item {
float: none;
display: inline-block;
vertical-align: top;
}
.product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn i.mdi.mdi-cached, 
.product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn .compare-fill,
.product-single .product-information .pro_btn .btn::after,
.product-single .product-information .pro_btn .btn::before{
display: none;
}
.product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.added .compare-icon, 
.product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.added i.mdi.mdi-cached,
.product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.loading.added .compare-fill,
.product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.loading .compare-icon, 
.product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.loading .compare-fill{
display: none;
}
.product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.added .compare-fill,
.product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.loading i.mdi.mdi-cached{
display: inline-block;
font-size:13px;
}
.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: left;
}
.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: var(--color-body);
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;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.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 {
float: left;
width: 100%;
position: relative;
}
.product-single__addtocart .btn:hover::before{
background-position:-27px -35px;
}
img{
max-width:100%; 
height: auto;
}
.brand_slider .owl-nav,.full_gallery_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: 198px;
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-secondary-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{
border: 1px solid #dadada;
}
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) !important;
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-secondary);
color: var(--color-btn-secondary-text);
border-color: var(--color-btn-secondary);
}
.product-single {
margin-bottom: var(--gutter);
position: relative;
}
.spr-review-reportreview:hover {
color: #ff0000;
}
@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;
}
.related-products-container {
margin: 20px 0;
}
.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;
}
}
@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;
}
.design_1 .pro_img {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.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%;
}
.vertical_left.design_4 .product-wrapper-owlslider {
width: 100%;
}
.design_4 .product-information{
width:100%;
margin:0 0 20px 0;
}
.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;
}
hr{
margin: 15px 0px;
}
.product-information-inner .fixed-content > .quantity{
margin:0px;
}
}
@media only screen and (max-width: 767px) {
.related-products-container {
margin: 15px 0;
}
.product-single.vertical_left.design_1 .product-Video-btn.popup-video.tip-top{
right: 50px;
width: auto;
}
.product-single.vertical_right.design_1 .product-Video-btn.popup-video.tip-top{
width: auto;
bottom: 20px;
}
.design_1 #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%;
}
.related-products-container {
padding: 0 5px;
}
.product-single__description .tab-container #tab-1 .col-xs-6 {
width: 100%;
}
#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%;
}
.design_1 #productPhoto.image-zoom {
width: 100%;
}
.horizontal_bottom.design_2 .pro_img .product-image-btn {
right: 20px;
}
#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%;
}
}
@media only screen and (max-width: 360px) {
a.product-write-review {
padding-left: 5px;
margin-left: 5px;
}
}
/*---------------------  product compact layout ---------------------------------*/
.tabs-layout-accordion .tt-tab-wrapper {
border-bottom: 1px solid rgba(119, 119, 119, 0.17);
}
.tabs-layout-accordion .tt-tab-wrapper .tt-accordion-title {
position: relative;
display: block;
padding-top: 15px;
padding-bottom: 15px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.tabs-layout-accordion .tt-tab-wrapper .tt-accordion-title:after {
content: "\f140";
position: absolute;
right: 5px;
top: 50%;
margin-top: -10px;
height: 20px;
line-height: 20px;
width: 20px;
text-align: center;
font-size: 12px;
color: #bbb;
font-family: "Material Design Icons";
transition: transform 0.4s ease;
-webkit-transition: transform 0.4s ease;
-moz-transition: transform 0.4s ease;
-o-transition: transform 0.4s ease;
-ms-transition: transform 0.4s ease;
backface-visibility: hidden;
perspective: 800px;
-webkit-backface-visibility: hidden;
-webkit-perspective: 800px;
}
.tabs-layout-accordion .tt-tab-wrapper .tt-accordion-title.active:after {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.tt-scroll {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
left: 0;
min-height: 435px;
overflow: hidden;
height: 100%;
}
@media only screen and (max-width: 1199px) {
.tt-scroll {
min-height: 355px;
}
}
@media only screen and (max-width: 991px) {
.tt-scroll {
position: static;
}
}
.tt-scroll.has-scrollbar {
height: 100%;
left: 10px;
}
.tt-scroll:hover > .tt-scroll-pane {
visibility: visible;
opacity: 0.99;
-moz-opacity: 0.99;
-khtml-opacity: 0.99;
-webkit-opacity: 0.99;
}
.tt-scroll .tt-scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: scroll;
overflow-x: hidden;
}
.tt-scroll > .tt-scroll-pane {
width: 2px;
background: rgba(0, 0, 0, 0.05);
position: absolute;
top: 0;
right: 0;
bottom: 0;
transition: 200ms ease-in-out;
-webkit-transition: 200ms ease-in-out;
-moz-transition: 200ms ease-in-out;
-o-transition: 200ms ease-in-out;
-ms-transition: 200ms ease-in-out;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
}
.tt-scroll > .tt-scroll-pane > .tt-scroll-slider {
background: rgba(0, 0, 0, 0.7);
position: relative;
margin: 0 0;
}
.product-information{
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
float:right;
}
.product-design-compact .product_tab_wrapper{
border: none; 
border-top:2px solid #222;
padding:0;
}
.panel.tt-Tabs-panel{
display: none;
}
.panel.tt-Tabs-panel.active{
display: block; 
}
/*------------------ Buy Now Button CSS -------------------------*/
.product-form--variant-sold-out .shopify-payment-button {
display: none;
}
.shopify-payment-button {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
margin: 0px 10px 0 0;
min-width: 370px;
}
.shopify-payment-button .shopify-payment-button__button {
background: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
z-index: 1;
position: relative;
float: left;
width: 100%;
overflow: hidden;
text-align: center;
border-radius: 0px;
padding: 11px 20px;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
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;
}
.shopify-payment-button .shopify-payment-button__button:hover:not([disabled]), .shopify-payment-button .shopify-payment-button__button:focus:not([disabled]), .shopify-payment-button .shopify-payment-button__button:active:not([disabled]) {
background: var(--color-btn-primary);
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-form__submit[aria-disabled=true]+.shopify-payment-button, .product-form__submit[disabled]+.shopify-payment-button {
display: none;
}
/*----------  product page full gallery slider----------*/
.full_gallery_slider .item {
opacity: 0.4;
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
-webkit-opacity: 0.4;
transition: 0.4s ease all;
-webkit-transition: 0.4s ease all;
-moz-transition: 0.4s ease all;
-o-transition: 0.4s ease all;
-ms-transition: 0.4s ease all;
margin: 0 20px;
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
}
.full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next {
position: absolute;
top: 0;
bottom: auto;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
left: 0;
right: auto;
margin: 0;
height: 100%;
border: none;
}
.product-form__input.product-form__input--dropdown {
float: none;
width: auto;
display: inline-block;
}
.full_gallery_slider .owl-nav .owl-prev:hover, .full_gallery_slider .owl-nav .owl-next:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.full_gallery_slider .owl-nav .owl-next {
left: auto;
right: 0;
}
.full_gallery_slider .owl-dots {
counter-reset: counter;
}
.full_gallery_slider .owl-item {
-webkit-backface-visibility: hidden;
transform: translateZ(0) scale(1, 1);
-webkit-transform: translateZ(0) scale(1, 1);
-moz-transform: translateZ(0) scale(1, 1);
-o-transform: translateZ(0) scale(1, 1);
-ms-transform: translateZ(0) scale(1, 1);
}
.full_gallery_slider .owl-item .num {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #fff;
margin: auto;
width: 85px;
padding: 10px;
text-align: center;
display: none;
font-size:14px;
}
.full_gallery_slider .owl-item img {
margin: 0;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
}
.full_gallery_slider .owl-item.center img {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.full_gallery_slider .owl-item.center .num {
display: block;
}
.full_gallery_slider.product-img a.product-single__thumb img {
float: left;
width: 100%;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.full_gallery_slider.owl-carousel .owl-item img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.product-single__addtocart .add, .product-single__addtocart .minus {
color: var(--color-body-text);
font-size: em(24px);
position: relative;
}
.product-single__addtocart .js-qty {
margin-bottom: var(--gutter) / 2;
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-single__desc {
margin: 20px 0;
}
.product-single__desc h3 {
text-align: left;
}
.product-single__header {
padding:0;
}
.product-single .product-information .fixed-content .video-threesixty,.product-single .product-information-inner .fixed-content > .quantity,
.product-single .product-information-inner .product-single__addtocart{
float: left;
width: 100%;
}
.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%;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.product-single__photos li, .product-single__thumbs li {
padding: 5px;
display: inline-block;
width: auto;
vertical-align: top;
margin-bottom:0px;
}
.product-single__price {
font-family: var(--font-stack-header);
}
.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-top: 3px;
margin-bottom:5px;
}
.h2.product-single__price {
font-size: 18px;
float:left;
font-family:var(--font-stack-header);
margin:0 0 10px;
width:100%;
}
.design_2 .h2.product-single__price{
margin: 0;
}
.product-single__title.wvendor {
margin: 0;
float: left;
width: auto;
}
.product-information-inner i.mdi.mdi-cart-outline {
font-size: 20px;
float: none;
display: inline-block;
vertical-align: top;
}
.product-single__addtocart .js-qty {
margin-right: 5px;
float: left;
}
.product-single__addtocart .btn {
float: none;
display: inline-block;
vertical-align: top;
width: 360px;
padding: 12px 15px;
border: none;
}
.quick-view  .product-single__addtocart .btn{
width: 320px;
}
.product-single__addtocart .btn.notify_btn{
margin: 0 0 0 10px;
}
.product-single__addtocart .btn:active, .product-single__addtocart .btn:focus {
background-color: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.product-single__addtocart .btn:hover {
color: var(--color-btn-secondary-text);
}
.product-single__title {
margin: 0 0 10px;
font: 700 20px/32px var(--font-stack-header);
color: var(--color-text);
}
.product-information .add-to-wishlist .tooltip-label,
.product-information .add-to-compare .tooltip-label {
margin: 0 0 0 5px;
vertical-align: top;
line-height: 14px;
}
.product-single .add-to-wishlist i.mdi.mdi-heart {
font-size: 18px;
float: left;
}
.product-single .sizechart,.product-information .product-information-inner .add-to-wishlist.pro_btn, 
.product-information .product-information-inner .add-to-compare.pro_btn,.product-single .print,.product-360-button {
float: left;
width: auto;
margin-right: 15px;
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:13px;
}
.product-single .sizechart i.mdi.mdi-hanger {
float: left;
margin-right: 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;
}
.product-single .sizechart:hover i.mdi.mdi-hanger {
color: var(--color-text-hover-field);
}
.product-single .sizechart:hover {
color: var(--color-text-hover-field);
}
.product-single .product-Video-btn i.mdi.mdi-video, .product-single .print i.mdi.mdi-printer, .product-single .video-threesixty i.mdi.mdi-refresh {
font-size: 14px;
line-height: 14px;
float: left;
margin-right: 5px;
}
.product-single .gallery i.mdi.mdi-magnify {
font-size: 24px;
}
.spr-badge-starrating{
color: var(--color-meta);
}
.spr-badge-starrating .spr-icon,.spr-badge-starrating {
padding: 0 1px;
color: #f6943c;
}
.social-sharing a {
color: var(--color-meta);
display: inline-block;
font-family: var(--font-stack-body);
font-size: em(14px);
padding: 0 var(--gutter) / 3;
padding-left: 0;
vertical-align: top;
}
.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 #e5e5e5;
padding: 0 0 8px;
}
#notify-content .btn {
padding: 0 24px;
border: none;
border-radius: 5px;
}
.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: 16px;
line-height: 24px;
background: #f7f4ef;
padding: 10px;
color: #222;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.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: 2000px) {
.full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next {
width: 400px;
}
}
@media only screen and (max-width: 1600px) {
.full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next {
width: 320px;
}
}
@media only screen and (max-width: 1400px) {
.full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next {
width: 300px;
}
}
@media only screen and (max-width: 1200px) {
.full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next {
width: 250px;
}
}
@media only screen and (max-width: 1199px) {
.product-form--variant-sold-out .product-single__addtocart .btn{
width: 250px;
}
}
@media only screen and (min-width: 1025px) {
.item-social-sharing {
margin-top:0;
}
}
@media only screen and (max-width: 1000px) {
.full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next {
width: 200px;
}
}

@media only screen and (max-width: 991px) {
.product-form--variant-sold-out .product-single__addtocart .btn {
width: 200px;
}
.product-single__addtocart .btn{
width: 310px;
}
.shopify-payment-button{
min-width: 400px;
}
.product-single__title.wvendor {
font-size: 18px;
line-height:28px;
}
}
@media only screen and (max-width: 600px) {
.full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next {
width: 100px;
}
.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;
}
}
@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;
}
.full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next {
width: 60px;
}
.full_gallery_slider .owl-item .num {
padding: 5px;
}
.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 {
padding: 9px 28px;
width: 200px;
}
.shopify-payment-button{
min-width: 290px;
margin: 10px 0 0;
}
.shopify-payment-button .shopify-payment-button__button{
padding: 9px 20px;
}
.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: #222;
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;
border-radius: 10px; 	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px;
}
.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;
}
.product-single__header .product-360-button {
font-weight: normal;
margin-bottom: 10px;
}
.threesixty-video .product-360-button > a {
padding: 2px 15px 2px 0;
border-right: 1px solid #e5e5e5;
}
@media only screen and (max-width: 991px) {
.threesixty-video .product-360-button > a {
padding: 2px 5px 2px 0;
}
}
.threesixty-video i {
font-size: 20px;
margin: 0 5px 0 0;
padding: 15px;
background: #f5f5f5;
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; 
}
@media (min-width: 768px) and (max-width: 991px) {
.threesixty-video span {
font-size: 12px;
}
}
.product-Video-btn.popup-video.tip-top {
float: left;
width: auto;
line-height: 14px;
}
@media only screen and (max-width: 480px) {
.threesixty-video .product-360-button > a {
border: none;
}
.product-Video-btn.popup-video.tip-top {
margin: 0 0 0 5px;
}
.product-single .sizechart, .product-information .product-information-inner .add-to-wishlist.pro_btn, .product-information .product-information-inner .add-to-compare.pro_btn,.product-360-button{
margin: 0 12px 5px 0;
}
}
/*------------------ 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 .section-header h2.tt-title::after{
display: none;
}
.aboutus-wrap.ourteam_wrap .section-header h2.tt-title{
padding: 0;
}
.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 ul li {
list-style: none;
display: inline-block;
padding: 0 15px;
margin: 0 0 20px;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image {
position: relative;
transition: 300ms ease-in-out;
-webkit-transition: 300ms ease-in-out;
-moz-transition: 300ms ease-in-out;
-o-transition: 300ms ease-in-out;
-ms-transition: 300ms ease-in-out;
float: left;
width: 100%;
overflow: hidden;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap 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;
}
.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 {
background-color: #f7f7f7;
padding: 20px 0;
width: 100%;
float: left;
z-index: 2;
border-radius:0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-meta .teammember-title {
color: #222;
font: 700 16px/18px var(--font-stack-header);
margin-bottom: 5px;
transition: 300ms ease-in-out;
-webkit-transition: 300ms ease-in-out;
-moz-transition: 300ms ease-in-out;
-o-transition: 300ms ease-in-out;
-ms-transition: 300ms ease-in-out;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-meta .teammember-position {
color: #666;
font-size: 14px;
margin-bottom: 0;
}
.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 .ourteam-image-wrap::after{
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: rgba(0,0,0,0.2);
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;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap:hover::after{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile {
margin: 0;
padding-left: 0;
transition: all 0.35s ease 0s;
-webkit-transition: all 0.35s ease 0s;
-moz-transition: all 0.35s ease 0s;
-o-transition: all 0.35s ease 0s;
-ms-transition: all 0.35s ease 0s;
background: rgba(255, 255, 255, 0.9);
color: #222;
left: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
padding: 10px;
position: absolute;
right: 0;
text-align: center;
top: 70%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
width: 100%;
float: left;
z-index: 1;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li {
margin: 0;
padding: 0 7px;
display: inline-block;
vertical-align: top;
font-size: 16px;  
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li a {
display: inline-block;
height: 30px;
line-height: 30px;
width: 30px;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li a 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;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li.facebook:hover a i {
color: #4c76be;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li.twitter:hover a i {
color: #00c7ff;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li.googleplus:hover a i {
color: #ea4c89;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li.instagram:hover a i {
color: #c8232c;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap:hover .teammember-social-profile {
top: 50%;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.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 10px;
}
.aboutus-wrap.ourteam_wrap ul .teammember-item ul li {
padding: 0 10px;
}
}
/*-------------------------- about us image ------------------*/
#ttabout .About_us.img a {
position: relative;
display: block;
overflow: hidden;
}
#ttabout .About_us.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;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
#ttabout .About_us.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);
}
#ttabout .aboutr_img a {
position: relative;
display: block;
overflow: hidden;
}
#ttabout .aboutr_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;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
#ttabout .aboutr_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);
}
#ttabout .about_img a {
position: relative;
display: block;
overflow: hidden;
}
#ttabout .about_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;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
#ttabout .about_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);
}
#ttabout .ttabout1 .ttabout-content {
margin: 25px 0;
}
#ttabout .ttabout1 .ttabout-content .ttabout-description {
line-height: 24px;
}
#ttabout .ttabout1 .ttabout .ttabout-content .ttabout-title {
color: var(--color-text);
margin: 0 0 10px;
font: 500 20px/22px var(--font-stack-header);
}
@media only screen and (max-width: 767px) {
#ttabout .ttabout1 .ttabout .ttabout-content .ttabout-title {
font-size: 18px;
}
}
@media only screen and (max-width: 480px) {
#ttabout .ttabout1 .ttabout {
width: 100%;
}
}
.cms-aboutus,.cms-aboutus1 {
float: left;
width: 100%;
margin: 0 0 50px;
}
.cms-aboutus .aboutus-img a,
.cms-aboutus1 .aboutus-img a{
float: left;
width: 100%;
display: block;
position: relative;
overflow: hidden;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.about-videoblock{
margin: 0 0 50px;
}
.cms-aboutus .section-header,.cms-aboutus1 .section-header {
text-align: left;
width: 100%;
}
.cms-aboutus .section-header .tt-title{
line-height: 44px;
margin: 0;
padding: 0 0 10px;
}
.cms-aboutus1 .section-header .tt-title{
margin: 0 0 15px;
padding: 0;
}
.cms-aboutus .section-header .tt-title::after,.cms-aboutus1 .section-header .tt-title::after{
display: none;
}
.cms-aboutus .section-header .desc,.cms-aboutus1 .section-header .desc {
line-height: 24px;
}
.aboutus-subcontent1 .aboutus-title, .aboutus-subcontent2 .aboutus-title {
font: 800 24px/26px var(--font-stack-header);
float: left;
width: 100%;
margin: 0 0 15px;
}
.aboutus-subcontent1 {
float: left;
width: 100%;
margin: 0 0 30px;
}
.aboutus-subcontent2 {
float: left;
width: 100%;
}
.aboutus-subcontent1 .aboutus-desc, .aboutus-subcontent2 .aboutus-desc {
font: 400 14px/24px var(--font-stack-body);
float: left;
width: 100%;
}
.about-videoblock,.about-videoblock .video-featured #popup_toggle {
float: left;
width: 100%;
}
.about-videoblock .video-featured, ..video-featured #popup_toggle .about-videoblock .video-featured {
float: none;
display: inline-block;
vertical-align: top;
}
.video-featured {
float: left;
width: 100%;
position: relative;
}
.video-featured::after {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: rgba(0,0,0,0.2);
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;
}
.about-videoblock .video-featured:hover::after{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
.video-featured #popup_toggle {
position: relative;
}
.video-featured #popup_toggle a {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
}
.video-featured #popup_toggle .play-icone {
bottom: 0;
height: 80px;
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 80px;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
line-height: 80px;
z-index: 1;
}
.video-featured #popup_toggle .play-icone i {
display: inline-block;
float: none;
font-size: 45px;
height: 80px;
width: 80px;
line-height: 80px;
margin: 0;
padding: 0;
vertical-align: middle;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
cursor: pointer; 
}
.video-featured #popup_toggle .video-featured .popup_overlay,.video-featured .popup_overlay {
float: left;
width: 100%;
position: fixed;
left: 0;
height: 100%;
text-align: center;
z-index: 9;
right: 0;
display: none;
top: 0;
background: rgba(0,0,0,.9);
}
.video-featured #popup_toggle .video-featured .popup_overlay .popup, .video-featured .popup_overlay .popup {
display: inline-block;
position: relative;
width: 50%;
max-width: 100%;
max-height: 100%;
padding: 20px;
background: #222;
color: #fff;
vertical-align: middle;
margin: 8% 0;
z-index: 99999;
}
.video-featured #popup_toggle .video-featured .popup_overlay .popup_close,.video-featured .popup_overlay .popup_close {
display: block;
position: absolute;
top: 5px;
right: 7px;
width: 20px;
height: 20px;
padding: 8px;
cursor: pointer;
text-align: center;
font-size: 12px;
line-height: 8px;
color: #fff;
text-decoration: none;
}
.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%;
}
.about-services {
float: left;
width: 100%;
padding: 80px 0;
margin: 0 0 50px;
}
.about-services .tt-service {
float: left;
width: 100%;
text-align: center;
padding: 0 15px;
}
.about-services .tt-service .service-img {
float: left;
width: 100%;
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 {
float: left;
width: 100%;
}
.about-services .tt-service .service-content .service-title {
float: left;
width: 100%;
font: 700 20px/22px var(--font-stack-header);
margin: 0 0 20px;
}
.about-services .tt-service .service-content .service-desc {
float: none;
display: inline-block;
vertical-align: top;
width: 70%;
font: 400 13px/24px var(--font-stack-body);
}
@media only screen and (min-width: 768px) {
.cms-aboutus,.cms-aboutus1{
display: flex;
align-items: center;
}
}
@media only screen and (max-width: 1399px) {
.cms-aboutus .section-header, .cms-aboutus1 .section-header{
width: 80%;
}
}
@media only screen and (max-width: 1199px) {
.cms-aboutus .section-header .tt-title {
line-height: 34px;
font-size: 26px;
}
.aboutus-subcontent1 .aboutus-title, .aboutus-subcontent2 .aboutus-title{
margin: 0 0 10px;
font-size: 20px;
line-height: 22px;
}
.cms-aboutus .section-header, .cms-aboutus1 .section-header,.about-services .tt-service .service-content .service-desc{
width:100%;
}
}
@media only screen and (max-width: 991px) {
.about-services{
padding: 60px 0;
}
.aboutus-subcontent1 .aboutus-desc, .aboutus-subcontent2 .aboutus-desc{
font-size: 12px;
line-height: 22px;
}
.cms-aboutus .section-header .tt-title{
line-height: 30px;
font-size: 24px;
}
.cms-aboutus1 .section-header .tt-title{
font-size: 26px;
line-height: 28px;
}
.cms-aboutus .section-header .desc, .cms-aboutus1 .section-header .desc{
font-size:12px;
line-height:22px;
}
.cms-aboutus, .cms-aboutus1,.about-videoblock,.about-services{
margin: 0px 0 30px;
}
.about-services .tt-service .service-content .service-desc{
font-size: 12px;
line-height: 22px;
}
.about-services .tt-service .service-content .service-title{
margin: 0 0 15px;
font-size: 18px;
line-height: 20px;
}
}
@media only screen and (max-width: 767px) {
.video-featured #popup_toggle .play-icone i,.video-featured #popup_toggle .play-icone,.video-featured #popup_toggle{
height: 60px;
width: 60px;
line-height: 60px;
}
.video-featured #popup_toggle .play-icone i{
font-size: 38px;
}
.about-services .block_content {
float: left;
width: 100%;
padding: 0 15px;
}
.cms-aboutus .section-header,.cms-aboutus .aboutus-img,.cms-aboutus1 .aboutus-img,.aboutus-subcontent1{
margin: 0 0 15px;
}
.about-services {
padding: 40px 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 42px/44px var(--font-stack-header);
float:left;
width:100%;
margin: 0 0 30px;
}
.error-404 .product_categories {
margin: 10px 0 0;
}
.error-404 .product_categories > h4,.error-404 .product_categories ul,.error-404 .product_categories ul li{
float: none;
display: inline-block;
vertical-align: top;
margin: 0;
}
.error-404 .product_categories ul li a{
line-height: 25px;
text-decoration: underline;
margin: 0 5px;
}
.error-404 .input-group .btn,.error-404 .input-group .input-group-field {
height: 50px;
}
.error-404 .search-bar {
max-width: 100%;
width: 50%;
float: none;
margin: 0 auto;
border: 1px solid var(--color-border);
border-radius: 5px;
}
.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: #222;
padding: 10px;
border: none;
}
.grid.error-404 .btn i {
font-size: 22px;
}
.error-404 .search-bar input[type=search] {
color: #222;
font-size: 14px;
}
.grid.error-404 .collections-selector {
  float: left;
}
.grid.error-404 .collections-selector select {
  margin: 0px 12px 0 0;
}
.grid.error-404 .collections-selector {
  width: auto;
}
.grid.error-404 .input-group .input-group-field{
width: auto;
}
@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: #222;
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 {
color: #222;
border: none;
}
.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;
position: relative;
z-index: 1;
}
.hover_style3 .search-results .name-price::after{
position: absolute;
content: '';
top: -106px;
bottom: auto;
left: 0;
right: 0;
margin: auto;
border: 40px solid #fff;
z-index: -1;
width: 100%;
border-radius: 182px 0 0 182px;
-moz-border-radius: 182px 0 0 182px;
-webkit-border-radius: 182px 0 0 182px;
-khtml-border-radius: 182px 0 0 182px;
height: 400px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
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 0 0;
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 a{
display: block;
overflow: hidden;
position: relative;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
padding: 5px;
border: 2px solid var(--color-border);
}
.hover_style2 .full-search-wrapper .search-results a:hover,
.hover_style1 .full-search-wrapper .search-results a:hover{
border-color: var(--color-btn-primary);
}
.hover_style2 .search-results .name-price{
background: #faf7f2;
padding: 30px 15px 5px;
}
.hover_style2 .search-results .name-price .price-wrap,
.hover_style2 .search-results .title,
.hover_style1 .search-results .name-price .price-wrap,
.hover_style1 .search-results .title{
text-align: left;
}
.hover_style2 .search-results .name-price::after{
content: '';
position: absolute;
top: 0;
bottom: auto;
left: 0;
right: 0;
border-top: 4px double rgba(0,0,0,.1);
width: 90%;
margin: 0 auto;
}
.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: #f5f5f5;
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: 700 14px/18px var(--font-stack-header);
}
.search-results .title:hover {
color: #222;
}
.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: 12px;
line-height: 14px;
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;
}
}
/*=============================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: #f5f5f5;
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: #f5f5f5;
}
.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;
}
.collection_sidebar  .owl-nav,.collection_sidebar .owl-carousel .owl-nav .owl-prev,.collection_sidebar .owl-carousel .owl-nav .owl-next{
background:none !important;
top:-52px;
margin:0;
}
.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: #f5f5f5;
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);
}
.checkbox-group label .check:before {
content: "\f12c";
color: #222;
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 ------------*/
ul.no-bullets.top-products {
margin: 0;
}
.collection_sidebar {
float: left;
width: 100%;
text-align:left;
}
.sidebar .widget ul li.product-wrapper {
box-shadow:none;	
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;
} 
.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: #222;
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: #222;
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-weight: 600;
margin-top:0px;
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: 24px;
}
@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;float: left;width: 100%; }
.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: 700 18px/26px var(--font-stack-header);
color: var(--color-text);
}
.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;
padding-left: 20px;
}
.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;
}
.quickview-featured-image.product-photo-container {
padding: 5px;
border: 2px solid var(--color-border);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.quick-view .quick-image{
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.quick-view .product-detail-section p.dt-sc-button {
margin: 20px 0 0 0;
float: left;
}
.quick-view .product-detail-section p.product-description {
margin: 0;
float: left;
width: 100%;
padding: 15px 0;
font-size: 13px;
line-height:22px;
}
.quick-view .product-detail-section p.product-description .product-extended p {
margin: 0;
}
.quick-view .product-detail-section p.product-description .product-extended>div {
padding: 0;
}
.quick-view .product-detail-section p.product-description p {
margin: 0;
}
.quick-view .product-shop.summary .details {
float: left;
width: 100%;
}
.quick-view .close-window::before {
position: absolute;
content: "\f156";
font-family: "Material Design Icons";
right: 5px;
left: auto;
top: 5px;
height: 24px;
width: 24px;
font-size: 24px;
line-height: 24px;
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 .close-window:hover::before {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.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;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
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 img, .quick-view .product-photo-thumbs li a.active img{
border-color: var(--color-btn-primary);
}
.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;
}
.quick-view .product-shop.summary .details {
float: left;
width: 100%;
}
.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;
margin: 0;
border-bottom: 1px solid var(--color-border);
float: left;
width: 100%;
line-height: 20px;
}
.quick-view .product-shop.summary select {
width: 100%;
padding: 12px 10px;
margin: 0;
border:none;
background-color:#f7f4ef;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.quick-view .product-info {
float: left;
width: 100%;
background: none;
padding: 0;
margin: 0 0 10px;
}
.quick-view .product-info > p {
margin: 0 0 8px;
position: relative;
float: left;
width: 100%;
}
.quick-view .product-info>p::after{
position: absolute;
content: '\f12c';
font-family: 'Material Design Icons';
left: 0;
right: auto;
top: 0;
bottom: 0;
margin: auto;
color: #1cc373;
font-weight: 600;
}
.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;
position: relative;
width: 945px;
padding: 50px 0 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.quick-view .quick-shop-modal-bg {
background: var(--color-body);
height: 100%;
width: 100%;
z-index: 10;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.quick-view .quick-shop-modal-bg .quickloader {
position: absolute;
top: 50%;
left: 50%;
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;
display: inline-block;
padding: 0px;
border-radius: 100% !important;
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-wrapper.sidebar-product {
border: none;
margin: 0;
text-align: left;
list-style: none;
}
.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:#222;
}
#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 18px;
}
.quick-view .content {
width: 90%;
padding: 50px 0;
margin: 30px auto;
}
.quick-view .product-img.images {
width: 100%;
}
}
/*---------------------- 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 {
position: static;
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;
}
.ajax-success-modal .close-modal .mdi::before {
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-success-modal .close-modal .mdi:hover::before {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.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 {
position: relative;
margin: 10px auto;
vertical-align: middle;
display: inline-block;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: none;
outline: none;
box-shadow:none;	
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;
}
.modal.fade .modal-dialog{
transform: scale(0);
transition: all .5s ease-out;
}
.modal.in .modal-dialog{
transform: scale(1);
}
.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%;
border-radius: 4px; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
padding :3px;
border: 1px solid var(--color-border);
}
.ajax-product-title {
font: 500 14px/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: #222;
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;
border-radius: 0 0 0 5px; 
-moz-border-radius: 0 0 0 5px;
-webkit-border-radius: 0 0 0 5px;
-khtml-border-radius: 0 0 0 5px;
}
.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 .added-to-cart a.cart:hover, .cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart:focus, .cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart:active {
color: var(--color-btn-secondary-text);
}
.cart-popup-wrapper.modal .cart-content .content-wrap .continue-shopping {
font-size: 12px;
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 #222;
}
.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: 500;
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 -------------------*/
@media (min-width:1300px) {
.shopify-section.brand-logo .container {
max-width: 1260px;   	
}
}

#brands_list_slider.owl-carousel .owl-nav .owl-prev,#brands_list_slider.owl-carousel .owl-nav .owl-next {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto !important;
background:#fff !important;
border:2px solid var(--color-border);
}
#brands_list_slider.owl-carousel .owl-nav .owl-prev{
left:-30px;
right:auto;
}
#brands_list_slider.owl-carousel .owl-nav .owl-next{
left:auto;
right:-30px;
}
#brands_list_slider .owl-nav .owl-prev::before ,#brands_list_slider .owl-nav .owl-next::before{
line-height: 32px;
}
/* #brands_list_slider.owl-carousel .owl-nav .owl-prev:hover,#brands_list_slider.owl-carousel .owl-nav .owl-next:hover{
background:var(--color-btn-secondary) !important; 
border:1px solid var(--color-btn-secondary);
}  */
/* #brands_list_slider .owl-nav .owl-prev:hover::before ,#brands_list_slider .owl-nav .owl-next:hover::before{
color:var(--color-btn-primary-text);
line-height:33px;
} */
#brands_list_slider .owl-nav {
position: static;
width: 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;
}
.brand-logo:hover  #brands_list_slider .owl-nav{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
}
#brands_list_slider{
text-align: center;
}
#brands_list_slider .brand-bar__item .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__item:hover .brand-bar__image {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1; 
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes hvr-wobble-horizontal{
16.65% {	
-webkit-transform: translateX(8px);
transform: translateX(8px);	
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}	
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.tt-brand_slider.owl-carousel img {
display: block;
width: auto;
max-width: 100%;
text-align: center;
margin: 0 auto;
}
#brands_list_slider .brand-bar__item {
padding: 0 15px;
float: left;
width: 100%;
}
@media (max-width:991px) {
#brands_list_slider .owl-nav .owl-prev,#brands_list_slider .owl-nav .owl-next{
position: absolute;
margin: auto;
}
#brands_list_slider  .owl-nav .owl-prev{
left: -10px;
}
#brands_list_slider  .owl-nav .owl-next{
right: -10px;
}
#brands_list_slider .owl-nav .owl-prev::before, #brands_list_slider .owl-nav .owl-next::before {
line-height: 26px;
}
#brands_list_slider.owl-carousel .owl-nav .owl-prev{
left:0;
}
#brands_list_slider.owl-carousel .owl-nav .owl-next{
right:0;
}
.brand-logo #brands_list_slider .owl-nav{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
}
}
@media(max-width:480px){
#brands_list_slider.owl-carousel .owl-nav .owl-next{
right:-10px;
}
#brands_list_slider.owl-carousel .owl-nav .owl-prev{
left:-10px;
}
}
/*-------------------------------------------*/
.grid-view-item .tooltip-label {
display: none;
}
.shop_table.cart_table td, .shop_table.cart_table .shop_table.cart_table th {
padding: 15px;
text-align: center;
border: none;
border-bottom: 1px solid var(--color-border);
}
.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;
display: inline-block;
font-size: 0;
}
/*====================== Product Page ===============================*/
i.mdi {
font-size: 16px;
}
a.product-lightbox-btn.tip-top img {
width: auto;
height: auto;
}
.quick-view.open-in .product-detail-section {
text-align: left;
opacity: 1 !important;
-moz-opacity: 1 !important; 
-khtml-opacity: 1 !important; 
-webkit-opacity: 1 !important;
}
.product-arrows div {
width: 130px;
position: fixed;
top: 0;
bottom: 0;
margin: auto;
height: 130px;
padding:15px 0;
z-index:1;
}
.product-information .product-info {
display: inline-block;
float: left;
width: auto;
}
.product-information .product-info > p {
display: table;
margin: 8px 0;
float: none;
width: auto;
position: relative;
}
.product-information .product-info>p::after {
position: absolute;
content: '\f12c';
font-family: 'Material Design Icons';
left: 0;
right: auto;
top: 0;
bottom: 0;
margin: auto;
color: #1cc373;
font-weight: 600;
}
.product-information .product-info > p > label {
display: table-cell;
width: 120px;
font-weight: 500;
font-size: 13px;
color: var(--color-text);
float: left;
margin: 0;
padding-left: 20px;
}
.product-information .review-wrap {
padding: 0;
}
.product-information .product-information-inner .fixed-content .qty_attr {
padding: 0;
}
.product-information .product-information .product-single__price span.discount-percentage {
font-size: 13px;
color: #222;
}
.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 {
float: none;
width: auto;
position: static;
background: var(--color-body);
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: 14px;
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.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 {
height: 17px;
width: 25px;
float: left;
text-align: center;
line-height: 17px;
margin: 0 5px 0 0;
font-size: 16px;
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;
}
.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%;
}
/*--------------------- Quantity CSS ----------------------*/
.product-form--variant-sold-out .product-qty {
display: none;
}
.qty-box-set {
float: left;
width: auto;
position: relative;
overflow: hidden;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.qty-box-set .quantity, .qty-box-set .quantity1 {
border: none;
width: 75px;
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: 25px;
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;
}
@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: var(--color-btn-primary);
}
.qty-box-set .qtyminus:hover > i, .qty-box-set .qtyplus:hover > i, .qty-box-set .qtyminus1:hover > i, .qty-box-set .qtyplus1:hover > i{
color: #fff;
}
.qty-box-set .qtyminus > i, .qty-box-set .qtyplus > i, .qty-box-set .qtyminus1 > i, .qty-box-set .qtyplus1 > i {
color: #333;
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: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]{
border: 2px solid #f5f1e9;
}
.cart-qty-box-set .quantity {
border: none;
width: 100px;
height: 41px;
line-height: 41px;
padding: 0;
float: left;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
cursor: pointer;
text-align: center;
margin: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
appearance: none;
}
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: 118px;
height: auto;
}
/*-------------------------product tab---------------------------*/
.TTProduct-Tab {
float: left;
width: 100%;
text-align: center;
}
.nav.nav-tabs {
float: none;
width: 100%;
text-align: center;
margin: 0 0 30px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
}
.ttproduct .tab-model-wrap .grid__item {
float: left;
width: 100%;
}

.template-index .nav.nav-tabs{
text-align: center;
position: absolute;
width:auto;
left: auto;
right: 17%;
top: -6px;
bottom: auto;
margin: 0;
background: var(--color-product-primary);
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
display: flex;
align-items:center;
justify-content:center;
overflow-x: auto;
overflow-y: hidden;
}
.nav-tabs > li.nav-item.active > a, .nav-tabs > li.nav-item:hover > a{
background: var(--color-btn-primary);
color: var(--color-btn-secondary-text);
}

.nav.nav-tabs > li {
float: none;
margin-bottom: 0;
display: inline-block;
vertical-align: top;
position: relative;
flex: 0 0 auto;
}
.nav.nav-tabs > li:first-child{
margin:0 4px 0 0;
}
.nav.nav-tabs > li:last-child{
margin:0 0 0 4px;
}
.nav.nav-tabs > li > a{
float: left;
width: 100%;
padding: 0;
position: relative;
z-index: 1;
padding: 11px 22px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
}
.nav.nav-tabs > li .tab_content {
float: left;
width: auto;
display: flex;
align-items: center;
}
.ttproduct .nav.nav-tabs > li  .tab-detail{
float: right;
width: auto;
text-align: left;
}
.ttproduct .nav.nav-tabs > li  .tab-detail .tab-title {
font: 600 14px/18px var(--font-stack-header);
position: relative;   
margin: 0;
padding: 0;
overflow: hidden;
z-index: 1; 
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;
}
.ttproduct .nav.nav-tabs > li  .tab-detail .tab-item {
font:italic 500 13px/16px var(--font-stack-body);
float: left;
width: 100%;    
}
.nav-tabs > li:last-child > a {
margin-right: 0;
}
.nav-tabs > li.active > a {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;  
}

.nav>li>a:focus, .nav>li>a:hover{
background: none;
}
.TTProduct-Tab:hover .owl-theme .owl-nav {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.ttproduct .nav.nav-tabs > li .tabicon {
float: left;  
height: 85px;
width: 75px;
}
.ttproduct .nav.nav-tabs > li .tabicon .tab-icon{
height: 40px;
width: 40px;
cursor: pointer;
margin: 20px 15px;
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;
}
.ttproduct .nav.nav-tabs > li:hover .tabicon .tab-icon {
transform: rotateY(180deg); 
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.product-single__description .product_tab_wrapper {
clear: both;
margin: 50px 0 40px;
text-align: center;
padding: 0;
border: 2px solid var(--color-border);
padding :5px;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.product-single__description .product_tab_wrapper ul.tabs {  
float: left;
width: 100%;
padding: 0 15px;
background:#f7f4ef;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.product-single__description .product_tab_wrapper ul.tabs li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto;
}
.product-single__description .product_tab_wrapper ul.tabs li:last-child {
border-right: none;
}
.product-single__description .product_tab_wrapper ul.tabs li:last-child > a {
margin-right: 0;
}
.product-single__description .product_tab_wrapper ul.tabs li > a {
float: none;
display: inline-block;
vertical-align: top;  
width: auto;
font:700 16px/18px var(--font-stack-header);
margin: 0 0 -1px;
padding: 18px 15px 16px 15px;
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
-webkit-opacity: 0.9;   
}
.product-single__description .product_tab_wrapper ul.tabs li.active > a, .product-single__description .product_tab_wrapper ul.tabs li:hover > a {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.product-single__description .product_tab_wrapper ul.tabs li.active > a{
margin: 10px 0 -1px;
padding: 13px 15px 11px 15px;
background: #fff;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
width: auto;
}
.product-single__description .product_tab_wrapper .tab-container {
float: left;
width: 100%;
text-align: left;
padding: 0 15px 15px 15px;
overflow-y: auto;
overflow-x: hidden;
}
.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: 14px;
font-weight: 600;
color: #333;
border: none;
text-align: left;
padding: 15px;
line-height: 20px;
}
.product-single .tab-pane p {
margin: 0;
font-size: 13px;
}
#shopify-product-reviews {
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 (max-width: 1299px) {
.ttproduct .nav.nav-tabs > li .tab-detail .tab-title{
font-size: 14px;
line-height: 16px;
}
.ttproduct .nav.nav-tabs>li  .tab-detail .tab-item{
font-size: 12px;
line-height: 14px;    
}
}
@media only screen and (max-width: 1199px) {
.nav.nav-tabs{
display: flex;
}
.template-index .nav.nav-tabs{
top:-8px;
right: 18%;
}
}
@media only screen and (max-width: 991px) {
.product-single__description .product_tab_wrapper {
margin: 30px 0 20px;
}   
.nav.nav-tabs{
margin: 0 0 15px;
}
.template-index .nav.nav-tabs{
right:22%;
}
}
@media only screen and (max-width: 767px) {
.nav-tabs>li>a{
font-size: 14px;
}
}
@media only screen and (max-width: 700px) {
.ttproduct .tab-model-wrap .tt-title{
opacity:0;
} 
.template-index .nav.nav-tabs {
right: auto;
}
}
@media(max-width:575px){
.ttproduct .tab-model-wrap .tt-title{
display:none;
}

.nav.nav-tabs > li > a{
padding:9px 22px;
}
.ttproduct .tab-model-wrap  .section-header {
margin: 0 ;
}
.template-index .nav.nav-tabs {
position: static;
top: 0;
margin: 0 0 20px;
right: 0;
left: 0;
bottom: 0;
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.ttproduct .TTProduct-Tab .owl-theme .owl-nav{
position: static;
}
.ttproduct .tab-model-wrap  .section-header::after{
background:none;
}
.template-index .main-content .shopify-section.index-section.ttproduct{
margin:0 0  30px;
}
.ttproduct .tab-model-wrap .grid__item{
text-align:center;
}
}

@media only screen and (max-width: 480px) {
.nav-tabs > li > a {
font-size: 13px;
padding: 8px;
margin: 0;
}
  .template-index .nav.nav-tabs{
width:100%;
display:flex;
}
.product-single__description .tabs>li {
width:100%;
}
.product-single__description .product_tab_wrapper ul.tabs li > a {
width: 100%;
margin: 0 0 5px;
font-size: 14px;
line-height: 16px;
}
}
/*----------------------------- Product Best Seller --------------------------*/
.design_3 .product-single__description .product_tab_wrapper {
margin: 0;
float: right;
}
.design_3 .product-single__description.rte{
margin: 50px 0 40px 0;
}
.design_3 .product-bestseller {
float: left;
padding-left: 0;
}
.design_3 .product-bestseller .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
display: inline-block;
}
.design_3 .product-bestseller .product-wrapper .pro_btn.add_tocart a.loading svg{
display: none;
}
.design_3 .widget.widget_top_rated_products {
float: left;
width: 100%;
border: 2px solid var(--color-border);
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
}
.design_3 .widget.widget_top_rated_products .product-img {
padding: 3px;
border: 1px solid var(--color-border);
border-radius: 4px;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-khtml-border-radius: 4px; 
margin: 0 0 10px;
}
.design_3 .widget.widget_top_rated_products .owl-item:last-child .product-img {
margin: 0;
}
.design_3 .widget.widget_top_rated_products .product-img img{
border-radius: 4px;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-khtml-border-radius: 4px; 
}
.design_3 .top-products .product-wrapper .thumb-description .grid-view-item__title {
float: left;
width: 100%;
font: 500 14px/16px var(--font-stack-body);
margin: 0 0 8px;
}
.design_3 .top-products .product-wrapper .top-product-prices{
float: left;
width: 100%;
margin: 0 0 8px;
}
.design_3 .top-products .product-wrapper .top-product-cartqty{
float: left;
width: 100%;
}
.design_3 .top-products .product-wrapper .top-product-cartqty .add_tocart.pro_btn a.btn{
padding: 6px 8px;
font-size: 12px;
}
.design_3 .top-products .product-wrapper .top-product-cartqty .product-qty {
float: left;
width: auto;
margin-right: 8px;
}
.design_3 .widget_top_rated_products .top-products .owl-nav{
top: -50px;
}
@media(max-width: 1399px){
.design_3 .top-products .product-wrapper .top-product-cartqty span.add_cart.tooltip-label {
display: none;
}
}
@media(max-width: 991px){
.design_3 .top-products .product-wrapper .top-product-cartqty .add_tocart.pro_btn a.btn{
padding: 4px 8px;
}
.design_3 .top-products .product-wrapper .top-product-cartqty span.sold_cart.tooltip-label{
display: none;
}
}
@media(max-width: 480px){
.design_3 .widget.widget_top_rated_products .product-img img{
width: 100%;
}
}
/*----------------------------- END --------------------------*/
.product-wrapper .product {
display: block;
margin-bottom: 0;
}
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 ------------------*/
#GotoTop {
background: var(--color-btn-primary);  
bottom: 40px;
cursor: pointer;
height: 40px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
position: fixed;
right: 40px;
text-align: center;
width: 40px;
z-index: 1;
color: var(--color-btn-secondary-text);
display: none;
top: auto !important;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
@media only screen and (max-width: 767px) {
#GotoTop {
right: 20px;
bottom: 40px;
}
}
#GotoTop:hover {
background: var(--color-btn-secondary);
color: var(--color-btn-primary-text) !important;
transform: translateY(-6px);
-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
-o-transform: translateY(-6px);
-ms-transform: translateY(-6px);
}
#GotoTop i.mdi{
font-size: 22px;
line-height: 40px;
width: 40px;
height: 40px;
float: none;
display: inline-block;
vertical-align: top;
}
/*--------------------- contact form --------------------*/
.contact-title {
float: left;
width: 100%;
font: 700 22px/24px var(--font-stack-header);
color: var(--color-text);
margin: 0 0 30px;
}
.contact-form .btn {
background: var(--color-btn-primary);
color: var(--color-btn-primary-text);
padding: 10px 25px;
}
.contact-form .btn:hover, .contact-form .btn:active, .contact-form .btn:focus {
background: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.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,.contact-us-page .social-sharing .tt-social-share {
float: left;
width: 100%;
}
.contact-us-page .social-sharing .social-icon {
float: none;
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
.contact-us-page .social-sharing .social-icon i {
font-size: 20px;
color: #aaa;
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 .social-icon a:hover i {
color: var(--color-btn-secondary);
}
.contact-us-page .social-sharing .social-title,.contact-us-page .address-container .small-title{
font: 600 20px/24px var(--font-stack-header);
float: left;
width: 100%;
color: var(--color-text);
margin: 0 0 30px;
}
.contact-us-page .social-sharing .social-title{
line-height: 38px;
}
.contact-us-page .social-sharing .tt-social-share,.contact-us-page .social-sharing .social-title {
width: auto;
margin: 0;
}
.contact-us-page .address-container .small-title{
background: #f7f4ef;
padding: 15px;
}
.contact-us-page .social-sharing {
background: #f7f4ef;
padding: 10px 15px;
}
.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: 500;
color: #222;
}
.address-container.right-to-left {
float: left;
width: 100%;
border: 1px solid var(--color-border);
padding: 15px;
}
.contact-us-page {
float:left;
width:100%;
}
.contact-us-form {
float: left;
width: 100%;
margin: 0 0 30px;
}
.contact-us-page  .address-text i.mdi {
font-size: 30px;
line-height: 30px;
float: none;
display: inline-block;
vertical-align: top;
color: #aaa;
}
@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;
}
.contact-us-page .social-sharing .social-icon{
width: 30px;
height: 30px;
line-height:30px;
}
.contact-us-page .social-sharing .social-icon i{
font-size:16px;
}
}
@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;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
padding: 3px;
border: 1px solid var(--color-border);
}
.wishlist.template-page .table-responsive{
border:none;
float:left;
width:100%;
}
.wishlist_table thead th span {
font: 600 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-remove, .wishlist_table .product-thumbnail, .wishlist_table .product-name, .wishlist_table .product-price, .wishlist_table .product-stock-stauts, .wishlist_table .wishlist-product-price.product-price, .wishlist_table .product-stock-status, .wishlist_table .product-add-to-cart {
text-align: center;
padding: 15px;
position: relative;
}
.wishlist_table .product-name a.wishlist-item-link{
font: 500 14px/16px var(--font-stack-body);
color: #444;
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;
}
.wishlist_table .product-name a.wishlist-item-link:hover{
color:#222;
}
.wishlist_table .wishlist-product-price.product-price span.money {
color: var(--color-sale-text);
font-weight: 700;
font-family: var(--font-stack-header);
}
.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;
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;
}
.wishlist_table .product-remove .remove_from_wishlist:hover {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
color: #ff0000;
}
@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 {  
padding: 25px;
float: left;
width: 100%;
}
/*---------- Product compare error modal--------------*/
.customer_account .compare-icon-div .compare-icon {
font-size: 13px;
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;
}
.customer_account .compare-icon-div span.compare-count {
font-family: var(--font-stack-header);
}
.compare_table .compare-box td span.money {
font: 700 16px/18px var(--font-stack-header);  
color: var(--color-sale-text);
}
.compare_table .compare-box .productname td a{
color:var(--color-text);
font-weight:700;
}
.compare_table .compare-box .productname td a.compare-item-link{
font: 500 14px/16px var(--font-stack-body);
color: #444;
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;
}
.compare_table .compare-box .productname td a.compare-item-link:hover{
color:var(--color-text-hover-field);
}
body.compare .table-responsive {
float: left;
width: 100%;
border-color: var(--color-border);
}
body .compare-model{
float:left;
width:100%;
text-align:center;
}
body .compare-model .modal .modal-dialog {
margin: 35px auto;
width: auto;
max-width: 700px;
float: none;
display: inline-block;
vertical-align: top;
}
body .compare-model .modal .modal-dialog .modal-content {
margin: 0 auto;
border-width: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
text-align: center;
}
body .compare-model .modal .modal-dialog .modal-content > div {
width: 100%;
margin: 0 auto;
}
body .compare-model .modal .modal-dialog .modal-content .modal-header .close {
opacity: 1;
}
body .compare-model .modal .modal-dialog .modal-content .close {
opacity: 1;
}
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 {
background-color: var(--color-body);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
padding: 0;
float: left;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
body .compare-model .modal .modal-dialog .modal-content .modal-body .modal-header {
float: left;
width: 100%;
border-width: 2px;
margin-top: 5px;
border-color: var(--color-border);
padding: 12px 15px;
}
body .compare-model .modal .modal-dialog .modal-content .modal-body .compare-button {
float: left;
width: 100%;
padding: 15px;
}
body .compare-model .modal .modal-dialog .modal-content .modal-body a.compare {
float: right;
}
body .compare-model .max_compare {
font: 700 16px/18px var(--font-stack-header);
margin-bottom: 0;
float: left;
width: auto;
color: var(--color-text);
}
@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 .left_img .second-productimg .image_thumb_swap, .product-wrapper .product-thumb .right_img .second-productimg .image_thumb_swap {
left: -100%;
right: auto;
}
.product-wrapper .product-thumb .right_img .second-productimg .image_thumb_swap {
right: -100%;
left: auto;
}
.product-wrapper .product-thumb .zoom_img .second-productimg .image_thumb_swap {
margin: 0 auto;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
}
.product-wrapper .product-thumb .left_img:hover .second-productimg .image_thumb_swap, .product-wrapper .product-thumb .right_img:hover .second-productimg .image_thumb_swap {
left: 0;
right: 0;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.product-wrapper .product-thumb .zoom_img:hover .second-productimg .image_thumb_swap {
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);
visibility: visible;
}
/*======================= 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 .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 {
float: left;
width: 100%;
}
.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: 12px;
width: 12px;
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: 12px;
line-height: 12px;
margin: 0 4px 0 0;
}
.specialproduct .product-size li.size.active{
background:var(--color-border);
}
.specialproduct .product-size li.size{
padding: 7px 12px;
border: 1px solid var(--color-border);
border-radius: 5px;
} 
.specialproduct .item-swatch.color_swatch_Value label,.specialproduct .product-layouts .product-wrapper .item-swatch.color_swatch_Value{
display:none;
}
.product-size li:hover label,.product-size li.active label{
color: #222;
}
.product-layouts .product-wrapper .color-size {
float: left;
width: 100%;
margin: 0 0 5px; 
}
/* .tab-pane .product-layouts .product-wrapper .color-size,
.products-grid-view .product-grid .product-layouts .product-wrapper .color-size,
.related-products .product-layouts .product-wrapper .color-size{
display: none;
} */
.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: 12px;
line-height: 12px;
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 Button Common CSS ============================*/
.product-wrapper .btn_wrapper .pro_btn form {
float: left;
height: 100%;
margin: 0;
width: 100%;
}
.product-wrapper .btn_wrapper .pro_btn a {
cursor: pointer;
float: right;
width: 40px;
height: 40px;
padding: 0;
border-radius: 25px; 
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
}
@media(max-width: 991px){
.product-wrapper .btn_wrapper .pro_btn a{
width: 30px;
height: 30px;
}
}
.product-wrapper .pro_btn a.add-to-cart-disable {
cursor: not-allowed;
}
.style1 .product-wrapper .pro_btn a.add-to-cart-disable:focus,.style1 .product-wrapper .pro_btn a.add-to-cart-disable:active{
background: none;
}
.style3 .product-wrapper .pro_btn a.btn.add-to-cart-disable:active svg,.style3 .product-wrapper .pro_btn a.btn.add-to-cart-disable:focus svg,.style3 .product-wrapper .pro_btn a.btn.add-to-cart-disable:hover svg{
fill: var(--color-product-primary-text);
}
/*======================= Product common css ============================*/
.product-cat-item {
float: left;
position: relative;
margin-bottom: 25px;
}
.product-layouts {
display: inline-block;
float: left;
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: 80px;
width: 80px;
padding: 25px;
background: var(--color-btn-secondary);
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-mobile-gutter .product-layouts.grid-view-item .product-wrapper .product-thumb{
float: left;
width: 100%;
padding: 0;
position: relative;
overflow: hidden;
z-index: 1;
border-radius: 8px; 	
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
-khtml-border-radius: 8px; 
}
.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 .fade_img img.image_thumb_swap {
left: 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
position: absolute;
right: 0;
top: 0;
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;
margin: auto;
bottom: 0;
}
.product-layouts .product-wrapper .product-thumb .fade_img img.image_thumb {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
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;
}
.product-layouts .product-wrapper .product-thumb .btn_wrapper {
position: absolute;
left: auto;
bottom: 0;
width: 40px;
height: 153px;
top: 0;
right: 10px;
margin: auto;
z-index:1;
transform: translateX(140px);
-webkit-transform: translateX(140px);
-moz-transform: translateX(140px);
-o-transform: translateX(140px);
-ms-transform: translateX(140px);
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 .product-thumb .btn_wrapper .pro_btn {
float: left;
width: 100%;
margin: 0 0 10px;
z-index: 1;
border-radius: 25px; 
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
}
.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper{
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
}
.product-layouts .product-wrapper .product-thumb .btn_wrapper .pro_btn .tooltip-label{
display: block;
}
.product-layouts .product-wrapper .product-thumb .left_img, .product-layouts .product-wrapper .product-thumb .right_img {
overflow: hidden;
position: relative;
padding: 0;
}
.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;
}
.product-layouts .zoom_img, .product-layouts .fade_img {
overflow: hidden;
padding: 0;
position: relative;
}
.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-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;
}
.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description,
.products-grid-view > .product-grid .product-layouts .product-wrapper .product-description,
.related-products .product-layouts.grid-view-item .product-wrapper .product-description,
#recently-viewed-products .product-wrapper .product-description,
.search-products .product-wrapper .product-description,
#newproduct_products_slider .product-wrapper .product-description{
width: 100%;
position:relative;
float:left;
text-align:center;
padding: 15px 0 0 10px;
z-index: 1;
}
.products-grid-view>.product-grid .product-layouts .product-wrapper .product-description .grid-view-item__vendor,
.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__vendor,
.related-products .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__vendor,
.search-products .product-wrapper .product-description .grid-view-item__vendor,
#newproduct_products_slider .product-wrapper .product-description .grid-view-item__vendor,
.list-collection-products .product-layouts .product-wrapper .product-description .grid-view-item__vendor{
display: none;
}
.product-description .h4{ 
float: left;
width:100%;
margin: 0 0 10px;  
white-space: nowrap;
}
#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: 500 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;
}
.product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta {
float: left;
width: 100%;
margin: 0 0 10px;
font-family: var(--font-stack-header);
}
.product-price__price,.product-price__price .money,.price,price .money{
font: 800 16px/18px var(--font-stack-header);
color: var(--color-sale-text);
}
.product-short-list .product-price__price .money{
float: left;
width: 100%;
text-align: center;
}
.product-price__price.compare_price .money,
.product-price__price.compare_price{
font: 400 13px/16px var(--font-stack-header);
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:#222;
font-size: 13px;
}
.product-price__sale-label,.product-wrapper .custom_label {
position: absolute;
left: 0px;
right:auto;
top: 10px;
bottom:auto;
color:#444;
font-size:13px;
line-height: 20px;   
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.product-wrapper .product-price__sale-label{
background: var(--color-product-secondary);
padding: 3px 11px;
border-radius: 5px;
color: #fff;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible; 
}
.product-short-list .product-price__sale-label {
font-size: 11px;  
}
.product-wrapper .custom_label {
top: 40px; 
left: 0;
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-short-list .product-wrapper .custom_label {
font-size: 11px;
}
.product-wrapper:hover .custom_label{
left: 0px;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
left: 10px;
visibility:visible;
}
.product-wrapper .spr-badges.grid-item-meta {
position: static;  
margin: 0 0 10px;
float: left;
width: 100%;
}
.product-wrapper .spr-badge{
float: none;
width: auto;
display: inline-block;
vertical-align: top;  
}
@media (min-width: 992px) and (max-width: 1199px){
.product-layouts .product-wrapper .product-thumb  img.image_thumb{
width:100%;
}
}
@media only screen and (max-width: 991px){
.product-wrapper .sold-out-tag {
height: 70px;
width: 70px;
padding: 25px;
}
.product-wrapper .product-price__sale-label{
padding: 2px 8px;
font-size: 11px;
line-height: 16px;
}
.product-wrapper .sold-out-tag .tag{
font-size: 12px;
line-height: 16px;
}
.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 .custom_label {
top: 28px;
} 
.product-price__price,.product-price__price .money,.price,price .money{
font-size: 14px;
line-height: 16px;
}
.product-layouts .product-wrapper .product-thumb .btn_wrapper{
width: 30px;
}
}
@media(max-width:767px){
.product-short-list .product-price__price .money{
text-align:left;
}
}
@media only screen and (min-width: 481px) {
.style1 .product-layouts .fade_img {
float: left;
width: 100%;
}
}
@media only screen and (max-width: 480px){
.product-layouts {
padding: 0 10px;
}

.product-price__price.compare_price .money,
.product-price__price.compare_price{
font-size: 10px;
}
.product-price__sale-label,.product-wrapper .custom_label {
font-size:12px;  
}
.product-wrapper .sold-out-tag {
height: 50px;
width: 50px;
padding: 7px;
}
.product-wrapper .sold-out-tag .tag{
font-size: 10px;
line-height: 12px;
}
.product-wrapper{
margin: 0 0 15px;
}
.tt-product .product-wrapper{
border: 2px solid var(--color-border);
}
.grid-view-item__meta .discount-percentage{
font-size: 11px;
}
.product-layouts .product-wrapper .product-thumb .btn_wrapper{
height :120px;
}
.product-wrapper .spr-badges.grid-item-meta{
margin: 0 0 5px;
}

.product-description .h4{
margin: 0 0 5px;
}
.product-wrapper .product-price__sale-label{
padding: 2px 6px;
font-size: 10px;
line-height: 14px;
}
.product-layouts .product-wrapper .product-thumb .btn_wrapper .pro_btn{
margin: 0 0 5px;
}
}
/*---------------- recently viewed products ------------------*/
#recently-viewed-products {
float: left;
width: 100%;
}
#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 .owl-nav{
top:-75px
}
#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%;
margin: 0 0 10px;
}
#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%;
}
#recently-viewed-products-wrap  .section-header::after{
background:none;
} 
#recently-viewed-products-wrap  .section-header{
text-align:center;
}
.product-arrows { 
width: auto;
height: 37px;
line-height: 30px;
margin: 0;
float: right;
}
.product-arrows div i {
background: #222 none repeat scroll 0 0;
color: #fff;
font-size: 15px;
height: 104px;
padding: 40px 10px;
width: 30px;
line-height: 25px;
}
.product-arrows a img {
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;
}
.product-arrows a:hover img {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.product-arrows div a .title {
display: none;
}
.product-arrows span {
width: 35px;
text-align: center;
height: 35px;
border: 1px solid var(--color-border);
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: 2px;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.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 (max-width: 1199px) {
#recently-viewed-products-wrap {
margin: 0px 0 0;
}
}
@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: #222 none repeat scroll 0 0;
color: #fff;
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-wrap {
margin: 0px 0 0;
}
}
@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;
}
.product-single.design_4 .product-information-inner form#AddToCartForm{
padding-top: 0;
}
a.grid-link__title {
font: 500 14px/16px var(--font-stack-body);
text-overflow: ellipsis;
overflow: hidden;
float: left;
width: 100%;
color: #444;
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: 1025px) {
.product {
position: relative;
}
}
.product-tab-type-1.categories-block {
padding: 0;
}
.grid-uniform {
margin-left: -var(--gutter)/2;
margin-right: -var(--gutter)/2;
}
@media only screen and (max-width: 480px) {
.grid-uniform {
margin-left: -15px;
margin-right: -15px;
}
a.grid-link__title {
font-size: 14px;
line-height: 16px;
}
}
/*================ 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;
}
.sidebar-products .on-sale-tag{
top:10px;
right:10px;
}
.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 h5 {
margin: 5px 0;
font: 400 12px/18px var(--font-stack-body);
float: left;
width: 100%;
}
.products-grid-view > .grid-item{
overflow: hidden; 
}
.content_wrap.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block, .content_wrap.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;
}
.content_wrap.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block span, .content_wrap.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;
}
.content_wrap.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block::after, .content_wrap.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) {
.content_wrap.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .product-wrapper .btn_wrapper .pro_btn a, .content_wrap.right-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .product-wrapper .btn_wrapper .pro_btn a, .content_wrap.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .product-wrapper .btn_wrapper .pro_btn a > i, .content_wrap.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;
}
}
a.product-t {
position: relative;
float: left;
overflow: hidden;
margin: 0 auto;
height:100%;
display:inline-block;
text-align: center;
width: 100%;
}
.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;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.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;
}
.product-wrapper.product_container:hover .product-thumb .fade_img img.image_thumb {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
}
.product-wrapper.product_container:hover .product-thumb .fade_img img.image_thumb_swap {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.style1 .product-wrapper.product_container:hover .product-thumb .fade_img img.image_thumb {
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility:visible;
}
@media (min-width: 1201px) {
.full_width .product-list .product-thumb {
width: auto;
}
}
@media only screen and (max-width: 480px) {
.product-list .product-description {
width: 100%;
text-align: center;
padding: 0 15px !important;
}
}
/*--------------------- newsletter Common CSS ------------------------*/
.block_newsletter form input[type="email"] {
padding: 10px 145px 10px 15px;
width: 100%;
height: 50px;
text-align: center;
}
.block_newsletter form .input-group .input-group-btn .btn {
padding: 0 32px;
height: 45px;
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 0px;
border:none;
z-index:1;
border-radius: 5px; 	
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px;
}
.input-group.newsletter-input {
float: left;
width: 100%;
position: relative;
}
.block_newsletter .ttinput_newsletter button span.icon{
display: none;
}
.block_newsletter .block_content form .input-group span.subscribe {
font: 400 14px/18px var(--font-stack-body);
}
@media (max-width: 1199px) {
.block_newsletter form .input-group .input-group-btn .btn {
padding: 8px 20px;
height: 34px;
}
.block_newsletter .block_content form .input-group span.subscribe {
font-size: 12px;
line-height: 16px;
}
.block_newsletter form input[type="email"] {
padding: 10px 125px 10px 15px;
height: 40px;
}
}
@media (max-width: 600px) {
.block_newsletter .block_content form .input-group span.subscribe {
font-size: 10px;
line-height: 12px;
}
}
@media (max-width: 480px) {
.block_newsletter .ttinput_newsletter button span.icon{
display: block;
}
.block_newsletter form .input-group .input-group-btn .btn {
padding: 0 8px;
}
.block_newsletter form input[type="email"] {
padding: 10px 55px 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: -55px;
left: 0;
right: 0;
padding: 12px 14px;
z-index: 2;
width: auto;
font-size: 13px;
margin: 0;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.block_newsletter .form-vertical {
float: left;
width: 100%;
position: relative;
}
.block_newsletter .ttinput_newsletter button i {
display: none;
}
/*--------------------- newsletter model CSS ------------------------*/
.modal-dialog {
margin: 0;
}
.modal-header i.mdi.mdi-close {
float: left;
width: 25px;
text-align: center;
line-height: 25px;
font-size: 18px;
height: 25px;
}
.modal-header .close {
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: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
margin: 0;
}
.modal-header .close:hover {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
-webkit-opacity: 0.9;
}
.modal-md {
margin: 0 auto;
}
.modalpopupclose {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
#newsletterModal .modal-dialog .modal-content .modal-block .title {
float: left;
width: 100%;
font: 500 20px/22px var(--font-stack-header);
margin: 0 0 20px;
color: #fff;
}
#newsletterModal .modal-dialog .modal-content .modal-block .desc{
font: 800 62px/64px var(--font-stack-header);
float: left;
width: 100%;
color: #fff;
margin: 0 0 10px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .subtitle {
color: #fff;
font: 400 18px/20px var(--font-stack-body);
float: left;
width: 100%;
margin: 0 0 15px;
}
.modal-newsletter .checkbox-group {
line-height: normal;
text-align: center;
float: left;
width: 100%;
z-index: 1;
}
.modal-newsletter .checkbox-group input[type="checkbox"] + label {
font-size: 13px;
color: #eee;
}
.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: #fff;
}
.modal-newsletter .checkbox-group.active input[type="checkbox"] + label {
color: #fff;
}
.modal-newsletter .checkbox-group.form-group-top input[type="checkbox"] {
height: 15px;
width: 15px;
float: none;
vertical-align: top;
display: inline-block;
margin: 0px;
}
.modal-newsletter .checkbox-group label .check:before {
content: "\f12c";
color: var(--color-btn-secondary);
background:#fff;
font-size: 12px;
line-height: 18px;
font-family: 'Material Design Icons';
font-style: normal;
font-weight: 500;
display: none;
}
.color_swatch_Value li.active label {
width: 14px;
height: 14px;
}
.modal-newsletter p {
padding-bottom: 7px;
}
#newsletterModal .modal-header {
height: 25px;
width: 25px;
position: absolute;
top: 5px;
right: 5px;
border: none;
z-index: 1;
background: #fff;
padding: 12px;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
}
#newsletterModal .modal-header .close {
position: absolute;
right: 0;
left: auto;
top: 0;
bottom: auto;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
height: 25px;
width: 25px;
text-align: center;
color: #222;
}
#newsletterModal .modal-header .close:hover i:before {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
#newsletterModal .modal-header .close i:before {
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 .row-subscibe {
margin: 0 0 30px;
float: left;
width: 100%;
position: relative;
}
#newsletterModal .modal-newsletter .row-subscibe input {
height: 44px;
border: none;
font-size: 14px;
color: #666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
text-align: center;
margin: 0 0 25px;
font-weight: 400;
padding: 15px;
z-index: 1;
position: relative;
}
#newsletterModal .modal-newsletter .row-subscibe input[type="text"]::placeholder {
color: #222;
}
#newsletterModal .modal-newsletter .row-subscibe button {
height: 40px;
background: var(--color-btn-primary);
color: var(--color-btn-secondary-text);
padding: 0 24px;
border: 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;
}
#newsletterModal .modal-newsletter .row-subscibe button:hover {
color: var(--color-product-primary-text);
}
#newsletterModal .modal-newsletter .row-subscibe button:hover::after {
background: var(--color-body);
}
#newsletterModal .modal-newsletter .checkbox-group .box {
margin-top: 0;
display: none;
top: 2px;
bottom: auto;
}
#newsletterModal .modal-newsletter .checkbox-group label {
font-size: 13px;
line-height: 16px;
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: #fff;
}
#newsletterModal .modal-newsletter p {
margin-bottom: 0px;
}
#newsletterModal .modal-content .modal-block {
width: 100%;
float: left;
background: var(--color-btn-secondary);
padding: 80px 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}
#newsletterModal form.subscribe-form {
width: auto;
float: none;
margin: 0;
display: inline-block;
vertical-align: top;
text-align: center;
}
#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;
width: 650px;
position: relative;
border-radius: 15px; 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
@media only screen and (max-width: 1399px) {
#newsletterModal .modal-dialog .modal-content .modal-block .subtitle,
#newsletterModal .modal-dialog .modal-content .modal-block .title{
font-size: 16px;
line-height: 18px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .desc{
font-size: 52px;
line-height: 54px;
}
}
@media only screen and (max-width: 1299px) {
#newsletterModal .modal-content .modal-block{
padding: 50px 15px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .desc{    
font-size: 42px;
line-height: 44px;
}
#newsletterModal .modal-newsletter .row-subscibe{
margin: 0 0 20px;
}
#newsletterModal .modal-dialog.white-modal.modal-md{
width:550px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .title{
margin: 0 0 15px;
}
}
@media only screen and (max-width: 1199px) {
#newsletterModal .modal-dialog.white-modal.modal-md {
width: 500px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .title{
margin: 0 0 12px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .desc{
font-size: 34px;
line-height: 36px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .subtitle{
margin: 0 0 15px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .subtitle,
#newsletterModal .modal-dialog .modal-content .modal-block .title{
font-size: 14px;
line-height: 16px;
}
}
@media only screen and (max-width: 767px) {
#newsletterModal .modal-header .close {
width: 20px;
height: 20px;
}
#newsletterModal .modal-header{
width: 20px;
height: 20px;
padding: 10px;
}
#newsletterModal .modal-header i.mdi.mdi-close {
font-size: 16px;
width: 20px;
height: 20px;
line-height: 20px;
}
#newsletterModal .modal-dialog.white-modal.modal-md {
width: 420px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .desc {
font-size: 30px;
line-height: 32px;
}
#newsletterModal .modal-newsletter .row-subscibe button{
height: 36px;
padding: 0 18px;
font-size: 13px;
}
#newsletterModal .modal-newsletter .row-subscibe input{
height: 40px;
font-size: 13px;
margin: 0 0 15px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .subtitle,
#newsletterModal .modal-dialog .modal-content .modal-block .title{
font-size: 12px;
line-height: 14px;
}
#newsletterModal .modal-content .modal-block {
padding: 30px 15px;
}
}
@media only screen and (max-width: 480px) {
#newsletterModal .modal-dialog.white-modal.modal-md {
width: 300px;
}
#newsletterModal .modal-newsletter .row-subscibe {
margin: 0 0 15px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .title {
margin: 0 0 10px;
font-size: 12px;
line-height: 14px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .desc {
font-size: 26px;
line-height: 28px;
}
#newsletterModal .modal-dialog .modal-content .modal-block .subtitle {
margin: 0 0 10px;
font-size: 12px;
line-height: 14px;
}
#newsletterModal .modal-newsletter .checkbox-group label{
font-size: 12px;
}
}
/*-------------------- 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-dataContainer .lb-data .lb-closeContainer .lb-close::before{
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;
}
.lightbox .lb-dataContainer .lb-data .lb-closeContainer .lb-close:hover:before{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev{
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-khtml-border-radius:0 5px 5px 0;
}
.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next{
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-khtml-border-radius:5px 0 0 5px;
}
.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-primary);
}
.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_latest_new_home .text-center {
padding: 30px 0 0;
}
.blog_latest_new_home .grid--blog {
text-align: center;
}
#blog_slider .article__grid__inner .ttblog_image_holder a.article__grid-image {
float: left;
width: 100%;
position: relative;
overflow: hidden;
border-radius: 10px; 	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
}
#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;
}
#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-content-wrap {
padding: 0;
float: left;
width: 100%;
text-align: left;
}
#blog_slider .tt-blog-content .blog-content-wrap .h3.article__title a {
text-overflow: ellipsis;
float: left;
width: 100%;
overflow: hidden;
}
#blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt {
font:italic 400 13px/22px var(--font-stack-header);
margin: 0 0 15px;
float: left;
width: 100%;
}
#blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons {
float: left;
width: 100%;
margin: 0;
}
#blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons > li {
float: left;
width: 100%;
margin: 0;
}
#blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more {
float: left;
width: auto;
position: relative;
padding: 0 0 0 25px;
}
#blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more:after {
content: " ";
position: absolute;
left: 0;
right: auto;
top: 0;
bottom: 0;
margin: auto 0;
background: #222;
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_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more:hover{
color: var(--color-btn-primary);
padding: 0 0 0 35px;
}
#blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more:hover:after {
width: 30px;
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 .article__date span{
float: left;
width: 100%;
font-size: 13px;
font-weight: 500;
}
#blog_slider .tt-blog-content .article__title {
font: 600 16px/18px var(--font-stack-header);
display: inline-block;
overflow: hidden;
width: 100%;
float: left;
margin: 0 0 10px;
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.grid-blog-slider .article__grid-image img {
width: 100%;
}
.tt-blog-content span.bloglinks {
bottom: 0;
height: 45px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 45px;
z-index: 1;
}
.tt-blog-content span.bloglinks a {
border: 2px solid #fff;
color: #fff;
float: left;
width: 45px;
padding: 11px;
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);
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
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 span.bloglinks a i {
float: left;
font-size: 20px;
line-height: 22px;
font-weight: normal;
}
.tt-blog-content:hover .blog_image_holder .bloglinks a,.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);
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.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;
}
.ttblog_image_holder.blog_image_holder {
float: left;
width: 100%;
position: relative;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a.btn::before {
border-bottom: none;
}
@media only screen and (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,.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);
}
}
@media only screen and (max-width: 767px) {
#blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt {
font-size: 12px;
}
.feature-blog .section-header .subtitle {
padding: 0;
}
}
@media only screen and (max-width: 480px) {
#blog_slider .article__date span{
font-size: 11px;
line-height: 16px;
}

.feature-blog .owl-theme .owl-nav{
right:10px;
}
}
/*--------------------- blog Next Prev CSS -------------------*/
#blog_slider.owl-theme .owl-dots {
margin: 20px 0 0;
}
#blog_slider .brand-bar__item {
padding: 0 15px;
float: left;
width: 100%;
}
.owl-theme .owl-dots .owl-dot span{
display: none;
}
.owl-theme .owl-nav{
margin:0;
}
.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-next {
right: -30px;
}

.owl-carousel .owl-nav .disabled{
cursor: not-allowed;
opacity:0.6;
}
.owl-theme .owl-nav .owl-next:hover::before,
.owl-theme .owl-nav .owl-prev:hover::before{
color:var (--color-btn-primary);
}
@media (max-width: 1000px) {
.owl-theme .owl-nav .owl-prev{
left: -15px;
} .owl-theme .owl-nav .owl-next {
right: -15px;
}
}
@media (max-width: 991px) {
.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;
}
}
@media(max-width:767px){
.owl-theme .owl-nav {
padding:0 10px;
}
}
/*--------------------- blog inner content -------------------*/
.blogleft_inner_content {
float: left;
width: 100%;
}
.blogleft_inner_content .article.tt-blog-content {
float: left;
width: 100%;
padding: 0;
margin: 0 0 30px;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description {
float: left;
width: 100%;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description p {
font: 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: 700 16px/20px var(--font-stack-header);
margin: 0 0 10px;
float: left;
width: 100%;
}
.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-primary);
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .blog-tag {
margin: 0 0 5px;
float: left;
width: 100%;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .tt-social-share {
float: left;
width: 100%;
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 .tt-social-share i.mdi {
font-size: 18px;
line-height: 30px;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn {
float: left;
width: 100%;
}
.blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a {
background: none;
color: #222;
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: #222;
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 a{
display: block;
position: relative;
overflow: hidden;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.blogleft_inner_content .tt-blog-content .blog_image_holder img {
width: 100%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.blogleft_inner_content .article .ttblog_image_holder.blog_image_holder {
float: left;
width: 100%;
position: relative;
overflow: hidden;
margin: 0 0 15px;
}
.blogleft_inner_content .article .blogs-sub-title {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
padding: 10px;
position: absolute;
top: auto;
bottom: 10px;
left: auto;
right: 10px;
box-shadow: 1px 0 10px rgb(0 0 0 / 10%);
background: #fff;
color: #666;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.blogleft_inner_content .article .blogs-sub-title p {
margin: 0;
float: none;
display: inline-block;
vertical-align: top;
}
.blogleft_inner_content .article .blogs-sub-title p i.mdi {
vertical-align: middle;
}
@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 .tt-social-share {
width: 100%;
float: left;
}
.blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn {
float: left;
width: 100%;
margin: 15px 0 0;
}
.blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn .btn {
line-height: 20px;
}
.blog_list.grid__item.blog_list_item p.blog-date {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
padding: 10px;
position: absolute;
top: auto;
bottom: 10px;
left: auto;
right: 25px;
box-shadow: 1px 0 10px rgb(0 0 0 / 10%);
color:#666;
background: #fff;
margin:0px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.blog_list.grid__item.blog_list_item p.blog-date .mdi.mdi-calendar {
vertical-align: middle;
}
.blog_list.grid__item.blog_list_item .blog-tag {
float: left;
width: 100%;
margin: 0 0 5px;
}
.blog_list.grid__item.blog_list_item .comments-count {
float: left;
width: 100%;
padding: 0;
margin: 5px 0;
}
.blog_list.grid__item.blog_list_item .blog_title_wrap {
width: auto;
float: left;
}
.blog_list.grid__item.blog_list_item .blog_descrition {
margin: 5px 0 0;
padding: 0;
}
.blog_list.grid__item.blog_list_item .blog_descrition p {
font:400 13px/22px var(--font-stack-body);
margin: 0 0 10px;
float: left;
width: 100%;
}
.blog_list .article.tt-blog-content {
float: left;
width: 100%;
margin: 0 0 30px;
}
.blog_list .article.tt-blog-content .ttblog_image_holder a.article__grid-image {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.blog_list .article.tt-blog-content .ttblog_image_holder a.article__grid-image img{
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.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-weight: 700;
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:#222;
}
.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: #222;
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%;
padding:0;
margin: 0 0 30px;
}
/*----------------- blog single post -----------------*/
.content_wrap article.grid-item.blog-post-single {
padding: 0;
}
.blog-post-single a.blog-post__full-image {
float: left;
width: 100%;
margin: 0 0 20px;
}
.blog-post-single a.blog-post__full-image img {
width: 100%;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.blog-post-single .blog-meta {
float: left;
width: auto;
}
.blog-post-single .blog-meta .article_date {
font-size: 13px;
line-height: 18px;
color: var(--color-body-text);
border-right: 1px solid var(--color-border);
padding-right: 15px;
float: left;
width: auto;
}
.blog-post-single .blog-meta .article_date i.mdi.mdi-calendar {
vertical-align: top;
}
.blog-post-single .blog-meta a.blog__name {
float: left;
width: auto;
font-size: 13px;
line-height: 20px;
}
.blog-post-single .section-header.text-left h1 {
font: 700 20px/22px var(--font-stack-header);
color: var(--color-text);
float: left;
width: 100%;
margin: 20px 0 0;
}
.blog-post-single > .rte {
float: left;
width: 100%;
margin: 15px 0 25px;
}

.blog-post-single .item-social-sharing.text-left {
float: left;
width: 100%;
margin: 0 0 30px;
}
.blog-post-single .item-social-sharing h2.h4 {
float: left;
width: 100%;
font-size: 16px;
line-height: 18px;
font-weight: 500;
color: #333;
margin: 0 0 10px 0;
display: none;
}
.blog-post-single .item-social-sharing .tt-social-share {
float: left;
width: 100%;
}
.blog-post-single .item-social-sharing .tt-social-share > div {
float: left;
width: 30px;
height: 30px;
margin: 0 10px 0 0;
}
.blog-post-single .item-social-sharing .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 .item-social-sharing .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 .item-social-sharing .tt-social-share > div i.mdi {
font-size: 18px;
line-height: 30px;
}
.blog-post-single .item-social-sharing .tt-social-share > div.facebook > a {
background: #3b5998;
}
.blog-post-single .item-social-sharing .tt-social-share > div.twitter > a {
background: #00aced;
}
.blog-post-single .item-social-sharing .tt-social-share > div.google_plus > a {
background: #d34836;
}
.blog-post-single .item-social-sharing .tt-social-share > div.pinterest > a {
background: #c8232c;
}
.blog-post-single .item-social-sharing .tt-social-share > div.linkedin > a {
background: #0077B5;
}
.blog-post-single .paginatoin_custom.blog_nav {
float: left;
width: 100%;
}
.blog-post-single .newer-post{
float: right;
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
.blog-post-single hr.hr--clear.hr--small {
display: none;
}
.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;
font-weight: 500;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
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-secondary-text);
background: var(--color-btn-secondary);
}
.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 {
float: left;
width: auto;
border-left: 1px solid var(--color-border);
padding-left: 15px;
line-height: 18px;
color: var(--color-body-text);
}
.blog-post-single .meta.text-center {
float: left;
width: auto;
margin: 0 0 0 10px;
color: var(--color-body-text);
border-left: 1px solid var(--color-border);
}
.blog-post-single .comment .blog-meta .text-center.meta {
border: none;
margin: 0;
}
.blog-post-single .comments-count i.mdi {
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 {
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-right: 0;
}
.sidebar .recent_article ul li .article-detail h5.article__title {
font: 700 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-primary);
}
.sidebar .recent_article ul li .article-detail .article_date {
line-height: 16px;
}
.sidebar .recent_article ul li .article-detail .article_date i {
font-size: 13px;
}
.sidebar .recent_article ul li .article-detail .article_date time {
font-size: 13px;
}
.sidebar .recent_article .artical-image {
padding: 0;
}
.tt-blog-content .blogs-sub-title .comments-count > span {
display: none;
}
.article-template {
margin: 0 0 30px;
}
.article-template .content_wrap .sidebar .text-left {
float: left;
width: 100%;
}
.article-template .content_wrap .sidebar .comments {
float: left;
width: 100%;
border: 1px solid var(--color-border);
padding: 15px 10px;
}
.article-template .content_wrap .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);
}
.article-template .content_wrap .sidebar .comments .grid-item.large--one-half {
float: left;
width: 100%;
}
.article-template .content_wrap .sidebar .comments input.btn.text-center:hover, .article-template .content_wrap .sidebar .comments input.btn.text-center:active, .article-template .content_wrap .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) {
.article-template .content_wrap .sidebar .text-left {
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 > .rte{
margin: 15px 0 10px;
}
.blog-post-single .item-social-sharing.text-left {
margin: 0 0 15px;
}
.blog-post-single .comments-count {
border: none;
padding: 0;
margin: 10px 0 0 0;
width: 100%;
}
.blog-post-single .meta.text-center {
border: none;
padding: 0;
margin: 10px 0 0 0;
float: left;
}
.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;
}
.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,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item1{
float: left;
width: 100%;
position: relative;
margin: 0;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, #tt-megamenu .tt-mega_menu li.tt_menu_item > a,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item > a{
float: left;
width: 100%;
padding: 10px 24px;
position: relative;
cursor: pointer;
font: 700 16px/18px var(--font-stack-header);
text-align: center;
}
@media(max-width: 1199px){
#tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, #tt-megamenu .tt-mega_menu li.tt_menu_item > a,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item > a{
font-size: 14px;
line-height: 16px;
}
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap{
float: left;
width: 100%;
position: absolute;
right: auto;
left: 100%;
border-radius: 0 0 5px 5px; 
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
background: var(--color-body);
border: 1px solid var(--color-border);
z-index: 3;
padding: 20px 15px;
top: 0;
}
#tt-megamenu .tt-mega_menu li.more_menu.tt_menu_item>ul.tt_sub_menu_linklist {
display: block;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu{
float: none;
display: inline-block;
vertical-align: top;
padding: 0 15px;
text-align: left;
position: relative;
z-index: 1;
width: 100%;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu img{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu > a,#tt-megamenu1 .tt-mega_menu1 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::before{
background: rgba(255,255,255,.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu a.menu-banner:hover::before{
left: 0;
right: 0;
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear; 
-webkit-transition:  all .9s linear; 
-moz-transition:  all .9s linear; 
-o-transition:  all .9s linear; 
-ms-transition:  all .9s linear; 
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu a.menu-banner::after {
background: rgba(255,255,255,.6);
bottom: 50%;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;  
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu a.menu-banner:hover::after {
top: 0;
bottom: 0;
opacity: 0;
-moz-opacity: 0; 
-khtml-opacity: 0; 
-webkit-opacity: 0;
visibility: hidden;
transition: all .9s linear; 
-webkit-transition:  all .9s linear; 
-moz-transition:  all .9s linear; 
-o-transition:  all .9s linear; 
-ms-transition:  all .9s linear; 
}
#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,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist>li>a {
float: left;
width: 100%;
font: 400 13px/24px var(--font-stack-body);
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 > a:hover,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist > li > a:hover{
color: #222;
}
#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: none;
}
#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 .fade_img img.image_thumb_swap {
margin: 0 auto;
}
#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,#tt-megamenu1 .tt-mega_menu1 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);
border-radius: 4px; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
#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-megamenu1 .tt-mega_menu1 li.tt_menu_item ul.tt_sub_menu_linklist{
float: left;
width: 100%;
margin: 0;
padding: 8px 0 8px 20px;
text-align:left;
}
#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,
#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap.disable, #tt-megamenu1 .tt-mega_menu1 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-megamenu1 .tt-mega_menu1 ul.tt_menus_ul1 {
float: left;
width: 100%;
margin: 0;
}
.tt-megamenu1::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}
.tt-megamenu1::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
}
.tt-megamenu1::-webkit-scrollbar { 
width: 5px;
}
#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;  
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: 600 16px/26px var(--font-stack-header);
border-bottom: 1px solid var(--color-border);
padding: 0 0 8px;
margin: 0;
color: var(--color-text);
}
#tt-megamenu1 .tt_sub_menu_wrap .sub_mn_title{
float: left;
width: 100%;
font: 500 14px/18px var(--font-stack-header);
text-align: left;
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;
margin: 0;
top: auto;
}
#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.categories, #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item > a {
text-align: left;
padding: 0 0 5px;
margin: 10px 0;
}
@media only screen and (min-width: 992px) {
.site-header #tt-megamenu .tt-mega_menu .tt_menus_ul > li > a::before,.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1 > li > a::before {
content: "";
left: 12px;
right: auto;
position: absolute;
top: auto;
bottom: 0px;
height: 100%;
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);
border-radius: 4px; 	
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-khtml-border-radius: 4px; 
}
.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li>a::before{
left: 0px;
height: 2px;
}
.site-header #tt-megamenu .tt-mega_menu .tt_menus_ul>li:hover>a::before,.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li:hover>a::before,.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li.open>a::before{
width: 90%;
}
#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item>a{
width:auto;
}
#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item.more_menu1>a {
width: 100%;
}
#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item.more_menu1>a:after {
position: absolute;
content: "\f140";
height: 20px;
width: 20px;
font-size: 16px;
line-height: 20px;
font-family: "Material Design Icons";
right: 0px;
left: auto;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
-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;
}
#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .mobile-nav__sublist-trigger {
display: inline-block;
vertical-align: top;
float: right;
margin: 10px 0;
cursor:pointer;
-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;
}
#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.mobile-nav__sublist-expand,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item.open span.mobile-nav__sublist-contract{
display: inline-block;
}
#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item.open span.mobile-nav__sublist-expand,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.mobile-nav__sublist-contract{
display: none;
}
#tt-megamenu{
float: left;
}
.header_1 .tt-megamenu1,.header_2 .tt-megamenu1 {
position: fixed;
right: 0;
left: auto;
top: 0;
bottom: 0;
width: 350px;
background: #fff;
z-index: 9;
display: none;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
transition: transform .2s;
}
.tt-megamenu1 .tt-mega_menu1 span.menu-close i {
position: absolute;
right: 20px;
left: auto;
top: 30px;
bottom: auto;
height: 22px;
width: 22px;
font-size: 22px;
line-height: 22px;
color: #222;
float: none;
display: inline-block;
vertical-align: top;
text-align: center;
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;
}
.tt-megamenu1 .tt-mega_menu1 span.menu-close i:hover{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.tt-mega_menu1 {
float: left;
width: 100%;
height: 100%;
padding: 112px 5px 30px 0   
}
#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item {
position: relative;
float: left;
width: 100%;
margin: 0;
padding: 0 30px;
}
#tt-megamenu .tt-mega_menu{
display: block !important;
margin: 0;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item {
width: auto;
margin: 0 2px;
padding: 18px 0;
position: static;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item.pages,#tt-megamenu .tt-mega_menu li.tt_menu_item.blog,#tt-megamenu .tt-mega_menu li.tt_menu_item.home{
position: relative;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item > a, #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories {
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, #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories {
padding: 8px 20px;
}
#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;
border-top: 2px solid var(--color-btn-primary);
margin: auto;
}
#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap{
float:left;
width:100%;
display:none;
}
#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,#tt-megamenu1 .tt-mega_menu1 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;
}
#tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item:hover>a::after {
content: '\F143';
}
}
@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 only screen and (max-width: 1200px) {
#tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, #tt-megamenu .tt-mega_menu li.tt_menu_item > a {
padding: 8px 20px;
}
}
@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_linklist>li>a, #tt-megamenu1 .tt-mega_menu1 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 li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav{
display:none;
}
#tt-megamenu .tt-mega_menu,#tt-megamenu1 .tt-mega_menu1 {
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;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .left_more_menu {
display: none !important;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, #tt-megamenu .tt-mega_menu li.tt_menu_item > a {
padding: 5px 20px;
text-align: left;
color: var(--color-body-text);
font-weight: 400;
}
#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,#tt-megamenu1 .tt-mega_menu1 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,#tt-megamenu1 ul.tt_menus_ul1 {
float: left;
width: 100%;
margin: 0;
}
#tt-megamenu ul.tt_menus_ul li.tt_menu_item > a::after{
display: none;
}
#tt-megamenu ul.tt_menus_ul{
margin: 0 0 8px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
#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: 13px;
}
}
@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;
}
#tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu img{
margin:0 0 10px;
}
}
@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;
}
}
/*----------------- 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: #fff;
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 .product-thumb .second-productimg img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
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;
}
.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;
vertical-align: middle;
display: inline-block;
}
.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;
border: none;
}
.product-template__container .modal-dialog table tbody tr {
background: #f7f4ef;
}
.product-template__container .modal-dialog table tbody tr:nth-child(odd) {
background: #f4efe8;
}
.product-template__container .modal-dialog table td {
color: #666;
font-size: 13px;
font-weight: normal;
text-align: center;
padding: 10px 4px;
border: none;
}
.product-template__container .modal-dialog .modal-content {
padding: 20px;
background-color: var(--color-body);
float: left;
width: 100%;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.product-template__container .modal-dialog .modal-content .modal-header {
border-bottom: 1px solid var(--color-border);
float: left;
width: 100%;
margin: 0 0 20px;
}
.product-template__container .modal-dialog .modal-content .modal-header button.close {
float: none;
display: inline-block;
vertical-align: top;
position: absolute;
top: 5px;
bottom: auto;
left: auto;
right: 5px;
width: 28px;
height: 28px;
line-height:28px;
font-size: 28px;
border: none;
text-shadow: none;
color: #666;
opacity: 1;
font-weight: 400;
}
.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: 24px;
line-height: 26px;
background: var(--color-btn-primary);
color: #fff;
padding: 10px 15px;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.product-template__container .modal-dialog .modal-content .tt-title::after{
display: none;
}
@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: 2px solid var(--color-border);
visibility: hidden;
left: 50px;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
@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;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.product-notification .closeNotify:hover {
color: var(--color-btn-secondary-text);
background: var(--color-btn-secondary);
}
.product-notification .product-suggest {
float: left;
width: 100%;
}
.product-notification .product-suggest .product-image {
max-width: 90px;
margin: auto;
float: left;
width: 28%;
padding: 4px;
border-radius: 4px; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
.product-notification .product-suggest .column-right {
padding: 14px 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%;
font-style: italic;
}
/*--------------------- 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;
border :none;
}
.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 -------------------------------*/
.template-cart #cartEmpty {
float: left;
width: 100%;
min-height: 400px;
padding: 5px;
border: 2px solid var(--color-border);
border-radius: 8px;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
-khtml-border-radius: 8px; 
display: flex;
align-items: center;
justify-content: center;
}
.template-cart #cartEmpty h1.tt-innerpagetitle{
text-align: center;
}
.template-cart #cartEmpty p {
float: left;
width: 100%;
margin: 15px 0 0;
text-align: center;
}
.template-cart .cart__product-information {
float: left;
width: 100%;
}
.template-cart .product-price dl {
margin: 0;
}
.template-cart .cart__image-wrapper.product_img {
width: 115px;
float: none;
display: inline-block;
vertical-align: top;
}
.template-cart .cart__image-wrapper.product_img img{
border-radius: 4px; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
padding: 3px;
border: 1px solid var(--color-border);
}
.template-cart .cart-content {
float: left;
width: 100%;
}
.template-cart .cart-content .list-view-item__title a.cart__product-title {
float: left;
width: 100%;
margin: 0 0 8px;
font-weight: 500;
color: #444;
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;
}
.template-cart .cart-content .list-view-item__title a.cart__product-title:hover{
color: var(--color-text-hover-field);
}
.template-cart .cart-content ul.product-details {
float: left;
width: 100%;
margin: 0 0 5px;
}
.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 .cart__quantity-td .cart__qty {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.template-cart .cart__quantity-td .cart__qty label {
display: none;
}
.cart-qty-box-set {
float: left;
width: auto;
display: flex;
align-items: center;
justify-content: center;
vertical-align: top;
border: 1px solid var(--color-border);
}
.quantity__button {
width: 35px;
height: 35px;
border: 0;
cursor: pointer;
padding: 0;
float: left;
margin: 0 5px;
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;
}
.quantity__button:hover{
background: #ebe5da;
}
.quantity__button .icon.icon-minus,
.quantity__button .icon.icon-plus{
width: 10px;
height: 35px;
pointer-events: none;
}
.template-cart .table-responsive {
border: medium none;
float: left;
width:100%;
}
.template-cart .cart-wrapper .cart-table {
padding-right:30px;
}
.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;
}
.cart__blocks .cart__ctas button.btn {
width: 100%;
float: none;
display: inline-block;
vertical-align: top;  
border: none;
padding: 15px 12px;
}
#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;
}
.shop_table.cart_table span.money {
font-weight: 700;
color: #222;
font-family: var(--font-stack-header);
}
.cart_table thead th span, .shop_table.cart_table th {
font: 700 14px/18px var(--font-stack-header);
color: var(--color-text);
text-align:center;
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:#ff0000;
}
.cart-header {
float: left;
width: 100%;
margin: 0 0 15px;
}
.totals__subtotal {
float: left;
width: 100%;
font: 700 24px/26px var(--font-stack-header);
margin: 0;
padding: 0 15px;
text-align: center;
}
.totals__subtotal-value {
float: left;
width: 100%;
text-align: center;
margin: 20px 0 0;
font: 700 16px/20px var(--font-stack-header);
color: var(--color-btn-primary);
}
.cart__blocks p.tax-note {
margin: 10px 0;
float: left;
width: 100%;
}
.cart-wrapper .cart__footer button{
width: 100%;
float: none;
display: inline-block;
vertical-align: top;
}
.cart__blocks .cart__ctas button.btn{
background-color: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.cart__blocks .cart__ctas button.btn i.mdi.mdi-share {
margin-right: 7px;
font-size: 18px;
line-height: 20px;
vertical-align: middle;
}
.cart__blocks .cart__ctas button.btn:hover{
color: var(--color-btn-primary-text);
}
.cart__blocks .cart__ctas button.btn::after{
background-color: var(--color-btn-primary);
}
.cart__footer {
position: relative;
float: left;
width: 100%;
}
.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__footer .cart__blocks {
padding: 30px;
background: #faf7f2;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.cart__instructions {
margin-bottom: var(--gutter);
}
.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%;
padding: 30px;
background: #faf7f2;
margin: 15px 0 0;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.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: 700 15px/18px var(--font-stack-header);
color:#222;
}
@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 .cart-wrapper .cart-table{
width:100%;
}
.cart__footer {
width: 100%;
padding: 0;
}
.template-cart .table-responsive {
width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 991px) {
.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: var(--gutter) 0;
padding: 0;
margin: 15px 0;
}
.cart__footer:first-of-type {
margin-top: 0;
}
.cart__product a {
font-size: 13px;
}
.cart-policy{
padding: 15px;
}
.cart-policy .policy .content{
width: 80%;
}
.cart__footer .grid{
padding: 15px;
}
}
/*====================== 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 .btn {
border-radius: 25px;
-moz-border-radius: 25px; 
-webkit-border-radius: 25px; 
-khtml-border-radius: 25px;
}
#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-login .login, .template-customers-register .register {
text-align: center;
}
.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 {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
padding: 30px;
background: #fff;
box-shadow: 1px 2px 3px 0 #e5e5e5;
-webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
-moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
-ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
-o-box-shadow: 1px 2px 3px 0 #e5e5e5;
}
#customer_login .text-center .btn {
padding: 10px 25px;
background: #111;
color: #fff;
}
#customer_login .text-center .btn:hover, #customer_login .text-center .btn:focus, #customer_login .text-center .btn:active {
background:var(--color-btn-secondary);
color:var(--color-btn-secondary-text);
}
.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;
}
#shopify-section-password-header .password-modal__content svg.icon.icon-error, .password #MainContent svg.icon.icon-success {
height: 20px;
width: 20px;
float: none;
display: inline-block;
vertical-align: middle;
}
@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;
width: 100%;
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%;
}
.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;
}
.facet-filters__sort{
font-size: 13px;
font-weight: 500;
padding: 5px 34px 5px 15px;
color: var(--color-text-field);
border: 1px solid var(--color-border);
margin:0px;
}
.collection_template .sorting_wrapper .btn.dropdown-toggle:hover {
border: 1px solid #ddd;
background: #f5f5f5;
}
.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 .facet-filters__sort{
width: 200px;
text-align: left;
}
@media (min-width:497px) and (max-width: 536px)) {
.collection_template .facet-filters__sort{
width: 150px;
}
}
@media (min-width: 348px) and (max-width: 496px) {
.collection_template .facet-filters__sort{
width: 130px;
}
}
@media(max-width:575px){
.collection_template .facet-filters__sort{
width:150px;
}
}
@media only screen and (max-width: 536px) {
.collection_template .facet-filters__sort{
width: 100%;
}
.facet-filters__sort{
padding: 5px 8px 5px 10px;
}
}
.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;
}
.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{
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;
}
.filter-show.grid__item{
margin:0;
}
}
.collection-sorting {
float: right;
display: inline-block;
margin: 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;
}
}
.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__summary>div span.mobile-facets__arrow:focus i,.mobile-facets__summary>div span.mobile-facets__arrow:hover i,.mobile-facets__summary>div span.mobile-facets__arrow:active i{
color: #fff;
}
.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: var(--color-product-primary-text);
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: #ff0000;
color: #ff0000;
}
.mobile-facets__main .main.mobile-facets__footer button.no-js-hidden.btn.btn-primary {
border: none;
}
.mobile-facets__details .mobile-facets__footer {
float: left;
width: 100%;
}
.mobile-facets__details .mobile-facets__footer .btn {
background: none;
border: none;
color: #666;
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: #ff0000;
}
.mobile-facets__details .mobile-facets__footer .mobile-facets__clear.btn::after{
background: #ff0000;
}
.mobile-facets__details .mobile-facets__footer .btn:hover::after{
width: 90%;
}
.mobile-facets__summary 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 10px;
position: relative;
background: #f7f4ef;
-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;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
}
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;
}
}
@media(min-width: 992px){
  .sidebar-block.mobile {
    display: none;
  }
}
@media(max-width: 991px){
  .sidebar-block.desktop {
    display: none;
  }
}
/*=========================== Collection Page =============================*/
.collection_template {
float: left;
width: 100%;
}
.collection_template .tt-title{
display:none;
}
.collection_template .collection-desc-wrap {
float: left;
width: 100%;
background: #fff;
padding: 30px;
box-shadow: 1px 2px 3px 0 #e5e5e5;
-webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
-moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
-ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
-o-box-shadow: 1px 2px 3px 0 #e5e5e5;
}
@media only screen and (min-width: 1200px) {
.template-collection .left-sidebar.sidebar,.template-collection .right-sidebar.sidebar {
width: 20%;
}
.template-collection .collection_wrapper{
width: 80%;
}
}
.collection-grid {
margin-bottom: -var(--gutter);
}
.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_template .section-header::after{
background:none;
}
.collection_template .section-header.text-left .description {
font-size: 13px;
margin:0px;
}
.collection_wrapper .filter-wrapper .sorting_wrapper {
float: right;
width: auto;
padding: 0 0 0 10px;
}
.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;
}
.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;
}
.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 {
max-width: 100%;
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 {
overflow: hidden;
display: inline-block;
width: auto;
float: none;
vertical-align: top;
position: relative;
border: none;
cursor: pointer;
margin: 0 0 20px;
}
.list-collection-products .pickgradient-products .deatil {
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 8px;
margin: auto;
width: 100%;
height: auto;
z-index: 1;
text-align: left;
padding: 0 8px;
}
.list-collection-products .pickgradient-products .deatil .collection-desc {
float: left;
width: auto;
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 .deatil .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 .deatil .tt-event-overlay {
float: left;
width: 100%;
margin: 5px 0 0;
}
.list-collection-products .pickgradient-products .deatil a.grid-link.collection-link {
float: left;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
.list-collection-products .pickgradient-products .deatil .collection-detail {
color: #111;
padding: 0 0 5px;
white-space: nowrap;
width: 60%;
float: none;
display: none;
vertical-align: top;
}
.list-collection-products .pickgradient-products .deatil .collection-detail span {
text-overflow: ellipsis;
overflow: hidden;
float: left;
width: 100%;
}
p.collection-count {
font-size: 12px;
margin: 0;
z-index: 1;
width: 100%;
color: #666;
}
a.grid-link.collection-link span.grid-link__title {
font-size: 14px;
font-weight: 600;
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: #FF5635;
}
.filter-wrapper {
float: left;
width: 100%;
margin: 0 0 30px;
border:2px solid var(--color-border);
padding: 10px;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.section-header__title {
font: 600 24px/30px var(--font-stack-header);
color: var(--color-header-text);
margin: 0 0 10px;
}
.sorting_wrapper {
display: flex;
float: left;
}
.grid-item.medium--one-third.large--one-half.product-grid img, .grid-item.medium--one-third.large--one-third.product-grid img {
width: 100%;
}
.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: 25%;
clear: none;
}
.collection_right .products-grid-view > .grid-item.product-grid:nth-child(4n+1), .collection_left .products-grid-view > .grid-item.product-grid:nth-child(4n+1),.full-width .products-grid-view > .grid-item.product-grid:nth-child(4n+1) {
clear: both;
}
@media (max-width: 1329px) {
.collection_right .products-grid-view > .grid-item.product-grid:nth-child(4n+1), .collection_left .products-grid-view > .grid-item.product-grid:nth-child(4n+1),.full-width .products-grid-view > .grid-item.product-grid:nth-child(4n+1) {
clear: none;
}
.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;
}
.collection_template .collection-desc-wrap {
padding: 20px;
}
}
@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(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;
}
.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;
}
}
@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;
padding:0;
}
.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 .collection-desc-wrap {
padding:15px;
}
}
/*=================== 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 .refined-widgets {
float: left;
width: 100%;
}
.off-canvas .collection_sidebar .refined-widgets a.clear-all {
color: #222;
font-weight: 500;
float: left;
width: 100%;
padding: 10px 15px;
margin: 0 0 15px;
font-family: var(--font-stack-header);
font-size: 16px;
background: #f5f5f5;
}
.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: 700 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%;
margin: 0 0 30px;
}
.off-canvas .collection_sidebar .disclosure-has-popup {
float: left;
width: 100%;
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;
scrollbar-width: thin;
}
.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;
scrollbar-width: thin;
}
.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);
-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);
-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;
border: none;
padding: 15px 0;
}
.full_width .filter-toggle {
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: 15px 0 0;
}
.full_width .collection_sidebar .refined-widgets a {
width: auto;
display: inline-block;
vertical-align: top;
text-align: center;
background-color: var(--color-btn-primary);
color: var(--color-btn-primary-text);
padding: 7px 20px;
float: right;
margin: 0 0 10px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.full_width .collection_sidebar .refined-widgets a:hover {
background-color: var(--color-btn-secondary);
color: var(--color-btn-secondary-text);
}
.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;
}
.sidebar .widget{
margin-bottom: 30px; 
float: left;
width: 100%;
border: 2px solid var(--color-border);
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.sidebar .widget_top_rated_products:hover  .owl-carousel .owl-nav .owl-prev::before,.sidebar .widget_top_rated_products:hover  .owl-carousel .owl-nav .owl-next::before{
color:var(--color-body);
}
.sidebar .widget .clear{
float:right;
}
.sidebar-block .widget-content {
float: left;
width: 100%;
padding-left: 15px;
}
.collection_template .sidebar-block .widget-content{
max-height: 170px;
overflow-x: hidden;
scrollbar-width: thin;
}
.collection_template .sidebar-block .widget-content::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}
.collection_template .sidebar-block .widget-content::-webkit-scrollbar-thumb{
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
}
.collection_template .sidebar-block .widget-content::-webkit-scrollbar{
width: 5px;
}
.sidebar .widget h4, .sidebar-block .widget .h4, .sidebar-block .widget h4 {
font: 700 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: #f7f4ef;
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: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.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: var(--color-text-hover-field);
}
.collection_sidebar ul.product-categories{
padding-left:15px;
}
.sidebar .widget ul li {
margin: 0 0 5px 0;
display: inline-block;
width: 100%;
vertical-align: top;
padding: 0;
}
.sidebar .widget ul li.product-wrapper {
margin: 0 0 15px 0;
animation: none;
}
.sidebar .widget_promo_img ul li {
margin: 0;
}
.sidebar-block .widget ul li {
margin: 0 0 10px;
float: left;
width: 100%;
}
.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;
}
.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 .refined-widgets > a > i {
float: right;
font-size: 16px;
line-height: 20px;
}
.collection_sidebar .widget .product-categories ul {
padding: 0 0 0 15px;
}
.widget.widget_promo_img,.off-canvas .collection_sidebar .shopify-section .widget.widget_promo_img {
padding: 0;
border: none;
margin: 0;
}
.off-canvas .collection_sidebar .shopify-section .widget.widget_promo_img #promo-carousel{
margin: 0;
}
.product-wrapper.sidebar-product .image.product-thumb {
padding: 0;
}
.product-wrapper.sidebar-product .image.product-thumb .product-t {
border: none;
border: 1px solid var(--color-border);
border-radius: 8px;
}
.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 .refined-widgets a > i {
margin-left: 8px;
}
.filter-toggle-wrap .collection_sidebar .shopify-section .widget {
float: left;
width: 100%;
padding: 0 15px;
}
.collection_template .product-list.grid-item {
width: 100%;
}
.collection_template .item-row.product-layouts {
padding: 0;
}
.collection_template .grid-uniform.product-grid {
float: left;
width: 100%;
margin: 0;
}
.collection_template .full_width .shopify-section {
float: left;
width: 17%;
position: relative;
}
.full_width .sidebar-block .facets-container {
width: 66%;
}
.full_width .sidebar-block .facets-container .disclosure-has-popup {
float: left;
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;
}
.grid-uniform.product-grid.col-main {
margin: 0;  
}
.off-canvas-wrapper .sidebar-block{
float: left;
width: 100%;
margin: 30px 0 0;
}
.full_width .sidebar-block .facets-container #FacetsWrapperDesktop {
float: left;
width: 100%;
margin: 0 0 40px;
}
.full_width .sidebar-block .facets-container .active-facets{
float: left;
width: 100%;
text-align: center;
}
@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;
}
.collection_template .full_width .shopify-section::after{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 0;
width: 1px;
height: 210px;
background: #e5e5e5;
}
.full_width .sidebar-block .facets-container .disclosure-has-popup::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 0;
width: 1px;
height: 210px;
background: #e5e5e5;
}
}
@media only screen and (max-width: 1499px) {
.full-width .collection_template .product-list.grid-item {
width: 100%;
}
}
@media only screen and (max-width: 1199px) {
.collection_template .full_width .shopify-section#shopify-section-sidebar-promoimage {
display: none;
}
.collection_template .full_width .shopify-section {
width: 22%;
}
.full_width .sidebar-block .facets-container {
width: 78%;
}
.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;
}
.full_width .sidebar-block .facets-container {
width: 100%;
}

.off-canvas .collection_sidebar .widget_top_rated_products h4 {
font-size: 14px;
line-height: 16px;
}
.off-canvas .collection_sidebar .refined-widgets a {
border: none;
}
.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);
}
.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 {
background: none;
box-shadow: none;
border: none;
padding: 0px;
}
.off-canvas-wrapper .sidebar-block div ul {
padding: 0;
margin: 0;
}
.off-canvas-wrapper .sidebar-block .widget {
border: none;
margin: 0 0 15px;
padding:0px;
}
.widget-content li > a.active::before {
top: 2px;
}
.sidebar .widget .no-bullets .image {
width: auto;
}
.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: 0px;
padding: 0px
}
.full_width.wrap_toggle_filter .collection_sidebar{
padding:0px;
}
}
@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;
}
.widget_top_rated_products .top-products-detail {
width: 60%;
}
.collection_template .shopify-section .widget.widget_promo_img {
width: 50%;
}
.collection_template .masonary-collection.grid-uniform.product-grid .products-grid-view{
padding:0;
}
}
/*----------------- Filter css -----------------*/
.sidebar-block .facets-container,
.sidebar-block .facets-container .facets{
float: left;
width: 100%;
}
.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 .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;
}
/*----- 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: #222;
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;
}
.widget.widget_promo_img img {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
/*-------------------------- 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: #222;
}
.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 =====================*/
.header_language .disclosure {
position: relative;
float: left;
width: 100%;
cursor: pointer;
font-weight: 500;
}
.header_currency,.header_language{
float: none;
display: inline-block;
vertical-align: top;
position: relative;
}
.header_currency .tbl-list>li.currency .flag-dropdown-menu>li {
width: auto;
}
.site-header__cart.icon-btn {
float: none;
display: inline-block;
vertical-align: top;
}
@media (max-width: 1199px) {
.currency_code,.language_code {
font-size: 12px;
}
.currency_wrapper.dropdown-toggle, .language_wrapper.dropdown-toggle{
padding: 12px 8px 12px 0;
margin-right: 8px;
}
}
@media (max-width: 991px) {
.widget_promo_img #promo-carousel .owl-dots{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.language_wrapper.dropdown-toggle{
color:#222;
padding: 11px 8px 10px 0;
}
.currency_wrapper.dropdown-toggle{
margin-right: 0;
color:#222;
padding: 11px 0 10px 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{
float: left;
width: 100%;
margin: 0;
}
.site-footer .footer-wrap .footer-column.contactus .contact-us span.phone a{
font: 400 20px/22px var(--font-stack-body);
color: var(--color-btn-primary);
}
.site-footer .footer-wrap .footer-column.contactus .contact-us span.phone a:hover{
color: var(--color-btn-secondary);
}
.site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg{
width: 40px;
height: 40px;
background: var(--color-btn-primary);
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
cursor: pointer;   
margin-right: 10px;   
text-align: center;
}
.site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg i.mdi.mdi-phone{
font-size: 16px;
color: #fff;
float: none;
display: inline-block;
vertical-align: top;
height: 40px;
width: 40px;
line-height: 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;
}
.site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg:hover i.mdi.mdi-phone{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
@media(min-width: 992px){
.site-footer .footer-wrap .footer-column .inline-list{
display: block !important;
padding:0px;
}
.widget-title.toggle {
display: none;
}
}
.footer-column > *:nth-child(2) {
display: none;
padding: 0 15px;
}
.footer-column > *:nth-child(3) {
display: none;
padding: 0 15px;
}
.site-footer .footer-bottom-wrap .footer-column.payment-icon {
float: right;
width: auto;
}
.site-footer .footer-bottom .copyright a{
color: var(--FooterBottomText);
}
.site-footer .footer-bottom .copyright a:hover{
color: var(--FooterBottomLink);
}
.site-footer .footer-wrapper .footer-column ul.inline-list li a:hover,
.site-footer .footer-wrap .footer-column ul.inline-list li a:hover{
color: var(--color-text);
}
.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;
}

@media(max-width: 1299px){
.site-footer .footer-wrap .footer-column.contactus .contact-us span.phone a{
font-size: 18px;
line-height: 20px;
}
.site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg{
width: 35px;
height: 35px;
}
}
@media(max-width: 1199px){
.site-footer .footer-wrap .footer-column.contactus .contact-us span.phone a{
font-size: 16px;
line-height: 18px;
}
.site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg{
width: 30px;
height: 30px;
}
}
@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%;
float: left;
}
.site-footer .footer-wrap .footer-column .inline-list{
margin: 10px 0 0;
}
.site-footer .footer-wrap .footer-column .inline-list ul{
margin: 0;
}
}
@media(max-width: 767px){
.site-footer .footer-bottom-wrap .footer-column.payment-icon {
float :left;
width: 100%;
text-align: center;
}
}
@media(max-width: 480px){
.block_content .input-group-btn .subscribe{
display:none;
}
}
/*===============================homeslider===========================*/
.home-slider ul.slides li a img {
width: 100%;
}
.homeslider {
float: left;
width: 100%;
overflow: hidden;
}
.tt-homeslider .home-slider,
.homeslider #popup_toggle{
float: left;
width: 100%;
position:relative;  
overflow: hidden;
}
.home-slider ul.slides.slick-slider {
margin: 0;
}
.home-slider .slides li {
margin: 0;
position:relative;  
padding:0 25px;
}
.homeslider .slides .slick-arrow {
border: 2px solid var(--color-btn-primary);
height: 45px;
width: 45px;
font-size: 0;
line-height: normal;
z-index: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-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;
}
.homeslider .slides .slick-arrow:hover.slick-disabled,.homeslider .slides .slick-arrow:focus.slick-disabled {
color:#222;
background: #fff;
}
.homeslider .slides .slick-arrow.slick-disabled{
cursor: not-allowed;
color:#666;
}
.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: 75px;
}
.homeslider .slides:hover .slick-next.slick-arrow, .homeslider .slides .slick-next.slick-arrow {
right: 75px;
}
.homeslider .slides .slick-arrow::after {
font-family: "Material design Icons";
text-align: center;
font-size: 30px;
line-height: 40px;
height: 40px;
width: 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 {
position: absolute;
top: auto;
bottom: 25%;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: 29%;	
float: left;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle{
font: 400 20px/22px var(--font-stack-body);
margin: 0 0 35px;
float: none;
width: 100%;
display: inline-block;
vertical-align: top;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title{
font: 700 50px/52px var(--font-stack-header);  
margin: 0 0 20px;
float: left;
width: 100%;
position: relative;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-decr{
font: 400 16px/18px var(--font-stack-body); 
float:none;
width:auto;
display: inline-block;
vertical-align: top;
margin:0 0 15px 0;
padding: 8px 14px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a{
font: 400 14px/16px var(--font-stack-body);	
padding: 12px 27px;
float: none;
width: auto;
vertical-align: top; 
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap.content-left {
left:10%;
right: auto;
text-align: left;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap.content-right {
right: 10%;
left: auto;
text-align: left;
} 
.tt-homeslider .home-slider .homeslider .slider-content-wrap.content-center{
left: 0;
right: 0;
margin: 0 auto;
bottom: 26%;
}
.homeslider .play-icone {
bottom: 0;
height: 70px;
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 70px;
background:var(--color-btn-primary);
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
cursor:pointer;  
}
.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: #fff;
font-size: 58px;
line-height: 70px;
padding: 0 1px;
}
.homeslider .popup_overlay {
float: left;
width: 100%;
position: absolute;
left: 0;
text-align: center;
z-index: 999;
right: 0;
display: none;
top: 0;
background: rgba(0,0,0,0.9);
height: 100%;
}
.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: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
} */
.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;
}

@media(max-width:1699px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title{
font-size: 46px;
line-height: 48px;
}
}
@media(max-width:1599px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title{
font-size: 44px;
line-height: 46px;
}
}
@media(max-width:1499px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title{
font-size: 40px;
line-height: 42px;
}
}
@media (max-width: 1399px) {

.tt-homeslider .home-slider .homeslider .slider-content-wrap{
width:38%;
bottom: 20%;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle{
margin:0 0 25px ;
}
}
@media (max-width: 1299px) {

.tt-homeslider .home-slider .homeslider .slider-content-wrap{
width: 44%;
}

.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle{
margin: 0 0 20px;
font-size: 18px;
line-height: 20px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap a.btn{
padding: 10px 24px;
}
}
@media (max-width: 1199px) {
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a{    
padding: 11px 25px;
}
.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-decr{
font-size: 14px;
line-height: 16px;
}

}
@media (max-width: 1099px) {
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
bottom: 13%;
}
}
@media (max-width: 991px) {
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 30px;
line-height: 32px;
margin: 0 0 10px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle{
margin: 0 0 12px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-decr{
font-size: 12px;
line-height: 14px;
margin:0 0 8px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
padding: 10px 20px;
}
.homeslider .slides .slick-arrow::after{
line-height: 30px;
height: 30px;
width: 30px;
font-size: 26px;
}
.homeslider .slides .slick-arrow{
height: 40px;
width: 40px;
}
}
@media (max-width: 767px) {
.home-slider .slides li{
padding:0 15px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 26px;
line-height: 28px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-decr{
padding:6px 12px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a{
font-size: 13px;
line-height: 16px;
padding: 9px 18px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
font-size: 14px;
line-height: 15px;
}
}
@media (max-width: 720px) {
.tt-homeslider .home-slider .homeslider .slider-content-wrap{    
bottom: 16%;
}
}
@media (max-width: 620px) {
.tt-homeslider .home-slider .homeslider .slider-content-wrap{    
bottom: 10%;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
font-size: 13px;
line-height: 14px;
margin: 0 0 10px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 22px;
line-height: 24px;
margin: 0 0 8px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
padding: 9px 16px;
}
}
@media(max-width:575px){
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-decr{
display:none;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
width: 50%;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 20px;
line-height: 22px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
font-size: 12px;
line-height: 14px;
padding: 9px 13px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
bottom: 23%;
}
.homeslider .slides .slick-arrow::after{
font-size: 24px;
line-height: 25px;
height: 25px;
width: 25px;
}
.homeslider .slides .slick-arrow{
height: 35px;
width: 35px;
}
}
@media (max-width: 480px) {
.home-slider .slides li {
padding: 0 10px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle{
display: none;
}
.homeslider .slides:hover .slick-prev.slick-arrow, .homeslider .slides .slick-prev.slick-arrow {
left: 15px;
}
.homeslider .slides .slick-next.slick-arrow{
right:15px;
}
.homeslider .slides .slick-arrow {
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.homeslider .slides .slick-arrow::after{
font-size: 20px;
}
.homeslider .slides .slick-arrow{
height: 30px;
width: 30px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap.content-left{
left:12%;
}
}
@media (max-width: 420px) {
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
font-size: 11px;
line-height: 14px;
padding: 6px 9px;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
width: 58%;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
font-size: 14px;
line-height: 16px;
}
}
@media (max-width: 370px) {
.tt-homeslider .home-slider .homeslider .slider-content-wrap.content-left {
bottom: 10%;
}
}
/*==================== Product common CSS=====================*/
.product-wrapper .spr-badges.grid-item-meta i {
font-size: 10px !important;
}
.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
height: 18px;
width: 18px;
line-height: 18px;
}
.product-wrapper .pro_btn a > i.mdi-cached,
.product-wrapper .btn_wrapper .pro_btn.add-to-compare a:not(.added) > .compare-fill,.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading svg,.product-wrapper .add-to-compare.pro_btn a.add-in-compare-js.added .compare-icon{
display: none;
}
.product-wrapper .btn_wrapper .pro_btn a.btn svg{
width:14px;
height:40px;
line-height: 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;
}
.grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.grid-view-item .product-wrapper .pro_btn a.loading i{
font-size: 16px;
height: 40px;
width: 40px;
line-height: 40px;
color: var(--color-product-secondary-text);
float: none;
display: inline-block;
vertical-align: top;
}
.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
float: left;
}
.product-wrapper .pro_btn a.loading i.mdi-cached::before{
-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 i.mdi.mdi-cached::before {
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.style1 .product-wrapper .add_tocart.pro_btn a .tooltip-label{
float: none;
display: inline-block;
vertical-align: top;
}
.add_tocart.pro_btn form {
margin: 0;
}
.product-wrapper .cart-qty {
float: left;
width: 100%;
}
@media(max-width: 991px){
.product-wrapper .btn_wrapper .pro_btn a.btn svg{
width:12px;
height:30px;
line-height: 30px;
}
.grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.grid-view-item .product-wrapper .pro_btn a.loading i{
font-size: 14px;
height: 30px;
width: 30px;
line-height: 30px;
}
}
@media(max-width:480px){
.grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i, .grid-view-item .product-wrapper .pro_btn a.loading i {
font-size: 14px;
height: 35px;
width: 35px;
line-height: 35px;
}
.product-short-list .grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.product-short-list .grid-view-item .product-wrapper .pro_btn a.loading i ,
.product-list .grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.product-list .grid-view-item .product-wrapper .pro_btn a.loading i{
font-size: 14px;
height: 33px;
width: 33px;
line-height: 33px;
}
}
/*====================list & short view common css ======================== */
.product-list .product-wrapper {
text-align: left;
}
.product-list .product-wrapper,
.product-short-list .product-wrapper{
border: 2px solid var(--color-border);
padding: 8px;
border-radius: 8px; 
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
.product-list .product-thumb,
.product-short-list .product-thumb{
padding: 0;
}
.product-list .product-layouts .product-wrapper .product-thumb a.grid-view-item__link,
.product-short-list .product-layouts .product-wrapper .product-thumb a.grid-view-item__link{
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.product-list .product-wrapper .product-description .btn_wrapper,.product-short-list .product-wrapper .product-description .btn_wrapper {
float: none;
display: inline-block;
vertical-align: top;
text-align: left;
}
.product-list .product-wrapper .product-description .btn_wrapper .pro_btn,.product-short-list .product-wrapper .product-description .btn_wrapper .pro_btn{
float: none;
display: inline-block;
vertical-align: top;
border-radius: 25px; 
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
margin: 0 2px;
}
.product-short-list .product-wrapper .product-qty{
margin: 0 0 10px;
}
.product-list .product-layouts .product-wrapper .color-size, .product-short-list .product-layouts .product-wrapper .color-size {
float: left;
width: 100%;
}
.product-list .product-desc,.product-short-list .product-desc {
display: block;
font-size: 14px; 
margin: 0 0 10px;
float:left;
width: 100%;
}
.product-list .product-wrapper .spr-badges.grid-item-meta,.product-short-list .product-wrapper .spr-badges.grid-item-meta{
float: left;
width: 100%;
position: static;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
text-align: left;
}
.product-list .product-layouts.grid-view-item .product-wrapper .product-description,
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description{
margin: 8px 0 0;
}
.product-list .product-wrapper .spr-badge,.product-short-list .product-wrapper .spr-badge{
background:none;
padding:0;
box-shadow:none;	
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;
}
.product-list .product-wrapper:hover .spr-badges.grid-item-meta,
.product-short-list .product-wrapper:hover .spr-badges.grid-item-meta{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .short-title {
text-align: left;
padding: 0;
}
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta {
width: 20%;
}
.product-short-list .product-description .h4 {
margin: 0 0 5px;
}
.product-short-list .product-layouts .product-wrapper .btn_wrapper {
float: right;
width: 20%;
text-align:center;
}
.product-short-list .product-wrapper .product-description .grid-view-item__vendor {
margin: 0 0 5px;
float: left;
width: 100%;
}
.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-list .product-wrapper .product-description .grid-view-item__vendor {
font-size: 12px;
margin: 0 0 10px;
}
.product-list .product-wrapper .product-thumb a.grid-view-item__link img {
width: 100%;
}
.product-list a.grid-link__title, .product-short-list a.grid-link__title {
font-weight: 500;
}
@media (max-width: 1199px){
.product-short-list .product-layouts .product-wrapper .btn_wrapper{
width: 28%;
}
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta {
width: 13%;
}
}
@media (min-width: 992px){
.product-short-list .product-wrapper .add_tocart.pro_btn a.btn{
width: auto;
height: auto;
}
}
@media (max-width: 991px){
.product-short-list .style1 .product-wrapper .cart-qty{
text-align:center;
}
}
@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: 767px){
.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-layouts .product-wrapper .product-thumb a.grid-view-item__link img {
width: 100%;
}
}
@media (max-width: 650px){
.product-short-list .product-layouts.grid-view-item .product-wrapper .product-thumb{
padding-right:0px;
}
.product-short-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 .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;
}
.product-list .product-wrapper .spr-badges.grid-item-meta{
text-align: center;
}
}
@media (max-width: 480px){
.product-short-list .product-wrapper .add_tocart.pro_btn a .tooltip-label{
display: none
}
.product-list .product-wrapper .product-description .btn_wrapper .pro_btn,.product-short-list .product-wrapper .product-description .btn_wrapper .pro_btn{
margin: 0;
}
.product-list .product-desc{
font-size:13px;
}
}
/*==================== Product Hover Style1 CSS=====================*/
.tab-pane .style1 .product-wrapper,
.product-grid.style1 .product-wrapper,
.product-grid.style2 .product-wrapper, .tab-pane .style2 .product-wrapper,
.related-products .style1 .product-wrapper,
.related-products .style2 .product-wrapper,
#recently-viewed-products.style1 .product-wrapper,
#recently-viewed-products.style2 .product-wrapper,
.search-products .style1 .product-wrapper,
.search-products .style2 .product-wrapper{
padding: 8px;  
}
@media(min-width: 992px){
.tab-pane .style1 .product-wrapper,
.product-grid.style1 .product-wrapper,
.tab-pane .style2 .product-wrapper,
.product-grid.style2 .product-wrapper,
.related-products .style1 .product-wrapper,
.related-products .style2 .product-wrapper,
#recently-viewed-products.style2 .product-wrapper,
.search-products .style1 .product-wrapper,
.search-products .style2 .product-wrapper{
overflow: visible;
margin: 0 0 40px;
}
}
.tab-pane .style1 .product-wrapper::after,
.product-grid.style1 .product-wrapper::after,
.tab-pane .style2 .product-wrapper::after,
.product-grid.style2 .product-wrapper::after,
.related-products .style1 .product-wrapper::after,
.related-products .style2 .product-wrapper::after,
#recently-viewed-products.style1 .product-wrapper::after,
#recently-viewed-products.style2 .product-wrapper::after,
.search-products .style1 .product-wrapper::after,
.search-products .style2 .product-wrapper::after{ 
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;  
border: 2px solid var(--color-border);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 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;
}
.tab-pane .style1 .product-wrapper:hover::after,
.product-grid.style1 .product-wrapper:hover::after,
.related-products .style1 .product-wrapper:hover::after,
.search-products .style1 .product-wrapper:hover::after,
.search-products .style2 .product-wrapper:hover::after{
bottom: -15px;
border-color: var(--color-btn-primary);
}
.style1.product-layouts.grid-view-item .product-wrapper .product-description{
text-align: left;
}
.style1 .product-wrapper .add_tocart.pro_btn a .tooltip-label {
font: 500 15px/18px var(--font-stack-header);
}
.style1 .product-wrapper .cart-qty { 
position: absolute;
top: auto;
bottom: -45px;
left: 0;
right: 0;
margin: auto;
z-index: 1;
text-align: center;
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
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;
}
.style1 .product-wrapper:hover .cart-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;
}
.style1 .product-wrapper .product-qty,
.style1 .product-wrapper .add_tocart.pro_btn{
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.style1 .product-wrapper .product-qty{
margin-right: 5px;
}
.search-result-product .style1 .product-wrapper .add_tocart.pro_btn::after,.style1.product-grid .product-wrapper .add_tocart.pro_btn::after,.tab-content .style1 .product-wrapper .add_tocart.pro_btn::after.related-products .style1 .product-wrapper .add_tocart.pro_btn::after{
content: "";
left: 0px;
right: auto;
position: absolute;
background: #222;
top: auto;
bottom: 0px;
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;
}

.product-wrapper .add_tocart.pro_btn.soldout::after,.product-wrapper .add_tocart.pro_btn .add-to-cart-disable::after{
display:none;
}
.search-result-product .style1 .product-wrapper .add_tocart.pro_btn:hover::after,.tab-content .style1 .product-wrapper .add_tocart.pro_btn:hover::after,.style1.product-grid .product-wrapper .add_tocart.pro_btn:hover::after,.related-products .style1 .product-wrapper .add_tocart.pro_btn:hover::after{
width: 100%;
}
.style1 .flip-countdown.simple-countdown .countdown-container.countdown-block{
top: auto;
bottom: 8px;
left: 8px;
right: 8px;
}

@media(max-width: 1299px){  
.products-grid-view .style1 .product-wrapper .add_tocart.pro_btn a .tooltip-label{
font-size: 13px;
} 
.style1 .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block::after {
left:35px;
}
}
@media (max-width: 1199px){
.style1 .flip-countdown.simple-countdown .countdown-container.countdown-block::after {
left: 5px;
}
.style1 .qty-box-set .quantity{
width: 65px;
height: 36px;
}
.style1 .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block::after {
left:0;
}
}
@media (max-width: 991px) {
.style1 .product-wrapper .product-qty,.style1 .product-wrapper:hover .product-qty{
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
.style1.product-list .product-wrapper .add_tocart.pro_btn a.btn svg, .style1.product-short-list .product-wrapper .add_tocart.pro_btn a.btn svg{
height:15px
}
.style1 .product-wrapper .btn_wrapper .pro_btn a.btn svg{
height: 34px;
line-height: 34px;
}
.style1.product-layouts .product-wrapper .product-thumb .btn_wrapper,.style1.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper{
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
.style1.product-layouts .product-wrapper .product-thumb .btn_wrapper{
width: 34px;
}
.style1 .product-wrapper .btn_wrapper .pro_btn a{
width: 34px;
height: 34px;
}
.product-grid.style1 .product-wrapper:hover::after, .tab-pane .style1 .product-wrapper:hover::after,
.product-grid.style1 .product-wrapper::after, .tab-pane .style1 .product-wrapper::after,
.related-products .style1 .product-wrapper:hover::after,.related-products .style1 .product-wrapper::after{
border-color: var(--color-btn-primary);
}
.product-grid.style1 .product-wrapper:hover::after, .tab-pane .style1 .product-wrapper:hover::after,
.product-grid.style1 .product-wrapper::after, .tab-pane .style1 .product-wrapper::after,
.related-products .style1 .product-wrapper:hover::after,.related-products .style1 .product-wrapper::after{
bottom: 0;
}
.style1 .product-wrapper .cart-qty{
position: static;
text-align: left;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
.style1 .product-wrapper .add_tocart.pro_btn a.btn {
padding: 7px 6px;
}
.style1 .product-wrapper .qty-box-set .quantity,.style1 .product-wrapper .qty-box-set .quantity1,
.style1 .product-wrapper .qty-box-set .qtyminus, .style1 .product-wrapper .qty-box-set .qtyminus1, .style1 .product-wrapper .qty-box-set .qtyplus,.style1 .product-wrapper .qty-box-set .qtyplus1{
height: 34px;
line-height: 34px;
}
}
@media (max-width: 767px) {
.tab-pane .style1 .product-wrapper .add_tocart.pro_btn a .tooltip-label{
display: none;
}
.style1 .product-wrapper .cart-qty{
text-align: left;
}
.style1.product-list .style1 .product-wrapper .btn_wrapper .add_tocart.pro_btn a, .style1.product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{
padding: 8px 16px;
}
.style1.product-short-list .product-wrapper .product-qty{
margin:0 5px 0 0
}
.style1 .product-wrapper .add_tocart.pro_btn a.btn {
padding: 7px 9px;
}
}
@media (max-width: 650px) {
.tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn{
padding: 0;
height: 34px;
width: 34px;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
}
.tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn svg,.tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn svg{
height: 30px;
}
.tab-pane .style1.grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.tab-pane .style1.grid-view-item .product-wrapper .pro_btn a.loading i,
.tab-pane .style1.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
height: 26px;
width: 26px;
line-height: 26px;
} 
.tab-pane .products-grid-view .style1 .product-wrapper .add_tocart.pro_btn a.btn{
padding: 0;
}
.style1 .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block::after {
left: 35px;
}
}
@media (max-width: 480px) {
.tab-pane .style1.grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.tab-pane .style1.grid-view-item .product-wrapper .pro_btn a.loading i,
.tab-pane .style1.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
font-size: 13px;
height: 29px;
width: 29px;
line-height: 29px;
}
.tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn{
height: 30px;
width: 30px;
}.style1.product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{
padding:0;
}
.tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn svg,.tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn svg{
height: 26px;
width: 13px;
}
.style1.product-layouts.grid-view-item .product-wrapper:hover .product-description .grid-view-item__meta,
.style1.product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{
margin: 0 0 5px;
}
.style1.product-layouts .product-wrapper .product-thumb .btn_wrapper {
width: 30px;
display:none
}
.style1 .product-wrapper .product-qty,.style1 .product-wrapper:hover .product-qty{
display: none;    
}  
.style1.grid-view-item .product-wrapper .pro_btn a.add-cart-btn.loading i.mdi-cached{
height: 18px;
width: 18px;
line-height: 18px;
}
.style1 .product-wrapper .btn_wrapper .pro_btn a{
width: 30px;
height: 30px;
}
.style1 .product-wrapper .btn_wrapper > .pro_btn a.btn svg{
width: 12px;
height: 30px;
line-height: 30px;
}
.tab-pane .style1.product-layouts.grid-view-item .product-wrapper .product-description{
padding: 10px 0 0;
}
.style1 .product-wrapper .add_tocart.pro_btn a .tooltip-label{
font-size: 12px;
}
.style1 .product-wrapper .cart-qty{
text-align: left;	
}
}
/*===============style1 list & short view==========================*/
.product-list .style1 .product-wrapper .cart-qty{
position: static;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
text-align: left;
margin: 0 8px 0 0;
width: auto;
}
.product-short-list .style1 .product-wrapper .cart-qty{
position: static;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;	
margin: 0 0 10px;
}
.product-list .style1 .product-wrapper .btn_wrapper .add_tocart.pro_btn a,
.product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{
padding: 10px 16px;
width: auto;
}
.product-short-list .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart.soldout a,
.product-list .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart.soldout a{
padding: 8px 26px;
}
@media(max-width:1199px){
.product-short-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn svg,.product-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn svg{
height:36px;
line-height:36px;
}
.product-short-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn ,.product-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn {
height:36px;
width:36px;
}
.product-list .product-wrapper .btn_wrapper .add_tocart.pro_btn a.btn svg, .product-short-list .product-wrapper .btn_wrapper .add_tocart.pro_btn a.btn svg {
height:15px;
}
.product-list .style1 .product-wrapper .btn_wrapper .add_tocart.pro_btn a,
.product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{
height:36px;
width:auto;
}
}
@media(max-width:991px){
.product-short-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn svg,.product-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn svg{
height:34px;
line-height:34px;
}
.product-short-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn ,.product-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn {
height:34px;
width:34px;
}
.product-list .product-wrapper .btn_wrapper .add_tocart.pro_btn a.btn svg, .product-short-list .product-wrapper .btn_wrapper .add_tocart.pro_btn a.btn svg {
height:15px;
}
.product-list .style1 .product-wrapper .btn_wrapper .add_tocart.pro_btn a,
.product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{
height:34px;
width:auto;
}
}
@media (max-width: 650px) {
.product-list .style1.product-layouts.grid-view-item .product-wrapper .product-description,
.product-list .style1 .product-wrapper .spr-badges.grid-item-meta{
text-align: center;
}
.product-list .product-layouts.grid-view-item .product-wrapper .product-description .qty-box-set{
float: none;
display: inline-block;
vertical-align: top;
}
.product-list .style1 .product-wrapper .cart-qty{
margin: 0 0 10px;
text-align: center;
width: 100%;
}
.product-list .style1 .product-wrapper .product-description .btn_wrapper{
text-align: center;
}
}
@media (max-width: 767px) {
.product-short-list .style1 .product-wrapper .product-qty{
float: left;
width: auto;
}
.product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart{
float: left;
width: auto;
margin: 0;
}
}
@media (max-width: 480px) {
.product-list .style1 .product-wrapper .btn_wrapper .add_tocart.pro_btn a,
.product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{
padding: 4px 8px;
}
.product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{
padding: 0;
height: 30px;
width: 30px;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
}
.product-short-list .style1 .product-wrapper .add_tocart.pro_btn a.btn svg,.product-short-list .style1 .product-wrapper .add_tocart.pro_btn a.btn svg{
height: 26px;
width: 13px;
}
.product-short-list .style1 .product-wrapper .cart-qty {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.product-short-list .style1.grid-view-item .product-wrapper .pro_btn a.add-cart-btn.loading i.mdi-cached{
height: 26px;
width: 26px;
line-height: 26px;
}
}
/*==================== Product Hover Style2 CSS=====================*/
.tab-pane .style2 .product-wrapper:hover::after,
.product-grid.style2 .product-wrapper:hover::after,
.related-products .style2 .product-wrapper:hover::after,
.search-products .style2 .product-wrapper:hover::after{
border-color: var(--color-btn-primary);
}
.tab-pane .style2.product-layouts.grid-view-item .product-wrapper .product-description,
.products-grid-view>.product-grid .style2.product-layouts .product-wrapper .product-description,
.related-products .style2.product-layouts.grid-view-item .product-wrapper .product-description,
.search-products .style2.product-layouts.grid-view-item .product-wrapper .product-description{
text-align: left;
background: #faf7f2;
padding: 30px 15px 5px;
}
#recently-viewed-products.style2 .product-wrapper .product-description{
text-align: left;
background: #faf7f2;
padding: 15px 15px 5px;
}
.style2.product-layouts .product-wrapper .product-thumb .btn_wrapper{
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
.style2.product-layouts .product-wrapper .add_tocart.pro_btn a.btn svg{
height: 20px;
vertical-align: initial;
}
.product-list .style2 .product-wrapper .add_tocart.pro_btn a.btn svg,
.product-short-list .style2 .product-wrapper .add_tocart.pro_btn a.btn svg{
height: 36px;
}
.style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
height: 40px;
width: 40px;
line-height: 40px;
}
.tab-pane .style2.product-layouts.grid-view-item .product-wrapper .product-description::after,
.products-grid-view>.product-grid .style2.product-layouts .product-wrapper .product-description::after,
.related-products .style2.product-layouts.grid-view-item .product-wrapper .product-description::after,
#recently-viewed-products.style2 .product-wrapper .product-description::after,
.search-products .style2 .product-wrapper .product-description::after{
content: '';
position: absolute;
top: 0;
bottom: auto;
left: 0;
right: 0;
border-top: 4px double rgba(0,0,0,0.1);
width: 90%;
margin: 0 auto;
}
.style2 .product-wrapper .add_tocart.pro_btn a.btn{
height: 45px;
width: 45px;
border-radius: 50%;
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
line-height: 50px;
padding: 0;
background: #faf7f2;
}
.style2 .product-wrapper .add_tocart.pro_btn a.btn.loading,
.product-list .style2 .product-wrapper .add_tocart.pro_btn a.btn.loading, .product-short-list .style2 .product-wrapper .add_tocart.pro_btn a.btn.loading{
background: var(--color-btn-primary);
}
.style2 .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block{
top: auto;
bottom: 40px;
}
.style2 .qty-box-set .quantity, .style2 .qty-box-set .quantity1 { 
height: 36px;
line-height: 36px; 
}
.style2 .qty-box-set .qtyminus,.style2 .qty-box-set .qtyplus,.style2 .qty-box-set .qtyminus1,.style2 .qty-box-set .qtyplus1 {
height: 36px;
line-height: 36px;
}
.style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .add_tocart.pro_btn{
border: 4px solid #fff;
float: none;
display: inline-block;
vertical-align: top;
width: 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;
position: absolute;
top: -25px;
bottom: auto;
left: auto;
right: 10px;
margin: auto;
z-index: 1;
}
.style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty{
float: none;
display: inline-block;
vertical-align: top;
width: auto;
position: absolute;
top: -15px;
bottom: auto;
left: auto;
right: 70px;
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;
}
.style2 .qty-box-set .quantity,.style2 .qty-box-set .quantity1,
.style2 .qty-box-set .qtyminus,.style2 .qty-box-set .qtyminus1,.style2 .qty-box-set .qtyplus,.style2 .qty-box-set .qtyplus1{
height: 30px;
line-height: 30px;
}
.style2 .product-wrapper:hover .add_tocart.pro_btn{
border-color: var(--color-btn-primary);    
}
.style2 .product-wrapper .add_tocart.pro_btn a .tooltip-label{
display: none;
}
.style2 .product-layouts .product-wrapper:hover .product-thumb .btn_wrapper,
.style2 .product-layouts .product-wrapper:hover .product-thumb .btn_wrapper{
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
@media(min-width: 992px){
.tab-pane .style2 .product-wrapper .btn_wrapper .pro_btn.add-to-compare{
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
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;
}
.tab-pane .style2 .product-wrapper .btn_wrapper .pro_btn.quick-view-wrap{
-webkit-transform: translateX(120px);
-moz-transform: translateX(120px);
-ms-transform: translateX(120px);
-o-transform: translateX(120px);
transform: translateX(120px);
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;    
}
.tab-pane .style2 .product-wrapper .btn_wrapper .pro_btn.add-to-wishlist{
-webkit-transform: translateX(80px);
-moz-transform: translateX(80px);
-ms-transform: translateX(80px);
-o-transform: translateX(80px);
transform: translateX(80px);
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;
}
.tab-pane .style2 .product-wrapper:hover .btn_wrapper .pro_btn.quick-view-wrap,
.tab-pane .style2 .product-wrapper:hover .btn_wrapper .pro_btn.add-to-compare,
.tab-pane .style2 .product-wrapper:hover .btn_wrapper .pro_btn.add-to-wishlist{
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform:translateX(0);
-ms-transform: translateX(0);
}
}
@media (max-width: 1399px) and (min-width: 1200px){
.style2.product-layouts .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block::after {
left: 24px;
}
}
@media(max-width: 991px){
.style2.product-layouts .product-wrapper .product-thumb .btn_wrapper,
.style2.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper{
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
.style2.product-layouts .product-wrapper .product-thumb .btn_wrapper{
width: 30px;
}
.style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty,
.style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .add_tocart.pro_btn{
position: static;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
.tab-pane .style2 .product-wrapper::after{
border-color: var(--color-btn-primary);
}
.style2 .flip-countdown.simple-countdown .countdown-container.countdown-block{
bottom: 10px;
top: auto;
}
.style2 .product-wrapper .add_tocart.pro_btn a.btn{
height: 30px;
width: 30px;
line-height: 35px;
padding: 0;
background: #fff;    
box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
-webkit-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
}
.style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .add_tocart.pro_btn{
border: none;
}
.style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty .qty-box-set{
border: none;
box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
-webkit-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
}
.style2 .product-wrapper .add_tocart.pro_btn a.btn svg{
height: 13px;
width: 13px;
}
.style2 .product-wrapper .btn_wrapper .pro_btn a{
width: 30px;
height: 30px;
}
.style2 .product-wrapper .btn_wrapper .pro_btn a.btn svg{
width: 12px;
height: 30px;
line-height: 30px;
}
.style2.grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i, .style2.grid-view-item .product-wrapper .pro_btn a.loading i,
.style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
font-size: 13px;
height: 26px;
width: 26px;
line-height: 26px;
}
.tab-pane .style2.product-layouts.grid-view-item .product-wrapper .product-description,
.products-grid-view>.product-grid .style2.product-layouts .product-wrapper .product-description{
padding: 15px 5px 5px;
}
.style2.product-layouts .product-wrapper .add_tocart.pro_btn a.btn svg{
height: 24px;
}
}
@media(max-width: 480px){
.style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty{
display: none;
}
}
/*==============================style2 list & short view ===================*/
.product-list .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty,
.product-short-list .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty{
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
position: static;
transition:none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
margin:0 0 10px;
}
.product-list .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .add_tocart.pro_btn,
.product-short-list .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .add_tocart.pro_btn{  
position: static;
border: none;
}
.product-list .style2 .product-wrapper .add_tocart.pro_btn a.btn,
.product-short-list .style2 .product-wrapper .add_tocart.pro_btn a.btn{
background: #fff;
box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
-webkit-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1);
}
.product-list .style2 .product-wrapper .add_tocart.pro_btn a.btn,
.product-short-list .style2 .product-wrapper .add_tocart.pro_btn a.btn{
height: 40px;
width: 40px;
line-height: 45px;
}
.product-list .style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached,
.product-short-list .style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
height: 36px;
width: 36px;
line-height: 36px;
}
@media(max-width: 991px){
.product-list .style2 .product-wrapper .add_tocart.pro_btn a.btn,
.product-short-list .style2 .product-wrapper .add_tocart.pro_btn a.btn{
height: 30px;
width: 30px;
line-height: 35px;
}
.product-list .style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached,
.product-short-list .style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
height: 26px;
width: 26px;
line-height: 26px;
}
}
@media(max-width: 480px){
.product-short-list .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
}
/*------------------------------Product Hover Style 3--------------------------------*/
@media(min-width: 992px){
.style3 .product-wrapper .add_tocart.pro_btn a .tooltip-label{
display: inline-block;
}
}
.style3 .product-wrapper .product-price__sale-label{
right: 10px;
left: auto;
}
.style3 .product-wrapper .custom_label {
top: 15px;
}
.style3 .product-wrapper .add_tocart.pro_btn,
.style3 .product-wrapper .product-qty{
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.style3 .product-wrapper .add_tocart.pro_btn a{
padding: 8px 13px;
}
.style3 .product-wrapper .product-qty .qty-box-set{
border: none;
}
.tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description::before,
.related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description::before,
.products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before,
.search-products .style3 .product-wrapper .product-description::before,
#recently-viewed-products.style3 .product-wrapper .product-description::before{
position: absolute;
content: '';
top: -106px;
bottom: auto;
left: 0;
right: 0;
margin: auto;
border: 40px solid #fff;
z-index: -1;
width: 100%;
border-radius: 182px 0 0 182px;
-moz-border-radius: 182px 0 0 182px;
-webkit-border-radius: 182px 0 0 182px;
-khtml-border-radius: 182px 0 0 182px;
height: 400px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform: rotate(90deg);
}
.product-grid.style3 .product-wrapper, .tab-pane .style3 .product-wrapper,
.related-products .style3 .product-wrapper,
.search-products .style3 .product-wrapper,
#recently-viewed-products.style3 .product-wrapper{
padding: 8px;
border: 3px solid var(--color-border);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
.search-products .style3.product-layouts .product-wrapper .color-size{
display: none;
}
.tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description,
.related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description,
.products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description,
#recently-viewed-products.style3 .product-wrapper .product-description{
padding: 0 0 7px;
}
.style3 .flip-countdown.simple-countdown .countdown-container.countdown-block{
top: auto;
bottom: 45px;
}
.style3 .product-wrapper:hover .flip-countdown.simple-countdown .countdown-container.countdown-block{
opacity: 1;
-moz-opacity: 1; 
-khtml-opacity: 1; 
-webkit-opacity: 1;
visibility: visible;
}
@media(max-width: 1499px){
.products-grid-view .style3 .flip-countdown.simple-countdown .countdown-container.countdown-block::after{
left: 5px;
}
}
@media(min-width: 1300px) and (max-width: 1399px){
.products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before{
top: -116px;
}
}
@media (max-width: 1299px){
.products-grid-view .style3 .flip-countdown.simple-countdown .countdown-container.countdown-block::after {
left: 35px;
}
}
@media(max-width: 1199px){
.tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description::before,
.related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description::before,
.products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before,
.search-products .style3 .product-wrapper .product-description::before,
#recently-viewed-products.style3 .product-wrapper .product-description::before{
top: -100px;
border-radius: 176px 0 0 176px;
-moz-border-radius: 176px 0 0 176px;
-webkit-border-radius: 176px 0 0 176px;
-khtml-border-radius: 176px 0 0 176px;
}
.search-products .style3 .product-wrapper .product-description::before{
top: -105px;
}
.products-grid-view .style3 .flip-countdown.simple-countdown .countdown-container.countdown-block::after {
left: 0;
}
.style3 .product-wrapper .add_tocart.pro_btn a {
padding: 8px 6px;
}
}
@media(max-width: 991px){
.tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description::before,
.related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description::before,
.products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before,
.search-products .style3 .product-wrapper .product-description::before,
#recently-viewed-products.style3 .product-wrapper .product-description::before{
height: 340px;
}
.search-products .style3 .product-wrapper .product-description::before{
height: 370px;
}
.style3.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper,
.style3.product-layouts .product-wrapper .product-thumb .btn_wrapper{
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transition:none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
.style3 .product-wrapper .product-price__sale-label{
right: 10px;
}
.style3 .product-wrapper .add_tocart.pro_btn a{
padding: 0;
height: 35px;
width: 35px;
line-height: 40px;
border-radius: 50%; 
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
-khtml-border-radius: 50%;
}
.style3.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
height: 32px;
width: 32px;
line-height: 32px;
}
.style3 .product-wrapper .custom_label {
top: 5px;
}
.product-short-list .style3 .product-wrapper .add_tocart.pro_btn a.btn svg,.product-list .style3 .product-wrapper .add_tocart.pro_btn a.btn svg{
height: 24px;
width: 12px;
}
}
@media(max-width: 767px){
.style3 .flip-countdown.simple-countdown .countdown-container.countdown-block{
bottom: 45px;
}
}
@media(max-width: 480px){
.tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description::before,
.related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description::before,
.products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before,
.search-products .style3 .product-wrapper .product-description::before,
#recently-viewed-products.style3 .product-wrapper .product-description::before{    
border-radius: 166px 0 0 166px;
-moz-border-radius: 166px 0 0 166px;
-webkit-border-radius: 166px 0 0 166px;
-khtml-border-radius: 166px 0 0 166px;
} 
.style3.product-layouts .product-wrapper .product-thumb .btn_wrapper {
height: 100px;
}
.style3 .product-wrapper .product-qty{
display: none;
}
.product-grid.style3 .product-wrapper, .tab-pane .style3 .product-wrapper,
.related-products .style3 .product-wrapper,
.search-products .style3 .product-wrapper,
#recently-viewed-products.style3 .product-wrapper{
padding: 4px;
min-height: 290px;
}
}
@media(max-width: 400px){
.tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description::before,
.related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description::before,
.products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before,
.search-products .style3 .product-wrapper .product-description::before,
#recently-viewed-products.style3 .product-wrapper .product-description::before{
height: 340px;
}
}
/*=================style3 list &short view============================*/
.product-list .style3 .product-wrapper .product-description .cart-qty{
margin: 0 0 10px;
}
@media(min-width: 992px){
.product-short-list .style3 .product-wrapper .product-description .cart-qty{
margin: 0 0 10px;
}
}
@media(max-width: 480px){
.product-list .style3 .product-wrapper .add_tocart.pro_btn a,
.product-short-list .style3 .product-wrapper .add_tocart.pro_btn a{
padding: 0;
height: 30px;
width: 30px;
line-height: 30px;
}
.product-list .style3.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached,
.product-short-list .style3.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{
height: 24px;
width: 24px;
line-height: 24px;
font-size: 13px;
}
.product-list .style3 .product-wrapper .product-description .cart-qty,
.product-short-list .style3 .product-wrapper .product-description .cart-qty{
float: none;
display: inline-block;
vertical-align: top;
width: auto;
margin: 0 5px 0 0;
}
.product-short-list .style3 .product-wrapper .product-description .cart-qty{
margin: 0;
}
}
/*------------------------------payment security--------------------------------*/
.product-information .payment-icons {
float: left;
width: 100%;
margin: 0 0 20px;
}
.payment-icons li:first-child {
margin: 0;
}
.payment-icons li {
margin: 0 0 0 4px;
cursor: default;
color: var(--FooterBottomText);
float: none;
vertical-align: top;
display: inline-block;
height: 24px;
line-height: 24px;
}
.product-single .product-information .payment-icons svg {
font-size: 24px;
line-height: 28px;
height: 34px;
width: 34px;
}
.product-information  .payment-content {
float: left;
width: 100%;
}
.product-information .payment-security {
float: left;
width: 100%;
font: 700 16px/18px var(--font-stack-header);
margin: 0 0 15px;
color: #222;
background: #f7f4ef;
padding: 12px 15px;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.payment-sec-cnt {
display: flex;
align-items: center;
padding-left: 0;
float: left;
width: 100%;
margin: 0 0 20px;  
}
.payment-sec-cnt .security-content {
float: none;
display: inline-block;
vertical-align: top;
margin: 0 0 0 10px;
}
.payment-sec-cnt .security-content .security-title {
float: left;
width: 100%;
font: 500 14px/18px var(--font-stack-body);
}
.payment-sec-cnt .security-content .security-title{
color: #222;
}
.payment-sec-cnt .security-content .security-subtitle{
color: #666;
}
@media(max-width: 1199px){
.payment-sec-cnt .security-content .security-subtitle, .payment-sec-cnt .security-content .security-title {
font-size:13px;
}  
}
@media(max-width: 991px){
.payment-sec-cnt .security-content .security-subtitle, .payment-sec-cnt .security-content .security-title {
font-size:12px;
line-height: 16px;
}
}
@media(max-width: 480px){
.payment-sec-cnt{
margin: 0 0 10px;
}
}
/*------------------------------#shopify-section-product-template-1--------------------------------*/
.design_1 .product-single__thumbs .grid-item {
padding: 0;
}
.design_1 .product-single__photos {
margin-bottom: 20px;
}
.design_1 .product-block .title-arrows {
padding: 0 0 10px;
float: left;
width: 100%;
text-align: center;
}
.design_1 .product-information-inner.product-block.fixed-product-block.product-description {
padding: 0 15px;
}
.design_1 .product-information .product-info{
margin: 0;
}
.design_1 .product-information {
float: left;
padding: 0;
display: inline-block;
}
.design_1 .product_fixed_block.product-description{
padding: 0 15px;
float: left;
}
.design_1 .product-additional .product-block {
border: 2px solid var(--color-border);
padding: 20px;
border-radius: 5px;
position: relative;
text-align: center;
}
.design_1.product-single .product-information .single-option-selector{
display: inline-block;
float: none;
vertical-align: top;
}
.design_1 .product-information .product-additional .selector-wrapper select{
width: 140px;
float: none;
display: inline-block;
vertical-align: top;
margin: 0 0 10px 15px;
}
.design_1 .product-additional .product-block .select{
float: none;
display: inline-block;
vertical-align: top;
}
.design_1 .product-additional .product-block label {
line-height: 40px;
float: none;
display: inline-block;
vertical-align: top;
}
.design_1 .product-information .product-additional .product-single__addtocart .btn{
width: 140px;
padding: 10px 15px;
margin: 10px 0;
}
.design_1 .product-information .product-additional .product-single__addtocart .qty-box-set {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.design_1 .product-information .product-additional .product-form__submit[aria-disabled=true]+.shopify-payment-button,.design_1 .product-information .product-additional .product-form__submit[disabled]+.shopify-payment-button {
display: none;
}
.design_1 .product-information .product-additional .shopify-payment-button{
min-width: auto;
width: 100%;
}
.design_1 .product-information .product-additional .shopify-payment-button .shopify-payment-button__button{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.design_1 .product-form__controls-group {
float: left;
width: 100%;
}
.design_1 .product-information .product-additional .grid--uniform.product-single__addtocart {
float: left;
width: 100%;
padding: 15px 0;
background: #f7f4ef;
border-radius: 5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
}
.design_1 .product-information .product-additional .grid--uniform.product-single__addtocart form {
margin: 0;
}
.product-single.design_1 .product-additional .btn-content {
float: left;
width: 100%;
background: #f7f4ef;
border-radius: 0 0 5px 5px;
}
.product-single.design_1 .add-to-wishlist.pro_btn .show {
height: auto;
width: auto;
}
.product-single.design_1 .product-information .add-to-wishlist.pro_btn .show .loading, 
.product-single.design_1 .product-information .add-to-wishlist.pro_btn .show .loading a.add_to_wishlist {
float: none;
display: inline-block;
vertical-align: top;
}
.product-single.design_1 .product-additional .add-to-compare,
.product-single.design_1 .product-additional .add-to-wishlist {
float: left;
width: 100%;
margin: 0;
padding: 0 0 8px;
}
.product-single.design_1 .product-additional .size {
float: left;
width: 100%;
padding: 0 0 8px;
}
.product-single.design_1 .product-additional .print_wrap {
float: left;
width: 100%;
margin: 0;
padding: 0 0 8px;
}
.product-single.design_1 .product-additional .product-360-button{
float: left;
width: 100%;
}
.product-single.design_1 .product-additional .product-360-button a,
.product-single.design_1 .product-additional .product-Video-btn.popup-video.tip-top{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
margin: 0 0 10px;
}
.product-single.design_1 .sizechart,
.product-single.design_1 .product-information a.print,
.product-single.design_1 .product-information .add-to-compare a{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
margin: 0;
}
@media(max-width: 1599px){
.design_1.product-single .product-information .single-option-selector{
width: 160px;
}
}
@media(max-width: 1399px){
.design_1.product-single .product-information .single-option-selector{
width: 120px;
}
}
@media(max-width: 1199px){
.design_1 .product-information.fixed-product-block,
.design_1 .product-additional{
float: left;
width: 100%;
}
.product-single.design_1 .product-information .selector-wrapper.js.product-form__item {
float: left;
width: 100%;
}
}
@media(max-width:991px){
.design_1 .product_fixed_block.product-description{
width: 100%;
}
}
/*------------------------------#shopify-section-product-template-2--------------------------------*/
.product-single.design_2 fieldset{
margin: 0 0 10px;
}
.product-single.design_2 .shopify-payment-button__button[disabled]{
display: none;
}

.product-single.design_2 {
float: left;
width: 100%;
padding: 0 50px;
}
.design_2 .pro_img {
float: left;
width: 100%;
position: relative;
}
.design_2 .product-single__thumb img{
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
padding: 5px;
border: 2px solid var(--color-border);
}
.design_2.product-single .pro_img .product-image-btn {
right: 10px;
}
.design_2.product-single a.product-lightbox-btn {
width: 30px;
height: 30px;
float: none;
display: inline-block;
vertical-align: top;
line-height: 30px;
}
.design_2.product-single .pro_img i.mdi.mdi-magnify {
font-size: 24px;
-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;
}
.design_2 .product-Video-btn.popup-video.tip-top {
margin: 0;
}
.design_2 .product-Video-btn i.mdi.mdi-video {
float: none;
}
.design_2.product-single .pro_img:hover i.mdi.mdi-magnify {
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
}
.design_2 .product-block .title-arrows {
border-bottom: 1px solid var(--color-border);
padding: 0 0 10px;
float: left;
width: 100%;
text-align: center;
margin: 0 0 15px;
}
.design_2 .additinal-product,.design_2 .main-product {
padding: 0;
}
.design_2 .additinal-product .pro_img {
cursor: pointer;
margin-bottom: 15px;
padding: 3px;
border: 1px solid var(--color-border);
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.design_2 .additinal-product .pro_img img{
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
@media (min-width: 1300px) {
.design_2 .product-wrapper-owlslider {
padding-right: 60px;
}
.design_2 .product-information {    
float: left;
}
}
.design_2 .additinal-product .pro_img::after{
background: rgba(0, 0, 0, 0.3);
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;
}
.design_2 .additinal-product .pro_img:hover::after{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.userInput{
background: #f3f3f3;
}
@media (min-width: 992px) and (max-width: 1299px){
.design_2 .product-wrapper-owlslider {
padding-right: 30px;
}
}
@media (min-width: 1200px) {
.design_2 .product-information,.design_2 .product-wrapper-owlslider,.design_2 .additinal-product {
top: 130px;
}
}
@media (min-width: 1199px) {
.design_2 .product-information,design_2 .product-wrapper-owlslider,.design_2 .additinal-product {
top: 50px;
}
}
@media (min-width: 992px) {
.design_2 .product-information,.design_2 .product-wrapper-owlslider,.design_2 .additinal-product {
position: sticky;
}
.header_style_2.product_sticky_design_2 .breadcrumb-wrapper.breadcrumb-content {
padding: 120px 18px 30px;
}
.template-product.product_sticky_design_2 .page-wrapper {
overflow: visible;
}
}
@media (max-width: 1699px) {
.design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{
width:330px;
min-width: 330px;
}
}
@media (max-width: 1599px) {
.design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{
width:310px;
min-width: 310px;
}
}
@media (max-width: 1499px) {
.design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{
width: 280px;
min-width: 280px;
}
}
@media (max-width: 1399px) {
.design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{
width: 250px;
min-width: 250px;
}
}
@media (max-width: 1299px) {
.design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{
width: 220px;
min-width: 220px;
}
}
@media (max-width: 1199px) {
.design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{
width: 170px;
min-width: 170px;
}
}
@media (max-width: 991px) {
.design_2 .additinal-product{
display:none;
}
.design_2 .main-product{
width:100%;
}
.design_2 .product-single__addtocart .btn, .design_2 .shopify-payment-button {
width: 130px;
min-width: 130px;
}
}
@media (max-width: 767px) {
.design_2 .main-product .product-wrapper-owlslider{
padding: 0px;
}
.design_2 .main-product .product-information {
padding: 0;
}
.product-single.design_2{
padding: 0 15px;
margin-bottom:0px;
}
.design_2 .pro_img {
float: none;
width: 80%;
display: inline-block;
vertical-align: top;
}
.design_2.product-single .pro_img i.mdi.mdi-magnify {
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
visibility: visible;
}
}
@media (max-width: 480px) {
.design_2 .pro_img {
width: 100%;
margin: 0 0 15px;
}
.shopify-payment-button{
margin:0;
}
}
.design_1 .model,.design_2 .pro_img.model,.design_3 .pro_img.model {
background: #f7f4ef;
}
.full_gallery_slider.owl-carousel .owl-item .extra-video img,.design_2 .extra-video img,
.full_gallery_slider.owl-carousel .owl-item .video img,.design_2 .video img,
.full_gallery_slider.owl-carousel .owl-item .model img,.design_2 .model img{
object-fit: cover;
width: 100%;
height: 100%;
}
.full_gallery_slider .video-source,.design_2 .video-source{
height: 100%;
}
.full_gallery_slider .video-source video,.design_2 .video-source video{
vertical-align: top;
object-fit: cover;
}
.full_gallery_slider .pro_img.extra-video iframe,.design_2 .extra-video iframe{
height: 100%;
width: 100%;
}
@media (max-width:380px){
.design_2 .product-single__addtocart .btn, .design_2 .shopify-payment-button {
width: 100px;
min-width: 100px;
font-size: 13px;
}
.design_2 .shopify-payment-button .shopify-payment-button__button{
padding:9px 0;
}
.design_2 .product-single__addtocart .btn{
padding: 9px 0;
}
}
/*------------------------------#shopify-section-product-template-3--------------------------------*/
.design_3 .product-single__thumbs .grid-item {
padding: 0;
}
.design_3 .product-single__photos {
margin-bottom: 20px;
}
.design_3 .product-single__thumbs img {
max-width: 100%;
}
.design_3 .product_main {
float: left;
width: 100%;
background: #f7f4ef;
}
.design_3 .product_main .main_content{
float: left;
width: 100%;
background: #fff;
padding: 30px 15px 0 15px;
margin: 30px 0;
border-radius: 8px; 	
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
-khtml-border-radius: 8px; 
}
.template-product.product_sticky_design_3 nav.breadcrumb-wrapper{
margin: 0;
}
.design_3 .product-single__description .product_tab_wrapper .tab-container{
max-height: 375px;
}
.design_3 .product-single .product-information .select{
float: none;
display: inline-block;
vertical-align: top;
}
.design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity,.design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity1,
.design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity .qty-box-set .qtyminus,
.design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity .qty-box-set .qtyminus1,
.design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity .qty-box-set .qtyplus,
.design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity .qty-box-set .qtyplus1{
height: 30px;
line-height: 30px;
width: 65px;
}
.design_3 ul.no-bullets.top-products {
margin: 0;
}
.design_3 .product-single__description .product_tab_wrapper .tab-container::-webkit-scrollbar{
width: 5px;
}
.design_3 .product-single__description .product_tab_wrapper .tab-container::-webkit-scrollbar-thumb{
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9);
}
.design_3 .product-single__description .product_tab_wrapper .tab-container::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}
.design_3 .widget_top_rated_products .top-products .top-products-detail{
padding: 0 0 0 15px;
margin: 0 0 20px;
}
.design_3 .widget.widget_top_rated_products .widget-title {
float: left;
width: 100%;
text-align: left;
padding: 12px 15px;
background: #f7f4ef;
}
.design_3 .product-block .title-arrows {
padding: 0 0 10px;
float: left;
width: 100%;
text-align: center;
}
.design_3 .product-information-inner.product-block.fixed-product-block.product-description {
padding: 0 15px;
}
.design_3 .product-information .product-info{
margin: 0;
}
.design_3 .product-information {
float: left;
padding: 0;
display: inline-block;
}
.design_3 .product_fixed_block.product-description{
padding: 0 15px;
}
.design_3 .product-additional .product-block {
border: 2px solid var(--color-border);
padding: 20px;
border-radius: 5px;
position: relative;
text-align: center;
}
.design_3.product-single .product-information .single-option-selector{
display: inline-block;
float: none;
vertical-align: top;
}
.design_3 .product-information .product-additional select{
width: 140px;
float: none;
display: inline-block;
vertical-align: top;
margin: 0 0 10px 15px;
}
.design_3 .product-information .product-additional .product-single__addtocart .btn{
width: 140px;
padding: 10px 15px;
margin: 10px 0;
}
.design_3 .product-information .product-additional .product-single__addtocart .qty-box-set {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.design_3 .product-information .product-additional .shopify-payment-button{
min-width: auto;
width: 100%;
}
.design_3 .product-information .product-additional .shopify-payment-button .shopify-payment-button__button{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
}
.design_3 .product-form__controls-group {
float: left;
width: 100%;
}
.design_3 .product-information .product-additional .grid--uniform.product-single__addtocart {
float: left;
width: 100%;
padding: 15px 0;
background: #f7f4ef;
border-radius: 5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
}
.product-single.design_3 .product-additional .btn-content {
float: left;
width: 100%;
background: #f7f4ef;
border-radius: 0 0 5px 5px;
}
.product-single.design_3 .add-to-wishlist.pro_btn .show {
height: auto;
width: auto;
}
.product-single.design_3 .product-information .add-to-wishlist.pro_btn .show .loading, 
.product-single.design_3 .product-information .add-to-wishlist.pro_btn .show .loading a.add_to_wishlist {
float: none;
display: inline-block;
vertical-align: top;
}
.product-single.design_3 .product-additional .add-to-compare,
.product-single.design_3 .product-additional .add-to-wishlist {
float: left;
width: 100%;
margin: 0;
padding: 0 0 8px;
}
.design_3 .product-information .product-additional .product-single__price span.discount-percentage,
.design_1 .product-information .product-additional .product-single__price span.discount-percentage{
color: #222;
}
.product-single.design_3 .product-additional .size {
float: left;
width: 100%;
padding: 0 0 8px;
}
.product-single.design_3 .product-additional .print_wrap {
float: left;
width: 100%;
margin: 0;
padding: 0 0 8px;
}
.product-single.design_3 .product-additional .product-360-button{
float: left;
width: 100%;
}
.product-single.design_3 .product-additional .product-360-button a,
.product-single.design_3 .product-additional .product-Video-btn.popup-video.tip-top{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
margin: 0 0 10px;
}
.product-single.design_3 .sizechart,
.product-single.design_3 .product-information a.print,
.product-single.design_3 .product-information .add-to-compare a{
float: none;
width: auto;
display: inline-block;
vertical-align: top;
margin: 0;
}
.design_3 .product-additional .product-block .select{
float: none;
display: inline-block;
vertical-align: top;
}
.design_3 .product-additional .product-block label {
line-height: 40px;
float: none;
display: inline-block;
vertical-align: top;
}
@media(max-width: 1399px){
.design_3 .product-information .product-additional select{
width: 130px;
}
} 
@media(max-width: 1299px){
.design_3 .product-information .product-additional select{
width: 110px;
}
}
@media(max-width: 1199px){
.design_3 .product-information.fixed-product-block,
.design_3 .product-additional{
float: left;
width: 100%;
}
.product-single.design_3 .product-information .selector-wrapper.js.product-form__item {
float: left;
width: 100%;
}
.design_3 .product_main .main_content{
padding: 30px 15px;
}
.product-single__description .product_tab_wrapper{
margin: 40px 0 40px;
}
#recently-viewed-products .owl-nav {
top: -65px;
}
}
@media(max-width: 991px){
.design_3 .product-bestseller {
width: 40%;
}
.design_3 .product-single__description .product_tab_wrapper {
width: 60%;
}
.design_3 .product-single__description .product_tab_wrapper ul.tabs li{
float: left;
width: 100%;
}
.design_3 .widget.widget_top_rated_products .widget-title{
display: block;
}
.product-single__description .product_tab_wrapper {
margin: 10px 0 40px;
}
}
@media(max-width: 767px){
.design_3 .product-single__description .product_tab_wrapper {
width: 95%;
float: none;
display: inline-block;
vertical-align: top;
margin: 0 0 15px;
}
.design_3 .product-bestseller {
width: 95%;
float: none;
display: inline-block;
vertical-align: top;
padding: 0;
}
.design_3 .product-wrapper.sidebar-product .image.product-thumb{
width: 40%;
}
}
@media(max-width: 480px){
.design_3 .product_main .main_content{
padding: 15px 0 15px 0;
margin: 15px 0 30px;
}  
.design_3 .product-wrapper.sidebar-product{
padding: 0;
margin: 0 0 10px;
}
.design_3 .widget.widget_top_rated_products .product-img img{
width: 100%;
}
#recently-viewed-products .owl-nav {
position: static;
}
#recently-viewed-products   .product-layouts{
margin:0 0 15px;
}
#recently-viewed-products-wrap  .tt-title{
padding:0;
text-align:center;
}
#recently-viewed-products-wrap .section-header::after{
background:none;
} 
}
/*================ 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 .product-information svg {
height: 15px;
width: 15px;
fill: #fff;
vertical-align: text-top;
}
.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;
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.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%; } 
/*==============================================*/
@media (min-width: 992px) {
.fullscreen_header_toggle {
float: right;
cursor: pointer;
margin-left: 15px;
}
.fullscreen_header_toggle .leftmenu {
float: left;
width: 15px;
margin: 24px 0;
}
.fullscreen_header_toggle .leftmenu #menu {
border: medium none;
float: left;
height: 2px;
position: relative;
width: 15px;
z-index: 3;
margin: 10px 0;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
background: #222;
}
.fullscreen_header_toggle:hover .leftmenu #menu,
.fullscreen_header_toggle:hover .leftmenu #menu::after, .fullscreen_header_toggle:hover .leftmenu #menu::before {
background: var(--color-btn-primary);
}
.fullscreen_header_toggle .leftmenu #menu::after, .fullscreen_header_toggle .leftmenu #menu::before {
border: medium none;
height: 2px;
position: absolute;
z-index: 9999;
left: 0px;
width: 15px;
bottom: 5px;
top: auto;
content: "";
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
background: #222;
}
.fullscreen_header_toggle .leftmenu #menu::before {
top: 5px;
bottom: auto;
}
.fullscreen_header_toggle .tt-mega-menu1 #tt-megamenu1.tt-megamenu1 {
display: flex !important;
align-items: center;
height: 100%;
flex-direction: column;
justify-content: space-between;
}
.fullscreen_header_toggle  #tt-megamenu1.tt-megamenu1.active {
left: 0;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
visibility: visible;
}
.fullscreen_header_toggle #tt-megamenu1 {
position: fixed;
top: 0;
bottom: 0;
left: -300px;
right: auto;
width: 300px;
height: 100%;
padding: 0;
margin: auto 0;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
background: #e5e5e5;
padding: 14% 0 0;
float: left;
}
.fullscreen_header_toggle  #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1 > li > a, #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1 > li span.categories {
text-align: left;
}
.fullscreen_header_toggle #tt-megamenu1 li.tt_menu_item1 .tt_sub_menu_wrap1 {
left: 100%;
right: auto;
top: 0;
}
.fullscreen_header_toggle #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item1 {
width: 100%;
float:left;
position: relative;
margin: 0;
}
}
.arrow {
font-size: 20px;
}
.remove:hover {
color: #ff0000;
}
.shopify-section.feature-collection {
float: left;
width: 100%;
text-align: center;
margin: 40px 0;
}
.shopify-section.feature-collection .tt-tile{
margin:0 0 10px;
}
.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: #222;
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;
}
}
.slider-mobile-gutter .grid-item {
padding: 0;
}
.spr-content .spr-form{
padding: 15px !important;
border: 1px solid var(--color-border);
border-radius: 5px; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
/* -------------------share button css-------------- */
share-button.share-button {
float: left;
width:100%;
}
button.share-button__button {
float: none;
width: auto;
display: inline-block;
vertical-align: top;
border: none;
padding: 10px 14px;
margin: 0 0 10px;
}
share-button.share-button .icon.icon-share {
fill: none;
}
.product-information .qty-box-set .qtyplus::before{
content: "\F415";
font-family: "Material Design Icons";
position: absolute;
top: 0;
bottom: 0px;
left: 0;
right: auto;
width: 25px;
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;
}
.product-information .qty-box-set .qtyplus:hover::before{
color: #fff;
}
/* size chart css start */
  .template-product .size-chart-section h3{
     font-size: 16px;
  }
  .tt-table-modal-info tbody tr td {
      text-align: center;
        font-size: 14px;
  }
  .size-chart .rte h3{
      margin-bottom: 25px;
      font-size: 16px;
  }
  .size-chart .tt-table-modal-info thead tr th{
        text-align: center;
  }
  .size-chart .tt-table-responsive-md{
        overflow: auto;
  }
  .size-chart .rte table {
      table-layout: auto;
  }
  .size-chart .tt-table-modal-info thead tr th{
      font-size: 13px;
      color: #111;
  }
  .template-product .modal:before{
    height: auto;
  }
  @media(max-width:767px){
  .template-product .size-chart-section h3{
      line-height: 1.5;
      font-size: 14px;
        margin-bottom: 20px;
  }
   .size-chart .rte h3{
      font-size: 14px;
      text-align: center;
      margin-bottom: 15px;
  }
  }
  /* size chart css end */

.mdi-twitter:before{
  content:unset !important;
}