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"], 
input[type="email"], 
textarea, 
button, 
select { 
-moz-appearance: none; 
-webkit-appearance: none; 
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
} 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: 100%;
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
overflow-x: hidden;
}
html.disablescroll { 
overflow: hidden; }
body {
font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
font-weight: 400;
font-size: 15px; 
line-height: 1.8;
color: rgba(0,0,0,0.61); 
text-align: left; 
background: #fff;
min-height: 100%;
transition: background 0.4s ease;
}
.text-light { 
color: rgba(255,255,255,0.69); 
}
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
transition: opacity 0.45s ease 0.3s;
opacity: 0;
z-index: -1; }
body.loaded::before {
opacity: 1;
}
::selection, 
::-moz-selection, 
::-webkit-selection { 
background:#4c4c4c; 
color: #fff; 
} h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6 {
font-family: 'Poppins'; 
font-weight: 500;
}
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{ 
font-weight: 700; 
}
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 { 
font-size: 54px; 
line-height: 62px; 
}
h2, 
.h2 { 
font-size: 40px; 
line-height: 48px; 
}
h3, 
.h3 { 
font-size: 32px; 
line-height: 40px; 
}
h4, 
.h4 { 
font-size: 22px;
line-height: 30px; 
}
h5, 
.h5 { 
font-size: 18px; 
line-height: 25px; 
}
h6, 
.h6 { 
font-size: 16px; 
line-height: 22px; 
} 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: 15px; 
}
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; 
}
.title-alt { 
color: rgba(0,0,0,0.31); 
font-weight: 400; 
}	
.text-light .title-alt,
.title-alt.text-light  { 
color: rgba(255,255,255,0.48); 
}
.title-alt b, 
.title-alt strong, 
strong .title-alt { 
font-weight: 500; 
}
.uppercase, 
.title-alt.uppercase { 
text-transform: uppercase; 
letter-spacing: 0.08em; 
} 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: 'Poppins'; 
font-weight: 400;
font-size: 14px;
background: transparent;
border: none;
border-bottom: 1px solid rgba(0,0,0,0.11);
line-height: 28px !important;
height: 28px;
color: #000;
padding: 10px 0px 2px 0;
transition: all 200ms ease;
-moz-border-radius:0px; 
-khtml-border-radius:0px; 
-webkit-border-radius:0px;
border-radius: 0;
resize: none;
position: relative;
width: 100%; 
max-width: calc(100% - 0px); 
}
textarea { 
min-height: 10rem; 
}
.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: rgba(255,255,255,0.28); 
}
input[type="submit"], 
.button, 
button {
font-family: 'Poppins';
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-align: center;
display: inline-block;
padding: 12px 30px;
max-width: 100%;
cursor: pointer;
text-align: center;
margin-bottom: 5px;
transition: all 0.2s ease;
color: #fff;
background: #000;
border: none;
position: relative;
border-radius: 0;
-moz-border-radius: 0px; -webkit-border-radius: 0px; }
.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.69); 
color: #000;  
}
input[type="checkbox"], 
input[type="radio"] {
margin-left: 0;
}
input[type="checkbox"] { 
-webkit-appearance: checkbox; 
}
input[type="radio"] { 
-webkit-appearance: radio; 
}
select {
cursor: pointer;
font-family: 'Poppins'; 
font-weight: 400;
font-size: 14px;
background: transparent;
border: none;
border-bottom: 1px solid rgba(0,0,0,0.11);
line-height: 34px;
height: 34px;
width: 100%;
max-width: 100%;
text-overflow: ellipsis;
padding: 0 10px 0px 0;
margin-top: 7px;
color: #000;
-moz-border-radius:0px; 
-khtml-border-radius:0px; 
-webkit-border-radius:0px;
border-radius: 0;
min-width: 120px;
background-image:url(//gomig.de/wp-content/themes/vavo/files/assets/select-arrow.png);
background-position: right 3px center;
background-repeat: no-repeat;
-webkit-background-size:11px 8px;
-moz-background-size:11px 8px;
-o-background-size:11px 8px;
background-size:11px 8px;
}
.text-light select { 
color: #fff; 
border-color: rgba(255,255,255,0.28); 
background-image:url(//gomig.de/wp-content/themes/vavo/files/assets/select-arrow-light.png); 
}
select option {
cursor: pointer;
padding: 5px 7px;
}
label, 
.label {
font-family: 'Poppins';
font-weight: 400;
font-size: 12px;
line-height: 24px;
width: 100%;
color: rgba(0,0,0,0.31);
display: block;
transition: color 0.2s ease;
}
.text-light label, 
.text-light .label { 
color: rgba(255,255,255,0.48); 
}
.form-row.check-error label,
.woocommerce-invalid label, 
.check-error label { 
color: #fa4d5a !important; 
}
label abbr { 
color: rgba(0,0,0,0.31);
text-decoration: none;
}
.text-light abbr { color: rgba(255,255,255,0.48); }
form {
margin-top: 50px;
padding: 1px 0 0 0; }
div form:first-child { 
margin: 0;
}
form .form-row {
margin-top: 50px;
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-row.hidden {
display: none;
}
form .form-submit {
margin-top: 50px;
}  .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 .ajax-loader {
position: relative;
width: 22px;
height: 5px;
margin-left: 10px;
background: none !important;
-webkit-animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite;
-moz-animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite;
animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite;
}
.wpcf7 .ajax-loader::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 4px;
background: #000;
border-radius: 5px;
}
.text-light .wpcf7 .ajax-loader::before { 
background: #fff; 
}
.wpcf7-response-output {
display:block !important;
border: none !important;
color: #fff !important;
margin: 0 !important;
padding: 25px !important;
position: fixed;
width: 300px;
background: #fa4d5a;
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%);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
opacity: 0;
visibility: hidden;
}
.sent .wpcf7-response-output { 
background: #3ae285; 
}
.wpcf7-form.invalid .wpcf7-response-output, 
.wpcf7-form.sent .wpcf7-response-output {
-webkit-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ;
-moz-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ;
-o-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ;
-ms-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ;
animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ;
}
@-webkit-keyframes error_message_show {
0% { opacity: 0; visibility: hidden; }
10% { opacity: 1; visibility: visible; }
90% { opacity: 1; visibility: visible; }
100% { opacity: 0; visibility: hidden; }
}
@-moz-keyframes error_message_show {
0% { opacity: 0; visibility: hidden; }
10% { opacity: 1; visibility: visible; }
90% { opacity: 1; visibility: visible; }
100% { opacity: 0; visibility: hidden; }
}
@keyframes error_message_show {
0% { opacity: 0; visibility: hidden; }
10% { opacity: 1; visibility: visible; }
90% { opacity: 1; visibility: visible; }
100% { opacity: 0; visibility: hidden; }
} table {
margin: 50px 0;
border-collapse: collapse;
width: 100%;
max-width: 100%;
}
div table:first-child { 
margin-top: 0; 
}
table caption {
font-weight: 600;
margin-bottom: 10px;
}
table th {
font-family: 'Poppins'; 
font-weight: 500;
color: #000;
font-size: 14px;
line-height: 1.3em;
}
.text-light table th {
color: #fff;
}
table thead th {
font-weight: 400;
color: rgba(0,0,0,0.31);
font-size: 12px;
}	
.text-light table thead th {
color: rgba(255,255,255,0.48);
}
table td, 
table th { 
padding: 15px;
border: 1px solid rgba(0,0,0,0.11);
}
.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;
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.2s ease;
}
a:hover { 
color: rgba(0,0,0,0.31); 
}
.text-light a, 
a.text-light, 
.text-dark a.text-light  { 
color: #fff; 
}
.text-light a:hover, 
a.text-light:hover, 
.text-dark a.text-light:hover  { 
color: rgba(255,255,255,0.48); 
}
p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link),
.blog-content ul li a, table a {
border-bottom: 1px solid #000;
color: #000;
}
p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link):hover,
.blog-content ul li a:hover { 
color: rgba(0,0,0,0.31); 
}
.text-light p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) { 
border-color: #fff; color: #fff; 
}
p.h1 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link),
p.h2 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link),
p.h3 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.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(.image-text-link),
p.h5 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link),
p.h6 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.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; 
}
svg {
max-width: 100%;
}
p + video, p + audio {
margin-top: 25px;
} ul {
margin-top: 40px;
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: 40px;
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: 18px; 
line-height: 28px;
margin-top: 12px;
}
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: 40px; 
}
div p:not(.form-row):first-child {  
margin-top: 0; 
}	
strong, 
b, 
dt {
font-weight: 600;
}
i, 
dfn, 
em {
font-style: italic;
}
blockquote {
font-weight: 400;
font-size: 1.4em; 
line-height: 1.5em;
color: #000;
position: relative;
max-width: 1200px;
margin: 40px auto;
padding: 5px 4% 5px 4%;
border-left: 2px solid rgba(0,0,0,0.11);
}
#page-title blockquote { 
font-size: 36px; 
line-height: 54px; 
}
[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;
}
blockquote cite, 
cite,
cite a {
font-weight: 500;
letter-spacing: 0em;
font-style: normal;
margin-top: 15px;
display: inline-block;
font-size: 13px;
line-height: 16px;
color: rgba(0,0,0,0.31) !important; 
border: none;
}
.text-lioht blockquote cite {
color: rgba(255,255,255,0.48) !important; 
}
cite a {
margin: 0;
border-color: rgba(0,0,0,0.31) !important; 
}
.text-light cite a {
border-color: rgba(255,255,255,0.48) !important; 
}
cite a:hover {
margin: 0;
border-color: #000 !important; 
}
.text-light cite a:hover {
border-color: #fff !important; 
}
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: 4%;
margin-top: 20px;
font-size: 13px;
line-height: 18px;
background: rgba(0,0,0,0.04);
display: block;
border-radius: 0;
overflow-x: auto;
}
.text-light pre { 
background: rgba(255,255,255,0.11); 
}
div pre:first-child { 
margin-top: 0; 
}
code, 
kbd, 
tt {
padding: 0;
display: inline-block;
border-radius: 0;
color: rgba(0,0,0,0.31);
font-weight: 400;
font-size: 80%;
line-height: 1.45em;
position: relative;
top: -1px;
}
.text-light code, 
.text-light kbd, 
.text-light tt {
color: rgba(255,255,255,0.48);
}
big {
font-size: 1.2em;
display: inline-block;
}
small {
font-size: 0.85em;
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: 500;
padding: 0 2px;
}
.text-light mark { 
background: #fff; 
color: #000; 
}
address {
margin-top: 20px;
border: 1px solid rgba(0,0,0,0.11);
padding: 20px;
display: inline-block;
font-style: normal;
font-size: 0.85em;
line-height: 1.5em;
font-weight: 500;
}
.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.11);
}
.text-light hr {
border-color: rgba(255,255,255,0.28);
} #page-content {
overflow:  hidden;
position: relative; margin: 0;
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; }
#page-body > *:not(.slist-wrapper):not(#single-share) {
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
}
body.loading-end #page-body > *:not(.slist-wrapper):not(#single-share) {
opacity: 1;
visibility: visible;
}
.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% - 320px);
}	
aside.sidebar {
width: 260px;
margin-bottom: 60px;
}
.left-float { 
float: left; 
}
.right-float { 
float: right; 
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
} .sr-loader-icon, 
.wcapf-before-update {
position: absolute;
top: calc(50% - 2px);
left: calc(50% - 2px);
width: 5px;
height: 5px;
-webkit-animation: loader_dot_anim 0.9s cubic-bezier(.5,0,.5,1) infinite;
-moz-animation: loader_dot_anim 0.9s cubic-bezier(.5,0,.5,1) infinite;
animation: loader_dot_anim 0.9s cubic-bezier(.5,0,.5,1) infinite;
background: none !important;
}
.wcapf-before-update {
top: 100px !important;
}
.sr-loader-icon::after,
.wcapf-before-update::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
border-radius: 100%; 
}
.text-light .sr-loader-icon::after,
.text-light .wcapf-before-update::after {
background: #fff;
}
@-webkit-keyframes loader_dot_anim {
0% { transform: scale(1); }
50% { transform: scale(1.6); }
100% { transform: scale(1); }
}
@-moz-keyframes loader_dot_anim {
0% { transform: scale(1); }
50% { transform: scale(1.6); }
100% { transform: scale(1); }
}
@keyframes loader_dot_anim {
0% { transform: scale(1); }
50% { transform: scale(1.6); }
100% { transform: scale(1); }
} #header {
z-index: 1501;
width: 100%;
position: absolute;
top: 0; left: 0;
pointer-events: none;
transition: opacity 0.35s ease, transform 0.35s ease; opacity: 1;
transform: none;
transition: opacity 0.35s ease 0.6s, transform 0.35s ease 0.6s;
}
#header.sticky {
position: fixed;
}
.hide-headerfooter #header,
.hide-headerfooter.loaded #header {
opacity: 0;
transform: translateY(-10px);
transition-delay: 0.15s;
}
#header .header-inner {
padding: 50px 0;
position: relative;
}
#header .header-inner * {
pointer-events: auto;
}
#header #logo {
width: auto;
float: left;
position: relative;
z-index: 2;
}
#header #logo img { 
height: 25px; transition: all 0.3s ease;
width: auto;
} 			
header #logo .text-logo { 
line-height: 25px; font-size: 20px; 
font-weight: 500; 
text-transform: uppercase;
} 
#header #logo img#dark-logo ~ img#light-logo {
position: absolute;
top: 0; 
left: 0;
opacity: 0;
visibility: hidden;
}
body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light #logo img#dark-logo { opacity: 0; visibility: hidden; }
body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light #logo img#dark-logo ~ img#light-logo { opacity: 1; visibility: visible; }
body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark #logo img#dark-logo { opacity: 1; visibility: visible; }
body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark #logo img#dark-logo ~ img#light-logo { opacity: 0; visibility: hidden; }
body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light #logo img#dark-logo { opacity: 0; visibility: hidden; }
body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light #logo img#dark-logo ~ img#light-logo { opacity: 1; visibility: visible; }
body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark #logo img#dark-logo { opacity: 1; visibility: visible; }
body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark #logo img#dark-logo ~ img#light-logo { opacity: 0; visibility: hidden; } body #header .header-light-forced #logo img#dark-logo { opacity: 0 !important; visibility: hidden !important; }
body #header .header-light-forced #logo img#dark-logo ~ img#light-logo { opacity: 1 !important; visibility: visible !important; }
body #header .header-dark-forced #logo img#dark-logo { opacity: 1 !important; visibility: visible !important; }
body #header .header-dark-forced #logo img#dark-logo ~ img#light-logo { opacity: 0 !important; visibility: hidden !important; } #header .pseudo-close {
position: fixed;
left: 0;
top:  0;
width: 0;
height: 100%;
background: #000;
opacity: 0;
visibility: hidden;
z-index: 1600;
transition: all 0.6s ease, width 0.01s ease 0.6s;
} #footer {
margin: 0 auto;
transition: opacity 0.35s ease, transform 0.35s ease;
transform: translateY(15px);
opacity: 0;
z-index: 3;
position: relative;
}
body.loaded #footer {
opacity: 1;
transform: none;
transition: opacity 0.35s ease 0.6s, transform 0.35s ease 0.6s;
}
.hide-headerfooter #footer, .hide-footer #footer {
opacity: 0 !important;
transform: translateY(15px) !important;
transition-delay: 0.15s !important;
}
#footer.sticky {
pointer-events: none;
position: fixed;
left: 0;
bottom: 0;
z-index: 3;
width: 100%;
}
#footer .footer-inner {
padding: 50px 0;
}
#footer.sticky .footer-inner {
padding: 0 0 50px 0;
}
#footer .column-section .column.last-col {
text-align: right;
}
#footer .column-section .column a {
pointer-events: auto;
}
.copyright {
margin-top: 6px;
font-size: 11px;
line-height: 15px;
color: rgba(0,0,0,0.31);
}
.copyright a  {
color: rgba(0,0,0,0.31) !important;
border-color: rgba(0,0,0,0.11) !important;
}
.copyright a:hover  {
color: #000 !important;
}
#footer .socialmedia-widget {
margin-top: 6px !important;
}
#footer .socialmedia-widget li a {
opacity: 0.31;
}
#footer .socialmedia-widget li a:hover {
opacity: 1;
} #menu {
position: relative;
z-index: 1;
float: right;
}
#menu #menu-inner {
display: inline-block;
}
@media only screen and (max-width: 1024px) { #menu #menu-inner::before { 
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
nav#main-nav > ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
height: 25px; }
nav#main-nav > ul > li {
margin: 0 25px;
display: inline-block;
padding: 0;
position: relative;
height: 26px;
top: -0.5px; } 
#menu nav#main-nav > ul > li:first-child { 
margin-left: 0; 
}
#menu nav#main-nav > ul > li:last-child { 
margin-right: 0; 
}
nav#main-nav ul > li a {
font-family: 'Poppins'; 
font-weight: 400;
font-size: 12.5px;
letter-spacing: -0.02em;
display: block;
color: #000;
height: 22px;
line-height: 22px;
margin: 2px 0;
position: relative;
transition: all 0.45s ease 0.1s;
overflow: hidden;
}
body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-light nav#main-nav ul > li a {
color: #fff;
}
body.loading-end.scrolled-hero:not(.menu-is-open) .switch-light nav#main-nav > ul > li > a {
color: #fff;
}
body.loading-end.scrolled-hero:not(.menu-is-open) .switch-dark nav#main-nav > ul > li > a {
color: #000;
}
body .header-light-forced nav#main-nav ul > li a {
color: #fff !important;
}
body .header-dark-forced nav#main-nav ul > li a {
color: #000 !important;
} nav#main-nav.fade ul > li.hide > a {
opacity: 0.31;
transition-delay: 0s;
} nav#main-nav.underline  ul > li > a::after {
content: "";
position: absolute;
bottom: 0em;
left: 0;
width: 100%;
height: 2px;
background-color: rgba(0,0,0,0.11);
transform: translateX(-101%);
opacity: 1;
transition: all 0.6s cubic-bezier(.19,1,.22,1), background 0.3s ease;
}	
body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-light nav#main-nav.underline  ul > li > a::after {
background-color: rgba(255,255,255,0.28);
}
body.loading-end.scrolled-hero:not(.menu-is-open) .switch-light nav#main-nav.underline  ul > li > a::after {
background-color: rgba(255,255,255,0.28);
}
body.loading-end.scrolled-hero:not(.menu-is-open) .switch-dark nav#main-nav.underline  ul > li > a::after {
background-color: rgba(0,0,0,0.11);
}
body .header-light-forced nav#main-nav.underline  ul > li > a::after {
background-color: rgba(255,255,255,0.28) !important;
}	
body .header-dark-forced nav#main-nav.underline  ul > li > a::after {
background-color: rgba(0,0,0,0.11) !important;
}
nav#main-nav.underline ul > li:not(.hide):hover > a::after,
nav#main-nav.underline ul > li:not(.hide).current-menu-item > a::after {
transform: translateY(0);
opacity: 1;
}
nav#main-nav.underline ul > li:not(.hide).current-menu-item > a::after {
transition-delay: 0.2s;
} nav#main-nav.slide ul > li > a > span.slide-hover::after {
content: attr(data-hover);
transform: translateY(-100%) ;
position: absolute;
top: 0;
left: 0;
}
nav#main-nav:not(.slide) ul > li > a > span.slide-hover::after {
display: none;
}
nav#main-nav.slide ul > li > a > span.slide-hover span.default,
nav#main-nav.slide ul > li > a > span.slide-hover::after {
display: inline-block;
-webkit-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
-moz-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
-o-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); 
-webkit-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
-moz-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
-o-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); 
}
nav#main-nav.slide ul > li:hover > a > span.slide-hover span.default {
transform: translateY(100%) ;
}
nav#main-nav.slide ul > li:hover > a > span.slide-hover::after {
transform: translateY(0%);
} nav#main-nav.color ul > li:not(.hide):hover > a,
nav#main-nav.color ul > li:not(.hide).current-menu-item > a {
color: #7fbeb0;
} nav#main-nav > ul > li ul.sub-menu {
margin: 0;	
position: absolute;
top: 26px; left: -25px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
white-space: nowrap;
padding: 30px 25px 20px 25px; transform: translateY(15px);
min-width: 140px;
}
nav#main-nav > ul > li ul.sub-menu.right-align {
left: auto;
right: 0;
}
nav#main-nav > ul li:hover > ul.sub-menu {
transition-delay: 0.1s;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
nav#main-nav > ul > li ul.sub-menu::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 10px);
background: #f7f7f7;
border-radius: 0;
}	
body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-light nav#main-nav > ul > li ul.sub-menu::before,
body.loading-end:not(.scrolled-hero):not(.menu-is-open) .switch-light nav#main-nav > ul > li ul.sub-menu::before {
background: #262626;
}
body.loading-end.scrolled-hero:not(.menu-is-open) .header-light nav#main-nav > ul > li ul.sub-menu::before,
body.loading-end.scrolled-hero:not(.menu-is-open) .switch-light nav#main-nav > ul > li ul.sub-menu::before {
background: #f7f7f7;
}
nav#main-nav > ul > li ul.sub-menu > li {
margin: 6px 0;
padding: 0;
transform: translateY(10px);
opacity: 0;
transition: all 0.6s ease;
}
nav#main-nav > ul > li ul.sub-menu > li:first-child {
margin-top: 0;
}
nav#main-nav > ul > li ul.sub-menu > li:last-child {
margin-bottom: 0;
}
nav#main-nav > ul > li:hover ul.sub-menu > li {
transform: translateY(0);
opacity: 1;
}
nav#main-nav > ul > li:hover ul.sub-menu > li { transition-delay: 0.14s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(2n) { transition-delay: 0.16s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(3n) { transition-delay: 0.18s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(4n) { transition-delay: 0.20s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(5n) { transition-delay: 0.22s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(6n) { transition-delay: 0.24s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(7n) { transition-delay: 0.26s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(8n) { transition-delay: 0.28s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(9n) { transition-delay: 0.30s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(10n) { transition-delay: 0.32s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(11n) { transition-delay: 0.34s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(12n) { transition-delay: 0.36s; }
nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(13n) { transition-delay: 0.38s; }
nav#main-nav > ul > li ul.sub-menu > li > a {
font-size: 13px;
text-transform: none;
font-weight: 400;
letter-spacing: 0;
padding: 1px 0;
line-height: 20px;
height: auto;
display: inline-block;
vertical-align:top;
white-space: normal;
}
nav#main-nav > ul > li ul.sub-menu ul.sub-menu {
top: -30px;															
left: auto;
right: -25px;
transform: translateX(100%);
}
nav#main-nav > ul > li ul.sub-menu.right-align  ul.sub-menu,
nav#main-nav > ul > li ul.sub-menu  ul.sub-menu.right-align {
left: -25px;
right: auto;
transform: translateX(-100%);
} #menu.menu-hidden nav#main-nav > ul > li {
visibility: hidden;
transform: translateX(10px);
opacity: 0;
transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995);
}
.menu-is-open #menu.menu-hidden nav#main-nav > ul > li {
transform: none;
overflow: inherit;
opacity: 1;
visibility: visible;
}
.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(2) {
transition-delay: 0.08s;
}
.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(3) {
transition-delay: 0.16s;
}
.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(4) {
transition-delay: 0.24s;
}
.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(5) {
transition-delay: 0.32s;
}
.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(6) {
transition-delay: 0.4s;
}
.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(7) {
transition-delay: 0.48s;
}
.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(8) {
transition-delay: 0.56s;
} .menu-toggle {
width: 25px;
height: 25px; position: relative;
display: inline-block;
cursor: pointer;
overflow: hidden;
margin-left: 30px;
}
#menu:not(.menu-hidden) .menu-toggle {
display: none;
} .menu-toggle span.hamburger {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 19px;
height: 19px;
}
.menu-toggle span.hamburger::after, 
.menu-toggle span.hamburger::before {
content: "";
display: block;
width: 100%;
height: 2px;
background: #000;
position: absolute;
top: calc(50% - 1px); 
right: 0;
-webkit-transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000);
-moz-transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000);
-o-transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000);
transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000);
}
body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light .menu-toggle span.hamburger::after, 
body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light .menu-toggle span.hamburger::before {
background: #fff;
}
body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light .menu-toggle span.hamburger::after, 
body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light .menu-toggle span.hamburger::before {
background: #fff;
}
body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark .menu-toggle span.hamburger::after, 
body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark .menu-toggle span.hamburger::before {
background: #000;
}
body #header .header-light-forced .menu-toggle span.hamburger::after, 
body #header .header-light-forced .menu-toggle span.hamburger::before {
background: #fff !important;
}
body #header .header-dark-forced .menu-toggle span.hamburger::after, 
body #header .header-dark-forced .menu-toggle span.hamburger::before {
background: #000 !important;
}
.menu-toggle span.hamburger::before { 
margin-top: -4px; 
}
.menu-toggle span.hamburger::after { 
margin-top: 4px; 
} body.loading-end.menu-is-open .menu-toggle span:before,
body.loading-end.menu-is-open .menu-toggle span:after {
margin: 0;
transform: rotate(135deg);
}
body.loading-end.menu-is-open .menu-toggle span:after {
transform: rotate(-135deg);
} .menu-language {
font-family: "DM Sans";
font-weight: 400;
font-size: 11px !important;
color: rgba(0,0,0,0.31);
height: 20px;
text-align: center;
z-index: 1510;
transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.2s;
position: absolute;
top: 18px;
right: 0;
overflow: hidden;
}
.menu-language span,
.menu-language a {
line-height: 20px;
height: 20px;
display: inline-block;
vertical-align: top;
}
.menu-language a {
color: #000;
margin-left: 5px;
}
.menu-language:hover > a,
.menu-language.isopen > a {
margin-left: 20px;
opacity: 0.31;
}
.menu-language > a:hover {
opacity: 1;
}
.menu-language ul {
list-style: none;
margin: 0;
float: right;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995);
margin-right: -125px;
}
.menu-language:hover ul,
.menu-language.isopen ul {
margin-right: 0 !important;
}
.menu-language ul li {
height: 20px;
line-height: 20px;
display: inline-block;
margin: 0;
padding: 0;
transform: translateX(10px);
opacity: 0;
transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.15s;
}
.menu-language:hover ul li,
.menu-language.isopen ul li {
transform: translateX(0);
opacity: 1;
}
.menu-language:hover ul li:nth-child(2),
.menu-language.isopen ul li:nth-child(2) {
transition-delay: 0.25s;
}
.menu-language:hover ul li:nth-child(3),
.menu-language.isopen ul li:nth-child(3) {
transition-delay: 0.35s;
}
.menu-language:hover ul li:nth-child(4),
.menu-language.isopen ul li:nth-child(4) {
transition-delay: 0.45s;
}
.menu-language ul li a {
margin-left: 15px;
}
.menu-language ul li.hide a,
.menu-language > a:hover + ul li a {
opacity: 0.31;
transition-delay: 0s;
} #hero {
position: relative;
overflow: hidden;
width: 100%;
max-width: 100%;
margin: 0 auto;
opacity: 0;
visibility: hidden;
transition: all 0.7s ease;
}
body.loading-end #hero {
opacity: 1;
visibility: visible;
}
#hero.hero-big {
min-height:  75vh;
}
#hero.hero-fullscreen {
min-height:  100vh;
} #hero #page-title {
padding-top: calc(60px + 100px + 25px); padding-bottom: calc(120px);
position: relative;
z-index: 1;
margin: 0 auto;
}
.single-post #hero.hero-auto #page-title {
padding-bottom: 100px;
}
#hero.hero-fullscreen #page-title,
#hero.hero-big #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-big #page-title.title-top,
#hero.hero-big #page-title.title-bottom,
#hero.hero-big #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-big #page-title.title-center,
#hero.hero-custom #page-title.title-center {
padding-top: calc(60px + 100px + 25px); padding-bottom: calc(60px + 100px + 25px); }
#hero.hero-fullscreen #page-title.title-bottom,
#hero.hero-big #page-title.title-bottom,
#hero.hero-custom #page-title.title-bottom { 
top: auto;
bottom: 0;
padding-bottom: 60px;					
}
#hero.type-default #page-title h1,
#hero.type-default #page-title .title-alt,
#hero.type-default #page-title .post-meta {
transform: translateY(30px) rotate(-2deg);
transform-origin: top right;
opacity: 0;
transition: all 1.4s cubic-bezier(.19,1,.22,1);
}
body.loading-end #hero.type-default #page-title h1,
body.loading-end #hero.type-default #page-title .title-alt,
body.loading-end #hero.type-default #page-title .post-meta {
transform: none;
opacity: 1;
transition-delay: 0.55s;
}
body.loading-end #hero.type-default #page-title .title-alt,
body.loading-end #hero.type-default #page-title .post-meta {
transition-delay: 0.62s;
}
body.loading-end #hero.type-default #page-title .title-alt:first-child {
transition-delay: 0.48s;
} #hero #scrolldown {
position: absolute;
left: 0px;
bottom: 20px;
z-index: 100;
width: 100%;
}
#hero #scrolldown .right {
text-align: right;
}
#hero #scrolldown .center {
text-align: center;
}
#hero #scrolldown .scroll-button {
font-size: 11px;
line-height: 20px;
color: rgba(0,0,0,0.31);
position: relative;
display: inline-block;
}
#hero #scrolldown .scroll-button:hover {
color: #000;
}
#hero #scrolldown .scroll-button.scroll-light {
color: rgba(255,255,255,0.48);
}
#hero #scrolldown .scroll-button.scroll-light:hover {
color: #fff;
}
#hero #scrolldown .scroll-button span {
border: 1px solid rgba(0,0,0,0.11);
width: 50px;
height: 50px;
float: left;
display: block;
border-radius: 25px;
position: relative;
transform: rotate(90deg) translateX(-15px);
margin-right: 20px;
}
#hero #scrolldown .scroll-button.scroll-light span {
border-color: rgba(255,255,255,0.28);
}
#hero #scrolldown .right .scroll-button span {
margin-left: 20px;
float: right;
}
#hero #scrolldown .center .scroll-button span {
position: absolute;
top: -60px;
left: 50%;
transform: translateX(-50%) rotate(90deg);
}
#hero #scrolldown .scroll-button svg {
fill: #000;
width: 14px;
transform: translateX(-50%) translateY(-50%);
position: absolute;
top: 50%;
left: 52%;
}
#hero #scrolldown .scroll-button.scroll-light svg {
fill: #fff;
} .portfolio-info {
margin-top: 25px;
margin-bottom: 25px;
}
.isotope-grid:not(.isotope-spaced):not(.isotope-spaced-big):not(.isotope-spaced-huge) .portfolio-info {
padding-left: 20px;
padding-bottom: 25px;
}
.portfolio-category + .portfolio-name {
margin-top: 0px;
}
.portfolio-info .portfolio-category {
color: rgba(0,0,0,0.31);
}
.text-light .portfolio-info .portfolio-category {
color: rgba(255,255,255,0.48);
} .portfolio-filter {
text-align: center;
margin-bottom: 60px;
position: relative;
}
.portfolio-filter.text-left {
text-align: left;
}
.portfolio-filter.text-right {
text-align: right;
}
.size-h3 .portfolio-filter {
margin-bottom: 40px;
}
.size-h4 .portfolio-filter,
.size-h5 .portfolio-filter,
.size-h6 .portfolio-filter {
margin-bottom: 30px;
}
.portfolio-filter .widget-title {
line-height: 24px;
height: 24px;
position: absolute;
left: 0;
top: 3px;
width: 100%;
transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995);
}
.slist-wrapper.active .portfolio-filter .widget-title {
transform: translateY(-100%);
opacity: 0;
transition-delay: 0s;
}
.portfolio-filter .widget-title .current {
color: #000;
margin-left: 5px;
cursor: pointer;
}
.text-light .portfolio-filter .widget-title .current {
color: #fff;
}
.portfolio-filter .widget-title span {
transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995);
display: inline-block;
transition-delay: 0.3s;
}
.portfolio-filter.visible .widget-title span {
transform: translateY(-110%);
transition-delay: 0s;
}
.portfolio-filter.visible .widget-title span.current {
opacity: 0;
}
.portfolio-filter.visible .widget-title span:nth-child(2) {
transition-delay: 0.04s;
}
.portfolio-filter .grid-filter {
overflow: hidden;
text-align: center;
list-style: none;
margin: 0;
height: 33px;
min-height: 33px; opacity: 0;
visibility: hidden;
transition: all 0.01s ease 0.5s;
line-height: 0;
font-size: 0;
}
.portfolio-filter.text-left  .grid-filter {
text-align: left;
}
.portfolio-filter.text-right  .grid-filter {
text-align: left;
}
.portfolio-filter.visible .grid-filter {
opacity: 1;
visibility: visible;
height: auto;
transition-delay: 0s;
}
.grid-filter li {
position: relative;
display: inline-block;
margin: 0 15px;
margin-bottom: 3px;
line-height: auto;
height: auto;
transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.05s;
overflow: hidden;
}
.portfolio-filter.text-left .grid-filter li {
margin: 0 30px 3px 0;
}
.portfolio-filter.text-right .grid-filter li {
margin: 0 0 3px 30px;
}
.grid-filter li a {
font-size: 13px;
font-weight: 400;
position: relative;
display: inline-block;
line-height: 24px;
height: 24px;
display: block;
color: #000;
height: auto;
transform: translateY(100%);
transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.05s;
}
.text-light .grid-filter li a {
color: #fff;
}
.portfolio-filter.visible .grid-filter li a {
transform: translateY(0);
}
.portfolio-filter.visible .grid-filter li:nth-child(2) a {
transition-delay: 0.08s;
}
.portfolio-filter.visible .grid-filter li:nth-child(3) a {
transition-delay: 0.11s;
}
.portfolio-filter.visible .grid-filter li:nth-child(4) a {
transition-delay: 0.14s;
}
.portfolio-filter.visible .grid-filter li:nth-child(5) a {
transition-delay: 0.17s;
}
.portfolio-filter.visible .grid-filter li:nth-child(6) a {
transition-delay: 0.20s;
}
.portfolio-filter.visible .grid-filter li:nth-child(7) a {
transition-delay: 0.23s;
}
.portfolio-filter.visible .grid-filter li:nth-child(8) a {
transition-delay: 0.26s;
} .grid-filter li.hide a {
opacity: 0.31;
transition-delay: 0s;
} #single-share {
transform: rotate(-90deg);
position: fixed;
top: 60px;
right: 10px;
width: calc(100vh - 120px);
margin: 0;
transform-origin: top right;
transform: rotate(-90deg) translateY(-100%);
text-align: center;
overflow: hidden;
transition: all 0.35s ease;
opacity: 0;
z-index: 3;
}
body.scrolled-hero.loading-end #single-share {
right: 20px;
opacity: 1;
visibility: visible;
}
#single-share .widget-title {
cursor: pointer;
display: inline-block;
transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995);
transition-delay: 0.3s;
}
#single-share.visible .widget-title {
transform: translateY(-100%);
transition-delay: 0s;
}
#single-share .socialmedia-widget {
width: 100%;
text-align: center;
margin: 0 !important;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
transition: all 0.02s ease 0.6s
}
#single-share.visible .socialmedia-widget {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
#single-share .socialmedia-widget li {
transform: translateY(100%);
transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.05s;
}
#single-share.visible .socialmedia-widget li {
transform: translateY(0);
}
#single-share.visible .socialmedia-widget li:nth-child(2) {
transition-delay: 0.08s;
}
#single-share.visible .socialmedia-widget li:nth-child(3) {
transition-delay: 0.11s;
}
#single-share.visible .socialmedia-widget li:nth-child(4) {
transition-delay: 0.14s;
} .post-content {
margin-top: 30px;
margin-bottom: 30px;
}
.isotope-spaced-huge .post-content { 
margin-bottom: 0; 
}
div .post-content:first-child { 
margin-top: 0; 
}
.post-item.sticky .post-content {
background: rgba(0,0,0,0.04);
margin-top: 0;
padding: 30px;
margin-bottom: 0;
border-radius: 0;
}
.post-item.search-item .post-content {
border: 1px solid rgba(0,0,0,0.11);
margin-top: 0;
padding: 30px;
margin-bottom: 0;
border-radius: 0;
}
.post-item .post-content .entry-title { 
font-family: 'Poppins';
font-weight: 500;
}
.post-item .post-content .entry-title + .post-content, 
.post-item .post-content .entry-title + blockquote { 
margin-top: 20px;
}
.post-item .post-meta {
margin: 10px 0 20px 0;
}
.post-date, 
.post-cat,
.post-author {
color: rgba(0,0,0,0.31);
display: inline-block;
margin-right: 30px; 
position: relative;
word-wrap: normal;
font-size: 12px; 
line-height: 17px;
}
.text-light .post-date, 
.text-light .post-cat,
.text-light .post-author {
color: rgba(255,255,255,0.48);
}
#page-title .post-cat {
margin-right: 0px; 
}
.post-cat a,
.post-author a {
color: rgba(0,0,0,0.31);
}
.text-light .post-cat a,
text-light .post-author a {
color: rgba(255,255,255,0.48);
}
.post-cat a:hover,
.post-author a:hover {
color: #000;
}
.text-light .post-cat a:hover,
.text-light .post-author a:hover {
color: #fff;
}
.post-date::after, 
.post-cat::after, 
.post-author::after  {
content: "";
position: absolute;
top: 50%;
right: -22px;
width: 13px;
height: 1px;
background-color: rgba(0,0,0,0.11);
}
.text-light .post-date::after, 
.text-light .post-cat::after, 
.text-light .post-author::after  {
background-color: rgba(255,255,255,0.28);
}
.post-meta > *:last-child::after,
.slist-item .post-meta > *::after  {
display: none;
}
.post-item .entry-excerpt { 
margin-top: 20px;
}
.post-item .entry-excerpt .read-more { 
margin-top: 20px;
}
.blog-item .blog-info blockquote { 
font-size: 16px;
line-height: 26px;
margin-bottom: 0;
text-align: left;
padding: 0;
}
.blog-item .blog-info blockquote::before,
.blog-item .blog-info blockquote::after { 
display: none;
}
.blog-item .blog-info blockquote cite { 
font-size: 13px;
} .slist.blog-list.hover-hide .slist-item.hide {
opacity: 0.31;
transition-delay: 0.1s;
}
.slist.blog-list .slist-item.sticky .slist-inner   {
margin-bottom: 20px;
}
.slist.blog-list .slist-item.sticky .slist-inner > a::before  {
content: "";
background: rgba(0,0,0,0.04);
position: absolute;
bottom: 0;
left: -20px;
width: calc(80% + 20px);
height: 0;
transition: all 0.4s ease;
}
body.loading-end .slist.blog-list .slist-item.sticky .slist-inner.do-anim-text.animated > a::before  {
height: 100%;
}
.slist.blog-list .slist-item .slist-inner > a {
display: block;
max-width: 80%;
overflow: hidden;
}
.slist.blog-list .slist-item .post-meta {
float: left;
width: 180px;
margin-top: 5px;
margin-bottom: 0;
}
.slist.blog-list .slist-item .post-meta > span {
display: block;
margin-bottom: 10px;
}
.slist.blog-list .slist-item .entry-title {
float: right;
width: calc(100% - 210px);
} #page-title .post-meta {
margin-top: 40px;
}
#blog-single .blog-media {
width: 1080px; 
margin: 0 auto; 
max-width: calc(100% - 160px); 
margin-bottom: 100px;
text-align: center;
}
.meta-tags a {
font-size: 11px;
line-height: 18px;
margin-right: 3px;
display: inline-block;
padding: 2px 5px;
border-radius: 0;
background: #f7f7f7;
}
.text-light .meta-tags a {
background: #262626;
}  #blog-comments {
margin-top: 100px;
}
#single-pagination + #blog-comments { 
margin-top: 0; 
}
.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: 60px;
}	
.comments .comment-list .comment { 
margin-top: 100px;
}
.comments .comment-list .comment:first-child {
margin-top: 0;
}
.comments .comment-list .pingback { 
margin-top: 30px;
font-size: 0.9em;
line-height: 1.55em;
color: rgba(0,0,0,0.31);
overflow: hidden;
}
.comments .comment-list .pingback:first-child {
margin-top: 0;
}
.comments .comment-list .pingback .url { 
border: none !important;
font-weight: 500;
margin-left: 10px;
margin-right: 10px;
}
.comments .comment .comment-inner {
position: relative;
}
.comments .comment .comment-content .content {
margin-top: 20px;
}
.comments .comment .children { 
margin-left: 50px; 
margin-top: 100px;
list-style: none;
}
.comments .user {
float: left;
width: 80px;
-moz-border-radius: 999px;
-webkit-border-radius: 999px;
-o-border-radius: 999px;
border-radius: 999px;
}
.comments .user img {
-moz-border-radius: 999px;
-webkit-border-radius: 999px;
-o-border-radius: 999px;
border-radius: 999px;
width: 100%;
}
.comments .time {
font-size: 12px;
margin-top: 0;
display: inline-block;
color: rgba(0,0,0,0.31);
}
.text-light .comments .time { 
color: rgba(255,255,255,0.4); 
}
.comments .name {
position: relative;
}
.comments .comment-content {
margin-left: 120px;
padding-top: 18px;
position: relative;
}
.comments .comment-content .description {
margin-top: 10px;
}
.comments .comment-reply-link, 
.comments #cancel-comment-reply-link {
display: inline-block;
font-size: 12px;
line-height: 22px;
margin-left: 25px;
}
.comments #respond {
margin-top: 50px;
margin-left: 120px;
}
.bypostauthor  { 
border-top: 1px solid transparent; }
.no-comments {
margin-top: 40px;
} #blog-leavecomment {
margin-top: 100px;
}
.comments.zero + #blog-leavecomment {
margin-top: 0;
}
.leavecomment textarea {
min-height: 100px;
}
.leavecomment .comment-form > .form-row:first-child {
margin-top: 35px;
}
.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 {
font-size: 22px;
line-height: 30px;
}
.logged-in-as {
font-size: 0.85em;
line-height: 1.5em;
margin-top: 5px !important;
}
#respond form, .leavecomment form {
margin-top: 0;
}
.comment-notes {
font-size: 0.85em;
line-height: 1.5em;
} .slist-wrapper { padding: 120px 0;
position: relative;
}
.slist-wrapper.height-auto {
padding: 40px 0;
}
#hero + #page-body > .slist-wrapper:first-child,
#hero + #page-body > div[class*='spacer-']:first-child + .slist-wrapper {
padding-top: 0 !important;
}
.slist-wrapper.style-grid {
padding: 0;
}
#hero + #page-body > .spacer-slist {
display: none;
}
.responsive-grid {
display: none;
}
.slist {		
text-align: center;
}
.slist.text-left {
text-align: left;
}
.slist.text-right {
text-align: right;
}
.slist .slist-item {
text-align: center;
position: relative;
z-index: 4;
opacity: 1;
transition: all 0.4s ease 0.25s;
}
.slist.text-left .slist-item {
text-align: left;
}
.slist.text-right .slist-item {
text-align: right;
}
.slist .slist-item:hover {
transition-delay: 0.2s;
}
.slist.block-align .slist-item {
display: inline-block;
margin-right: -4px;
}
.slist .slist-item.filtered {
opacity: 0.2;
cursor: default;
pointer-events: none;
}
.slist .slist-item.hide {
z-index: 2;
}
.slist.hover-hide .slist-item.hide {
opacity: 0;
transition-delay: 0s;
}
.slist.fade-hide .slist-item.hide {
opacity: 0.24;
transition-delay: 0s;
}
.slist.hover-hide.trans-none .slist-item,
.slist.fade-hide.trans-none .slist-item {
transition: all 0.1s ease 0s;
}
.slist .slist-item a {
color: #000;
padding: 8px 0;
transition-delay: 0.1s !important;
display: inline-block;
vertical-align: top;
}
.text-light .slist .slist-item a {
color: #fff;
}
.slist.spaced .slist-item a {
padding: 15px 0;
}
.slist.spaced-big .slist-item a {
padding: 20px 0;
}
.slist.spaced-huge .slist-item a {
padding: 30px 0;
}
.slist.trans-none .slist-item a {
transition-duration: 0s;
} .slist.block-align .slist-item a {
padding: 5px 10px;
}
.slist.block-align.spaced .slist-item a {
padding: 8px 20px;	
}
.slist.block-align.spaced-big .slist-item a {
padding: 12px 30px;	
}
.slist.block-align.spaced-huge .slist-item a {
padding: 18px 50px;	
}
.slist.block-align.text-left .slist-item a {
padding: 5px 20px 5px 0;	
}
.slist.block-align.text-left.spaced .slist-item a {
padding: 8px 40px 8px 0;	
}
.slist.block-align.text-left.spaced-big .slist-item a {
padding: 12px 60px 12px 0;	
}
.slist.block-align.text-left.spaced-huge .slist-item a {
padding: 18px 100px 18px 0;	
}
.slist.block-align.text-right .slist-item a {
padding: 5px 0 5px 20px;	
}
.slist.block-align.text-right.spaced .slist-item a {
padding: 8px 0 8px 40px;	
}
.slist.block-align.text-right.spaced-big .slist-item a {
padding: 12px 0 12px 60px;	
}
.slist.block-align.text-right.spaced-huge .slist-item a {
padding: 18px 0 18px 100px;	
}
.slist .slist-item a > * {
display: inline-block;
}
.slist .slist-item.do-anim-text a > *,
.slist .slist-item .slist-inner.do-anim-text a > *{
transform: translateY(50%) rotate(-4deg);
transform-origin: top right;
opacity: 0;
transition: all 1.2s cubic-bezier(.19,1,.22,1), color 0.3s ease 0.1s;
}
.slist.trans-none .slist-item.do-anim-text:hover a > *,
.slist.trans-none .slist-item .slist-inner.do-anim-text:hover a > * {
transition: all 1.2s cubic-bezier(.19,1,.22,1), color 0s ease;
}
.slist.captionpos-below .slist-item a .caption-sub {
display: block;
}
.slist.captionpos-left .slist-item a .caption-sub {
margin-right: 6px;
display: inline-block;
}
.slist.captionpos-right .slist-item a .portfolio-name {
margin-right: 6px;
}
body.loading-end .slist .slist-item.do-anim-text.animated a > *,
body.loading-end .slist .slist-item .slist-inner.do-anim-text.animated a > * {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
}
body.loading-end .slist .slist-item.do-anim-text.animated a > .caption-sub,
body.loading-end .slist .slist-item .slist-inner.do-anim-text.animated a > .caption-sub {
transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.3s, color 0.3s ease 0.1s;
}
body.loading-end .slist .slist-item.do-anim-text.animated a > *:nth-child(3n),
body.loading-end .slist .slist-item .slist-inner.do-anim-text.animated a > *:nth-child(3n) {
transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.4s, color 0.3s ease 0.1s;
}
body.loading-end .slist.trans-none .slist-item.do-anim-text.animated:hover a > .caption-sub,
body.loading-end .slist.trans-none .slist-item .slist-inner.do-anim-text.animated:hover a > .caption-sub {
transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.3s, color 0s ease;
}
body.loading-end .slist.trans-none .slist-item.do-anim-text.animated:hover a > *:nth-child(3n),
body.loading-end .slist.trans-none .slist-item .slist-inner.do-anim-text.animated:hover a > *:nth-child(3n) {
transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.4s, color 0s ease;
}
.slist .slist-hover-media {
position: fixed;
top: 50%;
left:  50%;
transform: translateX(-50%) translateY(-50%);
width: 450px;
height: 450px;
overflow: hidden;
pointer-events: none;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
transition-delay: 0.8s;
}
body.loading-end .slist .slist-hover-media.visible {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
body:not(.loading-end) .slist .slist-hover-media {
transition-delay: 0s !important;
}
.slist .slist-hover-media.mousemove {
top: 0;
left: 0;
transform: none;
}
.slist .slist-hover-media.size-right {
left: auto;
right: -5%;
z-index: 3;
}
.slist .slist-hover-media.size-right.mousemove {
right: calc( (100vw - 1000px) / 2);
}
.slist .slist-hover-media.size-rightbottom {
top: auto;
bottom: 0;
left: auto;
right: 0;
transform: none;
}
.slist .slist-hover-media.size-full {
top: 0;
left: 0;
transform: none;
width: 100%;
height: 100%;
}
.slist:not(.hover-hide) .slist-hover-media:not(.size-full) {
z-index: 3;
}
.slist .slist-hover-media.size-full.mousemove {
width: 115%;
height: 115%;
}
.slist .slist-hover-media.size-half {
top: 0;
left: 50%;
transform: none;
width: 50%;
height: 100%;
}
.slist .slist-hover-media .slist-media {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
opacity: 0;
visibility: hidden;
}
.slist .slist-hover-media .slist-media.visible {
z-index: 2;
opacity: 1;
visibility: visible;
}
.slist .slist-hover-media .slist-media .media {
position: relative;
display: inline-block;
max-height: 100%;
vertical-align: middle;
}
.slist .slist-hover-media.img-cover .slist-media .media,
.slist .slist-hover-media.size-full .slist-media .media {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slist .slist-hover-media.img-cover .slist-media .media .media-image,
.slist .slist-hover-media.size-full .slist-media .media .media-image,
.slist .slist-hover-media.size-half .slist-media .media .media-image {
position: absolute;
top: 0;
left: 0;
width: 450px;
height: 450px;
}
.slist .slist-hover-media.size-full .slist-media .media .media-image,
.slist .slist-hover-media.size-half .slist-media .media .media-image {
width: 100%;
height: 100%; }
.slist .slist-hover-media .slist-media .media-image img {
max-width: 100%;
max-height: 450px;
vertical-align: middle;
width: auto;
}
.slist .slist-hover-media.img-cover .slist-media .media-image img,
.slist .slist-hover-media.size-full .slist-media .media-image img,
.slist .slist-hover-media.size-half .slist-media .media-image img {
max-width: inherit;
max-height: inherit;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.slist .slist-hover-media .slist-media .media-video  {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slist .slist-hover-media .slist-media::before { content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 0;
margin-right: -7px;
} .slist .slist-hover-media.trans-fade .slist-media {
transition: all 0.35s ease 0.2s;
}
.slist .slist-hover-media.trans-fade .slist-media.visible {
transition-delay: 0.1s;
} .slist .slist-hover-media.trans-slide .slist-media {
opacity: 1;
visibility: visible;
}
.slist .slist-hover-media.trans-slide .slist-media .media  {
overflow: hidden;
height: 0;
-webkit-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
-moz-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
-o-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
}
.slist .slist-hover-media.trans-slide .slist-media.visible .media  {
height: 100%;
transition-delay: 0.2s;
}
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-top .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-top .media > span { top:0; bottom: auto; }
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-bottom .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-bottom .media > span { bottom:0; top: auto; }
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-top .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-top .media > span { top:0; bottom: auto; }
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-bottom .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-bottom .media > span { bottom:0; top: auto; }
.slist .slist-hover-media.trans-slide .slist-media .media .media-image  {
transform: translateY(-25%) scale(1.1);
}
.slist .slist-hover-media.trans-slide .slist-media.to-top .media > span,
.slist .slist-hover-media.trans-slide .slist-media.to-bottom .media > span,
.slist .slist-hover-media.trans-slide .slist-media.visible .media > span  {
-webkit-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
-moz-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
-o-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
}
.slist .slist-hover-media.trans-slide .slist-media.visible .media > span  {
transform: none !important;
transition-delay: 0.1s;
}
.slist .slist-hover-media.trans-slide .slist-media.from-top .media > span { transform: translateY(-25%) scale(1.1); }
.slist .slist-hover-media.trans-slide .slist-media.from-bottom .media > span { transform: translateY(25%) scale(1.1); }
.slist .slist-hover-media.trans-slide .slist-media.to-top .media > span { transform: translateY(-25%) scale(1.1); }
.slist .slist-hover-media.trans-slide .slist-media.to-bottom .media > span { transform: translateY(25%) scale(1.1); } .slist .slist-hover-media.trans-slide.size-half .slist-media .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media .media {
overflow: hidden;
height: 100%;
width: 0%;
}
.slist .slist-hover-media.trans-slide.size-half .slist-media.visible .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible .media {
width: 100%;
}
.slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-top .media,
.slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-top .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-top .media > span { right:0; left: auto; }
.slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-bottom .media,
.slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-bottom .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-bottom .media > span { left:0; right: auto; }
.slist .slist-hover-media.trans-slide.size-half .slist-media.to-top .media,
.slist .slist-hover-media.trans-slide.size-half .slist-media.to-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-top .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-top .media > span { right:0; left: auto; }
.slist .slist-hover-media.trans-slide.size-half .slist-media.to-bottom .media,
.slist .slist-hover-media.trans-slide.size-half .slist-media.to-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-bottom .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-bottom .media > span { left:0; right: auto; }
.slist .slist-hover-media.trans-slide.size-half .slist-media .media .media-image,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media .media .media-image {
transform: translateX(25%) scale(1.1);
}
.slist .slist-hover-media.trans-slide.size-half .slist-media.from-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.from-top .media > span { transform: translateX(25%) scale(1.1); }
.slist .slist-hover-media.trans-slide.size-half .slist-media.from-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.from-bottom .media > span { transform: translateX(-25%) scale(1.1); }
.slist .slist-hover-media.trans-slide.size-half .slist-media.to-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-top .media > span { transform: translateX(25%) scale(1.1); }
.slist .slist-hover-media.trans-slide.size-half .slist-media.to-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-bottom .media > span { transform: translateX(-25%) scale(1.1); } .slist .slist-hover-media.size-small,
.slist .slist-hover-media.size-small.img-cover .slist-media .media .media-image,
.slist[data-ratio='1:1'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='1:1'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image {
width: 300px;
height: 300px;
}
.slist .slist-hover-media.size-small .slist-media img {
max-height: 300px;
}
.slist[data-ratio='2:1'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='2:1'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 150px; }
.slist[data-ratio='3:1'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='3:1'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 100px; }
.slist[data-ratio='3:2'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='3:2'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 200px; }
.slist[data-ratio='4:3'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='4:3'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 225px; }
.slist[data-ratio='16:9'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='16:9'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 170px; }
.slist[data-ratio='21:9'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='21:9'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 130px; }
.slist[data-ratio='3:4'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='3:4'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 225px; height: 300px; }
.slist[data-ratio='2:3'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='2:3'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 200px; height: 300px; }
.slist[data-ratio='1:3'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='1:3'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 100px; height: 300px; }
.slist[data-ratio='1:2'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='1:2'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 150px; height: 300px; } .slist .slist-hover-media.size-medium,
.slist .slist-hover-media.size-medium.img-cover .slist-media .media .media-image,
.slist[data-ratio='1:1'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='1:1'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image {
width: 450px;
height: 450px;
}
.slist .slist-hover-media.size-medium .slist-media img {
max-height: 450px;
}
.slist[data-ratio='2:1'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='2:1'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 225px; }
.slist[data-ratio='3:1'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='3:1'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 150px; }
.slist[data-ratio='3:2'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='3:2'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 300px; }
.slist[data-ratio='4:3'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='4:3'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 340px; }
.slist[data-ratio='16:9'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='16:9'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 254px; }
.slist[data-ratio='21:9'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='21:9'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 193px; }
.slist[data-ratio='3:4'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='3:4'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 340px; height: 450px; }
.slist[data-ratio='2:3'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='2:3'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 300px; height: 450px; }
.slist[data-ratio='1:3'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='1:3'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 150px; height: 450px; }
.slist[data-ratio='1:2'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='1:2'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 225px; height: 450px; } .slist .slist-hover-media.size-big,
.slist .slist-hover-media.size-big.img-cover .slist-media .media .media-image,
.slist[data-ratio='1:1'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='1:1'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image {
width: 600px;
height: 600px;
}
.slist .slist-hover-media.size-big .slist-media img {
max-height: 600px;
}
.slist[data-ratio='2:1'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='2:1'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 300px; }
.slist[data-ratio='3:1'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='3:1'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 200px; }
.slist[data-ratio='3:2'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='3:2'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 400px; }
.slist[data-ratio='4:3'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='4:3'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 450px; }
.slist[data-ratio='16:9'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='16:9'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 338px; }
.slist[data-ratio='21:9'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='21:9'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 257px; }
.slist[data-ratio='3:4'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='3:4'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 450px; height: 600px; }
.slist[data-ratio='2:3'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='2:3'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 400px; height: 600px; }
.slist[data-ratio='1:3'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='1:3'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 200px; height: 600px; }
.slist[data-ratio='1:2'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='1:2'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 300px; height: 600px; } #page-pagination {
margin: 80px 0 40px 0;
overflow: hidden;
}
.isotope-grid.shop-container + #page-pagination {
padding-top: 0;
}
.pagination {
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 2;
text-align: center;
transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.4s;
}
.slist-wrapper.active .pagination {
transform: translateY(100%);
transition-delay: 0s;
}
.pagination li {
padding: 0;
display: inline-block;
margin: 0 3px;
}
.pagination li:first-child, 
.pagination li.inactive + li { 
margin-left: 0; 
}
.pagination li:last-child { 
margin-right: 0; 
}
.pagination li.next { 
float: right;
text-align: right;
width: 90px;
}
.pagination li.prev { 
float: left;
text-align: left;
width: 90px;
}
.pagination li a, 
.pagination li > span {
font-family: "Poppins";
font-weight: 400;
font-size: 13px;
color: rgba(0,0,0,0.31);
line-height: 20px;
display: inline-block;
padding: 0 5px;
max-width: 100%;
}
.text-light .pagination li a, 
.text-light .pagination li > span {
color: rgba(255,255,255,0.48);
}
.pagination li:first-child a { 
padding-left: 0; 
}
.pagination li:last-child a {
padding-right: 0; 
}
.pagination li a:hover,
.pagination li span.current {
color: #000;
}
.text-light .pagination li a:hover,
.text-light .pagination li span.current {
color: #fff;
}
.pagination li.inactive {
pointer-events: none;
opacity: 0.15;
}
.pagination li .icon {
display: none;
}
.pagination li.next .icon svg, 
.pagination li.prev .icon svg {
width: 13px;
}
.pagination li.next { 
margin-left: 15px; 
}
.pagination li.prev { 
margin-right: 15px; 
}
.pagination li.prev .icon svg {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
transform: rotate(-180deg);
}
#page-pagination .pagination li.page {
display: inline-block;
float: none;
position: relative;
}
#page-pagination .pagination li.page span, 
#page-pagination .pagination li.page a {
display: block;
transition: all 0.2s ease;
text-align:center;
} #single-pagination {
padding: 80px 0;
}
#single-pagination + div[class*='spacer-'] { 
height: 0; 
}
#single-pagination.blog-pagination {
border-top: 1px solid rgba(0,0,0,0.11);
border-bottom: 1px solid rgba(0,0,0,0.11);
padding: 50px 0;
margin-top: 100px;
margin-bottom: 100px;
}
.text-light #single-pagination.blog-pagination {
border-color: rgba(255,255,255,0.28);	
}
#single-pagination .pagination li {
float: left;
width: calc(50% - 30px);
}
#single-pagination .pagination li.next {
float: right;
text-align: right;
}
#single-pagination .pagination li a .text {
font-family: "Poppins";
font-weight: 400;
font-size: 12px;
color: rgba(0,0,0,0.31);
}
.text-light #single-pagination .pagination li a .text {
color: rgba(255,255,255,0.48);
}
#single-pagination .pagination li .post-title {
content: attr(data-title);
font-family: "Poppins";
font-weight: 600;
font-size: 16px;
display: block;
margin-top: 3px;
color: #000;
transition: 0.3s ease;
}
#single-pagination .pagination li .post-title:hover {
opacity: 0.5;
}
.text-light #single-pagination .pagination li .post-title {
color: #fff;
} .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.31);
font-size: 12px;
line-height: 16px;
font-weight: 400;
}
.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;
}  .isotope-grid { 
width: 100%;
margin-top: 40px; 
margin-bottom: -1px; }
.filter + .isotope-grid { 
margin-top: 35px;  
}
div .isotope-grid:first-child { 
margin-top: 0;  
}
[class*='wrapper'] .isotope-grid { 
width: 100%; 
}
.isotope-grid::after { 
content: ""; 
display: block; 
clear: both; 
visibility: hidden; 
font-size: 0;  
height: 0; 
}
.isotope-grid { 
*display: inline-block; 
}
.isotope-grid[class*='isotope-spaced'] { 
width: calc(100% + 20px); 
left: 0; 
margin-bottom: -20px;
}
.isotope-grid[class*='isotope-spaced-big'] {
width: calc(100% + 40px); 
left: 0;
margin-bottom: -40px;
}
.isotope-grid[class*='isotope-spaced-huge'] {
width: calc(100% + 80px); 
left: 0;
margin-bottom: -80px;
}
.isotope-grid.shop-container { 
margin-bottom: 20px !important; 
}
.isotope-grid.shop-container[class*='isotope-spaced'] {
margin-bottom: 0px !important; 
}
.isotope-grid .isotope-item {
margin-bottom: -0.5px; float: left;
position: relative;
}
.isotope-grid[class*='isotope-spaced'] .isotope-item { 
margin-bottom: 20px; 
margin-right: 20px; 
}
.isotope-grid[class*='isotope-spaced-big'] .isotope-item { 
margin-bottom: 40px; 
margin-right: 40px; 
}
.isotope-grid[class*='isotope-spaced-huge'] .isotope-item { 
margin-bottom: 80px; 
margin-right: 80px; 
}
.isotope-grid.style-column-2 .isotope-item { width: 50%; }
.isotope-grid.style-column-2 .isotope-item.double-width { width: 100%; }
.isotope-grid.style-column-3 .isotope-item { width: 33.33%; }
.isotope-grid.style-column-3 .isotope-item.double-width { width: 66.66%; }
.isotope-grid.style-column-4 .isotope-item { width: 25%; }
.isotope-grid.style-column-4 .isotope-item.double-width { width: 50%; }
.isotope-grid.style-column-5 .isotope-item { width: 20%; }
.isotope-grid.style-column-5 .isotope-item.double-width { width: 40%; }
.isotope-grid.style-column-2[class*='isotope-spaced'] .isotope-item  { width: calc(50% - 20px); }
.isotope-grid.style-column-2[class*='isotope-spaced'] .isotope-item.double-width { width: calc(100% - 20px); }
.isotope-grid.style-column-3[class*='isotope-spaced'] .isotope-item  { width: calc(33.33% - 20px); }
.isotope-grid.style-column-3[class*='isotope-spaced'] .isotope-item.double-width { width: calc(66.66% - 20px); }
.isotope-grid.style-column-4[class*='isotope-spaced'] .isotope-item  { width: calc(25% - 20px); }
.isotope-grid.style-column-4[class*='isotope-spaced'] .isotope-item.double-width { width: calc(50% - 20px); }
.isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item  { width: calc(20% - 20px); }
.isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item.double-width { width: calc(40% - 20px); }
.isotope-grid.style-column-2[class*='isotope-spaced-big'] .isotope-item  { width: calc(50% - 40px); }
.isotope-grid.style-column-2[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(100% - 40px); }
.isotope-grid.style-column-3[class*='isotope-spaced-big'] .isotope-item  { width: calc(33.33% - 40px); }
.isotope-grid.style-column-3[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(66.66% - 40px); }
.isotope-grid.style-column-4[class*='isotope-spaced-big'] .isotope-item  { width: calc(25% - 40px); }
.isotope-grid.style-column-4[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(50% - 40px); }
.isotope-grid.style-column-5[class*='isotope-spaced-big'] .isotope-item  { width: calc(20% - 40px); }
.isotope-grid.style-column-5[class*='isotope-spaced-big'] .isotope-item.double-width { width: calc(40% - 40px); }
.isotope-grid.style-column-2[class*='isotope-spaced-huge'] .isotope-item  { width: calc(50% - 80px); }
.isotope-grid.style-column-2[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(100% - 80px); }
.isotope-grid.style-column-3[class*='isotope-spaced-huge'] .isotope-item  { width: calc(33.33% - 80px); }
.isotope-grid.style-column-3[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(66.66% - 80px); }
.isotope-grid.style-column-4[class*='isotope-spaced-huge'] .isotope-item  { width: calc(25% - 80px); }
.isotope-grid.style-column-4[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(50% - 80px); }
.isotope-grid.style-column-5[class*='isotope-spaced-huge'] .isotope-item  { width: calc(20% - 80px); }
.isotope-grid.style-column-5[class*='isotope-spaced-huge'] .isotope-item.double-width { width: calc(40% - 80px); }
.isotope-grid.style-column-1 { 
width: 100% !important; 
left: 0; 
text-align: center;
}
.isotope-grid.style-column-1 .isotope-item { 
width: 100%; 
margin-right: 0px !important; 
}
.isotope-grid.style-column-1[class*='isotope-spaced'] a.thumb-hover { 
display: inline-block; 
margin: 0 auto; 
width: auto; 
}
.isotope-grid.style-column-1 .lazy-wrapper { 
margin: 0 auto; 
}
.isotope-grid:not(.gallery-container) .isotope-item .item-media img { 
width: 100%; } 
.isotope-grid .isotope-item .ratio-wrapper > img { 
object-fit: cover; 
object-position: 50% 50%; 
width: 100%; 
height: 100% !important; 
} .isotope-grid[class*='offset']:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 20px; }
.isotope-grid[class*='offset']:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 20px; }
.isotope-grid[class*='offset']:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 40px; }
.isotope-grid[class*='offset']:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 20px; }
.isotope-grid[class*='offset']:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 40px; }
.isotope-grid[class*='offset']:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 60px; }
.isotope-grid.offset-big:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 40px; }
.isotope-grid.offset-big:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 40px; }
.isotope-grid.offset-big:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 80px; }
.isotope-grid.offset-big:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 40px; }
.isotope-grid.offset-big:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 80px; }
.isotope-grid.offset-big:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 120px; }
.isotope-grid.offset-huge:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 60px; }
.isotope-grid.offset-huge:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 60px; }
.isotope-grid.offset-huge:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 120px; }
.isotope-grid.offset-huge:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 60px; }
.isotope-grid.offset-huge:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 120px; }
.isotope-grid.offset-huge:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 180px; }
.isotope-grid.offset-ultra:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 100px; }
.isotope-grid.offset-ultra:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 100px; }
.isotope-grid.offset-ultra:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 200px; }
.isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 100px; }
.isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 200px; }
.isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 300px; } .isotope-grid.offset-crazy .isotope-item { 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
.isotope-grid.offset-crazy .isotope-item:nth-child(1n) { padding: 5% 3% 1% 0%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(2n) { padding: 0% 2% 1% 1%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(3n) { padding: 1% 0% 1% 3%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(4n) { padding: 5% 2% 1% 3%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(5n) { padding: 7% 2% 1% 1%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(6n) { padding: 0% 0% 1% 4%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(7n) { padding: 0% 4% 1% 2%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(8n) { padding: 4% 4% 1% 0%; } .load-grid {
position: relative;
height: 30px;
transition: all 0.4s ease 0.4s !important;
margin: 60px 0 0 0;
text-align: center;
}
.size-h3 .load-grid {
margin-top: 40px;
}
.size-h4 .load-grid,
.size-h5 .load-grid,
.size-h6 .load-grid {
margin-top: 30px;
}
.load-grid.do-anim {
transform: translateY(15px) !important;
}
.slist.text-left ~ .load-grid {
text-align: left;
}
.isotope-grid.shop-container + .load-grid {
margin-top: 0;
}
.load-grid.disabled { 
transition: all 0.4s ease 3.2s, opacity 0.4s ease 2.8s !important;
height: 0;
margin: 0;
opacity: 0 !important;
overflow: hidden;
}
.slist-wrapper.active .load-grid,
.slist-wrapper.active .load-grid.do-anim.animated {
transform: translateY(15px) !important;
transition-delay: 0s !important;
opacity: 0 !important;
}
.load-grid a {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transition: all 0.3s ease;
z-index: 2;
}
.load-grid a[data-method='infiniteload'] {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
visibility: hidden;
}
.load-grid.loading a, 
.load-grid.disabled a {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.load-grid .load-message {
font-size: 12px;
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;
visibility: hidden;
color: rgba(0,0,0,0.31);
text-align: center;
}
.text-light .load-grid .load-message {
color: rgba(255,255,255,0.4);
}
.slist.text-left ~ .load-grid .load-message  {
text-align: left;
left: 0;
-webkit-transform: translateX(0%) translateY(-50%);
-moz-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
-o-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
}
.load-grid.disabled > .load-message {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
.load-grid .load-grid-icon {
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.slist.text-left ~ .load-grid .load-grid-icon {
left: 0;
}
.load-grid.loading:not(.disabled) .load-grid-icon {
visibility: visible;
transition-delay: 0.1s;	
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} .lazy-wrapper {
width: 100%;
display: block;
background: rgba(0,0,0,0.04);
transition: background 1s ease;
position: relative; }
.text-light .lazy-wrapper {
background: rgba(255,255,255,0.11); }
.isotope-grid[data-ratio] .lazy-wrapper {  
min-height: 100% !important; }
.lazy-wrapper.loaded, 
.isotope-grid[data-ratio] .lazy-wrapper.loaded {
width: auto !important;
max-width: inherit !important;
height: auto !important;
min-height: auto !important;
display: initial !important;
background: transparent;
}
.lazy-wrapper .lazy-img {
opacity: 0;
transition: opacity 0.6s ease;
display: block;
}
.lazy-wrapper.loaded .lazy-img {
opacity: 1;
}
.lazy-wrapper .lazy-img img {
height: 0;
}
.lazy-wrapper.loaded .lazy-img img {
height: auto;
} .flickity-viewport {
transition: height 0.4s ease;
}
.flickity-carousel .flickity-prev-next-button {
width: 60px;
height: 60px;
padding: 0;
background: #000 !important;
opacity: 1 !important;
left: auto;
right: 80px;
top: 50%;
transform: translateY(-50%);
}
.flickity-carousel.nav-light .flickity-prev-next-button { 
background: #f7f7f7 !important;
}
.flickity-carousel .flickity-prev-next-button.next { 
right: 80px;
}
.flickity-carousel .flickity-prev-next-button.previous { 
left: 80px; 
right: auto; 
}
.flickity-carousel .flickity-prev-next-button:disabled {
cursor: auto;
}
.flickity-carousel .flickity-prev-next-button svg {
position: absolute;
width: 13px;
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;
fill: #fff;
}
.flickity-carousel.nav-light .flickity-prev-next-button .arrow { 
fill: #000;
}
.flickity-prev-next-button:disabled svg { 
opacity: 0.4; 
}
.flickity-carousel .flickity-prev-next-button.next:not([disabled]):hover svg { 
left: calc(50% + 3px); 
}
.flickity-carousel .flickity-prev-next-button.previous:not([disabled]):hover svg { 
left: calc(50% - 3px); 
}
.flickity-carousel .flickity-page-dots {
bottom: -40px;
z-index: 5;
}
.flickity-carousel.hasbullets {
margin-bottom: 60px;
}
.flickity-carousel .flickity-page-dots li.dot {
width: 14px;
height: 18px;
margin: 0 7px;
position: relative;
opacity: 1;
border: none;
background: none;
}
.flickity-carousel .flickity-page-dots li.dot::after {
content: "";
width: 3px;
height: 3px;
background: #000;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
border-radius: 10px;
transition: all 0.3s ease;
}
.text-light .flickity-carousel .flickity-page-dots li.dot::after {
background: #fff;
}
.flickity-carousel .flickity-page-dots li.dot.is-selected::after { 
width: 7px;
height: 7px;
} .flickity-wrapper.follow-mouse .flickity-enabled.is-draggable .flickity-viewport {
cursor: none !important;
}
.flickity-wrapper.follow-mouse .flickity-carousel .flickity-page-dots {
opacity: 0;
visibility: hidden;
}
.flickity-wrapper.follow-mouse .flickity-carousel.hasbullets {
margin-bottom: 0px;
}
.carousel-slider .gallery-image {
width: 780px;
max-width: calc(100% - 160px);
margin-right: 100px;
} .phat-bgvideo-container .phat-bgvideo-loader {
transition: all 0.3s ease;
}
.phat-bgvideo-container.loaded .phat-bgvideo-loader {
opacity: 0;
visibility: hidden;
} .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.2s 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.2s 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;
} .fullwidth-content {
padding: 100px 0;
}
.column-section { 
margin-top: 40px; 
}
.column-section.sticky-section { 
position: relative; 
}
div .column-section:first-child, 
.fullwidth-section + .column-section { 
margin-top: 0; 
}
.column { 
float: left; 
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); }
.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; width: 100%;
max-width: 100%;
position: relative;
margin: 0;
padding: 0;
}
.overlay-caption { 
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 7%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
height: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.double-width .thumb-hover .overlay-caption { 
padding: 3.5%; 
}
.thumb-hover .overlay-caption:not(.align-left):not(.align-right) { 
text-align: center; 
}
.thumb-hover .overlay-caption.bottom { 
top: inherit;
bottom: 0;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.thumb-hover .overlay-caption.top { 
top: 0;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.thumb-hover .overlay-caption.hidden {
opacity: 0;
visibility: hidden;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transition: opacity 0.5s ease;
}
.thumb-hover:hover .overlay-caption.hidden {
opacity: 1;
visibility: visible;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.thumb-hover .overlay-caption.hidden:not(.fade) .caption-sub, .thumb-hover .overlay-caption.hidden:not(.fade) .caption-name {
display: block;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transition: all 0.6s ease 0s;
}
.thumb-hover .overlay-caption.top.hidden:not(.fade) .caption-sub, .thumb-hover .overlay-caption.top.hidden:not(.fade) .caption-name {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
.thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-name { 
transition-delay: 0.15s; 
}
.thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-sub, .thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-name {
-webkit-transform: translateX(0px) translateY(0px);
-moz-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.thumb-hover .overlay-caption .caption-sub, .thumb-hover .overlay-caption .caption-name { 
line-height: 1.3em !important;
}
.caption-sub + .caption-name, .caption-name + .caption-sub { 
margin-top: 8px; 
}
.caption-dark .caption-sub , .caption-dark .caption-name { 
color: #000; 
transition: color 0.34s ease; 
}	
.caption-light .caption-sub , .caption-light .caption-name { 
color: #fff; 
transition: color 0.34s ease; 
} .thumb-hover img {
transition: all 0.4s ease 0s;
}
.thumb-hover.scale img {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
.thumb-hover.scale:hover img,
.product-media:hover .thumb-hover.scale img {
-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-ms-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);
} .thumb-hover .hover-image,
.thumb-hover .variation-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
transition: all 0.4s ease;
}
.thumb-hover .hover-image > img,
.thumb-hover .variation-image > img { 
object-fit: cover; 
object-position: 50% 50%; 
width: 100%; 
height: 100%; }
.thumb-hover .hover-image + .lazy-wrapper,
.thumb-hover .variation-image + .lazy-wrapper {
transition: all 0.4s ease 0s;
}
.thumb-hover:hover .hover-image + img,
.thumb-hover:hover .hover-image + .lazy-wrapper {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
} .imagebutton-media .imagebutton-title {
position: absolute;
top: 40px;
left: 40px;
margin: 0;
}
.imagebutton-media.top-right .imagebutton-title { left: auto; right: 40px; text-align: right; }
.imagebutton-media.bottom-left .imagebutton-title { top: auto; bottom: 40px; }
.imagebutton-media.bottom-right .imagebutton-title { top: auto; bottom: 40px; left: auto; right: 40px; text-align: right; }
.imagebutton-media.center-center .imagebutton-title { 
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
text-align: center;
}
.imagebutton-media .imagebutton-subtitle {
margin-top: 0;
color: #000 !important;
}
.imagebutton-media.text-light .imagebutton-subtitle { color: #fff !important; }  [class*='do-anim']:not(.do-anim-text) {
transition: all 0.8s cubic-bezier(.19,1,.22,1);
opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}
body.loading-end .animated[class*='do-anim']:not(.do-anim-text) {
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
opacity: 1; 
filter: alpha(opacity=100); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}  div[class*='spacer-'] { 
display: block; 
}
.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: 'Poppins';
font-weight: 500;
font-size: 12px !important;
line-height: 40px;
height: 40px;
border-radius: 0;
text-align: center;
background: #000;
color: #fff !important;
display: inline-block;
padding: 0px 30px;
transition: all 0.2s ease;
max-width: 100%;
margin: 2px 0 3px 0;
border: none !important;
position: relative;
overflow: hidden;
width: auto;
}
.sr-button:last-child {
margin-bottom: -4px;
} .sr-button .text {
display: inline-block;
overflow: hidden;
position: relative;
line-height: 20px;
height: 20px;
z-index: 1;
margin-top: 10px;
vertical-align: top;
}
.sr-button .text span {
display: inline-block;
line-height: 20px;
height: 20px;
-webkit-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
-moz-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
-o-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); 
-webkit-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
-moz-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
-o-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); 
}
.sr-button:hover .text span {
transform: translateY(100%) !important;
}
.sr-button .text span:not(:first-child) {
position: absolute;
top: -100%;
left: 0;
}
.sr-button.withicon .icon {
z-index: 1;
width: auto;
height: auto;
border-radius: 20px;
display: inline-block;
position: relative;
margin-right: 10px;
transition: all 0.3s ease !important;
overflow: hidden;
vertical-align: top;
}
.sr-button.withicon i {
font-size: 13px !important;
}
.sr-button.withicon i.fa-play {
position: relative;
left: 4%;
} .sr-button.style-2 { background: #fff; color: #000 !important;  }
.sr-button.style-3 { background: none; color: #000 !important; line-height: 20px; height: 20px; padding: 0 !important; border-bottom: 1px solid rgba(0,0,0,0.11) !important; border-radius: 0; }
.text-light .sr-button.style-3 { color: #fff !important; border-bottom: 1px solid rgba(255,255,255,0.18) !important; }
.sr-button.style-3 .text { margin-top: 0; line-height: 20px; height: 20px; } .sr-button.button-mini { font-size: 10px !important; line-height: 28px; height: 28px; padding: 0px 15px;  }
.sr-button.button-mini .text { margin-top: 4px;  }
.sr-button.button-mini.withicon i { font-size: 11px !important; }
.sr-button.button-small { font-size: 11px !important; line-height: 34px; height: 34px; padding: 0px 25px;  }
.sr-button.button-small .text { margin-top: 7px;  }
.sr-button.button-small.withicon i { font-size: 12px !important; }
.sr-button.button-medium { font-size: 13px !important; line-height: 46px; height: 46px; padding: 0px 40px;  }
.sr-button.button-medium .text { margin-top: 13px;  }
.sr-button.button-medium.withicon i { font-size: 14px !important; }
.sr-button.button-big { font-size: 14px !important; line-height: 54px; height: 54px; padding: 0px 50px;  }
.sr-button.button-big .text { margin-top: 17px;  }
.sr-button.button-big.withicon i { font-size: 16px !important; }
.sr-button.style-3.button-mini { line-height: 14px; height: 14px; }
.sr-button.style-3.button-mini .text, .sr-button.style-3.button-mini .text span { margin-top: 0; line-height: 14px; height: 14px;  }
.sr-button.style-3.button-small { line-height: 17px; height: 17px; }
.sr-button.style-3.button-small .text, .sr-button.style-3.button-small .text span { margin-top: 0; line-height: 17px; height: 17px;  }
.sr-button.style-3.button-normal { line-height: 20px; height: 20px; }
.sr-button.style-3.button-normal .text, .sr-button.style-3.button-normal .text span { margin-top: 0; line-height: 20px; height: 20px;  }
.sr-button.style-3.button-medium { line-height: 24px; height: 24px; }
.sr-button.style-3.button-medium .text, .sr-button.style-3.button-medium .text span { margin-top: 0; line-height: 24px; height: 24px;  }
.sr-button.style-3.button-big { line-height: 28px; height: 28px; }
.sr-button.style-3.button-big .text, .sr-button.style-3.button-big .text span { margin-top: 0; line-height: 28px; height: 28px;  } .inline-video, .inline-lightcase {
position: relative;
cursor: pointer;
display: inline-block;
margin-bottom: -0.8%; max-width: 100%;
overflow: hidden;
}
.inline-video:not(.active), 
.inline-lightcase:not(.active) { 
cursor: none; 
}
.follow-mouse { 
position: relative;
}
.follow-mouse .mouse-action {	
font-size: 12px;
font-weight: 400;
letter-spacing: 0.04em;
color: #fff;
border: 1px solid #000;
background: #000;
width: 80px; 
height: 80px; 
line-height: 80px; 
text-align: center;
position: fixed;
top: -40px; 
left: -40px; 
-moz-border-radius:50px; 
-khtml-border-radius:50px; 
-webkit-border-radius:50px;
border-radius: 50px;
z-index: 2;
opacity: 0;
transition: opacity 0.06s ease;
pointer-events: none;
}
.nav-light .mouse-action { 
background: #f7f7f7;
color: #000;
}
.is-dragging .follow-mouse .mouse-action {
width: 70px; 
height: 70px; 
line-height: 70px; 
top: -35px; 
left: -35px;
font-size: 11px;
}
.follow-mouse:not(.active):hover .mouse-action {
opacity: 1;
}
.inline-video .inline-iframe-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #000000;
}
.inline-video .inline-iframe-container .close-inline-video {
color: #fff;
background: #000;
width: 40px;
height: 40px; 
line-height: 40px;
text-align: center;
position: absolute;
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%) ;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)  ;
-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;
}
.inline-video.active .inline-iframe-container:hover .close-inline-video {
opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.inline-video .inline-iframe-container .close-inline-video::before {
content: "\f12a";
font-family: "Ionicons";
font-size: 10px;
width: 100%;
height: 100%;
position: absolute;
top: 0; 
left: 0; 
} .team-member {
margin-top: 40px;
}
div .team-member:first-child { 
margin: 0; 
}
.team-infos {
margin-top: 25px;
}
div .team-infos:first-child { 
margin: 0; 
}
.column.hasbg .team-infos {
padding: 30px;
margin: 0;
}
.team-member .team-role {
margin-top: 0;
}
.team-member .team-content {
margin-top: 25px;
}
.team-member .team-name + .socialmedia-widget,
.team-member .team-role + .socialmedia-widget {
margin-top: 20px;
} .sr-tabs {
margin-top: 40px;
}
div .sr-tabs:first-child {
margin-top: 0;
}
.sr-tabs .tab-nav {
padding: 0 0 20px 0;
margin: 0;
list-style: none;
position: relative;
overflow: hidden;
border-bottom: 1px solid rgba(0,0,0,0.11);
}
.sr-tabs .tab-nav li {
display: inline-block;
margin: 0 30px 0 0;
position: relative;
}
.sr-tabs .tab-nav li a { 
color: rgba(0,0,0,0.31); 
}
.text-light .sr-tabs .tab-nav li a { 
color: rgba(255,255,255,0.4); 
}
.sr-tabs .tab-nav li.active a { 
color: #000; 
}
.text-light .sr-tabs .tab-nav li.active a { 
color: #fff; 
}
.sr-tabs .tab-container {
margin-top: 20px;
}
.sr-tabs .tab-container .tab-content.active {
display: block !important;
} .accordion {
margin-top: 30px;
}
div .accordion:first-child { 
margin: 0; 
}
.toggle-item {
margin-top: 20px;
}
div .toggle-item:first-child { 
margin: 0; 
}
.accordion .toggle-item {
border-bottom: 1px solid rgba(0,0,0,0.11);
padding-bottom: 20px;
}
.text-light .accordion .toggle-item {
border-color: rgba(255,255,255,0.28);
}
.toggle-item .toggle-title { 
position: relative; 
padding-left: 20px; 
cursor: pointer; 
}
.toggle-item .toggle-title .plus,
.toggle-item .toggle-title .minus {
position: absolute;
top: calc(50% - 5px);
left: 0;
width: 10px;
height: 10px;
transition: all 0.3s ease;
}
.toggle-item .toggle-title .plus svg,
.toggle-item .toggle-title .minus svg {
display: block;
width: 10px;
height: 10px;
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 5px);
}
.text-light .toggle-item .toggle-title .plus svg path,
.text-light .toggle-item .toggle-title .minus svg path {
fill: #fff;
}
.toggle-item .toggle-title .minus {
opacity: 0;
}
.toggle-item .toggle-title.toggle-active .plus { 
opacity: 0; 
}
.toggle-item .toggle-title.toggle-active .minus { 
opacity: 1; 
}
.toggle-item .toggle-inner { 
padding-top: 15px;
padding-bottom: 30px;
padding-left: 20px;
}
.accordion .toggle-item .toggle-inner {
padding-bottom: 0;
}  .widget {
margin-top: 60px;
height: auto;
}
div .widget:first-child, .wcapf-widget-hidden + .widget { 
margin-top: 0; 
}
.widget-title {
font-size: 13px;
line-height: 24px;
}
.widget-title + div, 
.widget-title + ul, 
.widget-title + p, 
.widget-title + ol,
.widget-title + .screen-reader-text + select {
margin-top: 20px;
} .widget ul:not(.socialmedia-widget) {
list-style: none;
padding: 0;
margin-left: 0;
}
.widget ul:not(.socialmedia-widget) li {
margin-top: 8px;
line-height: 20px;
}
.widget ul:not(.socialmedia-widget) li a {
font-weight: 500;
font-size: 15px;
display: inline-block;
transition: color 0.2s ease;
color: #000;
line-height: 20px;
}
.widget ul:not(.socialmedia-widget) li a:hover { 
color: rgba(0,0,0,0.31); 
}
.widget ul:not(.socialmedia-widget) ul.sub-menu, .widget ul:not(.socialmedia-widget) ul.children {
margin: 0 0 15px 0;
padding: 0 0 0 10px;
}
.widget ul:not(.socialmedia-widget) ul.sub-menu li a, .widget ul:not(.socialmedia-widget) ul.children li a {
font-size: 0.85em;
line-height: 1.5em;
} .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 {
display: block;
}
.widget.widget_rss ul li .rss-date {
color: rgba(0,0,0,0.31);
font-size: 0.9em;
line-height: 1.45em;
}
.widget.widget_rss ul li .rssSummary {
font-size: 0.9em;
line-height: 1.45em;
margin-top: 6px;
}
.widget.widget_rss ul li cite {
margin-top: 6px;
} .widget_calendar table tbody td, 
.widget_calendar table tbody th, 
.widget_calendar table tfoot td {
padding: 10px 0 !important;
}
.widget_calendar table tbody td,
.widget_calendar table thead th{
text-align: center !important;
} .socialmedia-widget {
margin: 30px 0 0 0 !important;
padding: 0 !important;
list-style: none;
}
div .socialmedia-widget:first-child { 
margin: 0; 
}
.socialmedia-widget li {
display: inline-block;
margin: 0;
position: relative;
}
.socialmedia-widget li a {
font-size: 12px;
line-height: 16px;
height: 16px;
color: #000;
transition: all 0.2s ease;
display: block;
text-align: center;
padding-right: 20px;
}
.socialmedia-widget.text-style li a, 
.socialmedia-widget.textshort-style li a { 
padding-right: 30px;
}
.socialmedia-widget li:last-child a { 
padding-right: 0 !important; 
}
.text-light:not(.transparent) .socialmedia-widget li a { 
color: #fff; 
}
.socialmedia-widget li a:hover { 
opacity: 1; 
}
.socialmedia-widget li a::before { 
display:block; 
transition: all 0.3s ease; 
font-family: "Font Awesome 5 Brands","Font Awesome 5 Free";
font-size: 14px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; 
}
.socialmedia-widget.text-style li a::before, 
.socialmedia-widget.textshort-style li a::before { 
display:none;
}
.socialmedia-widget li.facebook a::before { content:"\f39e"; }
.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.medium a::before { content: "\f23a"; }
.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.googleplus a::before { content: "\f0d5"; }
.socialmedia-widget li.pinterest a::before { content: "\f0d2"; }
.socialmedia-widget li.youtube a::before { content: "\f167"; }
.socialmedia-widget li.mail a::before { content: "\f1fa"; font-weight: 900; }
.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.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.medium a:hover {  }
.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.googleplus a:hover { color: #d63d1e; }
.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; } .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: 30px;
padding: 0;
height: 40px;
z-index: 2;
color: transparent !important;
background: transparent !important;
border: none;
border-bottom: 1px solid rgba(0,0,0,0.11);
border-radius: 0;
margin: 0;
}
.widget_search form.searchform::before, 
.widget_product_search form.searchform::before {
content: "";
width: 14px;
height: 14px;
border: 2px solid #000;
display: block;
position: absolute;
bottom: 13px;
right: 7px;
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: 5px;
right: 5.5px;
background: #000;
display: block;
width: 1.8px;
height: 8px;
-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;
} body #cookie-notice {
min-width: 300px;
max-width: 100%;
width: 340px;
font-size: 13px;
line-height: 19px;
left: 40px;
bottom: 40px;
text-align: left;
padding: 20px;
}
body #cookie-notice .cookie-notice-container {
padding: 0;
text-align: left;
overflow: hidden;
}
body #cookie-notice .cookie-notice-container #cn-notice-text {
display: block;
margin-bottom: 20px;
}
body #cookie-notice .cookie-notice-container a {
color: #fff;
background: none !important;
border-bottom: 1px solid transparent;
float: right;
margin-left: 20px;
border-radius: 0;
padding: 0 0 2px 0;
font-weight: 400;
background: none;
}
body #cookie-notice .cookie-notice-container a:hover {
color: rgba(255,255,255,0.61) !important;
}
body #cookie-notice .cookie-notice-container #cn-accept-cookie,
body #cookie-notice .cookie-notice-container #cn-refuse-cookie {
font-weight: 500;
color: #fff;
border-bottom: 1px solid rgba(255,255,255,1);
}
body #cookie-notice .cookie-notice-container #cn-accept-cookie::after {
content: "\f00c";
font-family: FontAwesome;	
font-size: 12px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; 
display: inline-block;
margin-left: 5px;
} @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;
}
body.disable-mouse .menu-toggle {
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-page-dots li.dot {
cursor: none;
}
body.disable-mouse .toggle-item .toggle-title {
cursor: none;
}
}
.custom-mouse {
position: fixed;
top: -5px;
left: -5px;
width: 10px;
height: 10px;
background: #000;
border-radius: 50%;
z-index: 2000;
pointer-events: none;
visibility: hidden;
transition: top 0.2s ease, left 0.2s ease, width 0.2s ease, height 0.2s ease, opacity 0.15s ease, border 0.15s ease, visibility 0.2s ease 0.1s;
}
.custom-mouse.circle {
top: -12px;
left: -12px;
width: 24px;
height: 24px;
background: transparent !important;
border-radius: 50%;
border: 2px solid #000;
box-sizing:border-box;
}
body.mouse-switch-light .custom-mouse {
background-color: #fff;
}
body.mouse-switch-light .custom-mouse.circle {
border-color: #fff;
}
body:not(.smooth-leave).mouse-active .custom-mouse {
visibility: visible;
}
body:not(.smooth-leave).mouse-hover .custom-mouse {
top: -14px;
left: -14px;
width: 28px;
height: 28px;
opacity: 0.7;
}
body:not(.smooth-leave).mouse-hover .custom-mouse.circle {
top: -16px;
left: -16px;
width: 32px;
height: 32px;
border-width: 2.5px;
}
body.follow-mouse-hover .custom-mouse {
opacity: 0 !important;
visibility: hidden !important;
} #header #logo img { height: 25px; }
#header #logo .text-logo { line-height: 25px; }
#menu nav#main-nav > ul { height: 25px; }
#menu nav#main-nav > ul > li { top: calc((25px - 26px) / 2); }
.menu-toggle { height: 25px; }
#hero #page-title { padding-top: calc(60px + 100px + 25px); }
#hero.hero-fullscreen #page-title.title-center, #hero.hero-custom #page-title.title-center { padding-top: calc(60px + 100px + 25px); padding-bottom: calc(60px + 100px + 25px); }@font-face {
font-family: 'lightcase';
src: url(//gomig.de/wp-content/themes/vavo/files/fonts/lightcase.eot?55356177);
src: url(//gomig.de/wp-content/themes/vavo/files/fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"), url(//gomig.de/wp-content/themes/vavo/files/fonts/lightcase.woff?55356177) format("woff"), url(//gomig.de/wp-content/themes/vavo/files/fonts/lightcase.ttf?55356177) format("truetype"), url(//gomig.de/wp-content/themes/vavo/files/fonts/lightcase.svg?55356177#lightcase) format("svg");
font-weight: normal;
font-style: normal;
} dark-style #lightcase-nav a.lightcase-icon-prev::after, #lightcase-nav a.lightcase-icon-next::after
[class*='lightcase-icon-']:before {
font-family: 'lightcase', sans-serif;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center; font-variant: normal;
text-transform: none; line-height: 1em;  }  .lightcase-icon-play:before {
content: '\e800';
} .lightcase-icon-pause:before {
content: '\e801';
} .lightcase-icon-close:before {
content: '\e802';
} .lightcase-icon-prev:before {
content: '\e803';
} .lightcase-icon-next:before {
content: '\e804';
} .lightcase-icon-spin:before {
content: '\e805';
display: none;
} #lightcase-case {
display: none;
position: fixed;
z-index: 2002;
top: 50%;
left: 50%;
font-family: arial, sans-serif;
font-size: 13px;
line-height: 1.5;
text-align: left; }
@media screen and (max-width: 640px) { #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
}
@media screen and (min-width: 641px) { #lightcase-case:not([data-lc-type=error]) #lightcase-content {
position: relative;
z-index: 1;
overflow: hidden;
text-shadow: none;  -webkit-backface-visibility: hidden;
}
}
@media screen and (min-width: 641px) { #lightcase-case[data-lc-type=image] #lightcase-content, #lightcase-case[data-lc-type=video] #lightcase-content {
background-color: none;
}
} #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
@media screen and (max-width: 640px) { #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
} #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 640px) { #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
padding: 15px;
} #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner, #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > * {
width: 100% !important;
max-width: none !important;
height: 260px !important;
}
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
margin-top: 100px !important;
} #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > *:not(iframe) {
height: auto !important;
max-height: none !important;
}
}
@media screen and (max-width: 640px) { .lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width: 640px) and (min-width: 641px) { [data-lc-type=image] #lightcase-content .lightcase-contentInner, [data-lc-type=video] #lightcase-content .lightcase-contentInner {
line-height: 0.75;
}
} .lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 640px) { #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
}
@media screen and (min-width: 641px) { #lightcase-case:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
padding: 30px;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 640px) { #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
color: #aaa;
}
}
@media screen and (min-width: 641px) { #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
color: #333;
}
} #lightcase-case p.lightcase-error {
margin: 0;
font-size: 17px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #aaa;
}
@media screen and (max-width: 640px) { #lightcase-case p.lightcase-error {
padding: 30px 0;
}
}
@media screen and (min-width: 641px) { #lightcase-case p.lightcase-error {
padding: 0;
}
} .lightcase-isMobileDevice .lightcase-open body {
max-width: 100%;
max-height: 100%;
overflow: hidden;
}
@media screen and (max-width: 640px) { .lightcase-open body {
padding: 55px 0 70px 0;
} .lightcase-open body > *:not([id*='lightcase-']) {
position: fixed !important;
top: -9999px !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
} #lightcase-info {
position: absolute;
bottom: 0;
left: 0;
padding: 0px;
z-index:10;
} #lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
margin: 0;
padding: 10px 15px;
line-height: 1.5;
font-weight: normal;
text-overflow: ellipsis;
background: rgba(255,255,255,0.7);
} #lightcase-info #lightcase-title {
font-size: 17px;
color: #aaa;
}
@media screen and (max-width: 640px) { #lightcase-info #lightcase-title {
position: fixed;
top: 10px;
left: 0;
max-width: 87.5%;
padding: 5px 15px;
}
#lightcase-info #lightcase-caption {
font-size: 12px !important;
line-height: 18px !important;
padding: 5px 10px;
}
} #lightcase-info #lightcase-caption {
clear: both;
font-size: 13px;
color: #aaa;
} #lightcase-info #lightcase-sequenceInfo {
font-size: 11px;
color: #aaa;
}
@media screen and (max-width: 640px) { .lightcase-fullScreenMode #lightcase-info {
padding-left: 15px;
padding-right: 15px;
} #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
position: static;
}
} #lightcase-loading {
position: fixed;
z-index: 2001;
position: absolute;
top: calc(50% - 2px);
left: calc(50% - 2px);
width: 5px;
height: 5px;
-webkit-animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite;
-moz-animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite;
animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite;
}
#lightcase-loading::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
border-radius: 100%; 
} #lightcase-loading, #lightcase-loading:focus {
text-decoration: none;
color: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.4s;
-moz-transition: color, opacity, ease-in-out 0.4s;
-o-transition: color, opacity, ease-in-out 0.4s;
transition: color, opacity, ease-in-out 0.4s;
} #lightcase-loading > span {
display: inline-none;
text-indent: -9999px;
} #lightcase-nav a[class*='lightcase-icon-'] {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
outline: none;
cursor: pointer;
} #lightcase-nav a[class*='lightcase-icon-'], #lightcase-nav a[class*='lightcase-icon-']:focus {
text-decoration: none;
color: rgba(255, 255, 255, 0.6);
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.25s;
-moz-transition: color, opacity, ease-in-out 0.25s;
-o-transition: color, opacity, ease-in-out 0.25s;
transition: color, opacity, ease-in-out 0.25s;
} #lightcase-nav a[class*='lightcase-icon-'] > span {
display: inline-block;
text-indent: -9999px;
} #lightcase-nav a[class*='lightcase-icon-']:hover {
color: white;
text-shadow: 0 0 15px white;
} .lightcase-isMobileDevice #lightcase-nav a[class*='lightcase-icon-']:hover {
color: #aaa;
text-shadow: none;
} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev {
left: 40px;
} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next {
right: 40px;
} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play {
left: 50%;
margin-left: -0.5em;
}
@media screen and (min-width: 641px) { #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause, #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play {
opacity: 0;
}
} #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
top: 15px;
right: 15px;
bottom: auto;
margin: 0;
opacity: 0;
outline: none;
}
@media screen and (max-width: 640px) { #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
position: absolute;
}
}
@media screen and (min-width: 641px) { #lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
position: fixed;
}
}
@media screen and (max-width: 640px) { #lightcase-nav a[class*='lightcase-icon-'] {
bottom: 15px;
font-size: 24px;
}
}
@media screen and (min-width: 641px) { #lightcase-nav a[class*='lightcase-icon-'] {
bottom: 50%;
margin-bottom: -0.5em;
} #lightcase-nav a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ #lightcase-nav a[class*='lightcase-icon-'] {
opacity: 1;
}
} #lightcase-overlay {
display: none;
width: 100%;
height: 100%;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
background: #333;
}
@media screen and (max-width: 640px) { #lightcase-overlay {
opacity: 1 !important;
}
} #lightcase-overlay {
background: #ffffff;
}
.dark-style #lightcase-overlay {
background: #000000;
}
#lightcase-case .lightcase-content {
background-color: transparent !important;
-webkit-box-shadow:  none !important;
-moz-box-shadow:  none !important;
-o-box-shadow:  none !important;
box-shadow:  none !important;
}
#lightcase-nav a.lightcase-icon-prev, #lightcase-nav a.lightcase-icon-next {
width: 30px;
height: 30px;
transition: all 0.3s ease;
}
#lightcase-nav a.lightcase-icon-prev:after, #lightcase-nav a.lightcase-icon-next:after {
content: "";
width: 24px;
background: url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 35.35"><path d="M0,16.88a3,3,0,0,0,.16.94,1.51,1.51,0,0,0,.63.78l15,15a2.14,2.14,0,0,0,3.52.08,2.14,2.14,0,0,0-.08-3.52L8.59,19.38H57.5a2.5,2.5,0,1,0,0-5H8.59L19.22,3.59A2.14,2.14,0,0,0,19.3.08a2.14,2.14,0,0,0-3.52.08l-15,15a1.51,1.51,0,0,0-.62.78A3,3,0,0,0,0,16.88Z" style="fill:%23000000;"></path></svg>');
height: 14px;
background-repeat: no-repeat;
display: block;
position: absolute;
top: calc(50% - 7px);
left: calc(50% - 12px);
}
.dark-style #lightcase-nav a.lightcase-icon-prev:after, .dark-style #lightcase-nav a.lightcase-icon-next:after {
background: url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 35.35"><path d="M0,16.88a3,3,0,0,0,.16.94,1.51,1.51,0,0,0,.63.78l15,15a2.14,2.14,0,0,0,3.52.08,2.14,2.14,0,0,0-.08-3.52L8.59,19.38H57.5a2.5,2.5,0,1,0,0-5H8.59L19.22,3.59A2.14,2.14,0,0,0,19.3.08a2.14,2.14,0,0,0-3.52.08l-15,15a1.51,1.51,0,0,0-.62.78A3,3,0,0,0,0,16.88Z" style="fill:%23ffffff;"></path></svg>');
}
#lightcase-nav a.lightcase-icon-next:after {
-webkit-transform:  rotate(180deg);
-moz-transform:  rotate(180deg);
-ms-transform:  rotate(180deg);
-o-transform:  rotate(180deg);
transform:  rotate(180deg);
}
#lightcase-nav a.lightcase-icon-prev:before, #lightcase-nav a.lightcase-icon-next:before {
display: none; 
}
#lightcase-nav a[class*="lightcase-icon-"].lightcase-icon-close {
width: 40px;
height: 40px;
top: 20px;
right: 40px;
}
#lightcase-nav a.lightcase-icon-close::before {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0px;
right: 0px;
transition: all 0.3s ease;
}
#lightcase-nav a.lightcase-icon-close:hover::before {
transform: scale(0.85);
}
#lightcase-nav a.lightcase-icon-close::after {
content: "";
position: absolute;
top: 15px;
left: 15px;
width: 18px;
height: 18px;
background-image:url(//gomig.de/wp-content/themes/vavo/files/assets/cross.svg);
-webkit-background-size:18px;
-moz-background-size:18px;
-o-background-size:18px;
background-size:18px;
background-repeat: no-repeat;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.dark-style #lightcase-nav a.lightcase-icon-close::after {
background-image:url(//gomig.de/wp-content/themes/vavo/files/assets/cross-light.svg);
}