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



		! ! !    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)ml
	2. 	GENERAL ELEMENTS
	3.	HEADER
	4.	FOOTER
	5. 	MENU
	6. 	MENU TOGGLE (Hamburger)
	7. 	HEADER / MENU OPTIONS
	8. 	HERO / PAGETITLE
	9. 	PORTFOLIO
	10. BLOG
	11. COMMENTS
	13. PAGINATION
	14. EXTERN PLUGINS (smartscroll,masonry,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%; 
}

/* Disable hover pointers on scrolling (class set by js)*/



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

1. BASICS

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

body {
	font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-weight: 400;
	font-size: 15px; 
	line-height: 1.8;
	color: rgba(0,0,0,0.61); 
	text-align: left; 
	background: #fff;
	min-height: 100%;
	transition: background 0.4s ease;
	}
	.text-light { 
	color: rgba(255,255,255,0.69); 
	}

body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	transition: opacity 0.45s ease 0.3s;
	opacity: 0;
	z-index: -1;		/* needed for safari glitch */
	}
	body.loaded::before {
	opacity: 1;
	}

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

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

h1, 
.h1 { 
	font-size: 54px; 
	line-height: 62px; 
}
h2, 
.h2 { 
	font-size: 40px; 
	line-height: 48px; 
}
h3, 
.h3 { 
	font-size: 32px; 
	line-height: 40px; 
}
h4, 
.h4 { 
	font-size: 22px;
	line-height: 30px; 
}
h5, 
.h5 { 
	font-size: 18px; 
	line-height: 25px; 
}
h6, 
.h6 { 
	font-size: 16px; 
	line-height: 22px; 
}

/* 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: 15px; 
}
div h1:first-child, 
div h2:first-child { 
	margin-top: -0.18em; 
}
div h1:last-child, 
div h2:last-child { 
	margin-bottom: -0.18em; 
}
div h3:first-child, 
div h4:first-child { 
	margin-top: -0.15em; 
}
div h3:last-child, 
div h4:last-child { 
	margin-bottom: -0.15em; 
}
div h5:first-child, 
div h6:first-child { 
	margin-top: -0.12em; 
}
div h5:last-child, 
div h6:last-child { 
	margin-bottom: -0.12em; 
}

h1 + h1, 
h1 + h2, 
h1 + h3, 
h1 + h4, 
h1 + h5, 
h1 + h6,
h2 + h1, 
h2 + h2, 
h2 + h3, 
h2 + h4, 
h2 + h5, 
h2 + h6,
h3 + h1, 
h3 + h2, 
h3 + h3, 
h3 + h4, 
h3 + h5, 
h3 + h6,
h4 + h1, 
h4 + h2, 
h4 + h3, 
h4 + h4, 
h4 + h5, 
h4 + h6,
h5 + h1, 
h5 + h2, 
h5 + h3, 
h5 + h4, 
h5 + h5, 
h5 + h6,
h6 + h1, 
h6 + h2, 
h6 + h3, 
h6 + h4, 
h6 + h5, 
h6 + h6 { 
	margin-top: 20px; 
}
	
.title-alt { 
	color: rgba(0,0,0,0.31); 
	font-weight: 400; 
	}	
	.text-light .title-alt,
	.title-alt.text-light  { 
	color: rgba(255,255,255,0.48); 
	}
	.title-alt b, 
	.title-alt strong, 
	strong .title-alt { 
	font-weight: 500; 
	}

.uppercase, 
.title-alt.uppercase { 
	text-transform: uppercase; 
	letter-spacing: 0.08em; 
}



/* Forms
---------------------------------------- */
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: 'Poppins'; 
	font-weight: 400;
	font-size: 14px;
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.11);
	line-height: 28px !important;
	height: 28px;
	color: #000;
	padding: 10px 0px 2px 0;
	transition: all 200ms ease;
	-moz-border-radius:0px; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px;
	border-radius: 0;
	resize: none;
	position: relative;
	width: 100%; 
	max-width: calc(100% - 0px); 
	}
	textarea { 
	min-height: 10rem; 
	}
	.text-light:not(.transparent) input[type="text"], 
	.text-light:not(.transparent) input[type="password"], 
	.text-light:not(.transparent) input[type="email"], 
	.text-light:not(.transparent) input[type="number"], 
	.text-light:not(.transparent) input[type="tel"], 
	.text-light:not(.transparent) input[type="date"], 
	.text-light:not(.transparent) input[type="search"], 
	.text-light:not(.transparent) textarea { 
	color: #fff; 
	border-color: rgba(255,255,255,0.28); 
	}


input[type="submit"], 
.button, 
button {
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	display: inline-block;
	padding: 12px 30px;
	max-width: 100%;
	cursor: pointer;
	text-align: center;
	margin-bottom: 5px;
    transition: all 0.2s ease;
	color: #fff;
	background: #000;
	border: none;
	position: relative;
	border-radius: 0;
	-moz-border-radius: 0px; -webkit-border-radius: 0px; }
	.text-light input[type="submit"], 
	.text-light .button, 
	.text-light button { 
	background: #fff; 
	color: #000; 
	}
	

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

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

select {
	cursor: pointer;
	font-family: 'Poppins'; 
	font-weight: 400;
	font-size: 14px;
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.11);
	line-height: 34px;
	height: 34px;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	padding: 0 10px 0px 0;
	margin-top: 7px;
	color: #000;
	-moz-border-radius:0px; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px;
	border-radius: 0;
	min-width: 120px;
	background-image:url(../assets/select-arrow.png);
  	background-position: right 3px center;
	background-repeat: no-repeat;
	-webkit-background-size:11px 8px;
	-moz-background-size:11px 8px;
	-o-background-size:11px 8px;
	background-size:11px 8px;
	}
	.text-light select { 
	color: #fff; 
	border-color: rgba(255,255,255,0.28); 
	background-image:url(../assets/select-arrow-light.png); 
	}
	
select option {
	cursor: pointer;
	padding: 5px 7px;
	}
	
label, 
.label {
	font-family: 'Poppins';
	font-weight: 400;
	font-size: 12px;
	line-height: 24px;
	width: 100%;
	color: rgba(0,0,0,0.31);
	display: block;
	transition: color 0.2s ease;
	}
	.text-light label, 
	.text-light .label { 
	color: rgba(255,255,255,0.48); 
	}
	.form-row.check-error label,
	.woocommerce-invalid label, 
	.check-error label { 
	color: #fa4d5a !important; 
	}
	
label abbr { 
	color: rgba(0,0,0,0.31);
	text-decoration: none;
	}
	.text-light abbr { color: rgba(255,255,255,0.48); }
	
form {
	margin-top: 50px;
	padding: 1px 0 0 0;			/* work around for margin from form-row */
	}
	div form:first-child { 
	margin: 0;
	}
	
form .form-row {
	margin-top: 50px;
	position: relative;
	}
	div form:first-child .form-row:first-child,
	div form:first-child .form-row.one-half:nth-child(2),
	div form:first-child .form-row.one-third:nth-child(2), 
	div form:first-child .form-row.one-third:nth-child(3), 
	div form:first-child .form-row.two-third:nth-child(2),
	div form:first-child .form-row.one-fourth:nth-child(2), 
	div form:first-child .form-row.one-fourth:nth-child(3), 
	div form:first-child .form-row.one-fourth:nth-child(4), 
	div form:first-child .form-row.two-fourth:nth-child(2), 
	div form:first-child .form-row.two-fourth:nth-child(3),
	#reply-title + form:first-child .form-row:first-child { 
	margin-top: 0; 
	}
	form p.form-row {
	line-height: 0;
	font-size: 0;
	}
	
.form-row.hidden {
	display: none;
	}
	
form .form-submit {
	margin-top: 50px;
	}	
/*	
form .form-note {
	position: fixed;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	border-radius: 0;
	-moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; text-align: center;
	}

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



/* contact form 7 */
.wpcf7-not-valid-tip { 
	display: none !important; 
}

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

/* loader-dot style */
.wpcf7 .ajax-loader {
	position: relative;
	width: 22px;
  	height: 5px;
	margin-left: 10px;
	background: none !important;
  	-webkit-animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite;
  	-moz-animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite;
  	animation: loader_dot_anim 1.0s cubic-bezier(.5,0,.5,1) infinite;
	}

.wpcf7 .ajax-loader::before {
	content: "";
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 4px;
  	height: 4px;
	background: #000;
	border-radius: 5px;
	}
	.text-light .wpcf7 .ajax-loader::before { 
	background: #fff; 
	}

.wpcf7-response-output {
	display:block !important;
	border: none !important;
	color: #fff !important;
	margin: 0 !important;
	padding: 25px !important;
	position: fixed;
	width: 300px;
	background: #fa4d5a;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%); 
	-moz-transform: translateY(-50%) translateX(-50%); 
	-ms-transform: translateY(-50%) translateX(-50%); 
	-o-transform: translateY(-50%) translateX(-50%); 
	transform: translateY(-50%) translateX(-50%);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	opacity: 0;
	visibility: hidden;
	}
	.sent .wpcf7-response-output { 
	background: #3ae285; 
	}
	.wpcf7-form.invalid .wpcf7-response-output, 
	.wpcf7-form.sent .wpcf7-response-output {
	-webkit-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ;
  	-moz-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ;
  	-o-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ;
  	-ms-animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ;
  	animation: error_message_show 3.7s cubic-bezier(0.2, 0.6, 0.3, 1) ;
	}

	@-webkit-keyframes error_message_show {
	  0% { opacity: 0; visibility: hidden; }
	  10% { opacity: 1; visibility: visible; }
	  90% { opacity: 1; visibility: visible; }
	  100% { opacity: 0; visibility: hidden; }
	}
	@-moz-keyframes error_message_show {
	   0% { opacity: 0; visibility: hidden; }
	  10% { opacity: 1; visibility: visible; }
	  90% { opacity: 1; visibility: visible; }
	  100% { opacity: 0; visibility: hidden; }
	}
	@keyframes error_message_show {
	  0% { opacity: 0; visibility: hidden; }
	  10% { opacity: 1; visibility: visible; }
	  90% { opacity: 1; visibility: visible; }
	  100% { opacity: 0; visibility: hidden; }
	}



/* Table
---------------------------------------- */
table {
	margin: 50px 0;
	border-collapse: collapse;
	width: 100%;
	max-width: 100%;
	}
	div table:first-child { 
	margin-top: 0; 
	}

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

table th {
	font-family: 'Poppins'; 
	font-weight: 500;
	color: #000;
	font-size: 14px;
	line-height: 1.3em;
	}
	.text-light table th {
	color: #fff;
	}
	table thead th {
	font-weight: 400;
	color: rgba(0,0,0,0.31);
	font-size: 12px;
	}	
	.text-light table thead th {
	color: rgba(255,255,255,0.48);
	}
	
table td, 
table th { 
	padding: 15px;
	border: 1px solid rgba(0,0,0,0.11);
	}
	.text-light table td,
	.text-light table th { 
	border-color: rgba(255,255,255,0.28);
	}
	table thead td,
	table thead th { 
	padding-top: 0;
	border: none;
	}

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


/* Links
---------------------------------------- */
a {
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0.0);
	color: #000;
	transition: all 0.2s ease;
	}
	a:hover { 
	color: rgba(0,0,0,0.31); 
	}
	.text-light a, 
	a.text-light, 
	.text-dark a.text-light  { 
	color: #fff; 
	}
	.text-light a:hover, 
	a.text-light:hover, 
	.text-dark a.text-light:hover  { 
	color: rgba(255,255,255,0.48); 
	}

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

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



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

svg {
	max-width: 100%;
}

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


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

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

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

ul.biglist li, 
ol.biglist li {
	font-size: 18px; 
	line-height: 28px;
	margin-top: 12px;
	}
	
ul li:first-child, 
ol li:first-child { 
	margin-top: 0; 
	}

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

dl dd {
	margin-bottom: 20px;
}



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

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

blockquote {
	font-weight: 400;
	font-size: 1.4em; 
	line-height: 1.5em;
	color: #000;
	position: relative;
	max-width: 1200px;
	margin: 40px auto;
	padding: 5px 4% 5px 4%;
	border-left: 2px solid rgba(0,0,0,0.11);
	}
	#page-title blockquote { 
	font-size: 36px; 
	line-height: 54px; 
	}
	[class*='wrapper'] blockquote { 
	max-width: 100%; 
	}
	.text-light blockquote,
	blockquote.text-light { 
	color: #fff; 
	border-color: rgba(255,255,255,0.28);
	}
	div blockquote:first-child { 
	margin-top: 0; 
	}
	figure > blockquote:first-child { 
	margin: 0px auto;
	}
	
