/*-----------------------------------------------------------------------------------



		! ! !    R E A D   T H I S    ! ! ! 
		-----------------
		
		It's recomended to use/create a custom css file (ore place them at the end of this file) 
		to do you customizations in order to easily update the main css files without loosing your changes
				



/* -----------------------------------------------------------------------------------

	0.	RESET & CLEARFIX
	1.	BASICS (body, headers, links, etc)
	2. 	GENERAL ELEMENTS
	3.	HEADER
	4.	FOOTER
	5. 	MENU
	6. 	MENU TOGGLE (Hamburger)
	7. 	HEADER / MENU OPTIONS
	8. 	HERO / PAGETITLEp
	9. 	PORTFOLIO
	10. BLOG
	11. COMMENTS
	13. PAGINATION
	14. EXTERN PLUGINS (revolution slider, owl)
	15. COLUMNS SECTION
	16. FULLWIDTH SECTIONad
	17. THUMB OVERLAY EFFECT
	18. ANIMATIONS (portfolio, hero, text, ...)
	19. ELEMENTS / SHORTCODES
	20. WIDGETS
	21. CUSTOM STYLE
	
----------------------------------------------------------------------------------- */



/*---------------------------------------------- 

0. RESET & CLEARFIX

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

/* deleting the default appearence for form elements */
input[type="text"], 
input[type="password"], 
input[type="submit"], 
input[type="number"], 
input[type="tel"], 
textarea, 
button, 
select { 
	-moz-appearance: none; 
	-webkit-appearance: none; 
}

/* HTML5 display definitions */
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%; 
}


/*---------------------------------------------- 

1. BASICS

------------------------------------------------*/
html {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
	html.disablescroll { 
	overflow: hidden;  
	}

body {
	font-family: 'Inter', 'Helvetica Neue', Helvetica, Inter, sans-serif; 
	font-weight: 400;
	font-size: 14px; 
	line-height: 1.6;
	color: rgba(0,0,0,0.51); 
	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;
	}
	body.loaded::before {
	opacity: 1;
	}

::selection, 
::-moz-selection, 
::-webkit-selection { 
	background:#4c4c4c; 
	color: #fff; 
}

/* Headings
---------------------------------------- */
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6,
.h7,
.h8 {
	font-family: 'Inter','Helvetica'; 
	font-weight: 400;
	}
	h1 i, 
	h2 i, 
	h3 i, 
	h4 i, 
	h5 i, 
	h6 i, 
	h1 em, 
	h2 em, 
	h3 em,
	h4 em, 
	h5 em, 
	h6 em { 
	font-style: italic; 
	}
	h1 b, 
	h2 b, 
	h3 b, 
	h4 b, 
	h5 b, 
	h6 b, 
	h1 strong, 
	h2 strong, 
	h3 strong, 
	h4 strong, 
	h5 strong, 
	h6 strong,
	.h1 b, 
	.h2 b, 
	.h3 b, 
	.h4 b, 
	.h5 b, 
	.h6 b, 
	.h1 strong, 
	.h2 strong, 
	.h3 strong, 
	.h4 strong, 
	.h5 strong, 
	.h6 strong, 
	.h7 strong,
	.h8 strong{ 
	font-weight: 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,
.elementor-widget-heading h1.elementor-heading-title, 
.elementor-widget-heading .h1.elementor-heading-title { 
	font-size: 48px; 
	line-height: 60px; 
}
h2, 
.h2,
.elementor-widget-heading h2.elementor-heading-title, 
.elementor-widget-heading .h2.elementor-heading-title { 
	font-size: 36px; 
	line-height: 46px; 
}
h3, 
.h3,
.elementor-widget-heading h3.elementor-heading-title, 
.elementor-widget-heading .h3.elementor-heading-title { 
	font-size: 28px; 
	line-height: 37px; 
}
h4, 
.h4,
.elementor-widget-heading h4.elementor-heading-title, 
.elementor-widget-heading .h4.elementor-heading-title { 
	font-size: 22px;
	line-height: 29px; 
}
h5, 
.h5,
.elementor-widget-heading h5.elementor-heading-title, 
.elementor-widget-heading .h5.elementor-heading-title { 
	font-size: 18px; 
	line-height: 25px; 
}
h6, 
.h6,
.elementor-widget-heading h6.elementor-heading-title, 
.elementor-widget-heading .h6.elementor-heading-title { 
	font-size: 15px; 
	line-height: 21px; 
}
h7, 
.h7,
.elementor-widget-heading h7.elementor-heading-title, 
.elementor-widget-heading .h7.elementor-heading-title { 
	font-size: 13px; 
	line-height: 19px; 
}
h8, 
.h8,
.elementor-widget-heading h8.elementor-heading-title, 
.elementor-widget-heading .h8.elementor-heading-title { 
	font-size: 12px; 
	line-height: 18px; 
}

/* Headers Spacing */
div h1, 
div h2, 
div h3, 
div h4, 
div h5, 
div h6 { 
	margin-top: 40px; 
}
i + h1, 
i + h2, 
i + h3, 
i + h4, 
i + h5, 
i + h6 { 
	margin-top: 10px; 
}
div h1:first-child, 
div h2:first-child { 
	margin-top: -0.18em; 
}
div h1:last-child, 
div h2:last-child { 
	margin-bottom: -0.18em; 
}
div h3:first-child, 
div h4:first-child { 
	margin-top: -0.15em; 
}
div h3:last-child, 
div h4:last-child { 
	margin-bottom: -0.15em; 
}
div h5:first-child, 
div h6:first-child { 
	margin-top: -0.12em; 
}
div h5:last-child, 
div h6:last-child { 
	margin-bottom: -0.12em; 
}

h1 + h1, 
h1 + h2, 
h1 + h3, 
h1 + h4, 
h1 + h5, 
h1 + h6,
h2 + h1, 
h2 + h2, 
h2 + h3, 
h2 + h4, 
h2 + h5, 
h2 + h6,
h3 + h1, 
h3 + h2, 
h3 + h3, 
h3 + h4, 
h3 + h5, 
h3 + h6,
h4 + h1, 
h4 + h2, 
h4 + h3, 
h4 + h4, 
h4 + h5, 
h4 + h6,
h5 + h1, 
h5 + h2, 
h5 + h3, 
h5 + h4, 
h5 + h5, 
h5 + h6,
h6 + h1, 
h6 + h2, 
h6 + h3, 
h6 + h4, 
h6 + h5, 
h6 + h6 { 
	margin-top: 20px; 
}
	
.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.41); 
	}
	.title-alt b, 
	.title-alt strong, 
	strong .title-alt { 
	font-weight: 700; 
	}


/* Forms
---------------------------------------- */
::placeholder { 
  color: #000;
  opacity: 0.3; 
}

.text-light ::placeholder { 
  color: #fff;
  opacity: 0.4; 
}

input {
    -webkit-appearance: none;
}

/* clears the 'X' from Internet Explorer */
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {  
	display: none; 
	width : 0; 
	height: 0; }

/* clears the 'X' from Chrome */
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: 'Inter'; 
	font-weight: 400;
	font-size: 14px;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.11);
	line-height: 28px !important;
	height: auto;
	color: #000;
	padding: 7px 15px;
	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%; 
	box-sizing: border-box;
	}
	textarea { 
	min-height: 100px; 
	}
	.textarea-small textarea { 
	height: 120px; 
	}
	.text-light:not(.transparent) input[type="text"], 
	.text-light:not(.transparent) input[type="password"], 
	.text-light:not(.transparent) input[type="email"], 
	.text-light:not(.transparent) input[type="number"], 
	.text-light:not(.transparent) input[type="tel"], 
	.text-light:not(.transparent) input[type="date"], 
	.text-light:not(.transparent) input[type="search"], 
	.text-light:not(.transparent) textarea { 
	color: #fff; 
	border-color: rgba(255,255,255,0.19); 
	background: rgba(0,0,0,0.2);	
	}


input[type="submit"], 
.button, 
button{
	font-family: 'Inter';
	font-weight: 500;
	font-size: 13px;
	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 300ms ease;
	color: #fff;
	background: #000;
	border: 1px solid #000;
	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; 
	border: 1px solid #fff;
	color: #000; 
	}

input[type="submit"]:hover, 
.button:hover, 
button:not(.sr-button):hover { 
	background: #fff; color: #000;  
	}
	.text-light input[type="submit"]:hover, 
	.text-light .button:hover, 
	.text-light button:hover { 
	background: #000; 
	color: #fff;  
	}
	
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: 'Inter'; 
	font-weight: 400;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.11);
	line-height: 44px;
	height: 44px;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	padding: 0 25px 0px 15px;
	color: #000;
	-moz-border-radius:0px; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px;
	border-radius: 0;
	min-width: 120px;
	background-image:url(../assets/select-arrow.svg);
  	background-position: right 15px top 52%;
	background-repeat: no-repeat;
	-webkit-background-size:8px 6px;
	-moz-background-size:8px 6px;
	-o-background-size:8px 6px;
	background-size:8px 6px;
	}
	.text-light select { 
	color: #fff; 
	border-color: rgba(255,255,255,0.19); 
	background-image:url(../assets/select-arrow-light.svg); 
	background-color: transparent;
	}
	
select option {
	cursor: pointer;
	padding: 3px 0;
	font-family: Arial;
	}
	
label, 
.label {
	font-family: 'Inter';
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	width: 100%;
	color: #000;
	display: block;
	margin-bottom: 5px; 
	}
	.text-light label, 
	.text-light .label { 
	color: rgba(255,255,255,0.41); 
	}
	.form-row.check-error label,
	.woocommerce-invalid label, 
	.check-error label { 
	color: #fa4d5a !important; 
	}
	input[type="radio"] + label,
	input[type="checkbox"] + label { 
	display: inline-block;
	width: auto;
	margin: 0 0 0 5px;
	font-size: 13px;
	line-height: 15px;
	}
	
label abbr { 
	text-decoration: none;
	}
	
form {
	margin-top: 50px;
	padding: 1px 0 0 0;			/* work around for margin from form-row */
	}
	div form:first-child { 
	margin: 0;
	}
	
form .form-row {
	margin-top: 20px;
	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: 20px;
	}	
/*	
form .form-note {
	position: fixed;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	border-radius: 0;
	-moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; text-align: center;
	}

form .form-note .alert-error, 
form .form-note .alert-confirm {
	background: #fa4d5a;
	padding: 17px 0;
	width: 100%;
	}
	form .form-note .alert-confirm {
	background: #38e394;
	}
	
form .form-note.visible {
	-webkit-animation: show-hide 5s 1;
  	-moz-animation: show-hide 5s 1;
  	-ms-animation: show-hide 5s 1;
    animation: show-hide 5s 1;
	}
@-webkit-keyframes show-hide{
	0%{
		opacity:0;
		visibility: visible;
	}
	20%{
		opacity:1;
	}
	80%{
		opacity:1;
	}
	100%{
		opacity:0;
		visibility: hidden;
	}
}
@-moz-keyframes show-hide{
	0%{
		opacity:0;
		visibility: visible;
	}
	20%{
		opacity:1;
	}
	80%{
		opacity:1;
	}
	100%{
		opacity:0;
		visibility: hidden;
	}
}
@keyframes show-hide{
	0%{
		opacity:0;
		visibility: visible;
	}
	20%{
		opacity:1;
	}
	80%{
		opacity:1;
	}
	100%{
		opacity:0;
		visibility: hidden;
	}
}
*/



/* contact form 7 */
.wpcf7-list-item {
	padding-left: 25px;
	position: relative;
}

.wpcf7-list-item input {
	position: absolute;
	top: 0;
	left: 0;
}

.wpcf7-list-item-label {
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
}

.wpcf7-not-valid-tip { 
	display: none !important; 
}

.screen-reader-response + .wpcf7-form,
.wpcf7-form > div[style="display: none;"] + .form-row,
.wpcf7-form > div[style="display: none;"] + .form-row.one-half + .form-row.one-half { 
	margin-top: 0;
}

/* loader-dot style */
.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 {
	border: none !important;
	color: #fff !important;
	margin: 0 !important;
	padding: 25px !important;
	background: #fa4d5a;
	box-sizing:border-box;
	}
	.sent.wpcf7-response-output { 
	background: #3ae285; 
	}


/* Newsletter Sign Up style */
.newsletter-signup {
	max-width: 100%;
	position: relative;
}

.newsletter-signup input[type="submit"] {
	display: block !important;
	position: absolute;
	bottom: 6px;
	right: 15px;
	background: none !important;
	border: none !important;
	color: #000 !important;
	padding: 0;
	line-height: 20px;
	height: 20px;
	}
	.text-light .newsletter-signup input[type="submit"] {
	color: #fff !important;
}

div.wpcf7 .newsletter-signup .ajax-loader {
	position: absolute;
	top: 12px;
	right: 80px;
}



/* Table
---------------------------------------- */
table {
	margin: 40px 0;
	border-collapse: collapse;
	width: 100%;
	max-width: 100%;
	}
	div table:first-child,
	form table:first-child { 
	margin-top: 0; 
	}
	div table:last-child,
	form table:last-child { 
	margin-bottom: 0; 
	}

table caption {
	font-weight: 700;
	margin-bottom: 10px;
	}

table th {
	font-family: 'Inter'; 
	font-weight: 400;
	color: #000;
	font-size: 14px;
	line-height: 1.4em;
	}
	.text-light table th {
	color: #fff;
	}
	table thead th {
	font-weight: 400;
	font-size: 13px;
	}
	
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.19);
	}
	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;
	}


/* Links
---------------------------------------- */
a {
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0.0);
	color: #000;
	transition: all 0.15s ease;
	}
	a:hover { 
	color: rgba(0,0,0,0.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.41); 
	}

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, table 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),
	.text-light .blog-content ul li a, .text-light table a { 
	border-color: #fff; 
	color: #fff; 
	}
	.text-light p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link):hover,
	.text-light .blog-content ul li a:hover, .text-light table a:hover { 
	color: rgba(255,255,255,0.41); 
	}

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



/* Embedded content
---------------------------------------- */
img, object, video, audio {
	max-width: 100%; 
	height: auto;
	display: inline-block;
	margin:0;
    vertical-align:top;
	}
	
p img { 
	margin-top: 25px; 
}
p img:first-child { 
	margin-top: 0; 
}
img.alignleft { 
	margin: 3px 25px 25px 0; 
	float: left; 
}
img.alignright { 
	margin: 3px 0px 25px 25px; 
	float: right; 
}

iframe {
	max-width: 100%; 
	}

svg {
	max-width: 100%;
}

p + video, p + audio {
	margin-top: 25px;
	}


/* Lists
---------------------------------------- */
ul {
	margin-top: 30px;
	margin-left: 30px;
	list-style: disc;
	}
	ul.nolist { 
	list-style: none; 
	margin-left: 0;  
	}
	div ul:first-child, 
	li ul:first-child { 
	margin-top: 0; 
	}
	ul ul.children { 
	margin-top: 0px; 
	margin-bottom: 10px; 
	}
	
ol {
	margin-top: 30px;
	margin-left: 30px;
	list-style: decimal;
	}
	div ol:first-child, 
	li ol:first-child { 
	margin-top: 0; 
	}

ul li, 
ol li {
	margin-top: 8px;
	}

ul.biglist li, 
ol.biglist li, 
ul.nolist li, 
ol.nolist li {
	color: #000;
	}
	.text-light ul.biglist li, 
	.text-light ol.biglist li, 
	.text-light ul.nolist li, 
	.text-light ol.nolist li { 
	color: #fff;
	}

ul.biglist li, 
ol.biglist li {
	font-size: 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;
}



/* Others
---------------------------------------- */
p { 
	margin-top: 20px; 
	}
	div p:not(.form-row):first-child {  
	margin-top: 0; 
	}	
	
strong, 
b, 
dt {
	font-weight: 700;
}

