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



		! ! !    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. 	MENUle
	6. 	HEADER ACTIONS
	7. 	MOBILE MENU
	8. 	HERO / PAGETITLE
	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: 16px; 
	-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;
	}
	html.disablescroll { 
	overflow: hidden;  
	}

body {
	font-family: 'Manrope', 'Helvetica Neue', Helvetica, Inter, sans-serif; 
	font-weight: 500;
	font-size: 16px; 
	line-height: 1.7;
	color: rgba(0,0,0,0.81); 
	text-align: left; 
	background: #fff;
	min-height: 100%;
	transition: background 460ms ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
	.text-light { 
	color: rgba(255,255,255,0.88); 
	}

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

/* Headings
---------------------------------------- */
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6,
.h7,
.h8 {
	font-family: 'Manrope','Helvetica'; 
	font-weight: 600;
	}
	h1 i, 
	h2 i, 
	h3 i, 
	h4 i, 
	h5 i, 
	h6 i, 
	h1 em, 
	h2 em, 
	h3 em,
	h4 em, 
	h5 em, 
	h6 em { 
	font-style: italic; 
	}
	h1 b, 
	h2 b, 
	h3 b, 
	h4 b, 
	h5 b, 
	h6 b, 
	h1 strong, 
	h2 strong, 
	h3 strong, 
	h4 strong, 
	h5 strong, 
	h6 strong,
	.h1 b, 
	.h2 b, 
	.h3 b, 
	.h4 b, 
	.h5 b, 
	.h6 b, 
	.h1 strong, 
	.h2 strong, 
	.h3 strong, 
	.h4 strong, 
	.h5 strong, 
	.h6 strong, 
	.h7 strong,
	.h8 strong{ 
	font-weight: 800; 
	}
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 { 
	color: #000; 
	}
	.text-light h1:not(.colored), 
	.text-light h2:not(.colored), 
	.text-light h3:not(.colored), 
	.text-light h4:not(.colored), 
	.text-light h5:not(.colored), 
	.text-light h6:not(.colored),
	h1.text-light:not(.colored), 
	h2.text-light:not(.colored), 
	h3.text-light:not(.colored), 
	h4.text-light:not(.colored), 
	h5.text-light:not(.colored), 
	h6.text-light:not(.colored) {
	color: #fff; 
	}

h1, 
.h1,
.elementor-widget-heading h1.elementor-heading-title, 
.elementor-widget-heading .h1.elementor-heading-title { 
	font-size: 82px; 
	line-height: 100px; 
}
h2, 
.h2,
.elementor-widget-heading h2.elementor-heading-title, 
.elementor-widget-heading .h2.elementor-heading-title { 
	font-size: 56px; 
	line-height: 70px; 
}
h3, 
.h3,
.elementor-widget-heading h3.elementor-heading-title, 
.elementor-widget-heading .h3.elementor-heading-title { 
	font-size: 40px; 
	line-height: 51px; 
}
h4, 
.h4,
.elementor-widget-heading h4.elementor-heading-title, 
.elementor-widget-heading .h4.elementor-heading-title { 
	font-size: 32px;
	line-height: 42px; 
}
h5, 
.h5,
.elementor-widget-heading h5.elementor-heading-title, 
.elementor-widget-heading .h5.elementor-heading-title { 
	font-size: 26px; 
	line-height: 35px; 
}
h6, 
.h6,
.elementor-widget-heading h6.elementor-heading-title, 
.elementor-widget-heading .h6.elementor-heading-title { 
	font-size: 20px; 
	line-height: 28px; 
}
h7, 
.h7,
.elementor-widget-heading h7.elementor-heading-title, 
.elementor-widget-heading .h7.elementor-heading-title { 
	font-size: 16px; 
	line-height: 24px; 
}
h8, 
.h8,
.elementor-widget-heading h8.elementor-heading-title, 
.elementor-widget-heading .h8.elementor-heading-title { 
	font-size: 14px; 
	line-height: 20px; 
}

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

#page-title .title-alt { margin-top: 5px; }
	
.page-name, .portfolio-name { 
	font-weight: 700; 
	}

.title-alt { 
	font-weight: 500; 
	}

.uppercase { 
	text-transform: uppercase;
	letter-spacing: 0.05em;
	}

.not-found {
	color: #000;	
}


/* 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: 'Manrope'; 
	font-weight: 500;
	font-size: 16px;
	background: transparent;
	border: none;
	border-bottom: 1px solid #000;
	line-height: 28px !important;
	height: auto;
	color: #000;
	padding: 5px 0;
	transition: all 200ms ease;
	border-radius: 0;
	resize: none;
	position: relative;
	width: 100%; 
	box-sizing: border-box;
	}
	textarea { 
	min-height: 100px; 
	}
	.textarea-small textarea { 
	height: 120px; 
	}
	.text-light:not(.transparent) input[type="text"], 
	.text-light:not(.transparent) input[type="password"], 
	.text-light:not(.transparent) input[type="email"], 
	.text-light:not(.transparent) input[type="number"], 
	.text-light:not(.transparent) input[type="tel"], 
	.text-light:not(.transparent) input[type="date"], 
	.text-light:not(.transparent) input[type="search"], 
	.text-light:not(.transparent) textarea { 
	color: #fff; 
	border-color: #fff; 
	}


input[type="submit"], 
.button, 
button{
	font-family: "Manrope";
	font-weight: 700;
	font-size: 15px;
	line-height: 40px; 
	height: 40px; 
	padding: 0px 40px;
	text-align: center;
	display: inline-block;
	max-width: 100%;
	cursor: pointer;
	text-align: center;
	margin-bottom: 5px;
    transition: all 0.3s ease;
	color: #fff;
	background: #000;
	border: none;
	position: relative;
	border-radius: 20px;
	box-sizing:border-box;
	}
	.text-light input[type="submit"], 
	.text-light .button, 
	.text-light button { 
	background: #fff; 
	color: #000; 
}

input[type="submit"]:hover, 
.button:hover, 
button:not(.sr-button):hover { 
	background: rgba(0,0,0,0.61); 
	color: #fff;
	}
	.text-light input[type="submit"]:hover, 
	.text-light .button:hover, 
	.text-light button:hover { 
	background: rgba(255,255,255,0.61); 
	}
	
input[type="checkbox"], 
input[type="radio"] {
	margin-left: 0;
	}
	label input[type="checkbox"], 
	label input[type="radio"] {
	transform: translateY(2px);
}

input[type="checkbox"] { 
	-webkit-appearance: checkbox; 
}
input[type="radio"] { 
	-webkit-appearance: radio; 
}

select {
	cursor: pointer;
	font-family: 'Manrope'; 
	font-weight: 500;
	font-size: 16px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #000;
	line-height: 50px;
	height: 50px;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	padding: 0 25px 0px 0px;
	color: #000;
	-moz-border-radius:0px; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px;
	border-radius: 0px;
	min-width: 120px;
	background-image:url(../assets/select-arrow.svg);
  	background-position: right 8px top 55%;
	background-repeat: no-repeat;
	background-size:14px 14px;
	}
	.text-light select { 
	color: #fff; 
	border-color: #000; 
	background-image:url(../assets/select-arrow-light.svg); 
	background-color: transparent;
	}
	
select option {
	cursor: pointer;
	padding: 3px 0;
	font-family: Arial;
	}
	
label, 
.label {
	font-family: 'Manrope';
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	color: #000;
	display: block;
	margin-bottom: 5px; 
	padding: 0;
	}
	.text-light label, 
	.text-light .label { 
	color: #fff; 
	}
	.form-row.check-error label,
	.woocommerce-invalid label, 
	.check-error label { 
	color: #fa4d5a !important; 
	}
	input[type="radio"] + label,
	input[type="checkbox"] + label { 
	display: inline-block;
	width: auto;
	margin: 0 0 0 5px;
	font-size: 15px;
	line-height: 20px;
	}
	
label abbr { 
	text-decoration: none;
	}
	
form, .wpcf7 {
	margin-top: 40px;
	}
	div form:first-child, div .wpcf7:first-child { 
	margin: 0;
	}
	
form .form-row {
	margin-top: 40px;
	position: relative;
	}
	div form:first-child .form-row:first-child,
	div form:first-child .form-row.one-half:nth-child(2),
	div form:first-child .form-row.one-third:nth-child(2), 
	div form:first-child .form-row.one-third:nth-child(3), 
	div form:first-child .form-row.two-third:nth-child(2),
	div form:first-child .form-row.one-fourth:nth-child(2), 
	div form:first-child .form-row.one-fourth:nth-child(3), 
	div form:first-child .form-row.one-fourth:nth-child(4), 
	div form:first-child .form-row.two-fourth:nth-child(2), 
	div form:first-child .form-row.two-fourth:nth-child(3),
	#reply-title + form:first-child .form-row:first-child { 
	margin-top: 0; 
	}
	form p.form-row {
	line-height: 0;
	font-size: 0;
	}
	form p.form-row.one-half {
	float: left;
	}
	
.form-row.hidden {
	display: none;
	}
	
form .form-submit {
	margin-top: 40px;
	}	



/* label deplace layout */
.form-row.deplace  {
	position: relative;
	margin-top: 54px;
}

.form-row.deplace > label {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0;
	margin: 0;
	display: inline-block;
	width: auto;
	transition: all 0.45s cubic-bezier(.2, 0, .1, 1);
	transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	cursor: text;
}

.form-row.deplace input::placeholder { 
	opacity: 0; 
}
.form-row.deplace input::-ms-input-placeholder  { 
	opacity: 0; 
}
.form-row.deplace textarea::placeholder { 
	opacity: 0; 
}
.form-row.deplace textarea::-ms-input-placeholder { 
	opacity: 0; 
}

.form-row.deplace.has-val > label,
.form-row.deplace input:focus ~ label,
.form-row.deplace textarea:focus ~ label {
	transform: translateY(-90%) scale(0.95);
	opacity: 0.41;
	cursor: default;
}



/* 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 .form-row .ajax-loader {
	position: relative;
	width: 22px;
  	height: 6px;
	margin-left: 20px;
	background: none !important;
  	-webkit-animation: none !important;
  	-moz-animation: none !important;
  	animation: none !important;
	}

.wpcf7 .form-row .ajax-loader::before,
.wpcf7 .form-row .ajax-loader::after {
	content: "";
	width: 6px;
	height: 6px;
	display: block;
  	position: absolute;
	top: 50%;
    left: 0;
	transform: translateY(-50%);
  	background: #000 !important;
  	opacity: 1;
  	border-radius: 50%;
  	animation: sr-loader 1.2s ease infinite;
	}

.wpcf7 .form-row .ajax-loader::after {
  	animation-delay: 0.6s;
}

.wpcf7-response-output {
	border: none !important;
	color: #fa4d5a !important;
	margin: 20px 0 0 0 !important;
	padding: 0 !important;
	background: none;
	box-sizing:border-box;
	display: block !important;
	}
	.sent.wpcf7-response-output { 
	color: #3ae285 !important;
	}



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

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

table th {
	font-family: 'Manrope'; 
	font-weight: 500;
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	}
	.text-light table th {
	color: #fff;
	}
	table thead th,
	table tbody th{
	font-weight: 800;
	font-size: 16px;
	}
	
table td, 
table th { 
	padding: 15px;
	border: 1px solid rgba(0,0,0,0.16);
	}
	.text-light table td,
	.text-light table th { 
	border-color: rgba(255,255,255,0.28);
	}
	table thead td,
	table thead th { 
	padding-top: 0;
	padding-bottom: 15px;
	border: none;
	}

.table-scroll {
	max-width: 100%;
	overflow-y: auto;
	margin-top: 30px;
	}
	div .table-scroll:first-child { 
	margin-top: 0; 
	}
	
.table-scroll table {
	min-width: 550px;
	}


/* 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.41); 
	}
	.text-light a, 
	a.text-light, 
	.text-dark a.text-light  { 
	border-color: #fff; 
	color: #fff; 
	}
	.text-light a:hover, 
	a.text-light:hover, 
	.text-dark a.text-light:hover  { 
	color: rgba(255,255,255,0.61); 
	}

p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
.blog-content ul li a {
	border-bottom: 1px solid #000;
	color: #000;
	}
	p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link):hover,
	.blog-content ul li a:hover { 
	color: rgba(0,0,0,0.41); 
	}
	.text-light p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
	.text-light .blog-content ul li a { 
	border-color: #fff; 
	color: #fff; 
	}
	.text-light p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link):hover,
	.text-light .blog-content ul li a:hover { 
	color: rgba(255,255,255,0.61); 
	}

	p.h1 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
	p.h2 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
	p.h3 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link) {
	border-bottom-width: 4px;
	}
	p.h4 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
	p.h5 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link),
	p.h6 a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.sr-button):not(.image-text-link) {
	border-bottom-width: 2px;
	}
	
blockquote p a { 
	border: none; 
}



/* 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: 1.2em; 
	margin-top: 8px;
	}
	
ul li:first-child, 
ol li:first-child { 
	margin-top: 0; 
	}

dl {
	margin-top: 20px;
	}
	div dl:first-child{ 
	margin-top: 0; 
	}

dl dd {
	margin-bottom: 20px;
}



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

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

blockquote {
	font-weight: 400;
	font-size: 1.4em; 
	font-style: italic;
	line-height: 1.6em;
	color: #000;
	position: relative;
	width: calc(100% - 80px);
	max-width: 100%;
	min-width: 400px;
	box-sizing:border-box;
	margin: 40px auto !important;
	padding: 15px 0;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	}
	[class*='wrapper'] blockquote { 
	max-width: 100%; 
	}
	.text-light blockquote,
	blockquote.text-light { 
	color: #fff; 
	border-color: rgba(255,255,255,0.28);
	}
	div blockquote:first-child { 
	margin-top: 0; 
	}
	figure > blockquote:first-child { 
	margin: 0px auto;
	}
	.flickity-slider blockquote  {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	width: 100%;
	}
	
blockquote cite, 
cite,
cite a {
	font-weight: 400;
	letter-spacing: 0em;
	font-style: normal;
	margin-top: 15px;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #000 !important; 
	border: none;
	}
	.text-light blockquote cite, .text-light cite, .text-light cite a {
	color: #fff !important; 
	}

cite a {
	margin: 0;
	display: inline-block;
	border-color: #000 !important; 
	}
	.text-light cite a {
	border-color: #fff !important; 
	}

cite strong {
	text-transform: uppercase;
	letter-spacing: 0.06em;
	}
	
blockquote figure {
	margin: 20px auto 0 auto;
	width: 80px;
	height: 80px;
	border-radius: 60px;
	overflow: hidden;
	text-align: center;
	}

blockquote p {
	margin: 0;
	}
	
pre {
	padding: 20px;
	margin-top: 20px;
	font-size: 0.8em;
	line-height: 1.4em;
	line-height: 18px;
	border: 1px solid #000;
	display: block;
	border-radius: 0;
	overflow-x: auto;
	}
	.text-light pre { 
	border-color: #fff; 
	}
	div pre:first-child { 
	margin-top: 0; 
	}

code, 
kbd, 
tt {
	padding: 0;
	display: inline-block;
	border-radius: 0;
	color: #000;
	font-size: 0.8em;
	line-height: 1.4em;
	position: relative;
	top: -1px;
	}
	.text-light code, 
	.text-light kbd, 
	.text-light tt {
	color: #fff;
	}
	pre code, 
	pre kbd, 
	pre tt {
	font-size: 1em;
	}
	
big {
	font-size: 1.2em;
	display: inline-block;
	}

small {
	font-size: 0.8em;
	display: inline-block;
	}

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

h5 small {
	font-size: 0.75em;
	}

h6 small {
	font-size: 0.85em;
	}

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

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

address {
	margin-top: 20px;
	border: 1px solid rgba(0,0,0,0.16);
	padding: 20px;
	display: inline-block;
	font-style: normal;
	font-size: 0.85em;
	line-height: 1.5em;
	}
	.text-light address:first-child {
	border-color: rgba(255,255,255,0.28);
	}
	address:first-child {
	margin-top: 0px;
	}

hr {
	box-sizing: content-box;
	height: 0;
    border: 0;
    margin: 20px 0 20px 0;
    border-top: 1px solid rgba(0,0,0,0.16);
	}
	.text-light hr {
	border-color: rgba(255,255,255,0.28);
	}

	


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

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;
	}
	body.has-header-bar #header[class*='transparent-'] ~ #hero-and-body #page-body:first-child { 
	padding-top: 34px !important;
	}
	.single-product #hero-and-body #page-body:first-child {
	padding-top: calc(40px + 40px);						/* 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 > *,
body.enable-pageload #page-bg,
body.enable-pageload #hero,
body.enable-pageload #footer {
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition: all 560ms cubic-bezier(.2, 0, .1, 1) 0s;
	}
	body.enable-pageload #page-bg  {
	transform: scale(1.02,1.02);
	transition: all 760ms ease 0.3s;
	}
	body.enable-pageload.loading-end #page-body > *,
	body.enable-pageload.loading-end #page-bg,
	body.enable-pageload.loading-end #hero,
	body.enable-pageload.loading-end #footer {
	opacity: 1;
	visibility: visible;
	transform: inherit;
	}

#page-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
	transition: all 0.01s ease 0.5s;
	}
	.loading-end #page-loader {
	width: 0;
	height: 0;
}

#page-loader .loader-text {
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	overflow: hidden;
}

#page-loader .loader-text span {
	display: block;
	transform: translateY(100%);
	transition: transform 0.6s cubic-bezier(.2, 0, .1, 1) 1.2s;
	}
	.loading-start:not(.no-loader) #page-loader .loader-text span {
	transform: translateY(0);
	}
	.loading-end:not(.no-loader) #page-loader .loader-text span {
	transform: translateY(-100%);
	transition-delay: 0s;
}

#page-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	pointer-events: none;
	z-index: 0;
	}

#page-bg .page-bg-main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	transition: opacity 0.3s ease;
	}
	#page-bg .page-bg-main[class*='bg-fade-scroll'] {
	transition: opacity 0.8s ease;
	}
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-0,
	#page-bg .page-bg-main.bg-fade-from-0 { opacity: 0; }
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-05,
	#page-bg .page-bg-main.bg-fade-from-05 { opacity: 0.05; }
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-1,
	#page-bg .page-bg-main.bg-fade-from-1 { opacity: 0.1; }
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-2,
	#page-bg .page-bg-main.bg-fade-from-2 { opacity: 0.2; }
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-3,
	#page-bg .page-bg-main.bg-fade-from-3 { opacity: 0.3; }
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-4,
	#page-bg .page-bg-main.bg-fade-from-4 { opacity: 0.4; }
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-5,
	#page-bg .page-bg-main.bg-fade-from-5 { opacity: 0.5; }
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-6,
	#page-bg .page-bg-main.bg-fade-from-6 { opacity: 0.6; }
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-7,
	#page-bg .page-bg-main.bg-fade-from-7 { opacity: 0.7; }
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-8,
	#page-bg .page-bg-main.bg-fade-from-8 { opacity: 0.8; }
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-9,
	#page-bg .page-bg-main.bg-fade-from-9 { opacity: 0.9; }
	.scrolled #page-bg .page-bg-main.bg-fade-scroll-10,
	#page-bg .page-bg-main.bg-fade-from-10 { opacity: 1; }
	#page-bg .page-bg-main.bg-parallax {
	height: calc(100vh + 305px);
	}
	#page-bg .page-bg-fade {
	transition: background 690ms ease;
	}
	

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

.wrapper .wrapper, 
.wrapper .wrapper-medium, 
.wrapper .wrapper-small,
.wrapper-small .wrapper,
.wrapper-small .wrapper-medium, 
.wrapper-small .wrapper-small,
.wrapper-medium .wrapper, 
.wrapper-medium .wrapper-medium, 
.wrapper-medium .wrapper-small { 
	max-width: 100% !important; 
}

.wrapper-mini { 
	width: 420px; 
}
.wrapper-small { 
	width: 780px; 
}
.wrapper-medium { 
	width: 1080px; 
}

.wrapper::after, 
.wrapper-small::after, 
.wrapper-medium::after { 
	content: ""; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	font-size: 0; 
	height: 0; 
}

.main-content {
	width: calc(100% - 260px);
	}
	.blog-wrapper .main-content {
	width: calc(100% - 320px);
	}
	.archive .main-content {
	width: 100%;
	transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
	}
	.archive.filter-is-open .main-content {
	width: calc(100% - 260px);
	}
	
aside.sidebar {
	width: 220px;
	margin-bottom: 80px;
	}
	.blog-wrapper aside.sidebar {
	width: 260px;
	}
	.archive aside.sidebar {
		width: 0px;
		max-height: 0px;
		opacity: 0;
		transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
	}
	.archive.filter-is-open aside.sidebar {
		width: 220px;
		max-height: 9999px;
		opacity: 1;
	}

.archive aside.sidebar .sidebar-inner {
		width: 220px;
		opacity: 0;
		transform: translateX(-50%);
		transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
	}
	.archive.filter-is-open aside.sidebar .sidebar-inner {
		transform: translateX(0);
		opacity: 1;
	}
	
	
.left-float { 
	float: left; 
	}
	
.right-float { 
	float: right; 
	}

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

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

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


/* loader dot */
.sr-loader-icon, 
.wcapf-before-update {
  	position: absolute;
  	top: calc(50% - 12px);
  	left: calc(50% - 12px);
  	width: 24px !important;
  	height: 24px !important;
	z-index: 11;
	background: none !important;
	}
	.wcapf-before-update {
  	top: 60px;
	}

.sr-loader-icon::before, 
.wcapf-before-update::before,
.sr-loader-icon::after, 
.wcapf-before-update::after {
	content: "";
	width: 6px;
	height: 6px;
	display: block;
  	position: absolute;
	top: 50%;
    left: 0;
	transform: translateY(-50%);
  	background: #000;
  	opacity: 1;
  	border-radius: 50%;
  	animation: sr-loader 1.2s ease infinite;
	}

.sr-loader-icon::after,
.wcapf-before-update::after {
  	animation-delay: 0.6s;
}

@keyframes sr-loader {
  0% {
   	left: 0;
  }
  50% {
   	left: 100%;
	margin-left: -6px;
  }
  100% {
   	left: 0;
  }
}

		

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

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,
	#header.sticky-on-scroll {
	position: fixed;
	}
	#header.sticky-on-scroll {
	transition: all 460ms ease 0s;
	}
	body.scrolled-down #header.sticky-on-scroll {
	transform: translateY(-30px);
	opacity: 0;
	pointer-events: none;
	}
	#header.header-no-bg,
	body:not(.scrolled) #header:not(.header-no-bg)[class*='transparent-'] {
	pointer-events: none;
	}
	#pseudo-header { 
	position:absolute;
	z-index:-1;
	}