blockquote cite, 
cite,
cite a {
	font-weight: 500;
	letter-spacing: 0em;
	font-style: normal;
	margin-top: 15px;
	display: inline-block;
	font-size: 13px;
	line-height: 16px;
	color: rgba(0,0,0,0.31) !important; 
	border: none;
	}
	.text-lioht blockquote cite {
	color: rgba(255,255,255,0.48) !important; 
	}

cite a {
	margin: 0;
	border-color: rgba(0,0,0,0.31) !important; 
	}
	.text-light cite a {
	border-color: rgba(255,255,255,0.48) !important; 
	}
	cite a:hover {
	margin: 0;
	border-color: #000 !important; 
	}
	.text-light cite a:hover {
	border-color: #fff !important; 
	}
	
blockquote figure {
	margin: 20px auto 0 auto;
	width: 80px;
	height: 80px;
	border-radius: 60px;
	overflow: hidden;
	text-align: center;
	}

blockquote p {
	margin: 0;
	}
	
pre {
	padding: 4%;
	margin-top: 20px;
	font-size: 13px;
	line-height: 18px;
	background: rgba(0,0,0,0.04);
	display: block;
	border-radius: 0;
	overflow-x: auto;
	}
	.text-light pre { 
	background: rgba(255,255,255,0.11); 
	}
	div pre:first-child { 
	margin-top: 0; 
	}

code, 
kbd, 
tt {
	padding: 0;
	display: inline-block;
	border-radius: 0;
	color: rgba(0,0,0,0.31);
	font-weight: 400;
	font-size: 80%;
	line-height: 1.45em;
	position: relative;
	top: -1px;
	}
	.text-light code, 
	.text-light kbd, 
	.text-light tt {
	color: rgba(255,255,255,0.48);
	}
	
big {
	font-size: 1.2em;
	display: inline-block;
	}

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

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

h5 small {
	font-size: 0.75em;
	}

h6 small {
	font-size: 0.85em;
	}

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

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

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

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

	


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

2. GENERAL ELEMENTS

------------------------------------------------*/
#page-content {
	overflow:  hidden;
	position: relative;									/* workaround for overflowing of the mega menu */
	margin: 0;
	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 */
	}

#page-body > *:not(.slist-wrapper):not(#single-share) {
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
	}
	body.loading-end #page-body > *:not(.slist-wrapper):not(#single-share) {
	opacity: 1;
	visibility: visible;
	}

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

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

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

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

.main-content {
	width: calc(100% - 320px);
	}	
	
aside.sidebar {
	width: 260px;
	margin-bottom: 60px;
	}
	
.left-float { 
	float: left; 
	}
	
.right-float { 
	float: right; 
	}

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

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

.sr-loader-icon::after,
.wcapf-before-update::after {
	content: "";
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
	background: #000;
	border-radius: 100%; 
	}
	.text-light .sr-loader-icon::after,
	.text-light .wcapf-before-update::after {
	background: #fff;
	}
	@-webkit-keyframes loader_dot_anim {
	  0% { transform: scale(1); }
	  50% { transform: scale(1.6); }
	  100% { transform: scale(1); }
	}
	@-moz-keyframes loader_dot_anim {
	  0% { transform: scale(1); }
	  50% { transform: scale(1.6); }
	  100% { transform: scale(1); }
	}
	@keyframes loader_dot_anim {
	  0% { transform: scale(1); }
	  50% { transform: scale(1.6); }
	  100% { transform: scale(1); }
	}


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

3. HEADER

------------------------------------------------*/
#header {
	z-index: 1501;
	width: 100%;
	position: absolute;
	top: 0; left: 0;
	pointer-events: none;
	transition: opacity 0.35s ease, transform 0.35s ease;
	/*opacity: 0;
	transform: translateY(-10px);
	}
	body.loaded #header {*/
	opacity: 1;
	transform: none;
	transition: opacity 0.35s ease 0.6s, transform 0.35s ease 0.6s;
	}
	#header.sticky {
	position: fixed;
	}
	.hide-headerfooter #header,
	.hide-headerfooter.loaded #header {
	opacity: 0;
	transform: translateY(-10px);
	transition-delay: 0.15s;
}
	
#header .header-inner {
	padding: 50px 0;
	position: relative;
	}

#header .header-inner * {
	pointer-events: auto;
	}

#header #logo {
	width: auto;
	float: left;
	position: relative;
	z-index: 2;
	}

#header #logo img { 
	height: 25px; 								/* Logo Height */
	transition: all 0.3s ease;
	width: auto;
	} 			

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

#header #logo img#dark-logo ~ img#light-logo {
	position: absolute;
	top: 0; 
	left: 0;
	opacity: 0;
	visibility: hidden;
	}
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light #logo img#dark-logo { opacity: 0; visibility: hidden; }
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light #logo img#dark-logo ~ img#light-logo { opacity: 1; visibility: visible; }
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark #logo img#dark-logo { opacity: 1; visibility: visible; }
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark #logo img#dark-logo ~ img#light-logo { opacity: 0; visibility: hidden; }
	body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light #logo img#dark-logo { opacity: 0; visibility: hidden; }
	body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light #logo img#dark-logo ~ img#light-logo { opacity: 1; visibility: visible; }
	body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark #logo img#dark-logo { opacity: 1; visibility: visible; }
	body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark #logo img#dark-logo ~ img#light-logo { opacity: 0; visibility: hidden; }

	/* smooth fade */
	body #header .header-light-forced #logo img#dark-logo { opacity: 0 !important; visibility: hidden !important; }
	body #header .header-light-forced #logo img#dark-logo ~ img#light-logo { opacity: 1 !important; visibility: visible !important; }
	body #header .header-dark-forced #logo img#dark-logo { opacity: 1 !important; visibility: visible !important; }
	body #header .header-dark-forced #logo img#dark-logo ~ img#light-logo { opacity: 0 !important; visibility: hidden !important; }

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


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

4. FOOTER

------------------------------------------------*/
#footer {
	margin: 0 auto;
	transition: opacity 0.35s ease, transform 0.35s ease;
	transform: translateY(15px);
	opacity: 0;
	z-index: 3;
	position: relative;
	}
	body.loaded #footer {
	opacity: 1;
	transform: none;
	transition: opacity 0.35s ease 0.6s, transform 0.35s ease 0.6s;
	}
	.hide-headerfooter #footer, .hide-footer #footer {
	opacity: 0 !important;
	transform: translateY(15px) !important;
	transition-delay: 0.15s !important;
	}
	#footer.sticky {
	pointer-events: none;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
}
	
#footer .footer-inner {
	padding: 50px 0;
	}
	#footer.sticky .footer-inner {
	padding: 0 0 50px 0;
}

#footer .column-section .column.last-col {
	text-align: right;
}

#footer .column-section .column a {
	pointer-events: auto;
}

.copyright {
	margin-top: 6px;
	font-size: 11px;
	line-height: 15px;
	color: rgba(0,0,0,0.31);
}

.copyright a  {
	color: rgba(0,0,0,0.31) !important;
	border-color: rgba(0,0,0,0.11) !important;
	}
	.copyright a:hover  {
	color: #000 !important;
}

#footer .socialmedia-widget {
	margin-top: 6px !important;
}

#footer .socialmedia-widget li a {
	opacity: 0.31;
	}
	#footer .socialmedia-widget li a:hover {
	opacity: 1;
}


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

5. 	MENU

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

#menu #menu-inner {
	display: inline-block;
	}

@media only screen and (max-width: 1024px) { /* for mobiles */
	#menu #menu-inner::before { 
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
}

nav#main-nav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	height: 25px;											/* Logo Height */
	}

nav#main-nav > ul > li {
	margin: 0 25px;
	display: inline-block;
	padding: 0;
	position: relative;
	height: 26px;
	top: -0.5px;											/* Logo Height (25 - 26) / 2 */
	} 
	#menu nav#main-nav > ul > li:first-child { 
	margin-left: 0; 
	}
	#menu nav#main-nav > ul > li:last-child { 
	margin-right: 0; 
	}

nav#main-nav ul > li a {
	font-family: 'Poppins'; 
	font-weight: 400;
	font-size: 12.5px;
	letter-spacing: -0.02em;
	display: block;
	color: #000;
	height: 22px;
	line-height: 22px;
	margin: 2px 0;
	position: relative;
	transition: all 0.45s ease 0.1s;
	overflow: hidden;
	}
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-light nav#main-nav ul > li a {
	color: #fff;
	}
	body.loading-end.scrolled-hero:not(.menu-is-open) .switch-light nav#main-nav > ul > li > a {
	color: #fff;
	}
	body.loading-end.scrolled-hero:not(.menu-is-open) .switch-dark nav#main-nav > ul > li > a {
	color: #000;
	}
	body .header-light-forced nav#main-nav ul > li a {
	color: #fff !important;
	}
	body .header-dark-forced nav#main-nav ul > li a {
	color: #000 !important;
	}

/* fade effect */
nav#main-nav.fade ul > li.hide > a {
	opacity: 0.31;
	transition-delay: 0s;
	}

/* underline effect */
nav#main-nav.underline  ul > li > a::after {
    content: "";
    position: absolute;
    bottom: 0em;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(0,0,0,0.11);
	transform: translateX(-101%);
	opacity: 1;
    transition: all 0.6s cubic-bezier(.19,1,.22,1), background 0.3s ease;
	}	
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-light nav#main-nav.underline  ul > li > a::after {
	background-color: rgba(255,255,255,0.28);
	}
	body.loading-end.scrolled-hero:not(.menu-is-open) .switch-light nav#main-nav.underline  ul > li > a::after {
	background-color: rgba(255,255,255,0.28);
	}
	body.loading-end.scrolled-hero:not(.menu-is-open) .switch-dark nav#main-nav.underline  ul > li > a::after {
	background-color: rgba(0,0,0,0.11);
	}
	body .header-light-forced nav#main-nav.underline  ul > li > a::after {
	background-color: rgba(255,255,255,0.28) !important;
	}	
	body .header-dark-forced nav#main-nav.underline  ul > li > a::after {
	background-color: rgba(0,0,0,0.11) !important;
	}

nav#main-nav.underline ul > li:not(.hide):hover > a::after,
nav#main-nav.underline ul > li:not(.hide).current-menu-item > a::after {
	transform: translateY(0);
	opacity: 1;
	}

nav#main-nav.underline ul > li:not(.hide).current-menu-item > a::after {
	transition-delay: 0.2s;
	}

/* slide effect */
nav#main-nav.slide ul > li > a > span.hover {
  	transform: translateY(-100%) ;
	position: absolute;
	top: 0;
	left: 0;
	}

nav#main-nav:not(.slide) ul > li > a > span.hover {
  	display: none;
	}

nav#main-nav.slide ul > li > a > span {
	display: inline-block;
	-webkit-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
	   -moz-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
		 -o-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
			transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); 
	-webkit-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
	   -moz-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
		 -o-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
			transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); 
	}

nav#main-nav.slide ul > li:hover > a > span.default {
  	transform: translateY(100%) ;
	}

nav#main-nav.slide ul > li:hover > a > span.hover {
  	transform: translateY(0%);
	}

/* color effect */
nav#main-nav.color ul > li:not(.hide):hover > a,
nav#main-nav.color ul > li:not(.hide).current-menu-item > a {
  	color: #7fbeb0;
	}


/* Submenu (animation) */
nav#main-nav > ul > li ul.sub-menu {
	margin: 0;	
	position: absolute;
	top: 26px;								/* line-height */								
	left: -25px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
	white-space: nowrap;
	padding: 30px 25px 20px 25px;			/* top padding to make sure that hover is not broken when moving mouse */
	transform: translateY(15px);
	min-width: 140px;
	}
	nav#main-nav > ul > li ul.sub-menu.right-align {
	left: auto;
	right: 0;
	}
	nav#main-nav > ul li:hover > ul.sub-menu {
	transition-delay: 0.1s;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	}

nav#main-nav > ul > li ul.sub-menu::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 10px);
	background: #f7f7f7;
	border-radius: 0;
	}	
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-light nav#main-nav > ul > li ul.sub-menu::before,
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) .switch-light nav#main-nav > ul > li ul.sub-menu::before {
	background: #262626;
	}
	body.loading-end.scrolled-hero:not(.menu-is-open) .header-light nav#main-nav > ul > li ul.sub-menu::before,
	body.loading-end.scrolled-hero:not(.menu-is-open) .switch-light nav#main-nav > ul > li ul.sub-menu::before {
	background: #f7f7f7;
	}