i, 
dfn, 
em {
	font-style: italic;
	}

blockquote {
	font-weight: 400;
	font-size: 1.4em; 
	font-style: italic;
	line-height: 1.6em;
	color: #000;
	position: relative;
	width: calc(100% - 80px);
	max-width: 100%;
	min-width: 400px;
	box-sizing:border-box;
	margin: 40px auto;
	padding: 40px ;
	border: 1px solid rgba(0,0,0,0.11);
	}
	[class*='wrapper'] blockquote { 
	max-width: 100%; 
	}
	.text-light blockquote,
	blockquote.text-light { 
	color: #fff; 
	border-color: rgba(255,255,255,0.19);
	}
	div blockquote:first-child { 
	margin-top: 0; 
	}
	figure > blockquote:first-child { 
	margin: 0px auto;
	}
	
blockquote cite, 
cite,
cite a,
figcaption {
	font-weight: 400;
	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-light blockquote cite, .text-light cite, .text-light cite a {
	color: rgba(255,255,255,0.41) !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.41) !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: 20px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid rgba(0,0,0,0.11);
	display: block;
	border-radius: 0;
	overflow-x: auto;
	}
	.text-light pre { 
	border-color: rgba(255,255,255,0.19); 
	}
	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;
	line-height: 1.45em;
	position: relative;
	top: -1px;
	}
	.text-light code, 
	.text-light kbd, 
	.text-light tt {
	color: rgba(255,255,255,0.41);
	}
	
big {
	font-size: 1.2em;
	display: inline-block;
	}

small {
	font-size: 0.85em;
	line-height: 18px;
	display: inline-block;
	}

h1 small, 
h2 small, 
h3 small, 
h4 small {
	font-size: 0.6em;
	}

h5 small {
	font-size: 0.75em;
	}

h6 small {
	font-size: 0.85em;
	}

small a {
	border-bottom-width: 1px !important;
	}

mark {
	background: #000;
	color: #fff;
	font-weight: 400;
	padding: 0 2px;
	}
	.text-light mark { 
	background: #fff; 
	color: #000; 
	}

address {
	margin-top: 20px;
	border: 1px solid rgba(0,0,0,0.11);
	padding: 20px;
	display: inline-block;
	font-style: normal;
	font-size: 0.85em;
	line-height: 1.5em;
	font-weight: 400;
	}
	.text-light address:first-child {
	border-color: rgba(255,255,255,0.19);
	}
	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.19);
	}

	


/*---------------------------------------------- 

2. GENERAL ELEMENTS

------------------------------------------------*/
#page-content {
	overflow:  hidden;
	position: relative;									/* workaround for overflowing of the mega menu */
	margin: 0;
	padding: 0 !important;						
	max-width: 100%;
	min-height: 101vh;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	}
	.loading-end #page-content { 
	min-height: auto; 									/*workaround for isotope content (without other content) when scrollbar is active*/
	}

#page-body {
	position: relative;
	z-index: 2;											/* because of the content overlay */
	}
	#hero-and-body #page-body:first-child {
	padding-top: calc(40px + 40px);						/* Logo Height + padding */
	}
	#header[class*='transparent-'] ~ #hero-and-body #page-body:first-child {
	padding-top: 0 !important;
	}
	#header.has-header-bar[class*='transparent-'] ~ #hero-and-body #page-body:first-child { 
	padding-top: 34px !important;
	}
	.single-product #hero-and-body #page-body:first-child {
	padding-top: calc(40px + 40px);						/* Logo Height + padding */
	}
	.single-product #header[class*='transparent-'] ~ #hero-and-body #page-body:first-child {
	padding-top: 0;										
	}
	.single-product #header[class*='transparent-'] ~ #hero-and-body #page-body:first-child .product-head {
	padding-top: calc(40px + 40px);						/* Logo Height + padding */
	}

body.enable-pageload #page-body > * {
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	}
	body.enable-pageload.loading-end #page-body > * {
	opacity: 1;
	visibility: visible;
	}

.wrapper, 
.wrapper-small, 
.wrapper-medium, 
.wrapper-mini { 
	width: 1440px; 
	margin: 0 auto; 
	max-width: calc(100% - 80px); 
}

.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% - 240px);
	}	
	
aside.sidebar {
	width: 180px;
	margin-bottom: 80px;
	margin-top: 42px;
	}
	.woocommerce #hero.no-bg ~ #page-body aside.sidebar {
	margin-top: 0;
	}
	
.left-float { 
	float: left; 
	}
	
.right-float { 
	float: right; 
	}

.align-left,
.responsive-align-left {
	text-align: left;
	}

.align-center,
.responsive-align-center {
	text-align: center;
	}
	
.align-right,
.responsive-align-right {
	text-align: right;
	}

@media only screen and (max-width: 1024px) {
	.responsive-align--tabletleft {
		text-align: left;
	}
	
	.responsive-align--tabletcenter {
		text-align: center;
	}
	
	.responsive-align--tabletright {
		text-align: right;
	}
}
@media only screen and (max-width: 640px) {
	.responsive-align--mobileleft {
		text-align: left;
	}
	
	.responsive-align--mobilecenter {
		text-align: center;
	}
	
	.responsive-align--mobileright {
		text-align: right;
	}
}


/* loader dot */
.sr-loader-icon, 
.wcapf-before-update {
  	position: absolute;
  	top: calc(50% - 2px);
  	left: calc(50% - 15px);
  	width: 30px !important;
  	height: 5px !important;
  	-webkit-animation: loader_dot_anim 1.4s cubic-bezier(.5,0,.5,1) infinite;
  	-moz-animation: loader_dot_anim 1.4s cubic-bezier(.5,0,.5,1) infinite;
  	animation: loader_dot_anim 1.4s cubic-bezier(.5,0,.5,1) infinite;
	background: none !important;
	}
	.wcapf-before-update {
  	top: 60px !important;
	}

.sr-loader-icon::after,
.sr-loader-icon::before,
.wcapf-before-update::after,
.wcapf-before-update::before {
	content: "";
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 5px;
  	height: 5px;
	background: #000;
	border-radius: 100%; 
	}
	.sr-loader-icon::before,
	.wcapf-before-update::before {
	left: auto;
	right: 0;
	}
	.text-light .sr-loader-icon::after
	.text-light .sr-loader-icon::before
	.sr-loader-icon.text-light::after
	.sr-loader-icon.text-light::before,
	.text-light .wcapf-before-update::after {
	background: #fff;
	}
	@-webkit-keyframes loader_dot_anim {
	  0% { transform: rotate(0); }
	  48% { transform: rotate(180deg); }
	  52% { transform: rotate(180deg); }
	  100% { transform: rotate(360deg); }
	}
	@-moz-keyframes loader_dot_anim {
	  0% { transform: rotate(0); }
	  48% { transform: rotate(180deg); }
	  52% { transform: rotate(180deg); }
	  100% { transform: rotate(360deg); }
	}
	@keyframes loader_dot_anim {
	  0% { transform: rotate(0); }
	  48% { transform: rotate(180deg); }
	  52% { transform: rotate(180deg); }
	  100% { transform: rotate(360deg); }
	}

		

/*---------------------------------------------- 

3. HEADER

------------------------------------------------*/
#header {
	z-index: 1501;
	width: 100%;
	position: absolute;
	top: 0; 
	left: 0;
	transition: opacity 0.35s ease, transform 0.35s ease;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}
	#header.sticky {
	position: fixed;
	}

#header::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 0;
	opacity: 1;
	transition: all 0.15s ease 0.08s;
	border-bottom: 1px solid rgba(0,0,0,0.11);
	z-index: 1501;
	}
	body:not(.scrolled):not(.menu-is-open) #header[class*='transparent-']:not(.header-hover)::after,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header[class*='transparent-']::after {
	background: transparent;
	border-color: transparent;
	transition-delay: 0s;
	}
	body:not(.scrolled):not(.menu-is-open) #header.noborder:not(.header-hover)::after {
	border-color: transparent !important;
	}
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover)::after,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light::after {
	border-color: rgba(255,255,255,0.19);
	}
	body:not(.scrolled):not(.menu-is-open) #header.transparent-dark:not(.header-hover)::after,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark::after {
	border-color: rgba(0,0,0,0.11);
	}
		
#header .header-inner {
	padding: 20px 0;
	position: relative;
	z-index: 1510;
	transition: all 0.3s ease;
	}
	body.scrolled #header.sticky .header-inner {
	padding: 15px 0;
	transition-delay: 0.3s;
	}

#header #logo {
	width: auto;
	position: absolute;
	left: 50%;
	top: 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%);
	z-index: 1501;
	line-height: 0;
	}

#header #logo img { 
	height: 40px; 								/* Logo Height */
	transition: all 0.3s ease;
	width: auto;
	}
	body.scrolled #header.sticky #logo img { 
	height: 20px; 								
	transition: all 0.3s ease, height 0.3s ease 0.3s;
	}

header #logo .text-logo { 
	line-height: 40px; 							/* Logo Height */
	font-size: 20px; 
	text-transform: uppercase;
} 

header #logo #dark-logo ~ #light-logo {
	position: absolute;
	top: 0; 
	left: 0;
	opacity: 0;
	visibility: hidden;
	}
	header.header-light #logo #dark-logo,
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover) #logo #dark-logo,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light #logo #dark-logo { 
	opacity: 0; 
	visibility: hidden; 
	}
	header.header-light #logo #dark-logo ~ #light-logo,
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover) #logo #dark-logo ~ #light-logo, 
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light #logo #dark-logo ~ #light-logo { 
	opacity: 1; 
	visibility: visible; 
	}
	body:not(.scrolled):not(.menu-is-open) #header.transparent-dark:not(.header-hover) #logo #dark-logo, 
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark #logo #dark-logo { 
	opacity: 1; 
	visibility: visible; 
	}
	body:not(.scrolled):not(.menu-ius-open) #header.transparent-dark:not(.header-hover) #logo #dark-logo ~ #light-logo, 
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark #logo #dark-logo ~ #light-logo { 
	opacity: 0; 
	visibility: hidden; 
	}


/* pseudo-open */
header .pseudo-close {
	position: fixed;
	left: 0;
	top:  0;
	width: 0;
	height: 100%;
	background: #000;
	opacity: 0;
	visibility: hidden;
	z-index: 1600;
	pointer-events: none;
	transition: all 0.6s ease, width 0.01s ease 0.6s;
	}
	header .pseudo-close.pseudo-search {
	z-index: 1500;
	}

.cart-is-open header .pseudo-close.pseudo-cart,
.search-is-open header .pseudo-close.pseudo-search {
	visibility: visible;
	opacity: 0.15;
	width: 100%;
	pointer-events: auto;
	transition: all 0.6s ease, width 0.01s ease 0s;
	}


/* Header Bar */
#header .header-bar {
	height: 20px;
	padding: 7px 0;
	line-height: 20px !important;
	font-size: 12px;
	background: #f2f2f2;
	color: #000;
	vertical-align: top;
	position: relative;
	z-index: 1502;
	transition: height 0.2s cubic-bezier(0.195, 0.290, 0.045, 0.995), padding 0.2s cubic-bezier(0.195, 0.290, 0.045, 0.995), opacity 0.2s ease;
	overflow: hidden;
	}
	#header .header-bar:hover {
    z-index: 1511;
	overflow: visible;
	}
	.scrolled #header .header-bar { 
	height: 0;
	padding: 0;
	}
	#header .header-bar.text-light { 
	color: #fff;
	}

#header .header-bar [class*='header-bar-'] {
	float: left;
	width: calc(33.33% - 20px);
	margin-right: 30px;
	min-height: 1px; 
	height: auto;
	}
	#header .header-bar.col2 [class*='header-bar-'] {
	width: calc(50% - 15px);
	}
	#header .header-bar.col1 [class*='header-bar-'] {
	width: 100%;
	margin-right: 0;
	float: none;
	}
	#header .header-bar .header-bar-right {
	margin-right: 0;
	}

/* mobile header bar */
#header .mobile-header-bar { 
	display: none;
	line-height: 20px !important;
	font-size: 12px;
}

#header .mobile-header-bar [class*='header-bar-'] { 
	float: left; 
	width: 50%; 
	margin-right: 0; 
}

#header .mobile-header-bar.mobile-col1 [class*='header-bar-'] {
	width: 100%;
}
	


/*---------------------------------------------- 

4. FOOTER

------------------------------------------------*/
#footer {
	margin: 0 auto;
	position: relative;
	}
	
#footer .footer-inner {
	padding: 40px 0;
	border-top: 1px solid rgba(0,0,0,0.11);
	}

#footer .footer-bottom {
	padding: 10px 0;
	border-top: 1px solid rgba(0,0,0,0.11);
	font-size: 11px;
	}

#footer .footer-bottom .footer-bottom-left {
	float: left;
	text-align: left;
	}

#footer .footer-bottom .footer-bottom-right {
	float: right;
	text-align: right;
	}

#footer .footer-bottom .footer-bottom-left > a,
#footer .footer-bottom .footer-bottom-right > a {
    margin: 0 10px;
	color: rgba(0,0,0,0.51);
	}
	#footer .footer-bottom .footer-bottom-left > a:hover,
	#footer .footer-bottom .footer-bottom-right > a:hover {
	color: #000;
	}
	#footer .footer-bottom.text-light .footer-bottom-left > a, 
	#footer .footer-bottom.text-light .footer-bottom-right > a { 
	color: rgba(255,255,255,0.69); 
	}
	#footer .footer-bottom.text-light .footer-bottom-left > a:hover, 
	#footer .footer-bottom.text-light .footer-bottom-right > a:hover { 
	color: #fff; 
	}
	#footer .footer-bottom .footer-bottom-left > a:first-child,
	#footer .footer-bottom .footer-bottom-right > a:first-child {
    margin-left: 0;
	}
	#footer .footer-bottom .footer-bottom-left > a:last-child,
	#footer .footer-bottom .footer-bottom-right > a:last-child {
    margin-right: 0;
}




/*---------------------------------------------- 

5. 	MENU

------------------------------------------------*/
#menu {
	/*position: relative;*/
	z-index: 1;
	float: right;
	}

@media only screen and (max-width: 1024px) { /* for mobiles */
	#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: 40px;											/* Logo Height */
	}

nav#main-nav > ul > li {
	margin: 0 15px;
	display: inline-block;
	padding: 0;
	position: relative;
	height: 18px;
	margin-top: 11px;												/* Logo Height (40 - 18) / 2 */
	} 
	#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: 'Inter'; 
	font-weight: 400;
	font-size: 13px;
	display: block;
	color: #000;
	height: 18px;
	line-height: 18px;
	position: relative;
	z-index: 2;
	transition: color 0.25s ease, opacity 0.15s ease;
	}
	header.header-light nav#main-nav > ul > li > a,
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover) nav#main-nav > ul > li > a,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light nav#main-nav > ul > li > a { color: #fff; }
	body:not(.scrolled):not(.menu-is-open) #header.transparent-dark:not(.header-hover) nav#main-nav > ul > li > a,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark nav#main-nav > ul > li > a { color: #000; }

nav#main-nav ul > li > a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
	opacity: 0;
	transition: all 0.15s ease;
	}	
	header.header-light nav#main-nav ul > li:hover > a::after,
	header.header-light nav#main-nav ul > li.current-menu-item > a::after,
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover) nav#main-nav ul > li:hover > a::after,
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover) nav#main-nav ul > li.current-menu-item > a::after,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light nav#main-nav ul > li:hover > a::after,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light nav#main-nav ul > li.current-menu-item > a::after {
    background-color: #fff;
	}
	body:not(.scrolled):not(.menu-is-open) #header.transparent-dark:not(.header-hover) nav#main-nav ul > li:hover > a::after,
	body:not(.scrolled):not(.menu-is-open) #header.transparent-dark:not(.header-hover) nav#main-nav ul > li.current-menu-item > a::after,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark nav#main-nav ul > li:hover > a::after,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark nav#main-nav ul > li.current-menu-item > a::after {
    background-color: #000;
	}
	nav#main-nav ul > li:hover > a::after,
	nav#main-nav ul > li.current-menu-item > a::after {
	opacity: 1;
	}