body.enable-pageload #header > *:not(#mobile-menu) {
	transform: translateY(-20px);
	opacity: 0;
	visibility: hidden;
	transition: all 560ms cubic-bezier(.2, 0, .1, 1) 0.3s;
	}
	body.enable-pageload.loading-end #header > *:not(#mobile-menu) {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	}

#header::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: transform 560ms cubic-bezier(.2, 0, .1, 1) 0.3s, all 0.3s cubic-bezier(.2, 0, .1, 1) 0.08s;
	z-index: 1501;
	background: transparent;
	transform: translateY(-100%);
	}
	body.enable-pageload.loading-end #header::after {
	transform: translateY(0);
	}
	#header.header-bg-show-start::after,
	body.scrolled #header.header-bg-show-scroll::after {
	opacity: 1;
	}
	.menu-is-open #header:not(.header-bg-show-start)::after,
	body.scrolled #header.header-bg-show-start::after {
	opacity: 1;
	background: #fff;
	transition-delay: 0.5s;
	}
		
#header .header-inner {
	padding: 20px 0;					/* custom css */
	position: relative;
	z-index: 1510;
	transition: all 0.3s ease;
	}
	body.scrolled #header.sticky .header-inner {
	padding: 15px 0;					/* custom css */
	transition-delay: 0.3s;
	}

#header .header-inner .header-top,
#header .header-inner .header-bottom {
	display: flex;
	align-items: center;
	}
	#header .header-inner .header-bottom {
	margin-top: 25px;
	height: 22px;
	}

#header .header-inner .header-top > *,
#header .header-inner .header-bottom > *,
.header-bar .header-bar-inner,
.header-bar .header-bar-inner > * {
	display: flex;
	align-items: center;
	}
	#header .header-inner .header-inner-left,
	.header-bar .header-bar-inner .header-bar-inner-left {
		flex: 1;
		justify-content: flex-start;
	}
	#header .header-inner .header-inner-center,
	.header-bar .header-bar-inner .header-bar-inner-center {
		justify-content: center;
	}
	#header .header-inner .header-inner-right,
	.header-bar .header-bar-inner .header-bar-inner-right {
		flex: 1;
		justify-content: flex-end;
	}
	#header .header-inner .header-inner-bottom {
		justify-content: center;
		width: 100%;
	}

#header .header-inner [class*='header-inner-'] > *,
.header-bar .header-bar-inner [class*='header-bar-inner-'] > * {
	margin: 0 10px;
	pointer-events: auto;
	}
	#header .header-inner .header-inner-left > *:first-child,
	.header-bar .header-bar-inner .header-bar-inner-left > *:first-child {
	margin-left: 0;
	}
	#header .header-inner .header-inner-right > *:last-child,
	.header-bar .header-bar-inner .header-bar-inner-right > *:last-child {
	margin-right: 0;
	}

#header .header-inner [class*='header-inner-'] > .on-mobile {
	display: none;
	}
	

#header .header-logo {
	width: auto;
	z-index: 1501;
	line-height: 0;
	margin: 0 30px;
	position: relative;
	}

#header .header-logo img { 
	height: 40px; 								
	transition: all 0.45s ease;
	width: auto;
	}
	body.scrolled #header.sticky .header-logo img { 
	height: 20px; 								
	transition: all 0.45s ease, height 0.45s ease 0.45s;
	}

header .header-logo .text-logo { 
	line-height: 40px; 							
	font-size: 24px; 
	font-weight: 800;
	text-transform: uppercase;
} 

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


/* Header Bar */
#header .header-bar {
	background: #f2f2f2;
	color: #000;
	vertical-align: top;
	position: relative;
	z-index: 1502;
	overflow: hidden;
	}
	#header .header-bar:hover {
    z-index: 1511;
	overflow: visible;
	}
	#header .header-bar.text-light { 
	color: #fff;
	}

#header .header-bar .header-bar-inner > * {
	height: 22px;
	padding: 8px 0;
	line-height: 22px;
	font-weight: 500;
	transition: all 0.4s ease;
	}
	.scrolled #header .header-bar .header-bar-inner > * { 
	height: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	}

#header .header-bar .header-bar-inner .socialmedia-widget li {
	padding-right: 5px;
	}

#header .header-bar .header-bar-inner .socialmedia-widget li a {
	font-size: 11px;
	width: 24px;
	line-height: 24px;
	height: 24px;
	border: none;
	}

#header .header-bar .header-wishlist .wishlist_products_counter::before {
	width: 20px;
	height: 20px;
	-webkit-background-size:20px;
	-moz-background-size:20px;
	-o-background-size:20px;
	background-size:20px;
	}

#header .header-bar .header-action > a .icon {
    width: 20px;
    height: 20px;
}

#header .header-bar .header-cart.cart-withicon a,
#header .header-bar .header-wishlist a {
	padding-right: 7px;
}

#header .header-bar .header-cart.cart-withicon a span.minicart-count,
#header .header-bar .header-wishlist .wishlist_products_counter_number{
	top: -1px;
	right: -8px;
}
	


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

4. FOOTER

------------------------------------------------*/
#footer {
	margin: 0 auto;
	position: relative;
	border-top: 1px solid transparent;
	}
	
#footer .footer-inner {
	padding: 30px 0;
	}

#footer .footer-bottom {
	padding: 30px 0;
	border-top: 1px solid rgba(255,255,255,0.28);
	font-size: 0.9em;
	display: flex;
	align-items: center;
	}
	#footer .footer-bottom .footer-bottom-left {
		flex: 1;
		justify-content: flex-start;
	}
	#footer .footer-bottom .footer-bottom-center {
		justify-content: center;
	}
	#footer .footer-bottom .footer-bottom-right {
		flex: 1;
		justify-content: flex-end;
	}

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

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

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

#footer .footer-bottom > * > a,
#footer .footer-bottom p > a,
.copyright a {
    margin: 0 10px;
	color: #000 !important; 
	border-color: #000 !important; 
	}
	#footer .footer-bottom > * > a:hover,
	#footer .footer-bottom p > a:hover,
	.copyright a:hover {
	color: rgba(0,0,0,0.41) !important;
	}
	#footer.text-light .footer-bottom > * > a,
	#footer.text-light .footer-bottom p > a,
	.text-light .copyright a { 
	color: #fff !important;
	border-color: #fff !important;
	}
	#footer.text-light .footer-bottom > * > a:hover,
	#footer.text-light .footer-bottom p > a:hover,
	.text-light .copyright a:hover { 
	color: rgba(255,255,255,0.61) !important;
	}
	#footer .footer-bottom > * > a:first-child,
	#footer .footer-bottom p > a:first-child,
	.copyright a:first-child {
    margin-left: 0;
	}
	#footer .footer-bottom > * > a:last-child,
	#footer .footer-bottom p > a:last-child,
	.copyright a:last-child {
    margin-right: 0;
}

.copyright { font-size: 0.9em; }

.scroll-top {
	position: fixed;
	bottom: 25px;
	right: 40px;
	z-index: 9;
	color: #000 !important;
	pointer-events: none;
	}
	.scrolled .scroll-top {
	pointer-events: all;
}

.scroll-top .icon {
	width: 24px;
	height: 24px;
	display: block;
	transform: rotate(-90deg);
	}

.scroll-top .icon span {
	transition: all 0.6s cubic-bezier(.2, 0, .1, 1);
	transform: translateX(-10px);
	display: block;
	opacity: 0;
	}
	body.enable-pageload.loading-end.scrolled .scroll-top .icon span {
	transform: translateX(0);
	opacity: 1;
}

.scroll-top .text {
	font-size: 0.9em;
	font-weight: 600;
	position: absolute;
	top: 50%;
	right: 34px;
	transform: translateY(-50%);
	width: 200px;
	text-align: right;
	overflow: hidden;
	pointer-events: none;
}

.scroll-top .text span {
	transition: all 0.6s cubic-bezier(.2, 0, .1, 1);
	transform: translateY(100%);
	display: block;
	}
	body.enable-pageload.loading-end.scrolled .scroll-top:hover .text span {
	transform: translateY(0);
}



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

5. 	MENU

------------------------------------------------*/
#header .header-inner nav.header-nav + nav.header-nav {
	margin-left: 14px;
	}

nav.header-nav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	}

nav.header-nav > ul > li {
	margin: 0 15px;
	display: inline-block;
	padding: 0;
	position: relative;
	} 
	nav.header-nav > ul > li:first-child { 
	margin-left: 0; 
	}
	nav.header-nav > ul > li:last-child { 
	margin-right: 0; 
	}

nav.header-nav ul > li a {
	font-family: 'Manrope'; 
	font-weight: 500;
	font-size: 15px;
	display: inline-block;
	color: #000;
	height: 24px;
	line-height: 24px;
	position: relative;
	overflow: hidden;
	z-index: 2;
	transition: color 0.25s ease, opacity 0.25s ease;
	}
	header.header-light nav.header-nav > ul > li > a,
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) nav.header-nav > ul > li > a,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light nav.header-nav > ul > li > a,
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light nav.header-nav > ul > li > a,
	body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-light nav.header-nav > ul > li > a { color: #fff; }

	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) nav.header-nav > ul > li > a,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark nav.header-nav > ul > li > a,
	body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-dark nav.header-nav > ul > li > a { color: #000; }


/* fade effect */
nav.header-nav.hover-fade ul > li:hover > a { 
	opacity: 0.5;
}
	
	
/* line effect */
nav.header-nav.hover-underline ul > li > a::after,
nav.header-nav.hover-linethrough ul > li > a::after {	
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
	opacity: 1;
    background-color: #000;
	transition: all 0.3s ease;
	}
	nav.header-nav.hover-linethrough ul > li > a::after {
    bottom: auto;
	top: 50%;
	transform: translateY(-50%);
	}
	header.header-light nav.header-nav ul > li > a::after,
	header.header-light nav.header-nav ul > li.current-menu-item > a::after,
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) nav.header-nav ul > li > a::after,
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) nav.header-nav ul > li.current-menu-item > a::after,
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light nav.header-nav ul > li > a::after,
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light nav.header-nav ul > li.current-menu-item > a::after,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light nav.header-nav ul > li > a::after,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light nav.header-nav ul > li.current-menu-item > a::after {
    background-color: #fff;
	}
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) nav.header-nav ul > li > a::after,
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) nav.header-nav ul > li.current-menu-item > a::after,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark nav.header-nav ul > li > a::after,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark nav.header-nav ul > li.current-menu-item > a::after {
    background-color: #000;
	}
	nav.header-nav ul > li:hover > a::after,
	nav.header-nav ul > li.current-menu-item > a::after {
    width: 100%;
	}

/* slide effect */
nav.header-nav.hover-slide ul > li > a > span.menu-item-inner {
	overflow: hidden;
	display: block;
	}

nav.header-nav.hover-slide ul > li > a > span.menu-item-inner::after {
	content: attr(data-name);
  	transform: translateY(100%) ;
	position: absolute;
	top: 0;
	left: 0;
	}

nav.header-nav:not(.hover-slide) ul > li > a > span.menu-item-inner::after {
  	display: none;
	}

nav.header-nav.hover-slide ul > li > a > span.menu-item-inner span.default,
nav.header-nav.hover-slide ul > li > a > span.menu-item-inner::after {
	display: inline-block;
	transition: transform 550ms cubic-bezier(.4, 0, .1, 1);
	}

nav.header-nav.hover-slide ul > li:hover > a > span.menu-item-inner span.default {
  	transform: translateY(-100%) ;
	}

nav.header-nav.hover-slide ul > li:hover > a > span.menu-item-inner::after {
  	transform: translateY(0%);
	}


/* Submenu */
nav.header-nav > ul > li ul.sub-menu {
	margin: 0;	
	position: absolute;
	top: 24px;								/* line-height */								
	left: -20px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	white-space: nowrap;
	padding: 16px 20px;						
	min-width: 160px;
	padding-top: calc(16px + 20px + ((40px - 24px) / 2));	/* top sub padding + header Padding + Logo Height - line height */
	pointer-events: none;
	z-index: 1;
	transform: translateY(10px);
	transition: opacity 0.45s cubic-bezier(.6, 0, .1, 1), transform 0.45s cubic-bezier(.6, 0, .1, 1);
	}
	nav.header-nav > ul > li ul.sub-menu.right-align {
	left: auto;
	right: -20px;
	}
	nav.header-nav > ul li:hover > ul.sub-menu,
	nav.header-nav > ul li.sub-visible > ul.sub-menu {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
	transition-delay: 0.08s;
	pointer-events: auto;
	}
	nav.header-nav > ul li.sub-visible ul.sub-menu {
	pointer-events: auto;
	}


nav.header-nav > ul > li ul.sub-menu::before {
	box-sizing:border-box;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% - (20px + ((40px - 24px) / 2)));		/* header Padding + Logo Height - line height */
	background: #000;
	border-radius: 0;
	}
	header nav.header-nav > ul > li[class*="megamenu"]:not(.mega-boxed) > ul.sub-menu::before {
	border-top: 1px solid rgba(0,0,0,0.08);
	box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.04);
	}
	header nav.header-nav > ul > li > ul.sub-menu > li > ul::before {
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.08);
	}
	header nav.header-nav > ul > li[class*="megamenu"] > ul.sub-menu ul::before {
	box-shadow: none;
	border: none;
	background: none;
	display: none;
	}

.header-inner nav.header-nav > ul > li ul.sub-menu { padding-top: calc(16px + 20px + ((40px - 24px) / 2)) !important; }
.header-inner nav.header-nav > ul > li ul.sub-menu::before { height: calc(100% - (20px + ((40px - 24px) / 2))) !important; }


nav.header-nav > ul > li ul.sub-menu > li {
	padding: 0;
	position: relative;
	list-style: none;
	opacity: 0;
	margin-top: 5px;
	transform: translateY(5px);
	transition: opacity 0.45s cubic-bezier(.6, 0, .1, 1), transform 0.45s cubic-bezier(.6, 0, .1, 1);
	}
	nav.header-nav > ul > li ul.sub-menu > li:first-child {
	margin-top: 0;
	}
	nav.header-nav > ul li:hover > ul.sub-menu > li,
	nav.header-nav > ul li.sub-visible > ul.sub-menu > li {
	transition-delay: 0.2s;
	opacity: 1 !important;
	transform: translateY(0);	
	}
	nav.header-nav > ul > li ul.sub-menu > li:first-child {
	margin-top: 0;
	}
	nav.header-nav > ul > li ul.sub-menu > li:last-child {
	margin-bottom: 0;
	}

nav.header-nav > ul > li ul.sub-menu > li > a {
	font-weight: 500;
	font-size: 14px;
	padding: 1px 0;
	line-height: 20px;
	height: auto;
	display: inline-block;
    vertical-align:top;
	white-space: normal;
	color: #fff;
	}
	nav.header-nav > ul > li ul.sub-menu > li > a:hover {
	color: rgba(255,255,255,0.61);
	}
	header.submenu-light nav.header-nav > ul > li ul.sub-menu > li > a {
	color: #fff;
	}
	header.submenu-light nav.header-nav > ul > li ul.sub-menu > li > a:hover {
	color: rgba(0,0,0,0.41);
	}
	nav.header-nav > ul > li ul.sub-menu > li > a:hover::after,
	nav.header-nav > ul > li ul.sub-menu > li.current-menu-item > a::after {
    width: 100%;
	}
	nav.header-nav > ul > li ul.sub-menu > li.is-title > a {
	font-weight: 500;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 6px;
	opacity: 1 !important;
	cursor: default;
	color: #000;
	}
	nav.header-nav > ul > li ul.sub-menu > li.is-title > a.has-img {
	cursor: pointer;
	}
	nav.header-nav > ul > li ul.sub-menu > li.is-title:first-child > a {
	margin-top: 0;
	}
	nav.header-nav > ul > li ul.sub-menu > li.is-title:last-child > a {
	margin-bottom: 0;
	}
	nav.header-nav > ul > li ul.sub-menu > li.is-title > a::after {
	display: none;
	}

/* submenu 3rd+ level */
nav.header-nav > ul > li ul.sub-menu ul.sub-menu {
	top: -16px;															
	left: auto;
	right: 0;
	transform: translateX(100%) translateY(10px);
	padding-top: 16px;
	padding-left: 40px;
	}
	nav.header-nav > ul > li ul.sub-menu li:hover > ul.sub-menu,
	nav.header-nav > ul > li ul.sub-menu li.sub-visible > ul.sub-menu {
	transform: translateX(100%) translateY(0);
	}
	nav.header-nav > ul > li ul.sub-menu.right-align ul.sub-menu,
	nav.header-nav > ul > li ul.sub-menu ul.sub-menu.right-align {
	left: 0;
	right: auto;
	transform: translateX(-100%);
	padding-left: 0;
	padding-right: 60px;
	}
	nav.header-nav > ul > li ul.sub-menu.right-align li:hover > ul.sub-menu,
	nav.header-nav > ul > li ul.sub-menu.right-align li.sub-visible > ul.sub-menu,
	nav.header-nav > ul > li ul.sub-menu li:hover > ul.sub-menu.right-align,
	nav.header-nav > ul > li ul.sub-menu li.sub-visible > ul.sub-menu.right-align {
	transform: translateX(-100%) translateY(0);
	}
	nav.header-nav > ul > li ul.sub-menu ul.sub-menu::before {
	height: 100%;
	width: calc(100% - 21px);
	margin-left: 21px;
	}
	nav.header-nav > ul > li ul.sub-menu.right-align ul.sub-menu::before,
	nav.header-nav > ul > li ul.sub-menu ul.sub-menu.right-align::before {
	width: 100%;
	margin-left: -30px;
	}