nav#main-nav > ul > li ul.sub-menu > li {
	margin: 6px 0;
	padding: 0;
	transform: translateY(10px);
	opacity: 0;
	transition: all 0.6s ease;
	}
	nav#main-nav > ul > li ul.sub-menu > li:first-child {
	margin-top: 0;
	}
	nav#main-nav > ul > li ul.sub-menu > li:last-child {
	margin-bottom: 0;
	}
	nav#main-nav > ul > li:hover ul.sub-menu > li {
	transform: translateY(0);
	opacity: 1;
	}
	nav#main-nav > ul > li:hover ul.sub-menu > li { transition-delay: 0.14s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(2n) { transition-delay: 0.16s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(3n) { transition-delay: 0.18s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(4n) { transition-delay: 0.20s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(5n) { transition-delay: 0.22s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(6n) { transition-delay: 0.24s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(7n) { transition-delay: 0.26s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(8n) { transition-delay: 0.28s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(9n) { transition-delay: 0.30s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(10n) { transition-delay: 0.32s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(11n) { transition-delay: 0.34s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(12n) { transition-delay: 0.36s; }
	nav#main-nav > ul > li:hover ul.sub-menu > li:nth-child(13n) { transition-delay: 0.38s; }

nav#main-nav > ul > li ul.sub-menu > li > a {
	font-size: 13px;
	text-transform: none;
	font-weight: 400;
	letter-spacing: 0;
	padding: 1px 0;
	line-height: 20px;
	height: auto;
	display: inline-block;
    vertical-align:top;
	white-space: normal;
	}

nav#main-nav > ul > li ul.sub-menu ul.sub-menu {
	top: -30px;															
	left: auto;
	right: -25px;
	transform: translateX(100%);
	}
	nav#main-nav > ul > li ul.sub-menu.right-align  ul.sub-menu,
	nav#main-nav > ul > li ul.sub-menu  ul.sub-menu.right-align {
	left: -25px;
	right: auto;
	transform: translateX(-100%);
	}
	

/* menu hidden */
#menu.menu-hidden nav#main-nav > ul > li {
	visibility: hidden;
	transform: translateX(10px);
	opacity: 0;
	transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995);
	}
	.menu-is-open #menu.menu-hidden nav#main-nav > ul > li {
	transform: none;
	overflow: inherit;
	opacity: 1;
	visibility: visible;
	}
	.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(2) {
	transition-delay: 0.08s;
	}
	.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(3) {
	transition-delay: 0.16s;
	}
	.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(4) {
	transition-delay: 0.24s;
	}
	.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(5) {
	transition-delay: 0.32s;
	}
	.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(6) {
	transition-delay: 0.4s;
	}
	.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(7) {
	transition-delay: 0.48s;
	}
	.menu-is-open #menu.menu-hidden nav#main-nav > ul > li:nth-child(8) {
	transition-delay: 0.56s;
	}


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

6. 	MENU ACTIONS (Hamburger + language)

------------------------------------------------ */
.menu-toggle {
	width: 25px;
	height: 25px;								/* logo height */
	position: relative;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	margin-left: 30px;
	}

#menu:not(.menu-hidden) .menu-toggle {
	display: none;
	}
	
/* hamburger animation */
.menu-toggle span.hamburger {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 19px;
	height: 19px;
}

.menu-toggle span.hamburger::after, 
.menu-toggle span.hamburger::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #000;
	position: absolute;
	top: calc(50% - 1px); 
	right: 0;
	-webkit-transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	   -moz-transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		 -o-transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000);
			transition: all 0.42s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	}
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light .menu-toggle span.hamburger::after, 
	body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light .menu-toggle span.hamburger::before {
	background: #fff;
	}
	body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light .menu-toggle span.hamburger::after, 
	body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light .menu-toggle span.hamburger::before {
	background: #fff;
	}
	body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark .menu-toggle span.hamburger::after, 
	body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-dark .menu-toggle span.hamburger::before {
	background: #000;
	}
	body #header .header-light-forced .menu-toggle span.hamburger::after, 
	body #header .header-light-forced .menu-toggle span.hamburger::before {
	background: #fff !important;
	}
	body #header .header-dark-forced .menu-toggle span.hamburger::after, 
	body #header .header-dark-forced .menu-toggle span.hamburger::before {
	background: #000 !important;
	}
	.menu-toggle span.hamburger::before { 
	margin-top: -4px; 
	}
	.menu-toggle span.hamburger::after { 
	margin-top: 4px; 
	}

/* open navigation anim */
body.loading-end.menu-is-open .menu-toggle span:before,
body.loading-end.menu-is-open .menu-toggle span:after {
	margin: 0;
	transform: rotate(135deg);
}

body.loading-end.menu-is-open .menu-toggle span:after {
	transform: rotate(-135deg);
}



/* language */
.menu-language {
	font-family: "DM Sans";
	font-weight: 400;
	font-size: 11px !important;
	color: rgba(0,0,0,0.31);
	height: 20px;
	text-align: center;
	z-index: 1510;
	transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.2s;
	
	position: absolute;
	top: 18px;
	right: 0;
	overflow: hidden;
	}

.menu-language span,
.menu-language a {
	line-height: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	}

.menu-language a {
	color: #000;
	margin-left: 5px;
	}
	.menu-language:hover > a,
	.menu-language.isopen > a {
	margin-left: 20px;
	opacity: 0.31;
	}
	.menu-language > a:hover {
	opacity: 1;
	}

.menu-language ul {
	list-style: none;
	margin: 0;
	float: right;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995);
	margin-right: -125px;
	}
	.menu-language:hover ul,
	.menu-language.isopen ul {
	margin-right: 0 !important;
	}

.menu-language ul li {
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin: 0;
	padding: 0;
	transform: translateX(10px);
	opacity: 0;
	transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.15s;
	}
	.menu-language:hover ul li,
	.menu-language.isopen ul li {
	transform: translateX(0);
	opacity: 1;
	}
	.menu-language:hover ul li:nth-child(2),
	.menu-language.isopen ul li:nth-child(2) {
	transition-delay: 0.25s;
	}
	.menu-language:hover ul li:nth-child(3),
	.menu-language.isopen ul li:nth-child(3) {
	transition-delay: 0.35s;
	}
	.menu-language:hover ul li:nth-child(4),
	.menu-language.isopen ul li:nth-child(4) {
	transition-delay: 0.45s;
	}

.menu-language ul li a {
	margin-left: 15px;
	}

.menu-language ul li.hide a,
.menu-language > a:hover + ul li a {
	opacity: 0.31;
	transition-delay: 0s;
	}




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

8. HERO / PAGETITLE

------------------------------------------------*/
#hero {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
	transition: all 0.7s ease;
	}
	body.loading-end #hero {
	opacity: 1;
	visibility: visible;
	}
	#hero.hero-big {
	min-height:  75vh;
	}
	#hero.hero-fullscreen {
	min-height:  100vh;
	}
	

/* hero pagetitle */
#hero #page-title {
	padding-top: calc(60px + 100px + 25px);							/* logo height (25px) */
	padding-bottom: calc(120px);
	position: relative;
	z-index: 1;
	margin: 0 auto;
	}
	.single-post #hero.hero-auto #page-title {
	padding-bottom: 100px;
	}

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

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

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

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

#hero.type-default #page-title h1,
#hero.type-default #page-title .title-alt,
#hero.type-default #page-title .post-meta {
	transform: translateY(30px) rotate(-2deg);
	transform-origin: top right;
	opacity: 0;
	transition: all 1.4s cubic-bezier(.19,1,.22,1);
	}
	body.loading-end #hero.type-default #page-title h1,
	body.loading-end #hero.type-default #page-title .title-alt,
	body.loading-end #hero.type-default #page-title .post-meta {
	transform: none;
	opacity: 1;
	transition-delay: 0.55s;
	}
	body.loading-end #hero.type-default #page-title .title-alt,
	body.loading-end #hero.type-default #page-title .post-meta {
	transition-delay: 0.62s;
	}
	body.loading-end #hero.type-default #page-title .title-alt:first-child {
	transition-delay: 0.48s;
	}

/* Scroll Down */
#hero #scrolldown {
	position: absolute;
	left: 0px;
	bottom: 20px;
	z-index: 100;
	width: 100%;
}

#hero #scrolldown .right {
	text-align: right;
}

#hero #scrolldown .center {
	text-align: center;
}

#hero #scrolldown .scroll-button {
	font-size: 11px;
	line-height: 20px;
	color: rgba(0,0,0,0.31);
	position: relative;
	display: inline-block;
	}
	#hero #scrolldown .scroll-button:hover {
	color: #000;
	}
	#hero #scrolldown .scroll-button.scroll-light {
	color: rgba(255,255,255,0.48);
	}
	#hero #scrolldown .scroll-button.scroll-light:hover {
	color: #fff;
	}

#hero #scrolldown .scroll-button span {
	border: 1px solid rgba(0,0,0,0.11);
	width: 50px;
	height: 50px;
	float: left;
	display: block;
	border-radius: 25px;
	position: relative;
	transform: rotate(90deg) translateX(-15px);
	margin-right: 20px;
	}
	#hero #scrolldown .scroll-button.scroll-light span {
	border-color: rgba(255,255,255,0.28);
	}
	#hero #scrolldown .right .scroll-button span {
	margin-left: 20px;
	float: right;
	}
	#hero #scrolldown .center .scroll-button span {
	position: absolute;
	top: -60px;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
	}

#hero #scrolldown .scroll-button svg {
	fill: #000;
	width: 14px;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 52%;
	}
	#hero #scrolldown .scroll-button.scroll-light svg {
	fill: #fff;
	}



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

9. PORTFOLIO

------------------------------------------------*/
.portfolio-info {
	margin-top: 25px;
	margin-bottom: 25px;
	}

.isotope-grid:not(.isotope-spaced):not(.isotope-spaced-big):not(.isotope-spaced-huge) .portfolio-info {
	padding-left: 20px;
	padding-bottom: 25px;
	}
	
.portfolio-category + .portfolio-name {
	margin-top: 0px;
	}

.portfolio-info .portfolio-category {
	color: rgba(0,0,0,0.31);
	}
	.text-light .portfolio-info .portfolio-category {
	color: rgba(255,255,255,0.48);
	}


/* portfolio filter */
.portfolio-filter {
	text-align: center;
	margin-bottom: 60px;
	position: relative;
	}
	.portfolio-filter.text-left {
	text-align: left;
	}
	.portfolio-filter.text-right {
	text-align: right;
	}
	.size-h3 .portfolio-filter {
	margin-bottom: 40px;
	}
	.size-h4 .portfolio-filter,
	.size-h5 .portfolio-filter,
	.size-h6 .portfolio-filter {
	margin-bottom: 30px;
	}

.portfolio-filter .widget-title {
    line-height: 24px;
    height: 24px;
	position: absolute;
	left: 0;
	top: 3px;
	width: 100%;
	transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995);
	}
	.slist-wrapper.active .portfolio-filter .widget-title {
	transform: translateY(-100%);
	opacity: 0;
	transition-delay: 0s;
	}

.portfolio-filter .widget-title .current {
	color: #000;
	margin-left: 5px;
	cursor: pointer;
	}
	.text-light .portfolio-filter .widget-title .current {
	color: #fff;
	}

.portfolio-filter .widget-title span {
	transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995);
	display: inline-block;
	transition-delay: 0.3s;
	}
	.portfolio-filter.visible .widget-title span {
	transform: translateY(-110%);
	transition-delay: 0s;
	}
	.portfolio-filter.visible .widget-title span.current {
	opacity: 0;
	}
	.portfolio-filter.visible .widget-title span:nth-child(2) {
	transition-delay: 0.04s;
	}

.portfolio-filter .grid-filter {
    overflow: hidden;
	text-align: center;
	list-style: none;
	margin: 0;
	height: 33px;
	min-height: 33px;	/* to prevent jumping */
	opacity: 0;
	visibility: hidden;
	transition: all 0.01s ease 0.5s;
	line-height: 0;
	font-size: 0;
	}
	.portfolio-filter.text-left  .grid-filter {
	text-align: left;
	}
	.portfolio-filter.text-right  .grid-filter {
	text-align: left;
	}
	.portfolio-filter.visible .grid-filter {
	opacity: 1;
	visibility: visible;
	height: auto;
	transition-delay: 0s;
	}

.grid-filter li {
	position: relative;
	display: inline-block;
	margin: 0 15px;
	margin-bottom: 3px;
	line-height: auto;
	height: auto;
	transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.05s;
	overflow: hidden;
	}
	.portfolio-filter.text-left .grid-filter li {
	margin: 0 30px 3px 0;
	}
	.portfolio-filter.text-right .grid-filter li {
	margin: 0 0 3px 30px;
	}