nav#main-nav.underline-header ul > li > a::after {
	height: 2px;
	bottom: -32px;												/* Logo Height (40 - 18) / 2 + 20 */
	transition: all 0.15s ease, bottom 0.3s ease;
	}
	body.scrolled #header.sticky nav#main-nav.underline-header ul > li > a::after {
	height: 2px;
	bottom: -27px;												/* Logo Height scrolled (40 - 18) / 2 + 20 */
	transition: all 0.15s ease, bottom 0.3s ease 0.3s;
}

/* Submenu */
nav#main-nav > ul > li ul.sub-menu {
	margin: 0;	
	position: absolute;
	top: 17px;								/* line-height */								
	left: -20px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.15s ease;
	white-space: nowrap;
	padding: 20px 20px;						
	min-width: 140px;
	padding-top: calc(20px + 20px + ((40px - 18px) / 2));	/* top sub padding + header Padding + Logo Height - line height */
	pointer-events: none;
	z-index: 1;
	}
	nav#main-nav > ul > li ul.sub-menu.right-align {
	left: auto;
	right: 0;
	}
	nav#main-nav > ul li:hover > ul.sub-menu,
	nav#main-nav > ul li.sub-visible > ul.sub-menu {
	opacity: 1;
	visibility: visible;
	transition-delay: 0.08s;
	pointer-events: auto;
	}
	nav#main-nav > ul li.sub-visible ul.sub-menu {
	pointer-events: auto;
	}

nav#main-nav > ul > li ul.sub-menu::before {
	box-sizing:border-box;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% - (20px + ((40px - 18px) / 2)));		/* top sub padding + header Padding + Logo Height - line height */
	background: #fff;
	border: 1px solid rgba(0,0,0,0.11);
	margin-bottom: -1px;			/* to not overlay border */
	border-radius: 0;
	}
	header nav#main-nav > ul > li[class*="megamenu"] > ul.sub-menu::before {
	border-top: none;
	}
	body.scrolled header[class*='transparent-']:not(.header-hover) nav#main-nav > ul > li > ul.sub-menu::before {
	border-top: none;
	}

nav#main-nav > ul > li ul.sub-menu > li {
	margin: 6px 0;
	padding: 0;
	position: relative;
	list-style: none;
	}
	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 ul.sub-menu > li > a {
	font-weight: 400;
	font-size: 13px;
	text-transform: none;
	letter-spacing: 0;
	padding: 1px 0;
	line-height: 18px;
	height: auto;
	display: inline-block;
    vertical-align:top;
	white-space: normal;
	color: #000;
	}
	header.submenu-light nav#main-nav > ul > li ul.sub-menu > li > a {
	color: #fff;
	}
	nav#main-nav > ul > li ul.sub-menu > li > a:hover,
	nav#main-nav > ul > li ul.sub-menu > li.current-menu-item > a {
	opacity: 0.4;
	}
	nav#main-nav > ul > li ul.sub-menu > li.is-title > a {
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 5px;
	opacity: 1 !important;
	cursor: default;
	}
	nav#main-nav > ul > li ul.sub-menu > li.is-title > a.has-img {
	cursor: pointer;
	}
	nav#main-nav > ul > li ul.sub-menu > li.is-title:first-child > a {
	margin-top: 0;
	}
	nav#main-nav > ul > li ul.sub-menu > li.is-title:last-child > a {
	margin-bottom: 0;
	}

nav#main-nav > ul > li ul.sub-menu > li > a::after {
	display: none;
	}

/* submenu 3rd+ level */
nav#main-nav > ul > li ul.sub-menu ul.sub-menu {
	top: -20px;															
	left: auto;
	right: 0;
	transform: translateX(100%);
	padding-top: 20px;
	padding-left: 40px;
	}
	nav#main-nav > ul > li ul.sub-menu ul.sub-menu::before {
	height: 100%;
	width: calc(100% - 20px);
	margin-left: 19px;
	}
	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 {
	right: auto;
	transform: translateX(-100%);
	padding-left: 20px;
	padding-right: 40px;
	}
	nav#main-nav > ul > li ul.sub-menu.right-align ul.sub-menu::before,
	nav#main-nav > ul > li ul.sub-menu ul.sub-menu.right-align::before {
    margin-left: 1px;
}


/* megamenu */
@media only screen and (min-width: 1025px) {
#menu nav#main-nav > ul > li[class*="megamenu"] {
	position: static;
	}

#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	left: -40px;
	top: calc(20px + 18px + ((40px - 18px) / 2));			/* header Padding + line height ... */								
	padding-top: calc(30px + 40px);							/* top sub padding + Logo Height */
	padding-bottom: 30px;							
	}

#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu::before {
	left: -50vw;
	width: 150vw;
	}
	#menu nav#main-nav > ul > li[class*="megamenu"] .sub-menu .sub-menu::before {
	background: none;
	border: none;
	}

#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu > li {
	float: left;
	margin-right: 1.8%;
	margin-top: 0 !important;
	height: auto;
	width: calc(16.6% - 1.5%);
	}
	#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu > li:last-child { margin: 0 !important; }
	#menu nav#main-nav > ul > li.megamenu5 > .sub-menu > li { width: calc(20% - 1.44%); }
	#menu nav#main-nav > ul > li.megamenu4 > .sub-menu > li { width: calc(25% - 1.35%); }
	#menu nav#main-nav > ul > li.megamenu3 > .sub-menu > li { width: calc(33.3% - 1.2%); }
	#menu nav#main-nav > ul > li.megamenu2 > .sub-menu > li { width: calc(50% - 0.8%); }
	#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu > li.double-width { width: calc(33.3% - 1.2%); }
	#menu nav#main-nav > ul > li.megamenu5 > .sub-menu > li.double-width { width: calc(40% - 1.08%); }
	#menu nav#main-nav > ul > li.megamenu4 > .sub-menu > li.double-width { width: calc(50% - 0.9%); }
	#menu nav#main-nav > ul > li.megamenu3 > .sub-menu > li.double-width { width: calc(66.6% - 0.6%); }
	#menu nav#main-nav > ul > li.megamenu2 > .sub-menu > li.double-width { width: 100%; }

#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu > li > a {
	display: none;
	}

#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu > li .sub-menu {
	margin: 0;
	margin-top: 7px;
	padding: 0 !important;
	position: static;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	list-style: none;
	transform: none;
	opacity: 1;
	visibility: visible;
	}

#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img {
	opacity: 1;
	position: relative;
	}
	
#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img .item-thumb {
	transition: all 0.15s ease;
	}
	
#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img:hover .item-thumb {
	opacity: 0.8;
	}

#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img .img-caption {
	display: block;
	font-size: 13px;
	padding-top: 5px;
	}
}


/*---------------------------------------------- 

6. 	MENU ACTIONS (Hamburger + language)

------------------------------------------------ */
.menu-actions {
	position: relative;
	z-index: 1502;
	float: right;
	}

.menu-actions > div {
	margin-left: 20px;
	height: 40px;											/* Logo Height */
	float: left;
	position: relative;
	}
	.menu-actions > div:not(.display-icon),
	.menu-actions > div:first-child {
	margin-left: 30px;
	}
	.menu-actions > div.display-icon + div:not(.display-icon) ,
	.menu-actions > div.header-wishlist + div:not(.display-icon)  {
	margin-left: 20px;
	}
	.menu-actions > div:not(.display-icon) + div.header-wishlist + div:not(.display-icon) {
	margin-left: 30px;
	}

.menu-actions > div > a {
	font-family: 'Inter'; 
	font-weight: 400;
	font-size: 13px;
	color: #000;
	height: 40px;
	line-height: 40px;										/* Logo Height */
	display: block;
	position: relative;
    transition: color 0.3s ease;
	}
	header.header-light .menu-actions > div > a ,
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-actions > div > a,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light .menu-actions > div > a { color: #fff; }
	body:not(.scrolled):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .menu-actions > div > a,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark .menu-actions > div > a { color: #000; }

.menu-actions > div:not(.display-icon):not(.header-wishlist) > a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
	opacity: 0;
	transition: all 0.15s ease;
	}
	.menu-actions > div:not(.display-icon):not(.header-wishlist) > a:hover::after {
	opacity: 1;
	}

.menu-actions.underline-header > div:not(.display-icon):not(.header-wishlist) > a::after {
	height: 2px;
	bottom: -32px;												/* Logo Height (40 - 18) / 2 + 20 */
}

.menu-actions .menu-login.display-icon a,
.menu-actions .menu-search.display-icon a {
	width: 17px;
	}

.menu-actions > div > a.login-open svg,
.menu-mobile-actions > div > a.login-open svg,
.menu-actions > div > a.search-open svg {
	max-width: 17px;
	position: absolute;
	top: calc(50% - 9px);
	left: 0;
	display: none;
	}
	.menu-actions > div.display-icon > a.login-open svg,
	.menu-actions > div.display-icon > a.search-open svg {
	display: block;
	}
	.menu-actions > div.display-icon > a.login-open .text,
	.menu-actions > div.display-icon > a.search-open .text {
	display: none;
	}

.menu-actions > div > a svg path {
	fill: #000;
    transition: all 0.2s ease;
	}
	header.header-light .menu-actions > div > a svg path,
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-actions > div > a svg path,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light .menu-actions > div > a svg path {
	fill: #fff;
	}
	body:not(.scrolled):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .menu-actions > div > a svg path,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark .menu-actions > div > a svg path {
	fill: #000;
	}
	.menu-actions > div.display-icon > a:hover svg path {
	fill: rgba(0,0,0,0.41);
	}
	header.header-light .menu-actions > div.display-icon > a:hover svg path,
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-actions > div.display-icon > a:hover svg path,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light .menu-actions > div.display-icon > a:hover svg path {
	fill: rgba(255,255,255,0.41);
	}
	body:not(.scrolled):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .menu-actions > div.display-icon > a:hover svg path,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark .menu-actions > div.display-icon > a:hover svg path {
	fill: rgba(0,0,0,0.41);
	}

.menu-actions > div:not(.display-icon) > a.login-open,
.menu-actions > div:not(.display-icon) > a.search-open,
.menu-actions > div:not(.display-icon) > a.cart-amount {
	height: 18px !important;
	line-height: 18px !important;
	top: calc((40px - 18px) / 2);												/* Logo Height */
	}

.menu-mobile-actions {
	background: #fafafa;
	padding: 15px 20px;
	border-bottom: 1px solid rgba(0,0,0,0.11);
	z-index: 1;
	position: relative;
	display: none;
}

.menu-mobile-actions > div {
	display: inline-block;
	margin-right: 30px;
}

.menu-mobile-actions > div:last-child {
	float: right; 
	margin-right: 0;
}

.menu-mobile-actions .header-wishlist {
	transform: translateY(2px);
}

.menu-toggle {
	width: 18px;
	height: 30px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	display: none;
	}
	
/* hamburger animation */
.menu-toggle span.hamburger, .menu-toggle span.hamburger::after, .menu-toggle span.hamburger::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute;
	top: 50%; margin-top: -1px;
	right: 0;
	-webkit-transform: rotate(0deg);
  	-moz-transform: rotate(0deg);
  	-o-transform: rotate(0deg);
  	transform: rotate(0deg);
	-webkit-transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), background 0.25s ease 0.15s;
	   -moz-transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), background 0.25s ease 0.15s;
		 -o-transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), background 0.25s ease 0.15s;
			transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), background 0.25s ease 0.15s;
	-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	   -moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		 -o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
			transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	}
	.menu-toggle span.hamburger::before { 
	margin-top: -5px; 
	top: 0; 
	}
	.menu-toggle span.hamburger::after { 
	margin-top: 5px; 
	top: 0; 
	}
	header.header-light .menu-toggle span.hamburger, 
	header.header-light .menu-toggle span.hamburger::after, 
	header.header-light .menu-toggle span.hamburger::before,
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-toggle span.hamburger, 
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-toggle span.hamburger::after, 
	body:not(.scrolled):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-toggle span.hamburger::before,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light .menu-toggle span.hamburger, 
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light .menu-toggle span.hamburger::after, 
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-light .menu-toggle span.hamburger::before { background: #fff; }
	body:not(.scrolled):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .menu-toggle span.hamburger, 
	body:not(.scrolled):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .menu-toggle span.hamburger::after, 
	body:not(.scrolled):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .menu-toggle span.hamburger::before,
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark .menu-toggle span.hamburger, 
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark .menu-toggle span.hamburger::after, 
	body.cart-is-open:not(.scrolled):not(.menu-is-open) #header.transparent-dark .menu-toggle span.hamburger::before  { background: #000; }

/* open navigation anim */
body.menu-is-open .menu-toggle span.hamburger {
	background: transparent !important;
	transition: all 0.3s ease, background 0.15s ease;
}

body.menu-is-open .menu-toggle span:before,
body.menu-is-open .menu-toggle span:after {
	-webkit-transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), background 0.3s ease 0.2s;
	   -moz-transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), background 0.3s ease 0.2s;
		 -o-transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), background 0.3s ease 0.2s;
			transition: all 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000), background 0.3s ease 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	   -moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		 -o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
			transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	margin: 0;
	width: 100%;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

body.menu-is-open .menu-toggle span:after {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}



/* language */
.menu-language {
	position: relative;
	text-align: left;
	z-index: 1510;
	display: inline-block;
	height: 20px;
	line-height: 20px !important;
	}

.menu-language a {
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}

.menu-language > a {
	display: inline-block;
	padding-right: 15px;
	background-image:url(../assets/select-arrow.svg);
  	background-position: right 0 top 52%;
	background-repeat: no-repeat;
	-webkit-background-size:8px 6px;
	-moz-background-size:8px 6px;
	-o-background-size:8px 6px;
	background-size:8px 6px;
	}
	.text-light .menu-language > a { 
	background-image:url(../assets/select-arrow-light.svg); 
	background-color: transparent;
	}

.menu-language a:hover {
	color: #000;
	opacity: 0.7;
	}
	.text-light .menu-language a {
	color: #fff;
	}
	
.menu-language .lang-select {
	position: absolute;
	top: 27px;
	left: -13px;
	margin: 0 !important;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.11);
	padding: 7px 13px;
	list-style: none;
	transition: all 0.1s ease 0.15s;
	opacity: 0;
	visibility: hidden;
	}
	.mobile-header-bar .menu-language .lang-select {
	top: auto;
	bottom: 24px;
	}
	.text-light .menu-language .lang-select {
	background: #000;
	border: 1px solid rgba(255,255,255,0.19);
	}
	.menu-language:hover .lang-select {
	opacity: 1;
	visibility: visible;
	transition-delay: 0;
	}

.menu-language .lang-select li {
	margin-top: 4px;
	line-height: 18px;
	height: 18px;
	}
	.menu-language .lang-select li:first-child {
	margin-top: 0;
	}

.menu-language .lang-select li a {
	display: block;
	line-height: 18px;
	height: 18px;
	}


/* currency switcher */
.wcml_currency_switcher {
	display: inline-block;
	text-align: left;
	margin: 0 0 0 20px !important;
	height: 20px;
	line-height: 20px !important;
	}

.wcml_currency_switcher a {
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	}

.wcml_currency_switcher ul {
	margin: 0;
	list-style: none;
	background: none;
}

.wcml_currency_switcher ul li {
	background: none !important;
	border: none !important;
	position: relative;
}