/* megamenu */
nav.header-nav > ul > li[class*="megamenu"]:not(.mega-boxed) {
	position: static;
	}

nav.header-nav > ul > li[class*="megamenu"] > .sub-menu {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	left: 50%;
	transform: translateX(-50%);
	top: calc(20px + 24px + ((40px - 24px) / 2));			/* header padding + line height ... */								
	padding-top: calc(20px + ((40px - 24px) / 2) + 25px);	/* header padding + calc + menu padding */
	padding-bottom: 40px;	
	display: flex;
	}
	nav.header-nav > ul > li[class*="megamenu"].mega-boxed > .sub-menu {
	width: 1100px;
	max-width: none;
	left: 0;	
	transform: none;
	top: 24px;
	}
	nav.header-nav > ul > li[class*="megamenu"].mega-boxed > .sub-menu.right-align {
	left: auto;
	right: 0;
	}
	nav.header-nav > ul > li.megamenu2.mega-boxed > .sub-menu { width: 440px; }
	nav.header-nav > ul > li.megamenu3.mega-boxed > .sub-menu { width: 660px; }
	nav.header-nav > ul > li.megamenu4.mega-boxed > .sub-menu { width: 880px; }
	nav.header-nav > ul > li.megamenu5.mega-boxed > .sub-menu { width: 1100px; }

nav.header-nav > ul > li[class*="megamenu"]:not(.mega-boxed) > .sub-menu::before {
	left: -50vw;
	width: 150vw;
	}
	nav.header-nav > ul > li[class*="megamenu"].mega-boxed > .sub-menu::before {
	left: -30px;
	width: calc(100% + 60px);
	}
	nav.header-nav > ul > li[class*="megamenu"]:not(.mega-boxed) .sub-menu .sub-menu::before {
	background: none;
	border: none;
	}
	

nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li {
	margin-right: 30px;
	margin-top: 0 !important;
	height: auto;
	width: calc(16.6% - 25px);
	}
	nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:last-child { margin: 0 !important; }
	nav.header-nav > ul > li.megamenu5 > .sub-menu > li { width: calc(20% - 24px); }
	nav.header-nav > ul > li.megamenu4 > .sub-menu > li { width: calc(25% - 22.5px); }
	nav.header-nav > ul > li.megamenu3 > .sub-menu > li { width: calc(33.3% - 20px); }
	nav.header-nav > ul > li.megamenu2 > .sub-menu > li { width: calc(50% - 15px); }
	nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li.double-width { width: calc(33.3% - 20px); }
	nav.header-nav > ul > li.megamenu5 > .sub-menu > li.double-width { width: calc(40% - 18%); }
	nav.header-nav > ul > li.megamenu4 > .sub-menu > li.double-width { width: calc(50% - 15px); }
	nav.header-nav > ul > li.megamenu3 > .sub-menu > li.double-width { width: calc(66.6% - 10px); }
	nav.header-nav > ul > li.megamenu2 > .sub-menu > li.double-width { width: 100%; }
	nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:nth-child(2n) { transition-delay: 0.24s;  }
	nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:nth-child(3n) { transition-delay: 0.28s;  }
	nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:nth-child(4n) { transition-delay: 0.32s;  }
	nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:nth-child(5n) { transition-delay: 0.36s;  }
	nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li:nth-child(6n) { transition-delay: 0.40s;  }

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

nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li > .img-bg {
	position: absolute;
	top: -25px;
	left: -15px;
	width: calc(100% + 30px);
	height: calc(100% + 25px + 40px);
	}
	nav.header-nav > ul > li[class*="megamenu"].mega-boxed > .sub-menu > li:first-child > .img-bg {
	left: -30px;
	width: calc(100% + 45px);
	}
	nav.header-nav > ul > li[class*="megamenu"].mega-boxed > .sub-menu > li:last-child > .img-bg {
	left: -15px;
	width: calc(100% + 45px);
	}
	nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li > .img-bg .item-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li > .img-bg .item-thumb img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

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

nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img {
	overflow: hidden;
	white-space: nowrap;
	}
	
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img .item-thumb img {
	transform: scale(1.05);
	transition: transform 450ms cubic-bezier(.4, 0, .1, 1) 0s;
	}
	
nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img:hover .item-thumb img {
	transform: scale(1.01);
	}

nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img .img-caption {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	font-size: 14px;
	padding: 9px 20px;
	background: #fff;
	color: #000;
	border-radius: 3px;
	}




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

6. 	HEADER ACTIONS (Search / Login / )

------------------------------------------------ */
.header-action {
	position: relative;
}

.header-action > a {
	display: block;
	position: relative;
}

.header-action > a .icon {
	display: block;
	width: 22px;
	height: 22px;
	}
	.header-action.show-text > a .icon {
	display: none;
}

.header-action > a .text,
.header-action > a .wishlist_products_counter_text {
	display: none;
	font-family: 'Manrope'; 
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	}
	.header-bar .header-action > a .text {
	font-size: 12px;
	letter-spacing: 0;
	text-transform: none;
	}
	.header-action.show-text > a .text {
	display: block;
}

.header-action > a svg path {
	fill: #000;
    transition: all 0.3s ease;
	}
	header.header-light .header-action > a svg path,
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-action > a svg path,
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .header-action > a svg path,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-action > a svg,
	.header-bar.text-light .header-action > a svg path {
	fill: #fff;
	}
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .header-action > a svg path,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-action > a svg path {
	fill: #000;
	}
	.header-action > a:hover svg path {
	fill: rgba(0,0,0,0.41);
	}
	header.header-light .header-action > a:hover svg path,
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-action > a:hover svg path,
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .header-action > a:hover svg path,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-action > a:hover svg path,
	.header-bar.text-light .header-action > a:hover svg path {
	fill: rgba(255,255,255,0.61);
	}
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .header-action > a:hover svg path,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-action > a:hover svg path {
	fill: rgba(0,0,0,0.41);
	}

/* header cart */
.header-cart.cart-withicon a span.minicart-count {
	font-weight: 500;
	background: #000;
	position: absolute;
	top: -10px;
	right: -9px;
	border-radius: 12px;
	min-width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	font-size: 10px;
	display: inline-block;
	transition: all 0.3s ease;
	}
	header.header-light .header-cart.cart-withicon a span.minicart-count,
	body:not(.scrolled-hero) #header.transparent-light:not(.header-hover) .header-cart.cart-withicon a span.minicart-count,
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .header-cart.cart-withicon a span.minicart-count,
	body.cart-is-open:not(.scrolled-hero) #header.transparent-light .header-cart.cart-withicon a span.minicart-count {
	background: #fff;
	color: #000;
	}
	body:not(.scrolled-hero) #header.transparent-dark:not(.header-hover) .header-cart.cart-withicon a span.minicart-count,
	body.cart-is-open:not(.scrolled-hero) #header.transparent-dark .header-cart.cart-withicon a span.minicart-count {
	background: #000;
	color: #fff;
	}
	.header-cart.cart-withicon a.cart-empty span.minicart-count {
	opacity: 0;
	visibility: hidden;
	}

.header-inner .header-search-field {
	height: 20px;
	}
	.header-inner .header-search-field .search-form {
	margin-top: -10px !important;
}

.header-inner .header-search-field .search-form {
	width: 180px;
	margin: 0;
	}
	.header-inner-center .header-search-field .search-form {
	width: 260px;
	}

.header-inner .header-search-field .search-form form input[type="search"]  {
	line-height: 28px !important;
	padding: 5px 10px;
	font-size: 13px;
}

.header-inner .header-search-field .search-form form button[type="submit"]  {
	height: 40px;
	width: 40px;
	
}


/* header-toggle */
.header-toggle {
	width: auto;
	height: 22px;
	position: relative;
	cursor: pointer;
	display: flex;
	}

/* hamburger */
.header-toggle .hamburger {
	order: 2;
	width: 16px;
	height: 22px;
	position: relative;
	cursor: pointer;
	transition: all 0.8s cubic-bezier(.2, 0, .1, 1), background .25s ease;
	}
	
.header-toggle .hamburger::after, .header-toggle .hamburger::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #000;
	position: absolute;
	top: 50%; margin-top: -1px;
	right: 0;
	transition: all 0.8s cubic-bezier(.2, 0, .1, 1), background .45s ease;
	}
	.header-toggle .hamburger::before { 
	transform: translateY(-3px);
	width: 70%;
	}
	.header-toggle .hamburger::after { 
	transform: translateY(4px);	
	}
	header.header-light .header-toggle .hamburger::after, 
	header.header-light .header-toggle .hamburger::before,
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-toggle .hamburger::after, 
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-toggle .hamburger::before,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-toggle .hamburger::after, 
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-toggle .hamburger::before,
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .header-toggle .hamburger::after,
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .header-toggle .hamburger::before,
	body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-light .header-toggle .hamburger::after,
	body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-light .header-toggle .hamburger::before { background: #fff; }

	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .header-toggle .hamburger::after, 
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .header-toggle .hamburger::before,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-toggle .hamburger::after, 
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-toggle .hamburger::before,
	body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-dark .header-toggle .hamburger::after,
	body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-dark .header-toggle .hamburger::before  { background: #000; }

/* open navigation anim */
body.menu-is-open .header-toggle .hamburger {
	transform: rotate(45deg);
}

body.menu-is-open .header-toggle .hamburger:before,
body.menu-is-open .header-toggle .hamburger:after {
	width: 100%;
	transform: rotate(90deg);
}

body.menu-is-open .header-toggle .hamburger:after {
	transform: rotate(180deg);
}


/* text */
.header-toggle .text {
	font-family: 'Manrope'; 
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	margin-right: 15px;
	overflow: hidden;
	}

.header-toggle .text span {
	display: block;
	transition: all 0.6s cubic-bezier(.2, 0, .1, 1), color .45s ease;
	color: #000;
	}
	header.header-light .header-toggle .text span:first-child,
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .header-toggle .text span:first-child,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .header-toggle .text span:first-child,
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .header-toggle .text span:first-child,
	body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-light .header-toggle .text span:first-child { color: #fff; }

	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark:not(.header-hover) .header-toggle .text span:first-child,
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-dark .header-toggle .text span:first-child,
	body.scrolled:not(.menu-is-open) #header.header-bg-show-scroll.header-dark .header-toggle .text span:first-child { color: #000; }

body.menu-is-open .header-toggle .text span {
	transform: translateY(-100%);
}


/* language */
.menu-language {
	position: relative;
	text-align: left;
	z-index: 1510;
	display: inline-block;
	}

.menu-language a {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #000;
	border-radius: 20px;
	width: 28px;
	height: 32px;
	padding: 0 2px;
	line-height: 32px;
	color: #000;
	text-align: center;
	}
	header.header-light .menu-language a, 
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-language a, 
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .menu-language a, 
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .menu-language a {
    border-color: #fff;
    color: #fff;
	}

.menu-language > a {
	display: inline-block;	
	}
	
.menu-language .lang-select {
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 !important;
	background: #fff;
	border: 1px solid #000;
	border-radius: 17px;
	list-style: none;
	transition: all 0.1s ease 0.15s;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	}
	header.header-light .menu-language .lang-select, 
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-language .lang-select, 
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .menu-language .lang-select, 
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .menu-language .lang-select {
    border-color: #fff;
    background: #000;
	}
	#mobile-menu .menu-language .lang-select {
	top: auto;
	bottom: 0px;
	}
	.menu-language:hover .lang-select {
	opacity: 1;
	visibility: visible;
	transition-delay: 0;
	}

.menu-language .lang-select li {
	margin-top: 0;
	}

.menu-language .lang-select li a {
	font-size: 12px;
	display: block;
	line-height: 32px;
	height: 32px;
	padding: 0 2px;
	border: none;
	width: 28px;
	transition: background 0.3s ease,  all 0.3s ease;
	}
	.menu-language .lang-select li a:hover {
	background-color: #000;
	color: #fff;
	}
	header.header-light .menu-language .lang-select li a:hover, 
	body:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light:not(.header-hover) .menu-language .lang-select li a:hover, 
	body.cart-is-open:not(.scrolled-hero):not(.menu-is-open) #header.transparent-light .menu-language .lang-select li a:hover, 
	body.scrolled-hero:not(.menu-is-open) #header.header-no-bg .switch-light .menu-language .lang-select li a:hover {
	background-color: #fff;
	color: #000;
	}




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

7. MOBILE MENU

------------------------------------------------*/
#mobile-menu {
	transition: all 0.45s ease 0.4s, height 0.01s ease 0.86s !important;
	}
	.loading-end #mobile-menu.this-is-open {
	transition: all 0.45s ease 0.1s, height 0.01s ease !important;
	}

#mobile-menu .mobile-menu-inner {
	min-height: 100%;
	max-width: 1600px;
	left: 50%;
	transform: translateX(-50%);
	height: auto;
	padding-top: 80px;
	padding-bottom: 60px;
	padding-left: 80px;
	padding-right: 80px;
	box-sizing: border-box;
	display: flex;
	}
	#mobile-menu .mobile-menu-inner > * {
		align-self: flex-end;
	}
	#mobile-menu .mobile-menu-inner.align-top > * {
		align-self: flex-start;
	}
	#mobile-menu .mobile-menu-inner.align-center > * {
		align-self: center;
	}
	#mobile-menu .mobile-menu-inner .mobile-inner-left {
		flex: 1;
		justify-content: flex-start;
	}
	#mobile-menu .mobile-menu-inner .mobile-inner-center {
		flex: 1;
		justify-content: center;
		text-align: center;
	}
	#mobile-menu .mobile-menu-inner .mobile-inner-right {
		flex: 1;
		justify-content: flex-end;
		text-align: right;
	}

#mobile-menu .mobile-menu-inner .search-form {
	width: 100%;
	margin: 0;
}

#mobile-menu nav.header-nav  {
	border: none;
	display: inline-block;
	}
	#mobile-menu nav.header-nav + nav.header-nav  {
    padding-top: 0;
	border: none;
	margin-top: -20px;
	}
	#mobile-menu .header-login + .header-wishlist  {
    padding-top: 0;
	border: none;
	}
	#mobile-menu .header-language,
	#mobile-menu .header-currency {
	border: none;
}

#mobile-menu nav.header-nav > ul > li {
    margin: 0;
    display: block;
    height: auto;
}

#mobile-menu nav.header-nav > ul > li a {
   	margin: 5px 0;
	height: auto;
	line-height: 1.3;
	overflow: hidden;
	}
	#mobile-menu nav.header-nav > ul > li:first-child > a {
   	margin-top: 0;
	}
	#mobile-menu nav.header-nav > ul > li:last-child > a {
   	margin-bottom: 0;
}

#mobile-menu nav.header-nav > ul > li a .menu-item-inner {
   	transition: transform 650ms cubic-bezier(.4, 0, .1, 1);
	transform: translateY(100%);
	display: block;
	}
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li a .menu-item-inner {
	transform: translateY(0);
	transition-delay: 0.3s;
	}
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(2n) a .menu-item-inner { transition-delay: 0.36s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(3n) a .menu-item-inner { transition-delay: 0.42s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(4n) a .menu-item-inner { transition-delay: 0.48s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(5n) a .menu-item-inner { transition-delay: 0.54s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(6n) a .menu-item-inner { transition-delay: 0.6s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(7n) a .menu-item-inner { transition-delay: 0.66s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(8n) a .menu-item-inner { transition-delay: 0.72s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li:nth-child(9n) a .menu-item-inner { transition-delay: 0.78s; }

#mobile-menu nav.header-nav > ul > li .sub-menu { 
	position: relative; 
	padding: 0 !important; 
	top:auto !important; 
	left:auto; 
	opacity:1; 
	visibility:visible; 
	display: none;
	transition: none; 
	transform: none;
	box-sizing: border-box;
	}
	
#mobile-menu nav.header-nav > ul > li .sub-menu::before { display: none; }

#mobile-menu nav.header-nav > ul > li .sub-menu > li {
    margin: 0;
    padding: 0;
    opacity: 1;
	width: 100%;
	transform: none;
	float: none;
	height: auto;
	}
	#mobile-menu nav.header-nav > ul > li .sub-menu > li:last-child {
   	padding-bottom: 15px;
	}
	#mobile-menu nav.header-nav > ul > li .sub-menu > li:first-child {
   	padding-top: 10px;
	}
	#mobile-menu nav.header-nav > ul > li:last-child .sub-menu > li:first-child {
   	padding-top: 20px;
}

#mobile-menu nav.header-nav > ul > li .sub-menu > li a {
	margin: 4px 0 4px 30px;
	color: #000;
	}

.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li .sub-menu > li > a .menu-item-inner {
   	transition: transform 650ms cubic-bezier(.4, 0, .1, 1);
	transform: translateY(130%);
	display: block;
	}
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li > a .menu-item-inner {
	transform: inherit;
	transition-delay: 0.2s;
	}
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(2n) > a .menu-item-inner { transition-delay: 0.26s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(3n) > a .menu-item-inner { transition-delay: 0.32s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(4n) > a .menu-item-inner { transition-delay: 0.38s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(5n) > a .menu-item-inner { transition-delay: 0.44s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(6n) > a .menu-item-inner { transition-delay: 0.5s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(7n) > a .menu-item-inner { transition-delay: 0.56s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(8n) > a .menu-item-inner { transition-delay: 0.62s; }
	.loading-end #mobile-menu.this-is-open nav.header-nav > ul > li.mobile-slide > .sub-menu > li:nth-child(9n) > a .menu-item-inner { transition-delay: 0.68s; }

#mobile-menu nav.header-nav > ul > li[class*="megamenu"] > .sub-menu .sub-menu { 
	display: block; padding-top: 0; 
}

#mobile-menu nav.header-nav > ul li > .img-bg { 
	display: none; 
}
	
#mobile-menu nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img .item-thumb {
	display: none;
	}

#mobile-menu nav.header-nav > ul > li[class*="megamenu"] > .sub-menu > li a.has-img .img-caption {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	display: block;
	font-size: 14px;
	padding: 9px 20px;
	background: #f5f5f5;
	box-sizing:border-box;
	text-align: center;
	}


/* header Actions */
#mobile-menu .header-action {
    margin-top: 60px;
	}
	#mobile-menu .header-action:first-child {
    margin-top: 0;
	}
	#mobile-menu .header-action.header-language {
    margin-top: 30px;
}

#mobile-menu .socialmedia-widget.text-style li a {
    font-size: 38px;
	line-height: 48px;
	height: auto;
	padding: 0;
}

#mobile-menu .socialmedia-widget.text-style li a::after {
	height: 2px;
}

#mobile-menu .widget-title,
#mobile-menu .socialmedia-widget.text-style li {
   	overflow: hidden;
	}