.grid-filter li a {
	font-size: 13px;
	font-weight: 400;
	position: relative;
	display: inline-block;
	line-height: 24px;
	height: 24px;
	display: block;
	color: #000;
	height: auto;
	transform: translateY(100%);
	transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.05s;
	}
	.text-light .grid-filter li a {
	color: #fff;
	}
	.portfolio-filter.visible .grid-filter li a {
	transform: translateY(0);
	}
	.portfolio-filter.visible .grid-filter li:nth-child(2) a {
	transition-delay: 0.08s;
	}
	.portfolio-filter.visible .grid-filter li:nth-child(3) a {
	transition-delay: 0.11s;
	}
	.portfolio-filter.visible .grid-filter li:nth-child(4) a {
	transition-delay: 0.14s;
	}
	.portfolio-filter.visible .grid-filter li:nth-child(5) a {
	transition-delay: 0.17s;
	}
	.portfolio-filter.visible .grid-filter li:nth-child(6) a {
	transition-delay: 0.20s;
	}
	.portfolio-filter.visible .grid-filter li:nth-child(7) a {
	transition-delay: 0.23s;
	}
	.portfolio-filter.visible .grid-filter li:nth-child(8) a {
	transition-delay: 0.26s;
	}

/* fade effect */
.grid-filter li.hide a {
	opacity: 0.31;
	transition-delay: 0s;
	}


/* Share */
#single-share {
	transform: rotate(-90deg);
	position: fixed;
	top: 60px;
	right: 10px;
	width: calc(100vh - 120px);
	margin: 0;
	transform-origin: top right;
	transform: rotate(-90deg) translateY(-100%);
	text-align: center;
	overflow: hidden;
	transition: all 0.35s ease;
	opacity: 0;
	z-index: 3;
	}
	body.scrolled-hero.loading-end #single-share {
	right: 20px;
	opacity: 1;
	visibility: visible;
	}

#single-share .widget-title {
	cursor: pointer;
	display: inline-block;
	transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995);
	transition-delay: 0.3s;
	}
	#single-share.visible .widget-title {
	transform: translateY(-100%);
	transition-delay: 0s;
	}

#single-share .socialmedia-widget {
	width: 100%;
	text-align: center;
	margin: 0 !important;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.02s ease 0.6s
	}
	#single-share.visible .socialmedia-widget {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
	}

#single-share .socialmedia-widget li {
	transform: translateY(100%);
	transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.05s;
	}
	#single-share.visible .socialmedia-widget li {
	transform: translateY(0);
	}
	#single-share.visible .socialmedia-widget li:nth-child(2) {
	transition-delay: 0.08s;
	}
	#single-share.visible .socialmedia-widget li:nth-child(3) {
	transition-delay: 0.11s;
	}
	#single-share.visible .socialmedia-widget li:nth-child(4) {
	transition-delay: 0.14s;
	}



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

10. BLOG

------------------------------------------------*/
.post-content {
	margin-top: 30px;
	margin-bottom: 30px;
	}
	.isotope-spaced-huge .post-content { 
	margin-bottom: 0; 
	}
	div .post-content:first-child { 
	margin-top: 0; 
	}

.post-item.sticky .post-content {
	background: rgba(0,0,0,0.04);
	margin-top: 0;
	padding: 30px;
	margin-bottom: 0;
	border-radius: 0;
	}

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

.post-item .post-content .entry-title { 
	font-family: 'Poppins';
    font-weight: 500;
	}

.post-item .post-content .entry-title + .post-content, 
.post-item .post-content .entry-title + blockquote { 
	margin-top: 20px;
	}

.post-item .post-meta {
	margin: 10px 0 20px 0;
}

.post-date, 
.post-cat,
.post-author {
	color: rgba(0,0,0,0.31);
	display: inline-block;
	margin-right: 30px; 
	position: relative;
	word-wrap: normal;
	font-size: 12px; 
	line-height: 17px;
	}
	.text-light .post-date, 
	.text-light .post-cat,
	.text-light .post-author {
	color: rgba(255,255,255,0.48);
	}
	#page-title .post-cat {
	margin-right: 0px; 
}

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

.post-date::after, 
.post-cat::after, 
.post-author::after  {
	content: "";
	position: absolute;
	top: 50%;
	right: -22px;
	width: 13px;
	height: 1px;
	background-color: rgba(0,0,0,0.11);
	}
	.text-light .post-date::after, 
	.text-light .post-cat::after, 
	.text-light .post-author::after  {
	background-color: rgba(255,255,255,0.28);
	}
	.post-meta > *:last-child::after,
	.slist-item .post-meta > *::after  {
	display: none;
}

.post-item .entry-excerpt { 
	margin-top: 20px;
}

.post-item .entry-excerpt .read-more { 
	margin-top: 20px;
}

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

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

/* blog list */
.slist.blog-list.hover-hide .slist-item.hide {
	opacity: 0.31;
	transition-delay: 0.1s;
	}

.slist.blog-list .slist-item.sticky .slist-inner   {
	margin-bottom: 20px;
	}

.slist.blog-list .slist-item.sticky .slist-inner > a::before  {
	content: "";
	background: rgba(0,0,0,0.04);
	position: absolute;
	bottom: 0;
	left: -20px;
	width: calc(80% + 20px);
	height: 0;
	transition: all 0.4s ease;
	}
	body.loading-end .slist.blog-list .slist-item.sticky .slist-inner.do-anim-text.animated > a::before  {
	height: 100%;
	}

.slist.blog-list .slist-item .slist-inner > a {
	display: block;
	max-width: 80%;
	overflow: hidden;
	}

.slist.blog-list .slist-item .post-meta {
	float: left;
	width: 180px;
	margin-top: 5px;
	margin-bottom: 0;
	}

.slist.blog-list .slist-item .post-meta > span {
	display: block;
	margin-bottom: 10px;
	}

.slist.blog-list .slist-item .entry-title {
	float: right;
	width: calc(100% - 210px);
	}

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

#blog-single .blog-media {
	width: 1080px; 
	margin: 0 auto; 
	max-width: calc(100% - 160px); 
	margin-bottom: 100px;
	text-align: center;
}

.meta-tags a {
	font-size: 11px;
	line-height: 18px;
	margin-right: 3px;
	display: inline-block;
	padding: 2px 5px;
	border-radius: 0;
	background: #f7f7f7;
	}
	.text-light .meta-tags a {
	background: #262626;
}

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

11. COMMENTS

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

/* Comments 
----------------------------*/
#blog-comments {
	margin-top: 100px;
	}
	#single-pagination + #blog-comments { 
	margin-top: 0; 
	}
	
.comments.zero {
	display: none;
	}

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

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

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

.comments .comment .comment-content .content {
	margin-top: 20px;
	}
		
.comments .comment .children { 
	margin-left: 50px; 
	margin-top: 100px;
	list-style: none;
	}
	
.comments .user {
	float: left;
	width: 80px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
	border-radius: 999px;
	}
	.comments .user img {
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
	border-radius: 999px;
	width: 100%;
	}
	
.comments .time {
	font-size: 12px;
	margin-top: 0;
	display: inline-block;
	color: rgba(0,0,0,0.31);
	}
	.text-light .comments .time { 
	color: rgba(255,255,255,0.4); 
	}
	
.comments .name {
	position: relative;
	}
	
.comments .comment-content {
	margin-left: 120px;
	padding-top: 18px;
	position: relative;
	}

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

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

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

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

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

.leavecomment .comment-form > .form-row:first-child {
	margin-top: 35px;
	}

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

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

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

#reply-title {
	font-size: 22px;
	line-height: 30px;
	}

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


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

12. SLIST

------------------------------------------------*/
.slist-wrapper {
	/* padding is recalculated by js to center the block */
	padding: 120px 0;
	position: relative;
	}
	.slist-wrapper.height-auto {
	padding: 40px 0;
	}
	#hero + #page-body > .slist-wrapper:first-child,
	#hero + #page-body > div[class*='spacer-']:first-child + .slist-wrapper {
	padding-top: 0 !important;
	}
	.slist-wrapper.style-grid {
	padding: 0;
	}
	#hero + #page-body > .spacer-slist {
	display: none;
	}

.responsive-grid {
	display: none;
}

.slist {		
	text-align: center;
	}
	.slist.text-left {
	text-align: left;
	}
	.slist.text-right {
	text-align: right;
	}

.slist .slist-item {
	text-align: center;
	position: relative;
	z-index: 4;
	opacity: 1;
	transition: all 0.4s ease 0.25s;
	}
	.slist.text-left .slist-item {
	text-align: left;
	}
	.slist.text-right .slist-item {
	text-align: right;
	}
	.slist .slist-item:hover {
	transition-delay: 0.2s;
	}
	.slist.block-align .slist-item {
	display: inline-block;
	margin-right: -4px;
	}
	.slist .slist-item.filtered {
	opacity: 0.2;
	cursor: default;
  	pointer-events: none;
	}
	.slist .slist-item.hide {
	z-index: 2;
	}
	.slist.hover-hide .slist-item.hide {
	opacity: 0;
	transition-delay: 0s;
	}
	.slist.fade-hide .slist-item.hide {
	opacity: 0.24;
	transition-delay: 0s;
	}
	.slist.hover-hide.trans-none .slist-item,
	.slist.fade-hide.trans-none .slist-item {
	transition: all 0.1s ease 0s;
	}

.slist .slist-item a {
	color: #000;
	padding: 8px 0;
	transition-delay: 0.1s !important;
	display: inline-block;
	vertical-align: top;
	}
	.text-light .slist .slist-item a {
	color: #fff;
	}
	.slist.spaced .slist-item a {
	padding: 15px 0;
	}
	.slist.spaced-big .slist-item a {
	padding: 20px 0;
	}
	.slist.spaced-huge .slist-item a {
	padding: 30px 0;
	}
	.slist.trans-none .slist-item a {
	transition-duration: 0s;
	}


/* spacing block align */
.slist.block-align .slist-item a {
	padding: 5px 10px;
	}
	.slist.block-align.spaced .slist-item a {
	padding: 8px 20px;	
	}
	.slist.block-align.spaced-big .slist-item a {
	padding: 12px 30px;	
	}
	.slist.block-align.spaced-huge .slist-item a {
	padding: 18px 50px;	
	}
	.slist.block-align.text-left .slist-item a {
	padding: 5px 20px 5px 0;	
	}
	.slist.block-align.text-left.spaced .slist-item a {
	padding: 8px 40px 8px 0;	
	}
	.slist.block-align.text-left.spaced-big .slist-item a {
	padding: 12px 60px 12px 0;	
	}
	.slist.block-align.text-left.spaced-huge .slist-item a {
	padding: 18px 100px 18px 0;	
	}
	.slist.block-align.text-right .slist-item a {
	padding: 5px 0 5px 20px;	
	}
	.slist.block-align.text-right.spaced .slist-item a {
	padding: 8px 0 8px 40px;	
	}
	.slist.block-align.text-right.spaced-big .slist-item a {
	padding: 12px 0 12px 60px;	
	}
	.slist.block-align.text-right.spaced-huge .slist-item a {
	padding: 18px 0 18px 100px;	
	}

.slist .slist-item a > * {
	display: inline-block;
	}
	.slist .slist-item.do-anim-text a > *,
	.slist .slist-item .slist-inner.do-anim-text a > *{
	transform: translateY(50%) rotate(-4deg);
	transform-origin: top right;
	opacity: 0;
	transition: all 1.2s cubic-bezier(.19,1,.22,1), color 0.3s ease 0.1s;
	}
	.slist.trans-none .slist-item.do-anim-text:hover a > *,
	.slist.trans-none .slist-item .slist-inner.do-anim-text:hover a > * {
	transition: all 1.2s cubic-bezier(.19,1,.22,1), color 0s ease;
	}

.slist.captionpos-below .slist-item a .caption-sub {
	display: block;
	}

.slist.captionpos-left .slist-item a .caption-sub {
	margin-right: 6px;
	display: inline-block;
	}

.slist.captionpos-right .slist-item a .portfolio-name {
	margin-right: 6px;
	}