.wcml_currency_switcher a.wcml-cs-item-toggle {
	display: inline-block;
    padding-right: 15px;
	background-image:url(../assets/select-arrow.svg);
  	background-position: right 0 top 52%;
	background-repeat: no-repeat;
	-webkit-background-size:8px 6px;
	-moz-background-size:8px 6px;
	-o-background-size:8px 6px;
	background-size:8px 6px;
	}
	.text-light .wcml_currency_switcher a.wcml-cs-item-toggle { 
	background-image:url(../assets/select-arrow-light.svg); 
	background-color: transparent;
	}

.wcml_currency_switcher ul.wcml-cs-submenu {
	position: absolute;
	top: 27px;
	left: -13px;
	margin: 0 !important;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.11);
	padding: 7px 13px;
	list-style: none;
	transition: all 0.1s ease 0.15s;
	opacity: 0;
	visibility: hidden;
	}
	.mobile-header-bar .wcml_currency_switcher ul.wcml-cs-submenu {
	top: auto;
	bottom: 24px;
	}
	.text-light .wcml_currency_switcher ul.wcml-cs-submenu {
	background: #000;
	border: 1px solid rgba(255,255,255,0.19);
	}
	.wcml_currency_switcher li:hover > ul.wcml-cs-submenu  {
	opacity: 1;
	visibility: visible;
	}

.wcml_currency_switcher ul.wcml-cs-submenu li {
	margin-top: 4px;
	line-height: 18px;
	height: 18px;
	}
	.wcml_currency_switcher ul.wcml-cs-submenu li:first-child {
	margin-top: 0;
	}

.wcml_currency_switcher ul.wcml-cs-submenu li a {
	width: 42px;
	display: block;
	line-height: 18px;
	height: 18px;
	}


/*---------------------------------------------- 

7. 	HEADER OPTIONS

------------------------------------------------ */
/* logo & menu position */
#header.logo-menu-left #logo, 
#header.logo-left-menu-center #logo,
#header.logo-left-menu-right #logo ,
#header.logo-left-menu-bottom #logo  {
	width: auto;
	position: relative;
	left: auto;
	top: auto;
	-webkit-transform: translateY(0) translateX(0); 
	-moz-transform: translateY(0) translateX(0); 
	-ms-transform: translateY(0) translateX(0); 
	-o-transform: translateY(0) translateX(0); 
	transform: translateY(0) translateX(0); 
	float: left;
	}

#header.logo-menu-left #menu,
#header.logo-center-menu-left #menu {
	float: left;
	margin-left: 40px;
	}
	#header.logo-center-menu-left #menu {
	margin-left: 0;
	}

#header.logo-left-menu-center #menu {
	float: none;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%); 
	-moz-transform: translateY(-50%) translateX(-50%); 
	transform: translateY(-50%) translateX(-50%);
	}

@media only screen and (min-width: 1025px) {
	#header.logo-left-menu-center #menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu {
		transform: translateX(-50%) translateY(-20px);
		width: 100vw;
		left: 50%;
		box-sizing:border-box;
		}
}

#header.logo-left-menu-right #menu {
	float: right;
	}

#header.logo-left-menu-bottom #menu {
	float: left;
	width: 100%;
	clear: left;
	margin-top: 20px;
	text-align: center;
	}

#header.logo-center-menu-bottom #menu {
	float: none;
	}

/* sticky header */
#header.sticky {
	position: fixed;
	}


/*---------------------------------------------- 

8. HERO / PAGETITLE

------------------------------------------------*/
#hero {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
	transition: all 0.7s ease;
	min-height: 100px;
	}
	#hero.hero-wrapped {
	width: 1440px;
	max-width: calc(100% - 80px);
	}
	#hero.hero-offcenter {
	margin-left: 40px;
	max-width: calc(100% - 40px);
	}
	body.loading-end #hero {
	opacity: 1;
	visibility: visible;
	}
	#hero.hero-fullscreen {
	min-height:  100vh;
	}
	#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero {
	margin-top: calc(40px + 40px);							/* Logo Height + padding */
	}
	#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.wrapper {
	margin-top: calc(40px + 40px + 40px);					/* Logo Height + padding */
	}
	#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-fullscreen {
	min-height: calc(100vh - (40px + 40px));				/* Logo Height + padding */			
	}
	#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-wrapped.hero-fullscreen {
	min-height: calc(100vh - (40px + 40px) - 40px);				/* Logo Height + padding */			
	}
	

/* hero pagetitle */
#hero #page-title {
	padding-top: calc(100px + 40px);							/* Logo Height (40px) */
	padding-bottom: calc(120px);
	position: relative;
	z-index: 1;
	margin: 0 auto;
	}
	#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-auto #page-title.title-center {
	padding-top: calc(120px) !important;
	padding-bottom: calc(120px) !important;
	}
	.single-post #hero.hero-auto #page-title {
	padding-bottom: 100px;
	}
	#hero.hero-auto.no-bg #page-title {
	padding-bottom: 60px;
	}
	#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-auto.no-bg #page-title {
	padding-top: 60px;
	}

#hero.hero-fullscreen #page-title,
#hero.hero-custom #page-title {
	margin-top: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%); 
	-moz-transform: translateY(-50%) translateX(-50%); 
	-ms-transform: translateY(-50%) translateX(-50%); 
	-o-transform: translateY(-50%) translateX(-50%); 
	transform: translateY(-50%) translateX(-50%);
	}

#hero.hero-fullscreen #page-title.title-top,
#hero.hero-fullscreen #page-title.title-bottom,
#hero.hero-fullscreen #page-title.push-bottom:not(.title-top),
#hero.hero-custom #page-title.title-top,
#hero.hero-custom #page-title.title-bottom,
#hero.hero-custom #page-title.push-bottom:not(.title-top){
	top: 0;
	-webkit-transform: translateY(0%) translateX(-50%); 
	-moz-transform: translateY(0%) translateX(-50%); 
	-ms-transform: translateY(0%) translateX(-50%); 
	-o-transform: translateY(0%) translateX(-50%); 
	transform: translateY(0%) translateX(-50%);
	}

#hero.hero-fullscreen #page-title.title-center,
#hero.hero-custom #page-title.title-center {
	padding-top: calc(100px + 40px);							/* logo height (40px) */
	padding-bottom: calc(100px + 40px);						/* logo height (40px) */
}

#hero.hero-fullscreen #page-title.title-bottom,
#hero.hero-custom #page-title.title-bottom { 
	top: auto;
	bottom: 0;
	padding-bottom: 40px;					
}

#hero.no-bg ~ #page-body .top-content-spacer,
body.woocommerce-checkout .top-content-spacer {
	display: none;
	}


/* hero description */
#hero #page-title.align-left .description,
#hero #page-title.align-right .description {
	max-width: 480px;
}

/* hero home (theme check) */
#hero.hero-home #page-title {
	padding: 120px 0 !important;
	}

#hero.hero-home #page-title h1,
#hero #page-title.hero-single .post-name {
	font-weight: 700;
	}



/*---------------------------------------------- 

9. PORTFOLIO

------------------------------------------------*/
/* Share */
#single-share {
	margin-top: 40px;
	overflow: hidden;
	position: relative;
	border-top: 1px solid rgba(0,0,0,0.11);
	border-bottom: 1px solid rgba(0,0,0,0.11);
	padding: 15px 0;
	}
	.text-light #single-share {
	border-color: rgba(255,255,255,0.19);
	}
	.has-pagination #single-share {
	border-bottom: none;
	}

#single-share .share-title {
	float: left;
	}

#single-share .socialmedia-widget {
	margin: 0;
	float: right;
	}
	



/*---------------------------------------------- 

10. BLOG

------------------------------------------------*/
.blog-wrapper {
	margin-top: 40px;
	}
	#hero.hero-auto.no-bg ~ #page-body .blog-wrapper {
	margin-top: 0;
	}
	#hero:not(.no-bg) ~ #page-body .blog-wrapper {
	margin-top: 80px;
}

.post-item.sticky .blog-item-inner {
	border: 1px solid rgba(0,0,0,0.11);
	margin-top: 0;
	padding: 20px;
	border-radius: 0;
	margin-bottom: 20px;
	}

.post-item .blog-item-inner {
	margin-bottom: 40px;
	}

.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: 'Inter';
    font-weight: 700;
	}

.blog-meta > * {
	display: inline-block;
	margin-right: 10px;
}

.post-date, 
.post-cat,
.post-author {
	color: #000;
	display: inline-block;
	margin-right: 3px; 
	position: relative;
	word-wrap: normal;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	line-height: 17px;
	}
	.text-light .post-date, 
	.text-light .post-cat,
	.text-light .post-author {
	color: #fff;
	}
	.post-date,
	.post-author {
	color: rgba(0,0,0,0.31);
}

.post-cat a {
	color: #000;
	}
	.text-light .post-cat a {
	color: #fff;
	}
	.post-cat a:hover {
	color: rgba(0,0,0,0.31); 
	}
	.text-light .post-cat a:hover{
	color: rgba(255,255,255,0.41); 
}

.post-author a {
	color: rgba(0,0,0,0.31); 
	}
	.text-light .post-author a {
	color: rgba(255,255,255,0.41); 
	}
	.post-author a:hover {
	color: #000; 
	}
	.text-light .post-author a:hover {
	color: #fff; 
	}

.blog-media + .blog-info {
	margin-top: 20px;
	}

.blog-meta + .blog-media {
	margin-top: 4px;
	}

.blog-meta + .blog-info {
	margin-top: 10px;
	}

.blog-info {
	width: 90%;
	}
	.style-column-1 .blog-info {
	width: 100%;
	}

.post-content {
	margin-top: 20px;
	margin-bottom: 20px;
	}
	div .post-content:first-child { 
	margin-top: 0; 
	}
	div .post-content:last-child { 
	margin-bottom: 0; 
	}

.blog-info .info-meta {
	margin-bottom: -3px;
	}

.blog-info blockquote { 
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0;
	text-align: left;
	padding: 0 0 0 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	}
	.blog-info blockquote::before,
	.blog-info blockquote::after { 
	display: none;
}

.blog-info blockquote cite { 
	font-size: 13px;
}

/* Single Post */
#page-title .post-meta {
	margin-top: 10px;
}

#page-title .post-cat,
#page-title .post-meta * {
	font-size: 11px;
}

#page-title .post-cat + .post-name {
	margin-top: 10px;
}

#blog-single .blog-media {
	width: calc(100% + 320px); 
	max-width: calc(100vw - 80px);
	margin: 0 auto; 
	margin-bottom: 60px;
	margin-left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.entry-content + [class*='wrapper'] {
	margin-top: 60px;
}

.meta-tags {
	color: rgba(0,0,0,0.31);
	font-size: 11px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.meta-tags a {
	display: inline-block;
	}


/*---------------------------------------------- 

11. SEARCH

------------------------------------------------*/
.search-list .isotope-item {
	border-bottom: 1px solid rgba(0,0,0,0.11);
	padding-bottom: 30px;
	padding-top: 30px;
	}
	.search-list .isotope-item:first-child {
	padding-top: 0;
	}
	.search-list .isotope-item:last-child {
	border: none;
}

.search-list .isotope-item .read-more {
	display: inline-block;
	margin-left: 2px;
	font-size: 11px !important;
}

.search-list .item-inner {
	overflow: hidden;
}

.search-list .item-inner .item-media {
	float: left;
	width: 80px;
}

.search-list .item-inner .item-media + .search-info {
	float: right;
	width: calc(100% - 110px);
}

.search-list .item-inner .item-media + .search-info {
	float: right;
	width: calc(100% - 110px);
}

.search-list .item-inner.type-product .post-content {
	display: none;
}



/*---------------------------------------------- 

11. COMMENTS

------------------------------------------------*/

/* Comments 
----------------------------*/
#blog-comments {
	margin-top: 60px;
	}
	
.comments.zero {
	display: none;
	}

.comments .comment-list {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.comments .comment-list,
.comments .comment-list + p {
	margin-top: 40px;
	}	
	
.comments .comment-list .comment { 
	margin-top: 40px;
	}
	.comments .comment-list .comment:first-child {
	margin-top: 0;
	}

.comments .comment-list .pingback { 
	margin-top: 10px;
	font-size: 0.9em;
	line-height: 1.55em;
	color: rgba(0,0,0,0.31);
	overflow: hidden;
	}
	.comments .comment-list .pingback:first-child {
	margin-top: 0;
	}

.comments .comment-list .pingback .url { 
	border: none !important;
	font-weight: 700;
	margin-left: 10px;
	margin-right: 10px;
	}
	
.comments .comment .comment-inner {
	position: relative;
	}

.comments .comment .comment-content .content,
.comments .comment .comment-content .content p {
	margin-top: 10px;
	font-size: 13px;
	}
	.comments .comment .comment-content .content p:first-child {
    margin-top: 0;
}
		
.comments .comment .children { 
	margin-left: 50px; 
	margin-top: 40px;
	list-style: none;
	}
	
.comments .user {
	float: left;
	width: 50px;
    -moz-border-radius: 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: 10px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-top: 0;
	display: inline-block;
	color: rgba(0,0,0,0.31);
	}
	.text-light .comments .time { 
	color: rgba(255,255,255,0.41); 
	}
	
.comments .name {
	position: relative;
	}
	
.comments .comment-content {
	margin-left: 70px;
	position: relative;
	}

.comments .comment-content .description {
	margin-top: 10px;
	}
		
.comments .comment-reply-link, 
.comments #cancel-comment-reply-link {
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	line-height: 22px;
	margin-left: 25px;
	}
	
.comments #respond {
	margin-top: 50px;
	margin-left: 120px;
	}

.bypostauthor  { 
	border-top: 1px solid transparent; 				/* needed for theme check */
	}

.no-comments {
	margin-top: 40px;
}

/* Leave comment
----------------------------*/
#blog-leavecomment {
	margin-top: 60px;
	}
	.comments.zero + #blog-leavecomment {
	margin-top: 0;
}

.leavecomment textarea {
	min-height: 170px;
	height: 170px;
	}

.leavecomment .comment-form .one-third {
	float: left;
	width: calc(33.33% - 26.66px);
	margin-right: 40px;
	}
	.leavecomment .comment-form .one-third.last-col {
	margin-right: 0%;
	}

.comment-list .comment-form .one-third {
	width: 100%;
	margin-right: 0px;
	}

#single-pagination + .leavecomment { 
	margin-top: 100px;
	padding-top: 0;
	}

#reply-title,
#comment-title,
.woocommerce-Reviews-title {
	font-size: 16px;
	line-height: 25px;
	font-weight: 700;
	}

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




/*---------------------------------------------- 

13. PAGINATION

------------------------------------------------*/
#page-pagination {
	margin: 60px 0 60px 0;
	overflow: hidden;
	text-align: center;
	}

.isotope-grid.shop-container + #page-pagination {
	margin-top: 0;
	}
		
.pagination {
	border: 1px solid rgba(0,0,0,0.11);
	display: inline-block;
	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;
	position: relative;
	}
	#page-pagination .pagination li:first-child {
	padding-left: 15px;
	}
	#page-pagination .pagination li:last-child {
	padding-right: 15px;
	}

.pagination li a, 
.pagination li > span {
	font-family: "Inter";
	font-weight: 400;
	font-size: 13px;
	color: rgba(0,0,0,0.31);
	line-height: 40px;
	display: inline-block;
	padding: 0 6px;
	max-width: 100%;
	}
	
#page-pagination .pagination li.page span, 
#page-pagination .pagination li.page a {
	display: inline-block;
	transition: all 0.2s ease;
	text-align:center;
	}

#page-pagination .pagination li.page span.current, 
#page-pagination .pagination li.page a:hover {
	color: #000;
	}

#page-pagination .pagination li.next .text, 
#page-pagination .pagination li.prev .text {
	display: none;
	}

#page-pagination .pagination li.next a {
	padding-left: 15px;
	display: block;
	}