#mobile-menu .widget-title .text,
#mobile-menu .socialmedia-widget.text-style li a {
   	transition: transform 650ms cubic-bezier(.4, 0, .1, 1);
	transform: translateY(100%);
	display: inline-block;
	}
	.loading-end #mobile-menu.this-is-open .widget-title .text,
	.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li a {
	transform: inherit;
	transition-delay: 0.3s;
	}
	.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(2n) a { transition-delay: 0.36s; }
	.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(3n) a { transition-delay: 0.42s; }
	.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(4n) a { transition-delay: 0.48s; }
	.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(5n) a { transition-delay: 0.54s; }
	.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(6n) a { transition-delay: 0.6s; }
	.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(7n) a { transition-delay: 0.66s; }
	.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(8n) a { transition-delay: 0.72s; }
	.loading-end #mobile-menu.this-is-open .socialmedia-widget.text-style li:nth-child(9n) a { transition-delay: 0.78s; }

#mobile-menu .header-action:not(.header-social) {
    opacity: 0;
	transform: translateY(10px);
   	transition: all 650ms cubic-bezier(.4, 0, .1, 1);
	}
	.loading-end #mobile-menu.this-is-open .header-action:not(.header-social) {
    opacity: 1;
	transform: inherit;
   	transition-delay: 0.45s;
}

@media only screen and (min-width: 1025px) {
	#mobile-menu .header-action:not(.header-social):not(.header-text)  {
		display: none;
	}
}




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

8. HERO / PAGETITLE

------------------------------------------------*/
#hero {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
	transition: all 0.7s ease;
	min-height: 100px;
	}
	#hero.hero-wrapped {
	width: 1440px;
	max-width: calc(100% - 160px);
	}
	body.loading-end #hero {
	opacity: 1;
	visibility: visible;
	}
	#hero.hero-fullscreen,
	#hero.hero-fullscreen .hero-inner {
	min-height:  100vh;
	}
	#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero {
	margin-top: calc(40px + 40px);							/* 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,
	#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-fullscreen .hero-inner {
	min-height: calc(100vh - (40px + 40px));				/* Logo Height + padding */			
	}
	#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-wrapped.hero-fullscreen,
	#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-wrapped.hero-fullscreen .hero-inner {
	min-height: calc(100vh - (40px + 40px) - 40px);			/* Logo Height + padding */			
	}

#hero .hero-inner {
	overflow: hidden;
	min-height: 100px;
	}

/* hero pagetitle */
#hero #page-title {
	padding-top: calc(100px + 35px);							/* 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.no-bg #page-title {
	padding-top: 60px;
	padding-bottom: 100px;
	}
	.post-type-archive-product #header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-auto.no-bg #page-title,
	#header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-auto.no-bg #page-title.title-bottom {
	padding-bottom: 60px;
	}

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

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

#hero.hero-fullscreen #page-title.title-center,
#hero.hero-custom #page-title.title-center {
	padding-top: calc(100px + 40px);							/* 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: 60px;					
}

#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.hero-home #page-title h1,
#hero #page-title.hero-single .post-name {
	font-weight: 700;
	}

/* title cats */
#hero #page-title .title-cats a {
	margin: 0 12px 12px 10px;
	}
	#hero #page-title .title-cats a:first-child {
	margin-left: 0;
	}
	#hero #page-title .title-cats a:last-child {
	margin-right: 0;
}




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

9. SHARE + FILTER

------------------------------------------------*/
/* Share */
#single-share,
.sr-grid-filter {
	margin-top: 0;
	border: 1px solid transparent; /* important for overflow hidden workaround */
	box-sizing:border-box;
	position: relative;
	}
	#single-share.is-fixed,
	.sr-grid-filter.is-fixed {
	position: fixed;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
	pointer-events: none;
	}
	.scrolled #single-share.is-fixed.is-visible.is-open,
	.scrolled .sr-grid-filter.is-fixed.is-visible.is-open {
	pointer-events: all;
	}

#single-share.is-fixed::before,
.sr-grid-filter.is-fixed::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 1px);
	background: #fff;
	transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
	transform: translateY(calc(100% + 1px));
	z-index: 0;
	}
	.scrolled #single-share.is-fixed.is-visible.is-open::before,
	.scrolled .sr-grid-filter.is-fixed.is-visible.is-open::before {
	transform: translateY(0);
	}

#single-share .share-title,
.sr-grid-filter .filter-title {
	font-size: 13px;
	font-weight: 700;
	margin: 0;
	height: 34px;
	border: 1px solid #000;
	border-radius: 20px;
	background: #000;
	box-sizing:border-box;
	display: inline-block;
	position: relative;
	width: 100px;
	transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
	}
	#single-share.align-center .share-title,
	.sr-grid-filter.align-center .filter-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	}
	#single-share.is-fixed .share-title,
	.sr-grid-filter.is-fixed .filter-title {
	width: 34px;
	opacity: 0;
	pointer-events: none;
	}
	.scrolled #single-share.is-fixed.is-visible .share-title,
	.scrolled .sr-grid-filter.is-fixed.is-visible .filter-title {
	width: 100px;
	opacity: 1;
	pointer-events: all;
	}
	#single-share.is-open:not(.is-fixed) .share-title,
	.sr-grid-filter.is-open:not(.is-fixed) .filter-title,
	.scrolled #single-share.is-fixed.is-visible.is-open .share-title,
	.scrolled .sr-grid-filter.is-fixed.is-visible.is-open .filter-title{
	width: 34px;
	}
	#single-share.align-center.is-open:not(.is-fixed) .share-title,
	.sr-grid-filter.align-center.is-open:not(.is-fixed) .filter-title,
	.scrolled #single-share.align-center.is-fixed.is-visible.is-open .share-title,
	.scrolled .sr-grid-filter.align-center.is-fixed.is-visible.is-open .filter-title{
	top: 0;
	}

#single-share .share-title > a,
.sr-grid-filter .filter-title > a {
	height: 32px;
	width: 100%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	color: #fff;
	}

#single-share .share-title .text,
.sr-grid-filter .filter-title .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform:  translateX(-50%) translateY(-50%);
	transition: all 0.4s cubic-bezier(.6, 0, .1, 1);
	}
	#single-share.is-fixed .share-title .text,
	.sr-grid-filter.is-fixed .filter-title .text {
	transform:  translateX(-50%) translateY(-50%) scale(0.7);
	opacity: 0;
	transition: all 0.4s cubic-bezier(.6, 0, .1, 1), opacity 0.4s ease 0s;
	}
	.scrolled #single-share.is-fixed.is-visible .share-title .text,
	.scrolled .sr-grid-filter.is-fixed.is-visible .filter-title .text {
	top: 50%;
	opacity: 1;
	transform:  translateX(-50%) translateY(-50%);
	transition: all 0.4s cubic-bezier(.6, 0, .1, 1), opacity 0.4s ease 0.2s;
	}
	#single-share.is-open:not(.is-fixed) .share-title .text,
	.sr-grid-filter.is-open:not(.is-fixed) .filter-title .text,
	.scrolled #single-share.is-fixed.is-visible.is-open .share-title .text,
	.scrolled .sr-grid-filter.is-fixed.is-visible.is-open .filter-title .text {
	top: 0;
	transform:  translateX(-50%) translateY(-100%);
	}

#single-share .share-title .icon,
.sr-grid-filter .filter-title .icon {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform:  translateX(-50%) translateY(100%);
	transition: all 0.4s cubic-bezier(.6, 0, .1, 1);
	}
	#single-share.is-open:not(.is-fixed) .share-title .icon,
	.sr-grid-filter.is-open:not(.is-fixed) .filter-title .icon,
	.scrolled #single-share.is-open .share-title .icon,
	.scrolled .sr-grid-filter.is-open .filter-title .icon {
	transform:  translateX(-50%) translateY(-50%);
	top: 50%;
	}

#single-share .share-title .icon svg,
.sr-grid-filter .filter-title .icon svg {
	position: absolute;
	top: 0;
	left: 0;
	fill: #fff;
	}

#single-share .socialmedia-widget,
.sr-grid-filter .grid-filter {
	margin: 0 0 -8px 20px;
	display: block;
	line-height: 0;
	}
	#single-share.align-center .socialmedia-widget,
	.sr-grid-filter.align-center .grid-filter  {
	margin: 25px 0 -8px 0;
	}
	#single-share.align-center.is-fixed .socialmedia-widget,
	.sr-grid-filter.align-center.is-fixed .grid-filter  {
	margin: 25px 0 17px 0;
	}

#single-share.open-ul .socialmedia-widget li,
.sr-grid-filter.open-ul .grid-filter li {
	overflow: hidden;
	padding: 0 15px !important;
	margin-bottom: 8px;
	pointer-events: none;
	}
	#single-share.open-ul.is-open .socialmedia-widget li,
	.sr-grid-filter.open-ul.is-open .grid-filter li {
	pointer-events: all;
	}

#single-share.open-ul .socialmedia-widget li a,
.sr-grid-filter.open-ul .grid-filter li a {
	transform: translateY(100%);
	transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1);
	}
	#single-share.open-ul.is-open:not(.is-fixed) .socialmedia-widget li a,
	.sr-grid-filter.open-ul.is-open:not(.is-fixed) .grid-filter li a,
	.scrolled #single-share.open-ul.is-open .socialmedia-widget li a,
	.scrolled .sr-grid-filter.open-ul.is-open .grid-filter li a{
	transform: translateY(0);
	}
	#single-share.open-ul.is-open .socialmedia-widget li a,
	.sr-grid-filter.open-ul.is-open .grid-filter li a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.12s; }
	#single-share.open-ul.is-open .socialmedia-widget li:nth-child(2n) a,
	.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(2n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.12s; }
	#single-share.open-ul.is-open .socialmedia-widget li:nth-child(3n) a,
	.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(3n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.14s; }
	#single-share.open-ul.is-open .socialmedia-widget li:nth-child(4n) a,
	.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(4n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.16s; }
	#single-share.open-ul.is-open .socialmedia-widget li:nth-child(5n) a,
	.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(5n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.18s; }
	#single-share.open-ul.is-open .socialmedia-widget li:nth-child(6n) a,
	.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(6n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.2s; }
	#single-share.open-ul.is-open .socialmedia-widget li:nth-child(7n) a,
	.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(7n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.22s; }
	#single-share.open-ul.is-open .socialmedia-widget li:nth-child(8n) a,
	.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(8n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.24s; }
	#single-share.open-ul.is-open .socialmedia-widget li:nth-child(9n) a,
	.sr-grid-filter.open-ul.is-open .grid-filter li:nth-child(9n) a { transition: all 0.3s ease, transform 0.55s cubic-bezier(.6, 0, .1, 1) 0.26s; }


.sr-grid-filter .grid-filter li {
	display: inline-block;
	margin: 0;
	position: relative;
	}

.sr-grid-filter .grid-filter li a {
	line-height: 24px;
	height: 24px;
	width: auto;
	color: #000;
	transition: all 0.3s ease;
	display: block;
	text-align: center;
	box-sizing:border-box;
	position: relative;
	}
	.sr-grid-filter .grid-filter li a:hover,
	.sr-grid-filter .grid-filter li.active a {
	color: rgba(0,0,0,0.41);
	}



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

10. BLOG

------------------------------------------------*/
.blog-container.post-item {
	position: relative;
	}

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

.post-item {
	position: relative;
	}

.sr-grid-spaced-small .post-item .blog-item-inner { margin-bottom: 40px; }
.sr-grid-spaced-normal .post-item .blog-item-inner { margin-bottom: 30px; }
.sr-grid-spaced-medium .post-item .blog-item-inner { margin-bottom: 20px; }

.post-item.sticky .blog-item-inner {
	border-left: 1px solid #000;
	margin-top: 0;
	padding: 0 0 0 25px;
	}

.post-item.search-item .post-content {
	border: 1px solid rgba(0,0,0,0.16);
	margin-top: 0;
	padding: 30px;
	margin-bottom: 0;
	border-radius: 0;
	}

.post-item .blog-media { 
	position: relative;
	}

.post-item .blog-media .format-video { 
	width: 40px;
	height: 40px;
	background: #fff;
	color: #000;
	border-radius: 50%;
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 2;
	pointer-events: none;
	}

.post-item .blog-media .format-video svg {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%; 
	left: 52%; 
	transform: translateX(-50%) translateY(-50%);
	}

.post-date, 
.post-cat,
.post-author {
	color: #000;
	display: inline-block;
	margin-right: 3px; 
	position: relative;
	word-wrap: normal;
	font-size: 0.8em;
	font-weight: 600;
	}
	.text-light .post-date, 
	.text-light .post-cat,
	.text-light .post-author {
	color: #fff;
	}
	.post-date,
	.post-author {
	color: rgba(0,0,0,0.41);
}

.post-cat a {
	color: #000;
	display: inline-block;
	margin-right: 10px;
	}
	.text-light .post-cat a {
	color: #fff;
	}
	.post-cat a:hover {
	opacity: 0.51; 
	}

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

.blog-info {
	margin-bottom: 40px;
	}

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

.blog-info .post-name {
	margin-top: 10px;
	font-weight: 700;
}

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

.blog-info .read-more {
	margin-top: 20px !important;
	}

.blog-info .post-meta {
	margin-top: 0;
	}

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

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


/* List Style */
.list-style .post-item .blog-item-inner {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
	}
	.list-style.list-spaced-big .post-item .blog-item-inner {
	margin-bottom: 60px;
	}
	.list-style.list-spaced-huge .post-item .blog-item-inner {
	margin-bottom: 80px;
	}

.list-style .post-item .blog-item-inner .blog-media {
	width: 40%;
	}
.list-style .post-item .blog-item-inner .blog-info {
	width: 60%;
	padding-left: 40px;
    margin-top: 5px;
	}


/* Infos On Image */
.flickity-carousel .post-item .blog-item-inner {
    margin-bottom: 0;
}

.infosonimage .post-item .blog-item-inner {
	margin-bottom: 0;
}

.infosonimage .post-item .blog-media .format-video { 
	display: none;
}

.infosonimage .post-item .blog-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 25px;
	z-index: 2;
	pointer-events: none;
	transition: all 650ms cubic-bezier(.6, 0, .1, 1);
	}
	.infosonimage .post-item:hover .blog-info {
	padding-bottom: 40px;
	}
	.infosonimage .post-item .blog-info > * {
	position: relative;
	z-index: 2;
	}

.infosonimage .post-item .blog-info::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 180px;
	background: rgb(0,0,0);
	background: linear-gradient(to top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%);
	z-index: 1;
	}


/* Single Post */
.single-post #header:not(.transparent-light):not(.transparent-dark) ~ #hero-and-body #hero.hero-auto.no-bg #page-title {
	padding-top: 60px;
	padding-bottom: 60px;
	}

#page-title .post-cat {
	font-size: 1em;
	}

#page-title .post-meta * {
	font-size: 0.9rem;
	}

#page-title  .post-name {
	margin-top: 15px;
	margin-bottom: 15px;
	}

#blog-single .blog-media {
	margin-bottom: 80px;
	text-align: center;
}

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

.meta-tags {
	text-align: center;
}

.meta-tags .tags-title {
	color: #000;
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	display: none;
}

.meta-tags a {
	color: #000;
	font-size: 10px;
	line-height: 20px;
	display: inline-block;
	border: 1px solid #000;
	border-radius: 15px;
	padding: 1px 6px;
	margin: 0 3px 4px 3px;
	box-sizing:border-box;
	}

#blog-single #single-share {
	display: block;
	text-align: center;
}


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

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: 25px;
	}	
	
.comments .comment-list .comment { 
	margin-top: 25px;
	border-top: 1px solid rgba(0,0,0,0.16);
	padding-top: 25px;
	}
	.comments .comment-list .comment:first-child {
	margin-top: 0;
	}

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

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

.comments .comment .comment-content .content,
.comments .comment .comment-content .content p {
	margin-top: 15px;
	font-size: 0.9em;
	}
	.comments .comment .comment-content .content p:first-child {
    margin-top: 0;
}
		
.comments .comment .children { 
	margin-left: 50px; 
	margin-top: 40px;
	list-style: none;
	}
	
.comments .user {
	float: left;
	width: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
	border-radius: 50px;
	overflow: hidden;
	}
	.comments .user img {
	width: 100%;
	}

.comments .name {
	position: relative;
	}
	
.comments .time {
	font-size: 0.8em;
	margin-top: 0;
	display: inline-block;
	color: rgba(0,0,0,0.41);
	float: right;
	}
	.text-light .comments .time { 
	color: rgba(255,255,255,0.61); 
	}

.comments .name .comment-name {
	margin-top: 0;
	}
	
.comments .comment-content {
	margin-left: 70px;
	position: relative;
	}

.comments .comment-content .description {
	margin-top: 15px;
	}
		
.comments .comment-reply-link, 
.comments #cancel-comment-reply-link {
	display: inline-block;
	font-size: 0.8em;
	font-weight: 600;
	line-height: 20px;
	border-bottom: 1px solid #000;
	}
	.comments #cancel-comment-reply-link {
	margin-left: 15px;
	}
	
.comments #respond {
	margin-top: 50px;
	margin-left: 120px;
	}

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

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

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

.comment-form textarea {
	min-height: 170px;
	height: 170px;
	}

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

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

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

#reply-title,
#comment-title,
.woocommerce-Reviews-title {
	font-size: 22px;
	line-height: 28px;
	font-weight: 600;
	}

.logged-in-as {
	font-size: 0.75em;
	line-height: 1.4em;
	margin-top: 5px !important;
	}
	
#respond form, .leavecomment form {
	margin-top: 0;
	}
	
.comment-notes {
	font-size: 0.75em;
	line-height: 1.4em;
	}
	




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

13. PAGINATION

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

.isotope-grid.shop-container + #page-pagination {
	margin-top: 0;
	}
		
.pagination {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
	text-align: center;
	transition: all 0.45s cubic-bezier(.6, 0, .1, 1) 0.4s;
	}
	.slist-wrapper.active .pagination {
	transform: translateY(100%);
	transition-delay: 0s;
	}
	
.pagination li {
	padding: 0;
	margin: 0;
	position: relative;
	}

.pagination li a, 
.pagination li > span {
	font-family: 'Manrope';
	font-weight: 600;
	font-size: 14px;
	color: #000;
	line-height: 40px;
	height: 40px;
	display: inline-block;
	padding: 0;
	width: auto;
	text-align: center;
	max-width: 100%;
	padding: 0 5px;
	margin: 0 7px;
	}
	
#page-pagination .pagination li.page span, 
#page-pagination .pagination li.page a {
	display: inline-block;
	transition: all 0.3s ease;
	text-align:center;
	}

#page-pagination .pagination li.page span.current, 
#page-pagination .pagination li.page a:hover {
	color: rgba(0,0,0,0.31);
	}

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

#page-pagination .pagination li.next a,
#page-pagination .pagination li.prev a {
	width: 40px;
	padding: 0;
	display: block;
	position: relative;
	border-radius: 4px;
	border: none;
	}

#page-pagination .pagination li.next svg, 
#page-pagination .pagination li.prev svg {
	fill: #000;
	width: 18px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all 0.3s ease;
	}
	#page-pagination .pagination li.prev svg {
	transform: translateX(-50%) translateY(-50%) rotate(-180deg);
	}
	#page-pagination .pagination li.next a:hover svg,
	#page-pagination .pagination li.prev a:hover svg {
	opacity: 0.51;
	}

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

#page-pagination .pagination li.next.inactive svg, 
#page-pagination .pagination li.prev.inactive svg {
	}





/* single pagination */
#single-pagination.blog-pagination {
	padding: 0;
	margin: 80px auto;
	}

#single-pagination .pagination {
	display: block;
	}

#single-pagination .pagination li {
	float: left;
	text-align: left;
	width: 50%;
	box-sizing:border-box;
	}
	#single-pagination .pagination li.next {
	float: right;
	text-align: right;
	padding-right: 0;
	}
	#single-pagination .pagination li.inactive {
	display: none;
	}

#single-pagination .pagination li a {
	line-height: inherit;
	padding: 0;
	display: flex;
	align-items: top;
	width: auto;
	border: none;
	margin: 0;
	}