body.loading-end .slist .slist-item.do-anim-text.animated a > *,
body.loading-end .slist .slist-item .slist-inner.do-anim-text.animated a > * {
	-webkit-transform: translateY(0%);
  	-moz-transform: translateY(0%);
  	transform: translateY(0%);
	opacity: 1;
	}
	body.loading-end .slist .slist-item.do-anim-text.animated a > .caption-sub,
	body.loading-end .slist .slist-item .slist-inner.do-anim-text.animated a > .caption-sub {
	transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.3s, color 0.3s ease 0.1s;
	}
	body.loading-end .slist .slist-item.do-anim-text.animated a > *:nth-child(3n),
	body.loading-end .slist .slist-item .slist-inner.do-anim-text.animated a > *:nth-child(3n) {
	transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.4s, color 0.3s ease 0.1s;
	}
	body.loading-end .slist.trans-none .slist-item.do-anim-text.animated:hover a > .caption-sub,
	body.loading-end .slist.trans-none .slist-item .slist-inner.do-anim-text.animated:hover a > .caption-sub {
	transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.3s, color 0s ease;
	}
	body.loading-end .slist.trans-none .slist-item.do-anim-text.animated:hover a > *:nth-child(3n),
	body.loading-end .slist.trans-none .slist-item .slist-inner.do-anim-text.animated:hover a > *:nth-child(3n) {
	transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.4s, color 0s ease;
	}

.slist .slist-hover-media {
	position: fixed;
	top: 50%;
	left:  50%;
	transform: translateX(-50%) translateY(-50%);
	width: 450px;
	height: 450px;
	overflow: hidden;
  	pointer-events: none;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	transition-delay: 0.8s;
	}
	body.loading-end .slist .slist-hover-media.visible {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
	}
	body:not(.loading-end) .slist .slist-hover-media {
	transition-delay: 0s !important;
	}
	.slist .slist-hover-media.mousemove {
	top: 0;
	left: 0;
	transform: none;
	}
	.slist .slist-hover-media.size-right {
	left: auto;
	right: -5%;
	z-index: 3;
	}
	.slist .slist-hover-media.size-right.mousemove {
	right: calc( (100vw - 1000px) / 2);
	}
	.slist .slist-hover-media.size-rightbottom {
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	transform: none;
	}
	.slist .slist-hover-media.size-full {
	top: 0;
	left: 0;
	transform: none;
	width: 100%;
	height: 100%;
	}
	.slist:not(.hover-hide) .slist-hover-media:not(.size-full) {
	z-index: 3;
	}
	.slist .slist-hover-media.size-full.mousemove {
	width: 115%;
	height: 115%;
	}
	.slist .slist-hover-media.size-half {
	top: 0;
	left: 50%;
	transform: none;
	width: 50%;
	height: 100%;
	}

.slist .slist-hover-media .slist-media {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	opacity: 0;
	visibility: hidden;
	}
	.slist .slist-hover-media .slist-media.visible {
	z-index: 2;
	opacity: 1;
	visibility: visible;
	}

.slist .slist-hover-media .slist-media .media {
	position: relative;
	display: inline-block;
	max-height: 100%;
	vertical-align: middle;
	}
	.slist .slist-hover-media.img-cover .slist-media .media,
	.slist .slist-hover-media.size-full .slist-media .media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	.slist .slist-hover-media.img-cover .slist-media .media .media-image,
	.slist .slist-hover-media.size-full .slist-media .media .media-image,
	.slist .slist-hover-media.size-half .slist-media .media .media-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
	height: 450px;
	}
	.slist .slist-hover-media.size-full .slist-media .media .media-image,
	.slist .slist-hover-media.size-half .slist-media .media .media-image {
	width: 100%;
	height: 100%;
	/* updated by js */
	}

.slist .slist-hover-media .slist-media .media-image img {
	max-width: 100%;
	max-height: 450px;
    vertical-align: middle;
	width: auto;
	}
	.slist .slist-hover-media.img-cover .slist-media .media-image img,
	.slist .slist-hover-media.size-full .slist-media .media-image img,
	.slist .slist-hover-media.size-half .slist-media .media-image img {
	max-width: inherit;
	max-height: inherit;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	}

.slist .slist-hover-media .slist-media .media-video  {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.slist .slist-hover-media .slist-media::before {		/* helper for vertical center */
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
    margin-right: -7px;
}

/* Fade Transition */
.slist .slist-hover-media.trans-fade .slist-media {
	transition: all 0.35s ease 0.2s;
}

.slist .slist-hover-media.trans-fade .slist-media.visible {
	transition-delay: 0.1s;
}

/* Slide Transition */
.slist .slist-hover-media.trans-slide .slist-media {
	opacity: 1;
	visibility: visible;
}

.slist .slist-hover-media.trans-slide .slist-media .media  {
	overflow: hidden;
	height: 0;
	-webkit-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
	   -moz-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
		 -o-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
			transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
	}
	.slist .slist-hover-media.trans-slide .slist-media.visible .media  {
	height: 100%;
	transition-delay: 0.2s;
	}

.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-top .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-top .media > span { top:0; bottom: auto; }

.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-bottom .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.visible.from-bottom .media > span { bottom:0; top: auto; }

.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-top .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-top .media > span { top:0; bottom: auto; }

.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-bottom .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .slist-media.to-bottom .media > span { bottom:0; top: auto; }

.slist .slist-hover-media.trans-slide .slist-media .media .media-image  {
	transform: translateY(-25%) scale(1.1);
	}
	.slist .slist-hover-media.trans-slide .slist-media.to-top .media > span,
	.slist .slist-hover-media.trans-slide .slist-media.to-bottom .media > span,
	.slist .slist-hover-media.trans-slide .slist-media.visible .media > span  {
	-webkit-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
	   -moz-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
		 -o-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
			transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
	}
	.slist .slist-hover-media.trans-slide .slist-media.visible .media > span  {
	transform: none !important;
	transition-delay: 0.1s;
	}

.slist .slist-hover-media.trans-slide .slist-media.from-top .media > span { transform: translateY(-25%) scale(1.1); }
.slist .slist-hover-media.trans-slide .slist-media.from-bottom .media > span { transform: translateY(25%) scale(1.1); }
.slist .slist-hover-media.trans-slide .slist-media.to-top .media > span { transform: translateY(-25%) scale(1.1); }
.slist .slist-hover-media.trans-slide .slist-media.to-bottom .media > span { transform: translateY(25%) scale(1.1); }


/* Slide Transition for half/rightbottom size */
.slist .slist-hover-media.trans-slide.size-half .slist-media .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media .media {
	overflow: hidden;
	height: 100%;
	width: 0%;
	}
	.slist .slist-hover-media.trans-slide.size-half .slist-media.visible .media,
	.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible .media {
	width: 100%;
	}

.slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-top .media,
.slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-top .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-top .media > span { right:0; left: auto; }

.slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-bottom .media,
.slist .slist-hover-media.trans-slide.size-half .slist-media.visible.from-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-bottom .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.visible.from-bottom .media > span { left:0; right: auto; }

.slist .slist-hover-media.trans-slide.size-half .slist-media.to-top .media,
.slist .slist-hover-media.trans-slide.size-half .slist-media.to-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-top .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-top .media > span { right:0; left: auto; }

.slist .slist-hover-media.trans-slide.size-half .slist-media.to-bottom .media,
.slist .slist-hover-media.trans-slide.size-half .slist-media.to-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-bottom .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-bottom .media > span { left:0; right: auto; }

.slist .slist-hover-media.trans-slide.size-half .slist-media .media .media-image,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media .media .media-image {
	transform: translateX(25%) scale(1.1);
	}

.slist .slist-hover-media.trans-slide.size-half .slist-media.from-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.from-top .media > span { transform: translateX(25%) scale(1.1); }
.slist .slist-hover-media.trans-slide.size-half .slist-media.from-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.from-bottom .media > span { transform: translateX(-25%) scale(1.1); }
.slist .slist-hover-media.trans-slide.size-half .slist-media.to-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-top .media > span { transform: translateX(25%) scale(1.1); }
.slist .slist-hover-media.trans-slide.size-half .slist-media.to-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .slist-media.to-bottom .media > span { transform: translateX(-25%) scale(1.1); }


/* Size Small */
.slist .slist-hover-media.size-small,
.slist .slist-hover-media.size-small.img-cover .slist-media .media .media-image,
.slist[data-ratio='1:1'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='1:1'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image {
	width: 300px;
	height: 300px;
	}
	.slist .slist-hover-media.size-small .slist-media img {
	max-height: 300px;
	}
.slist[data-ratio='2:1'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='2:1'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 150px; }
.slist[data-ratio='3:1'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='3:1'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 100px; }
.slist[data-ratio='3:2'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='3:2'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 200px; }
.slist[data-ratio='4:3'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='4:3'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 225px; }
.slist[data-ratio='16:9'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='16:9'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 170px; }
.slist[data-ratio='21:9'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='21:9'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 300px; height: 130px; }
.slist[data-ratio='3:4'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='3:4'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 225px; height: 300px; }
.slist[data-ratio='2:3'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='2:3'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 200px; height: 300px; }
.slist[data-ratio='1:3'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='1:3'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 100px; height: 300px; }
.slist[data-ratio='1:2'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='1:2'] .slist-hover-media.size-small.img-cover .slist-media .media .media-image { width: 150px; height: 300px; }

/* Size Medium */
.slist .slist-hover-media.size-medium,
.slist .slist-hover-media.size-medium.img-cover .slist-media .media .media-image,
.slist[data-ratio='1:1'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='1:1'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image {
	width: 450px;
	height: 450px;
	}
	.slist .slist-hover-media.size-medium .slist-media img {
	max-height: 450px;
	}
.slist[data-ratio='2:1'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='2:1'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 225px; }
.slist[data-ratio='3:1'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='3:1'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 150px; }
.slist[data-ratio='3:2'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='3:2'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 300px; }
.slist[data-ratio='4:3'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='4:3'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 340px; }
.slist[data-ratio='16:9'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='16:9'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 254px; }
.slist[data-ratio='21:9'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='21:9'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 450px; height: 193px; }
.slist[data-ratio='3:4'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='3:4'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 340px; height: 450px; }
.slist[data-ratio='2:3'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='2:3'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 300px; height: 450px; }
.slist[data-ratio='1:3'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='1:3'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 150px; height: 450px; }
.slist[data-ratio='1:2'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='1:2'] .slist-hover-media.size-medium.img-cover .slist-media .media .media-image { width: 225px; height: 450px; }


/* Size Big */
.slist .slist-hover-media.size-big,
.slist .slist-hover-media.size-big.img-cover .slist-media .media .media-image,
.slist[data-ratio='1:1'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='1:1'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image {
	width: 600px;
	height: 600px;
	}
	.slist .slist-hover-media.size-big .slist-media img {
	max-height: 600px;
	}
.slist[data-ratio='2:1'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='2:1'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 300px; }
.slist[data-ratio='3:1'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='3:1'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 200px; }
.slist[data-ratio='3:2'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='3:2'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 400px; }
.slist[data-ratio='4:3'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='4:3'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 450px; }
.slist[data-ratio='16:9'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='16:9'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 338px; }
.slist[data-ratio='21:9'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='21:9'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 600px; height: 257px; }
.slist[data-ratio='3:4'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='3:4'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 450px; height: 600px; }
.slist[data-ratio='2:3'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='2:3'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 400px; height: 600px; }
.slist[data-ratio='1:3'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='1:3'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 200px; height: 600px; }
.slist[data-ratio='1:2'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='1:2'] .slist-hover-media.size-big.img-cover .slist-media .media .media-image { width: 300px; height: 600px; }





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

13. PAGINATION

------------------------------------------------*/
#page-pagination {
	margin: 80px 0 40px 0;
	overflow: hidden;
	}

.isotope-grid.shop-container + #page-pagination {
	padding-top: 0;
	}
		
.pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
	text-align: center;
	transition: all 0.45s cubic-bezier(0.195, 0.290, 0.045, 0.995) 0.4s;
	}
	.slist-wrapper.active .pagination {
	transform: translateY(100%);
	transition-delay: 0s;
	}
	
.pagination li {
	padding: 0;
	display: inline-block;
	margin: 0 3px;
	}
	.pagination li:first-child, 
	.pagination li.inactive + li { 
	margin-left: 0; 
	}
	.pagination li:last-child { 
	margin-right: 0; 
	}
	.pagination li.next { 
	float: right;
	text-align: right;
	width: 90px;
	}
	.pagination li.prev { 
	float: left;
	text-align: left;
	width: 90px;
	}

.pagination li a, 
.pagination li > span {
	font-family: "Poppins";
	font-weight: 400;
	font-size: 13px;
	color: rgba(0,0,0,0.31);
	line-height: 20px;
	display: inline-block;
	padding: 0 5px;
	max-width: 100%;
	}
	.text-light .pagination li a, 
	.text-light .pagination li > span {
	color: rgba(255,255,255,0.48);
	}
	.pagination li:first-child a { 
	padding-left: 0; 
	}
	.pagination li:last-child a {
	padding-right: 0; 
	}
	.pagination li a:hover,
	.pagination li span.current {
	color: #000;
	}
	.text-light .pagination li a:hover,
	.text-light .pagination li span.current {
	color: #fff;
	}
	
.pagination li.inactive {
	pointer-events: none;
	opacity: 0.15;
	}

.pagination li .icon {
	display: none;
	}

.pagination li.next .icon svg, 
.pagination li.prev .icon svg {
	width: 13px;
	}

.pagination li.next { 
	margin-left: 15px; 
}
.pagination li.prev { 
	margin-right: 15px; 
}

.pagination li.prev .icon svg {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
	}

#page-pagination .pagination li.page {
	display: inline-block;
	float: none;
	position: relative;
	}
	