#page-pagination .pagination li.prev a {
	padding-right: 15px;
	display: block;
	}

#page-pagination .pagination li.next .arrow svg, 
#page-pagination .pagination li.prev .arrow svg {
	width: 10px;
	display: block;
	transform: rotate(90deg) translateX(-1px);
	}
	#page-pagination .pagination li.next .arrow svg {
	transform: rotate(-90deg) translateX(1px);
	}


#page-pagination .pagination li.next.inactive, 
#page-pagination .pagination li.prev.inactive {
	pointer-events: none;
	opacity: 0.2;
	}





/* single pagination */
#single-pagination {
	padding: 60px 0;
	}
	#single-pagination + div[class*='spacer-'] { 
	height: 0; 
	}

#single-pagination.blog-pagination {
	padding: 0;
	border-top: 1px solid rgba(0,0,0,0.11);
	border-bottom: 1px solid rgba(0,0,0,0.11);
	}

#single-pagination .pagination {
	display: block;
	border: none;
	width: 100%;
	padding: 40px 0;
	}

#single-pagination .pagination li {
	float: left;
	text-align: left;
	width: calc(50% - 30px);
	}
	#single-pagination .pagination li.next {
	float: right;
	text-align: right;
	}
	#single-pagination .pagination li.inactive {
	display: none;
	}

#single-pagination .pagination li a {
	line-height: inherit;
	padding: 0;
	}

#single-pagination .pagination li a .text {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: rgba(0,0,0,0.31);
	}
	.text-light #single-pagination .pagination li a .text {
	color: rgba(255,255,255,0.41);
	}

#single-pagination .pagination li .post-title {
	content: attr(data-title);
	font-family: "Inter";
	font-weight: 400;
	font-size: 18px;
	display: block;
	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 (wordpress core) */
.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 */
#comment-pagination {
	margin-left: 55px;
	margin-top: 40px;
}

#comment-pagination a {
	border-bottom: 1px solid #000;
	padding: 0;
}




/*---------------------------------------------- 

14. EXTERN PLUGINS (smartscroll,masonry,revolution slider, flickity)

------------------------------------------------*/
/* masonry / isotope */
.isotope-grid { 
	width: 100%;
	margin-top: 40px; 
	margin-bottom: -1px;	/* workaround for hiding minipixels */
	}
	.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-small'] {
	width: calc(100% + 5px); 
	left: 0;
	margin-bottom: -5px;
	}

.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 .isotope-item {
	margin-bottom: -0.5px;	/* workaround for hiding minipixels */
	float: left;
	position: relative;
	}
	.isotope-grid[class*='isotope-spaced'] .isotope-item { 
	margin-bottom: 20px; 
	margin-right: 20px; 
	}
	.isotope-grid[class*='isotope-spaced-small'] .isotope-item { 
	margin-bottom: 5px; 
	margin-right: 5px; 
	}
	.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-small'] .isotope-item  { width: calc(50% - 5px); }
	.isotope-grid.style-column-2[class*='isotope-spaced-small'] .isotope-item.double-width { width: calc(100% - 5px); }
.isotope-grid.style-column-3[class*='isotope-spaced-small'] .isotope-item  { width: calc(33.33% - 5px); }
	.isotope-grid.style-column-3[class*='isotope-spaced-small'] .isotope-item.double-width { width: calc(66.66% - 5px); }
.isotope-grid.style-column-4[class*='isotope-spaced-small'] .isotope-item  { width: calc(25% - 5px); }
	.isotope-grid.style-column-4[class*='isotope-spaced-small'] .isotope-item.double-width { width: calc(50% - 5px); }
.isotope-grid.style-column-5[class*='isotope-spaced-small'] .isotope-item  { width: calc(20% - 5px); }
	.isotope-grid.style-column-5[class*='isotope-spaced-small'] .isotope-item.double-width { width: calc(40% - 5px); }
.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%; 														/* take fullwidth for large screen (not for gallery) */
}

.isotope-grid .isotope-item .ratio-wrapper > img { 
	object-fit: cover; 
	object-position: 50% 50%; 
	width: 100%; 
	height: 100% !important; 
}

.isotope-grid.rowhalf.halfheight .isotope-item .item-media { 
	overflow: hidden;
	text-align: center;
}

.isotope-grid.rowhalf.halfheight .isotope-item .item-media img { 
	max-width: 100%;
	max-height: 100%;
	width: auto;
	text-align: center;
}


/* normal offset */
.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; }

/* crazy offset */
.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 More ****/
.load-isotope {
	position: relative;
	height: 44px;
	transition: all 0.4s ease;
	margin: 60px 0;
	}