#single-pagination .pagination li a, #single-pagination .pagination li > span {
	height: auto;
	line-height: auto;
}

#single-pagination .pagination li a .media {
	width: 35%;
	}
	#single-pagination .pagination li.next a .media {
	order: 2;
	}
#single-pagination .pagination li a .info {
	width: 100%;
	text-align: left;
	padding: 0 25px;
	box-sizing:border-box;
	}
	#single-pagination .pagination li.prev a .info:first-child {
	padding-left: 0;
	}
	#single-pagination .pagination li.next a .info:first-child {
	padding-right: 0;
	}
	#single-pagination .pagination li.next a .media + .info,
	#single-pagination .pagination li.prev a .media + .info {
	width: 65%;
	flex: 1;
	}
	#single-pagination .pagination li.next a .info {
	order: 1;
	text-align: right;
	}

#single-pagination .pagination li a .text {
	font-size: 0.9rem;
	display: inline-block;
	color: rgba(0,0,0,0.41);
	}

#single-pagination .pagination li .post-title {
	content: attr(data-title);
	font-family: 'Manrope';
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.7rem;
	display: block;
	color: #000;
	transition: 0.3s ease;
	margin-top: 10px;
	}
	#single-pagination .pagination li .post-title:hover {
	opacity: 0.5;
	}
	.text-light #single-pagination .pagination li .post-title {
	color: #fff;
	}

/* portfolio single pagination */
#single-pagination.sr-grid-pagination .sr-item {
	display: inline-block;
	margin: 160px auto;
	}

#single-pagination.sr-grid-pagination .sr-item .sr-image.portrait {
	max-width: 420px;
	}

#single-pagination.sr-grid-pagination .sr-item .sr-image.square {
	max-width: 500px;
	}

#single-pagination.sr-grid-pagination .sr-item .sr-image.landscape {
	max-width: 600px;
	}

#single-pagination.sr-grid-pagination .sr-item .has-caption-bg.overlay-caption {
    max-width: 400px;
}

/* content pagination (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.41);
	font-size: 0.9em;
	line-height: 16px;
	font-weight: 600;
	}
	.content-pagination .pages .current {
	color: #000;
	}
	.content-pagination .pages a:hover {
	color: #000;
	}

.content-pagination .pages * {
	margin: 0 5px;
	}

/* comment pagination */
#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)

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

/* SR-GRID */
.sr-grid { 
	width: 100%;
	margin-bottom: -1px;	/* workaround for hiding minipixels */
	}
	.sr-grid:not(.isotope-grid) { 
	display: flex; 
	flex-wrap: wrap;
	}
	.sr-grid-filter:not(.is-fixed) + .sr-grid { 
	margin-top: 40px;  
	}

	.sr-grid[class*='sr-grid-spaced-small'] {
		width: calc(100% + 5px); 
		left: 0;
		margin-bottom: -5px;
		}
	.sr-grid[class*='sr-grid-spaced-normal'] { 
		width: calc(100% + 20px); 
		left: 0; 
		margin-bottom: -20px;
		}
	.sr-grid[class*='sr-grid-spaced-medium'] {
		width: calc(100% + 40px); 
		left: 0;
		margin-bottom: -40px;
		}
	.sr-grid[class*='sr-grid-spaced-big'] {
		width: calc(100% + 80px); 
		left: 0;
		margin-bottom: -80px;
		}
	.sr-grid[class*='sr-grid-spaced-large'] {
		width: calc(100% + 120px); 
		left: 0;
		margin-bottom: -120px;
		}
	.sr-grid[class*='sr-grid-spaced-huge'] {
		width: calc(100% + 180px); 
		left: 0;
		margin-bottom: -180px;
		}


.sr-grid .sr-item {
	margin-bottom: -0.5px;	/* workaround for hiding minipixels */
	position: relative;
	}
	.sr-grid[class*='sr-grid-spaced-small'] .sr-item { 
	margin-bottom: 5px; 
	margin-right: 5px; 
	}
	.sr-grid[class*='sr-grid-spaced-normal'] .sr-item { 
	margin-bottom: 20px; 
	margin-right: 20px; 
	}
	.sr-grid[class*='sr-grid-spaced-medium'] .sr-item { 
	margin-bottom: 40px; 
	margin-right: 40px; 
	}
	.sr-grid[class*='sr-grid-spaced-big'] .sr-item { 
	margin-bottom: 80px; 
	margin-right: 80px; 
	}
	.sr-grid[class*='sr-grid-spaced-large'] .sr-item { 
	margin-bottom: 120px; 
	margin-right: 120px; 
	}
	.sr-grid[class*='sr-grid-spaced-huge'] .sr-item { 
	margin-bottom: 180px; 
	margin-right: 180px; 
	}

.sr-grid.style-column-2 .sr-item { width: 50%; }
.sr-grid.style-column-3 .sr-item { width: 33.33%; }
.sr-grid.style-column-4 .sr-item { width: 25%; }
.sr-grid.style-column-5 .sr-item { width: 20%; }