#page-pagination .pagination li.page span, 
#page-pagination .pagination li.page a {
	display: block;
	transition: all 0.2s ease;
	text-align:center;
	}


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

#single-pagination.blog-pagination {
	border-top: 1px solid rgba(0,0,0,0.11);
	border-bottom: 1px solid rgba(0,0,0,0.11);
	padding: 50px 0;
	margin-top: 100px;
	margin-bottom: 100px;
	}
	.text-light #single-pagination.blog-pagination {
	border-color: rgba(255,255,255,0.28);	
	}

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

#single-pagination .pagination li a .text {
	font-family: "Poppins";
	font-weight: 400;
	font-size: 12px;
	color: rgba(0,0,0,0.31);
	}
	.text-light #single-pagination .pagination li a .text {
	color: rgba(255,255,255,0.48);
	}

#single-pagination .pagination li .post-title {
	content: attr(data-title);
	font-family: "Poppins";
	font-weight: 600;
	font-size: 16px;
	display: block;
	margin-top: 3px;
	color: #000;
	transition: 0.3s ease;
	}
	#single-pagination .pagination li .post-title:hover {
	opacity: 0.5;
	}
	.text-light #single-pagination .pagination li .post-title {
	color: #fff;
	}

/* content pagination (wordpress core) */
.content-pagination {
	margin-top: 50px;
	}

.content-pagination .pages {
	margin-left: 20px;
	}

.content-pagination .pages,
.content-pagination .pages a {
	display: inline-block;
	color: rgba(0,0,0,0.31);
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	}
	.content-pagination .pages .current {
	color: #000;
	}
	.content-pagination .pages a:hover {
	color: #000;
	}

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

/* comment pagination */
#comment-pagination {
	margin-left: 55px;
	margin-top: 40px;
}

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




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

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

------------------------------------------------*/
/* masonry / isotope */
.isotope-grid { 
	width: 100%;
	margin-top: 40px; 
	margin-bottom: -1px;	/* workaround for hiding minipixels */
	}
	.filter + .isotope-grid { 
	margin-top: 35px;  
	}
	div .isotope-grid:first-child { 
	margin-top: 0;  
	}
	[class*='wrapper'] .isotope-grid { 
	width: 100%; 
	}
	
.isotope-grid::after { 
	content: ""; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	font-size: 0;  
	height: 0; 
}
.isotope-grid { 
	*display: inline-block; 
}
	
.isotope-grid[class*='isotope-spaced'] { 
	width: calc(100% + 20px); 
	left: 0; 
	margin-bottom: -20px;
	}
	
.isotope-grid[class*='isotope-spaced-big'] {
	width: calc(100% + 40px); 
	left: 0;
	margin-bottom: -40px;
	}
	
.isotope-grid[class*='isotope-spaced-huge'] {
	width: calc(100% + 80px); 
	left: 0;
	margin-bottom: -80px;
	}
	.isotope-grid.shop-container { 
	margin-bottom: 20px !important; 
	}
	.isotope-grid.shop-container[class*='isotope-spaced'] {
	margin-bottom: 0px !important; 
	}


.isotope-grid .isotope-item {
	margin-bottom: -0.5px;	/* workaround for hiding minipixels */
	float: left;
	position: relative;
	}
	.isotope-grid[class*='isotope-spaced'] .isotope-item { 
	margin-bottom: 20px; 
	margin-right: 20px; 
	}
	.isotope-grid[class*='isotope-spaced-big'] .isotope-item { 
	margin-bottom: 40px; 
	margin-right: 40px; 
	}
	.isotope-grid[class*='isotope-spaced-huge'] .isotope-item { 
	margin-bottom: 80px; 
	margin-right: 80px; 
	}

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

.isotope-grid.style-column-1 { 
	width: 100% !important; 
	left: 0; 
	text-align: center;
}
.isotope-grid.style-column-1 .isotope-item { 
	width: 100%; 
	margin-right: 0px !important; 
}
.isotope-grid.style-column-1[class*='isotope-spaced'] a.thumb-hover { 
	display: inline-block; 
	margin: 0 auto; 
	width: auto; 
}
.isotope-grid.style-column-1 .lazy-wrapper { 
	margin: 0 auto; 
}

.isotope-grid:not(.gallery-container) .isotope-item .item-media img { 
	width: 100%; 														/* take fullwidth for large screen (not for gallery) */
} 

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


/* normal offset */
.isotope-grid[class*='offset']:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 20px; }
.isotope-grid[class*='offset']:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 20px; }
.isotope-grid[class*='offset']:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 40px; }
.isotope-grid[class*='offset']:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 20px; }
.isotope-grid[class*='offset']:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 40px; }
.isotope-grid[class*='offset']:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 60px; }

.isotope-grid.offset-big:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 40px; }
.isotope-grid.offset-big:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 40px; }
.isotope-grid.offset-big:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 80px; }
.isotope-grid.offset-big:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 40px; }
.isotope-grid.offset-big:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 80px; }
.isotope-grid.offset-big:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 120px; }

.isotope-grid.offset-huge:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 60px; }
.isotope-grid.offset-huge:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 60px; }
.isotope-grid.offset-huge:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 120px; }
.isotope-grid.offset-huge:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 60px; }
.isotope-grid.offset-huge:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 120px; }
.isotope-grid.offset-huge:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 180px; }

.isotope-grid.offset-ultra:not(.offset-crazy).style-column-2 .isotope-item:nth-child(2) { margin-top: 100px; }
.isotope-grid.offset-ultra:not(.offset-crazy).style-column-3 .isotope-item:nth-child(2) { margin-top: 100px; }
.isotope-grid.offset-ultra:not(.offset-crazy).style-column-3 .isotope-item:nth-child(3) { margin-top: 200px; }
.isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(2) { margin-top: 100px; }
.isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(3) { margin-top: 200px; }
.isotope-grid.offset-ultra:not(.offset-crazy).style-column-4 .isotope-item:nth-child(4) { margin-top: 300px; }

/* crazy offset */
.isotope-grid.offset-crazy .isotope-item { 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}

