html, 
body, 
div, 
span, 
applet, 
object, 
iframe,
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre,
a, 
abbr, 
acronym, 
address, 
big, 
cite, 
code,
del, 
dfn, 
em, 
font, 
img, 
ins, 
kbd, 
q, 
s, 
samp,
small, 
strike, 
strong, 
sub, 
sup, 
tt, 
var,
figure,
b, 
u, 
i, 
center,
dl, 
dt, 
dd, 
ol, 
ul, 
li,
fieldset, 
form, 
label, 
legend,
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%; 
}
ol, 
ul  { 
list-style: none; 
}
:focus  { 
outline: 0; 
} input[type="text"], 
input[type="password"], 
input[type="submit"], 
input[type="number"], 
input[type="tel"], 
textarea, 
button, 
select { 
-moz-appearance: none; 
-webkit-appearance: none; 
} article, 
aside, 
details, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section, 
dialog { 
display: block; 
}
audio, 
canvas, 
video { 
display: inline-block; 
}
audio:not([controls]) { 
display: none;
}
[hidden] { 
display: none; 
visibility: hidden; 
}
.clearfix::after { 
content: ""; 
display: block; 
clear: both; 
visibility: hidden; 
font-size: 0;  
height: 0; 
}
.clearfix { 
*display: inline-block; 
height: 1%; 
}
.clear { 
clear: both; 
display: block; 
font-size: 0;	
height: 0; 
line-height: 0; 
width:100%; 
} html {
height: 100%;
font-size: 16px; 
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
overflow-x: hidden;
}
html.disablescroll { 
overflow: hidden;  
}
body {
font-family: 'Manrope', 'Helvetica Neue', Helvetica, Inter, sans-serif; 
font-weight: 500;
font-size: 16px; 
line-height: 1.7;
color: rgba(0,0,0,0.81); 
text-align: left; 
background: #fff;
min-height: 100%;
transition: background 460ms ease;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.text-light { 
color: rgba(255,255,255,0.88); 
}
::selection, 
::-moz-selection, 
::-webkit-selection { 
background:#4c4c4c; 
color: #fff; 
} h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6,
.h7,
.h8 {
font-family: 'Manrope','Helvetica'; 
font-weight: 600;
}
h1 i, 
h2 i, 
h3 i, 
h4 i, 
h5 i, 
h6 i, 
h1 em, 
h2 em, 
h3 em,
h4 em, 
h5 em, 
h6 em { 
font-style: italic; 
}
h1 b, 
h2 b, 
h3 b, 
h4 b, 
h5 b, 
h6 b, 
h1 strong, 
h2 strong, 
h3 strong, 
h4 strong, 
h5 strong, 
h6 strong,
.h1 b, 
.h2 b, 
.h3 b, 
.h4 b, 
.h5 b, 
.h6 b, 
.h1 strong, 
.h2 strong, 
.h3 strong, 
.h4 strong, 
.h5 strong, 
.h6 strong, 
.h7 strong,
.h8 strong{ 
font-weight: 800; 
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
color: #000; 
}
.text-light h1:not(.colored), 
.text-light h2:not(.colored), 
.text-light h3:not(.colored), 
.text-light h4:not(.colored), 
.text-light h5:not(.colored), 
.text-light h6:not(.colored),
h1.text-light:not(.colored), 
h2.text-light:not(.colored), 
h3.text-light:not(.colored), 
h4.text-light:not(.colored), 
h5.text-light:not(.colored), 
h6.text-light:not(.colored) {
color: #fff; 
}
h1, 
.h1,
.elementor-widget-heading h1.elementor-heading-title, 
.elementor-widget-heading .h1.elementor-heading-title { 
font-size: 82px; 
line-height: 100px; 
}
h2, 
.h2,
.elementor-widget-heading h2.elementor-heading-title, 
.elementor-widget-heading .h2.elementor-heading-title { 
font-size: 56px; 
line-height: 70px; 
}
h3, 
.h3,
.elementor-widget-heading h3.elementor-heading-title, 
.elementor-widget-heading .h3.elementor-heading-title { 
font-size: 40px; 
line-height: 51px; 
}
h4, 
.h4,
.elementor-widget-heading h4.elementor-heading-title, 
.elementor-widget-heading .h4.elementor-heading-title { 
font-size: 32px;
line-height: 42px; 
}
h5, 
.h5,
.elementor-widget-heading h5.elementor-heading-title, 
.elementor-widget-heading .h5.elementor-heading-title { 
font-size: 26px; 
line-height: 35px; 
}
h6, 
.h6,
.elementor-widget-heading h6.elementor-heading-title, 
.elementor-widget-heading .h6.elementor-heading-title { 
font-size: 20px; 
line-height: 28px; 
}
h7, 
.h7,
.elementor-widget-heading h7.elementor-heading-title, 
.elementor-widget-heading .h7.elementor-heading-title { 
font-size: 16px; 
line-height: 24px; 
}
h8, 
.h8,
.elementor-widget-heading h8.elementor-heading-title, 
.elementor-widget-heading .h8.elementor-heading-title { 
font-size: 14px; 
line-height: 20px; 
} div h1, 
div h2, 
div h3, 
div h4, 
div h5, 
div h6 { 
margin-top: 40px; 
}
i + h1, 
i + h2, 
i + h3, 
i + h4, 
i + h5, 
i + h6 { 
margin-top: 10px; 
}
div h1:first-child, 
div h2:first-child { 
margin-top: -0.18em; 
}
div h1:last-child, 
div h2:last-child { 
margin-bottom: -0.18em; 
}
div h3:first-child, 
div h4:first-child { 
margin-top: -0.15em; 
}
div h3:last-child, 
div h4:last-child { 
margin-bottom: -0.15em; 
}
div h5:first-child, 
div h6:first-child { 
margin-top: -0.12em; 
}
div h5:last-child, 
div h6:last-child { 
margin-bottom: -0.12em; 
}
h1 + h1, 
h1 + h2, 
h1 + h3, 
h1 + h4, 
h1 + h5, 
h1 + h6,
h2 + h1, 
h2 + h2, 
h2 + h3, 
h2 + h4, 
h2 + h5, 
h2 + h6,
h3 + h1, 
h3 + h2, 
h3 + h3, 
h3 + h4, 
h3 + h5, 
h3 + h6,
h4 + h1, 
h4 + h2, 
h4 + h3, 
h4 + h4, 
h4 + h5, 
h4 + h6,
h5 + h1, 
h5 + h2, 
h5 + h3, 
h5 + h4, 
h5 + h5, 
h5 + h6,
h6 + h1, 
h6 + h2, 
h6 + h3, 
h6 + h4, 
h6 + h5, 
h6 + h6 { 
margin-top: 20px; 
}
#page-title .title-alt { margin-top: 5px; }
.page-name, .portfolio-name { 
font-weight: 700; 
}
.title-alt { 
font-weight: 500; 
}
.uppercase { 
text-transform: uppercase;
letter-spacing: 0.05em;
}
.not-found {
color: #000;	
} ::placeholder { 
color: #000;
opacity: 0.3; 
}
.text-light ::placeholder { 
color: #fff;
opacity: 0.4; 
}
input {
-webkit-appearance: none;
} input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {  
display: none; 
width : 0; 
height: 0; } input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { 
display: none; 
}
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="search"], 
textarea {
font-family: 'Manrope'; 
font-weight: 500;
font-size: 16px;
background: transparent;
border: none;
border-bottom: 1px solid #000;
line-height: 28px !important;
height: auto;
color: #000;
padding: 5px 0;
transition: all 200ms ease;
border-radius: 0;
resize: none;
position: relative;
width: 100%; 
box-sizing: border-box;
}
textarea { 
min-height: 100px; 
}
.textarea-small textarea { 
height: 120px; 
}
.text-light:not(.transparent) input[type="text"], 
.text-light:not(.transparent) input[type="password"], 
.text-light:not(.transparent) input[type="email"], 
.text-light:not(.transparent) input[type="number"], 
.text-light:not(.transparent) input[type="tel"], 
.text-light:not(.transparent) input[type="date"], 
.text-light:not(.transparent) input[type="search"], 
.text-light:not(.transparent) textarea { 
color: #fff; 
border-color: #fff; 
}
input[type="submit"], 
.button, 
button{
font-family: "Manrope";
font-weight: 700;
font-size: 15px;
line-height: 40px; 
height: 40px; 
padding: 0px 40px;
text-align: center;
display: inline-block;
max-width: 100%;
cursor: pointer;
text-align: center;
margin-bottom: 5px;
transition: all 0.3s ease;
color: #fff;
background: #000;
border: none;
position: relative;
border-radius: 20px;
box-sizing:border-box;
}
.text-light input[type="submit"], 
.text-light .button, 
.text-light button { 
background: #fff; 
color: #000; 
}
input[type="submit"]:hover, 
.button:hover, 
button:not(.sr-button):hover { 
background: rgba(0,0,0,0.61); 
color: #fff;
}
.text-light input[type="submit"]:hover, 
.text-light .button:hover, 
.text-light button:hover { 
background: rgba(255,255,255,0.61); 
}
input[type="checkbox"], 
input[type="radio"] {
margin-left: 0;
}
label input[type="checkbox"], 
label input[type="radio"] {
transform: translateY(2px);
}
input[type="checkbox"] { 
-webkit-appearance: checkbox; 
}
input[type="radio"] { 
-webkit-appearance: radio; 
}
select {
cursor: pointer;
font-family: 'Manrope'; 
font-weight: 500;
font-size: 16px;
background-color: transparent;
border: none;
border-bottom: 1px solid #000;
line-height: 50px;
height: 50px;
width: 100%;
max-width: 100%;
text-overflow: ellipsis;
padding: 0 25px 0px 0px;
color: #000;
-moz-border-radius:0px; 
-khtml-border-radius:0px; 
-webkit-border-radius:0px;
border-radius: 0px;
min-width: 120px;
background-image:url(//trait-graphique.com/traitgraphique/files/assets/select-arrow.svg);
background-position: right 8px top 55%;
background-repeat: no-repeat;
background-size:14px 14px;
}
.text-light select { 
color: #fff; 
border-color: #000; 
background-image:url(//trait-graphique.com/traitgraphique/files/assets/select-arrow-light.svg); 
background-color: transparent;
}
select option {
cursor: pointer;
padding: 3px 0;
font-family: Arial;
}
label, 
.label {
font-family: 'Manrope';
font-weight: 500;
font-size: 16px;
line-height: 24px;
width: 100%;
color: #000;
display: block;
margin-bottom: 5px; 
padding: 0;
}
.text-light label, 
.text-light .label { 
color: #fff; 
}
.form-row.check-error label,
.woocommerce-invalid label, 
.check-error label { 
color: #fa4d5a !important; 
}
input[type="radio"] + label,
input[type="checkbox"] + label { 
display: inline-block;
width: auto;
margin: 0 0 0 5px;
font-size: 15px;
line-height: 20px;
}
label abbr { 
text-decoration: none;
}
form, .wpcf7 {
margin-top: 40px;
}
div form:first-child, div .wpcf7:first-child { 
margin: 0;
}
form .form-row {
margin-top: 40px;
position: relative;
}
div form:first-child .form-row:first-child,
div form:first-child .form-row.one-half:nth-child(2),
div form:first-child .form-row.one-third:nth-child(2), 
div form:first-child .form-row.one-third:nth-child(3), 
div form:first-child .form-row.two-third:nth-child(2),
div form:first-child .form-row.one-fourth:nth-child(2), 
div form:first-child .form-row.one-fourth:nth-child(3), 
div form:first-child .form-row.one-fourth:nth-child(4), 
div form:first-child .form-row.two-fourth:nth-child(2), 
div form:first-child .form-row.two-fourth:nth-child(3),
#reply-title + form:first-child .form-row:first-child { 
margin-top: 0; 
}
form p.form-row {
line-height: 0;
font-size: 0;
}
form p.form-row.one-half {
float: left;
}
.form-row.hidden {
display: none;
}
form .form-submit {
margin-top: 40px;
} .form-row.deplace  {
position: relative;
margin-top: 54px;
}
.form-row.deplace > label {
position: absolute;
top: 0;
left: 0;
padding: 5px 0;
margin: 0;
display: inline-block;
width: auto;
transition: all 0.45s cubic-bezier(.2, 0, .1, 1);
transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-webkit-transform-origin: 0 50%;
height: 28px;
line-height: 28px;
overflow: hidden;
cursor: text;
}
.form-row.deplace input::placeholder { 
opacity: 0; 
}
.form-row.deplace input::-ms-input-placeholder  { 
opacity: 0; 
}
.form-row.deplace textarea::placeholder { 
opacity: 0; 
}
.form-row.deplace textarea::-ms-input-placeholder { 
opacity: 0; 
}
.form-row.deplace.has-val > label,
.form-row.deplace input:focus ~ label,
.form-row.deplace textarea:focus ~ label {
transform: translateY(-90%) scale(0.95);
opacity: 0.41;
cursor: default;
} .wpcf7-list-item {
padding-left: 25px;
position: relative;
}
.wpcf7-list-item input {
position: absolute;
top: 0;
left: 0;
}
.wpcf7-list-item-label {
font-size: 12px;
line-height: 1.5;
margin: 0;
}
.wpcf7-not-valid-tip { 
display: none !important; 
}
.screen-reader-response + .wpcf7-form,
.wpcf7-form > div[style="display: none;"] + .form-row,
.wpcf7-form > div[style="display: none;"] + .form-row.one-half + .form-row.one-half { 
margin-top: 0;
} .wpcf7 .form-row .ajax-loader {
position: relative;
width: 22px;
height: 6px;
margin-left: 20px;
background: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
animation: none !important;
}
.wpcf7 .form-row .ajax-loader::before,
.wpcf7 .form-row .ajax-loader::after {
content: "";
width: 6px;
height: 6px;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: #000 !important;
opacity: 1;
border-radius: 50%;
animation: sr-loader 1.2s ease infinite;
}
.wpcf7 .form-row .ajax-loader::after {
animation-delay: 0.6s;
}
.wpcf7-response-output {
border: none !important;
color: #fa4d5a !important;
margin: 20px 0 0 0 !important;
padding: 0 !important;
background: none;
box-sizing:border-box;
display: block !important;
}
.sent.wpcf7-response-output { 
color: #3ae285 !important;
} table {
margin: 40px 0;
border-collapse: collapse;
width: 100%;
max-width: 100%;
}
div table:first-child,
form table:first-child { 
margin-top: 0; 
}
div table:last-child,
form table:last-child { 
margin-bottom: 0; 
}
table caption {
font-weight: 600;
margin-bottom: 10px;
}
table th {
font-family: 'Manrope'; 
font-weight: 500;
color: #000;
font-size: 16px;
line-height: 1.5em;
}
.text-light table th {
color: #fff;
}
table thead th,
table tbody th{
font-weight: 800;
font-size: 16px;
}
table td, 
table th { 
padding: 15px;
border: 1px solid rgba(0,0,0,0.16);
}
.text-light table td,
.text-light table th { 
border-color: rgba(255,255,255,0.28);
}
table thead td,
table thead th { 
padding-top: 0;
padding-bottom: 15px;
border: none;
}
.table-scroll {
max-width: 100%;
overflow-y: auto;
margin-top: 30px;
}
div .table-scroll:first-child { 
margin-top: 0; 
}
.table-scroll table {
min-width: 550px;
} a {
text-decoration: none;
cursor: pointer;
-webkit-tap-highlight-color:rgba(0,0,0,0.0);
color: #000;
transition: all 0.15s ease;
}
a:hover { 
color: rgba(0,0,0,0.41); 
}
.text-light a, 
a.text-light, 
.text-dark a.text-light  { 
border-color: #fff; 
color: #fff; 
}
.text-light a:hover, 
a.text-light:hover, 
.text-dark a.text-light:hover  { 
color: rgba(255,255,255,0.61); 
}
p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
.blog-content ul li a {
border-bottom: 1px solid #000;
color: #000;
}
p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link):hover,
.blog-content ul li a:hover { 
color: rgba(0,0,0,0.41); 
}
.text-light p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
.text-light .blog-content ul li a { 
border-color: #fff; 
color: #fff; 
}
.text-light p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link):hover,
.text-light .blog-content ul li a:hover { 
color: rgba(255,255,255,0.61); 
}
p.h1 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
p.h2 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
p.h3 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link) {
border-bottom-width: 4px;
}
p.h4 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
p.h5 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
p.h6 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link) {
border-bottom-width: 2px;
}
blockquote p a { 
border: none; 
} img, object, video, audio {
max-width: 100%; 
height: auto;
display: inline-block;
margin:0;
vertical-align:top;
}
p img { 
margin-top: 25px; 
}
p img:first-child { 
margin-top: 0; 
}
img.alignleft { 
margin: 3px 25px 25px 0; 
float: left; 
}
img.alignright { 
margin: 3px 0px 25px 25px; 
float: right; 
}
iframe {
max-width: 100%; 
}
svg {
max-width: 100%;
}
p + video, p + audio {
margin-top: 25px;
} ul {
margin-top: 30px;
margin-left: 30px;
list-style: disc;
}
ul.nolist { 
list-style: none; 
margin-left: 0;  
}
div ul:first-child, 
li ul:first-child { 
margin-top: 0; 
}
ul ul.children { 
margin-top: 0px; 
margin-bottom: 10px; 
}
ol {
margin-top: 30px;
margin-left: 30px;
list-style: decimal;
}
div ol:first-child, 
li ol:first-child { 
margin-top: 0; 
}
ul li, 
ol li {
margin-top: 8px;
}
ul.biglist li, 
ol.biglist li, 
ul.nolist li, 
ol.nolist li {
color: #000;
}
.text-light ul.biglist li, 
.text-light ol.biglist li, 
.text-light ul.nolist li, 
.text-light ol.nolist li { 
color: #fff;
}
ul.biglist li, 
ol.biglist li {
font-size: 1.2em; 
margin-top: 8px;
}
ul li:first-child, 
ol li:first-child { 
margin-top: 0; 
}
dl {
margin-top: 20px;
}
div dl:first-child{ 
margin-top: 0; 
}
dl dd {
margin-bottom: 20px;
} p { 
margin-top: 25px; 
}
div p:not(.form-row):first-child {  
margin-top: 0; 
}	
strong, 
b, 
dt {
font-weight: 700;
}
i, 
dfn, 
em {
font-style: italic;
}
blockquote {
font-weight: 400;
font-size: 1.4em; 
font-style: italic;
line-height: 1.6em;
color: #000;
position: relative;
width: calc(100% - 80px);
max-width: 100%;
min-width: 400px;
box-sizing:border-box;
margin: 40px auto !important;
padding: 15px 0;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
[class*='wrapper'] blockquote { 
max-width: 100%; 
}
.text-light blockquote,
blockquote.text-light { 
color: #fff; 
border-color: rgba(255,255,255,0.28);
}
div blockquote:first-child { 
margin-top: 0; 
}
figure > blockquote:first-child { 
margin: 0px auto;
}
.flickity-slider blockquote  {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
width: 100%;
}
blockquote cite, 
cite,
cite a {
font-weight: 400;
letter-spacing: 0em;
font-style: normal;
margin-top: 15px;
display: block;
font-size: 14px;
line-height: 20px;
color: #000 !important; 
border: none;
}
.text-light blockquote cite, .text-light cite, .text-light cite a {
color: #fff !important; 
}
cite a {
margin: 0;
display: inline-block;
border-color: #000 !important; 
}
.text-light cite a {
border-color: #fff !important; 
}
cite strong {
text-transform: uppercase;
letter-spacing: 0.06em;
}
blockquote figure {
margin: 20px auto 0 auto;
width: 80px;
height: 80px;
border-radius: 60px;
overflow: hidden;
text-align: center;
}
blockquote p {
margin: 0;
}
pre {
padding: 20px;
margin-top: 20px;
font-size: 0.8em;
line-height: 1.4em;
line-height: 18px;
border: 1px solid #000;
display: block;
border-radius: 0;
overflow-x: auto;
}
.text-light pre { 
border-color: #fff; 
}
div pre:first-child { 
margin-top: 0; 
}
code, 
kbd, 
tt {
padding: 0;
display: inline-block;
border-radius: 0;
color: #000;
font-size: 0.8em;
line-height: 1.4em;
position: relative;
top: -1px;
}
.text-light code, 
.text-light kbd, 
.text-light tt {
color: #fff;
}
pre code, 
pre kbd, 
pre tt {
font-size: 1em;
}
big {
font-size: 1.2em;
display: inline-block;
}
small {
font-size: 0.8em;
display: inline-block;
}
h1 small, 
h2 small, 
h3 small, 
h4 small {
font-size: 0.6em;
}
h5 small {
font-size: 0.75em;
}
h6 small {
font-size: 0.85em;
}
small a {
border-bottom-width: 1px !important;
}
mark {
background: #000;
color: #fff;
font-weight: 400;
padding: 0 2px;
}
.text-light mark { 
background: #fff; 
color: #000; 
}
address {
margin-top: 20px;
border: 1px solid rgba(0,0,0,0.16);
padding: 20px;
display: inline-block;
font-style: normal;
font-size: 0.85em;
line-height: 1.5em;
}
.text-light address:first-child {
border-color: rgba(255,255,255,0.28);
}
address:first-child {
margin-top: 0px;
}
hr {
box-sizing: content-box;
height: 0;
border: 0;
margin: 20px 0 20px 0;
border-top: 1px solid rgba(0,0,0,0.16);
}
.text-light hr {
border-color: rgba(255,255,255,0.28);
} #page-content {
overflow:  hidden;
position: relative; margin: 0;
padding: 0 !important;						
max-width: 100%;
min-height: 101vh;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.loading-end #page-content { 
min-height: auto; }
#page-body {
position: relative;
z-index: 2; }
#hero-and-body #page-body:first-child {
padding-top: calc(40px + 40px); }
#header[class*='transparent-'] ~ #hero-and-body #page-body:first-child {
padding-top: 0 !important;
}
body.has-header-bar #header[class*='transparent-'] ~ #hero-and-body #page-body:first-child { 
padding-top: 34px !important;
}
.single-product #hero-and-body #page-body:first-child {
padding-top: calc(40px + 40px); }
.single-product #header[class*='transparent-'] ~ #hero-and-body #page-body:first-child {
padding-top: 0;										
}
.single-product #header[class*='transparent-'] ~ #hero-and-body #page-body:first-child .product-head {
padding-top: calc(40px + 40px); }
body.enable-pageload #page-body > *,
body.enable-pageload #page-bg,
body.enable-pageload #hero,
body.enable-pageload #footer {
transform: translateY(50px);
opacity: 0;
visibility: hidden;
transition: all 560ms cubic-bezier(.2, 0, .1, 1) 0s;
}
body.enable-pageload #page-bg  {
transform: scale(1.02,1.02);
transition: all 760ms ease 0.3s;
}
body.enable-pageload.loading-end #page-body > *,
body.enable-pageload.loading-end #page-bg,
body.enable-pageload.loading-end #hero,
body.enable-pageload.loading-end #footer {
opacity: 1;
visibility: visible;
transform: inherit;
}
#page-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
transition: all 0.01s ease 0.5s;
}
.loading-end #page-loader {
width: 0;
height: 0;
}
#page-loader .loader-text {
color: #000;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
overflow: hidden;
}
#page-loader .loader-text span {
display: block;
transform: translateY(100%);
transition: transform 0.6s cubic-bezier(.2, 0, .1, 1) 1.2s;
}
.loading-start:not(.no-loader) #page-loader .loader-text span {
transform: translateY(0);
}
.loading-end:not(.no-loader) #page-loader .loader-text span {
transform: translateY(-100%);
transition-delay: 0s;
}
#page-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
pointer-events: none;
z-index: 0;
}
#page-bg .page-bg-main {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
transition: opacity 0.3s ease;
}
#page-bg .page-bg-main[class*='bg-fade-scroll'] {
transition: opacity 0.8s ease;
}
.scrolled #page-bg .page-bg-main.bg-fade-scroll-0,
#page-bg .page-bg-main.bg-fade-from-0 { opacity: 0; }
.scrolled #page-bg .page-bg-main.bg-fade-scroll-05,
#page-bg .page-bg-main.bg-fade-from-05 { opacity: 0.05; }
.scrolled #page-bg .page-bg-main.bg-fade-scroll-1,
#page-bg .page-bg-main.bg-fade-from-1 { opacity: 0.1; }
.scrolled #page-bg .page-bg-main.bg-fade-scroll-2,
#page-bg .page-bg-main.bg-fade-from-2 { opacity: 0.2; }
.scrolled #page-bg .page-bg-main.bg-fade-scroll-3,
#page-bg .page-bg-main.bg-fade-from-3 { opacity: 0.3; }
.scrolled #page-bg .page-bg-main.bg-fade-scroll-4,
#page-bg .page-bg-main.bg-fade-from-4 { opacity: 0.4; }
.scrolled #page-bg .page-bg-main.bg-fade-scroll-5,
#page-bg .page-bg-main.bg-fade-from-5 { opacity: 0.5; }
.scrolled #page-bg .page-bg-main.bg-fade-scroll-6,
#page-bg .page-bg-main.bg-fade-from-6 { opacity: 0.6; }
.scrolled #page-bg .page-bg-main.bg-fade-scroll-7,
#page-bg .page-bg-main.bg-fade-from-7 { opacity: 0.7; }
.scrolled #page-bg .page-bg-main.bg-fade-scroll-8,
#page-bg .page-bg-main.bg-fade-from-8 { opacity: 0.8; }
.scrolled #page-bg .page-bg-main.bg-fade-scroll-9,
#page-bg .page-bg-main.bg-fade-from-9 { opacity: 0.9; }
.scrolled #page-bg .page-bg-main.bg-fade-scroll-10,
#page-bg .page-bg-main.bg-fade-from-10 { opacity: 1; }
#page-bg .page-bg-main.bg-parallax {
height: calc(100vh + 305px);
}
#page-bg .page-bg-fade {
transition: background 690ms ease;
}
.wrapper, 
.wrapper-small, 
.wrapper-medium, 
.wrapper-mini { 
width: 1440px; 
margin: 0 auto; 
max-width: calc(100% - 160px);
}
.wrapper .wrapper, 
.wrapper .wrapper-medium, 
.wrapper .wrapper-small,
.wrapper-small .wrapper,
.wrapper-small .wrapper-medium, 
.wrapper-small .wrapper-small,
.wrapper-medium .wrapper, 
.wrapper-medium .wrapper-medium, 
.wrapper-medium .wrapper-small { 
max-width: 100% !important; 
}
.wrapper-mini { 
width: 420px; 
}
.wrapper-small { 
width: 780px; 
}
.wrapper-medium { 
width: 1080px; 
}
.wrapper::after, 
.wrapper-small::after, 
.wrapper-medium::after { 
content: ""; 
display: block; 
clear: both; 
visibility: hidden; 
font-size: 0; 
height: 0; 
}
.main-content {
width: calc(100% - 260px);
}
.blog-wrapper .main-content {
width: calc(100% - 320px);
}
.archive .main-content {
width: 100%;
transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
}
.archive.filter-is-open .main-content {
width: calc(100% - 260px);
}
aside.sidebar {
width: 220px;
margin-bottom: 80px;
}
.blog-wrapper aside.sidebar {
width: 260px;
}
.archive aside.sidebar {
width: 0px;
max-height: 0px;
opacity: 0;
transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
}
.archive.filter-is-open aside.sidebar {
width: 220px;
max-height: 9999px;
opacity: 1;
}
.archive aside.sidebar .sidebar-inner {
width: 220px;
opacity: 0;
transform: translateX(-50%);
transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
}
.archive.filter-is-open aside.sidebar .sidebar-inner {
transform: translateX(0);
opacity: 1;
}
.left-float { 
float: left; 
}
.right-float { 
float: right; 
}
.align-left,
.responsive-align-left {
text-align: left;
}
.align-center,
.responsive-align-center {
text-align: center;
}
.align-right,
.responsive-align-right {
text-align: right;
}
@media only screen and (max-width: 1024px) {
.responsive-align--tabletleft {
text-align: left;
}
.responsive-align--tabletcenter {
text-align: center;
}
.responsive-align--tabletright {
text-align: right;
}
}
@media only screen and (max-width: 640px) {
.responsive-align--mobileleft {
text-align: left;
}
.responsive-align--mobilecenter {
text-align: center;
}
.responsive-align--mobileright {
text-align: right;
}
} .sr-loader-icon, 
.wcapf-before-update {
position: absolute;
top: calc(50% - 12px);
left: calc(50% - 12px);
width: 24px !important;
height: 24px !important;
z-index: 11;
background: none !important;
}
.wcapf-before-update {
top: 60px;
}
.sr-loader-icon::before, 
.wcapf-before-update::before,
.sr-loader-icon::after, 
.wcapf-before-update::after {
content: "";
width: 6px;
height: 6px;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: #000;
opacity: 1;
border-radius: 50%;
animation: sr-loader 1.2s ease infinite;
}
.sr-loader-icon::after,
.wcapf-before-update::after {
animation-delay: 0.6s;
}
@keyframes sr-loader {
0% {
left: 0;
}
50% {
left: 100%;
margin-left: -6px;
}
100% {
left: 0;
}
} #header {
z-index: 1501;
width: 100%;
position: absolute;
top: 0; 
left: 0;
transition: opacity 0.35s ease, transform 0.35s ease;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
#header.sticky,
#header.sticky-on-scroll {
position: fixed;
}
#header.sticky-on-scroll {
transition: all 460ms ease 0s;
}
body.scrolled-down #header.sticky-on-scroll {
transform: translateY(-30px);
opacity: 0;
pointer-events: none;
}
#header.header-no-bg,
body:not(.scrolled) #header:not(.header-no-bg)[class*='transparent-'] {
pointer-events: none;
}
#pseudo-header { 
position:absolute;
z-index:-1;
}
body.enable-pageload #header > *:not(#mobile-menu) {
transform: translateY(-20px);
opacity: 0;
visibility: hidden;
transition: all 560ms cubic-bezier(.2, 0, .1, 1) 0.3s;
}
body.enable-pageload.loading-end #header > *:not(#mobile-menu) {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
#header::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: transform 560ms cubic-bezier(.2, 0, .1, 1) 0.3s, all 0.3s cubic-bezier(.2, 0, .1, 1) 0.08s;
z-index: 1501;
background: transparent;
transform: translateY(-100%);
}
body.enable-pageload.loading-end #header::after {
transform: translateY(0);
}
#header.header-bg-show-start::after,
body.scrolled #header.header-bg-show-scroll::after {
opacity: 1;
}
.menu-is-open #header:not(.header-bg-show-start)::after,
body.scrolled #header.header-bg-show-start::after {
opacity: 1;
background: #fff;
transition-delay: 0.5s;
}
#header .header-inner {
padding: 20px 0; position: relative;
z-index: 1510;
transition: all 0.3s ease;
}
body.scrolled #header.sticky .header-inner {
padding: 15px 0; transition-delay: 0.3s;
}
#header .header-inner .header-top,
#header .header-inner .header-bottom {
display: flex;
align-items: center;
}
#header .header-inner .header-bottom {
margin-top: 25px;
height: 22px;
}
#header .header-inner .header-top > *,
#header .header-inner .header-bottom > *,
.header-bar .header-bar-inner,
.header-bar .header-bar-inner > * {
display: flex;
align-items: center;
}
#header .header-inner .header-inner-left,
.header-bar .header-bar-inner .header-bar-inner-left {
flex: 1;
justify-content: flex-start;
}
#header .header-inner .header-inner-center,
.header-bar .header-bar-inner .header-bar-inner-center {
justify-content: center;
}
#header .header-inner .header-inner-right,
.header-bar .header-bar-inner .header-bar-inner-right {
flex: 1;
justify-content: flex-end;
}
#header .header-inner .header-inner-bottom {
justify-content: center;
width: 100%;
}
#header .header-inner [class*='header-inner-'] > *,
.header-bar .header-bar-inner [class*='header-bar-inner-'] > * {
margin: 0 10px;
pointer-events: auto;
}
#header .header-inner .header-inner-left > *:first-child,
.header-bar .header-bar-inner .header-bar-inner-left > *:first-child {
margin-left: 0;
}
#header .header-inner .header-inner-right > *:last-child,
.header-bar .header-bar-inner .header-bar-inner-right > *:last-child {
margin-right: 0;
}
#header .header-inner [class*='header-inner-'] > .on-mobile {
display: none;
}
#header .header-logo {
width: auto;
z-index: 1501;
line-height: 0;
margin: 0 30px;
position: relative;
}
#header .header-logo img { 
height: 40px; 								
transition: all 0.45s ease;
width: auto;
}
body.scrolled #header.sticky .header-logo img { 
height: 20px; 								
transition: all 0.45s ease, height 0.45s ease 0.45s;
}
header .header-logo .text-logo { 
line-height: 40px; 							
font-size: 24px; 
font-weight: 800;
text-transform: uppercase;
} 
header .header-logo .dark-logo ~ .light-logo {
position: absolute;
top: 0; 
left: 0;
opacity: 0;
visibility: hidden;
}
header.header-light .header-logo .dark-logo,
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-logo .dark-logo,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-logo .dark-logo,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .header-logo .dark-logo { 
opacity: 0; 
visibility: hidden; 
}
header.header-light .header-logo .dark-logo ~ .light-logo,
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-logo .dark-logo ~ .light-logo,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-logo .dark-logo ~ .light-logo,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .header-logo .dark-logo ~ .light-logo { 
opacity: 1; 
visibility: visible; 
}
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .header-logo .dark-logo, 
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-logo .dark-logo,
body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-dark .header-logo .dark-logo { 
opacity: 1; 
visibility: visible; 
}
body:not(.scrolled-hero):not(.menu-ius-open) #header.transparent-dark:not(.header-hover) .header-logo .dark-logo ~ .light-logo, 
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-logo .dark-logo ~ .light-logo,
body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-dark .header-logo .dark-logo ~ .light-logo { 
opacity: 0; 
visibility: hidden; 
} #header .header-bar {
background: #f2f2f2;
color: #000;
vertical-align: top;
position: relative;
z-index: 1502;
overflow: hidden;
}
#header .header-bar:hover {
z-index: 1511;
overflow: visible;
}
#header .header-bar.text-light { 
color: #fff;
}
#header .header-bar .header-bar-inner > * {
height: 22px;
padding: 8px 0;
line-height: 22px;
font-weight: 500;
transition: all 0.4s ease;
}
.scrolled #header .header-bar .header-bar-inner > * { 
height: 0 !important;
padding: 0 !important;
opacity: 0 !important;
}
#header .header-bar .header-bar-inner .socialmedia-widget li {
padding-right: 5px;
}
#header .header-bar .header-bar-inner .socialmedia-widget li a {
font-size: 11px;
width: 24px;
line-height: 24px;
height: 24px;
border: none;
}
#header .header-bar .header-wishlist .wishlist_products_counter::before {
width: 20px;
height: 20px;
-webkit-background-size:20px;
-moz-background-size:20px;
-o-background-size:20px;
background-size:20px;
}
#header .header-bar .header-action > a .icon {
width: 20px;
height: 20px;
}
#header .header-bar .header-cart.cart-withicon a,
#header .header-bar .header-wishlist a {
padding-right: 7px;
}
#header .header-bar .header-cart.cart-withicon a span.minicart-count,
#header .header-bar .header-wishlist .wishlist_products_counter_number{
top: -1px;
right: -8px;
} #footer {
margin: 0 auto;
position: relative;
border-top: 1px solid transparent;
}
#footer .footer-inner {
padding: 30px 0;
}
#footer .footer-bottom {
padding: 30px 0;
border-top: 1px solid rgba(255,255,255,0.28);
font-size: 0.9em;
display: flex;
align-items: center;
}
#footer .footer-bottom .footer-bottom-left {
flex: 1;
justify-content: flex-start;
}
#footer .footer-bottom .footer-bottom-center {
justify-content: center;
}
#footer .footer-bottom .footer-bottom-right {
flex: 1;
justify-content: flex-end;
}
#footer .footer-bottom .footer-bottom-left {
text-align: left;
}
#footer .footer-bottom .footer-bottom-center {
text-align: left;
}
#footer .footer-bottom .footer-bottom-right {
text-align: right;
}
#footer .footer-bottom > * > a,
#footer .footer-bottom p > a,
.copyright a {
margin: 0 10px;
color: #000 !important; 
border-color: #000 !important; 
}
#footer .footer-bottom > * > a:hover,
#footer .footer-bottom p > a:hover,
.copyright a:hover {
color: rgba(0,0,0,0.41) !important;
}
#footer.text-light .footer-bottom > * > a,
#footer.text-light .footer-bottom p > a,
.text-light .copyright a { 
color: #fff !important;
border-color: #fff !important;
}
#footer.text-light .footer-bottom > * > a:hover,
#footer.text-light .footer-bottom p > a:hover,
.text-light .copyright a:hover { 
color: rgba(255,255,255,0.61) !important;
}
#footer .footer-bottom > * > a:first-child,
#footer .footer-bottom p > a:first-child,
.copyright a:first-child {
margin-left: 0;
}
#footer .footer-bottom > * > a:last-child,
#footer .footer-bottom p > a:last-child,
.copyright a:last-child {
margin-right: 0;
}
.copyright { font-size: 0.9em; }
.scroll-top {
position: fixed;
bottom: 25px;
right: 40px;
z-index: 9;
color: #000 !important;
pointer-events: none;
}
.scrolled .scroll-top {
pointer-events: all;
}
.scroll-top .icon {
width: 24px;
height: 24px;
display: block;
transform: rotate(-90deg);
}
.scroll-top .icon span {
transition: all 0.6s cubic-bezier(.2, 0, .1, 1);
transform: translateX(-10px);
display: block;
opacity: 0;
}
body.enable-pageload.loading-end.scrolled .scroll-top .icon span {
transform: translateX(0);
opacity: 1;
}
.scroll-top .text {
font-size: 0.9em;
font-weight: 600;
position: absolute;
top: 50%;
right: 34px;
transform: translateY(-50%);
width: 200px;
text-align: right;
overflow: hidden;
pointer-events: none;
}
.scroll-top .text span {
transition: all 0.6s cubic-bezier(.2, 0, .1, 1);
transform: translateY(100%);
display: block;
}
body.enable-pageload.loading-end.scrolled .scroll-top:hover .text span {
transform: translateY(0);
} #header .header-inner nav.header-nav + nav.header-nav {
margin-left: 14px;
}
nav.header-nav > ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
nav.header-nav > ul > li {
margin: 0 15px;
display: inline-block;
padding: 0;
position: relative;
} 
nav.header-nav > ul > li:first-child { 
margin-left: 0; 
}
nav.header-nav > ul > li:last-child { 
margin-right: 0; 
}
nav.header-nav ul > li a {
font-family: 'Manrope'; 
font-weight: 500;
font-size: 15px;
display: inline-block;
color: #000;
height: 24px;
line-height: 24px;
position: relative;
overflow: hidden;
z-index: 2;
transition: color 0.25s ease, opacity 0.25s ease;
}
header.header-light nav.header-nav > ul > li > a,
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) nav.header-nav > ul > li > a,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light nav.header-nav > ul > li > a,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light nav.header-nav > ul > li > a,
body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-light nav.header-nav > ul > li > a { color: #fff; }
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) nav.header-nav > ul > li > a,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark nav.header-nav > ul > li > a,
body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-dark nav.header-nav > ul > li > a { color: #000; } nav.header-nav.hover-fade ul > li:hover > a { 
opacity: 0.5;
} nav.header-nav.hover-underline ul > li > a::after,
nav.header-nav.hover-linethrough ul > li > a::after {	
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
opacity: 1;
background-color: #000;
transition: all 0.3s ease;
}
nav.header-nav.hover-linethrough ul > li > a::after {
bottom: auto;
top: 50%;
transform: translateY(-50%);
}
header.header-light nav.header-nav ul > li > a::after,
header.header-light nav.header-nav ul > li.current-menu-item > a::after,
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) nav.header-nav ul > li > a::after,
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) nav.header-nav ul > li.current-menu-item > a::after,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light nav.header-nav ul > li > a::after,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light nav.header-nav ul > li.current-menu-item > a::after,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light nav.header-nav ul > li > a::after,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light nav.header-nav ul > li.current-menu-item > a::after {
background-color: #fff;
}
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) nav.header-nav ul > li > a::after,
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) nav.header-nav ul > li.current-menu-item > a::after,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark nav.header-nav ul > li > a::after,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark nav.header-nav ul > li.current-menu-item > a::after {
background-color: #000;
}
nav.header-nav ul > li:hover > a::after,
nav.header-nav ul > li.current-menu-item > a::after {
width: 100%;
} nav.header-nav.hover-slide ul > li > a > span.menu-item-inner {
overflow: hidden;
display: block;
}
nav.header-nav.hover-slide ul > li > a > span.menu-item-inner::after {
content: attr(data-name);
transform: translateY(100%) ;
position: absolute;
top: 0;
left: 0;
}
nav.header-nav:not(.hover-slide) ul > li > a > span.menu-item-inner::after {
display: none;
}
nav.header-nav.hover-slide ul > li > a > span.menu-item-inner span.default,
nav.header-nav.hover-slide ul > li > a > span.menu-item-inner::after {
display: inline-block;
transition: transform 550ms cubic-bezier(.4, 0, .1, 1);
}
nav.header-nav.hover-slide ul > li:hover > a > span.menu-item-inner span.default {
transform: translateY(-100%) ;
}
nav.header-nav.hover-slide ul > li:hover > a > span.menu-item-inner::after {
transform: translateY(0%);
} nav.header-nav > ul > li ul.sub-menu {
margin: 0;	
position: absolute;
top: 24px; left: -20px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
white-space: nowrap;
padding: 16px 20px;						
min-width: 160px;
padding-top: calc(16px + 20px + ((40px - 24px) / 2)); pointer-events: none;
z-index: 1;
transform: translateY(10px);
transition: opacity 0.45s cubic-bezier(.6, 0, .1, 1), transform 0.45s cubic-bezier(.6, 0, .1, 1);
}
nav.header-nav > ul > li ul.sub-menu.right-align {
left: auto;
right: -20px;
}
nav.header-nav > ul li:hover > ul.sub-menu,
nav.header-nav > ul li.sub-visible > ul.sub-menu {
opacity: 1;
transform: translateY(0);
visibility: visible;
transition-delay: 0.08s;
pointer-events: auto;
}
nav.header-nav > ul li.sub-visible ul.sub-menu {
pointer-events: auto;
}
nav.header-nav > ul > li ul.sub-menu::before {
box-sizing:border-box;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - (20px + ((40px - 24px) / 2))); background: #000;
border-radius: 0;
}
header nav.header-nav > ul > li[class*="megamenu"]:not(.mega-boxed) > ul.sub-menu::before {
border-top: 1px solid rgba(0,0,0,0.08);
box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.04);
}
header nav.header-nav > ul > li > ul.sub-menu > li > ul::before {
box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.08);
}
header nav.header-nav > ul > li[class*="megamenu"] > ul.sub-menu ul::before {
box-shadow: none;
border: none;
background: none;
display: none;
}
.header-inner nav.header-nav > ul > li ul.sub-menu { padding-top: calc(16px + 20px + ((40px - 24px) / 2)) !important; }
.header-inner nav.header-nav > ul > li ul.sub-menu::before { height: calc(100% - (20px + ((40px - 24px) / 2))) !important; }
nav.header-nav > ul > li ul.sub-menu > li {
padding: 0;
position: relative;
list-style: none;
opacity: 0;
margin-top: 5px;
transform: translateY(5px);
transition: opacity 0.45s cubic-bezier(.6, 0, .1, 1), transform 0.45s cubic-bezier(.6, 0, .1, 1);
}
nav.header-nav > ul > li ul.sub-menu > li:first-child {
margin-top: 0;
}
nav.header-nav > ul li:hover > ul.sub-menu > li,
nav.header-nav > ul li.sub-visible > ul.sub-menu > li {
transition-delay: 0.2s;
opacity: 1 !important;
transform: translateY(0);	
}
nav.header-nav > ul > li ul.sub-menu > li:first-child {
margin-top: 0;
}
nav.header-nav > ul > li ul.sub-menu > li:last-child {
margin-bottom: 0;
}
nav.header-nav > ul > li ul.sub-menu > li > a {
font-weight: 500;
font-size: 14px;
padding: 1px 0;
line-height: 20px;
height: auto;
display: inline-block;
vertical-align:top;
white-space: normal;
color: #fff;
}
nav.header-nav > ul > li ul.sub-menu > li > a:hover {
color: rgba(255,255,255,0.61);
}
header.submenu-light nav.header-nav > ul > li ul.sub-menu > li > a {
color: #fff;
}
header.submenu-light nav.header-nav > ul > li ul.sub-menu > li > a:hover {
color: rgba(0,0,0,0.41);
}
nav.header-nav > ul > li ul.sub-menu > li > a:hover::after,
nav.header-nav > ul > li ul.sub-menu > li.current-menu-item > a::after {
width: 100%;
}
nav.header-nav > ul > li ul.sub-menu > li.is-title > a {
font-weight: 500;
font-size: 16px;
margin-top: 20px;
margin-bottom: 6px;
opacity: 1 !important;
cursor: default;
color: #000;
}
nav.header-nav > ul > li ul.sub-menu > li.is-title > a.has-img {
cursor: pointer;
}
nav.header-nav > ul > li ul.sub-menu > li.is-title:first-child > a {
margin-top: 0;
}
nav.header-nav > ul > li ul.sub-menu > li.is-title:last-child > a {
margin-bottom: 0;
}
nav.header-nav > ul > li ul.sub-menu > li.is-title > a::after {
display: none;
} nav.header-nav > ul > li ul.sub-menu ul.sub-menu {
top: -16px;															
left: auto;
right: 0;
transform: translateX(100%) translateY(10px);
padding-top: 16px;
padding-left: 40px;
}
nav.header-nav > ul > li ul.sub-menu li:hover > ul.sub-menu,
nav.header-nav > ul > li ul.sub-menu li.sub-visible > ul.sub-menu {
transform: translateX(100%) translateY(0);
}
nav.header-nav > ul > li ul.sub-menu.right-align ul.sub-menu,
nav.header-nav > ul > li ul.sub-menu ul.sub-menu.right-align {
left: 0;
right: auto;
transform: translateX(-100%);
padding-left: 0;
padding-right: 60px;
}
nav.header-nav > ul > li ul.sub-menu.right-align li:hover > ul.sub-menu,
nav.header-nav > ul > li ul.sub-menu.right-align li.sub-visible > ul.sub-menu,
nav.header-nav > ul > li ul.sub-menu li:hover > ul.sub-menu.right-align,
nav.header-nav > ul > li ul.sub-menu li.sub-visible > ul.sub-menu.right-align {
transform: translateX(-100%) translateY(0);
}
nav.header-nav > ul > li ul.sub-menu ul.sub-menu::before {
height: 100%;
width: calc(100% - 21px);
margin-left: 21px;
}
nav.header-nav > ul > li ul.sub-menu.right-align ul.sub-menu::before,
nav.header-nav > ul > li ul.sub-menu ul.sub-menu.right-align::before {
width: 100%;
margin-left: -30px;
} nav.header-nav > ul > li[class*="megamenu"]:not(.mega-boxed) {
position: static;
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
left: 50%;
transform: translateX(-50%);
top: calc(20px + 24px + ((40px - 24px) / 2)); padding-top: calc(20px + ((40px - 24px) / 2) + 25px); padding-bottom: 40px;	
display: flex;
}
nav.header-nav > ul > li[class*="megamenu"].mega-boxed > .sub-menu {
width: 1100px;
max-width: none;
left: 0;	
transform: none;
top: 24px;
}
nav.header-nav > ul > li[class*="megamenu"].mega-boxed > .sub-menu.right-align {
left: auto;
right: 0;
}
nav.header-nav > ul > li.megamenu2.mega-boxed > .sub-menu { width: 440px; }
nav.header-nav > ul > li.megamenu3.mega-boxed > .sub-menu { width: 660px; }
nav.header-nav > ul > li.megamenu4.mega-boxed > .sub-menu { width: 880px; }
nav.header-nav > ul > li.megamenu5.mega-boxed > .sub-menu { width: 1100px; }
nav.header-nav > ul > li[class*="megamenu"]:not(.mega-boxed) > .sub-menu::before {
left: -50vw;
width: 150vw;
}
nav.header-nav > ul > li[class*="megamenu"].mega-boxed > .sub-menu::before {
left: -30px;
width: calc(100% + 60px);
}
nav.header-nav > ul > li[class*="megamenu"]:not(.mega-boxed) .sub-menu .sub-menu::before {
background: none;
border: none;
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li {
margin-right: 30px;
margin-top: 0 !important;
height: auto;
width: calc(16.6% - 25px);
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:last-child { margin: 0 !important; }
nav.header-nav > ul > li.megamenu5 > .sub-menu > li { width: calc(20% - 24px); }
nav.header-nav > ul > li.megamenu4 > .sub-menu > li { width: calc(25% - 22.5px); }
nav.header-nav > ul > li.megamenu3 > .sub-menu > li { width: calc(33.3% - 20px); }
nav.header-nav > ul > li.megamenu2 > .sub-menu > li { width: calc(50% - 15px); }
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li.double-width { width: calc(33.3% - 20px); }
nav.header-nav > ul > li.megamenu5 > .sub-menu > li.double-width { width: calc(40% - 18%); }
nav.header-nav > ul > li.megamenu4 > .sub-menu > li.double-width { width: calc(50% - 15px); }
nav.header-nav > ul > li.megamenu3 > .sub-menu > li.double-width { width: calc(66.6% - 10px); }
nav.header-nav > ul > li.megamenu2 > .sub-menu > li.double-width { width: 100%; }
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:nth-child(2n) { transition-delay: 0.24s;  }
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:nth-child(3n) { transition-delay: 0.28s;  }
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:nth-child(4n) { transition-delay: 0.32s;  }
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:nth-child(5n) { transition-delay: 0.36s;  }
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:nth-child(6n) { transition-delay: 0.40s;  }
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li > a {
display: none !important;
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li > .img-bg {
position: absolute;
top: -25px;
left: -15px;
width: calc(100% + 30px);
height: calc(100% + 25px + 40px);
}
nav.header-nav > ul > li[class*="megamenu"].mega-boxed > .sub-menu > li:first-child > .img-bg {
left: -30px;
width: calc(100% + 45px);
}
nav.header-nav > ul > li[class*="megamenu"].mega-boxed > .sub-menu > li:last-child > .img-bg {
left: -15px;
width: calc(100% + 45px);
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li > .img-bg .item-thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li > .img-bg .item-thumb img {
object-fit: cover;
width: 100%;
height: 100%;
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li .sub-menu {
margin: 0;
margin-top: 7px;
padding: 0 !important;
position: static;
top: auto !important;
left: auto !important;
right: auto !important;
list-style: none;
transform: none;
opacity: 1;
visibility: visible;
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li .sub-menu li {
transform: none;
opacity: 1;
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img {
overflow: hidden;
white-space: nowrap;
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img .item-thumb img {
transform: scale(1.05);
transition: transform 450ms cubic-bezier(.4, 0, .1, 1) 0s;
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img:hover .item-thumb img {
transform: scale(1.01);
}
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img .img-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
font-size: 14px;
padding: 9px 20px;
background: #fff;
color: #000;
border-radius: 3px;
} .header-action {
position: relative;
}
.header-action > a {
display: block;
position: relative;
}
.header-action > a .icon {
display: block;
width: 22px;
height: 22px;
}
.header-action.show-text > a .icon {
display: none;
}
.header-action > a .text,
.header-action > a .wishlist_products_counter_text {
display: none;
font-family: 'Manrope'; 
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.header-bar .header-action > a .text {
font-size: 12px;
letter-spacing: 0;
text-transform: none;
}
.header-action.show-text > a .text {
display: block;
}
.header-action > a svg path {
fill: #000;
transition: all 0.3s ease;
}
header.header-light .header-action > a svg path,
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-action > a svg path,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .header-action > a svg path,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-action > a svg,
.header-bar.text-light .header-action > a svg path {
fill: #fff;
}
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .header-action > a svg path,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-action > a svg path {
fill: #000;
}
.header-action > a:hover svg path {
fill: rgba(0,0,0,0.41);
}
header.header-light .header-action > a:hover svg path,
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-action > a:hover svg path,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .header-action > a:hover svg path,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-action > a:hover svg path,
.header-bar.text-light .header-action > a:hover svg path {
fill: rgba(255,255,255,0.61);
}
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .header-action > a:hover svg path,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-action > a:hover svg path {
fill: rgba(0,0,0,0.41);
} .header-cart.cart-withicon a span.minicart-count {
font-weight: 500;
background: #000;
position: absolute;
top: -10px;
right: -9px;
border-radius: 12px;
min-width: 20px;
height: 20px;
color: #fff;
text-align: center;
line-height: 20px;
font-size: 10px;
display: inline-block;
transition: all 0.3s ease;
}
header.header-light .header-cart.cart-withicon a span.minicart-count,
body:not(.scrolled-hero) #header.transparent-light:not(.header-hover) .header-cart.cart-withicon a span.minicart-count,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .header-cart.cart-withicon a span.minicart-count,
body.cart-is-open:not(.scrolled-hero) #header.transparent-light .header-cart.cart-withicon a span.minicart-count {
background: #fff;
color: #000;
}
body:not(.scrolled-hero) #header.transparent-dark:not(.header-hover) .header-cart.cart-withicon a span.minicart-count,
body.cart-is-open:not(.scrolled-hero) #header.transparent-dark .header-cart.cart-withicon a span.minicart-count {
background: #000;
color: #fff;
}
.header-cart.cart-withicon a.cart-empty span.minicart-count {
opacity: 0;
visibility: hidden;
}
.header-inner .header-search-field {
height: 20px;
}
.header-inner .header-search-field .search-form {
margin-top: -10px !important;
}
.header-inner .header-search-field .search-form {
width: 180px;
margin: 0;
}
.header-inner-center .header-search-field .search-form {
width: 260px;
}
.header-inner .header-search-field .search-form form input[type="search"]  {
line-height: 28px !important;
padding: 5px 10px;
font-size: 13px;
}
.header-inner .header-search-field .search-form form button[type="submit"]  {
height: 40px;
width: 40px;
} .header-toggle {
width: auto;
height: 22px;
position: relative;
cursor: pointer;
display: flex;
} .header-toggle .hamburger {
order: 2;
width: 16px;
height: 22px;
position: relative;
cursor: pointer;
transition: all 0.8s cubic-bezier(.2, 0, .1, 1), background .25s ease;
}
.header-toggle .hamburger::after, .header-toggle .hamburger::before {
content: "";
display: block;
width: 100%;
height: 2px;
background: #000;
position: absolute;
top: 50%; margin-top: -1px;
right: 0;
transition: all 0.8s cubic-bezier(.2, 0, .1, 1), background .45s ease;
}
.header-toggle .hamburger::before { 
transform: translateY(-3px);
width: 70%;
}
.header-toggle .hamburger::after { 
transform: translateY(4px);	
}
header.header-light .header-toggle .hamburger::after, 
header.header-light .header-toggle .hamburger::before,
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-toggle .hamburger::after, 
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-toggle .hamburger::before,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-toggle .hamburger::after, 
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-toggle .hamburger::before,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .header-toggle .hamburger::after,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .header-toggle .hamburger::before,
body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-light .header-toggle .hamburger::after,
body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-light .header-toggle .hamburger::before { background: #fff; }
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .header-toggle .hamburger::after, 
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .header-toggle .hamburger::before,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-toggle .hamburger::after, 
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-toggle .hamburger::before,
body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-dark .header-toggle .hamburger::after,
body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-dark .header-toggle .hamburger::before  { background: #000; } body.menu-is-open .header-toggle .hamburger {
transform: rotate(45deg);
}
body.menu-is-open .header-toggle .hamburger:before,
body.menu-is-open .header-toggle .hamburger:after {
width: 100%;
transform: rotate(90deg);
}
body.menu-is-open .header-toggle .hamburger:after {
transform: rotate(180deg);
} .header-toggle .text {
font-family: 'Manrope'; 
font-weight: 600;
font-size: 16px;
line-height: 20px;
margin-right: 15px;
overflow: hidden;
}
.header-toggle .text span {
display: block;
transition: all 0.6s cubic-bezier(.2, 0, .1, 1), color .45s ease;
color: #000;
}
header.header-light .header-toggle .text span:first-child,
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-toggle .text span:first-child,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-toggle .text span:first-child,
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .header-toggle .text span:first-child,
body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-light .header-toggle .text span:first-child { color: #fff; }
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .header-toggle .text span:first-child,
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-toggle .text span:first-child,
body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-dark .header-toggle .text span:first-child { color: #000; }
body.menu-is-open .header-toggle .text span {
transform: translateY(-100%);
} .menu-language {
position: relative;
text-align: left;
z-index: 1510;
display: inline-block;
}
.menu-language a {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #000;
border-radius: 20px;
width: 28px;
height: 32px;
padding: 0 2px;
line-height: 32px;
color: #000;
text-align: center;
}
header.header-light .menu-language a, 
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-language a, 
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .menu-language a, 
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .menu-language a {
border-color: #fff;
color: #fff;
}
.menu-language > a {
display: inline-block;	
}
.menu-language .lang-select {
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
margin: 0 !important;
background: #fff;
border: 1px solid #000;
border-radius: 17px;
list-style: none;
transition: all 0.1s ease 0.15s;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
header.header-light .menu-language .lang-select, 
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-language .lang-select, 
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .menu-language .lang-select, 
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .menu-language .lang-select {
border-color: #fff;
background: #000;
}
#mobile-menu .menu-language .lang-select {
top: auto;
bottom: 0px;
}
.menu-language:hover .lang-select {
opacity: 1;
visibility: visible;
transition-delay: 0;
}
.menu-language .lang-select li {
margin-top: 0;
}
.menu-language .lang-select li a {
font-size: 12px;
display: block;
line-height: 32px;
height: 32px;
padding: 0 2px;
border: none;
width: 28px;
transition: background 0.3s ease,  all 0.3s ease;
}
.menu-language .lang-select li a:hover {
background-color: #000;
color: #fff;
}
header.header-light .menu-language .lang-select li a:hover, 
body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-language .lang-select li a:hover, 
body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .menu-language .lang-select li a:hover, 
body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .menu-language .lang-select li a:hover {
background-color: #fff;
color: #000;
} #mobile-menu {
transition: all 0.45s ease 0.4s, height 0.01s ease 0.86s !important;
}
.loading-end #mobile-menu.this-is-open {
transition: all 0.45s ease 0.1s, height 0.01s ease !important;
}
#mobile-menu .mobile-menu-inner {
min-height: 100%;
max-width: 1600px;
left: 50%;
transform: translateX(-50%);
height: auto;
padding-top: 80px;
padding-bottom: 60px;
padding-left: 80px;
padding-right: 80px;
box-sizing: border-box;
display: flex;
}
#mobile-menu .mobile-menu-inner > * {
align-self: flex-end;
}
#mobile-menu .mobile-menu-inner.align-top > * {
align-self: flex-start;
}
#mobile-menu .mobile-menu-inner.align-center > * {
align-self: center;
}
#mobile-menu .mobile-menu-inner .mobile-inner-left {
flex: 1;
justify-content: flex-start;
}
#mobile-menu .mobile-menu-inner .mobile-inner-center {
flex: 1;
justify-content: center;
text-align: center;
}
#mobile-menu .mobile-menu-inner .mobile-inner-right {
flex: 1;
justify-content: flex-end;
text-align: right;
}
#mobile-menu .mobile-menu-inner .search-form {
width: 100%;
margin: 0;
}
#mobile-menu nav.header-nav  {
border: none;
display: inline-block;
}
#mobile-menu nav.header-nav + nav.header-nav  {
padding-top: 0;
border: none;
margin-top: -20px;
}
#mobile-menu .header-login + .header-wishlist  {
padding-top: 0;
border: none;
}
#mobile-menu .header-language,
#mobile-menu .header-currency {
border: none;
}
#mobile-menu nav.header-nav > ul > li {
margin: 0;
display: block;
height: auto;
}
#mobile-menu nav.header-nav > ul > li a {
margin: 5px 0;
height: auto;
line-height: 1.3;
overflow: hidden;
}
#mobile-menu nav.header-nav > ul > li:first-child > a {
margin-top: 0;
}
#mobile-menu nav.header-nav > ul > li:last-child > a {
margin-bottom: 0;
}
#mobile-menu nav.header-nav > ul > li a .menu-item-inner {
transition: transform 650ms cubic-bezier(.4, 0, .1, 1);
transform: translateY(100%);
display: block;
}
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li a .menu-item-inner {
transform: translateY(0);
transition-delay: 0.3s;
}
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(2n) a .menu-item-inner { transition-delay: 0.36s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(3n) a .menu-item-inner { transition-delay: 0.42s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(4n) a .menu-item-inner { transition-delay: 0.48s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(5n) a .menu-item-inner { transition-delay: 0.54s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(6n) a .menu-item-inner { transition-delay: 0.6s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(7n) a .menu-item-inner { transition-delay: 0.66s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(8n) a .menu-item-inner { transition-delay: 0.72s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(9n) a .menu-item-inner { transition-delay: 0.78s; }
#mobile-menu nav.header-nav > ul > li .sub-menu { 
position: relative; 
padding: 0 !important; 
top:auto !important; 
left:auto; 
opacity:1; 
visibility:visible; 
display: none;
transition: none; 
transform: none;
box-sizing: border-box;
}
#mobile-menu nav.header-nav > ul > li .sub-menu::before { display: none; }
#mobile-menu nav.header-nav > ul > li .sub-menu > li {
margin: 0;
padding: 0;
opacity: 1;
width: 100%;
transform: none;
float: none;
height: auto;
}
#mobile-menu nav.header-nav > ul > li .sub-menu > li:last-child {
padding-bottom: 15px;
}
#mobile-menu nav.header-nav > ul > li .sub-menu > li:first-child {
padding-top: 10px;
}
#mobile-menu nav.header-nav > ul > li:last-child .sub-menu > li:first-child {
padding-top: 20px;
}
#mobile-menu nav.header-nav > ul > li .sub-menu > li a {
margin: 4px 0 4px 30px;
color: #000;
}
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li .sub-menu > li > a .menu-item-inner {
transition: transform 650ms cubic-bezier(.4, 0, .1, 1);
transform: translateY(130%);
display: block;
}
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li > a .menu-item-inner {
transform: inherit;
transition-delay: 0.2s;
}
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(2n) > a .menu-item-inner { transition-delay: 0.26s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(3n) > a .menu-item-inner { transition-delay: 0.32s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(4n) > a .menu-item-inner { transition-delay: 0.38s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(5n) > a .menu-item-inner { transition-delay: 0.44s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(6n) > a .menu-item-inner { transition-delay: 0.5s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(7n) > a .menu-item-inner { transition-delay: 0.56s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(8n) > a .menu-item-inner { transition-delay: 0.62s; }
.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(9n) > a .menu-item-inner { transition-delay: 0.68s; }
#mobile-menu nav.header-nav > ul > li[class*="megamenu"] > .sub-menu .sub-menu { 
display: block; padding-top: 0; 
}
#mobile-menu nav.header-nav > ul li > .img-bg { 
display: none; 
}
#mobile-menu nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img .item-thumb {
display: none;
}
#mobile-menu nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img .img-caption {
position: relative;
top: auto;
left: auto;
transform: none;
display: block;
font-size: 14px;
padding: 9px 20px;
background: #f5f5f5;
box-sizing:border-box;
text-align: center;
} #mobile-menu .header-action {
margin-top: 60px;
}
#mobile-menu .header-action:first-child {
margin-top: 0;
}
#mobile-menu .header-action.header-language {
margin-top: 30px;
}
#mobile-menu .socialmedia-widget.text-style li a {
font-size: 38px;
line-height: 48px;
height: auto;
padding: 0;
}
#mobile-menu .socialmedia-widget.text-style li a::after {
height: 2px;
}
#mobile-menu .widget-title,
#mobile-menu .socialmedia-widget.text-style li {
overflow: hidden;
}
#mobile-menu .widget-title .text,
#mobile-menu .socialmedia-widget.text-style li a {
transition: transform 650ms cubic-bezier(.4, 0, .1, 1);
transform: translateY(100%);
display: inline-block;
}
.loading-end #mobile-menu.this-is-open .widget-title .text,
.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li a {
transform: inherit;
transition-delay: 0.3s;
}
.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(2n) a { transition-delay: 0.36s; }
.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(3n) a { transition-delay: 0.42s; }
.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(4n) a { transition-delay: 0.48s; }
.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(5n) a { transition-delay: 0.54s; }
.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(6n) a { transition-delay: 0.6s; }
.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(7n) a { transition-delay: 0.66s; }
.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(8n) a { transition-delay: 0.72s; }
.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(9n) a { transition-delay: 0.78s; }
#mobile-menu .header-action:not(.header-social) {
opacity: 0;
transform: translateY(10px);
transition: all 650ms cubic-bezier(.4, 0, .1, 1);
}
.loading-end #mobile-menu.this-is-open .header-action:not(.header-social) {
opacity: 1;
transform: inherit;
transition-delay: 0.45s;
}
@media only screen and (min-width: 1025px) {
#mobile-menu .header-action:not(.header-social):not(.header-text)  {
display: none;
}
} #hero {
position: relative;
width: 100%;
max-width: 100%;
margin: 0 auto;
opacity: 0;
visibility: hidden;
transition: all 0.7s ease;
min-height: 100px;
}
#hero.hero-wrapped {
width: 1440px;
max-width: calc(100% - 160px);
}
body.loading-end #hero {
opacity: 1;
visibility: visible;
}
#hero.hero-fullscreen,
#hero.hero-fullscreen .hero-inner {
min-height:  100vh;
}
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero {
margin-top: calc(40px + 40px); }
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.wrapper {
margin-top: calc(40px + 40px + 40px); }
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-fullscreen,
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-fullscreen .hero-inner {
min-height: calc(100vh - (40px + 40px)); }
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-wrapped.hero-fullscreen,
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-wrapped.hero-fullscreen .hero-inner {
min-height: calc(100vh - (40px + 40px) - 40px); }
#hero .hero-inner {
overflow: hidden;
min-height: 100px;
} #hero #page-title {
padding-top: calc(100px + 35px); padding-bottom: calc(120px);
position: relative;
z-index: 1;
margin: 0 auto;
}
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-auto.no-bg #page-title {
padding-top: 60px;
padding-bottom: 100px;
}
.post-type-archive-product #header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-auto.no-bg #page-title,
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-auto.no-bg #page-title.title-bottom {
padding-bottom: 60px;
}
#hero.hero-fullscreen #page-title,
#hero.hero-custom #page-title {
margin-top: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%); 
-moz-transform: translateY(-50%) translateX(-50%); 
-ms-transform: translateY(-50%) translateX(-50%); 
-o-transform: translateY(-50%) translateX(-50%); 
transform: translateY(-50%) translateX(-50%);
}
#hero.hero-fullscreen #page-title.title-top,
#hero.hero-fullscreen #page-title.title-bottom,
#hero.hero-fullscreen #page-title.push-bottom:not(.title-top),
#hero.hero-custom #page-title.title-top,
#hero.hero-custom #page-title.title-bottom,
#hero.hero-custom #page-title.push-bottom:not(.title-top){
top: 0;
-webkit-transform: translateY(0%) translateX(-50%); 
-moz-transform: translateY(0%) translateX(-50%); 
-ms-transform: translateY(0%) translateX(-50%); 
-o-transform: translateY(0%) translateX(-50%); 
transform: translateY(0%) translateX(-50%);
}
#hero.hero-fullscreen #page-title.title-center,
#hero.hero-custom #page-title.title-center {
padding-top: calc(100px + 40px); padding-bottom: calc(100px + 40px); }
#hero.hero-fullscreen #page-title.title-bottom,
#hero.hero-custom #page-title.title-bottom { 
top: auto;
bottom: 0;
padding-bottom: 60px;					
}
#hero.no-bg ~ #page-body .top-content-spacer,
body.woocommerce-checkout .top-content-spacer {
display: none;
} #hero #page-title.align-left .description,
#hero #page-title.align-right .description {
max-width: 480px;
}
#hero.hero-home #page-title h1,
#hero #page-title.hero-single .post-name {
font-weight: 700;
} #hero #page-title .title-cats a {
margin: 0 12px 12px 10px;
}
#hero #page-title .title-cats a:first-child {
margin-left: 0;
}
#hero #page-title .title-cats a:last-child {
margin-right: 0;
}  #single-share,
.sr-grid-filter {
margin-top: 0;
border: 1px solid transparent; box-sizing:border-box;
position: relative;
}
#single-share.is-fixed,
.sr-grid-filter.is-fixed {
position: fixed;
z-index: 10;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
pointer-events: none;
}
.scrolled #single-share.is-fixed.is-visible.is-open,
.scrolled .sr-grid-filter.is-fixed.is-visible.is-open {
pointer-events: all;
}
#single-share.is-fixed::before,
.sr-grid-filter.is-fixed::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 1px);
background: #fff;
transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
transform: translateY(calc(100% + 1px));
z-index: 0;
}
.scrolled #single-share.is-fixed.is-visible.is-open::before,
.scrolled .sr-grid-filter.is-fixed.is-visible.is-open::before {
transform: translateY(0);
}
#single-share .share-title,
.sr-grid-filter .filter-title {
font-size: 13px;
font-weight: 700;
margin: 0;
height: 34px;
border: 1px solid #000;
border-radius: 20px;
background: #000;
box-sizing:border-box;
display: inline-block;
position: relative;
width: 100px;
transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
}
#single-share.align-center .share-title,
.sr-grid-filter.align-center .filter-title {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
#single-share.is-fixed .share-title,
.sr-grid-filter.is-fixed .filter-title {
width: 34px;
opacity: 0;
pointer-events: none;
}
.scrolled #single-share.is-fixed.is-visible .share-title,
.scrolled .sr-grid-filter.is-fixed.is-visible .filter-title {
width: 100px;
opacity: 1;
pointer-events: all;
}
#single-share.is-open:not(.is-fixed) .share-title,
.sr-grid-filter.is-open:not(.is-fixed) .filter-title,
.scrolled #single-share.is-fixed.is-visible.is-open .share-title,
.scrolled .sr-grid-filter.is-fixed.is-visible.is-open .filter-title{
width: 34px;
}
#single-share.align-center.is-open:not(.is-fixed) .share-title,
.sr-grid-filter.align-center.is-open:not(.is-fixed) .filter-title,
.scrolled #single-share.align-center.is-fixed.is-visible.is-open .share-title,
.scrolled .sr-grid-filter.align-center.is-fixed.is-visible.is-open .filter-title{
top: 0;
}
#single-share .share-title > a,
.sr-grid-filter .filter-title > a {
height: 32px;
width: 100%;
display: inline-block;
position: relative;
overflow: hidden;
color: #fff;
}
#single-share .share-title .text,
.sr-grid-filter .filter-title .text {
position: absolute;
left: 50%;
top: 50%;
transform:  translateX(-50%) translateY(-50%);
transition: all 0.4s cubic-bezier(.6, 0, .1, 1);
}
#single-share.is-fixed .share-title .text,
.sr-grid-filter.is-fixed .filter-title .text {
transform:  translateX(-50%) translateY(-50%) scale(0.7);
opacity: 0;
transition: all 0.4s cubic-bezier(.6, 0, .1, 1), opacity 0.4s ease 0s;
}
.scrolled #single-share.is-fixed.is-visible .share-title .text,
.scrolled .sr-grid-filter.is-fixed.is-visible .filter-title .text {
top: 50%;
opacity: 1;
transform:  translateX(-50%) translateY(-50%);
transition: all 0.4s cubic-bezier(.6, 0, .1, 1), opacity 0.4s ease 0.2s;
}
#single-share.is-open:not(.is-fixed) .share-title .text,
.sr-grid-filter.is-open:not(.is-fixed) .filter-title .text,
.scrolled #single-share.is-fixed.is-visible.is-open .share-title .text,
.scrolled .sr-grid-filter.is-fixed.is-visible.is-open .filter-title .text {
top: 0;
transform:  translateX(-50%) translateY(-100%);
}
#single-share .share-title .icon,
.sr-grid-filter .filter-title .icon {
width: 14px;
height: 14px;
position: absolute;
top: 100%;
left: 50%;
transform:  translateX(-50%) translateY(100%);
transition: all 0.4s cubic-bezier(.6, 0, .1, 1);
}
#single-share.is-open:not(.is-fixed) .share-title .icon,
.sr-grid-filter.is-open:not(.is-fixed) .filter-title .icon,
.scrolled #single-share.is-open .share-title .icon,
.scrolled .sr-grid-filter.is-open .filter-title .icon {
transform:  translateX(-50%) translateY(-50%);
top: 50%;
}
#single-share .share-title .icon svg,
.sr-grid-filter .filter-title .icon svg {
position: absolute;
top: 0;
left: 0;
fill: #fff;
}
#single-share .socialmedia-widget,
.sr-grid-filter .grid-filter {
margin: 0 0 -8px 20px;
display: block;
line-height: 0;
}
#single-share.align-center .socialmedia-widget,
.sr-grid-filter.align-center .grid-filter  {
margin: 25px 0 -8px 0;
}
#single-share.align-center.is-fixed .socialmedia-widget,
.sr-grid-filter.align-center.is-fixed .grid-filter  {
margin: 25px 0 17px 0;
}
#single-share.open-ul .socialmedia-widget li,
.sr-grid-filter.open-ul .grid-filter li {
overflow: hidden;
padding: 0 15px !important;
margin-bottom: 8px;
pointer-events: none;
}
#single-share.open-ul.is-open .socialmedia-widget li,
.sr-grid-filter.open-ul.is-open .grid-filter li {
pointer-events: all;
}
#single-share.open-ul .socialmedia-widget li a,
.sr-grid-filter.open-ul .grid-filter li a {
transform: translateY(100%);
transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1);
}
#single-share.open-ul.is-open:not(.is-fixed) .socialmedia-widget li a,
.sr-grid-filter.open-ul.is-open:not(.is-fixed) .grid-filter li a,
.scrolled #single-share.open-ul.is-open .socialmedia-widget li a,
.scrolled .sr-grid-filter.open-ul.is-open .grid-filter li a{
transform: translateY(0);
}
#single-share.open-ul.is-open .socialmedia-widget li a,
.sr-grid-filter.open-ul.is-open .grid-filter li a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.12s; }
#single-share.open-ul.is-open .socialmedia-widget li:nth-child(2n) a,
.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(2n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.12s; }
#single-share.open-ul.is-open .socialmedia-widget li:nth-child(3n) a,
.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(3n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.14s; }
#single-share.open-ul.is-open .socialmedia-widget li:nth-child(4n) a,
.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(4n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.16s; }
#single-share.open-ul.is-open .socialmedia-widget li:nth-child(5n) a,
.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(5n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.18s; }
#single-share.open-ul.is-open .socialmedia-widget li:nth-child(6n) a,
.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(6n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.2s; }
#single-share.open-ul.is-open .socialmedia-widget li:nth-child(7n) a,
.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(7n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.22s; }
#single-share.open-ul.is-open .socialmedia-widget li:nth-child(8n) a,
.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(8n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.24s; }
#single-share.open-ul.is-open .socialmedia-widget li:nth-child(9n) a,
.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(9n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.26s; }
.sr-grid-filter .grid-filter li {
display: inline-block;
margin: 0;
position: relative;
}
.sr-grid-filter .grid-filter li a {
line-height: 24px;
height: 24px;
width: auto;
color: #000;
transition: all 0.3s ease;
display: block;
text-align: center;
box-sizing:border-box;
position: relative;
}
.sr-grid-filter .grid-filter li a:hover,
.sr-grid-filter .grid-filter li.active a {
color: rgba(0,0,0,0.41);
} .blog-container.post-item {
position: relative;
}
.blog-container {
margin-bottom: -40px;
}
.blog-container .post-item {
margin-bottom: 40px;
}
.post-item {
position: relative;
}
.sr-grid-spaced-small .post-item .blog-item-inner { margin-bottom: 40px; }
.sr-grid-spaced-normal .post-item .blog-item-inner { margin-bottom: 30px; }
.sr-grid-spaced-medium .post-item .blog-item-inner { margin-bottom: 20px; }
.post-item.sticky .blog-item-inner {
border-left: 1px solid #000;
margin-top: 0;
padding: 0 0 0 25px;
}
.post-item.search-item .post-content {
border: 1px solid rgba(0,0,0,0.16);
margin-top: 0;
padding: 30px;
margin-bottom: 0;
border-radius: 0;
}
.post-item .blog-media { 
position: relative;
}
.post-item .blog-media .format-video { 
width: 40px;
height: 40px;
background: #fff;
color: #000;
border-radius: 50%;
position: absolute;
bottom: 20px;
left: 20px;
z-index: 2;
pointer-events: none;
}
.post-item .blog-media .format-video svg {
width: 14px;
height: 14px;
position: absolute;
top: 50%; 
left: 52%; 
transform: translateX(-50%) translateY(-50%);
}
.post-date, 
.post-cat,
.post-author {
color: #000;
display: inline-block;
margin-right: 3px; 
position: relative;
word-wrap: normal;
font-size: 0.8em;
font-weight: 600;
}
.text-light .post-date, 
.text-light .post-cat,
.text-light .post-author {
color: #fff;
}
.post-date,
.post-author {
color: rgba(0,0,0,0.41);
}
.post-cat a {
color: #000;
display: inline-block;
margin-right: 10px;
}
.text-light .post-cat a {
color: #fff;
}
.post-cat a:hover {
opacity: 0.51; 
}
.post-author a {
color: rgba(0,0,0,0.41); 
}
.text-light .post-author a {
color: rgba(255,255,255,0.61); 
}
.post-author a:hover {
color: #000; 
}
.text-light .post-author a:hover {
color: #fff; 
}
.blog-info {
margin-bottom: 40px;
}
.blog-media + .blog-info {
margin-top: 20px;
}
.blog-info .post-name {
margin-top: 10px;
font-weight: 700;
}
.post-content {
margin-top: 20px;
}
div .post-content:first-child { 
margin-top: 0; 
}
div .post-content:last-child { 
margin-bottom: 0; 
}
.blog-info .read-more {
margin-top: 20px !important;
}
.blog-info .post-meta {
margin-top: 0;
}
.blog-info blockquote { 
font-size: 16px;
line-height: 26px;
margin-bottom: 0;
text-align: left;
padding: 0 0 0 10px;
border-top: none;
border-right: none;
border-bottom: none;
}
.blog-info blockquote::before,
.blog-info blockquote::after { 
display: none;
}
.blog-info blockquote cite { 
font-size: 13px;
} .list-style .post-item .blog-item-inner {
display: flex;
align-items: flex-start;
margin-bottom: 30px;
}
.list-style.list-spaced-big .post-item .blog-item-inner {
margin-bottom: 60px;
}
.list-style.list-spaced-huge .post-item .blog-item-inner {
margin-bottom: 80px;
}
.list-style .post-item .blog-item-inner .blog-media {
width: 40%;
}
.list-style .post-item .blog-item-inner .blog-info {
width: 60%;
padding-left: 40px;
margin-top: 5px;
} .flickity-carousel .post-item .blog-item-inner {
margin-bottom: 0;
}
.infosonimage .post-item .blog-item-inner {
margin-bottom: 0;
}
.infosonimage .post-item .blog-media .format-video { 
display: none;
}
.infosonimage .post-item .blog-info {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 25px;
z-index: 2;
pointer-events: none;
transition: all 650ms cubic-bezier(.6, 0, .1, 1);
}
.infosonimage .post-item:hover .blog-info {
padding-bottom: 40px;
}
.infosonimage .post-item .blog-info > * {
position: relative;
z-index: 2;
}
.infosonimage .post-item .blog-info::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 180px;
background: rgb(0,0,0);
background: linear-gradient(to top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%);
z-index: 1;
} .single-post #header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-auto.no-bg #page-title {
padding-top: 60px;
padding-bottom: 60px;
}
#page-title .post-cat {
font-size: 1em;
}
#page-title .post-meta * {
font-size: 0.9rem;
}
#page-title  .post-name {
margin-top: 15px;
margin-bottom: 15px;
}
#blog-single .blog-media {
margin-bottom: 80px;
text-align: center;
}
.entry-content + [class*='wrapper'] {
margin-top: 80px;
}
.meta-tags {
text-align: center;
}
.meta-tags .tags-title {
color: #000;
display: block;
font-size: 12px;
margin-bottom: 10px;
text-align: center;
font-weight: 400;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 0.06em;
display: none;
}
.meta-tags a {
color: #000;
font-size: 10px;
line-height: 20px;
display: inline-block;
border: 1px solid #000;
border-radius: 15px;
padding: 1px 6px;
margin: 0 3px 4px 3px;
box-sizing:border-box;
}
#blog-single #single-share {
display: block;
text-align: center;
}  #blog-comments {
margin-top: 60px;
}
.comments.zero {
display: none;
}
.comments .comment-list {
background: none;
list-style: none;
margin: 0;
padding: 0;
}
.comments .comment-list,
.comments .comment-list + p {
margin-top: 25px;
}	
.comments .comment-list .comment { 
margin-top: 25px;
border-top: 1px solid rgba(0,0,0,0.16);
padding-top: 25px;
}
.comments .comment-list .comment:first-child {
margin-top: 0;
}
.comments .comment-list .pingback { 
margin-top: 10px;
font-size: 0.9em;
line-height: 1.55em;
color: rgba(0,0,0,0.41);
overflow: hidden;
}
.comments .comment-list .pingback:first-child {
margin-top: 0;
}
.comments .comment-list .pingback .url { 
border: none !important;
font-weight: 600;
margin-left: 10px;
margin-right: 10px;
}
.comments .comment .comment-inner {
position: relative;
}
.comments .comment .comment-content .content,
.comments .comment .comment-content .content p {
margin-top: 15px;
font-size: 0.9em;
}
.comments .comment .comment-content .content p:first-child {
margin-top: 0;
}
.comments .comment .children { 
margin-left: 50px; 
margin-top: 40px;
list-style: none;
}
.comments .user {
float: left;
width: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
overflow: hidden;
}
.comments .user img {
width: 100%;
}
.comments .name {
position: relative;
}
.comments .time {
font-size: 0.8em;
margin-top: 0;
display: inline-block;
color: rgba(0,0,0,0.41);
float: right;
}
.text-light .comments .time { 
color: rgba(255,255,255,0.61); 
}
.comments .name .comment-name {
margin-top: 0;
}
.comments .comment-content {
margin-left: 70px;
position: relative;
}
.comments .comment-content .description {
margin-top: 15px;
}
.comments .comment-reply-link, 
.comments #cancel-comment-reply-link {
display: inline-block;
font-size: 0.8em;
font-weight: 600;
line-height: 20px;
border-bottom: 1px solid #000;
}
.comments #cancel-comment-reply-link {
margin-left: 15px;
}
.comments #respond {
margin-top: 50px;
margin-left: 120px;
}
.bypostauthor  { 
border-top: 1px solid transparent; }
.no-comments {
margin-top: 40px;
} #blog-leavecomment {
margin-top: 60px;
}
.comments.zero + #blog-leavecomment {
margin-top: 0;
}
.comment-form textarea {
min-height: 170px;
height: 170px;
}
.leavecomment .comment-form .one-third {
float: left;
width: calc(33.33% - 26.66px);
margin-right: 40px;
}
.leavecomment .comment-form .one-third.last-col {
margin-right: 0%;
}
.comment-list .comment-form .one-third {
width: 100%;
margin-right: 0px;
}
#single-pagination + .leavecomment { 
margin-top: 100px;
padding-top: 0;
}
#reply-title,
#comment-title,
.woocommerce-Reviews-title {
font-size: 22px;
line-height: 28px;
font-weight: 600;
}
.logged-in-as {
font-size: 0.75em;
line-height: 1.4em;
margin-top: 5px !important;
}
#respond form, .leavecomment form {
margin-top: 0;
}
.comment-notes {
font-size: 0.75em;
line-height: 1.4em;
} #page-pagination {
margin: 60px 0 60px 0;
overflow: hidden;
text-align: center;
}
.isotope-grid.shop-container + #page-pagination {
margin-top: 0;
}
.pagination {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 2;
text-align: center;
transition: all 0.45s cubic-bezier(.6, 0, .1, 1) 0.4s;
}
.slist-wrapper.active .pagination {
transform: translateY(100%);
transition-delay: 0s;
}
.pagination li {
padding: 0;
margin: 0;
position: relative;
}
.pagination li a, 
.pagination li > span {
font-family: 'Manrope';
font-weight: 600;
font-size: 14px;
color: #000;
line-height: 40px;
height: 40px;
display: inline-block;
padding: 0;
width: auto;
text-align: center;
max-width: 100%;
padding: 0 5px;
margin: 0 7px;
}
#page-pagination .pagination li.page span, 
#page-pagination .pagination li.page a {
display: inline-block;
transition: all 0.3s ease;
text-align:center;
}
#page-pagination .pagination li.page span.current, 
#page-pagination .pagination li.page a:hover {
color: rgba(0,0,0,0.31);
}
#page-pagination .pagination li.next .text, 
#page-pagination .pagination li.prev .text {
display: none;
}
#page-pagination .pagination li.next a,
#page-pagination .pagination li.prev a {
width: 40px;
padding: 0;
display: block;
position: relative;
border-radius: 4px;
border: none;
}
#page-pagination .pagination li.next svg, 
#page-pagination .pagination li.prev svg {
fill: #000;
width: 18px;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: all 0.3s ease;
}
#page-pagination .pagination li.prev svg {
transform: translateX(-50%) translateY(-50%) rotate(-180deg);
}
#page-pagination .pagination li.next a:hover svg,
#page-pagination .pagination li.prev a:hover svg {
opacity: 0.51;
}
#page-pagination .pagination li.next.inactive, 
#page-pagination .pagination li.prev.inactive {
pointer-events: none;
opacity: 0.1;
}
#page-pagination .pagination li.next.inactive svg, 
#page-pagination .pagination li.prev.inactive svg {
} #single-pagination.blog-pagination {
padding: 0;
margin: 80px auto;
}
#single-pagination .pagination {
display: block;
}
#single-pagination .pagination li {
float: left;
text-align: left;
width: 50%;
box-sizing:border-box;
}
#single-pagination .pagination li.next {
float: right;
text-align: right;
padding-right: 0;
}
#single-pagination .pagination li.inactive {
display: none;
}
#single-pagination .pagination li a {
line-height: inherit;
padding: 0;
display: flex;
align-items: top;
width: auto;
border: none;
margin: 0;
}
#single-pagination .pagination li a, #single-pagination .pagination li > span {
height: auto;
line-height: auto;
}
#single-pagination .pagination li a .media {
width: 35%;
}
#single-pagination .pagination li.next a .media {
order: 2;
}
#single-pagination .pagination li a .info {
width: 100%;
text-align: left;
padding: 0 25px;
box-sizing:border-box;
}
#single-pagination .pagination li.prev a .info:first-child {
padding-left: 0;
}
#single-pagination .pagination li.next a .info:first-child {
padding-right: 0;
}
#single-pagination .pagination li.next a .media + .info,
#single-pagination .pagination li.prev a .media + .info {
width: 65%;
flex: 1;
}
#single-pagination .pagination li.next a .info {
order: 1;
text-align: right;
}
#single-pagination .pagination li a .text {
font-size: 0.9rem;
display: inline-block;
color: rgba(0,0,0,0.41);
}
#single-pagination .pagination li .post-title {
content: attr(data-title);
font-family: 'Manrope';
font-weight: 600;
font-size: 1.4rem;
line-height: 1.7rem;
display: block;
color: #000;
transition: 0.3s ease;
margin-top: 10px;
}
#single-pagination .pagination li .post-title:hover {
opacity: 0.5;
}
.text-light #single-pagination .pagination li .post-title {
color: #fff;
} #single-pagination.sr-grid-pagination .sr-item {
display: inline-block;
margin: 160px auto;
}
#single-pagination.sr-grid-pagination .sr-item .sr-image.portrait {
max-width: 420px;
}
#single-pagination.sr-grid-pagination .sr-item .sr-image.square {
max-width: 500px;
}
#single-pagination.sr-grid-pagination .sr-item .sr-image.landscape {
max-width: 600px;
}
#single-pagination.sr-grid-pagination .sr-item .has-caption-bg.overlay-caption {
max-width: 400px;
} .content-pagination {
margin-top: 50px;
}
.content-pagination .pages {
margin-left: 20px;
}
.content-pagination .pages,
.content-pagination .pages a {
display: inline-block;
color: rgba(0,0,0,0.41);
font-size: 0.9em;
line-height: 16px;
font-weight: 600;
}
.content-pagination .pages .current {
color: #000;
}
.content-pagination .pages a:hover {
color: #000;
}
.content-pagination .pages * {
margin: 0 5px;
} #comment-pagination {
margin-left: 55px;
margin-top: 40px;
}
#comment-pagination a {
border-bottom: 1px solid #000;
padding: 0;
}  .sr-grid { 
width: 100%;
margin-bottom: -1px; }
.sr-grid:not(.isotope-grid) { 
display: flex; 
flex-wrap: wrap;
}
.sr-grid-filter:not(.is-fixed) + .sr-grid { 
margin-top: 40px;  
}
.sr-grid[class*='sr-grid-spaced-small'] {
width: calc(100% + 5px); 
left: 0;
margin-bottom: -5px;
}
.sr-grid[class*='sr-grid-spaced-normal'] { 
width: calc(100% + 20px); 
left: 0; 
margin-bottom: -20px;
}
.sr-grid[class*='sr-grid-spaced-medium'] {
width: calc(100% + 40px); 
left: 0;
margin-bottom: -40px;
}
.sr-grid[class*='sr-grid-spaced-big'] {
width: calc(100% + 80px); 
left: 0;
margin-bottom: -80px;
}
.sr-grid[class*='sr-grid-spaced-large'] {
width: calc(100% + 120px); 
left: 0;
margin-bottom: -120px;
}
.sr-grid[class*='sr-grid-spaced-huge'] {
width: calc(100% + 180px); 
left: 0;
margin-bottom: -180px;
}
.sr-grid .sr-item {
margin-bottom: -0.5px; position: relative;
}
.sr-grid[class*='sr-grid-spaced-small'] .sr-item { 
margin-bottom: 5px; 
margin-right: 5px; 
}
.sr-grid[class*='sr-grid-spaced-normal'] .sr-item { 
margin-bottom: 20px; 
margin-right: 20px; 
}
.sr-grid[class*='sr-grid-spaced-medium'] .sr-item { 
margin-bottom: 40px; 
margin-right: 40px; 
}
.sr-grid[class*='sr-grid-spaced-big'] .sr-item { 
margin-bottom: 80px; 
margin-right: 80px; 
}
.sr-grid[class*='sr-grid-spaced-large'] .sr-item { 
margin-bottom: 120px; 
margin-right: 120px; 
}
.sr-grid[class*='sr-grid-spaced-huge'] .sr-item { 
margin-bottom: 180px; 
margin-right: 180px; 
}
.sr-grid.style-column-2 .sr-item { width: 50%; }
.sr-grid.style-column-3 .sr-item { width: 33.33%; }
.sr-grid.style-column-4 .sr-item { width: 25%; }
.sr-grid.style-column-5 .sr-item { width: 20%; }
.sr-grid.style-column-2[class*='sr-grid-spaced-small'] .sr-item  { width: calc(50% - 5px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-small'] .sr-item  { width: calc(33.33% - 5px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-small'] .sr-item  { width: calc(25% - 5px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-small'] .sr-item  { width: calc(20% - 5px); }
.sr-grid.style-column-2[class*='sr-grid-spaced-normal'] .sr-item { width: calc(50% - 20px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-normal'] .sr-item  { width: calc(33.33% - 20px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-normal'] .sr-item  { width: calc(25% - 20px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-normal'] .sr-item  { width: calc(20% - 20px); }
.sr-grid.style-column-2[class*='sr-grid-spaced-medium'] .sr-item  { width: calc(50% - 40px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-medium'] .sr-item  { width: calc(33.33% - 40px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-medium'] .sr-item  { width: calc(25% - 40px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-medium'] .sr-item  { width: calc(20% - 40px); }
.sr-grid.style-column-2[class*='sr-grid-spaced-big'] .sr-item  { width: calc(50% - 80px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-big'] .sr-item  { width: calc(33.33% - 80px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-big'] .sr-item  { width: calc(25% - 80px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-big'] .sr-item  { width: calc(20% - 80px); }
.sr-grid.style-column-2[class*='sr-grid-spaced-large'] .sr-item  { width: calc(50% - 120px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-large'] .sr-item  { width: calc(33.33% - 120px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-large'] .sr-item  { width: calc(25% - 120px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-large'] .sr-item  { width: calc(20% - 120px); }
.sr-grid.style-column-2[class*='sr-grid-spaced-huge'] .sr-item  { width: calc(50% - 180px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-huge'] .sr-item  { width: calc(33.33% - 180px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-huge'] .sr-item  { width: calc(25% - 180px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-huge'] .sr-item  { width: calc(20% - 180px); }
.sr-grid.style-column-1 { 
width: 100% !important; 
left: 0; 
}
.sr-grid.style-column-1 .sr-item { 
width: 100%; 
margin-right: 0px !important; 
}
img.rationed {
object-fit: cover; 
object-position: 50% 50%; 
width: 100%; 
} .sr-grid .sr-item .sr-item-info {
padding: 20px 0;
}
.sr-grid .sr-item .sr-item-info.show-caption-on-mobile {
text-align: left;
}
@media only screen and (min-width: 1025px) {
.sr-grid .sr-item .sr-item-info.show-caption-on-mobile {
display: none;
}
}
.sr-grid .sr-item .item-inner {
position: relative;
}
.sr-grid .sr-item .sr-item-info.position-offset {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.sr-grid.sr-grid-column .sr-item .sr-item-info.position-offset {
position: relative;
bottom: auto;
right: auto;
width: calc(100% - 60px);
transform: translateX(30px) translateY(-60px);
margin-bottom: -60px;
} .sr-grid.sr-grid-offset-normal.style-column-2 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-normal.style-column-3 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-normal.style-column-4 .sr-item:nth-child(2) {margin-top: 40px; }
.sr-grid.sr-grid-offset-normal.style-column-3 .sr-item:nth-child(3),
.sr-grid.sr-grid-offset-normal.style-column-4 .sr-item:nth-child(3) {margin-top: 80px; }
.sr-grid.sr-grid-offset-normal.style-column-4 .sr-item:nth-child(4) {margin-top: 120px; }
.sr-grid.sr-grid-offset-medium.style-column-2 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-medium.style-column-3 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-medium.style-column-4 .sr-item:nth-child(2) {margin-top: 80px; }
.sr-grid.sr-grid-offset-medium.style-column-3 .sr-item:nth-child(3),
.sr-grid.sr-grid-offset-medium.style-column-4 .sr-item:nth-child(3) {margin-top: 160px; }
.sr-grid.sr-grid-offset-medium.style-column-4 .sr-item:nth-child(4) {margin-top: 240px; }
.sr-grid.sr-grid-offset-big.style-column-2 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-big.style-column-3 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-big.style-column-4 .sr-item:nth-child(2) {margin-top: 120px; }
.sr-grid.sr-grid-offset-big.style-column-3 .sr-item:nth-child(3),
.sr-grid.sr-grid-offset-big.style-column-4 .sr-item:nth-child(3) {margin-top: 240px; }
.sr-grid.sr-grid-offset-big.style-column-4 .sr-item:nth-child(4) {margin-top: 360px; }
.sr-grid.sr-grid-offset-large.style-column-2 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-large.style-column-3 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-large.style-column-4 .sr-item:nth-child(2) {margin-top: 180px; }
.sr-grid.sr-grid-offset-large.style-column-3 .sr-item:nth-child(3),
.sr-grid.sr-grid-offset-large.style-column-4 .sr-item:nth-child(3) {margin-top: 360px; }
.sr-grid.sr-grid-offset-large.style-column-4 .sr-item:nth-child(4) {margin-top: 540px; }
.sr-grid.sr-grid-offset-huge.style-column-2 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-huge.style-column-3 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-huge.style-column-4 .sr-item:nth-child(2) {margin-top: 240px; }
.sr-grid.sr-grid-offset-huge.style-column-3 .sr-item:nth-child(3),
.sr-grid.sr-grid-offset-huge.style-column-4 .sr-item:nth-child(3) {margin-top: 480px; }
.sr-grid.sr-grid-offset-huge.style-column-4 .sr-item:nth-child(4) {margin-top: 720px; } .sr-grid.sr-grid-column-random .sr-item:nth-child(1n) { padding: 9% 5% 2.5% 3%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(2n) { padding: 0% 7% 2.5% 5%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(3n) { padding: 3% 2% 2.5% 6%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(4n) { padding: 9% 0% 2.5% 8%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(5n) { padding: 11% 6% 2.5% 4%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(6n) { padding: 0% 5% 2.5% 5%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(7n) { padding: 2% 9% 2.5% 2%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(8n) { padding: 8% 8% 2.5% 3%; }
.sr-grid.sr-grid-column-random .sr-item .sr-item-info.position-offset { right: 0; left: auto; text-align: left; margin-right: -80px; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(2n) .sr-item-info.position-offset { right: auto; left: 0; text-align: right; margin-left: -80px; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(1n) .sr-item-info.position-offset { top: 10%; bottom: auto; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(2n) .sr-item-info.position-offset { top: auto; bottom: 15%; margin-left: -80px; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(3n) .sr-item-info.position-offset { top: 5%; bottom: auto; margin-right: -60px; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(4n) .sr-item-info.position-offset { top: auto; bottom: 20%; margin-left: -90px; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(5n) .sr-item-info.position-offset { top: auto; bottom: 30%; margin-right: -80px; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(6n) .sr-item-info.position-offset { top: 15%; bottom: auto; margin-left: -80px; } .sr-grid.sr-grid-random,
.sr-grid.sr-grid-random .sr-item { width: 100%; }
.sr-grid.sr-grid-random .sr-item.image-portrait .item-inner { max-width: 35%; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.image-landscape .item-inner { max-width: 50%; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.image-square .item-inner { max-width: 45%; display: inline-block; }
.sr-grid.sr-grid-random .sr-item:nth-child(1n) { margin-left: 6%; }
.sr-grid.sr-grid-random .sr-item:nth-child(2n):not(.align-left):not(.align-right) { text-align: right; margin-right: 6%; }
.sr-grid.sr-grid-random .sr-item:nth-child(3n) { margin-left: 15%; margin-right: -10%; }
.sr-grid.sr-grid-random .sr-item:nth-child(4n):not(.align-left):not(.align-right) { text-align: right; margin-right: -7%; margin-left: 7%; }
.sr-grid.sr-grid-random .sr-item:nth-child(5n) { margin-left: -1%; }
.sr-grid.sr-grid-random .sr-item:nth-child(6n):not(.align-left):not(.align-right) { text-align: right; margin-right: 5%; margin-left: 5%; }
.sr-grid.sr-grid-random .sr-item:nth-child(7n) { margin-left: -7%; }
.sr-grid.sr-grid-random .sr-item:nth-child(8n):not(.align-left):not(.align-right) { text-align: right; margin-right: 13%; }
.sr-grid.sr-grid-random .sr-item:nth-child(1n) .sr-item-info.position-offset { top: 10%; bottom: auto; right: 0; left: auto; text-align: left; transform: translateX(80px); }
.sr-grid.sr-grid-random .sr-item:nth-child(2n) .sr-item-info.position-offset { top: auto; bottom: 15%; right: auto; left: 0; text-align: right; transform: translateX(-80px); }
.sr-grid.sr-grid-random .sr-item:nth-child(3n) .sr-item-info.position-offset { top: 5%; bottom: auto; right: 0; left: auto; text-align: left; transform: translateX(60px); }
.sr-grid.sr-grid-random .sr-item:nth-child(4n) .sr-item-info.position-offset { top: auto; bottom: 20%; right: auto; left: 0; text-align: right; transform: translateX(-90px); }
.sr-grid.sr-grid-random .sr-item:nth-child(5n) .sr-item-info.position-offset { top: auto; bottom: 30%; right: 0; left: auto; text-align: left; transform: translateX(80px); }
.sr-grid.sr-grid-random .sr-item:nth-child(6n) .sr-item-info.position-offset { top: 15%; bottom: auto; right: auto; left: 0; text-align: right; transform: translateX(-80px); }
.sr-grid.sr-grid-random .sr-item.align-right .sr-item-info.position-offset { right: auto; left: 0; text-align: right; transform: translateX(-80px); }
.sr-grid.sr-grid-random .sr-item.itemsize-mini .item-inner { max-width: 150px; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.itemsize-small .item-inner { max-width: 200px; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.itemsize-medium .item-inner { max-width: 300px; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.itemsize-normal .item-inner { max-width: 450px; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.itemsize-big .item-inner { max-width: 600px; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.itemsize-large .item-inner { max-width: 800px; display: inline-block; } .sr-grid-hover {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 0;
z-index: 1400;
pointer-events: none;
opacity: 0;
}
.sr-grid-hover.on-screen {
height: 100%;
opacity: 1;
}
.sr-grid-hover .sr-grid-hover-container {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 400px;
}
.sr-grid-hover .hover-item {
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: calc(100% - 120px);
transform: translateX(-50%) translateY(-50%);
opacity: 0;
visibility: hidden;
transition: all 0.01s ease 0.3s;
}
.sr-grid-hover .hover-item.display {
z-index: 2;
opacity: 1;
visibility: visible;
transition: all 0.01s ease 0s;
}
.sr-grid-hover .hover-item .hover-caption > *  {
display: block;
overflow: hidden;
}
.sr-grid-hover .hover-item .hover-caption > * > * {
display: block;
transition: all 460ms cubic-bezier(.2, 0, .1, 1) 0s;
transform: translateY(100%);
}
.sr-grid-hover .hover-item.display .hover-caption > * > * {
transform: none;
}
.sr-grid-hover .hover-item.display .hover-caption > *:nth-child(2n) > * { transition-delay: 0.12s; }
.sr-grid-hover .hover-item.display .hover-caption > *:nth-child(3n) > * { transition-delay: 0.24s; } .sr-grid .has-caption-bg {
position: relative;
padding: 20px !important;
}
.sr-grid .has-caption-bg.overlay-caption {
width: calc(100% - 60px);
}
.sr-grid .has-caption-bg::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #fff;
}
.sr-grid .has-caption-bg.text-light::before {
background: #000;
} .load-isotope {
position: relative;
height: 40px;
transition: all 0.4s ease;
margin: 60px 0;
}
.load-isotope > a {
margin: 0 !important;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transition: all 0.3s ease;
position: absolute !important;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 2;
}
.load-isotope > a[data-method='infiniteload'] {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
visibility: hidden;
}
.load-isotope.is-loading > a.sr-button,
.load-isotope.is-loading > a.sr-button:hover {
background: #000;
color: #000 !important;	
}
.load-isotope.disabled > a {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.load-isotope > .load-message {
font-size: 0.9em;
line-height: 1.4em;
color: rgba(0,0,0,0.41);
position: absolute;
top: 50%;
left: 50%;
min-width: 260px;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: all 0.3s 0.3s ease;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
.load-isotope.disabled > .load-message {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
.load-isotope .load-isotope-icon {
z-index: 2;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
transition: all 0.3s ease;
}
.load-isotope.is-loading:not(.disabled) .load-isotope-icon {
visibility: visible;
transition-delay: 0.1s;	
opacity: 1;
}
.load-isotope .load-isotope-icon::before,
.load-isotope .load-isotope-icon::after {
background: #fff;
} .flickity-carousel.hasbullets {
padding-bottom: 55px;
}
.flickity-carousel.image-gallery.hasbullets {
padding-bottom: 40px;
}
.flickity-viewport {
transition: height 0.4s ease;
}
.flickity-carousel.extended .flickity-viewport {
overflow: visible;
}
.flickity-carousel.phat-parallax-move-hor .flickity-slider {
margin-left: 10%;
}
.flickity-carousel .flickity-prev-next-button {
width: 30px;
height: 30px;
padding: 0;
background: transparent !important;
border-radius: 0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
left: auto;
right: 0;
top: -50px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.flickity-carousel .flickity-prev-next-button:disabled { 
opacity: 0.05; 
}
.flickity-carousel .flickity-prev-next-button.previous { 
left: auto; 
right: 35px; 
}
.flickity-carousel .flickity-prev-next-button.next { 
right: 0; 
}
.flickity-carousel.arrow-center .flickity-prev-next-button,
.flickity-carousel.image-gallery .flickity-prev-next-button { 
top: calc(50% - 15px);
left: -40px;
}
.flickity-carousel.arrow-center .flickity-prev-next-button.next { 
left: auto;
right: -40px; 
}
.flickity-carousel.image-gallery.hasbullets .flickity-prev-next-button { 
top: calc(50% - 15px - 20px); }
.flickity-carousel.image-gallery .flickity-prev-next-button.previous { 
left: 40px;
}
.flickity-carousel.image-gallery .flickity-prev-next-button.next { 
left: auto;
right: 40px; 
}
.flickity-carousel .flickity-prev-next-button svg {
position: absolute;
width: 22px;
height: 22px;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: all 0.3s ease;
}
.flickity-carousel .flickity-prev-next-button .arrow {
fill: #000;
} .flickity-carousel.style-arrows-rounded .flickity-prev-next-button {
width: 40px;
height: 40px;
border: 1px solid #000;
background: #transparent !important;
border-radius: 25px;
top: -60px;
}
.flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button { 
background: #000 !important;
}
.flickity-carousel.style-arrows-rounded .flickity-prev-next-button.previous { 
left: auto; 
right: 60px; 
}
.flickity-carousel.style-arrows-rounded .flickity-prev-next-button.next { 
right: 0; 
}
.flickity-carousel.style-arrows-rounded .flickity-prev-next-button svg {
width: 18px;
height: 18px;
}
.flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button .arrow {
fill: #fff;
}
.flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button,
.flickity-carousel.style-arrows-rounded.image-gallery .flickity-prev-next-button { 
top: calc(50% - 25px);
left: 20px;
}
.flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button.next { 
left: auto;
right: 20px; 
}
.flickity-carousel.style-arrows-rounded.image-gallery.hasbullets .flickity-prev-next-button { 
top: calc(50% - 25px - 20px); }
.flickity-carousel.style-arrows-rounded.image-gallery .flickity-prev-next-button.previous { 
left: 40px;
}
.flickity-carousel.style-arrows-rounded.image-gallery .flickity-prev-next-button.next { 
left: auto;
right: 40px; 
}
.flickity-carousel.style-arrows-rounded .flickity-prev-next-button.next svg { 
left: calc(50% + 1px); 
}
.flickity-carousel.style-arrows-rounded .flickity-prev-next-button.previous svg { 
left: calc(50% - 1px); 
}
.flickity-carousel:not(.dot-bottom-center) .flickity-page-dots {
top: -35px;
bottom: auto;
right: 0;
width: auto;
}
.flickity-carousel.image-gallery .flickity-page-dots {
top: auto;
bottom: 0;
right: auto;
width: 100%;
}
.flickity-carousel .flickity-page-dots li.dot {
background: transparent;
width: 14px;
height: 14px;
margin: 0 3px;
position: relative;
opacity: 1;
}
.flickity-carousel .flickity-page-dots li.dot::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: 6px;
height: 6px;
background: #000;
border-radius: 50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
transition: all 0.4s ease;
}
.text-light .flickity-carousel .flickity-page-dots li.dot::after {
background: #fff;
}
.flickity-carousel .flickity-page-dots li.dot.is-selected::after {
width: 100%;
height: 100%;
} .flickity-carousel[class*='flickity-spaced'] .sr-item { margin-right: 20px; }
.flickity-carousel[class*='flickity-spaced-small'] .sr-item { margin-right: 5px; }
.flickity-carousel[class*='flickity-spaced-big'] .sr-item { margin-right: 40px; }
.flickity-carousel[class*='flickity-spaced-huge'] .sr-item { margin-right: 80px; }
.flickity-carousel.style-column-2 .sr-item { width: 50%; }
.flickity-carousel.style-column-2[class*='flickity-spaced'] .sr-item { width: calc((100% - 20px)/2); }
.flickity-carousel.style-column-2[class*='flickity-spaced-small'] .sr-item { width: calc((100% - 5px)/2); }
.flickity-carousel.style-column-2[class*='flickity-spaced-big'] .sr-item  { width: calc((100% - 40px)/2); }
.flickity-carousel.style-column-2[class*='flickity-spaced-huge'] .sr-item  { width: calc((100% - 80px)/2); }
.flickity-carousel.style-column-3 .sr-item { width: 33.33%; }
.flickity-carousel.style-column-3[class*='flickity-spaced'] .sr-item  { width: calc((100% - 40px)/3); }
.flickity-carousel.style-column-3[class*='flickity-spaced-small'] .sr-item  { width: calc((100% - 10px)/3); }
.flickity-carousel.style-column-3[class*='flickity-spaced-big'] .sr-item  { width: calc((100% - 80px)/3); }
.flickity-carousel.style-column-3[class*='flickity-spaced-huge'] .sr-item  { wwidth: calc((100% - 160px)/3); }
.flickity-carousel.style-column-4 .sr-item { width: 25%; }
.flickity-carousel.style-column-4[class*='flickity-spaced'] .sr-item  { width: calc((100% - 60px)/4); }
.flickity-carousel.style-column-4[class*='flickity-spaced-small'] .sr-item  { width: calc((100% - 15px)/4); }
.flickity-carousel.style-column-4[class*='flickity-spaced-big'] .sr-item  { width: calc((100% - 120px)/4); }
.flickity-carousel.style-column-4[class*='flickity-spaced-huge'] .sr-item  { width: calc((100% - 240px)/4); }
.flickity-carousel.style-column-5 .sr-item { width: 20%; }
.flickity-carousel.style-column-5[class*='flickity-spaced'] .sr-item  { width: calc((100% - 80px)/5); }
.flickity-carousel.style-column-5[class*='flickity-spaced-small'] .sr-item  { width: calc((100% - 20px)/5); }
.flickity-carousel.style-column-5[class*='flickity-spaced-big'] .sr-item  { width: calc((100% - 160px)/5); }
.flickity-carousel.style-column-5[class*='flickity-spaced-huge'] .sr-item  { width: calc((100% - 320px)/5); } .flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .sr-item:nth-child(1n+2) { width: calc((80% - 20px)/2); }
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .sr-item:nth-child(2n+2) { width: calc((120% - 20px)/2); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(1n+3) { width: calc((87% - 40px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(2n+3) { width: calc((113% - 40px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .sr-item:nth-child(3n+3) { width: calc((100% - 40px)/3); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(1n+4) { width: calc((83% - 60px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(2n+4) { width: calc((117% - 60px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(3n+4) { width: calc((94% - 60px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(4),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .sr-item:nth-child(4n+4) { width: calc((106% - 60px)/4); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(1n+5) { width: calc((85% - 80px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(2n+5) { width: calc((115% - 80px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(3n+5) { width: calc((94% - 80px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(4),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(4n+5) { width: calc((106% - 80px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(5),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .sr-item:nth-child(5n+5) { width: calc((100% - 80px)/5); }
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-small'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-small'] .sr-item:nth-child(1n+2) { width: calc((80% - 5px)/2); }
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-small'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-small'] .sr-item:nth-child(2n+2) { width: calc((120% - 5px)/2); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .sr-item:nth-child(1n+3) { width: calc((87% - 10px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .sr-item:nth-child(2n+3) { width: calc((113% - 10px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .sr-item:nth-child(3n+3) { width: calc((100% - 10px)/3); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .sr-item:nth-child(1n+4) { width: calc((83% - 15px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .sr-item:nth-child(2n+4) { width: calc((117% - 15px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .sr-item:nth-child(3n+4) { width: calc((94% - 15px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .sr-item:nth-child(4),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .sr-item:nth-child(4n+4) { width: calc((106% - 15px)/4); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .sr-item:nth-child(1n+5) { width: calc((85% - 20px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .sr-item:nth-child(2n+5) { width: calc((115% - 20px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .sr-item:nth-child(3n+5) { width: calc((94% - 20px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .sr-item:nth-child(4),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .sr-item:nth-child(4n+5) { width: calc((106% - 20px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .sr-item:nth-child(5),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .sr-item:nth-child(5n+5) { width: calc((100% - 20px)/5); }
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .sr-item:nth-child(1n+2) { width: calc((80% - 40px)/2); }
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .sr-item:nth-child(2n+2) { width: calc((120% - 40px)/2); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(1n+3) { width: calc((87% - 80px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(2n+3) { width: calc((113% - 80px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .sr-item:nth-child(3n+3) { width: calc((100% - 80px)/3); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(1n+4) { width: calc((83% - 120px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(2n+4) { width: calc((117% - 120px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(3n+4) { width: calc((94% - 120px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(4),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .sr-item:nth-child(4n+4) { width: calc((106% - 120px)/4); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(1n+5) { width: calc((85% - 160px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(2n+5) { width: calc((115% - 160px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(3n+5) { width: calc((94% - 160px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(4),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(4n+5) { width: calc((106% - 160px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(5),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .sr-item:nth-child(5n+5) { width: calc((100% - 160px)/5); }
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .sr-item:nth-child(1n+2) { width: calc((80% - 80px)/2); }
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .sr-item:nth-child(2n+2) { width: calc((120% - 80px)/2); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(1n+3) { width: calc((87% - 160px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(2n+3) { width: calc((113% - 160px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .sr-item:nth-child(3n+3) { width: calc((100% - 160px)/3); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(1n+4) { width: calc((83% - 240px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(2n+4) { width: calc((117% - 240px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(3n+4) { width: calc((94% - 240px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(4),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .sr-item:nth-child(4n+4) { width: calc((106% - 240px)/4); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(1),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(1n+5) { width: calc((85% - 320px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(2),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(2n+5) { width: calc((115% - 320px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(3),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(3n+5) { width: calc((94% - 320px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(4),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(4n+5) { width: calc((106% - 320px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(5),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .sr-item:nth-child(5n+5) { width: calc((100% - 320px)/5); }
.flickity-carousel .sr-item img { width: 100%; }
.flickity-carousel.style-column-2[class*='flickity-spaced-big'].extended .sr-item  { width: calc(90%/2); }
.flickity-carousel.style-column-3[class*='flickity-spaced-big'].extended .sr-item  { width: calc(90%/3); }
.flickity-carousel.style-column-4[class*='flickity-spaced-big'].extended .sr-item  { width: calc(90%/4); }
.flickity-carousel.style-column-5[class*='flickity-spaced-big'].extended .sr-item  { width: calc(90%/5); }
.flickity-carousel.style-column-2[class*='flickity-spaced-huge'].extended .sr-item  { width: calc(88%/2); }
.flickity-carousel.style-column-3[class*='flickity-spaced-huge'].extended .sr-item  { width: calc(87%/3); }
.flickity-carousel.style-column-4[class*='flickity-spaced-huge'].extended .sr-item  { width: calc(86%/4); }
.flickity-carousel.style-column-5[class*='flickity-spaced-huge'].extended .sr-item  { width: calc(85%/5); } .carousel-slider .gallery-image {
width: 780px;
text-align: center;
max-width: calc(100% - 160px);
margin-right: 80px;
overflow: hidden;
transition: all 860ms cubic-bezier(.2, 0, .1, 1) 0s;
}
.carousel-slider .is-pointer-down .gallery-image {
transform: scale(0.9);
}
.carousel-slider .gallery-image img {
transform: scale(1.15);
transition: all 860ms cubic-bezier(.2, 0, .1, 1) 0s;
}
.carousel-slider .gallery-image.is-selected img {
transform: scale(1);
}
.carousel-slider .is-pointer-down .gallery-image.is-selected img {
transform: scale(1.1);
} .carousel-item.item-text {
padding-bottom: 15px;
} .phat-bgvideo-container .phat-bgvideo-loader {
transition: all 0.3s ease;
}
.phat-bgvideo-container.loaded .phat-bgvideo-loader {
opacity: 0;
visibility: hidden;
} .videobg-section > * {
z-index: 1;
}
.phatvideo-bg .mute-video {
content: "";
bottom: 40px !important;
left: auto !important;
right: 60px !important;
width: 34px;
height: 34px;
overflow: hidden;
z-index: 5;
background: #fff;
border-radius: 50%;
}
.phatvideo-bg .mute-video span { 
display: none; 
}
.phatvideo-bg .mute-video::after, 
.phatvideo-bg .mute-video::before {
content: "\f4cf";
font-family: "Ionicons";
color: #000;
font-size: 20px;
line-height: 15px;
text-indent: 0;
position: absolute;
top: calc(50% - 7px);
width: 100%;
height: 15px;
line-height: 15px;
text-align: center;
transition: all 0.3s ease;
opacity: 0;
transition: color 0.3s ease, opacity 0.1s ease;
}
.phatvideo-bg .mute-video::before {
content: "\f4ce";
opacity: 1;
}
.phatvideo-bg .mute-video.unmute span:first-child {
display: block;
width: 18px;
height: 1.3px;
background: #000;
text-indent: -9999px;
position: absolute;
top: 50% ;
left: calc(50% - 9px);
transform: rotate(45deg);
} .phatvideo-bg .playpause-video {
bottom: 40px !important;
left: auto !important;
right: 60px !important;
width: 34px;
height: 34px;
overflow: hidden;
z-index: 5;
background: #fff;
border-radius: 50%;
}
.phatvideo-bg .mute-video + .playpause-video { 
right: 108px !important; 
}
.phatvideo-bg .playpause-video span {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.phatvideo-bg .playpause-video span:first-child { 
display: none; 
}
.phatvideo-bg .playpause-video span::after, 
.phatvideo-bg .playpause-video span::before {
content: "\f488";
font-family: "Ionicons";
color: #000;
font-size: 15px;
text-indent: 0;
position: absolute;
top: calc(50% - 7px);
width: 100%;
height: 15px;
line-height: 15px;
text-align: center;
transition: all 0.3s ease;
opacity: 0;
}
.phatvideo-bg .playpause-video span::before {
content: "\f478";
font-size: 14px;
opacity: 1;
}
.phatvideo-bg .playpause-video span::after {
left: 1px;
}
.phatvideo-bg .playpause-video.play span::after {
opacity: 1;
} 
.phatvideo-bg .playpause-video.play span::before {
opacity: 0;
} .phatvideo-bg .phatlightcase-play {
bottom: 20px !important;
left: auto !important;
right: 30px !important;
width: 34px;
height: 34px;
overflow: hidden;
z-index: 5;
background: #fff;
border-radius: 50%;
z-index: 5;
}
.phatvideo-bg .phatlightcase-play::before {
content: "\f488";
font-family: "Ionicons";
color: #000;
font-size: 14px;
text-indent: 0;
position: absolute;
top: calc(50% - 7px);
left: 1px;
width: 100%;
height: 15px;
line-height: 15px;
text-align: center;
} body .fancybox-bg {
background: #fff;
}
body .fancybox-is-open .fancybox-bg {
opacity: 1;
}
body .fancybox-toolbar {
right: 20px;
top: 20px;
}
body .fancybox-button {
background: none !important;
color: #000;
width: 50px;
height: 50px;
border-radius: 50%;
transition: background 0.3s ease;
}
body .fancybox-button:hover {
background: #f5f5f5 !important;
}
body .fancybox-button svg {
width: 22px;
height: 22px;
position: absolute;
left: 50%;
top: 50%;	
transform: translateX(-50%) translateY(-50%);
fill: #000 !important;
}
body .fancybox-button svg path {
fill: #000 !important;
}
body .fancybox-button--close svg {
width: 17px;
height: 17px;
}
body .fancybox-navigation .fancybox-button {
padding: 0;
height: 50px;
width: 50px;
top: calc(50% - 25px);
border-radius: 50%;
border: none;
transition: background 0.3s ease !important;
}
body .fancybox-navigation .fancybox-button:hover {
background: #f5f5f5;
}
body .fancybox-navigation .fancybox-button--arrow_right {
right: 20px;
}
body .fancybox-navigation .fancybox-button--arrow_left {
left: 20px;
}
body .fancybox-button[disabled], body .fancybox-button[disabled]:hover,
body .fancybox-show-nav .fancybox-navigation .fancybox-button[disabled] {
opacity: 0;
}
body .fancybox-navigation .fancybox-button svg {
position: absolute;
width: 16px;
height: 16px;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
transition: all 0.3s ease;
}
body .fancybox-navigation .fancybox-button--arrow_left svg {
transform: translateX(-50%) translateY(-50%) rotate(-180deg);
}
body .fancybox-caption {
background: linear-gradient(0deg,rgba(255,255,255,.85) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,.15) 65%,rgba(255,255,255,.075) 75.5%,rgba(255,255,255,.037) 82.85%,rgba(255,255,255,.019) 88%,transparent);
color: #000;
font-size: 13px;
} .mogi-theme #cookie-notice {
position: fixed;
max-width: calc(100% - 40px);
min-width: auto;
width: 360px;
font-size: 13px;
line-height: 19px;
left: 60px;
top: 20px;
text-align: left;
font-weight: 400;
font-family: "Manrope";
background: #000 !important;
border: 1px solid rgba(255,255,255,0.24);
}
.mogi-theme #cookie-notice.cn-position-bottom {
top: auto;
bottom: 20px;
}
.mogi-theme #cookie-notice {
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
transform: translateY(10px);
}
.loading-end.mogi-theme #cookie-notice {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition-delay: 1s;
}
.mogi-theme #cookie-notice.cookie-notice-hidden {
pointer-events: none;
border: none !important;
}
.mogi-theme #cookie-notice .cookie-notice-container {
padding: 25px 40px 25px 30px;
text-align: left;
color: #fff !important;
}
.mogi-theme #cookie-notice .cn-text-container {
margin: 0 0 15px 0;
}
.mogi-theme #cookie-notice .cn-buttons-container {
margin: 0 0 -10px 0;
}
.mogi-theme #cookie-notice .cn-button {
border: 1px solid #fff;
background: transparent;
color: #fff;
font-size: 11px !important; 
line-height: 26px !important; 
height: 28px !important; 
padding: 0px 20px;
border-radius: 50px;
margin: 0 15px 10px 0;
}
.mogi-theme #cookie-notice .cn-button:hover {
background: #fff;
color: #000;
}
.mogi-theme #cookie-notice .cn-button.cn-more-info {
border: none;
border-bottom: 1px solid #fff;
background: transparent !important;
font-size: 10px !important; 
line-height: 22px !important; 
height: 22px !important; 
padding: 0;
border-radius: 0;
}
.mogi-theme #cookie-notice .cn-button.cn-more-info:hover {
color: #fff;
opacity: 0.61;
}
.mogi-theme .cn-close-icon {
top: auto;
bottom: 28px;
margin-top: 0;
right: 20px;
} .sr-rotator {
border: 1px solid red;
position: relative;
}
.sr-rotator .rotator-item {
opacity: 0;
visibility: hidden;
transition: all 1s ease 0.2s;
} 
.sr-rotator .rotator-item.is-active {
opacity: 1;
visibility: visible;
transition-delay: 0s;
} 
.sr-rotator .rotator-item:not(:first-child) {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
} 
.sr-rotator .rotator-item:not(:first-child) img {
object-fit: contain;
height: 100%;
width: 100%;
} .fullwidth-content {
padding: 100px 0;
}
.column-section { 
margin-top: 40px; 
display: flex;
}
.column-section.sticky-section { 
position: relative; 
}
div .column-section:first-child, 
.fullwidth-section + .column-section { 
margin-top: 0; 
}
.column { 
margin-right: 20px;
min-height: 1px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.column.push-right, .column-section.swap-mobile .column:first-child { 
float: right; 
margin-right: 0; 
}
.spaced-none .column { 
margin: 0; 
}
[class*='wrapper'] .column-section .column:first-child { 
margin-left: 0; 
}
.spaced-big .column { 
margin-right: 40px; 
}	
.spaced-huge .column { 
margin-right: 80px; 
}	
.one-full { width: 100%; float: none; margin-right: 0; }
.one-half { width: calc(50% - 10px); }
.one-third { width: calc(33.33% - 13.33px); }
.two-third { width: calc(66.6% - 6.66px); } .one-fourth { width: calc(25% - 15px); } 
.two-fourth { width: calc(50% - 10px); }
.three-fourth { width: calc(75% - 5px); }
.one-fifth { width: calc(20% - 16px); }
.two-fifth { width: calc(40% - 12px); }
.three-fifth { width: calc(60% - 8px); }
.four-fifth { width: calc(80% - 4px); }
.one-sixth { width: calc(16.66% - 16.66px); }
.two-sixth { width: calc(33.33% - 13.33px); }
.three-sixth { width: calc(50% - 10px); }
.four-sixth { width: calc(66.66% - 6.66px); }
.five-sixth { width: calc(83.33% - 3.33px); }
.one-twelve { width: calc(8.33% - 18.33px); }
.two-twelve { width: calc(16.66% - 16.66px); }
.three-twelve { width: calc(25% - 15px); }
.four-twelve { width: calc(33.33% - 13.33px); }
.five-twelve { width: calc(41.66% - 11.66px); }
.six-twelve { width: calc(50% - 10px); }
.seven-twelve { width: calc(58.33% - 8.33px); }
.eight-twelve { width: calc(66.33% - 6.66px); }
.nine-twelve { width: calc(75% - 5px); }
.ten-twelve { width: calc(83.33% - 3.33px); }
.spaced-big .one-half { width: calc(50% - 20px); }
.spaced-big .one-third { width: calc(33.33% - 26.66px); }
.spaced-big .two-third { width: calc(66.6% - 40px); } 
.spaced-big .one-fourth { width: calc(25% - 30px); } 
.spaced-big .two-fourth { width: calc(50% - 20px); } 
.spaced-big .one-fifth { width: calc(20% - 32px); } 
.spaced-big .two-fifth { width: calc(40% - 24px); } 
.spaced-big .three-fifth { width: calc(60% - 16px); } 
.spaced-huge .one-half { width: calc(50% - 40px); }
.spaced-huge .one-third { width: calc(33.33% - 53.33px); }
.spaced-huge .two-third { width: calc(66.6% - 26.66px); } 
.spaced-huge .one-fourth { width: calc(25% - 60px); } 
.spaced-huge .two-fourth { width: calc(50% - 40px); } 
.spaced-huge .one-fifth { width: calc(20% - 64px); } 
.spaced-huge .two-fifth { width: calc(40% - 48px); } 
.spaced-huge .three-fifth { width: calc(60% - 32px); } 
.spaced-none .one-full { width: 100%; }
.spaced-none .one-half { width: 50%; }
.spaced-none .one-third { width: 33.33%; }
.spaced-none .two-third { width: 66.66%; } 		
.spaced-none .one-fourth { width: 25%; }
.spaced-none .two-fourth { width: 50%; }
.spaced-none .three-fourth { width: 75%; }
.spaced-none .one-fifth { width: 20%; }
.spaced-none .two-fifth { width: 40%; }
.spaced-none .three-fifth { width: 60%; }
.spaced-none .four-fifth { width: 80%; }
.spaced-none .one-sixth { width: 16.66%; }
.spaced-none .two-sixth { width: 33.33%; }
.spaced-none .three-sixth { width: 50%; }
.spaced-none .four-sixth { width: 66.66%; }
.spaced-none .five-sixth { width: 83.33%; }
.last-col { 
margin-right: 0px !important; 
} .thumb-hover {
overflow: hidden;
height: auto;
display: inline-block;
vertical-align: middle; max-width: 100%;
position: relative;
margin: 0;
padding: 0;
}
.imagebutton-media .thumb-hover {
width: auto;
}
.imagebutton-media {
position: relative;
}
.overlay-caption { 
position: absolute !important;
top: 50%;
left: 50%;
width: 100%;
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
height: auto;
transform: translateX(-50%) translateY(-50%);
z-index: 2;
}
.follow-mouse:not(:hover) .overlay-caption.mouse-move { 
transform: translateX(-50%) translateY(-50%) !important;
}
.thumb-hover .overlay-caption:not(.align-left):not(.align-right) { 
text-align: center; 
}
.thumb-hover .overlay-caption.bottom { 
top: inherit;
bottom: 0;
transform: translateX(-50%);
}
.follow-mouse:not(:hover) .overlay-caption.bottom.mouse-move { 
transform: translateX(-50%) !important;
}
.thumb-hover .overlay-caption.top { 
top: 0;
transform: translateX(-50%);
}
.follow-mouse:not(:hover) .overlay-caption.top.mouse-move { 
transform: translateX(-50%) !important;
}
.thumb-hover .overlay-caption.hidden > * {
overflow: hidden;
}
.thumb-hover .overlay-caption.hidden > span {
display: block;
}
.thumb-hover .overlay-caption.hidden > * > * {
transition: all 460ms cubic-bezier(.2, 0, .1, 1) 0s;
transform: translateY(100%);
display: inline-block;
}
.thumb-hover:hover .overlay-caption.hidden > * > * {
transform: none;
transition-delay: 0.2s;
}
.thumb-hover:hover .overlay-caption.hidden > *:nth-child(2n) > * { transition-delay: 0.3s; }
.thumb-hover:hover .overlay-caption.hidden > *:nth-child(3n) > * { transition-delay: 0.4s; }
.thumb-hover .overlay-caption.hidden::before {
height: 0;
transition: all 560ms cubic-bezier(.2, 0, .1, 1) 0.1s;
}
.thumb-hover:hover .overlay-caption.hidden::before {
height: 100%;
transition-delay: 0s;
transition-duration: 460ms;
}
.overlay-caption .caption-name:first-child, .overlay-caption .caption-sub:first-child,
.overlay-caption .caption-name + .caption-sub { 
margin-top: 0; 
}
.caption-button {
display: block;	
}
.caption-name + .caption-button, .caption-sub + .caption-button { 
margin-top: 15px; 
}
.button-hover .caption-name + .caption-button, .button-hover .caption-sub + .caption-button { 
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
margin-bottom: calc(9% - 30px);
}
.button-hover .caption-button { 
opacity: 0;
transition: all 0.25s ease;
}
.button-hover:hover .caption-button { 
opacity: 1;
}
.caption-dark .caption-sub , .caption-dark .caption-name { 
color: #000; 
transition: color 0.31s ease; 
}	
.caption-light .caption-sub , .caption-light .caption-name { 
color: #fff; 
transition: color 0.31s ease; 
} .thumb-hover > img,
.thumb-hover .lazy-img img,
.thumb-hover .ratio-wrapper > img {
transition: all 460ms cubic-bezier(.4, 0, .1, 1) 0s;
position: relative;
z-index: 1;
}
.thumb-hover .main-image {
display: block;
position: relative;
}
.thumb-hover.hover-scale img,
.thumb-hover.hover-scale .phat-bgvideo-container,
.thumb-hover.hover-scale-modern img {
transition: all 460ms cubic-bezier(.4, 0, .1, 1) 0s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.thumb-hover.hover-scale:hover img,
.thumb-hover.hover-scale:hover .phat-bgvideo-container,
.thumb-hover.hover-scale-modern:hover img {
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-ms-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04);
}
.thumb-hover.hover-scale-modern {
transition: all 460ms cubic-bezier(.4, 0, .1, 1) 0s;
}
.thumb-hover.hover-scale-modern:hover {
transform: scale(0.94);
} .thumb-hover .hover-image,
.thumb-hover .hover-image .lazy-wrapper,
.thumb-hover .hover-image .lazy-img,
.thumb-hover .variation-image,
.thumb-hover .variation-image .lazy-wrapper,
.thumb-hover .variation-image .lazy-img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
transition: opacity 0.1s ease;
}
.thumb-hover .variation-image,
.thumb-hover .hover-image {
opacity: 0;
}
.thumb-hover .variation-image.active,
.thumb-hover:hover .hover-image {
opacity: 1;
}
.thumb-hover .main-image,
.thumb-hover .variation-image {
z-index: 1;
}
.thumb-hover .variation-image.active,
.thumb-hover .main-image.active {
z-index: 2;
}
.thumb-hover .hover-image > img,
.thumb-hover .hover-image .lazy-img > img,
.thumb-hover .variation-image > img,
.thumb-hover .variation-image .lazy-img > img { 
object-fit: cover; 
object-position: 50% 50%; 
width: 100%; 
height: 100%; 
} .thumb-hover.videobg-section:not(.play-on-hover):not(.phatdisablemobile) img {
opacity: 0;
}
@media only screen and (min-width: 1025px) {
.thumb-hover.play-on-hover img {
transition: all 0.1s ease;
}
.thumb-hover.play-on-hover:hover img {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}  [class*='do-anim']:not(.do-anim-text):not(.do-anim-caption) {
transition: all 460ms cubic-bezier(.2, 0, .1, 1) 0s;
opacity: 0;
transform: translateY(100px) scale(1.01,1.06);
}
.loading-end [class*='do-anim'].animated:not(.do-anim-text):not(.do-anim-caption) {
opacity: 1; 
transform: none;
transition-duration: 860ms;
} .do-anim-caption > * {
overflow: hidden;
}
.do-anim-caption > span {
display: block;
}
.do-anim-caption > * > * {
transition: all 460ms cubic-bezier(.2, 0, .1, 1) 0s;
transform: translateY(100%);
display: inline-block;
}
.loading-end .do-anim-caption.animated > * > * {
transform: none;
transition-delay: 0.4s;
}
.loading-end .do-anim-caption.animated > *:nth-child(2n) > * { transition-delay: 0.5s; }
.loading-end .do-anim-caption.animated > *:nth-child(3n) > * { transition-delay: 0.6s; }
.do-anim-caption.has-caption-bg::before {
height: 0;
transition: all 560ms cubic-bezier(.2, 0, .1, 1) 0.1s;
}
.loading-end .do-anim-caption.has-caption-bg.animated::before {
height: 100%;
transition-delay: 0.2s;
transition-duration: 460ms;
} .follow-mouse:not(:hover) .mouse-move { 
transform: none !important;
transition: transform 0.5s ease !important;
}  div[class*='spacer-'] { 
display: block; 
}
.spacer-micro { 
height: 10px; 
}
.spacer-mini { 
height: 20px; 
}
.spacer-small { 
height: 40px; 
}
.spacer-medium { 
height: 80px; 
}
.spacer-big { 
height: 100px; 
}
div[class*='spacer-'] + p, 
div[class*='spacer-'] + div, 
div[class*='spacer-'] + blockquote, 
div[class*='spacer-'] + ul,
div[class*='spacer-'] + h1, 
div[class*='spacer-'] + h2, 
div[class*='spacer-'] + h3, 
div[class*='spacer-'] + h4, 
div[class*='spacer-'] + h5, 
div[class*='spacer-'] + h6 { 
margin-top: 0px !important; 
} .sr-button {
font-family: "Manrope";
font-weight: 700;
font-size: 13px;
line-height: 34px;
height: 34px;
text-align: center;
display: inline-block;
padding: 0px 30px;
transition: all 0.3s ease;
max-width: 100%;
margin: 2px 0 3px 0;
position: relative;
overflow: hidden;
width: auto;
border-radius: 50px;
transition: all 0.3s ease;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background: #000;
color: #fff;
}
.sr-button:last-child {
margin-bottom: -4px;
} .sr-button {
background: #000;
color: #fff;
}
.text-light .sr-button {
background: #fff;
color: #000;
}
.sr-button:hover {
background: rgba(0,0,0,0.7);
color: #fff;
}	
.text-light .sr-button:hover {
background: rgba(255,255,255,0.8);
color: #000;
}
.sr-button.style-light {
background: rgba(0,0,0,0.06);
color: #000;
}
.text-light .sr-button.style-light {
background: rgba(255,255,255,0.24);
color: #fff;
}
.sr-button.style-light:hover {
background: rgba(0,0,0,0.10);
color: #000;
}
.text-light .sr-button.style-light:hover {
background: rgba(255,255,255,0.34);
color: #fff;
} .sr-button.bordered {
border: 1px solid #000;
background: transparent;
color: #000;
line-height: 32px;
}
.text-light .sr-button.bordered {
border-color: #fff;
color: #fff;
}
.sr-button.bordered:hover {
background: #000;
color: #fff;
}
.text-light .sr-button.bordered:hover {
background: #fff;
color: #000;
}
.sr-button.bordered.style-light {
border-color: rgba(0,0,0,0.16);
color: #000;
}
.text-light .sr-button.bordered.style-light {
border-color: rgba(255,255,255,0.28);
color: #fff;
}
.sr-button.bordered.style-light:hover {
background: #000;
color: #fff;
}
.text-light .sr-button.bordered.style-light:hover {
background: #fff;
color: #000;
} .sr-button.underline { 
position: relative;
font-size: 13px; 
color: #000 !important; 
line-height: 1.5; 
padding: 0; 
border: none;
display: inline-flex;
align-items: center;
background: none !important;  
text-align: left;
width: auto;
transition: color 0.3s ease;
overflow: visible;
height: auto;
}
.text-light .sr-button.underline { 
color: #fff !important; 
}
.sr-button.underline:hover  {  
color: rgba(0,0,0,0.41) !important;  
}
.text-light .sr-button.underline:hover  {  
color: rgba(255,255,255,0.61) !important;  
}
.sr-button.underline::after { 
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background: #000;
transition: bottom 0.4s ease;
}
.text-light .sr-button.underline::after { 
background: #fff; 
}
.sr-button.underline.style-light::after { 
background: rgba(0,0,0,0.16);
}
.text-light .sr-button.underline.style-light::after { 
background: rgba(255,255,255,0.28);
} .sr-button .text {
display: inline-block;
overflow: hidden;
position: relative;
z-index: 1;
vertical-align: top;
transition: all 0.3s ease;
} .sr-button .icon {
display: inline-block;
margin-left: 5px;
height: 14px;
width: 14px;
line-height: 0;
position: relative;
}
.sr-button .icon.arrow {
transform: rotate(-45deg);
transition: transform 360ms cubic-bezier(.2, 0, .1, 1), all 0.3s ease;
}
.sr-button:hover .icon.arrow {
transform: rotate(0);
}
.sr-button .icon svg {
fill: #fff;
}
.text-light .sr-button .icon svg {
fill: #000;
}
.sr-button.style-light .icon svg {
fill: #000;
}
.text-light .sr-button.style-light .icon svg {
fill: #fff;
}
.sr-button.bordered .icon svg {
fill: #000;
}
.text-light .sr-button.bordered .icon svg {
fill: #fff;
}
.sr-button.bordered:hover .icon svg {
fill: #fff;
}
.text-light .sr-button.bordered:hover .icon svg {
fill: #000;
}
.sr-button.style-light.bordered .icon svg {
fill: #000;
}
.text-light .sr-button.style-light.bordered .icon svg {
fill: #fff;
}
.sr-button.style-light.bordered:hover .icon svg {
fill: #fff;
}
.text-light .sr-button.style-light.bordered:hover .icon svg {
fill: #000;
}
.sr-button.underline .icon svg {
fill: #000;
}
.text-light .sr-button.underline .icon svg {
fill: #fff;
} .sr-button.play-button {
display: inline-block;
text-align: center;
position: relative;
padding: 0 !important;
height: 60px !important;
line-height: 60px !important;
padding: 0 !important;
height: 60px !important;
width: 60px;
border-radius: 50% !important;
overflow: hidden;
transition: backround 0.25 ease;
}
.sr-button[class*='play-button-light'] {
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
}
.sr-button.play-button .icon {
margin: 0;
display: inline-block;
font-size: 16px;
letter-spacing: 0.04em;
width: 100%; 
height: 100%; 
text-align: center;
border-radius: 50px;
position: absolute;
top: 0;
left: 0;
transition: all 250ms cubic-bezier(.6, 0, .1, 1);
}
.sr-button.play-button .icon svg {
width: 20px;
height: 20px;
position: absolute;
top: 50%; 
left: 52%; 
transform: translateX(-50%) translateY(-50%);
} .sr-button.button-mini:not(.underline):not(.play-button) { font-size: 10px !important; line-height: 22px; height: 22px; padding: 0px 15px;  }
.sr-button.bordered.button-mini:not(.underline):not(.play-button) { line-height: 20px; }
.sr-button.button-mini.withicon i { font-size: 11px !important; }
.sr-button.button-small:not(.underline):not(.play-button) { font-size: 11px !important; line-height: 28px; height: 28px; padding: 0px 22px;  }
.sr-button.bordered.button-small:not(.underline):not(.play-button) { line-height: 26px; }
.sr-button.button-small.withicon i { font-size: 12px !important; }
.sr-button.button-medium:not(.underline):not(.play-button) { font-size: 13px !important; line-height: 34px; height: 34px; padding: 0px 30px;  }
.sr-button.bordered.button-medium:not(.underline):not(.play-button) { line-height: 32px; }
.sr-button.button-medium.withicon i { font-size: 14px !important; }
.sr-button.button-big:not(.underline):not(.play-button) { font-size: 15px !important; line-height: 40px; height: 40px; padding: 0px 40px;  }
.sr-button.bordered.button-big:not(.underline):not(.play-button) { line-height: 38px; }
.sr-button.button-big.withicon i { font-size: 16px !important; }
.sr-button.button-huge:not(.underline):not(.play-button) { font-size: 17px !important; line-height: 50px; height: 50px; padding: 0px 50px;  }
.sr-button.bordered.button-huge:not(.underline):not(.play-button) { line-height: 48px; }
.sr-button.button-huge.withicon i { font-size: 20px !important; }
.sr-button.button-mini.underline { font-size: 10px !important; }
.sr-button.button-small.underline { font-size: 12px !important; }
.sr-button.button-medium.underline { font-size: 15px !important; }
.sr-button.button-big.underline { font-size: 18px !important; }
.sr-button.button-huge.underline { font-size: 22px !important; }
.sr-button.button-mini:not(.play-button) .icon { height: 11px; width: 11px; }
.sr-button.button-small:not(.play-button) .icon { height: 13px; width: 13px; }
.sr-button.button-medium:not(.play-button) .icon { height: 14px; width: 14px; }
.sr-button.button-big:not(.play-button) .icon { height: 16px; width: 16px; }
.sr-button.button-huge:not(.play-button) .icon { height: 18px; width: 18px; }
.sr-button:not(.underline):not(.play-button) .icon { top: 10%; }
.sr-button.button-medium:not(.underline):not(.play-button) .icon { top: 7%; }
.sr-button.button-big:not(.underline):not(.play-button) .icon { top: 7%; }
.sr-button.button-huge:not(.underline):not(.play-button) .icon { top: 6%; }
.sr-button.button-mini.play-button { height: 30px !important; width: 30px; }
.sr-button.button-mini.play-button .icon { font-size: 11px; }
.sr-button.button-mini.play-button .icon svg { width: 11px; height: 11px; }
.sr-button.button-small.play-button { height: 40px !important; width: 40px; }
.sr-button.button-small.play-button .icon {font-size: 13px;  }
.sr-button.button-small.play-button .icon svg { width: 13px; height: 13px; }
.sr-button.button-medium.play-button { height: 60px !important; width: 60px; }
.sr-button.button-medium.play-button .icon { font-size: 14px; }
.sr-button.button-medium.play-button .icon svg { width: 18px; height: 18px; }
.sr-button.button-big.play-button { height: 80px !important; width: 80px; }
.sr-button.button-big.play-button .icon {font-size: 17px; }
.sr-button.button-big.play-button .icon svg { width: 23px; height: 23px; }
.sr-button.button-huge.play-button { height: 120px !important; width: 120px; }
.sr-button.button-huge.play-button .icon {font-size: 22px; }
.sr-button.button-huge.play-button .icon svg { width: 32px; height: 32px; } [class*="sr-popup-"] {
display: flex;
align-items: center;
position: fixed;
right: 0;
top:  0;
width: 100%;
height: 0;
overflow: hidden;
overflow-y: scroll;
z-index: 1601;
visibility: hidden;
opacity: 0;
transition: all 0.01s ease 0.46s;
}
#header [class*="sr-popup-"] {
z-index: 1500;
}
.sr-popup-left {
right: auto;
left: auto;
}
.popup-is-open [class*="sr-popup-"].this-is-open {
opacity: 1;
height: 100%;
visibility: visible;
transition: all 0.01s ease;
pointer-events: auto;
}
.smooth-leave [class*="sr-popup-"].this-is-open {
opacity: 0;
visibility: hidden;
}
.sr-popup-center {
transition: all 0.45s ease, height 0.01s ease 0.46s;
}
.sr-popup-full {
background: #fff;
transition: all 0.45s ease, height 0.01s ease 0.46s;
display: block;
}
.sr-popup-center.popup-no-center {
align-items: flex-start;
}
.popup-is-open .sr-popup-center.this-is-open,
.popup-is-open .sr-popup-full.this-is-open {
transition: all 0.45s ease 0.1s, height 0.01s ease;
}
[class*="sr-popup-"] .popup-inner {
position: absolute;
right: 0;
top:  0;
width: 500px;
max-width: 100%;
height: 100%;
background: #fff;
z-index: 2;
transform: translateX(100%);
transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
visibility: hidden;
}
.sr-popup-left .popup-inner {
right: auto;
left: 0;
transform: translateX(-100%);
}
.popup-is-open [class*="sr-popup-"].this-is-open .popup-inner {
transform: translateX(0%);
transition: all 0.45s  cubic-bezier(.6, 0, .1, 1);
visibility: visible;
}
.sr-popup-center .popup-inner {
position: relative;
left: auto;
right: auto;
top:  auto;
width: 900px;
margin: 0 auto;
height: auto;
background: #fff;
visibility: visible;
transform: none;
border-radius: 4px;
}
.sr-popup-center.popup-no-center .popup-inner {
margin-top: 60px;
margin-bottom: 60px;
}
.sr-popup-full .popup-inner {
position: relative;
left: auto;
right: auto;
top:  auto;
width: 100%;
transform: none;
background: #fff;
}
.close-icon {
width: 18px;					
height: 18px;							
position: absolute;
top: 40px;
right: 40px;
color: #fff;
z-index: 1510;
transition: all 0.3s ease;
opacity: 0;
}
.popup-is-open [class*="sr-popup-"].this-is-open .close-icon {
opacity: 1;
transition-delay: 0.4s;
}
.close-icon svg {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
transition: all 0.3s ease;
width: 100%;
}
.close-icon:hover svg {
opacity: 0.49;
} [class*="sr-popup-"] .sr-pseudo-close {
position: fixed;
left: 0;
top:  0;
width: 0;
height: 100%;
background: #000;
opacity: 0;
visibility: hidden;
z-index: 1;
pointer-events: none;
transition: all 0.6s ease, width 0.01s ease 0.6s;
}
.popup-is-open [class*="sr-popup-"].this-is-open .sr-pseudo-close  {
visibility: visible;
opacity: 0.3;
width: 100%;
pointer-events: auto;
transition: all 0.6s ease, width 0.01s ease 0s;
} .inline-video, .inline-lightcase {
position: relative;
cursor: pointer;
display: inline-block;
margin-bottom: -0.8%; max-width: 100%;
}
.mouse-action {
font-size: 13px;
font-weight: 400;
color: #fff;
border: 1px solid #000;
background: #fff;
width: 80px; 
height: 80px; 
text-align: center;
position: absolute;
top: calc(50% - 40px); 
left: calc(50% - 40px);
-moz-border-radius:50px; 
-khtml-border-radius:50px; 
-webkit-border-radius:50px;
border-radius: 50px;
z-index: 2;
}
body[class*="cursor-"] .inline-video .mouse-action.mouse-move {
opacity: 0;
visibility: hidden;
}
.inline-video.active .mouse-action {
opacity: 0 !important;
visibility: hidden !important;
}
.inline-video:not(.follow-mouse) .mouse-action {
transition: transform 0.3s cubic-bezier(0.4, 0.4, 0.000, 1.0);
}
.inline-video:not(.follow-mouse):hover .mouse-action {
transform: scale(1.2);
}
.follow-mouse:not(:hover) .mouse-action {
transform: none !important;
transition: transform 0.5s cubic-bezier(0.4, 0.4, 0.000, 1.0);
}
.follow-mouse.active .mouse-action {
transition: all 0.4s ease;
opacity: 0;
visibility: hidden;
}
.mouse-action .icon {
width: 22px;
height: 22px;
position: absolute;
top: 50%; 
left: 50%; 
transform: translateX(-50%) translateY(-50%);
}
.mouse-action .icon svg {
fill: #000;
}
.inline-video .inline-iframe-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #000000;
}
.inline-video .close-inline-video {
background: #fff;
width: 40px;
height: 40px; 
line-height: 40px;
text-align: center;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
z-index: 5;
-moz-border-radius:50px; 
-khtml-border-radius:50px; 
-webkit-border-radius:50px;
border-radius: 50px;
opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transition: all 0.3s ease;
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.10);
}
.inline-video.active .close-inline-video {
opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.inline-video .close-inline-video svg {
width: 15px;
height: 15px;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
} .sr-tabs {
margin-top: 30px;
}
div .sr-tabs:first-child {
margin-top: 0;
}
.sr-tabs .tab-nav {
padding: 0;
margin: 0;
list-style: none;
position: relative;
overflow-x: auto;
white-space: nowrap;
-webkit-mask-image: linear-gradient(to left, transparent -2%, black 25%);
mask-image: linear-gradient(to left, transparent -2%, black 25%);
padding-bottom: 20px; }
.sr-tabs .tab-nav li {
display: inline-block;
margin: 0 10px;
position: relative;
}
.sr-tabs .tab-nav li:first-child {
margin-left: 0;
}
.sr-tabs .tab-nav li:last-child {
margin-right: 60px; }
.sr-tabs .tab-nav.align-center li:first-child {
margin-left: 30px;	
}
.sr-tabs .tab-nav.align-center li:last-child {
margin-right: 30px;
}
.sr-tabs .tab-nav li a { 
color: rgba(0,0,0,0.41); 
position: relative;
display: inline-block;
}
.text-light .sr-tabs .tab-nav li a { 
color: rgba(255,255,255,0.61); 
}
.sr-tabs .tab-nav li a::after { 
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #000; 
transition: all 0.25s ease;
opacity: 0;
} .sr-tabs .tab-nav li:hover a,
.sr-tabs .tab-nav li.active a { 
color: #000; 
}
.text-light .sr-tabs .tab-nav li.active a { 
color: #fff; 
}
.sr-tabs.product-tabs .tab-container {
margin-top: 20px;
}
.sr-tabs .tab-container .tab-content:not(.active) .isotope-grid,
.variation-gallery:not(.active) .isotope-grid {
margin-bottom: 0 !important; }
.sr-tabs .tab-container .tab-content {
display: block;
max-height: 0;
box-sizing:border-box;
transition: max-height 0.01s ease 0.3s;
}
.sr-tabs .tab-container .tab-content.active {
max-height: 9999px;
transition: max-height 0.01s ease 0.3s;
}
.sr-tabs .tab-container .tab-content .tab-wrapper {
opacity: 0;
transform: translateY(5px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.sr-tabs .tab-container .tab-content.active .tab-wrapper {
opacity: 1;
transform: translateY(0);
transition: opacity 0.3s ease 0.35s, transform 0.3s ease 0.35s;
} .sr-tabs  .sr-loader-icon {
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
top: 60px;
}
.sr-tabs.tab-loading  .sr-loader-icon {
opacity: 1;
visibility: visible;
transition-delay: 0.2s;
}
.sr-tabs.tab-loading .tab-container .tab-content .tab-wrapper {
opacity: 0;
transform: translateY(5px);
transition-delay: 0s;
} .accordion {
margin-top: 30px;
}
div .accordion:first-child { 
margin: 0; 
}
.toggle-item {
padding: 20px 0;
border-bottom: 1px solid rgba(0,0,0,0.16);
}
div .toggle-item:first-child { 
border-top: 1px solid rgba(0,0,0,0.16);
}	
.text-light div .toggle-item:first-child { 
border-color: rgba(255,255,255,0.28);
}
.toggle-item .toggle-title { 
position: relative; 
cursor: pointer; 
display: flex;
align-items: center;
}
.toggle-item .toggle-name { 
order: 2;
margin-right: 20px;
}
.toggle-item .toggle-title .icon {
position: relative;
order: 1;
width: 14px;
height: 14px;
margin-right: 20px;
transform: rotate(-45deg);
transition: all 315ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
}
.toggle-item .toggle-title.toggle-active .icon {
transform: rotate(0);
}
.sr-toggle .elementor-tab-title .elementor-toggle-title {
display: block;
position: relative;
padding-left: 35px;
height: 25px !important;
line-height: 25px !important;
}
.sr-toggle .elementor-tab-title .elementor-toggle-title:first-child::before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 14px;
height: 14px;
background-image:url(//trait-graphique.com/traitgraphique/files/assets/cross.svg);
background-size:14px;
transform: rotate(45deg);
transition: all 315ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
}
.sr-toggle .elementor-tab-title.elementor-active .elementor-toggle-title:first-child::before {
transform: rotate(0);
}
.toggle-item .toggle-title svg {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.toggle-item .toggle-title .line {
order: 3;
flex-grow: 1;
height: 1px;
background: #ccc;
}
.toggle-item .toggle-inner { 
padding-top: 20px;
padding-bottom: 5px;
}  .widget {
margin-top: 40px;
height: auto;
}
.widget-spacing-small .widget {
margin-top: 15px;
}
div .widget:first-child, .wcapf-widget-hidden + .widget { 
margin-top: 0; 
}
.widget-title {
font-family: 'Manrope';
font-weight: 600;
font-size: 16px;
margin-top: 30px;
margin-bottom: 0;
cursor: default;
color: rgba(0,0,0,0.41); 
}
.widget-title:first-child {
margin-top: 0;
}
.widget-title + div, 
.widget-title + ul, 
.widget-title + p, 
.widget-title + ol,
.widget-title + form,
.widget-title + .screen-reader-text + select {
margin-top: 20px;
}
.widget select {
width: 100% !important;
}
#footer .widget_text {
font-size: 14px;
line-height: 24px;
} .widget ul:not(.socialmedia-widget) {
list-style: none;
padding: 0;
margin-left: 0;
}
.widget ul:not(.socialmedia-widget) > li {
margin-top: 8px;
line-height: 1.4em;
font-size: 0.9em;
}
.widget ul:not(.socialmedia-widget) ul.sub-menu ul.sub-menu li,
.widget ul:not(.socialmedia-widget) ul.children ul.children li {
font-size: 1em;
}
.widget ul:not(.socialmedia-widget) li:first-child {
margin-top: 0;
}
.widget ul:not(.socialmedia-widget) li a {
font-weight: 600;
display: inline-block;
transition: color 0.3s ease;
color: #000; 
}
.widget ul:not(.socialmedia-widget) li a:hover { 
color: rgba(0,0,0,0.41); 
}
.text-light .widget ul:not(.socialmedia-widget) li a { 
color: #fff;
}
.text-light .widget ul:not(.socialmedia-widget) li a:hover { 
color: rgba(255,255,255,0.61);
}
.widget ul:not(.socialmedia-widget) ul.sub-menu,
.widget ul:not(.socialmedia-widget) ul.children {
margin: 5px 0 15px 0;
padding: 0 0 0 0;
}
.widget_nav_menu ul ul.sub-menu, 
.widget_pages ul ul.children,
.widget_categories ul ul.children {
margin-left: 5px !important;
}
.widget ul:not(.socialmedia-widget) ul.sub-menu li {
margin-top: 4px;
} .widget_rss .widget-title .rss-widget-icon {
top: 2px;
position: relative;
vertical-align: inherit;
margin-right: 5px;
}
.widget.widget_rss ul li {
margin-top: 30px;
}
.widget.widget_rss ul li .rsswidget,
.widget.widget_recent_comments ul li > a {
display: block;
}
.widget.widget_rss ul li .rss-date {
color: rgba(0,0,0,0.41);
font-size: 0.9em;
font-weight: 600;
margin-bottom: 8px;
display: block; 
}
.text-light .widget.widget_rss ul li .rss-date {
color: rgba(255,255,255,0.61);
}
.widget.widget_rss ul li .rssSummary,
.widget.widget_recent_comments ul li {
color: rgba(0,0,0,0.41); 
}	
.text-light .widget.widget_rss ul li .rssSummary,
.text-light .widget.widget_recent_comments ul li {
color: rgba(255,255,255,0.61); 
}
.widget.widget_rss ul li cite {
margin-top: 6px;
}
.widget.widget_rss ul li .rsswidget {
color: #000 !important;
}
.text-light .widget.widget_rss ul li .rsswidget{
color: #fff !important;
}
.widget_recent_comments .comment-author-link a  {
color: rgba(0,0,0,0.41) !important;
}
.text-light .widget_recent_comments .comment-author-link a  {
color: rgba(255,255,255,0.61) !important;
} .widget_calendar table  {
margin-bottom: 0;
}
.widget_calendar table thead th, 
.widget_calendar table tbody td, 
.widget_calendar table tfoot td {
padding: 10px 0 !important;
}
.widget_calendar table tbody td,
.widget_calendar table thead th{
text-align: center !important;
}
.widget_calendar table tfoot td {
border: none;
}
.widget_calendar table td#today {
background: rgba(0,0,0,0.05);
}
.text-light .widget_calendar table td#today {
background: rgba(255,255,255,0.3);
}
.widget_calendar nav {
overflow: hidden;
}
.widget_calendar nav .wp-calendar-nav-prev,
.widget_calendar nav .wp-calendar-nav-next {
float: left;
width: 50%;
}
.widget_calendar nav .wp-calendar-nav-next {
text-align: right;
}
.widget_calendar nav .pad {
display: none;
} .socialmedia-widget {
margin: 20px 0 0 0;
padding: 0;
list-style: none;
line-height: 0;
display: flex;
align-items: center;
}
div .socialmedia-widget:first-child { 
margin: 0; 
}
.socialmedia-widget.social-block {
display: block;
}
.socialmedia-widget li {
display: inline-block;
margin: 0;
position: relative;
padding-right: 30px;
}
.socialmedia-widget.text-style li {
padding-right: 30px;
}
.socialmedia-widget li:last-child {
padding-right: 0 !important;
}
.socialmedia-widget.social-block li {
display: block;
margin-bottom: 10px;
padding-right: 0;
}
.socialmedia-widget.social-block li:last-child {
margin-bottom: 0;
}
.socialmedia-widget li a {
font-size: 14px;
width: auto;
line-height: 30px;
height: 30px;
color: #000;
transition: all 0.3s ease;
display: block;
text-align: center;
box-sizing:border-box;
position: relative;
}
.socialmedia-widget.size-large li a { 
font-size: 17px;
}
.socialmedia-widget.size-big li a { 
font-size: 21px;
}
.socialmedia-widget.social-block li a { 
display: inline-block;
}
.socialmedia-widget.text-style li a,
.socialmedia-widget.textshort-style li a{ 
font-size: 14px;
line-height: 25px;
height: 25px;
width: auto;
border-radius: 0;
border: none;
transition: all 0.25s ease; 	
}
.socialmedia-widget.text-style.size-large li a,
.socialmedia-widget.textshort-style.size-large li a{ 
font-size: 18px;
line-height: 26px;
height: 26px;
}
.socialmedia-widget.text-style.size-big li a,
.socialmedia-widget.textshort-style.size-big li a{ 
font-size: 22px;
line-height: 30px;
height: 30px;
}
.text-light:not(.transparent) .socialmedia-widget li a,
.socialmedia-widget.social-light li a { 
color: #fff; 
}
.socialmedia-widget li a .icon { 
width: 14px;
height: 14px;
display: inline-block;
position: relative;
margin-top: 8px;
}
.socialmedia-widget.size-large li a .icon { 
width: 17px;
height: 17px;
}
.socialmedia-widget.size-big li a .icon { 
width: 21px;
height: 21px;
}
.socialmedia-widget.text-style li a .icon { 
display: none;
}
.socialmedia-widget li a .icon svg { 
position: absolute;
top: 0;
left: 0;
width: 100%;
fill: #000;
}
.socialmedia-widget li a::before { 
transition: all 0.3s ease; 
font-family: FontAwesome;	
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; 
}
.socialmedia-widget li.facebook a::before { content:"\f09a"; }
.socialmedia-widget li.twitter a::before { content:"\f099" }
.socialmedia-widget li.tumblr a::before { content: "\f173"; }
.socialmedia-widget li.vimeo a::before { content: "\f27d"; }
.socialmedia-widget li.dribbble a::before { content: "\f17d"; }
.socialmedia-widget li.deviantart a::before { content: "\f1bd"; }
.socialmedia-widget li.behance a::before { content: "\f1b4"; }
.socialmedia-widget li.flickr a::before { content: "\f16e"; }
.socialmedia-widget li.linkedin a::before { content: "\f0e1"; }
.socialmedia-widget li.rss a::before { content: "\f09e"; }
.socialmedia-widget li.pinterest a::before { content: "\f0d2"; }
.socialmedia-widget li.youtube a::before { content: "\f167"; }
.socialmedia-widget li.mail a::before { content: "\f1fa"; }
.socialmedia-widget li.instagram a::before { content: "\f16d"; }
.socialmedia-widget li.xing a::before { content: "\f168"; }
.socialmedia-widget li.dropbox a::before { content: "\f16b"; }
.socialmedia-widget li.stumbleupon a::before { content: "\f1a4"; }
.socialmedia-widget li.delicious a::before { content: "\f1a5"; }
.socialmedia-widget li.wordpress a::before { content: "\f19a"; }
.socialmedia-widget li.vk a::before { content: "\f189"; }
.socialmedia-widget li.soundcloud a::before { content: "\f1be"; }
.socialmedia-widget li.spotify a::before { content: "\f1bc"; }
.socialmedia-widget li.codepen a::before { content: "\f1cb"; }
.socialmedia-widget li.github a::before { content: "\f09b"; }
.socialmedia-widget li.lastfm a::before { content: "\f202"; }
.socialmedia-widget li.jsfiddle a::before { content: "\f1cc"; }
.socialmedia-widget li.mixcloud a::before { content: "\f289"; }
.socialmedia-widget li.skype a::before { content: "\f17e"; }
.socialmedia-widget li.wechat a::before { content: "\f1d7"; }
.socialmedia-widget li.url a::before { content: "\f0ac"; }
.socialmedia-widget li.tiktok a::before { display: none; }
.socialmedia-widget.text-style li a::before ,
.socialmedia-widget.textshort-style li a::before { 
content: none;
}
.socialmedia-widget li.facebook a:hover { color: #446ebf; }
.socialmedia-widget li.twitter a:hover { color: #39aadc; }
.socialmedia-widget li.tumblr a:hover { color: #4c6781; }
.socialmedia-widget li.vimeo a:hover { color: #15c9f5; }
.socialmedia-widget li.dribbble a:hover { color: #f14980; }
.socialmedia-widget li.deviantart a:hover { color: #2ea06f; }
.socialmedia-widget li.behance a:hover { color: #00b0f0; }
.socialmedia-widget li.flickr a:hover { color: #f04783; }
.socialmedia-widget li.linkedin a:hover { color: #81d3fd; }
.socialmedia-widget li.rss a:hover { color: #ff8322; }
.socialmedia-widget li.pinterest a:hover { color: #c81e1e; }
.socialmedia-widget li.youtube a:hover { color: #ee423d; }
.socialmedia-widget li.mail a:hover { color: #74624d; }
.socialmedia-widget li.instagram a:hover { color: #95604b; }
.socialmedia-widget li.xing a:hover { color: #036567; }
.socialmedia-widget li.dropbox a:hover { color: #008cd2; }
.socialmedia-widget li.stumbleupon a:hover { color: #f94213; }
.socialmedia-widget li.delicious a:hover { color: #1b59c3; }
.socialmedia-widget li.wordpress a:hover { color: #118bc0; }
.socialmedia-widget li.vk a:hover { color: #29577b; }
.socialmedia-widget li.soundcloud a:hover { color: #ff7700; }
.socialmedia-widget li.spotify a:hover { color: #80b900; }
.socialmedia-widget li.codepen a:hover { color: #171515; }
.socialmedia-widget li.github a:hover { color: #171515; }
.socialmedia-widget li.lastfm a:hover { color: #f94f14; }
.socialmedia-widget li.jsfiddle a:hover { color: #0c9de8; }
.socialmedia-widget li.mixcloud a:hover { color: #29587c; }
.socialmedia-widget li.skype a:hover { color: #00aef3; }
.socialmedia-widget li.wechat a:hover { color: #00c900; }
.socialmedia-widget li.url a:hover { color: #579abc; }
.socialmedia-widget li.tiktok a:hover svg { fill: #ff2a62; }
.socialmedia-widget.text-style li a:hover { background-color: transparent !important; }
.socialmedia-widget.text-style li.facebook a:hover { color: #446ebf; }
.socialmedia-widget.text-style li.twitter a:hover { color: #39aadc; }
.socialmedia-widget.text-style li.tumblr a:hover { color: #4c6781; }
.socialmedia-widget.text-style li.vimeo a:hover { color: #15c9f5; }
.socialmedia-widget.text-style li.dribbble a:hover { color: #f14980; }
.socialmedia-widget.text-style li.deviantart a:hover { color: #2ea06f; }
.socialmedia-widget.text-style li.behance a:hover { color: #00b0f0; }
.socialmedia-widget.text-style li.flickr a:hover { color: #f04783; }
.socialmedia-widget.text-style li.linkedin a:hover { color: #81d3fd; }
.socialmedia-widget.text-style li.rss a:hover { color: #ff8322; }
.socialmedia-widget.text-style li.pinterest a:hover { color: #c81e1e; }
.socialmedia-widget.text-style li.youtube a:hover { color: #ee423d; }
.socialmedia-widget.text-style li.mail a:hover { color: #74624d; }
.socialmedia-widget.text-style li.instagram a:hover { color: #95604b; }
.socialmedia-widget.text-style li.xing a:hover { color: #036567; }
.socialmedia-widget.text-style li.dropbox a:hover { color: #008cd2; }
.socialmedia-widget.text-style li.stumbleupon a:hover { color: #f94213; }
.socialmedia-widget.text-style li.delicious a:hover { color: #1b59c3; }
.socialmedia-widget.text-style li.wordpress a:hover { color: #118bc0; }
.socialmedia-widget.text-style li.vk a:hover { color: #29577b; }
.socialmedia-widget.text-style li.soundcloud a:hover { color: #ff7700; }
.socialmedia-widget.text-style li.spotify a:hover { color: #80b900; }
.socialmedia-widget.text-style li.codepen a:hover { color: #171515; }
.socialmedia-widget.text-style li.github a:hover { color: #171515; }
.socialmedia-widget.text-style li.lastfm a:hover { color: #f94f14; }
.socialmedia-widget.text-style li.jsfiddle a:hover { color: #0c9de8; }
.socialmedia-widget.text-style li.mixcloud a:hover { color: #29587c; }
.socialmedia-widget.text-style li.skype a:hover { color: #00aef3; }
.socialmedia-widget.text-style li.wechat a:hover { color: #00c900; }
.socialmedia-widget.text-style li.url a:hover { color: #579abc; } .widget_search form.searchform, 
.widget_product_search form.searchform {
position: relative;
margin-top: 10px;
max-width: 300px;
}
.widget_search form.searchform:first-child, 
.widget_product_search form.searchform:first-child { 
margin: 0; 
}
.widget_search form.searchform input[type="search"], 
.widget_product_search form.searchform input[type="search"] {
width: calc(100% - 30px);
max-width: calc(100% - 30px);
}
.widget_search form.searchform input[type="submit"], 
.widget_product_search form.searchform button[type="submit"] {
position: absolute;
bottom: 0;
right: 0;
width: 40px;
padding: 0;
height: 50px;
z-index: 2;
color: transparent !important;
background: transparent !important;
border: none;
border-bottom: none;
border-radius: 0;
margin: 0;
}
.widget_search form.searchform::before, 
.widget_product_search form.searchform::before {
content: "";
width: 15px;
height: 15px;
border: 1.5px solid #000;
display: block;
position: absolute;
bottom: 20px;
right: 15px;
z-index: 1;
border-radius: 50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.text-light:not(.transparent) .widget_search form.searchform::before,
.text-light:not(.transparent) .widget_product_search form.searchform::before {
border-color: #fff;
}
.widget_search form.searchform::after, .widget_product_search form.searchform::after {
content: "";
position: absolute;
bottom: 10px;
right: 14px;
background: #000;
display: block;
width: 1.5px;
height: 9px;
-webkit-transform: translateY(-50%) rotate(-45deg);
-moz-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
z-index: 1;
}
.text-light:not(.transparent) .widget_search form.searchform::after, 
.text-light:not(.transparent) .widget_product_search form.searchform::after{
background: #fff;
} .not-found {
text-align: center;
margin-bottom: 60px;
}
.not-found .icon {
width: 70px;
display: inline-block;
}
.not-found .icon svg {
opacity: 0.2;
} .widget .wcapf-layered-nav .children {
margin: 0 0 20px 0 !important;
}
.widget .wcapf-layered-nav .children li a {
font-weight: 400;
}
.widget .wcapf-layered-nav .children {
padding-top: 5px;
}
.widget .wcapf-layered-nav li.chosen .children li.chosen > a::before {
top: calc(50% - 5px);
} .sr-top-filter .widget .wcapf-layered-nav > ul,
.widget .wcapf-layered-nav.sr-color-wcapf > ul ,
.widget .wcapf-layered-nav.sr-button-wcapf > ul, 
.widget .wcapf-layered-nav.sr-image-wcapf > ul  {
overflow-y: auto;
overflow-x: visible;
max-height: 230px;
}
.widget .wcapf-layered-nav ul li {
margin: 0 !important;
margin-bottom: 3px !important;
position: relative;
margin-right: 0 !important;
line-height: auto;
height: auto;
}
.widget .wcapf-layered-nav ul.children li {
margin-left: 10px !important;
}
.widget .wcapf-layered-nav ul.children li.chosen {
margin-left: 0 !important;
}
.widget .wcapf-layered-nav li.chosen ul.children li.chosen {
margin-left: 10px !important;
}
.widget .wcapf-layered-nav ul li a {
position: relative;
display: inline-block;
line-height: 26px;
color: #000;
line-height: auto;
height: auto;
}
.widget .wcapf-layered-nav ul li > a:hover {
color: rgba(0,0,0,0.41);
}
.widget .wcapf-layered-nav ul li.chosen > a:hover {
color: #000;
}
.widget .wcapf-layered-nav ul li.chosen > a {
margin-left: 10px;
margin-right: 10px;
}
.widget .wcapf-layered-nav ul li .count {
font-size: 13px;
color: rgba(0,0,0,0.41);
}
.widget .wcapf-layered-nav ul li::before {
display: none;
}
.widget .wcapf-layered-nav ul li.chosen > a::after {
content: "";
position: absolute;
top: 0;
left: -10px;
width: calc(100% + 37px);
height: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-radius: 3px;
}
.widget .wcapf-layered-nav ul li.chosen a::after {
background: rgba(0,0,0,0.04);
}
.widget .wcapf-layered-nav ul li.chosen > a::before {
content: "";
position: absolute;
top: calc(50% - 5px);
right: -17px;
width: 10px;
height: 10px;
background-image:url(//trait-graphique.com/traitgraphique/files/assets/cross.svg);
-webkit-background-size:10px;
-moz-background-size:10px;
-o-background-size:10px;
background-size:10px;
background-repeat: no-repeat;
opacity: 0.41;
transition: opacity 0.3s ease;
}
.widget .wcapf-layered-nav ul li.chosen > a:hover::before {
opacity: 1;
}
.widget .wcapf-layered-nav ul.children li.chosen > a::after {
width: 4px;
height: 4px;
border-radius: 5px;
background: #000;
position: absolute;
top: 6px;
left: -10px;
}
.wcapf-layered-nav.sr-button-wcapf ul {
display: flex;
flex-wrap: wrap;
}
.wcapf-layered-nav.sr-button-wcapf ul li {
height: 40px;
min-width: 40px;
text-align: center;
margin: 0 10px 10px 0 !important;
line-height: 40px;
border: 1px solid rgba(0,0,0,0.16);
border-radius: 3px;
}
.wvs-style-rounded .wcapf-layered-nav.sr-button-wcapf ul li {
border-radius: 20px;
}
.wcapf-layered-nav.sr-button-wcapf ul li:hover {
background: rgba(0,0,0,0.04);
}
.wcapf-layered-nav.sr-button-wcapf ul li.chosen {
border: 1px solid #000;
}
.wcapf-layered-nav.sr-button-wcapf ul li a {
height: 40px;
min-width: 40px;
line-height: 40px;
display: block;
color: #000 !important;
margin: 0 !important;
}
.wcapf-layered-nav.sr-button-wcapf ul li a::after,
.wcapf-layered-nav.sr-button-wcapf ul li a::before {
display: none;
}
.wcapf-layered-nav.sr-color-wcapf ul,
.wcapf-layered-nav.sr-image-wcapf ul {
display: flex;
flex-wrap: wrap;
}
.wcapf-layered-nav.sr-color-wcapf ul li,
.wcapf-layered-nav.sr-image-wcapf ul li {
width: 30%;
text-align: center;
margin-bottom: 18px !important;
line-height: 0;
}
.wcapf-layered-nav.sr-color-wcapf ul li a,
.wcapf-layered-nav.sr-image-wcapf ul li a {
line-height: 0;
color: #000 !important;
}
.wcapf-layered-nav.sr-color-wcapf ul li span.color,
.wcapf-layered-nav.sr-image-wcapf ul li span.image {
width: 40px;
height: 40px;
display: inline-block;
border-radius: 4px;
position: relative;
}
.wvs-style-rounded .wcapf-layered-nav.sr-color-wcapf ul li span.color,
.wvs-style-rounded .wcapf-layered-nav.sr-image-wcapf ul li span.image {
border-radius: 100%;
}
.wcapf-layered-nav.sr-color-wcapf ul li span.color::after {
content: "";
width: 16px;
height: 16px;
display: block;
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px);
background-image:url(//trait-graphique.com/traitgraphique/files/assets/check-light.svg);
-webkit-background-size:16px;
-moz-background-size:16px;
-o-background-size:16px;
background-size:16px;
background-repeat: no-repeat;
opacity: 0;
transition: opacity 0.1s ease;
}
.wcapf-layered-nav.sr-color-wcapf ul li.chosen span.color::after {
opacity: 1;
}
.wcapf-layered-nav.sr-image-wcapf ul li span.image {
border: 1px solid rgba(0,0,0,0.16);overflow: hidden;
}
.wcapf-layered-nav.sr-image-wcapf ul li.chosen span.image {
border-color: #000;
}
.wcapf-layered-nav.sr-color-wcapf ul li span.text,
.wcapf-layered-nav.sr-image-wcapf ul li span.text {
width: 100%;
text-align: center;
display: block;
font-size: 13px;
line-height: 17px;
margin-top: 7px;
}
.wcapf-layered-nav.sr-color-wcapf ul li.chosen a,
.wcapf-layered-nav.sr-image-wcapf ul li.chosen a {
margin: 0;
}
.wcapf-layered-nav.sr-color-wcapf ul li a::after,
.wcapf-layered-nav.sr-color-wcapf ul li a::before,
.wcapf-layered-nav.sr-image-wcapf ul li a::after,
.wcapf-layered-nav.sr-image-wcapf ul li a::before {
display: none;
} .widget.widget_wcapf-active-filters .widget-title {
display: none;
}
.widget .wcapf-active-filters a:not(.reset) {
display: none;
}
.widget .wcapf-active-filters a.reset {
font-size: 13px;
font-weight: 500;
color: #000;
line-height: 22px;
height: 22px;
padding: 5px 30px 5px 10px;
background: rgba(0,0,0,0.04);
border-radius: 4px;
position: relative;
}
.widget .wcapf-active-filters a.reset:hover {
background: rgba(0,0,0,0.08);
}
.widget .wcapf-active-filters a::before {
display: none;
}
.widget .wcapf-active-filters a::after {
content: "";
position: absolute;
top: 12px;
right: 10px;
width: 10px;
height: 10px;
background-image:url(//trait-graphique.com/traitgraphique/files/assets/cross.svg);
-webkit-background-size:10px;
-moz-background-size:10px;
-o-background-size:10px;
background-size:10px;
background-repeat: no-repeat;
transition: opacity 0.3s ease;
} .widget .wcapf-price-filter-wrapper {
max-width: 300px;
padding-top: 9px;
}
.sr-filter-container .widget .wcapf-price-filter-wrapper {
max-width: 80%;
}
.widget_price_filter > form {
margin-top: 15px;
}
.widget_price_filter .price_slider_wrapper .price_slider {
position: relative;
background: rgba(0,0,0,0.16);
display: none;
}
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range,
.widget .noUi-horizontal {
position: relative;
height: 1px;
background: #000;
box-shadow: none;
border: none;
border-radius: 0;
}
.widget .noUi-horizontal { 
background: #ccc;
}
.widget .noUi-horizontal .noUi-base .noUi-origin:first-child { 
background: #000; 
}
.widget .noUi-horizontal .noUi-base .noUi-origin:last-child { 
background: #ccc;
}
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle,
.widget .noUi-horizontal .noUi-handle {
position: absolute;
top: -4px;
left: 0;
margin-left: 0px;
background: #000;
cursor: pointer;
width: 9px;
height: 9px;
-moz-border-radius: 999px;
-webkit-border-radius: 999px;
-o-border-radius: 999px;
border-radius: 999px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
box-shadow: none;
border: 1px solid #000;
}
.widget .noUi-horizontal .noUi-handle::after,
.widget .noUi-horizontal .noUi-handle::before {
display: none;
}
.widget .noUi-horizontal.noUi-extended {
padding-right: 7px;
}
.widget .noUi-horizontal.noUi-extended .noUi-origin { 
right: 0; 
}
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle + .ui-slider-handle {
margin-left: -11px;
}
.widget_price_filter .price_slider_wrapper .price_slider_amount {
margin-top: 15px;
}
.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
float: left;
font-size: 0.85em;
line-height: 30px;
}
.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label span {
color: #000;
font-weight: 400;
}
.widget_price_filter .price_slider_wrapper .price_slider_amount .button {
font-size: 11px; 
line-height: 18px; 
padding: 5px 17px;
float: right;
background: #000; 
color: #fff;
text-align: center;
margin: 0;
}
.widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover,
.widget_price_filter .price_slider_wrapper .price_slider_amount .button:active {
background-color: rgba(0,0,0,0.6);
}
.widget .wcapf-price-filter-wrapper br {
display: none;
}
.widget .slider-values {
margin-top: 10px;
}
.widget .slider-values p {
display: inline-block;
font-size: 0.75em;
line-height: 26px;
margin-right: 20px !important;
}
.widget .slider-values p span {
color: #000;
font-weight: 400;
} .wcapf-before-update ~ .sr-grid > .sr-item {
transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
} @media only screen and (min-width: 1025px) {
body.disable-mouse {
cursor: none !important;
}
body.disable-mouse input[type="submit"], 
body.disable-mouse .button, 
body.disable-mouse button {
cursor: none;
}
body.disable-mouse select {
cursor: none;
}
body.disable-mouse select option {
cursor: none;
}
body.disable-mouse a {
cursor: none !important;
}
body.disable-mouse .header-toggle,
body.disable-mouse .header-toggle .hamburger {
cursor: none;
}
body.disable-mouse .portfolio-filter .widget-title .current {
cursor: none;
}
body.disable-mouse #single-share .widget-title {
cursor: none;
}
body.disable-mouse .flickity-carousel .flickity-viewport,
body.disable-mouse .flickity-carousel .flickity-page-dots li.dot {
cursor: none !important;
}
body.disable-mouse .toggle-item .toggle-title {
cursor: none;
}
body.disable-mouse .inline-video, 
body.disable-mouse .inline-lightcase {
cursor: none;
}
}
.custom-mouse {
position: fixed;
top: -6px;
left: -6px;
width: 12px;
height: 12px;
background: #000;
border-radius: 50%;
z-index: 999999;
pointer-events: none;
visibility: hidden;
transition: top 0.4s ease, left 0.25s ease, width 0.25s ease, height 0.25s ease, background 0.25s ease, opacity 0.15s ease, visibility 0.3s ease 0.1s;
}
.custom-mouse.dot-big {
top: -13px;
left: -13px;
width: 26px;
height: 26px;
}
.custom-mouse.circle {
top: -7px;
left: -7px;
width: 14px;
height: 14px;
background: transparent !important;
border-radius: 50%;
border: 2px solid #000;
box-sizing:border-box;
}
.custom-mouse.circle-big {
top: -15px;
left: -15px;
width: 30px;
height: 30px;
border: 2px solid #000;
background: transparent !important;
}
body:not(.smooth-leave).mouse-active .custom-mouse {
visibility: visible;
}
body:not(.smooth-leave).mouse-hover .custom-mouse {
top: -16px;
left: -16px;
width: 32px;
height: 32px;
opacity: 0.4;
}
body:not(.smooth-leave).mouse-hover .custom-mouse.dot-big {
top: -20px;
left: -20px;
width: 40px;
height: 40px;
}
body:not(.smooth-leave).mouse-hover .custom-mouse.circle,
body:not(.smooth-leave).mouse-hover .custom-mouse.circle-big {
top: -20px;
left: -20px;
width: 40px;
height: 40px;
} .custom-mouse .dragging,
.custom-mouse .more,
.custom-mouse .play {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.25s ease;
}
body:not(.smooth-leave).mouse-hover-dragging .custom-mouse .dragging,
body:not(.smooth-leave).mouse-hover-more .custom-mouse .more,
body:not(.smooth-leave).mouse-hover-play .custom-mouse .play {
opacity: 1;
transition-delay: 0.1s;
}
.custom-mouse .dragging .icon-left,
.custom-mouse .dragging .icon-right {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 20px;
height: 20px;
line-height: 0;
margin-left: 15px;
transition: all 0.25s ease;
}
.custom-mouse .dragging .icon-left {
margin-left: -15px;
}
.custom-mouse .dragging svg,
.custom-mouse .more svg,
.custom-mouse .play svg {
fill: #fff;
}
.custom-mouse .dragging .icon-left svg {
transform: rotate(180deg);
}
body:not(.smooth-leave).mouse-hover-dragging .custom-mouse,
body:not(.smooth-leave).mouse-hover-more .custom-mouse,
body:not(.smooth-leave).mouse-hover-play .custom-mouse {
top: -40px !important;
left: -40px !important;
width: 80px !important;
height: 80px !important;
background: #000 !important;
opacity: 1 !important;
}
body:not(.smooth-leave).mouse-hover-dragging.is-dragging .custom-mouse {
top: -35px !important;
left: -35px !important;
width: 70px !important;
height: 70px !important;
} .custom-mouse .more .icon,
.custom-mouse .play .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 30px;
height: 30px;
line-height: 0;
transition: all 0.25s ease;
}
.custom-mouse .play .icon {
width: 24px;
height: 24px;
}
.custom-mouse .more svg {
transform: rotate(-45deg);
}  .sr-single-product-wrapper {
margin: 0 auto;
max-width: 100%;
} .sr-list-product-wrapper {
max-width: 100%;
} [class*="title-indent"] .elementor-heading-title {
text-indent: 25vw;
}
.title-indent-small .elementor-heading-title {
text-indent: 12vw;
}
.title-indent-big .elementor-heading-title {
text-indent: 35vw;
} .sr-em-bg-section {
max-width: 100%;
}
.elementor-element-edit-mode .sr-em-bg-section {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sr-em-bg-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center center !important;
} .sr-em-bg-block {
margin: 0 auto;
max-width: 100%;
background-size: cover;
background-position: center center;
} .sr-parallax-column {
display: block !important;
}
.sr-parallax-column.sr-height .elementor-column-wrap {
height: 100% !important;
} body header[class*="transparent-"] ~ #hero-and-body .elementor-element.spacer-header .elementor-spacer-inner { height: 100vh !important; }
body.has-header-bar header[class*="transparent-"] ~ #hero-and-body .elementor-element.spacer-header .elementor-spacer-inner { height: calc(100vh - 38px) !important; }
body header[class*="transparent-"] ~ #hero-and-body .elementor-element.hero-height { min-height: 100vh; }
body.has-header-bar header[class*="transparent-"] ~ #hero-and-body .elementor-element.hero-height { min-height: calc(100vh - 38px); }
.sr-marquee {
width: 100%;
margin: 0 auto;
overflow: hidden;
box-sizing: border-box;
text-align: left;
}
.sr-marquee-container {
display: block;
overflow: hidden;
margin-left: -40%;
min-width: 4000px;
will-change: transform;
}
.sr-marquee-container.phat-parallax-direction-right  {
float: right;
margin-right: -40%;	
}
.sr-marquee-item {
padding: 0 1em;
float: left;
}
.phat-parallax-direction-right .sr-marquee-item {
float: right;
}
.sr-marquee-item > * {
margin: 0 !important;
}
.phat-parallax-move-rot {
display: inline-block;
}