.load-isotope > a {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transition: all 0.3s ease;
	position: absolute !important;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
  	-moz-transform: translateX(-50%) translateY(-50%);
  	-ms-transform: translateX(-50%) translateY(-50%);
  	-o-transform: translateX(-50%) translateY(-50%);
  	transform: translateX(-50%) translateY(-50%);
	z-index: 2;
	}
	.load-isotope > a[data-method='infiniteload'] {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
	visibility: hidden;
	}
	.load-isotope.loading > a, 
	.load-isotope.disabled > a {
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
.load-isotope > .load-message {
	font-size: 12px;
	line-height: 22px;
	color: rgba(0,0,0,0.31);
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 260px;
	-webkit-transform: translateX(-50%) translateY(-50%);
  	-moz-transform: translateX(-50%) translateY(-50%);
  	-ms-transform: translateX(-50%) translateY(-50%);
  	-o-transform: translateX(-50%) translateY(-50%);
  	transform: translateX(-50%) translateY(-50%);
	transition: all 0.3s 0.3s ease;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	}
	.load-isotope.disabled > .load-message {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
	}
	
.load-isotope .load-isotope-icon {
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	transition: all 0.3s ease;
	}
	.load-isotope.loading:not(.disabled) .load-isotope-icon {
	visibility: visible;
	transition-delay: 0.1s;	
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}



/* lazy load */
.lazy-wrapper {
	width: 100%;
	display: block;
	background: rgba(0,0,0,0.04);
	transition: background 1s ease;
	position: relative;										/* to check if this creates issues */
	}
	.text-light .lazy-wrapper {
	background: rgba(255,255,255,0.11);								/* to check if this creates issues */
	}
	.isotope-grid[data-ratio]:not(.mobile-slider) .lazy-wrapper {  
	min-height: 100% !important; 							/* prevent upsizing the items calc by ratios */
	}
	.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 */
.flickity-carousel.hasbullets {
  	padding-bottom: 55px;
	}
	.flickity-carousel.image-gallery.hasbullets {
  	padding-bottom: 40px;
}

.flickity-viewport {
  transition: height 0.4s ease;
}

.flickity-carousel.extended .flickity-viewport {
    overflow: visible;
}

.flickity-carousel .flickity-prev-next-button {
	width: 20px;
	height: 30px;
	padding: 0;
	background: transparent !important;
	border-radius: 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	
	left: auto;
	right: 0;
	top: -40px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	.flickity-carousel .flickity-prev-next-button:disabled { 
	opacity: 1; 
	}
	.flickity-carousel .flickity-prev-next-button.previous { 
	left: auto; 
	right: 25px; 
	}
	.flickity-carousel .flickity-prev-next-button.next { 
	right: 0; 
	}
	.flickity-carousel.arrow-center .flickity-prev-next-button,
	.flickity-carousel.image-gallery .flickity-prev-next-button { 
	top: calc(50% - 15px);
	left: -40px;
	}
	.flickity-carousel.arrow-center .flickity-prev-next-button.next { 
	left: auto;
	right: -40px; 
	}
	.flickity-carousel.image-gallery.hasbullets .flickity-prev-next-button { 
	top: calc(50% - 15px - 20px); /* 20px is for bottom padding*/
	}
	.flickity-carousel.image-gallery .flickity-prev-next-button.previous { 
	left: 40px;
	}
	.flickity-carousel.image-gallery .flickity-prev-next-button.next { 
	left: auto;
	right: 40px; 
	}

.flickity-carousel .flickity-prev-next-button svg {
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	transition: all 0.3s ease;
	}
	.flickity-prev-next-button:disabled svg { 
	opacity: 0.3; 
	}
	.flickity-carousel .flickity-prev-next-button.next:not([disabled]):hover svg { 
	left: calc(50% + 4px); 
	}
	.flickity-carousel .flickity-prev-next-button.previous:not([disabled]):hover svg { 
	left: calc(50% - 4px); 
	}

.flickity-carousel .flickity-prev-next-button .arrow {
    fill: #000;
}


/* rounded arrows */
.flickity-carousel.style-arrows-rounded .flickity-prev-next-button {
	width: 50px;
	height: 50px;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 25px;
	top: -70px;
	}
	.flickity-carousel.style-arrows-rounded .flickity-prev-next-button.previous { 
	left: auto; 
	right: 60px; 
	}
	.flickity-carousel.style-arrows-rounded .flickity-prev-next-button.next { 
	right: 0; 
	}
	.flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button,
	.flickity-carousel.style-arrows-rounded.image-gallery .flickity-prev-next-button { 
	top: calc(50% - 25px);
	left: -80px;
	}
	.flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button.next { 
	left: auto;
	right: -80px; 
	}
	.flickity-carousel.style-arrows-rounded.image-gallery.hasbullets .flickity-prev-next-button { 
	top: calc(50% - 25px - 20px); /* 20px is for bottom padding*/
	}
	.flickity-carousel.style-arrows-rounded.image-gallery .flickity-prev-next-button.previous { 
	left: 40px;
	}
	.flickity-carousel.style-arrows-rounded.image-gallery .flickity-prev-next-button.next { 
	left: auto;
	right: 40px; 
	}

.flickity-carousel.style-arrows-rounded .flickity-prev-next-button.next svg { 
	left: calc(50% + 1px); 
}

.flickity-carousel.style-arrows-rounded .flickity-prev-next-button.previous svg { 
	left: calc(50% - 1px); 
}


.flickity-carousel:not(.dot-bottom-center) .flickity-page-dots {
	top: -35px;
	bottom: auto;
	right: 0;
	width: auto;
	}

.flickity-carousel.image-gallery .flickity-page-dots {
	top: auto;
	bottom: 0;
	right: auto;
	width: 100%;
	}

.flickity-carousel .flickity-page-dots li.dot {
	background: transparent;
	width: 18px;
  	height: 18px;
	margin: 0 4px;
	position: relative;
	opacity: 1;
	transition: border 0.3s ease;
	border: 1px solid transparent;
	}
	.flickity-carousel .flickity-page-dots li.dot.is-selected { 
	border: 1px solid #000;
	}

.flickity-carousel .flickity-page-dots li.dot::after {
	content: "";
	position: absolute;
	left: calc(50% - 2.5px);
	top: calc(50% - 2.5px);
	width: 5px;
  	height: 5px;
  	background: #000;
	border-radius: 50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}

/* flickity carousel */
.flickity-carousel[class*='flickity-spaced'] .isotope-item { margin-right: 20px; }
.flickity-carousel[class*='flickity-spaced-small'] .isotope-item { margin-right: 5px; }
.flickity-carousel[class*='flickity-spaced-big'] .isotope-item { margin-right: 40px; }
.flickity-carousel[class*='flickity-spaced-huge'] .isotope-item { margin-right: 80px; }

.flickity-carousel.style-column-2 .isotope-item { width: 50%; }
.flickity-carousel.style-column-2[class*='flickity-spaced'] .isotope-item { width: calc((100% - 20px)/2); }
.flickity-carousel.style-column-2[class*='flickity-spaced-small'] .isotope-item { width: calc((100% - 5px)/2); }
.flickity-carousel.style-column-2[class*='flickity-spaced-big'] .isotope-item  { width: calc((100% - 40px)/2); }
.flickity-carousel.style-column-2[class*='flickity-spaced-huge'] .isotope-item  { width: calc((100% - 80px)/2); }
.flickity-carousel.style-column-3 .isotope-item { width: 33.3%; }
.flickity-carousel.style-column-3[class*='flickity-spaced'] .isotope-item  { width: calc((100% - 40px)/3); }
.flickity-carousel.style-column-3[class*='flickity-spaced-small'] .isotope-item  { width: calc((100% - 10px)/3); }
.flickity-carousel.style-column-3[class*='flickity-spaced-big'] .isotope-item  { width: calc((100% - 80px)/3); }
.flickity-carousel.style-column-3[class*='flickity-spaced-huge'] .isotope-item  { wwidth: calc((100% - 160px)/3); }
.flickity-carousel.style-column-4 .isotope-item { width: 25%; }
.flickity-carousel.style-column-4[class*='flickity-spaced'] .isotope-item  { width: calc((100% - 60px)/4); }
.flickity-carousel.style-column-4[class*='flickity-spaced-small'] .isotope-item  { width: calc((100% - 15px)/4); }
.flickity-carousel.style-column-4[class*='flickity-spaced-big'] .isotope-item  { width: calc((100% - 120px)/4); }
.flickity-carousel.style-column-4[class*='flickity-spaced-huge'] .isotope-item  { width: calc((100% - 240px)/4); }
.flickity-carousel.style-column-5 .isotope-item { width: 20%; }
.flickity-carousel.style-column-5[class*='flickity-spaced'] .isotope-item  { width: calc((100% - 80px)/5); }
.flickity-carousel.style-column-5[class*='flickity-spaced-small'] .isotope-item  { width: calc((100% - 20px)/5); }
.flickity-carousel.style-column-5[class*='flickity-spaced-big'] .isotope-item  { width: calc((100% - 160px)/5); }
.flickity-carousel.style-column-5[class*='flickity-spaced-huge'] .isotope-item  { width: calc((100% - 320px)/5); }

/* random width */
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .isotope-item:nth-child(1n+2) { width: calc((80% - 20px)/2); }
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced'] .isotope-item:nth-child(2n+2) { width: calc((120% - 20px)/2); }

.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(1n+3) { width: calc((87% - 40px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(2n+3) { width: calc((113% - 40px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced'] .isotope-item:nth-child(3n+3) { width: calc((100% - 40px)/3); }

.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(1n+4) { width: calc((83% - 60px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(2n+4) { width: calc((117% - 60px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(3n+4) { width: calc((94% - 60px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(4),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced'] .isotope-item:nth-child(4n+4) { width: calc((106% - 60px)/4); }

.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(1n+5) { width: calc((85% - 80px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(2n+5) { width: calc((115% - 80px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(3n+5) { width: calc((94% - 80px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(4),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(4n+5) { width: calc((106% - 80px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(5),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced'] .isotope-item:nth-child(5n+5) { width: calc((100% - 80px)/5); }

.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-small'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-small'] .isotope-item:nth-child(1n+2) { width: calc((80% - 5px)/2); }
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-small'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-small'] .isotope-item:nth-child(2n+2) { width: calc((120% - 5px)/2); }

.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .isotope-item:nth-child(1n+3) { width: calc((87% - 10px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .isotope-item:nth-child(2n+3) { width: calc((113% - 10px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-small'] .isotope-item:nth-child(3n+3) { width: calc((100% - 10px)/3); }

.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .isotope-item:nth-child(1n+4) { width: calc((83% - 15px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .isotope-item:nth-child(2n+4) { width: calc((117% - 15px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .isotope-item:nth-child(3n+4) { width: calc((94% - 15px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .isotope-item:nth-child(4),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-small'] .isotope-item:nth-child(4n+4) { width: calc((106% - 15px)/4); }

.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .isotope-item:nth-child(1n+5) { width: calc((85% - 20px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .isotope-item:nth-child(2n+5) { width: calc((115% - 20px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .isotope-item:nth-child(3n+5) { width: calc((94% - 20px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .isotope-item:nth-child(4),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .isotope-item:nth-child(4n+5) { width: calc((106% - 20px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .isotope-item:nth-child(5),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-small'] .isotope-item:nth-child(5n+5) { width: calc((100% - 20px)/5); }

.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .isotope-item:nth-child(1n+2) { width: calc((80% - 40px)/2); }
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-big'] .isotope-item:nth-child(2n+2) { width: calc((120% - 40px)/2); }

.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(1n+3) { width: calc((87% - 80px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(2n+3) { width: calc((113% - 80px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-big'] .isotope-item:nth-child(3n+3) { width: calc((100% - 80px)/3); }

.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(1n+4) { width: calc((83% - 120px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(2n+4) { width: calc((117% - 120px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(3n+4) { width: calc((94% - 120px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(4),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-big'] .isotope-item:nth-child(4n+4) { width: calc((106% - 120px)/4); }

.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(1n+5) { width: calc((85% - 160px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(2n+5) { width: calc((115% - 160px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(3n+5) { width: calc((94% - 160px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(4),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(4n+5) { width: calc((106% - 160px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(5),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-big'] .isotope-item:nth-child(5n+5) { width: calc((100% - 160px)/5); }

.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .isotope-item:nth-child(1n+2) { width: calc((80% - 80px)/2); }
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-2[class*='flickity-spaced-huge'] .isotope-item:nth-child(2n+2) { width: calc((120% - 80px)/2); }

.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(1n+3) { width: calc((87% - 160px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(2n+3) { width: calc((113% - 160px)/3); }
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-3[class*='flickity-spaced-huge'] .isotope-item:nth-child(3n+3) { width: calc((100% - 160px)/3); }

.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(1n+4) { width: calc((83% - 240px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(2n+4) { width: calc((117% - 240px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(3n+4) { width: calc((94% - 240px)/4); }
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(4),
.flickity-carousel.random-width.style-column-4[class*='flickity-spaced-huge'] .isotope-item:nth-child(4n+4) { width: calc((106% - 240px)/4); }

.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(1),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(1n+5) { width: calc((85% - 320px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(2),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(2n+5) { width: calc((115% - 320px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(3),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(3n+5) { width: calc((94% - 320px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(4),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(4n+5) { width: calc((106% - 320px)/5); }
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(5),
.flickity-carousel.random-width.style-column-5[class*='flickity-spaced-huge'] .isotope-item:nth-child(5n+5) { width: calc((100% - 320px)/5); }

.flickity-carousel .isotope-item img { width: 100%; }

.flickity-carousel.style-column-2.extended .isotope-item  { width: calc(85%/2); }
.flickity-carousel.style-column-3.extended .isotope-item  { width: calc(85%/3); }
.flickity-carousel.style-column-4.extended .isotope-item  { width: calc(87%/4); }
.flickity-carousel.style-column-5.extended .isotope-item  { width: calc(87%/5); }


/* carousel slider */
.carousel-slider .gallery-image {
    width: 780px;
    max-width: calc(100% - 160px);
    margin-right: 80px;
}

/* content slider */
.carousel-item.item-text {
	padding: 15px 0;
}

	
/* video bg loader */
.phat-bgvideo-container .phat-bgvideo-loader {
	transition: all 0.3s ease;
	}
	.phat-bgvideo-container.loaded .phat-bgvideo-loader {
	opacity: 0;
	visibility: hidden;
	}

/* mute video for phat background video */
.videobg-section > * {
	z-index: 1;
	}

.phatvideo-bg .mute-video {
	content: "";
	bottom: 40px !important;
	left: auto !important;
	right: 60px !important;
	width: 34px;
	height: 34px;
	overflow: hidden;
	z-index: 5;
	background: #fff;
	border-radius: 50%;
	}

.phatvideo-bg .mute-video span { 
	display: none; 
}
	
.phatvideo-bg .mute-video::after, 
.phatvideo-bg .mute-video::before {
	content: "\f4cf";
	font-family: "Ionicons";
	color: #000;
	font-size: 20px;
	line-height: 15px;
	text-indent: 0;
	position: absolute;
	top: calc(50% - 7px);
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	transition: all 0.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);
	}


/* play / pause video for phat background video */
.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;
	}

/* play lightcase for phat background video */
.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;
	}



/* revslider */
.tparrows.custom {
    background: transparent !important;
	border: 1px solid rgba(0,0,0,0.25);
    width: 50px !important;
    height: 50px !important;
	border-radius: 25px;
    transition: all 0.3s ease;
	}
	.tparrows.custom:hover {
    background: #000 !important;
	border-color: #000;
	}
	.tparrows.custom.nav-light {
	border-color: rgba(255,255,255,0.4);
	}
	.tparrows.custom.nav-light:hover {
    background: #fff !important;
	border-color: #fff;
	}

.tparrows.custom::before { display: none !important; }

.tparrows.custom::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(50% - 7px);
    border-top: 1.5px solid #000;
	border-right: 1.5px solid #000;
    display: block;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s ease;
	}
	.tparrows.custom:hover::after {
	border-color: #fff;
	}
	.tparrows.custom.nav-light::after {
	border-color: #fff;
	}
	.tparrows.custom.nav-light:hover::after {
	border-color: #000;
	}
	.tparrows.tp-leftarrow.custom::after {
    left: calc(50% - 3px);
    transform: translateY(-50%) rotate(-135deg);
}

.tp-bullets.custom .tp-bullet {
	background: transparent !important;
	border: 1px solid transparent;
	width: 18px;
  	height: 18px;
  	display: block;
  	border-radius: 30px;
	transition: border 0.3s ease;
	}
	.tp-bullets.custom .tp-bullet.selected {
	border-color: #000;
	}
	.tp-bullets.custom.nav-light .tp-bullet.selected {
	border-color: #fff;
	}
	
.tp-bullets.custom .tp-bullet::after {
	content: "";
	position: absolute;
	left: calc(50% - 2.5px);
	top: calc(50% - 2.5px);
	width: 5px;
  	height: 5px;
  	background: #000;
	border-radius: 50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	transition: background 0.3s ease;
	}
	.tp-bullets.custom.nav-light .tp-bullet::after {
  	background: #fff;
	}


/* fancybox */
body .fancybox-bg {
    background: #fff;
}

body .fancybox-is-open .fancybox-bg {
    opacity: 1;
}

body .fancybox-button {
    background: #fff;
	color: #000;
	width: 50px;
	height: 50px;
}

body .fancybox-button--close svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transition: all 315ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
    -moz-transition: all 315ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
    transition: all 315ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
    width: 16px;
}

body .fancybox-button--close:hover svg {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-o-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	transform: translateX(-50%) translateY(-50%) rotate(135deg);
}

body .fancybox-navigation .fancybox-button {
	padding: 0;
	height: 50px;
	width: 50px;
	border-radius: 30px;
	border: 1px solid rgba(0,0,0,0.25);
	background: #fff;
	}
	body .fancybox-navigation .fancybox-button--arrow_right {
    right: 20px;
	}
	body .fancybox-navigation .fancybox-button--arrow_left {
    left: 20px;
	}
	body .fancybox-button[disabled], body .fancybox-button[disabled]:hover,
	body .fancybox-show-nav .fancybox-navigation .fancybox-button[disabled] {
	opacity: 0;
	}

body .fancybox-navigation .fancybox-button svg {
    position: absolute;
    width: 12px;
    height: 12px;
    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;
	}
	body .fancybox-navigation .fancybox-button--arrow_right svg {
    left: calc(50% + 1px);
	}
	body .fancybox-navigation .fancybox-button--arrow_left svg {
    left: calc(50% - 1px);
	}

	body .fancybox-navigation .fancybox-button--arrow_right:not([disabled]):hover svg {
    left: calc(50% + 4px);
	}
	body .fancybox-navigation .fancybox-button--arrow_left:not([disabled]):hover svg {
    left: calc(50% - 4px);
	}

body .fancybox-caption {
    background: linear-gradient(0deg,rgba(255,255,255,.85) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,.15) 65%,rgba(255,255,255,.075) 75.5%,rgba(255,255,255,.037) 82.85%,rgba(255,255,255,.019) 88%,transparent);
    color: #000;
    font-size: 13px;
}


/* Popup Maker */
.pum-theme-nyla-popup .pum-close {
	background: #fff !important;
	color: #fff !important;
	box-shadow: none !important;
	text-shadow: none !important;
	border: 1px solid red;
	width: 50px !important;
	height: 50px !important;
	padding: 0 !important;
}

.pum-theme-nyla-popup .pum-close::before {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: calc(50% - 8px);
	width: 16px;
	height: 16px;
	background-image:url(../assets/cross.svg);
	-webkit-background-size:16px;
	-moz-background-size:16px;
	-o-background-size:16px;
	background-size:16px;
	background-repeat: no-repeat;
  	transform: rotateZ(45deg);
	transition: all .315s cubic-bezier(.4,.4,0,1);
}

.pum-theme-nyla-popup .pum-close:hover::before {
  	transform: rotateZ(135deg);
}


/*---------------------------------------------- 

15. COLUMNS SECTION

------------------------------------------------*/
.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); } 		/* ((25*2)/3) - (25/3) */
.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; 
}



/*---------------------------------------------- 

17. THUMB OVERLAY EFFECT

------------------------------------------------*/	
.thumb-hover {
	overflow: hidden;
	height: auto;
	display: inline-block;
	vertical-align: middle;			/* workaround for inline-block margin */
	width: 100%;
	max-width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	}
	.imagebutton-media .thumb-hover {
	width: auto;
	}
	.imagebutton-media {
	position: relative;
	}

.overlay-caption { 
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 9%;
	-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-button {
	display: block;	
}
.caption-name + .caption-button, .caption-sub + .caption-button { 
	margin-top: 15px; 
}
.button-hover .caption-name + .caption-button, .button-hover .caption-sub + .caption-button { 
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
    margin-bottom: calc(9% - 30px);
}


.button-hover .caption-button { 
	opacity: 0;
	transition: all 0.25s ease;
	}
	.button-hover:hover .caption-button { 
	opacity: 1;
}


	
.caption-dark .caption-sub , .caption-dark .caption-name { 
	color: #000; 
	transition: color 0.31s ease; 
}	
.caption-light .caption-sub , .caption-light .caption-name { 
	color: #fff; 
	transition: color 0.31s ease; 
}	


/* img effect */
.thumb-hover > img,
.thumb-hover .lazy-img img {
	transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995) 0s;
	position: relative;
	z-index: 1;
	}

.thumb-hover .main-image {
	display: block;
	position: relative;
	}

.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.03);
  	-moz-transform: scale(1.03);
  	-ms-transform: scale(1.03);
  	-o-transform: scale(1.03);
  	transform: scale(1.03);
	}

/* 2nd hover image && variation image */
.thumb-hover .hover-image,
.thumb-hover .hover-image .lazy-wrapper,
.thumb-hover .hover-image .lazy-img,
.thumb-hover .variation-image,
.thumb-hover .variation-image .lazy-wrapper,
.thumb-hover .variation-image .lazy-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	transition: opacity 0.1s ease;
	}

.thumb-hover .variation-image,
.thumb-hover .hover-image {
	opacity: 0;
	}
	.thumb-hover .variation-image.active,
	.thumb-hover:hover .hover-image {
	opacity: 1;
	}

.thumb-hover .main-image,
.thumb-hover .variation-image {
	z-index: 1;
	}
	.thumb-hover .variation-image.active,
	.thumb-hover .main-image.active {
	z-index: 2;
	}

.thumb-hover .hover-image > img,
.thumb-hover .hover-image .lazy-img > img,
.thumb-hover .variation-image > img,
.thumb-hover .variation-image .lazy-img > img { 
	object-fit: cover; 
	object-position: 50% 50%; 
	width: 100%; 
	height: 100%; 
	}





/*---------------------------------------------- 

18. ANIMATIONS (portfolio, hero, text, ...)

------------------------------------------------*/

/* general animation */
[class*='do-anim']:not(.do-anim-text) {
	transition: all 0.5s cubic-bezier(.19,1,.22,1);
	opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: translateY(5px);
  	-moz-transform: translateY(5px);
  	-ms-transform: translateY(5px);
  	-o-transform: translateY(5px);
  	transform: translateY(5px);
	}

body.loading-end .animated[class*='do-anim']:not(.do-anim-text) {
	-webkit-transform: translate(0) !important;
  	-moz-transform: translate(0) !important;
  	-ms-transform: translate(0) !important;
  	-o-transform: translate(0) !important;
  	transform: translate(0) !important;
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}





/*---------------------------------------------- 

19. ELEMENTS

------------------------------------------------*/

/*	spacer
-------------------------------------------------*/	
div[class*='spacer-'] { 
	display: block; 
	}
	.spacer-micro { 
	height: 10px; 
	}
	.spacer-mini { 
	height: 20px; 
	}
	.spacer-small { 
	height: 40px; 
	}
	.spacer-medium { 
	height: 80px; 
	}
	.spacer-big { 
	height: 100px; 
	}

div[class*='spacer-'] + p, 
div[class*='spacer-'] + div, 
div[class*='spacer-'] + blockquote, 
div[class*='spacer-'] + ul,
div[class*='spacer-'] + h1, 
div[class*='spacer-'] + h2, 
div[class*='spacer-'] + h3, 
div[class*='spacer-'] + h4, 
div[class*='spacer-'] + h5, 
div[class*='spacer-'] + h6 { 
	margin-top: 0px !important; 
}



/*	Buttons
-------------------------------------------------*/
.sr-button, .button {
	font-family: 'Inter';
	font-weight: 500;
}
	
	.sr-button:not(.underline):not(.play-button),
.button[data-value] {
	font-size: 13px !important;
	line-height: 40px;
	height: 40px;
	border-radius: 0;
	text-align: center;
	color: #fff !important;
	background: none;
	display: inline-block;
	padding: 0px 30px;
	transition: all 0.2s ease;
	max-width: 100%;
	margin: 2px 0 3px 0;
	position: relative;
	overflow: hidden;
	width: auto;
	border: 1px solid #000;
	transition: all 450ms ease;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
	.sr-button:last-child {
	margin-bottom: -4px;
	}
	.sr-button:not(.underline):not(.play-button)::after,
	.button[data-value]::after {
	content: "";
	z-index: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	-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); 
	}
	.button[data-value]::after {
	z-index: -1;
	}
	.sr-button:not(.underline):not(.play-button):not(.icon-animate):hover,
	.thumb-hover:hover .sr-button:not(.underline):not(.play-button):not(.icon-animate),
	.button[data-value]:hover {
	color: #000 !important;
	background: none;
	}
	.sr-button:not(.underline):not(.play-button):not(.icon-animate):hover::after,
	.thumb-hover:hover .sr-button:not(.underline):not(.play-button):not(.icon-animate)::after,
	.button[data-value]:hover::after {
	height: 0;
	}
	.sr-button.withicon.icon-animate {
	width: 200px;
	}


.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); 
	color: #fff;
	}
	.sr-button .text span:nth-child(2n) {
	color: #000;
	}
	.sr-button:not(.icon-animate):hover .text span,
	.thumb-hover:hover .sr-button:not(.icon-animate) .text span {
	transform: translateY(100%) !important;
	}

	
.sr-button .text span:not(:first-child) {
	position: absolute;
	top: -100%;
	left: 0;
	}

/* withicon */
.sr-button.withicon .icon {
	z-index: 1;
	width: 12px;
	height: 40px;
	display: inline-block;
	position: relative;
	transition: all 0.2s ease !important;
	vertical-align: top;
	margin-left: 5px;
	}
	.sr-button.withicon.icon-animate .icon {
	-webkit-transition: all 250ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
	   -moz-transition: all 250ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
		 -o-transition: all 250ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
			transition: all 250ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
	width: 0;
	margin-left: 0;
	opacity: 0;
	}
	.sr-button.withicon.icon-animate:hover .icon {
	width: 12px;
	margin-left: 7px;
	opacity: 1;
	}

.sr-button.withicon svg {
	fill: #fff;
	position: absolute;
	width: 12px;
	max-width: inherit;
	left: 51%;
	top: 49%;
	-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 ease !important;
	}

.sr-button.withicon i {
	font-size: 13px !important;
	}
	.sr-button.withicon i.fa-play {
	position: relative;
	left: 4%;
	}


.sr-button.underline { 
	font-size: 12px !important; 
	color: #000 !important; 
	line-height: 1.3 !important; 
	padding: 0 !important; 
	border: none;
	border-bottom: 1px solid #000 !important; 
	display: inline-block;
	background: none;  
	text-align: left;
	width: auto;
	}
	.text-light .sr-button.underline { color: #fff !important; border-color: #fff !important; }
	.sr-button.underline .text { margin-top: 0; line-height:17px; height:17px; }
	.sr-button.underline:hover  {  border-color: rgba(0,0,0,0.20) !important;  }
	.text-light .sr-button.underline:hover  {  border-color: rgba(255,255,255,0.30) !important;  }

/* icon button */
.sr-button-icon {
	display: inline-block;
	line-height: 40px;
	height: 40px;
	width: 40px;
	border-radius: 25px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	background: #000;
	border: 1px solid #262626;
	transition: all 0.15s ease;
	}
	.sr-button-icon:hover {
	color: #000;
	background: #fff;
	border: 1px solid #e4e4e4;
	}

.sr-button-icon .fa-play{
	transform: translateX(15%);
}

/* play button */
.sr-button.play-button {
	color: #fff !important;
	display: inline-block;
	text-align: center;
	position: relative;
	padding-top: 87px;
	font-family: 'Inter';
	font-weight: 400;
	font-size: 13px;
	}

.sr-button.play-button .icon {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0.04em;
	color: #000;
	border: 1.5px solid #000;
	line-height: 80px; 
	width: 80px; 
	height: 80px; 
	text-align: center;
	border-radius: 50px;
	position: absolute;
	top: 0;
	left: calc(50% - 40px);
	transition: all 250ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
	}
	.sr-button.play-button:hover .icon {
	color: #fff;
	border-color: #000;
	background: #000;
	}
	.text-light .sr-button.play-button .icon {
	color: #fff;
	border-color: #fff;
	}
	.text-light .sr-button.play-button:hover .icon {
	color: #000;
	border-color: #fff;
	background: #fff;
	}

.sr-button.play-button .icon::after {
	content: "\f04b";
	font-family: FontAwesome;	
	margin-left: 0.1em;
	position: absolute;
	top: 50%; 
	left: 50%; 
	transform: translateX(-50%) translateY(-50%);
	}
	

/* styles */
.sr-button.style-2:not(.underline):not(.play-button), .button.style-2[data-value] { color: #000 !important; border: 1px solid #fff; }
.sr-button.style-2:not(.underline):not(.play-button)::after, .button.style-2[data-value]::after { background: #fff; }
.sr-button.style-2 .text span { color: #000; }
.sr-button.style-2 .text span:nth-child(2n) { color: #fff; }
.sr-button.style-2:not(.underline):not(.play-button):not(.icon-animate):hover, .button.style-2[data-value]:hover { color: #fff !important; }
.sr-button.style-2.withicon svg { fill: #000; }

.sr-button-icon.style-2  { color: #000; background: #fff; border: 1px solid #e4e4e4; }
.sr-button-icon.style-2:hover  { color: #fff; background: #000; border: 1px solid #262626; }

/* sizes */
.sr-button.button-mini:not(.underline):not(.play-button) { font-size: 10px !important; line-height: 28px; height: 28px; padding: 0px 15px;  }
	.sr-button.button-mini:not(.underline):not(.play-button) .text { margin-top: 4px;  }
	.sr-button.button-mini.withicon i { font-size: 11px !important; }
.sr-button.button-small:not(.underline):not(.play-button) { font-size: 11px !important; line-height: 34px; height: 34px; padding: 0px 25px;  }
	.sr-button.button-small:not(.underline):not(.play-button) .text { margin-top: 7px;  }
	.sr-button.button-small.withicon i { font-size: 12px !important; }
.sr-button.button-medium:not(.underline):not(.play-button) { font-size: 13px !important; line-height: 46px; height: 46px; padding: 0px 40px;  }
	.sr-button.button-medium:not(.underline):not(.play-button) .text { margin-top: 13px;  }
	.sr-button.button-medium.withicon i { font-size: 14px !important; }
.sr-button.button-big:not(.underline):not(.play-button) { font-size: 14px !important; line-height: 54px; height: 54px; padding: 0px 50px;  }
	.sr-button.button-big:not(.underline):not(.play-button) .text { margin-top: 17px;  }
	.sr-button.button-big.withicon i { font-size: 16px !important; }
.sr-button.button-huge:not(.underline):not(.play-button) { font-size: 17px !important; line-height: 60px; height: 60px; padding: 0px 70px;  }
	.sr-button.button-huge:not(.underline):not(.play-button) .text { margin-top: 20px;  }
	.sr-button.button-huge.withicon i { font-size: 20px !important; }

.sr-button.button-mini.underline { font-size: 10px !important; }
.sr-button.button-small.underline { font-size: 11px !important; }
.sr-button.button-medium.underline { font-size: 13px !important; }
.sr-button.button-big.underline { font-size: 15px !important; }
.sr-button.button-huge.underline { font-size: 17px !important; }

.sr-button.button-mini.play-button { font-size: 10px; padding-top: 45px; }
.sr-button.button-mini.play-button .icon {font-size: 10px; border-width: 1px; line-height: 40px; width: 40px; height: 40px; left: calc(50% - 20px); }
.sr-button.button-small.play-button { font-size: 11px; padding-top: 56px; }
.sr-button.button-small.play-button .icon {font-size: 12px; border-width: 1px; line-height: 50px; width: 50px; height: 50px; left: calc(50% - 25px); }
.sr-button.button-medium.play-button { font-size: 12px; padding-top: 67px; }
.sr-button.button-medium.play-button .icon { font-size: 13px; border-width: 1.5px; line-height: 60px; width: 60px; height: 60px; left: calc(50% - 30px); }
.sr-button.button-big.play-button { font-size: 13px; padding-top: 87px; }
.sr-button.button-big.play-button .icon {font-size: 14px; border-width: 1.5px; line-height: 80px; width: 80px; height: 80px; left: calc(50% - 40px); }
.sr-button.button-huge.play-button { font-size: 15px; padding-top: 110px; }
.sr-button.button-huge.play-button .icon {font-size: 16px; border-width: 2px; line-height: 100px; width: 100px; height: 100px; left: calc(50% - 50px); }




/*	Inline Video
-------------------------------------------------*/	
.inline-video, .inline-lightcase {
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin-bottom: -0.8%;			/* workaround for bottom margin from inline-block */
	max-width: 100%;
	overflow: hidden;
	}

.follow-mouse .mouse-action {
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	border: 1px solid #000;
	background: #000;
	width: 80px; 
	height: 80px; 
	text-align: center;
	position: absolute;
	top: calc(50% - 40px); 
	left: calc(50% - 40px);
	-moz-border-radius:50px; 
	-khtml-border-radius:50px; 
	-webkit-border-radius:50px;
	border-radius: 50px;
	z-index: 2;
	}
	.follow-mouse .mouse-action::after {
	content: "\f04b";
	font-family: FontAwesome;	
	margin-left: 2px;
	position: absolute;
	top: 50%; 
	left: 50%; 
	transform: translateX(-50%) translateY(-50%);
	}
	.follow-mouse:not(:hover) .mouse-action {
	transform: none !important;
	transition: transform 0.5s cubic-bezier(0.4, 0.4, 0.000, 1.0);
	}
	.follow-mouse.active .mouse-action {
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	}
	
.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
-------------------------------------------------*/		
.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;
	}


/*	Tabs
------------------------------------------------*/
.sr-tabs {
	margin-top: 30px;
	}
	div .sr-tabs:first-child {
	margin-top: 0;
	}
	
.sr-tabs .tab-nav {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	overflow-x: auto;
  	white-space: nowrap;
	-webkit-mask-image: linear-gradient(to left, transparent -2%, black 25%);
  	mask-image: linear-gradient(to left, transparent -2%, black 25%);
	padding-bottom: 20px;		/* for the scroll bar - mobile */
	}
	
.sr-tabs .tab-nav li {
	display: inline-block;
	margin: 0 10px;
	position: relative;
	}
	.sr-tabs .tab-nav li:first-child {
	margin-left: 0;
	}
	.sr-tabs .tab-nav li:last-child {
	margin-right: 60px;			/* for the mask */
	}
	
.sr-tabs .tab-nav li a { 
	color: rgba(0,0,0,0.31); 
	position: relative;
	display: inline-block;
	}
	.text-light .sr-tabs .tab-nav li a { 
	color: rgba(255,255,255,0.41); 
	}

.sr-tabs .tab-nav li a::after { 
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #000; 
	transition: all 0.25s ease;
	opacity: 0;
	}
	/*.sr-tabs .tab-nav li.active a::after { 
	opacity: 1;
	}*/

.sr-tabs .tab-nav li:hover a,
.sr-tabs .tab-nav li.active a { 
	color: #000; 
	}
	.text-light .sr-tabs .tab-nav li.active a { 
	color: #fff; 
	}

.sr-tabs .tab-container .tab-content:not(.active) .isotope-grid,
.variation-gallery:not(.active) .isotope-grid {
	margin-bottom: 0 !important;		/* fix for safari */
	}

.sr-tabs .tab-container .tab-content {
	display: block;
	max-height: 0;
	box-sizing:border-box;
	transition: max-height 0.01s ease 0.3s;
	}

.sr-tabs .tab-container .tab-content.active {
	max-height: 9999px;
	transition: max-height 0.01s ease 0.3s;
	}

.sr-tabs .tab-container .tab-content .tab-wrapper {
	opacity: 0;
	transform: translateY(5px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	}

.sr-tabs .tab-container .tab-content.active .tab-wrapper {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.3s ease 0.35s, transform 0.3s ease 0.35s;
	}

/* ajax tabs */
.sr-tabs  .sr-loader-icon {
    transition: all 0.2s ease;
    opacity: 0;
    visibility: hidden;
	top: 60px;
	}
	.sr-tabs.tab-loading  .sr-loader-icon {
    opacity: 1;
    visibility: visible;
	transition-delay: 0.2s;
}

.sr-tabs.tab-loading .tab-container .tab-content .tab-wrapper {
	opacity: 0;
	transform: translateY(5px);
	transition-delay: 0s;
	}


/*	toggle
-------------------------------------------------*/	
.accordion {
	margin-top: 30px;
	}
	div .accordion:first-child { 
	margin: 0; 
	}

.toggle-item {
	padding: 15px 0;
	border-bottom: 1px solid rgba(0,0,0,0.11);
	}
	div .toggle-item:first-child { 
	border-top: 1px solid rgba(0,0,0,0.11);
	}	
	.text-light div .toggle-item:first-child { 
	border-color: rgba(255,255,255,0.19);
	}

.toggle-item .toggle-title { 
	position: relative; 
	cursor: pointer; 
	}

.toggle-item .toggle-title svg {
	width: 10px;
	position: absolute;
	top: 5px;
	right: 0;
	transition: all 315ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
	}
	.toggle-item .toggle-title.toggle-active svg { 
	transform: rotate(45deg);	
	}
	.text-light .toggle-item .toggle-title svg path { 
	fill: #fff;
	}

.toggle-item .toggle-inner { 
	padding-top: 20px;
	padding-bottom: 5px;
	}


/*---------------------------------------------- 

20. WIDGETS

------------------------------------------------*/

/* General Widgets
-------------------------------- */
.widget {
	margin-top: 30px;
	height: auto;
	}
	div .widget:first-child, .wcapf-widget-hidden + .widget { 
	margin-top: 0; 
	}
	
.widget-title {
	font-size: 13px;
	font-weight: 700;
	line-height: 22px;
	}

.widget-title + div, 
.widget-title + ul, 
.widget-title + p, 
.widget-title + ol,
.widget-title + form,
.widget-title + .screen-reader-text + select {
	margin-top: 15px;
	}
	

#footer .widget_text {
	font-size: 13px;
	line-height: 23px;
}
	
/* Menu Widget
-------------------------------- */
.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;
	font-size: 13px;
	}
	.widget ul:not(.socialmedia-widget) li:first-child {
	margin-top: 0;
	}

.widget ul:not(.socialmedia-widget) li a {
	font-weight: 400;
	font-size: 13px;
	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); 
	}
	.text-light .widget ul:not(.socialmedia-widget) li a { 
	color: #fff;
	}
	.text-light .widget ul:not(.socialmedia-widget) li a:hover { 
	color: rgba(255,255,255,0.41);
	}
	
.widget ul:not(.socialmedia-widget) ul.sub-menu, .widget ul:not(.socialmedia-widget) ul.children {
	margin: 5px 0 15px 0;
	padding: 0 0 0 0;
	}
	.widget_nav_menu ul ul.sub-menu, .widget_pages ul ul.children {
	margin-left: 5px !important;
	}

.widget ul:not(.socialmedia-widget) ul.sub-menu li {
	margin-top: 4px;
	}
	
.widget ul:not(.socialmedia-widget) ul.sub-menu li a, 
.widget ul:not(.socialmedia-widget) ul.children li a {
	font-size: 12px;
	line-height: 15px;
	}

widget_nav_menu
	
	
/* Rss Widget
-------------------------------- */	
.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;
	}
	.text-light .widget.widget_rss ul li .rss-date {
	color: rgba(255,255,255,0.41);
	}

.widget.widget_rss ul li .rssSummary {
	color: rgba(0,0,0,0.51); 
	margin-top: 6px;
	}	
	.text-light .widget.widget_rss ul li .rssSummary {
	color: rgba(255,255,255,0.69); 
	}

.widget.widget_rss ul li cite {
	margin-top: 6px;
	}


/* Calendar Widget
-------------------------------- */	
.widget_calendar table  {
    margin-bottom: 0;
}

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

.widget_calendar table tfoot td {
    border: none;
}

.widget_calendar table td#today {
    background: rgba(0,0,0,0.05);
	}
	.text-light .widget_calendar table td#today {
    background: rgba(255,255,255,0.3);
}

.widget_calendar nav {
    overflow: hidden;
	}

.widget_calendar nav .wp-calendar-nav-prev,
.widget_calendar nav .wp-calendar-nav-next {
    float: left;
	width: 50%;
	}
	.widget_calendar nav .wp-calendar-nav-next {
    text-align: right;
	}

.widget_calendar nav .pad {
    display: none;
	}


/* Social Media Widget
-------------------------------- */	
.socialmedia-widget {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	line-height: 0;
	}
	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: 18px;
	height: 18px;
	color: #000;
	transition: all 0.2s ease;
	display: block;
	text-align: center;
	padding-right: 15px;
	}
	.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.text-style.size-big li a, 
.socialmedia-widget.textshort-style.size-big li a { 
	font-size: 14px;
	}

	.socialmedia-widget.text-style.size-huge li a, 
.socialmedia-widget.textshort-style.size-huge li a { 
	font-size: 16px;
	line-height: 20px;
	}
	

.socialmedia-widget li a::before { 
	display:block; 
	transition: all 0.3s ease; 
	font-family: FontAwesome;	
	font-size: 12px;
  	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:"\f09a"; }
.socialmedia-widget li.twitter a::before { content:"\f099" }
.socialmedia-widget li.tumblr a::before { content: "\f173"; }
.socialmedia-widget li.vimeo a::before { content: "\f27d"; }
.socialmedia-widget li.dribbble a::before { content: "\f17d"; }
.socialmedia-widget li.deviantart a::before { content: "\f1bd"; }
.socialmedia-widget li.behance a::before { content: "\f1b4"; }
.socialmedia-widget li.flickr a::before { content: "\f16e"; }
.socialmedia-widget li.linkedin a::before { content: "\f0e1"; }
.socialmedia-widget li.rss a::before { content: "\f09e"; }
.socialmedia-widget li.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"; }
.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.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; }



/* Search Widget
-------------------------------- */
.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;
	}


/* Ajax Category filter 
-------------------------------- */	
.widget .wcapf-layered-nav .children {
	margin: 0 0 20px 0 !important;
}

.widget .wcapf-layered-nav .children li a {
	font-weight: 400;
}

.widget .wcapf-layered-nav .children {
	padding-top: 5px;
}

.widget .wcapf-layered-nav li.chosen .children li.chosen > a::before {
	top: calc(50% - 5px);
	}


/* Filter Attribute
-------------------------------- */
.sr-filter-container .widget .wcapf-layered-nav > ul,
.widget .wcapf-layered-nav.sr-color-wcapf > ul ,
.widget .wcapf-layered-nav.sr-button-wcapf > ul, 
.widget .wcapf-layered-nav.sr-image-wcapf > ul  {
	overflow-y: auto;
	overflow-x: visible;
	max-height: 180px;
	}

.widget .wcapf-layered-nav ul li {
	margin: 0 !important;
	margin-bottom: 3px !important;
	position: relative;
	margin-right: 0 !important;
	line-height: auto;
	height: auto;
	}
	.widget .wcapf-layered-nav ul.children li {
	margin-left: 10px !important;
	}
	.widget .wcapf-layered-nav ul.children li.chosen {
	margin-left: 0 !important;
	}
	.widget .wcapf-layered-nav li.chosen ul.children li.chosen {
	margin-left: 10px !important;
	}
	

.widget .wcapf-layered-nav ul li a {
	position: relative;
	display: inline-block;
	line-height: 26px;
	color: #000;
	line-height: auto;
	height: auto;
	}
	.widget .wcapf-layered-nav ul li > a:hover {
	color: rgba(0,0,0,0.41);
	}
	.widget .wcapf-layered-nav ul li.chosen > a:hover {
	color: #000;
	}
	.widget .wcapf-layered-nav ul li.chosen > a {
	margin-left: 10px;
	margin-right: 10px;
	}
	.wcapf-layered-nav.sr-color-wcapf ul li a {
	padding-left: 20px;
	}
	.wcapf-layered-nav.sr-image-wcapf ul li a {
	padding-left: 35px;
	}

.widget .wcapf-layered-nav ul li .count {
	font-size: 13px;
	color: rgba(0,0,0,0.41);
}

.widget .wcapf-layered-nav ul li::before {
	display: none;
}

.widget .wcapf-layered-nav ul li.chosen > a::after {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	width: calc(100% + 37px);
	height: 100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border: 1px solid transparent;
	}
	.widget .wcapf-layered-nav ul li.chosen a::after {
	border: 1px solid rgba(0,0,0,0.11);
	}

.widget .wcapf-layered-nav ul li.chosen > a::before {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: -17px;
	width: 10px;
	height: 10px;
	background-image:url(../assets/cross.svg);
	-webkit-background-size:10px;
	-moz-background-size:10px;
	-o-background-size:10px;
	background-size:10px;
	background-repeat: no-repeat;
	-webkit-transform: rotateZ(45deg);
  	-moz-transform: rotateZ(45deg);
  	transform: rotateZ(45deg);
	opacity: 0.3;
	transition: opacity 0.2s ease;
	}
	.widget .wcapf-layered-nav ul li.chosen > a:hover::before {
	opacity: 1;
	}

.widget .wcapf-layered-nav ul.children li.chosen > a::after {
	width: 4px;
	height: 4px;
	border-radius: 5px;
	background: #000;
	position: absolute;
	top: 6px;
	left: -10px;
}

.wcapf-layered-nav.sr-color-wcapf ul li span {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 8px;
	left: 0;
	}
	.woo-variation-swatches-style-rounded .wcapf-layered-nav.sr-color-wcapf ul li span {
	border-radius: 100%;
	}
	.wcapf-layered-nav.sr-color-wcapf ul li span[style="background-color:#fff;"],
	.wcapf-layered-nav.sr-color-wcapf ul li span[style="background-color:#fcfcfc;"],
	.wcapf-layered-nav.sr-color-wcapf ul li span[style="background-color:#f8f8f8;"],
	.wcapf-layered-nav.sr-color-wcapf ul li span[style="background-color:#f7f7f7;"] {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
	}

.wcapf-layered-nav.sr-image-wcapf ul li span {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 4px;
	left: 0;
	border-radius: 15px;
	overflow: hidden;
	}


/* Active Filter
-------------------------------- */
.widget.widget_wcapf-active-filters .widget-title {
	display: none;
}

.widget .wcapf-active-filters a:not(.reset) {
	display: none;
	}
	.widget .wcapf-active-filters a.reset {
	font-size: 13px;
	line-height: 34px;
	height: 34px;
	border: 1px solid rgba(0,0,0,0.12);
	background: none;
	border-radius: 0;
	color: #000;
	padding: 0 30px 0 15px;
	position: relative;
	}

.widget .wcapf-active-filters a::before {
	display: none;
}

.widget .wcapf-active-filters a::after {
	content: "";
	position: absolute;
	top: 12px;
	right: 10px;
	width: 10px;
	height: 10px;
	background-image:url(../assets/cross.svg);
	-webkit-background-size:10px;
	-moz-background-size:10px;
	-o-background-size:10px;
	background-size:10px;
	background-repeat: no-repeat;
	-webkit-transform: rotateZ(45deg);
  	-moz-transform: rotateZ(45deg);
  	transform: rotateZ(45deg);
	transition: opacity 0.2s ease;
	}

/* Price Filter widget */
.widget .wcapf-price-filter-wrapper {
	max-width: 300px;
	padding-top: 9px;
}

.sr-filter-container .widget .wcapf-price-filter-wrapper {
	max-width: 80%;
}

.widget_price_filter > form {
    margin-top: 15px;
	}

.widget_price_filter .price_slider_wrapper .price_slider {
    position: relative;
    background: rgba(0,0,0,0.12);
    display: none;
	}
	
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range,
.widget .noUi-horizontal {
    position: relative;
    height: 1px;
    background: #000;
	box-shadow: none;
	border: none;
	border-radius: 0;
	}
	.widget .noUi-horizontal { 
	background: #ccc;
	}
	.widget .noUi-horizontal .noUi-base .noUi-origin:first-child { 
	background: #000; 
	}
	.widget .noUi-horizontal .noUi-base .noUi-origin:last-child { 
	background: #ccc;
	}
	
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle,
.widget .noUi-horizontal .noUi-handle {
    position: absolute;
	top: -4px;
	left: 0;
	margin-left: 0px;
    background: #000;
    cursor: pointer;
    width: 9px;
    height: 9px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
	border-radius: 999px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	box-shadow: none;
	border: 1px solid #000;
	}
	.widget .noUi-horizontal .noUi-handle::after,
	.widget .noUi-horizontal .noUi-handle::before {
	display: none;
	}
	.widget .noUi-horizontal.noUi-extended {
	padding-right: 7px;
	}
	.widget .noUi-horizontal.noUi-extended .noUi-origin { 
	right: 0; 
	}
	
.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle + .ui-slider-handle {
	margin-left: -11px;
	}
	
.widget_price_filter .price_slider_wrapper .price_slider_amount {
    margin-top: 15px;
	}
	
.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
    float: left;
    font-size: 0.85em;
	line-height: 30px;
	}
	
.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label span {
    color: #000;
	font-weight: 400;
	}

.widget_price_filter .price_slider_wrapper .price_slider_amount .button {
	font-size: 11px; 
	line-height: 18px; 
	padding: 5px 17px;
    float: right;
    background: #000; 
	color: #fff;
	text-align: center;
	margin: 0;
	}

.widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover,
.widget_price_filter .price_slider_wrapper .price_slider_amount .button:active {
    background-color: rgba(0,0,0,0.6);
	}


.widget .wcapf-price-filter-wrapper br {
	display: none;
}

.widget .slider-values {
	margin-top: 10px;
	}

.widget .slider-values p {
	display: inline-block;
	font-size: 0.85em;
	line-height: 26px;
	margin-right: 20px !important;
	}

.widget .slider-values p span {
    color: #000;
	font-weight: 400;
	}


/* animation main grid when updating ajax filter */
.wcapf-before-update ~ .isotope-grid > .isotope-item {
	transition: all 0.4s cubic-bezier(.19,1,.22,1);
	opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: translateY(10px);
  	-moz-transform: translateY(10px);
  	-ms-transform: translateY(10px);
  	-o-transform: translateY(10px);
  	transform: translateY(10px);
	}



/*---------------------------------------------- 

20. ELEMENTOR

------------------------------------------------*/
/* single product element */
.sr-single-product-wrapper {
	margin: 0 auto;
	max-width: 100%;
}

/* single product element */
.sr-list-product-wrapper {
	max-width: 100%;
}

/* background (column and section style settings) */
.sr-em-bg-section {
	max-width: 100%;
}

.elementor-element-edit-mode .sr-em-bg-section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* background block */
.sr-em-bg-block {
	margin: 0 auto;
	max-width: 100%;
	background-size: cover;
	background-position: center center;
}

/* disable flex for enabling width / height*/
.sr-parallax-column {
    display: block !important;
}

.sr-parallax-column.sr-height .elementor-column-wrap {
	height: 100% !important;
}

/* custom spacer for height minus header (custom class) */
body header[class*="transparent-"] ~ #hero-and-body .elementor-element.spacer-header .elementor-spacer-inner { height: 100vh !important; }
body header[class*="transparent-"].has-header-bar ~ #hero-and-body .elementor-element.spacer-header .elementor-spacer-inner { height: calc(100vh - 34px) !important; }

body header[class*="transparent-"] ~ #hero-and-body .elementor-element.hero-height { min-height: 100vh; }
body header[class*="transparent-"].has-header-bar ~ #hero-and-body .elementor-element.hero-height { min-height: calc(100vh - 34px); }





/*---------------------------------------------- 

21. LOGO CUSTOMIZATIONS (40px)

------------------------------------------------*/
#hero-and-body #page-body:first-child { padding-top: calc(40px + 20px + 20px); }
.single-product #hero-and-body #page-body:first-child { padding-top: calc(40px + 20px + 20px); }
.single-product #header[class*='transparent-'] ~ #hero-and-body #page-body:first-child .product-head { padding-top: calc(40px + 20px + 20px); }
#header #logo img { height: 40px; }
#header #logo .text-logo { line-height: 40px; }
.menu-toggle { height: 40px; }
#menu nav#main-nav > ul { height: 40px; }
#menu nav#main-nav > ul > li { margin-top: calc((40px - 18px) / 2); }
nav#main-nav.underline-header ul > li > a::after,
.menu-actions.underline-header > div:not(.display-icon):not(.header-wishlist) > a::after { bottom: calc(((-40px + 18px) / 2) - 21px); }
body.scrolled #header.sticky nav#main-nav.underline-header ul > li > a::after,
body.scrolled #header.sticky .menu-actions.underline-header > div:not(.display-icon):not(.header-wishlist) > a::after { bottom: calc(((-40px + 18px) / 2) - 16px); }
nav#main-nav > ul > li ul.sub-menu { padding-top: calc(20px + 20px + ((40px - 18px) / 2)); }
body.scrolled #header.sticky nav#main-nav > ul > li > ul.sub-menu { padding-top: calc(15px + 15px + ((40px - 18px) / 2)); }
nav#main-nav > ul > li > ul.sub-menu::before { height: calc(100% - (20px + ((40px - 18px) / 2))); }	
body.scrolled #header.sticky nav#main-nav > ul > li > ul.sub-menu::before { height: calc(100% - (15px + ((40px - 18px) / 2))); }	
#menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu { top: calc(30px + 18px + ((40px - 18px) / 2)); padding-top: calc(20px + 40px); }
body.scrolled #header.sticky #menu nav#main-nav > ul > li[class*="megamenu"] > .sub-menu { top: calc(30px + 18px + ((40px - 18px) / 2)); padding-top: calc(15px + 40px); }
.menu-actions > div { height: 40px; }
.menu-actions > div > a { height: 40px; line-height: 40px; }
.menu-actions > div:not(.display-icon) > a.login-open,
.menu-actions > div:not(.display-icon) > a.search-open,
.menu-actions > div:not(.display-icon) > a.cart-amount { top: calc((40px - 18px) / 2); }
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero { margin-top: calc(40px + 20px + 20px); }
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-wrapped,
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-offcenter { margin-top: calc(40px + 20px + 20px); }
#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-fullscreen { min-height: calc(100vh - (40px + 20px + 20px)); }
#hero #page-title { padding-top: calc(100px + 40px); }
#hero.hero-fullscreen #page-title.title-center, #hero.hero-custom #page-title.title-center { padding-top: calc(100px + 40px); padding-bottom: calc(100px + 40px); }
body header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body .elementor-element.hero-height { min-height: calc(100vh - (40px + 20px + 20px)); }

/* header bar */
#header.has-header-bar ~ #hero-and-body #page-body:first-child { padding-top: calc(40px + 20px + 20px + 34px); }
.single-product #header.has-header-bar ~ #hero-and-body #hero-and-body #page-body:first-child { padding-top: calc(40px + 20px + 20px + 34px); }
.single-product #header.has-header-bar[class*='transparent-'] ~ #hero-and-body #page-body:first-child .product-head { padding-top: calc(40px + 20px + 20px + 34px); }
#header:not(.transparent-light):not(.transparent-dark).has-header-bar ~ #hero-and-body #hero { margin-top: calc(40px + 20px + 20px + 34px); }
#header:not(.transparent-light):not(.transparent-dark).has-header-bar ~ #hero-and-body #hero.hero-wrapped,
#header:not(.transparent-light):not(.transparent-dark).has-header-bar ~ #hero-and-body #hero.hero-offcenter { margin-top: calc(40px + 20px + 20px + 34px); }
#header:not(.transparent-light):not(.transparent-dark).has-header-bar ~ #hero-and-body #hero.hero-fullscreen { min-height: calc(100vh - (40px + 20px + 20px + 34px)); }
#header:not(.transparent-light):not(.transparent-dark).has-header-bar ~ #hero-and-body #hero.hero-wrapped.hero-fullscreen { min-height: calc(100vh - (40px + 20px + 20px + 34px) - 40px); }
#header.has-header-bar #header-search { top: calc(40px + 20px + 20px + 34px + 1px); }
.search-is-open #header.has-header-bar #header-search.is-searched { height: calc(100% - (40px + 20px + 20px + 34px + 1px)); }
body.scrolled #header.sticky.has-header-bar #header-search { top: calc(40px + 20px + 20px + 1px); }
body.scrolled.search-is-open #header.sticky.has-header-bar #header-search.is-searched { height: calc(100% - (40px + 20px + 20px + 1px)); }
body header:not(.transparent-light):not(.transparent-dark).has-header-bar ~ #hero-and-body .elementor-element.hero-height { min-height: calc(100vh - (40px + 20px + 20px + 34px) - 40px); }


/* woo */
.close-icon { height: 40px; line-height: 40px; }
#mini-cart .cart-title { height: 40px; line-height: 40px; }
#header-search { top: calc(40px + 20px + 20px + 1px); }
.search-is-open #header-search.is-searched { height: calc(100% - (40px + 20px + 20px + 1px)); }
#mini-cart .menu-cart-content { height: calc(var(--vh, 1vh) * 100 - (40px + 20px + 20px)); }
#mini-cart .menu-cart-content .cart-list { height: calc(var(--vh, 1vh) * 100 - (40px + 20px + 20px) - 114px); }
#mini-cart.show-cart-link .menu-cart-content .cart-list { height: calc(var(--vh, 1vh) * 100 - (40px + 20px + 20px) - 135px); }