.isotope-grid.offset-crazy .isotope-item:nth-child(1n) { padding: 5% 3% 1% 0%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(2n) { padding: 0% 2% 1% 1%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(3n) { padding: 1% 0% 1% 3%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(4n) { padding: 5% 2% 1% 3%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(5n) { padding: 7% 2% 1% 1%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(6n) { padding: 0% 0% 1% 4%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(7n) { padding: 0% 4% 1% 2%; }
.isotope-grid.offset-crazy .isotope-item:nth-child(8n) { padding: 4% 4% 1% 0%; }


/**** Load More ****/
.load-grid {
	position: relative;
	height: 30px;
	transition: all 0.4s ease 0.4s !important;
	margin: 60px 0 0 0;
	text-align: center;
	}
	.size-h3 .load-grid {
	margin-top: 40px;
	}
	.size-h4 .load-grid,
	.size-h5 .load-grid,
	.size-h6 .load-grid {
	margin-top: 30px;
	}
	.load-grid.do-anim {
	transform: translateY(15px) !important;
	}
	.slist.text-left ~ .load-grid {
	text-align: left;
	}
	.isotope-grid.shop-container + .load-grid {
	margin-top: 0;
	}
	.load-grid.disabled { 
	transition: all 0.4s ease 3.2s, opacity 0.4s ease 2.8s !important;
	height: 0;
	margin: 0;
	opacity: 0 !important;
	overflow: hidden;
	}
	.slist-wrapper.active .load-grid,
	.slist-wrapper.active .load-grid.do-anim.animated {
	transform: translateY(15px) !important;
	transition-delay: 0s !important;
	opacity: 0 !important;
	}


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



/* lazy load */
.lazy-wrapper {
	width: 100%;
	display: block;
	background: rgba(0,0,0,0.04);
	transition: background 1s ease;
	position: relative;										/* to check if this creates issues */
	}
	.text-light .lazy-wrapper {
	background: rgba(255,255,255,0.11);								/* to check if this creates issues */
	}
	.isotope-grid[data-ratio] .lazy-wrapper {  
	min-height: 100% !important; 							/* prevent upsizing the items calc by ratios */
	}
	.lazy-wrapper.loaded, 
	.isotope-grid[data-ratio] .lazy-wrapper.loaded {
	width: auto !important;
	max-width: inherit !important;
	height: auto !important;
	min-height: auto !important;
	display: initial !important;
	background: transparent;
	}
	
.lazy-wrapper .lazy-img {
	opacity: 0;
	transition: opacity 0.6s ease;
	display: block;
	}

.lazy-wrapper.loaded .lazy-img {
	opacity: 1;
	}

.lazy-wrapper .lazy-img img {
	height: 0;
	}

.lazy-wrapper.loaded .lazy-img img {
	height: auto;
	}



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

.flickity-carousel .flickity-prev-next-button {
	width: 60px;
	height: 60px;
	padding: 0;
	background: #000 !important;
	opacity: 1 !important;
	left: auto;
	right: 80px;
	top: 50%;
	transform: translateY(-50%);
	}
	.flickity-carousel.nav-light .flickity-prev-next-button { 
	background: #f7f7f7 !important;
	}
	.flickity-carousel .flickity-prev-next-button.next { 
	right: 80px;
	}
	.flickity-carousel .flickity-prev-next-button.previous { 
	left: 80px; 
	right: auto; 
	}
	.flickity-carousel .flickity-prev-next-button:disabled {
    cursor: auto;
	}

.flickity-carousel .flickity-prev-next-button svg {
	position: absolute;
	width: 13px;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	transition: all 0.3s ease;
	fill: #fff;
	}
	.flickity-carousel.nav-light .flickity-prev-next-button .arrow { 
	fill: #000;
	}
	.flickity-prev-next-button:disabled svg { 
	opacity: 0.4; 
	}
	.flickity-carousel .flickity-prev-next-button.next:not([disabled]):hover svg { 
	left: calc(50% + 3px); 
	}
	.flickity-carousel .flickity-prev-next-button.previous:not([disabled]):hover svg { 
	left: calc(50% - 3px); 
	}

.flickity-carousel .flickity-page-dots {
	bottom: -40px;
	z-index: 5;
	}

.flickity-carousel.hasbullets {
	margin-bottom: 60px;
	}

.flickity-carousel .flickity-page-dots li.dot {
	width: 14px;
  	height: 18px;
	margin: 0 7px;
	position: relative;
	opacity: 1;
	border: none;
	background: none;
	}

.flickity-carousel .flickity-page-dots li.dot::after {
	content: "";
	width: 3px;
  	height: 3px;
  	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 10px;
	transition: all 0.3s ease;
	}
	.text-light .flickity-carousel .flickity-page-dots li.dot::after {
  	background: #fff;
	}
	.flickity-carousel .flickity-page-dots li.dot.is-selected::after { 
	width: 7px;
  	height: 7px;
	}

/* flickity carousel follow mouse */
.flickity-wrapper.follow-mouse .flickity-enabled.is-draggable .flickity-viewport {
  	cursor: none !important;
	}

.flickity-wrapper.follow-mouse .flickity-carousel .flickity-page-dots {
	opacity: 0;
	visibility: hidden;
	}

.flickity-wrapper.follow-mouse .flickity-carousel.hasbullets {
	margin-bottom: 0px;
	}

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



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

.phatvideo-bg .mute-video span { 
	display: none; 
}
	
.phatvideo-bg .mute-video::after, 
.phatvideo-bg .mute-video::before {
	content: "\f4cf";
	font-family: "Ionicons";
	color: #000;
	font-size: 20px;
	line-height: 15px;
	text-indent: 0;
	position: absolute;
	top: calc(50% - 7px);
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	transition: all 0.2s ease;
	opacity: 0;
	transition: color 0.3s ease, opacity 0.1s ease;
	}
	.phatvideo-bg .mute-video::before {
	content: "\f4ce";
	opacity: 1;
	}

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


/* play / pause video for phat background video */
.phatvideo-bg .playpause-video {
	bottom: 40px !important;
	left: auto !important;
	right: 60px !important;
	width: 34px;
	height: 34px;
	overflow: hidden;
	z-index: 5;
	background: #fff;
	border-radius: 50%;
	}
	.phatvideo-bg .mute-video + .playpause-video { 
	right: 108px !important; 
	}

.phatvideo-bg .playpause-video span {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	}
	.phatvideo-bg .playpause-video span:first-child { 
	display: none; 
	}

.phatvideo-bg .playpause-video span::after, 
.phatvideo-bg .playpause-video span::before {
	content: "\f488";
	font-family: "Ionicons";
	color: #000;
	font-size: 15px;
	text-indent: 0;
	position: absolute;
	top: calc(50% - 7px);
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	transition: all 0.2s ease;
	opacity: 0;
	}
	.phatvideo-bg .playpause-video span::before {
	content: "\f478";
	font-size: 14px;
	opacity: 1;
	}
	.phatvideo-bg .playpause-video span::after {
	left: 1px;
	}
	.phatvideo-bg .playpause-video.play span::after {
	opacity: 1;
	} 
	.phatvideo-bg .playpause-video.play span::before {
	opacity: 0;
	}

/* play lightcase for phat background video */
.phatvideo-bg .phatlightcase-play {
	bottom: 20px !important;
	left: auto !important;
	right: 30px !important;
	width: 34px;
	height: 34px;
	overflow: hidden;
	z-index: 5;
	background: #fff;
	border-radius: 50%;
	z-index: 5;
	}

.phatvideo-bg .phatlightcase-play::before {
	content: "\f488";
	font-family: "Ionicons";
	color: #000;
	font-size: 14px;
	text-indent: 0;
	position: absolute;
	top: calc(50% - 7px);
	left: 1px;
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	}




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

15. COLUMNS SECTION

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

.column-section { 
	margin-top: 40px; 
	}
	.column-section.sticky-section { 
	position: relative; 
	}
	div .column-section:first-child, 
	.fullwidth-section + .column-section { 
	margin-top: 0; 
	}
	
.column { 
	float: left; 
	margin-right: 20px;
	min-height: 1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}
	.column.push-right, .column-section.swap-mobile .column:first-child { 
	float: right; 
	margin-right: 0; 
	}
	.spaced-none .column { 
	margin: 0; 
	}
	[class*='wrapper'] .column-section .column:first-child { 
	margin-left: 0; 
	}
	.spaced-big .column { 
	margin-right: 40px; 
	}	
	.spaced-huge .column { 
	margin-right: 80px; 
	}	
	
.one-full { width: 100%; float: none; margin-right: 0; }
.one-half { width: calc(50% - 10px); }
.one-third { width: calc(33.33% - 13.33px); }
.two-third { width: calc(66.6% - 6.66px); } 		/* ((25*2)/3) - (25/3) */
.one-fourth { width: calc(25% - 15px); } 
.two-fourth { width: calc(50% - 10px); }
.three-fourth { width: calc(75% - 5px); }
.one-fifth { width: calc(20% - 16px); }
.two-fifth { width: calc(40% - 12px); }
.three-fifth { width: calc(60% - 8px); }
.four-fifth { width: calc(80% - 4px); }
.one-sixth { width: calc(16.66% - 16.66px); }
.two-sixth { width: calc(33.33% - 13.33px); }
.three-sixth { width: calc(50% - 10px); }
.four-sixth { width: calc(66.66% - 6.66px); }
.five-sixth { width: calc(83.33% - 3.33px); }

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

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

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

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



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

17. THUMB OVERLAY EFFECT

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

.overlay-caption { 
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 7%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
	height: auto;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	transform: translateY(-50%);
	z-index: 2;
	}
	.double-width .thumb-hover .overlay-caption { 
	padding: 3.5%; 
	}
	.thumb-hover .overlay-caption:not(.align-left):not(.align-right) { 
	text-align: center; 
	}
	
.thumb-hover .overlay-caption.bottom { 
	top: inherit;
	bottom: 0;
	-webkit-transform: translateY(0%);
  	-moz-transform: translateY(0%);
  	-ms-transform: translateY(0%);
  	-o-transform: translateY(0%);
  	transform: translateY(0%);
	}
	
.thumb-hover .overlay-caption.top { 
	top: 0;
	-webkit-transform: translateY(0%);
  	-moz-transform: translateY(0%);
  	-ms-transform: translateY(0%);
  	-o-transform: translateY(0%);
  	transform: translateY(0%);
	}
	
.thumb-hover .overlay-caption.hidden {
	opacity: 0;
	visibility: hidden;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: opacity 0.5s ease;
	}
	.thumb-hover:hover .overlay-caption.hidden {
	opacity: 1;
	visibility: visible;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
.thumb-hover .overlay-caption.hidden:not(.fade) .caption-sub, .thumb-hover .overlay-caption.hidden:not(.fade) .caption-name {
	display: block;
	-webkit-transform: translateY(20px);
  	-moz-transform: translateY(20px);
  	-ms-transform: translateY(20px);
  	-o-transform: translateY(20px);
  	transform: translateY(20px);
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all 0.6s ease 0s;
	}
	.thumb-hover .overlay-caption.top.hidden:not(.fade) .caption-sub, .thumb-hover .overlay-caption.top.hidden:not(.fade) .caption-name {
	-webkit-transform: translateY(-20px);
  	-moz-transform: translateY(-20px);
  	-ms-transform: translateY(-20px);
  	-o-transform: translateY(-20px);
  	transform: translateY(-20px);
	}
	.thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-name { 
	transition-delay: 0.15s; 
	}
	.thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-sub, .thumb-hover:hover .overlay-caption.hidden:not(.fade) .caption-name {
	-webkit-transform: translateX(0px) translateY(0px);
  	-moz-transform: translateX(0px) translateY(0px);
  	-ms-transform: translateX(0px) translateY(0px);
  	-o-transform: translateX(0px) translateY(0px);
  	transform: translateX(0px) translateY(0px);
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

.thumb-hover .overlay-caption .caption-sub, .thumb-hover .overlay-caption .caption-name { 
	line-height: 1.3em !important;
}
.caption-sub + .caption-name, .caption-name + .caption-sub { 
	margin-top: 8px; 
}
	
.caption-dark .caption-sub , .caption-dark .caption-name { 
	color: #000; 
	transition: color 0.34s ease; 
}	
.caption-light .caption-sub , .caption-light .caption-name { 
	color: #fff; 
	transition: color 0.34s ease; 
}	


/* img effect */
.thumb-hover img {
	transition: all 0.4s ease 0s;
	}
.thumb-hover.scale img {
	-webkit-transform: scale(1.0);
  	-moz-transform: scale(1.0);
  	-ms-transform: scale(1.0);
  	-o-transform: scale(1.0);
  	transform: scale(1.0);
	}
	.thumb-hover.scale:hover img,
	.product-media:hover .thumb-hover.scale img {
	-webkit-transform: scale(1.06);
  	-moz-transform: scale(1.06);
  	-ms-transform: scale(1.06);
  	-o-transform: scale(1.06);
  	transform: scale(1.06);
	}

/* 2nd hover image && variation image */
.thumb-hover .hover-image,
.thumb-hover .variation-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	transition: all 0.4s ease;
	}
	
.thumb-hover .hover-image > img,
.thumb-hover .variation-image > img { 
	object-fit: cover; 
	object-position: 50% 50%; 
	width: 100%; 
	height: 100%; }
	
.thumb-hover .hover-image + .lazy-wrapper,
.thumb-hover .variation-image + .lazy-wrapper {
	transition: all 0.4s ease 0s;
	}

.thumb-hover:hover .hover-image + img,
.thumb-hover:hover .hover-image + .lazy-wrapper {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

/* imagebutton */
.imagebutton-media .imagebutton-title {
	position: absolute;
	top: 40px;
	left: 40px;
	margin: 0;
	}
	.imagebutton-media.top-right .imagebutton-title { left: auto; right: 40px; text-align: right; }
	.imagebutton-media.bottom-left .imagebutton-title { top: auto; bottom: 40px; }
	.imagebutton-media.bottom-right .imagebutton-title { top: auto; bottom: 40px; left: auto; right: 40px; text-align: right; }
	.imagebutton-media.center-center .imagebutton-title { 
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		text-align: center;
	}

.imagebutton-media .imagebutton-subtitle {
	margin-top: 0;
	color: #000 !important;
	}
	.imagebutton-media.text-light .imagebutton-subtitle { color: #fff !important; }





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

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

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

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

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





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

19. ELEMENTS

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

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

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



/*	Buttons
-------------------------------------------------*/
.sr-button {
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 12px !important;
	line-height: 40px;
	height: 40px;
	border-radius: 0;
	text-align: center;
	background: #000;
	color: #fff !important;
	display: inline-block;
	padding: 0px 30px;
	transition: all 0.2s ease;
	max-width: 100%;
	margin: 2px 0 3px 0;
	border: none !important;
	position: relative;
	overflow: hidden;
	width: auto;
	}
	.sr-button:last-child {
	margin-bottom: -4px;
	}

/* withicon */
.sr-button .text {
	display: inline-block;
	overflow: hidden;
	position: relative;
	line-height: 20px;
	height: 20px;
	z-index: 1;
	margin-top: 10px;
	vertical-align: top;
}

.sr-button .text span {
	display: inline-block;
	line-height: 20px;
	height: 20px;
	-webkit-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
	   -moz-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
		 -o-transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995);
			transition: all 450ms cubic-bezier(0.195, 0.290, 0.045, 0.995); 
	-webkit-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
	   -moz-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
		 -o-transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995);
			transition-timing-function: cubic-bezier(0.195, 0.290, 0.045, 0.995); 
	}
	.sr-button:hover .text span {
	transform: translateY(100%) !important;
	}

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

.sr-button.withicon .icon {
	z-index: 1;
	width: auto;
	height: auto;
	border-radius: 20px;
	display: inline-block;
	position: relative;
	margin-right: 10px;
	transition: all 0.3s ease !important;
	overflow: hidden;
	vertical-align: top;
	}

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

/* styles */
.sr-button.style-2 { background: #fff; color: #000 !important;  }

.sr-button.style-3 { background: none; color: #000 !important; line-height: 20px; height: 20px; padding: 0 !important; border-bottom: 1px solid rgba(0,0,0,0.11) !important; border-radius: 0; }
	.text-light .sr-button.style-3 { color: #fff !important; border-bottom: 1px solid rgba(255,255,255,0.18) !important; }
	.sr-button.style-3 .text { margin-top: 0; line-height: 20px; height: 20px; }


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

.sr-button.style-3.button-mini { line-height: 14px; height: 14px; }
	.sr-button.style-3.button-mini .text, .sr-button.style-3.button-mini .text span { margin-top: 0; line-height: 14px; height: 14px;  }
.sr-button.style-3.button-small { line-height: 17px; height: 17px; }
	.sr-button.style-3.button-small .text, .sr-button.style-3.button-small .text span { margin-top: 0; line-height: 17px; height: 17px;  }
.sr-button.style-3.button-normal { line-height: 20px; height: 20px; }
	.sr-button.style-3.button-normal .text, .sr-button.style-3.button-normal .text span { margin-top: 0; line-height: 20px; height: 20px;  }
.sr-button.style-3.button-medium { line-height: 24px; height: 24px; }
	.sr-button.style-3.button-medium .text, .sr-button.style-3.button-medium .text span { margin-top: 0; line-height: 24px; height: 24px;  }
.sr-button.style-3.button-big { line-height: 28px; height: 28px; }
	.sr-button.style-3.button-big .text, .sr-button.style-3.button-big .text span { margin-top: 0; line-height: 28px; height: 28px;  }



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

.follow-mouse { 
	position: relative;
}
	
.follow-mouse .mouse-action {	
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.04em;
	color: #fff;
	border: 1px solid #000;
	background: #000;
	width: 80px; 
	height: 80px; 
	line-height: 80px; 
	text-align: center;
	position: fixed;
	top: -40px; 
	left: -40px; 
	-moz-border-radius:50px; 
	-khtml-border-radius:50px; 
	-webkit-border-radius:50px;
	border-radius: 50px;
	z-index: 2;
	opacity: 0;
	transition: opacity 0.06s ease;
	pointer-events: none;
	}
	.nav-light .mouse-action { 
	background: #f7f7f7;
	color: #000;
	}
	.is-dragging .follow-mouse .mouse-action {
	width: 70px; 
	height: 70px; 
	line-height: 70px; 
	top: -35px; 
	left: -35px;
	font-size: 11px;
	}
	.follow-mouse:not(.active):hover .mouse-action {
	opacity: 1;
}
	
.inline-video .inline-iframe-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #000000;
	}
	
.inline-video .inline-iframe-container .close-inline-video {
	color: #fff;
	background: #000;
	width: 40px;
	height: 40px; 
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%) ;
  	-moz-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	-o-transform: translateX(-50%);
  	transform: translateX(-50%)  ;
	-moz-border-radius:50px; 
	-khtml-border-radius:50px; 
	-webkit-border-radius:50px;
	border-radius: 50px;
	opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all 0.3s ease;
	}
	.inline-video.active .inline-iframe-container:hover .close-inline-video {
	opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
.inline-video .inline-iframe-container .close-inline-video::before {
	content: "\f12a";
	font-family: "Ionicons";
	font-size: 10px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; 
	left: 0; 
	}



/*	team member
-------------------------------------------------*/		
.team-member {
	margin-top: 40px;
	}
	div .team-member:first-child { 
	margin: 0; 
	}
	
.team-infos {
	margin-top: 25px;
	}
	div .team-infos:first-child { 
	margin: 0; 
	}
	.column.hasbg .team-infos {
	padding: 30px;
	margin: 0;
	}

.team-member .team-role {
	margin-top: 0;
	}

.team-member .team-content {
	margin-top: 25px;
	}

.team-member .team-name + .socialmedia-widget,
.team-member .team-role + .socialmedia-widget {
	margin-top: 20px;
	}


/*	Tabs
------------------------------------------------*/
.sr-tabs {
	margin-top: 40px;
	}
	div .sr-tabs:first-child {
	margin-top: 0;
	}
	
.sr-tabs .tab-nav {
	padding: 0 0 20px 0;
	margin: 0;
	list-style: none;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid rgba(0,0,0,0.11);
	}
	
.sr-tabs .tab-nav li {
	display: inline-block;
	margin: 0 30px 0 0;
	position: relative;
	}
	
.sr-tabs .tab-nav li a { 
	color: rgba(0,0,0,0.31); 
	}
	.text-light .sr-tabs .tab-nav li a { 
	color: rgba(255,255,255,0.4); 
	}

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

.sr-tabs .tab-container {
	margin-top: 20px;
	}

.sr-tabs .tab-container .tab-content.active {
	display: block !important;
	}


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

.toggle-item {
	margin-top: 20px;
	}
	div .toggle-item:first-child { 
	margin: 0; 
	}

.accordion .toggle-item {
	border-bottom: 1px solid rgba(0,0,0,0.11);
	padding-bottom: 20px;
	}
	.text-light .accordion .toggle-item {
	border-color: rgba(255,255,255,0.28);
	}

.toggle-item .toggle-title { 
	position: relative; 
	padding-left: 20px; 
	cursor: pointer; 
	}

.toggle-item .toggle-title .plus,
.toggle-item .toggle-title .minus {
	position: absolute;
	top: calc(50% - 5px);
	left: 0;
	width: 10px;
	height: 10px;
	transition: all 0.3s ease;
}

.toggle-item .toggle-title .plus svg,
.toggle-item .toggle-title .minus svg {
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: calc(50% - 5px);
	left: calc(50% - 5px);
	}
	.text-light .toggle-item .toggle-title .plus svg path,
	.text-light .toggle-item .toggle-title .minus svg path {
	fill: #fff;
	}

.toggle-item .toggle-title .minus {
	opacity: 0;
}

.toggle-item .toggle-title.toggle-active .plus { 
	opacity: 0; 
}
.toggle-item .toggle-title.toggle-active .minus { 
	opacity: 1; 
}

.toggle-item .toggle-inner { 
	padding-top: 15px;
	padding-bottom: 30px;
	padding-left: 20px;
	}
	.accordion .toggle-item .toggle-inner {
	padding-bottom: 0;
	}


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

20. WIDGETS

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

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

.widget-title + div, 
.widget-title + ul, 
.widget-title + p, 
.widget-title + ol,
.widget-title + .screen-reader-text + select {
	margin-top: 20px;
	}
	
	
/* Menu Widget
-------------------------------- */
.widget ul:not(.socialmedia-widget) {
	list-style: none;
	padding: 0;
	margin-left: 0;
	}

.widget ul:not(.socialmedia-widget) li {
	margin-top: 8px;
	line-height: 20px;
	}

.widget ul:not(.socialmedia-widget) li a {
	font-weight: 500;
	font-size: 15px;
	display: inline-block;
	transition: color 0.2s ease;
	color: #000;
	line-height: 20px;
	}
	.widget ul:not(.socialmedia-widget) li a:hover { 
	color: rgba(0,0,0,0.31); 
	}
	
.widget ul:not(.socialmedia-widget) ul.sub-menu, .widget ul:not(.socialmedia-widget) ul.children {
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	}
	
.widget ul:not(.socialmedia-widget) ul.sub-menu li a, .widget ul:not(.socialmedia-widget) ul.children li a {
	font-size: 0.85em;
	line-height: 1.5em;
	}
	
	
/* Rss Widget
-------------------------------- */	
.widget_rss .widget-title .rss-widget-icon {
	top: 2px;
	position: relative;
	vertical-align: inherit;
	margin-right: 5px;
	}

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

.widget.widget_rss ul li .rsswidget {
	display: block;
	}

.widget.widget_rss ul li .rss-date {
	color: rgba(0,0,0,0.31);
	font-size: 0.9em;
	line-height: 1.45em;
	}

.widget.widget_rss ul li .rssSummary {
	font-size: 0.9em;
	line-height: 1.45em;
	margin-top: 6px;
	}

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


/* Rss Widget
-------------------------------- */	
.widget_calendar table tbody td, 
.widget_calendar table tbody th, 
.widget_calendar table tfoot td {
    padding: 10px 0 !important;
}

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


/* Social Media Widget
-------------------------------- */	
.socialmedia-widget {
	margin: 30px 0 0 0 !important;
	padding: 0 !important;
	list-style: none;
	}
	div .socialmedia-widget:first-child { 
	margin: 0; 
	}
	
.socialmedia-widget li {
	display: inline-block;
	margin: 0;
	position: relative;
	}
	
.socialmedia-widget li a {
	font-size: 12px;
	line-height: 16px;
	height: 16px;
	color: #000;
	transition: all 0.2s ease;
	display: block;
	text-align: center;
	padding-right: 20px;
	}
	.socialmedia-widget.text-style li a, 
	.socialmedia-widget.textshort-style li a { 
	padding-right: 30px;
	}
	.socialmedia-widget li:last-child a { 
	padding-right: 0 !important; 
	}
	.text-light:not(.transparent) .socialmedia-widget li a { 
	color: #fff; 
	}
	.socialmedia-widget li a:hover { 
	opacity: 1; 
	}
	

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

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



/* Search Widget
-------------------------------- */
.widget_search form.searchform, 
.widget_product_search form.searchform {
	position: relative;
	margin-top: 10px;
	max-width: 300px;
	}
	.widget_search form.searchform:first-child, 
	.widget_product_search form.searchform:first-child { 
	margin: 0; 
	}
	
.widget_search form.searchform input[type="search"], 
.widget_product_search form.searchform input[type="search"] {
	width: calc(100% - 30px);
	max-width: calc(100% - 30px);
	}

.widget_search form.searchform input[type="submit"], 
.widget_product_search form.searchform button[type="submit"] {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	padding: 0;
	height: 40px;
	z-index: 2;
	
	color: transparent !important;
	background: transparent !important;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.11);
	border-radius: 0;
	margin: 0;
	}
	
.widget_search form.searchform::before, 
.widget_product_search form.searchform::before {
	content: "";
	width: 14px;
	height: 14px;
	border: 2px solid #000;
	display: block;
	position: absolute;
	bottom: 13px;
	right: 7px;
	z-index: 1;
	border-radius: 50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
	.text-light:not(.transparent) .widget_search form.searchform::before,
	.text-light:not(.transparent) .widget_product_search form.searchform::before {
	border-color: #fff;
	}
	
.widget_search form.searchform::after, .widget_product_search form.searchform::after {
	content: "";
	position: absolute;
	bottom: 5px;
	right: 5.5px;
	background: #000;
    display: block;
	width: 1.8px;
	height: 8px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
  	-moz-transform: translateY(-50%) rotate(-45deg);
  	-ms-transform: translateY(-50%) rotate(-45deg);
  	-o-transform: translateY(-50%) rotate(-45deg);
  	transform: translateY(-50%) rotate(-45deg);
	z-index: 1;
	}
	.text-light:not(.transparent) .widget_search form.searchform::after, 
	.text-light:not(.transparent) .widget_product_search form.searchform::after{
	background: #fff;
	}




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

20. COOKIE INFO

------------------------------------------------*/
body #cookie-notice {
    min-width: 300px;
    max-width: 100%;
    width: 340px;
    font-size: 13px;
    line-height: 19px;
    left: 40px;
	bottom: 40px;
    text-align: left;
	padding: 20px;
	}

body #cookie-notice .cookie-notice-container {
    padding: 0;
    text-align: left;
	overflow: hidden;
}

body #cookie-notice .cookie-notice-container #cn-notice-text {
    display: block;
	margin-bottom: 20px;
}

body #cookie-notice .cookie-notice-container a {
    color: #fff;
    background: none !important;
	border-bottom: 1px solid transparent;
    float: right;
	margin-left: 20px;
	border-radius: 0;
	padding: 0 0 2px 0;
	font-weight: 400;
	background: none;
}
body #cookie-notice .cookie-notice-container a:hover {
    color: rgba(255,255,255,0.61) !important;
}

body #cookie-notice .cookie-notice-container #cn-accept-cookie,
body #cookie-notice .cookie-notice-container #cn-refuse-cookie {
	font-weight: 500;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,1);
}

body #cookie-notice .cookie-notice-container #cn-accept-cookie::after {
	content: "\f00c";
	font-family: FontAwesome;	
	font-size: 12px;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale; 
	display: inline-block;
	margin-left: 5px;
}




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

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;
	}
	
	body.disable-mouse .menu-toggle {
		cursor: none;
	}
	
	body.disable-mouse .portfolio-filter .widget-title .current {
		cursor: none;
	}
	
	body.disable-mouse #single-share .widget-title {
		cursor: none;
	}
	
	body.disable-mouse .flickity-carousel .flickity-page-dots li.dot {
		cursor: none;
	}
	
	body.disable-mouse .toggle-item .toggle-title {
		cursor: none;
	}
}