.sr-grid.style-column-2[class*='sr-grid-spaced-small'] .sr-item  { width: calc(50% - 5px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-small'] .sr-item  { width: calc(33.33% - 5px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-small'] .sr-item  { width: calc(25% - 5px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-small'] .sr-item  { width: calc(20% - 5px); }

.sr-grid.style-column-2[class*='sr-grid-spaced-normal'] .sr-item { width: calc(50% - 20px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-normal'] .sr-item  { width: calc(33.33% - 20px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-normal'] .sr-item  { width: calc(25% - 20px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-normal'] .sr-item  { width: calc(20% - 20px); }

.sr-grid.style-column-2[class*='sr-grid-spaced-medium'] .sr-item  { width: calc(50% - 40px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-medium'] .sr-item  { width: calc(33.33% - 40px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-medium'] .sr-item  { width: calc(25% - 40px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-medium'] .sr-item  { width: calc(20% - 40px); }

.sr-grid.style-column-2[class*='sr-grid-spaced-big'] .sr-item  { width: calc(50% - 80px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-big'] .sr-item  { width: calc(33.33% - 80px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-big'] .sr-item  { width: calc(25% - 80px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-big'] .sr-item  { width: calc(20% - 80px); }

.sr-grid.style-column-2[class*='sr-grid-spaced-large'] .sr-item  { width: calc(50% - 120px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-large'] .sr-item  { width: calc(33.33% - 120px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-large'] .sr-item  { width: calc(25% - 120px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-large'] .sr-item  { width: calc(20% - 120px); }

.sr-grid.style-column-2[class*='sr-grid-spaced-huge'] .sr-item  { width: calc(50% - 180px); }
.sr-grid.style-column-3[class*='sr-grid-spaced-huge'] .sr-item  { width: calc(33.33% - 180px); }
.sr-grid.style-column-4[class*='sr-grid-spaced-huge'] .sr-item  { width: calc(25% - 180px); }
.sr-grid.style-column-5[class*='sr-grid-spaced-huge'] .sr-item  { width: calc(20% - 180px); }

.sr-grid.style-column-1 { 
	width: 100% !important; 
	left: 0; 
}
.sr-grid.style-column-1 .sr-item { 
	width: 100%; 
	margin-right: 0px !important; 
}

img.rationed {
	object-fit: cover; 
	object-position: 50% 50%; 
	width: 100%; 
}



/* SR GRID CAPTION */
.sr-grid .sr-item .sr-item-info {
	padding: 20px 0;
	}
	.sr-grid .sr-item .sr-item-info.show-caption-on-mobile {
	text-align: left;
	}
	@media only screen and (min-width: 1025px) {
	.sr-grid .sr-item .sr-item-info.show-caption-on-mobile {
		display: none;
		}
	}


.sr-grid .sr-item .item-inner {
	position: relative;
}

.sr-grid .sr-item .sr-item-info.position-offset {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.sr-grid.sr-grid-column .sr-item .sr-item-info.position-offset {
	position: relative;
	bottom: auto;
	right: auto;
	width: calc(100% - 60px);
	transform: translateX(30px) translateY(-60px);
	margin-bottom: -60px;
}


/* GRID OFFSET */
.sr-grid.sr-grid-offset-normal.style-column-2 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-normal.style-column-3 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-normal.style-column-4 .sr-item:nth-child(2) {margin-top: 40px; }
.sr-grid.sr-grid-offset-normal.style-column-3 .sr-item:nth-child(3),
.sr-grid.sr-grid-offset-normal.style-column-4 .sr-item:nth-child(3) {margin-top: 80px; }
.sr-grid.sr-grid-offset-normal.style-column-4 .sr-item:nth-child(4) {margin-top: 120px; }

.sr-grid.sr-grid-offset-medium.style-column-2 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-medium.style-column-3 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-medium.style-column-4 .sr-item:nth-child(2) {margin-top: 80px; }
.sr-grid.sr-grid-offset-medium.style-column-3 .sr-item:nth-child(3),
.sr-grid.sr-grid-offset-medium.style-column-4 .sr-item:nth-child(3) {margin-top: 160px; }
.sr-grid.sr-grid-offset-medium.style-column-4 .sr-item:nth-child(4) {margin-top: 240px; }

.sr-grid.sr-grid-offset-big.style-column-2 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-big.style-column-3 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-big.style-column-4 .sr-item:nth-child(2) {margin-top: 120px; }
.sr-grid.sr-grid-offset-big.style-column-3 .sr-item:nth-child(3),
.sr-grid.sr-grid-offset-big.style-column-4 .sr-item:nth-child(3) {margin-top: 240px; }
.sr-grid.sr-grid-offset-big.style-column-4 .sr-item:nth-child(4) {margin-top: 360px; }

.sr-grid.sr-grid-offset-large.style-column-2 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-large.style-column-3 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-large.style-column-4 .sr-item:nth-child(2) {margin-top: 180px; }
.sr-grid.sr-grid-offset-large.style-column-3 .sr-item:nth-child(3),
.sr-grid.sr-grid-offset-large.style-column-4 .sr-item:nth-child(3) {margin-top: 360px; }
.sr-grid.sr-grid-offset-large.style-column-4 .sr-item:nth-child(4) {margin-top: 540px; }

.sr-grid.sr-grid-offset-huge.style-column-2 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-huge.style-column-3 .sr-item:nth-child(2),
.sr-grid.sr-grid-offset-huge.style-column-4 .sr-item:nth-child(2) {margin-top: 240px; }
.sr-grid.sr-grid-offset-huge.style-column-3 .sr-item:nth-child(3),
.sr-grid.sr-grid-offset-huge.style-column-4 .sr-item:nth-child(3) {margin-top: 480px; }
.sr-grid.sr-grid-offset-huge.style-column-4 .sr-item:nth-child(4) {margin-top: 720px; }


/* RANDOM */
.sr-grid.sr-grid-column-random .sr-item:nth-child(1n) { padding: 9% 5% 2.5% 3%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(2n) { padding: 0% 7% 2.5% 5%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(3n) { padding: 3% 2% 2.5% 6%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(4n) { padding: 9% 0% 2.5% 8%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(5n) { padding: 11% 6% 2.5% 4%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(6n) { padding: 0% 5% 2.5% 5%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(7n) { padding: 2% 9% 2.5% 2%; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(8n) { padding: 8% 8% 2.5% 3%; }

.sr-grid.sr-grid-column-random .sr-item .sr-item-info.position-offset { right: 0; left: auto; text-align: left; margin-right: -80px; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(2n) .sr-item-info.position-offset { right: auto; left: 0; text-align: right; margin-left: -80px; }

.sr-grid.sr-grid-column-random .sr-item:nth-child(1n) .sr-item-info.position-offset { top: 10%; bottom: auto; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(2n) .sr-item-info.position-offset { top: auto; bottom: 15%; margin-left: -80px; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(3n) .sr-item-info.position-offset { top: 5%; bottom: auto; margin-right: -60px; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(4n) .sr-item-info.position-offset { top: auto; bottom: 20%; margin-left: -90px; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(5n) .sr-item-info.position-offset { top: auto; bottom: 30%; margin-right: -80px; }
.sr-grid.sr-grid-column-random .sr-item:nth-child(6n) .sr-item-info.position-offset { top: 15%; bottom: auto; margin-left: -80px; }


/* RANDOM ROW */
.sr-grid.sr-grid-random,
.sr-grid.sr-grid-random .sr-item { width: 100%; }
.sr-grid.sr-grid-random .sr-item.image-portrait .item-inner { max-width: 35%; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.image-landscape .item-inner { max-width: 50%; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.image-square .item-inner { max-width: 45%; display: inline-block; }

.sr-grid.sr-grid-random .sr-item:nth-child(1n) { margin-left: 6%; }
.sr-grid.sr-grid-random .sr-item:nth-child(2n):not(.align-left):not(.align-right) { text-align: right; margin-right: 6%; }
.sr-grid.sr-grid-random .sr-item:nth-child(3n) { margin-left: 15%; margin-right: -10%; }
.sr-grid.sr-grid-random .sr-item:nth-child(4n):not(.align-left):not(.align-right) { text-align: right; margin-right: -7%; margin-left: 7%; }
.sr-grid.sr-grid-random .sr-item:nth-child(5n) { margin-left: -1%; }
.sr-grid.sr-grid-random .sr-item:nth-child(6n):not(.align-left):not(.align-right) { text-align: right; margin-right: 5%; margin-left: 5%; }
.sr-grid.sr-grid-random .sr-item:nth-child(7n) { margin-left: -7%; }
.sr-grid.sr-grid-random .sr-item:nth-child(8n):not(.align-left):not(.align-right) { text-align: right; margin-right: 13%; }

.sr-grid.sr-grid-random .sr-item:nth-child(1n) .sr-item-info.position-offset { top: 10%; bottom: auto; right: 0; left: auto; text-align: left; transform: translateX(80px); }
.sr-grid.sr-grid-random .sr-item:nth-child(2n) .sr-item-info.position-offset { top: auto; bottom: 15%; right: auto; left: 0; text-align: right; transform: translateX(-80px); }
.sr-grid.sr-grid-random .sr-item:nth-child(3n) .sr-item-info.position-offset { top: 5%; bottom: auto; right: 0; left: auto; text-align: left; transform: translateX(60px); }
.sr-grid.sr-grid-random .sr-item:nth-child(4n) .sr-item-info.position-offset { top: auto; bottom: 20%; right: auto; left: 0; text-align: right; transform: translateX(-90px); }
.sr-grid.sr-grid-random .sr-item:nth-child(5n) .sr-item-info.position-offset { top: auto; bottom: 30%; right: 0; left: auto; text-align: left; transform: translateX(80px); }
.sr-grid.sr-grid-random .sr-item:nth-child(6n) .sr-item-info.position-offset { top: 15%; bottom: auto; right: auto; left: 0; text-align: right; transform: translateX(-80px); }
.sr-grid.sr-grid-random .sr-item.align-right .sr-item-info.position-offset { right: auto; left: 0; text-align: right; transform: translateX(-80px); }

.sr-grid.sr-grid-random .sr-item.itemsize-mini .item-inner { max-width: 150px; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.itemsize-small .item-inner { max-width: 200px; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.itemsize-medium .item-inner { max-width: 300px; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.itemsize-normal .item-inner { max-width: 450px; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.itemsize-big .item-inner { max-width: 600px; display: inline-block; }
.sr-grid.sr-grid-random .sr-item.itemsize-large .item-inner { max-width: 800px; display: inline-block; }




/* SR GRID HOVER */
.sr-grid-hover {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 1400;
	pointer-events: none;
	opacity: 0;
	}
	.sr-grid-hover.on-screen {
	height: 100%;
	opacity: 1;
	}

.sr-grid-hover .sr-grid-hover-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	height: 400px;
	}

.sr-grid-hover .hover-item {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: calc(100% - 120px);
	transform: translateX(-50%) translateY(-50%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.01s ease 0.3s;
	}
	.sr-grid-hover .hover-item.display {
	z-index: 2;
	opacity: 1;
	visibility: visible;
	transition: all 0.01s ease 0s;
	}

.sr-grid-hover .hover-item .hover-caption > *  {
	display: block;
	overflow: hidden;
	}

.sr-grid-hover .hover-item .hover-caption > * > * {
	display: block;
	transition: all 460ms cubic-bezier(.2, 0, .1, 1) 0s;
	transform: translateY(100%);
	}
	.sr-grid-hover .hover-item.display .hover-caption > * > * {
	transform: none;
	}
	.sr-grid-hover .hover-item.display .hover-caption > *:nth-child(2n) > * { transition-delay: 0.12s; }
	.sr-grid-hover .hover-item.display .hover-caption > *:nth-child(3n) > * { transition-delay: 0.24s; }


/* SR GRID CAPTION */
.sr-grid .has-caption-bg {
	position: relative;
	padding: 20px !important;
	}
	.sr-grid .has-caption-bg.overlay-caption {
	width: calc(100% - 60px);
}

.sr-grid .has-caption-bg::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #fff;
	}
	.sr-grid .has-caption-bg.text-light::before {
	background: #000;
}

/* LOAD MORE */
.load-isotope {
	position: relative;
	height: 40px;
	transition: all 0.4s ease;
	margin: 60px 0;
	}

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





/* FLICKITY */
.flickity-carousel.hasbullets {
  	padding-bottom: 55px;
	}
	.flickity-carousel.image-gallery.hasbullets {
  	padding-bottom: 40px;
}

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

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

.flickity-carousel.phat-parallax-move-hor .flickity-slider {
    margin-left: 10%;
}

.flickity-carousel .flickity-prev-next-button {
	width: 30px;
	height: 30px;
	padding: 0;
	background: transparent !important;
	border-radius: 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	
	left: auto;
	right: 0;
	top: -50px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	.flickity-carousel .flickity-prev-next-button:disabled { 
	opacity: 0.05; 
	}
	.flickity-carousel .flickity-prev-next-button.previous { 
	left: auto; 
	right: 35px; 
	}
	.flickity-carousel .flickity-prev-next-button.next { 
	right: 0; 
	}
	.flickity-carousel.arrow-center .flickity-prev-next-button,
	.flickity-carousel.image-gallery .flickity-prev-next-button { 
	top: calc(50% - 15px);
	left: -40px;
	}
	.flickity-carousel.arrow-center .flickity-prev-next-button.next { 
	left: auto;
	right: -40px; 
	}
	.flickity-carousel.image-gallery.hasbullets .flickity-prev-next-button { 
	top: calc(50% - 15px - 20px); /* 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: 22px;
	height: 22px;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	transition: all 0.3s ease;
	}

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


/* rounded arrows */
.flickity-carousel.style-arrows-rounded .flickity-prev-next-button {
	width: 40px;
	height: 40px;
	border: 1px solid #000;
	background: #transparent !important;
	border-radius: 25px;
	top: -60px;
	}
	.flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button { 
	background: #000 !important;
	}
	.flickity-carousel.style-arrows-rounded .flickity-prev-next-button.previous { 
	left: auto; 
	right: 60px; 
	}
	.flickity-carousel.style-arrows-rounded .flickity-prev-next-button.next { 
	right: 0; 
	}
	.flickity-carousel.style-arrows-rounded .flickity-prev-next-button svg {
	width: 18px;
	height: 18px;
	}
	.flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button .arrow {
	fill: #fff;
	}
	.flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button,
	.flickity-carousel.style-arrows-rounded.image-gallery .flickity-prev-next-button { 
	top: calc(50% - 25px);
	left: 20px;
	}
	.flickity-carousel.style-arrows-rounded.arrow-center .flickity-prev-next-button.next { 
	left: auto;
	right: 20px; 
	}
	.flickity-carousel.style-arrows-rounded.image-gallery.hasbullets .flickity-prev-next-button { 
	top: calc(50% - 25px - 20px); /* 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: 14px;
  	height: 14px;
	margin: 0 3px;
	position: relative;
	opacity: 1;
	}

.flickity-carousel .flickity-page-dots li.dot::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 6px;
  	height: 6px;
  	background: #000;
	border-radius: 50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	transition: all 0.4s ease;
	}
	.text-light .flickity-carousel .flickity-page-dots li.dot::after {
  	background: #fff;
	}
	.flickity-carousel .flickity-page-dots li.dot.is-selected::after {
	width: 100%;
  	height: 100%;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.flickity-carousel.style-column-2[class*='flickity-spaced-big'].extended .sr-item  { width: calc(90%/2); }
.flickity-carousel.style-column-3[class*='flickity-spaced-big'].extended .sr-item  { width: calc(90%/3); }
.flickity-carousel.style-column-4[class*='flickity-spaced-big'].extended .sr-item  { width: calc(90%/4); }
.flickity-carousel.style-column-5[class*='flickity-spaced-big'].extended .sr-item  { width: calc(90%/5); }
.flickity-carousel.style-column-2[class*='flickity-spaced-huge'].extended .sr-item  { width: calc(88%/2); }
.flickity-carousel.style-column-3[class*='flickity-spaced-huge'].extended .sr-item  { width: calc(87%/3); }
.flickity-carousel.style-column-4[class*='flickity-spaced-huge'].extended .sr-item  { width: calc(86%/4); }
.flickity-carousel.style-column-5[class*='flickity-spaced-huge'].extended .sr-item  { width: calc(85%/5); }


/* carousel slider */
.carousel-slider .gallery-image {
    width: 780px;
	text-align: center;
    max-width: calc(100% - 160px);
    margin-right: 80px;
	overflow: hidden;
	transition: all 860ms cubic-bezier(.2, 0, .1, 1) 0s;
	}
	.carousel-slider .is-pointer-down .gallery-image {
    transform: scale(0.9);
	}

.carousel-slider .gallery-image img {
    transform: scale(1.15);
	transition: all 860ms cubic-bezier(.2, 0, .1, 1) 0s;
	}
	.carousel-slider .gallery-image.is-selected img {
    transform: scale(1);
	}
	.carousel-slider .is-pointer-down .gallery-image.is-selected img {
    transform: scale(1.1);
	}


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

	
/* 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.3s ease;
	opacity: 0;
	transition: color 0.3s ease, opacity 0.1s ease;
	}
	.phatvideo-bg .mute-video::before {
	content: "\f4ce";
	opacity: 1;
	}

.phatvideo-bg .mute-video.unmute span:first-child {
	display: block;
	width: 18px;
	height: 1.3px;
	background: #000;
	text-indent: -9999px;
	position: absolute;
	top: 50% ;
	left: calc(50% - 9px);
	transform: rotate(45deg);
	}


/* 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.3s ease;
	opacity: 0;
	}
	.phatvideo-bg .playpause-video span::before {
	content: "\f478";
	font-size: 14px;
	opacity: 1;
	}
	.phatvideo-bg .playpause-video span::after {
	left: 1px;
	}
	.phatvideo-bg .playpause-video.play span::after {
	opacity: 1;
	} 
	.phatvideo-bg .playpause-video.play span::before {
	opacity: 0;
	}

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


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

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

body .fancybox-toolbar {
    right: 20px;
    top: 20px;
}

body .fancybox-button {
    background: none !important;
	color: #000;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	transition: background 0.3s ease;
	}
	body .fancybox-button:hover {
    background: #f5f5f5 !important;
}

body .fancybox-button svg {
   	width: 22px;
   	height: 22px;
	position: absolute;
    left: 50%;
    top: 50%;	
    transform: translateX(-50%) translateY(-50%);
	fill: #000 !important;
	}
	body .fancybox-button svg path {
	fill: #000 !important;
}

body .fancybox-button--close svg {
	width: 17px;
   	height: 17px;
}

body .fancybox-navigation .fancybox-button {
	padding: 0;
	height: 50px;
	width: 50px;
	top: calc(50% - 25px);
	border-radius: 50%;
	border: none;
    transition: background 0.3s ease !important;
	}
	body .fancybox-navigation .fancybox-button:hover {
    background: #f5f5f5;
	}
	body .fancybox-navigation .fancybox-button--arrow_right {
    right: 20px;
	}
	body .fancybox-navigation .fancybox-button--arrow_left {
    left: 20px;
	}
	body .fancybox-button[disabled], body .fancybox-button[disabled]:hover,
	body .fancybox-show-nav .fancybox-navigation .fancybox-button[disabled] {
	opacity: 0;
	}

body .fancybox-navigation .fancybox-button svg {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.3s ease;
	}
	body .fancybox-navigation .fancybox-button--arrow_left svg {
    transform: translateX(-50%) translateY(-50%) rotate(-180deg);
	}

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


/* Cookie Notice */
.mogi-theme #cookie-notice {
    position: fixed;
    max-width: calc(100% - 40px);
    min-width: auto;
    width: 360px;
    font-size: 13px;
    line-height: 19px;
    left: 60px;
    top: 20px;
    text-align: left;
    font-weight: 400;
    font-family: "Manrope";
	background: #000 !important;
	border: 1px solid rgba(255,255,255,0.24);
	}
	.mogi-theme #cookie-notice.cn-position-bottom {
    top: auto;
    bottom: 20px;
}

.mogi-theme #cookie-notice {
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	transform: translateY(10px);
	}
	.loading-end.mogi-theme #cookie-notice {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition-delay: 1s;
	}
	.mogi-theme #cookie-notice.cookie-notice-hidden {
	pointer-events: none;
	border: none !important;
}

.mogi-theme #cookie-notice .cookie-notice-container {
    padding: 25px 40px 25px 30px;
    text-align: left;
	color: #fff !important;
}

.mogi-theme #cookie-notice .cn-text-container {
    margin: 0 0 15px 0;
}

.mogi-theme #cookie-notice .cn-buttons-container {
    margin: 0 0 -10px 0;
}

.mogi-theme #cookie-notice .cn-button {
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	font-size: 11px !important; 
	line-height: 26px !important; 
	height: 28px !important; 
	padding: 0px 20px;
	border-radius: 50px;
	margin: 0 15px 10px 0;
	}
	.mogi-theme #cookie-notice .cn-button:hover {
	background: #fff;
	color: #000;
}

.mogi-theme #cookie-notice .cn-button.cn-more-info {
	border: none;
	border-bottom: 1px solid #fff;
	background: transparent !important;
	font-size: 10px !important; 
	line-height: 22px !important; 
	height: 22px !important; 
	padding: 0;
	border-radius: 0;
	}
	.mogi-theme #cookie-notice .cn-button.cn-more-info:hover {
	color: #fff;
	opacity: 0.61;
	}

.mogi-theme .cn-close-icon {
	top: auto;
	bottom: 28px;
	margin-top: 0;
	right: 20px;
}



/* Rotator */
.sr-rotator {
	border: 1px solid red;
	position: relative;
}

.sr-rotator .rotator-item {
	opacity: 0;
	visibility: hidden;
	transition: all 1s ease 0.2s;
	} 
	.sr-rotator .rotator-item.is-active {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
} 

.sr-rotator .rotator-item:not(:first-child) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	height: 100%;
} 

.sr-rotator .rotator-item:not(:first-child) img {
	object-fit: contain;
	height: 100%;
	width: 100%;
}


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

15. COLUMNS SECTION

------------------------------------------------*/
.fullwidth-content {
	padding: 100px 0;
}

.column-section { 
	margin-top: 40px; 
	display: flex;
	}
	.column-section.sticky-section { 
	position: relative; 
	}
	div .column-section:first-child, 
	.fullwidth-section + .column-section { 
	margin-top: 0; 
	}
	
.column { 
	margin-right: 20px;
	min-height: 1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}
	.column.push-right, .column-section.swap-mobile .column:first-child { 
	float: right; 
	margin-right: 0; 
	}
	.spaced-none .column { 
	margin: 0; 
	}
	[class*='wrapper'] .column-section .column:first-child { 
	margin-left: 0; 
	}
	.spaced-big .column { 
	margin-right: 40px; 
	}	
	.spaced-huge .column { 
	margin-right: 80px; 
	}	
	
.one-full { width: 100%; float: none; margin-right: 0; }
.one-half { width: calc(50% - 10px); }
.one-third { width: calc(33.33% - 13.33px); }
.two-third { width: calc(66.6% - 6.66px); } 		/* ((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); }

.one-twelve { width: calc(8.33% - 18.33px); }
.two-twelve { width: calc(16.66% - 16.66px); }
.three-twelve { width: calc(25% - 15px); }
.four-twelve { width: calc(33.33% - 13.33px); }
.five-twelve { width: calc(41.66% - 11.66px); }
.six-twelve { width: calc(50% - 10px); }
.seven-twelve { width: calc(58.33% - 8.33px); }
.eight-twelve { width: calc(66.33% - 6.66px); }
.nine-twelve { width: calc(75% - 5px); }
.ten-twelve { width: calc(83.33% - 3.33px); }

.spaced-big .one-half { width: calc(50% - 20px); }
.spaced-big .one-third { width: calc(33.33% - 26.66px); }
.spaced-big .two-third { width: calc(66.6% - 40px); } 
.spaced-big .one-fourth { width: calc(25% - 30px); } 
.spaced-big .two-fourth { width: calc(50% - 20px); } 
.spaced-big .one-fifth { width: calc(20% - 32px); } 
.spaced-big .two-fifth { width: calc(40% - 24px); } 
.spaced-big .three-fifth { width: calc(60% - 16px); } 

.spaced-huge .one-half { width: calc(50% - 40px); }
.spaced-huge .one-third { width: calc(33.33% - 53.33px); }
.spaced-huge .two-third { width: calc(66.6% - 26.66px); } 
.spaced-huge .one-fourth { width: calc(25% - 60px); } 
.spaced-huge .two-fourth { width: calc(50% - 40px); } 
.spaced-huge .one-fifth { width: calc(20% - 64px); } 
.spaced-huge .two-fifth { width: calc(40% - 48px); } 
.spaced-huge .three-fifth { width: calc(60% - 32px); } 

.spaced-none .one-full { width: 100%; }
.spaced-none .one-half { width: 50%; }
.spaced-none .one-third { width: 33.33%; }
.spaced-none .two-third { width: 66.66%; } 		
.spaced-none .one-fourth { width: 25%; }
.spaced-none .two-fourth { width: 50%; }
.spaced-none .three-fourth { width: 75%; }
.spaced-none .one-fifth { width: 20%; }
.spaced-none .two-fifth { width: 40%; }
.spaced-none .three-fifth { width: 60%; }
.spaced-none .four-fifth { width: 80%; }
.spaced-none .one-sixth { width: 16.66%; }
.spaced-none .two-sixth { width: 33.33%; }
.spaced-none .three-sixth { width: 50%; }
.spaced-none .four-sixth { width: 66.66%; }
.spaced-none .five-sixth { width: 83.33%; }

.last-col { 
	margin-right: 0px !important; 
}



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

17. THUMB OVERLAY EFFECT

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

.overlay-caption { 
	position: absolute !important;
	top: 50%;
	left: 50%;
	width: 100%;
	padding: 30px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	height: auto;
  	transform: translateX(-50%) translateY(-50%);
	z-index: 2;
	}
	.follow-mouse:not(:hover) .overlay-caption.mouse-move { 
  	transform: translateX(-50%) translateY(-50%) !important;
	}
	.thumb-hover .overlay-caption:not(.align-left):not(.align-right) { 
	text-align: center; 
	}
	
.thumb-hover .overlay-caption.bottom { 
	top: inherit;
	bottom: 0;
  	transform: translateX(-50%);
	}
	.follow-mouse:not(:hover) .overlay-caption.bottom.mouse-move { 
  	transform: translateX(-50%) !important;
	}
	
.thumb-hover .overlay-caption.top { 
	top: 0;
  	transform: translateX(-50%);
	}
	.follow-mouse:not(:hover) .overlay-caption.top.mouse-move { 
  	transform: translateX(-50%) !important;
	}
	
.thumb-hover .overlay-caption.hidden > * {
	overflow: hidden;
	}

.thumb-hover .overlay-caption.hidden > span {
	display: block;
	}
	
.thumb-hover .overlay-caption.hidden > * > * {
	transition: all 460ms cubic-bezier(.2, 0, .1, 1) 0s;
	transform: translateY(100%);
	display: inline-block;
	}

.thumb-hover:hover .overlay-caption.hidden > * > * {
	transform: none;
	transition-delay: 0.2s;
	}
	.thumb-hover:hover .overlay-caption.hidden > *:nth-child(2n) > * { transition-delay: 0.3s; }
	.thumb-hover:hover .overlay-caption.hidden > *:nth-child(3n) > * { transition-delay: 0.4s; }

.thumb-hover .overlay-caption.hidden::before {
	height: 0;
	transition: all 560ms cubic-bezier(.2, 0, .1, 1) 0.1s;
	}

.thumb-hover:hover .overlay-caption.hidden::before {
	height: 100%;
	transition-delay: 0s;
	transition-duration: 460ms;
	}

.overlay-caption .caption-name:first-child, .overlay-caption .caption-sub:first-child,
.overlay-caption .caption-name + .caption-sub { 
	margin-top: 0; 
}
.caption-button {
	display: block;	
}
.caption-name + .caption-button, .caption-sub + .caption-button { 
	margin-top: 15px; 
}
.button-hover .caption-name + .caption-button, .button-hover .caption-sub + .caption-button { 
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
    margin-bottom: calc(9% - 30px);
}

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

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


/* img effect */
.thumb-hover > img,
.thumb-hover .lazy-img img,
.thumb-hover .ratio-wrapper > img {
	transition: all 460ms cubic-bezier(.4, 0, .1, 1) 0s;
	position: relative;
	z-index: 1;
	}

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

.thumb-hover.hover-scale img,
.thumb-hover.hover-scale .phat-bgvideo-container,
.thumb-hover.hover-scale-modern img {
	transition: all 460ms cubic-bezier(.4, 0, .1, 1) 0s;
	-webkit-transform: scale(1);
  	-moz-transform: scale(1);
  	-ms-transform: scale(1);
  	-o-transform: scale(1);
  	transform: scale(1);
	}
	.thumb-hover.hover-scale:hover img,
	.thumb-hover.hover-scale:hover .phat-bgvideo-container,
	.thumb-hover.hover-scale-modern:hover img {
	-webkit-transform: scale(1.04);
  	-moz-transform: scale(1.04);
  	-ms-transform: scale(1.04);
  	-o-transform: scale(1.04);
  	transform: scale(1.04);
	}

.thumb-hover.hover-scale-modern {
	transition: all 460ms cubic-bezier(.4, 0, .1, 1) 0s;
	}
	.thumb-hover.hover-scale-modern:hover {
	transform: scale(0.94);
	}

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

/* video hover */
.thumb-hover.videobg-section:not(.play-on-hover):not(.phatdisablemobile) img {
	opacity: 0;
	}

@media only screen and (min-width: 1025px) {
.thumb-hover.play-on-hover img {
	transition: all 0.1s ease;
	}

.thumb-hover.play-on-hover:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}



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

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

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

/* general animation */
[class*='do-anim']:not(.do-anim-text):not(.do-anim-caption) {
	transition: all 460ms cubic-bezier(.2, 0, .1, 1) 0s;
	opacity: 0;
	transform: translateY(100px) scale(1.01,1.06);
	}

.loading-end [class*='do-anim'].animated:not(.do-anim-text):not(.do-anim-caption) {
	opacity: 1; 
	transform: none;
	transition-duration: 860ms;
	}

/* general animation */
.do-anim-caption > * {
	overflow: hidden;
	}

.do-anim-caption > span {
	display: block;
	}

.do-anim-caption > * > * {
	transition: all 460ms cubic-bezier(.2, 0, .1, 1) 0s;
	transform: translateY(100%);
	display: inline-block;
	}

.loading-end .do-anim-caption.animated > * > * {
	transform: none;
	transition-delay: 0.4s;
	}
	.loading-end .do-anim-caption.animated > *:nth-child(2n) > * { transition-delay: 0.5s; }
	.loading-end .do-anim-caption.animated > *:nth-child(3n) > * { transition-delay: 0.6s; }

.do-anim-caption.has-caption-bg::before {
	height: 0;
	transition: all 560ms cubic-bezier(.2, 0, .1, 1) 0.1s;
	}

.loading-end .do-anim-caption.has-caption-bg.animated::before {
	height: 100%;
	transition-delay: 0.2s;
	transition-duration: 460ms;
	}

/* mouse parallax */
.follow-mouse:not(:hover) .mouse-move { 
	transform: none !important;
	transition: transform 0.5s ease !important;
}




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

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 {
	font-family: "Manrope";
	font-weight: 700;
	font-size: 13px;
	line-height: 34px;
	height: 34px;
	text-align: center;
	display: inline-block;
	padding: 0px 30px;
	transition: all 0.3s ease;
	max-width: 100%;
	margin: 2px 0 3px 0;
	position: relative;
	overflow: hidden;
	width: auto;
	border-radius: 50px;
	transition: all 0.3s ease;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background: #000;
	color: #fff;
	}
	.sr-button:last-child {
	margin-bottom: -4px;
	}
	

/* default appearance + style */
.sr-button {
	background: #000;
	color: #fff;
	}
	.text-light .sr-button {
	background: #fff;
	color: #000;
	}
	.sr-button:hover {
	background: rgba(0,0,0,0.7);
	color: #fff;
	}	
	.text-light .sr-button:hover {
	background: rgba(255,255,255,0.8);
	color: #000;
	}
.sr-button.style-light {
	background: rgba(0,0,0,0.06);
	color: #000;
	}
	.text-light .sr-button.style-light {
	background: rgba(255,255,255,0.24);
	color: #fff;
	}
	.sr-button.style-light:hover {
	background: rgba(0,0,0,0.10);
	color: #000;
	}
	.text-light .sr-button.style-light:hover {
	background: rgba(255,255,255,0.34);
	color: #fff;
	}

/* bordered appearance + style */
.sr-button.bordered {
	border: 1px solid #000;
	background: transparent;
	color: #000;
	line-height: 32px;
	}
	.text-light .sr-button.bordered {
	border-color: #fff;
	color: #fff;
	}
	.sr-button.bordered:hover {
	background: #000;
	color: #fff;
	}
	.text-light .sr-button.bordered:hover {
	background: #fff;
	color: #000;
	}
.sr-button.bordered.style-light {
	border-color: rgba(0,0,0,0.16);
	color: #000;
	}
	.text-light .sr-button.bordered.style-light {
	border-color: rgba(255,255,255,0.28);
	color: #fff;
	}
	.sr-button.bordered.style-light:hover {
	background: #000;
	color: #fff;
	}
	.text-light .sr-button.bordered.style-light:hover {
	background: #fff;
	color: #000;
	}

/* underline appearance + style */
.sr-button.underline { 
	position: relative;
	font-size: 13px; 
	color: #000 !important; 
	line-height: 1.5; 
	padding: 0; 
	border: none;
	display: inline-flex;
	align-items: center;
	background: none !important;  
	text-align: left;
	width: auto;
	transition: color 0.3s ease;
	overflow: visible;
	height: auto;
	}
	.text-light .sr-button.underline { 
	color: #fff !important; 
	}
	.sr-button.underline:hover  {  
	color: rgba(0,0,0,0.41) !important;  
	}
	.text-light .sr-button.underline:hover  {  
	color: rgba(255,255,255,0.61) !important;  
	}

.sr-button.underline::after { 
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #000;
	transition: bottom 0.4s ease;
	}
	.text-light .sr-button.underline::after { 
	background: #fff; 
	}
.sr-button.underline.style-light::after { 
	background: rgba(0,0,0,0.16);
	}
	.text-light .sr-button.underline.style-light::after { 
	background: rgba(255,255,255,0.28);
	}

/* button text */
.sr-button .text {
	display: inline-block;
	overflow: hidden;
	position: relative;
	z-index: 1;
	vertical-align: top;
	transition: all 0.3s ease;
}

/* button icon */
.sr-button .icon {
	display: inline-block;
	margin-left: 5px;
	height: 14px;
	width: 14px;
	line-height: 0;
	position: relative;
	}
	.sr-button .icon.arrow {
	transform: rotate(-45deg);
	transition: transform 360ms cubic-bezier(.2, 0, .1, 1), all 0.3s ease;
	}
	.sr-button:hover .icon.arrow {
	transform: rotate(0);
	}
	.sr-button .icon svg {
		fill: #fff;
		}
		.text-light .sr-button .icon svg {
		fill: #000;
		}
	.sr-button.style-light .icon svg {
		fill: #000;
		}
		.text-light .sr-button.style-light .icon svg {
		fill: #fff;
		}
	.sr-button.bordered .icon svg {
		fill: #000;
		}
		.text-light .sr-button.bordered .icon svg {
		fill: #fff;
		}
		.sr-button.bordered:hover .icon svg {
		fill: #fff;
		}
		.text-light .sr-button.bordered:hover .icon svg {
		fill: #000;
		}
	.sr-button.style-light.bordered .icon svg {
		fill: #000;
		}
		.text-light .sr-button.style-light.bordered .icon svg {
		fill: #fff;
		}
		.sr-button.style-light.bordered:hover .icon svg {
		fill: #fff;
		}
		.text-light .sr-button.style-light.bordered:hover .icon svg {
		fill: #000;
		}
	.sr-button.underline .icon svg {
		fill: #000;
		}
		.text-light .sr-button.underline .icon svg {
		fill: #fff;
		}

/* play button */
.sr-button.play-button {
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 0 !important;
	height: 60px !important;
	line-height: 60px !important;
	padding: 0 !important;
	height: 60px !important;
	width: 60px;
	border-radius: 50% !important;
	overflow: hidden;
	transition: backround 0.25 ease;
	}
	.sr-button[class*='play-button-light'] {
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	}

.sr-button.play-button .icon {
	margin: 0;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0.04em;
	width: 100%; 
	height: 100%; 
	text-align: center;
	border-radius: 50px;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 250ms cubic-bezier(.6, 0, .1, 1);
	}

.sr-button.play-button .icon svg {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%; 
	left: 52%; 
	transform: translateX(-50%) translateY(-50%);
	}

/* sizes */
.sr-button.button-mini:not(.underline):not(.play-button) { font-size: 10px !important; line-height: 22px; height: 22px; padding: 0px 15px;  }
	.sr-button.bordered.button-mini:not(.underline):not(.play-button) { line-height: 20px; }
	.sr-button.button-mini.withicon i { font-size: 11px !important; }
.sr-button.button-small:not(.underline):not(.play-button) { font-size: 11px !important; line-height: 28px; height: 28px; padding: 0px 22px;  }
	.sr-button.bordered.button-small:not(.underline):not(.play-button) { line-height: 26px; }
	.sr-button.button-small.withicon i { font-size: 12px !important; }
.sr-button.button-medium:not(.underline):not(.play-button) { font-size: 13px !important; line-height: 34px; height: 34px; padding: 0px 30px;  }
	.sr-button.bordered.button-medium:not(.underline):not(.play-button) { line-height: 32px; }
	.sr-button.button-medium.withicon i { font-size: 14px !important; }
.sr-button.button-big:not(.underline):not(.play-button) { font-size: 15px !important; line-height: 40px; height: 40px; padding: 0px 40px;  }
	.sr-button.bordered.button-big:not(.underline):not(.play-button) { line-height: 38px; }
	.sr-button.button-big.withicon i { font-size: 16px !important; }
.sr-button.button-huge:not(.underline):not(.play-button) { font-size: 17px !important; line-height: 50px; height: 50px; padding: 0px 50px;  }
	.sr-button.bordered.button-huge:not(.underline):not(.play-button) { line-height: 48px; }
	.sr-button.button-huge.withicon i { font-size: 20px !important; }

.sr-button.button-mini.underline { font-size: 10px !important; }
.sr-button.button-small.underline { font-size: 12px !important; }
.sr-button.button-medium.underline { font-size: 15px !important; }
.sr-button.button-big.underline { font-size: 18px !important; }
.sr-button.button-huge.underline { font-size: 22px !important; }

.sr-button.button-mini:not(.play-button) .icon { height: 11px; width: 11px; }
.sr-button.button-small:not(.play-button) .icon { height: 13px; width: 13px; }
.sr-button.button-medium:not(.play-button) .icon { height: 14px; width: 14px; }
.sr-button.button-big:not(.play-button) .icon { height: 16px; width: 16px; }
.sr-button.button-huge:not(.play-button) .icon { height: 18px; width: 18px; }
.sr-button:not(.underline):not(.play-button) .icon { top: 10%; }
.sr-button.button-medium:not(.underline):not(.play-button) .icon { top: 7%; }
.sr-button.button-big:not(.underline):not(.play-button) .icon { top: 7%; }
.sr-button.button-huge:not(.underline):not(.play-button) .icon { top: 6%; }

.sr-button.button-mini.play-button { height: 30px !important; width: 30px; }
.sr-button.button-mini.play-button .icon { font-size: 11px; }
.sr-button.button-mini.play-button .icon svg { width: 11px; height: 11px; }
.sr-button.button-small.play-button { height: 40px !important; width: 40px; }
.sr-button.button-small.play-button .icon {font-size: 13px;  }
.sr-button.button-small.play-button .icon svg { width: 13px; height: 13px; }
.sr-button.button-medium.play-button { height: 60px !important; width: 60px; }
.sr-button.button-medium.play-button .icon { font-size: 14px; }
.sr-button.button-medium.play-button .icon svg { width: 18px; height: 18px; }
.sr-button.button-big.play-button { height: 80px !important; width: 80px; }
.sr-button.button-big.play-button .icon {font-size: 17px; }
.sr-button.button-big.play-button .icon svg { width: 23px; height: 23px; }
.sr-button.button-huge.play-button { height: 120px !important; width: 120px; }
.sr-button.button-huge.play-button .icon {font-size: 22px; }
.sr-button.button-huge.play-button .icon svg { width: 32px; height: 32px; }



/*	Popups / Sidebars
-------------------------------------------------*/	
[class*="sr-popup-"] {
	display: flex;
  	align-items: center;
	position: fixed;
	right: 0;
	top:  0;
	width: 100%;
	height: 0;
	overflow: hidden;
	overflow-y: scroll;
	z-index: 1601;
	visibility: hidden;
	opacity: 0;
	transition: all 0.01s ease 0.46s;
	}
	#header [class*="sr-popup-"] {
	z-index: 1500;
	}
	.sr-popup-left {
	right: auto;
	left: auto;
	}
	.popup-is-open [class*="sr-popup-"].this-is-open {
	opacity: 1;
	height: 100%;
	visibility: visible;
	transition: all 0.01s ease;
	pointer-events: auto;
	}
	.smooth-leave [class*="sr-popup-"].this-is-open {
	opacity: 0;
	visibility: hidden;
	}
	.sr-popup-center {
	transition: all 0.45s ease, height 0.01s ease 0.46s;
	}
	.sr-popup-full {
	background: #fff;
	transition: all 0.45s ease, height 0.01s ease 0.46s;
	display: block;
	}
	.sr-popup-center.popup-no-center {
  	align-items: flex-start;
	}
	.popup-is-open .sr-popup-center.this-is-open,
	.popup-is-open .sr-popup-full.this-is-open {
	transition: all 0.45s ease 0.1s, height 0.01s ease;
	}

[class*="sr-popup-"] .popup-inner {
	position: absolute;
	right: 0;
	top:  0;
	width: 500px;
	max-width: 100%;
	height: 100%;
	background: #fff;
	z-index: 2;
	transform: translateX(100%);
	transition: all 0.45s cubic-bezier(.6, 0, .1, 1);
	visibility: hidden;
	}
	.sr-popup-left .popup-inner {
	right: auto;
	left: 0;
	transform: translateX(-100%);
	}
	.popup-is-open [class*="sr-popup-"].this-is-open .popup-inner {
	transform: translateX(0%);
	transition: all 0.45s  cubic-bezier(.6, 0, .1, 1);
	visibility: visible;
	}
	.sr-popup-center .popup-inner {
	position: relative;
	left: auto;
	right: auto;
	top:  auto;
	width: 900px;
	margin: 0 auto;
	height: auto;
	background: #fff;
	visibility: visible;
	transform: none;
	border-radius: 4px;
	}
	.sr-popup-center.popup-no-center .popup-inner {
	margin-top: 60px;
	margin-bottom: 60px;
	}
	.sr-popup-full .popup-inner {
	position: relative;
	left: auto;
	right: auto;
	top:  auto;
	width: 100%;
	transform: none;
	background: #fff;
	}

.close-icon {
	width: 18px;					
	height: 18px;							
	position: absolute;
	top: 40px;
	right: 40px;
	color: #fff;
	z-index: 1510;
	transition: all 0.3s ease;
	opacity: 0;
	}
	.popup-is-open [class*="sr-popup-"].this-is-open .close-icon {
	opacity: 1;
	transition-delay: 0.4s;
	}

.close-icon svg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all 0.3s ease;
	width: 100%;
	}
	.close-icon:hover svg {
	opacity: 0.49;
	}

/* pseudo-close */
[class*="sr-popup-"] .sr-pseudo-close {
	position: fixed;
	left: 0;
	top:  0;
	width: 0;
	height: 100%;
	background: #000;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	pointer-events: none;
	transition: all 0.6s ease, width 0.01s ease 0.6s;
	}
	.popup-is-open [class*="sr-popup-"].this-is-open .sr-pseudo-close  {
	visibility: visible;
	opacity: 0.3;
	width: 100%;
	pointer-events: auto;
	transition: all 0.6s ease, width 0.01s ease 0s;
	}



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

.mouse-action {
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	border: 1px solid #000;
	background: #fff;
	width: 80px; 
	height: 80px; 
	text-align: center;
	position: absolute;
	top: calc(50% - 40px); 
	left: calc(50% - 40px);
	-moz-border-radius:50px; 
	-khtml-border-radius:50px; 
	-webkit-border-radius:50px;
	border-radius: 50px;
	z-index: 2;
	}
	body[class*="cursor-"] .inline-video .mouse-action.mouse-move {
	opacity: 0;
	visibility: hidden;
	}
	.inline-video.active .mouse-action {
	opacity: 0 !important;
	visibility: hidden !important;
	}
	.inline-video:not(.follow-mouse) .mouse-action {
	transition: transform 0.3s cubic-bezier(0.4, 0.4, 0.000, 1.0);
	}
	.inline-video:not(.follow-mouse):hover .mouse-action {
	transform: scale(1.2);
	}
	.follow-mouse:not(:hover) .mouse-action {
	transform: none !important;
	transition: transform 0.5s cubic-bezier(0.4, 0.4, 0.000, 1.0);
	}
	.follow-mouse.active .mouse-action {
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	}

.mouse-action .icon {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%; 
	left: 50%; 
	transform: translateX(-50%) translateY(-50%);
	}
	.mouse-action .icon svg {
	fill: #000;
	}
	
.inline-video .inline-iframe-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #000000;
	}
	
.inline-video .close-inline-video {
	background: #fff;
	width: 40px;
	height: 40px; 
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	-moz-border-radius:50px; 
	-khtml-border-radius:50px; 
	-webkit-border-radius:50px;
	border-radius: 50px;
	opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all 0.3s ease;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.10);
	}
	.inline-video.active .close-inline-video {
	opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

.inline-video .close-inline-video svg {
	width: 15px;
	height: 15px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	}




/*	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.align-center li:first-child {
	margin-left: 30px;	
	}
	.sr-tabs .tab-nav.align-center li:last-child {
	margin-right: 30px;
	}
	
.sr-tabs .tab-nav li a { 
	color: rgba(0,0,0,0.41); 
	position: relative;
	display: inline-block;
	}
	.text-light .sr-tabs .tab-nav li a { 
	color: rgba(255,255,255,0.61); 
	}

.sr-tabs .tab-nav li a::after { 
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #000; 
	transition: all 0.25s ease;
	opacity: 0;
	}
	/*.sr-tabs .tab-nav li.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.product-tabs .tab-container {
	margin-top: 20px;
	}

.sr-tabs .tab-container .tab-content:not(.active) .isotope-grid,
.variation-gallery:not(.active) .isotope-grid {
	margin-bottom: 0 !important;		/* 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.3s ease;
    opacity: 0;
    visibility: hidden;
	top: 60px;
	}
	.sr-tabs.tab-loading  .sr-loader-icon {
    opacity: 1;
    visibility: visible;
	transition-delay: 0.2s;
}

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


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

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

.toggle-item .toggle-title { 
	position: relative; 
	cursor: pointer; 
	display: flex;
	align-items: center;
	}

.toggle-item .toggle-name { 
	order: 2;
	margin-right: 20px;
	}

.toggle-item .toggle-title .icon {
	position: relative;
	order: 1;
	width: 14px;
	height: 14px;
	margin-right: 20px;
	transform: rotate(-45deg);
	transition: all 315ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
	}
	.toggle-item .toggle-title.toggle-active .icon {
	transform: rotate(0);
	}

.sr-toggle .elementor-tab-title .elementor-toggle-title {
	display: block;
	position: relative;
	padding-left: 35px;
	height: 25px !important;
	line-height: 25px !important;
	}

.sr-toggle .elementor-tab-title .elementor-toggle-title:first-child::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 14px;
	height: 14px;
	background-image:url(../assets/cross.svg);
	background-size:14px;
	transform: rotate(45deg);
	transition: all 315ms cubic-bezier(0.4, 0.4, 0.000, 1.0);
	}
	.sr-toggle .elementor-tab-title.elementor-active .elementor-toggle-title:first-child::before {
	transform: rotate(0);
	}

.toggle-item .toggle-title svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
    left: 50%;
	transform: translateX(-50%) translateY(-50%);
	}

.toggle-item .toggle-title .line {
	order: 3;
	flex-grow: 1;
	height: 1px;
	background: #ccc;
	}

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


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

20. WIDGETS

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

/* General Widgets
-------------------------------- */
.widget {
	margin-top: 40px;
	height: auto;
	}
	.widget-spacing-small .widget {
	margin-top: 15px;
	}
	div .widget:first-child, .wcapf-widget-hidden + .widget { 
	margin-top: 0; 
	}
	
.widget-title {
	font-family: 'Manrope';
	font-weight: 600;
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 0;
	cursor: default;
	color: rgba(0,0,0,0.41); 
	}
	.widget-title:first-child {
	margin-top: 0;
	}

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

.widget select {
	width: 100% !important;
	}
	

#footer .widget_text {
	font-size: 14px;
	line-height: 24px;
}
	
/* 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: 1.4em;
	font-size: 0.9em;
	}
	.widget ul:not(.socialmedia-widget) ul.sub-menu ul.sub-menu li,
	.widget ul:not(.socialmedia-widget) ul.children ul.children li {
	font-size: 1em;
	}
	.widget ul:not(.socialmedia-widget) li:first-child {
	margin-top: 0;
	}

.widget ul:not(.socialmedia-widget) li a {
	font-weight: 600;
	display: inline-block;
	transition: color 0.3s ease;
	color: #000; 
	}
	.widget ul:not(.socialmedia-widget) li a:hover { 
	color: rgba(0,0,0,0.41); 
	}
	.text-light .widget ul:not(.socialmedia-widget) li a { 
	color: #fff;
	}
	.text-light .widget ul:not(.socialmedia-widget) li a:hover { 
	color: rgba(255,255,255,0.61);
	}
	
.widget ul:not(.socialmedia-widget) ul.sub-menu,
.widget ul:not(.socialmedia-widget) ul.children {
	margin: 5px 0 15px 0;
	padding: 0 0 0 0;
	}
	.widget_nav_menu ul ul.sub-menu, 
	.widget_pages ul ul.children,
	.widget_categories ul ul.children {
	margin-left: 5px !important;
	}

.widget ul:not(.socialmedia-widget) ul.sub-menu li {
	margin-top: 4px;
	}
	


	
	
/* Rss Widget + Recent Comments
-------------------------------- */	
.widget_rss .widget-title .rss-widget-icon {
	top: 2px;
	position: relative;
	vertical-align: inherit;
	margin-right: 5px;
	}

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

.widget.widget_rss ul li .rsswidget,
.widget.widget_recent_comments ul li > a {
	display: block;
	}

.widget.widget_rss ul li .rss-date {
	color: rgba(0,0,0,0.41);
	font-size: 0.9em;
	font-weight: 600;
	margin-bottom: 8px;
	display: block; 
	}
	.text-light .widget.widget_rss ul li .rss-date {
	color: rgba(255,255,255,0.61);
	}

.widget.widget_rss ul li .rssSummary,
.widget.widget_recent_comments ul li {
	color: rgba(0,0,0,0.41); 
	}	
	.text-light .widget.widget_rss ul li .rssSummary,
	.text-light .widget.widget_recent_comments ul li {
	color: rgba(255,255,255,0.61); 
	}

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

.widget.widget_rss ul li .rsswidget {
   	color: #000 !important;
	}
	.text-light .widget.widget_rss ul li .rsswidget{
   	color: #fff !important;
}

.widget_recent_comments .comment-author-link a  {
   	color: rgba(0,0,0,0.41) !important;
	}
	.text-light .widget_recent_comments .comment-author-link a  {
   	color: rgba(255,255,255,0.61) !important;
}




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

.widget_calendar table thead th, 
.widget_calendar table tbody td, 
.widget_calendar table tfoot td {
    padding: 10px 0 !important;
}

.widget_calendar table tbody td,
.widget_calendar table thead th{
    text-align: center !important;
}

.widget_calendar table tfoot td {
    border: none;
}

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

.widget_calendar nav {
    overflow: hidden;
	}

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

.widget_calendar nav .pad {
    display: none;
	}


/* Social Media Widget
-------------------------------- */	
.socialmedia-widget {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	line-height: 0;
	display: flex;
	align-items: center;
	}
	div .socialmedia-widget:first-child { 
	margin: 0; 
	}
	.socialmedia-widget.social-block {
	display: block;
	}
	
.socialmedia-widget li {
	display: inline-block;
	margin: 0;
	position: relative;
	padding-right: 30px;
	}
	.socialmedia-widget.text-style li {
	padding-right: 30px;
	}
	.socialmedia-widget li:last-child {
	padding-right: 0 !important;
	}
	.socialmedia-widget.social-block li {
	display: block;
	margin-bottom: 10px;
	padding-right: 0;
	}
	.socialmedia-widget.social-block li:last-child {
	margin-bottom: 0;
	}
	
.socialmedia-widget li a {
	font-size: 14px;
	width: auto;
	line-height: 30px;
	height: 30px;
	color: #000;
	transition: all 0.3s ease;
	display: block;
	text-align: center;
	box-sizing:border-box;
	position: relative;
	}
	.socialmedia-widget.size-large li a { 
	font-size: 17px;
	}
	.socialmedia-widget.size-big li a { 
	font-size: 21px;
	}
	.socialmedia-widget.social-block li a { 
	display: inline-block;
	}
	.socialmedia-widget.text-style li a,
	.socialmedia-widget.textshort-style li a{ 
	font-size: 14px;
	line-height: 25px;
	height: 25px;
	width: auto;
	border-radius: 0;
	border: none;
	transition: all 0.25s ease; 	
	}
	.socialmedia-widget.text-style.size-large li a,
	.socialmedia-widget.textshort-style.size-large li a{ 
	font-size: 18px;
	line-height: 26px;
	height: 26px;
	}
	.socialmedia-widget.text-style.size-big li a,
	.socialmedia-widget.textshort-style.size-big li a{ 
	font-size: 22px;
	line-height: 30px;
	height: 30px;
	}
	.text-light:not(.transparent) .socialmedia-widget li a,
	.socialmedia-widget.social-light li a { 
	color: #fff; 
	}


.socialmedia-widget li a .icon { 
	width: 14px;
	height: 14px;
	display: inline-block;
	position: relative;
	margin-top: 8px;
	}
	.socialmedia-widget.size-large li a .icon { 
	width: 17px;
	height: 17px;
	}
	.socialmedia-widget.size-big li a .icon { 
	width: 21px;
	height: 21px;
	}
	.socialmedia-widget.text-style li a .icon { 
	display: none;
	}

.socialmedia-widget li a .icon svg { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	fill: #000;
	}

.socialmedia-widget li a::before { 
	transition: all 0.3s ease; 
	font-family: FontAwesome;	
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale; 
	}
.socialmedia-widget li.facebook a::before { content:"\f09a"; }
.socialmedia-widget li.twitter a::before { content:"\f099" }
.socialmedia-widget li.tumblr a::before { content: "\f173"; }
.socialmedia-widget li.vimeo a::before { content: "\f27d"; }
.socialmedia-widget li.dribbble a::before { content: "\f17d"; }
.socialmedia-widget li.deviantart a::before { content: "\f1bd"; }
.socialmedia-widget li.behance a::before { content: "\f1b4"; }
.socialmedia-widget li.flickr a::before { content: "\f16e"; }
.socialmedia-widget li.linkedin a::before { content: "\f0e1"; }
.socialmedia-widget li.rss a::before { content: "\f09e"; }
.socialmedia-widget li.pinterest a::before { content: "\f0d2"; }
.socialmedia-widget li.youtube a::before { content: "\f167"; }
.socialmedia-widget li.mail a::before { content: "\f1fa"; }
.socialmedia-widget li.instagram a::before { content: "\f16d"; }
.socialmedia-widget li.xing a::before { content: "\f168"; }
.socialmedia-widget li.dropbox a::before { content: "\f16b"; }
.socialmedia-widget li.stumbleupon a::before { content: "\f1a4"; }
.socialmedia-widget li.delicious a::before { content: "\f1a5"; }
.socialmedia-widget li.wordpress a::before { content: "\f19a"; }
.socialmedia-widget li.vk a::before { content: "\f189"; }
.socialmedia-widget li.soundcloud a::before { content: "\f1be"; }
.socialmedia-widget li.spotify a::before { content: "\f1bc"; }
.socialmedia-widget li.codepen a::before { content: "\f1cb"; }
.socialmedia-widget li.github a::before { content: "\f09b"; }
.socialmedia-widget li.lastfm a::before { content: "\f202"; }
.socialmedia-widget li.jsfiddle a::before { content: "\f1cc"; }
.socialmedia-widget li.mixcloud a::before { content: "\f289"; }
.socialmedia-widget li.skype a::before { content: "\f17e"; }
.socialmedia-widget li.wechat a::before { content: "\f1d7"; }
.socialmedia-widget li.url a::before { content: "\f0ac"; }
.socialmedia-widget li.tiktok a::before { display: none; }
.socialmedia-widget.text-style li a::before ,
.socialmedia-widget.textshort-style li a::before { 
	content: none;
	}

.socialmedia-widget li.facebook a:hover { color: #446ebf; }
.socialmedia-widget li.twitter a:hover { color: #39aadc; }
.socialmedia-widget li.tumblr a:hover { color: #4c6781; }
.socialmedia-widget li.vimeo a:hover { color: #15c9f5; }
.socialmedia-widget li.dribbble a:hover { color: #f14980; }
.socialmedia-widget li.deviantart a:hover { color: #2ea06f; }
.socialmedia-widget li.behance a:hover { color: #00b0f0; }
.socialmedia-widget li.flickr a:hover { color: #f04783; }
.socialmedia-widget li.linkedin a:hover { color: #81d3fd; }
.socialmedia-widget li.rss a:hover { color: #ff8322; }
.socialmedia-widget li.pinterest a:hover { color: #c81e1e; }
.socialmedia-widget li.youtube a:hover { color: #ee423d; }
.socialmedia-widget li.mail a:hover { color: #74624d; }
.socialmedia-widget li.instagram a:hover { color: #95604b; }
.socialmedia-widget li.xing a:hover { color: #036567; }
.socialmedia-widget li.dropbox a:hover { color: #008cd2; }
.socialmedia-widget li.stumbleupon a:hover { color: #f94213; }
.socialmedia-widget li.delicious a:hover { color: #1b59c3; }
.socialmedia-widget li.wordpress a:hover { color: #118bc0; }
.socialmedia-widget li.vk a:hover { color: #29577b; }
.socialmedia-widget li.soundcloud a:hover { color: #ff7700; }
.socialmedia-widget li.spotify a:hover { color: #80b900; }
.socialmedia-widget li.codepen a:hover { color: #171515; }
.socialmedia-widget li.github a:hover { color: #171515; }
.socialmedia-widget li.lastfm a:hover { color: #f94f14; }
.socialmedia-widget li.jsfiddle a:hover { color: #0c9de8; }
.socialmedia-widget li.mixcloud a:hover { color: #29587c; }
.socialmedia-widget li.skype a:hover { color: #00aef3; }
.socialmedia-widget li.wechat a:hover { color: #00c900; }
.socialmedia-widget li.url a:hover { color: #579abc; }
.socialmedia-widget li.tiktok a:hover svg { fill: #ff2a62; }

.socialmedia-widget.text-style li a:hover { background-color: transparent !important; }

.socialmedia-widget.text-style li.facebook a:hover { color: #446ebf; }
.socialmedia-widget.text-style li.twitter a:hover { color: #39aadc; }
.socialmedia-widget.text-style li.tumblr a:hover { color: #4c6781; }
.socialmedia-widget.text-style li.vimeo a:hover { color: #15c9f5; }
.socialmedia-widget.text-style li.dribbble a:hover { color: #f14980; }
.socialmedia-widget.text-style li.deviantart a:hover { color: #2ea06f; }
.socialmedia-widget.text-style li.behance a:hover { color: #00b0f0; }
.socialmedia-widget.text-style li.flickr a:hover { color: #f04783; }
.socialmedia-widget.text-style li.linkedin a:hover { color: #81d3fd; }
.socialmedia-widget.text-style li.rss a:hover { color: #ff8322; }
.socialmedia-widget.text-style li.pinterest a:hover { color: #c81e1e; }
.socialmedia-widget.text-style li.youtube a:hover { color: #ee423d; }
.socialmedia-widget.text-style li.mail a:hover { color: #74624d; }
.socialmedia-widget.text-style li.instagram a:hover { color: #95604b; }
.socialmedia-widget.text-style li.xing a:hover { color: #036567; }
.socialmedia-widget.text-style li.dropbox a:hover { color: #008cd2; }
.socialmedia-widget.text-style li.stumbleupon a:hover { color: #f94213; }
.socialmedia-widget.text-style li.delicious a:hover { color: #1b59c3; }
.socialmedia-widget.text-style li.wordpress a:hover { color: #118bc0; }
.socialmedia-widget.text-style li.vk a:hover { color: #29577b; }
.socialmedia-widget.text-style li.soundcloud a:hover { color: #ff7700; }
.socialmedia-widget.text-style li.spotify a:hover { color: #80b900; }
.socialmedia-widget.text-style li.codepen a:hover { color: #171515; }
.socialmedia-widget.text-style li.github a:hover { color: #171515; }
.socialmedia-widget.text-style li.lastfm a:hover { color: #f94f14; }
.socialmedia-widget.text-style li.jsfiddle a:hover { color: #0c9de8; }
.socialmedia-widget.text-style li.mixcloud a:hover { color: #29587c; }
.socialmedia-widget.text-style li.skype a:hover { color: #00aef3; }
.socialmedia-widget.text-style li.wechat a:hover { color: #00c900; }
.socialmedia-widget.text-style li.url a:hover { color: #579abc; }


/* 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: 40px;
	padding: 0;
	height: 50px;
	z-index: 2;
	
	color: transparent !important;
	background: transparent !important;
	border: none;
	border-bottom: none;
	border-radius: 0;
	margin: 0;
	}
	
.widget_search form.searchform::before, 
.widget_product_search form.searchform::before {
	content: "";
	width: 15px;
	height: 15px;
	border: 1.5px solid #000;
	display: block;
	position: absolute;
	bottom: 20px;
	right: 15px;
	z-index: 1;
	border-radius: 50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
	.text-light:not(.transparent) .widget_search form.searchform::before,
	.text-light:not(.transparent) .widget_product_search form.searchform::before {
	border-color: #fff;
	}
	
.widget_search form.searchform::after, .widget_product_search form.searchform::after {
	content: "";
	position: absolute;
	bottom: 10px;
	right: 14px;
	background: #000;
    display: block;
	width: 1.5px;
	height: 9px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
  	-moz-transform: translateY(-50%) rotate(-45deg);
  	-ms-transform: translateY(-50%) rotate(-45deg);
  	-o-transform: translateY(-50%) rotate(-45deg);
  	transform: translateY(-50%) rotate(-45deg);
	z-index: 1;
	}
	.text-light:not(.transparent) .widget_search form.searchform::after, 
	.text-light:not(.transparent) .widget_product_search form.searchform::after{
	background: #fff;
	}


/* not found message */
.not-found {
	text-align: center;
	margin-bottom: 60px;
	}

.not-found .icon {
	width: 70px;
	display: inline-block;
	}
	.not-found .icon svg {
	opacity: 0.2;
	}


/* 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-top-filter .widget .wcapf-layered-nav > ul,
.widget .wcapf-layered-nav.sr-color-wcapf > ul ,
.widget .wcapf-layered-nav.sr-button-wcapf > ul, 
.widget .wcapf-layered-nav.sr-image-wcapf > ul  {
	overflow-y: auto;
	overflow-x: visible;
	max-height: 230px;
	}

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

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

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

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

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

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

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

.wcapf-layered-nav.sr-button-wcapf ul {
	display: flex;
	flex-wrap: wrap;
	}
.wcapf-layered-nav.sr-button-wcapf ul li {
	height: 40px;
	min-width: 40px;
	text-align: center;
	margin: 0 10px 10px 0 !important;
	line-height: 40px;
	border: 1px solid rgba(0,0,0,0.16);
	border-radius: 3px;
	}
	.wvs-style-rounded .wcapf-layered-nav.sr-button-wcapf ul li {
	border-radius: 20px;
	}
	.wcapf-layered-nav.sr-button-wcapf ul li:hover {
	background: rgba(0,0,0,0.04);
	}
	.wcapf-layered-nav.sr-button-wcapf ul li.chosen {
	border: 1px solid #000;
	}
.wcapf-layered-nav.sr-button-wcapf ul li a {
	height: 40px;
	min-width: 40px;
	line-height: 40px;
	display: block;
	color: #000 !important;
	margin: 0 !important;
	}
	.wcapf-layered-nav.sr-button-wcapf ul li a::after,
	.wcapf-layered-nav.sr-button-wcapf ul li a::before {
	display: none;
	}

.wcapf-layered-nav.sr-color-wcapf ul,
.wcapf-layered-nav.sr-image-wcapf ul {
	display: flex;
	flex-wrap: wrap;
	}
.wcapf-layered-nav.sr-color-wcapf ul li,
.wcapf-layered-nav.sr-image-wcapf ul li {
	width: 30%;
	text-align: center;
	margin-bottom: 18px !important;
	line-height: 0;
	}
.wcapf-layered-nav.sr-color-wcapf ul li a,
.wcapf-layered-nav.sr-image-wcapf ul li a {
	line-height: 0;
	color: #000 !important;
	}
.wcapf-layered-nav.sr-color-wcapf ul li span.color,
.wcapf-layered-nav.sr-image-wcapf ul li span.image {
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 4px;
	position: relative;
	}
	.wvs-style-rounded .wcapf-layered-nav.sr-color-wcapf ul li span.color,
	.wvs-style-rounded .wcapf-layered-nav.sr-image-wcapf ul li span.image {
	border-radius: 100%;
	}
	.wcapf-layered-nav.sr-color-wcapf ul li span.color::after {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: calc(50% - 8px);
	left: calc(50% - 8px);
	background-image:url(../assets/check-light.svg);
	-webkit-background-size:16px;
	-moz-background-size:16px;
	-o-background-size:16px;
	background-size:16px;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 0.1s ease;
	}
	.wcapf-layered-nav.sr-color-wcapf ul li.chosen span.color::after {
	opacity: 1;
	}
	.wcapf-layered-nav.sr-image-wcapf ul li span.image {
	border: 1px solid rgba(0,0,0,0.16);overflow: hidden;
	}
	.wcapf-layered-nav.sr-image-wcapf ul li.chosen span.image {
	border-color: #000;
	}
.wcapf-layered-nav.sr-color-wcapf ul li span.text,
.wcapf-layered-nav.sr-image-wcapf ul li span.text {
	width: 100%;
	text-align: center;
	display: block;
	font-size: 13px;
	line-height: 17px;
	margin-top: 7px;
	}
.wcapf-layered-nav.sr-color-wcapf ul li.chosen a,
.wcapf-layered-nav.sr-image-wcapf ul li.chosen a {
	margin: 0;
	}
	.wcapf-layered-nav.sr-color-wcapf ul li a::after,
	.wcapf-layered-nav.sr-color-wcapf ul li a::before,
	.wcapf-layered-nav.sr-image-wcapf ul li a::after,
	.wcapf-layered-nav.sr-image-wcapf ul li a::before {
	display: none;
	}


/* 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;
	font-weight: 500;
	color: #000;
	line-height: 22px;
	height: 22px;
	padding: 5px 30px 5px 10px;
	background: rgba(0,0,0,0.04);
	border-radius: 4px;
	position: relative;
	}
	.widget .wcapf-active-filters a.reset:hover {
	background: rgba(0,0,0,0.08);
	}

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

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

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

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

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


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

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

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

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


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



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

21. CUSTOM MOUSE

------------------------------------------------*/
@media only screen and (min-width: 1025px) {
	body.disable-mouse {
		cursor: none !important;
	}
	
	body.disable-mouse input[type="submit"], 
	body.disable-mouse .button, 
	body.disable-mouse button {
		cursor: none;
	}
	
	body.disable-mouse select {
		cursor: none;
	}
	
	body.disable-mouse select option {
		cursor: none;
	}
	
	body.disable-mouse a {
		cursor: none !important;
	}
	
	body.disable-mouse .header-toggle,
	body.disable-mouse .header-toggle .hamburger {
		cursor: none;
	}
	
	body.disable-mouse .portfolio-filter .widget-title .current {
		cursor: none;
	}
	
	body.disable-mouse #single-share .widget-title {
		cursor: none;
	}
	
	body.disable-mouse .flickity-carousel .flickity-viewport,
	body.disable-mouse .flickity-carousel .flickity-page-dots li.dot {
		cursor: none !important;
	}
	
	body.disable-mouse .toggle-item .toggle-title {
		cursor: none;
	}
	
	body.disable-mouse .inline-video, 
	body.disable-mouse .inline-lightcase {
	cursor: none;
	}
}

.custom-mouse {
	position: fixed;
	top: -6px;
	left: -6px;
	width: 12px;
	height: 12px;
	background: #000;
	border-radius: 50%;
	z-index: 999999;
	pointer-events: none;
	visibility: hidden;
	transition: top 0.4s ease, left 0.25s ease, width 0.25s ease, height 0.25s ease, background 0.25s ease, opacity 0.15s ease, visibility 0.3s ease 0.1s;
	}
	.custom-mouse.dot-big {
	top: -13px;
	left: -13px;
	width: 26px;
	height: 26px;
	}
	.custom-mouse.circle {
	top: -7px;
	left: -7px;
	width: 14px;
	height: 14px;
	background: transparent !important;
	border-radius: 50%;
	border: 2px solid #000;
	box-sizing:border-box;
	}
	.custom-mouse.circle-big {
	top: -15px;
	left: -15px;
	width: 30px;
	height: 30px;
	border: 2px solid #000;
	background: transparent !important;
	}
	

body:not(.smooth-leave).mouse-active .custom-mouse {
	visibility: visible;
}

body:not(.smooth-leave).mouse-hover .custom-mouse {
	top: -16px;
	left: -16px;
	width: 32px;
	height: 32px;
	opacity: 0.4;
	}
	body:not(.smooth-leave).mouse-hover .custom-mouse.dot-big {
	top: -20px;
	left: -20px;
	width: 40px;
	height: 40px;
	}
	body:not(.smooth-leave).mouse-hover .custom-mouse.circle,
	body:not(.smooth-leave).mouse-hover .custom-mouse.circle-big {
	top: -20px;
	left: -20px;
	width: 40px;
	height: 40px;
	}

/* mouse dragging */
.custom-mouse .dragging,
.custom-mouse .more,
.custom-mouse .play {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.25s ease;
	}
	body:not(.smooth-leave).mouse-hover-dragging .custom-mouse .dragging,
	body:not(.smooth-leave).mouse-hover-more .custom-mouse .more,
	body:not(.smooth-leave).mouse-hover-play .custom-mouse .play {
	opacity: 1;
	transition-delay: 0.1s;
	}

.custom-mouse .dragging .icon-left,
.custom-mouse .dragging .icon-right {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 20px;
	height: 20px;
	line-height: 0;
	margin-left: 15px;
	transition: all 0.25s ease;
	}
	.custom-mouse .dragging .icon-left {
	margin-left: -15px;
	}

.custom-mouse .dragging svg,
.custom-mouse .more svg,
.custom-mouse .play svg {
	fill: #fff;
	}
	.custom-mouse .dragging .icon-left svg {
	transform: rotate(180deg);
	}

body:not(.smooth-leave).mouse-hover-dragging .custom-mouse,
body:not(.smooth-leave).mouse-hover-more .custom-mouse,
body:not(.smooth-leave).mouse-hover-play .custom-mouse {
	top: -40px !important;
	left: -40px !important;
	width: 80px !important;
	height: 80px !important;
	background: #000 !important;
	opacity: 1 !important;
	}
	body:not(.smooth-leave).mouse-hover-dragging.is-dragging .custom-mouse {
	top: -35px !important;
	left: -35px !important;
	width: 70px !important;
	height: 70px !important;
	}


/* mouse more */
.custom-mouse .more .icon,
.custom-mouse .play .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 30px;
	height: 30px;
	line-height: 0;
	transition: all 0.25s ease;
	}
	.custom-mouse .play .icon {
	width: 24px;
	height: 24px;
	}

.custom-mouse .more svg {
	transform: rotate(-45deg);
	}




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

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

/* title indent */
[class*="title-indent"] .elementor-heading-title {
	text-indent: 25vw;
	}
	.title-indent-small .elementor-heading-title {
	text-indent: 12vw;
	}
	.title-indent-big .elementor-heading-title {
	text-indent: 35vw;
}

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

.sr-em-bg-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: center center !important;
}

/* 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.has-header-bar header[class*="transparent-"] ~ #hero-and-body .elementor-element.spacer-header .elementor-spacer-inner { height: calc(100vh - 38px) !important; }

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





.sr-marquee {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
	text-align: left;
}

.sr-marquee-container {
	display: block;
	overflow: hidden;
	margin-left: -40%;
	min-width: 4000px;
	will-change: transform;
	}
	.sr-marquee-container.phat-parallax-direction-right  {
	float: right;
	margin-right: -40%;	
}

.sr-marquee-item {
	padding: 0 1em;
	float: left;
	}
	.phat-parallax-direction-right .sr-marquee-item {
	float: right;
}

.sr-marquee-item > * {
	margin: 0 !important;
}

.phat-parallax-move-rot {
	display: inline-block;
}