.custom-mouse {
	position: fixed;
	top: -5px;
	left: -5px;
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 50%;
	z-index: 2000;
	pointer-events: none;
	visibility: hidden;
	transition: top 0.2s ease, left 0.2s ease, width 0.2s ease, height 0.2s ease, opacity 0.15s ease, border 0.15s ease, visibility 0.2s ease 0.1s;
	}
	.custom-mouse.circle {
	top: -12px;
	left: -12px;
	width: 24px;
	height: 24px;
	background: transparent !important;
	border-radius: 50%;
	border: 2px solid #000;
	box-sizing:border-box;
	}
	body.mouse-switch-light .custom-mouse {
	background-color: #fff;
	}
	body.mouse-switch-light .custom-mouse.circle {
	border-color: #fff;
	}

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

body:not(.smooth-leave).mouse-hover .custom-mouse {
	top: -14px;
	left: -14px;
	width: 28px;
	height: 28px;
	opacity: 0.7;
	}
	body:not(.smooth-leave).mouse-hover .custom-mouse.circle {
	top: -16px;
	left: -16px;
	width: 32px;
	height: 32px;
	border-width: 2.5px;
}

body.follow-mouse-hover .custom-mouse {
	opacity: 0 !important;
	visibility: hidden !important;
}

		





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

22. LOGO CUSTOMIZATIONS (25px)

------------------------------------------------*/
#header #logo img { height: 25px; }
#header #logo .text-logo { line-height: 25px; }
#menu nav#main-nav > ul { height: 25px; }
#menu nav#main-nav > ul > li { top: calc((25px - 26px) / 2); }
.menu-toggle { height: 25px; }

#hero #page-title { padding-top: calc(60px + 100px + 25px); }
#hero.hero-fullscreen #page-title.title-center, #hero.hero-custom #page-title.title-center { padding-top: calc(60px + 100px + 25px); padding-bottom: calc(60px + 100px + 25px); }