@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap");
* {
  font-family: "Poppins", sans-serif;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html {
	overflow-y: hidden;
}

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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/* font: inherit; */
	vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
}
.drawing {
    width: 100vw;
    height: 100vh;
    position: fixed;
    display: block;
    background-color: #3a3a3a;
    transition: all 5s linear;
    z-index: 100;
}

.drawing.inactive {
    transform: translateY(-100vh);
    transition: transform 0.5s ease-in-out;
}


/* -- Loading thingy --*/
.loading-dot {
    border-radius: 100%;
    height: 10px;
    width: 10px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff, 40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
        40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
    animation: load 3s infinite linear;
}


@keyframes load {
    0% {
        transform: translate(0px, 0px), rotate(0deg);
        box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff, 40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
            40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
    }

    25% {
        box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff, 40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
            -40px -40px 0px 0px #ffffff, 40px 40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff;
    }

    50% {
        box-shadow: 0px -40px 0px 0px #ffffff, 0px 40px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff, 40px 0px 0px 0px #ffffff,
            -40px -40px 0px 0px #ffffff, 40px 40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff;
    }

    70% {
        box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
            0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
    }

    75% {
        box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
            0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
        height: 10px;
        width: 10px;
    }

    80% {
        transform: translate(0px, 0px) rotate(360deg);
        box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
            0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
        background-color: #ffffff;
        height: 40px;
        width: 40px;
    }

    85% {
        transform: translate(0px, 0px) rotate(360deg);
        box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
            0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
        background-color: #ffffff;
        height: 40px;
        width: 40px;
    }

    90% {
        transform: translate(0px, 0px) rotate(360deg);
        box-shadow: 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff,
            0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff, 0px 0px 0px 0px #ffffff;
        background-color: #ffffff;
        height: 10px;
        width: 10px;
    }

    95% {
        box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff, 40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
            40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
    }

    100% {
        transform: rotate(360deg);
        box-shadow: 0px 40px 0px 0px #ffffff, 0px -40px 0px 0px #ffffff, 40px 0px 0px 0px #ffffff, -40px 0px 0px 0px #ffffff,
            40px 40px 0px 0px #ffffff, -40px -40px 0px 0px #ffffff, 40px -40px 0px 0px #ffffff, -40px 40px 0px 0px #ffffff;
    }

}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

body * {
	-webkit-text-size-adjust: none;
}


input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

input,
textarea,
select {
	font-weight: 400;
	/* -webkit-appearance: none;
	appearance: none; */
	border-radius: 0;
	background: none;
	border: none;
	margin: 0;
	/* width: 100%; */
}


select::-ms-expand {
	display: none;
}


a,
a:link,
a:visited,
a:active,
a:hover {
	cursor: pointer;
	text-decoration: none;
	outline: none;
}

body {
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
}


ul,
ol {
	list-style: none;
}

a {
	color: inherit;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*main*/
#content-block {
	position: relative;
	overflow: hidden;
	left: 0;
}

#content-block *:last-child:not(.empty-space) {
	margin-bottom: 0;
}

.container {
	max-width: 100%;
}

@media (min-width: 992px) {
	body.min-height .page-height {
		height: 600px !important;
	}
}

.wide-container {
	margin: 0 auto;
	padding: 0 150px;
	height: 100%;
	position: relative;
}

.toggle-visibility {
	opacity: 0;
	visibility: hidden;
}

.toggle-visibility.active,
body.mobile .toggle-visibility {
	opacity: 1;
	visibility: visible;
}

body.mobile .toggle-visibility {
	display: none;
}

body.mobile .toggle-visibility.active {
	display: block;
}


.empty-space:after {
	content: "";
	display: block;
	clear: both;
}


/*body selection*/
body ::selection {
	color: white;
	background: black;
}

body ::-moz-selection {
	color: white;
	background: black;
}


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.valign-middle {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
}

.page-height {
	position: relative;
}

.full-size {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

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

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

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

.hidden {
	display: none !important;
}

.visible {
	display: block !important;
}

.inline-indent {
	width: 10px;
	height: 1px;
	background: currentColor;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	position: relative;
	top: -1px;
}

.fixed-background {
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

body.mobile .fixed-background {
	background-attachment: scroll;
}

/* .label {
	white-space: normal;
} */

/*loader*/
/* #loader-wrapper {
	position: fixed;
	left: -100px;
	top: -100px;
	right: -100px;
	bottom: -100px;
	background: #fff;
	z-index: 12;
} */

/*arrow pagination*/
.slider-click {
	font-size: 12px;
	line-height: 30px;
	color: #989898;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -16px;
	height: 30px;
	cursor: pointer;
}

.slider-click.right {
	left: auto;
	right: 0;
}

.slider-click .arrow {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -5px;
	border-left: 1px currentColor solid;
	border-bottom: 1px currentColor solid;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.slider-click.right .arrow {
	left: auto;
	right: 3px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.slider-click .number {
	position: absolute;
	left: 10px;
	width: 53px;
}

.slider-click.right .number {
	left: auto;
	right: 10px;
}

.slider-click .left {
	text-align: right;
	float: left;
	width: 23px;
	height: 30px;
	position: relative;
	top: -8px;
}

.slider-click .right {
	float: right;
	width: 23px;
	height: 30px;
	position: relative;
	top: 8px;
}

.slider-click .middle {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background: currentColor;
	transform: rotate(22deg);
	-webkit-transform: rotate(22deg);
}

.slider-click:hover {
	color: #000;
}

.slider-click:hover .middle {
	height: 40px;
	margin-top: -20px;
}

.slider-click:hover .left {
	top: -4px;
}

.slider-click:hover .right {
	top: 4px;
}

.slider-click.disabled {
	opacity: 0;
	cursor: default;
}

.slider-click.light {
	color: rgba(255, 255, 255, .7);
}

.slider-click.light:hover {
	color: rgba(255, 255, 255, 1);
}

.slider-click .preview-entry {
	position: absolute;
	left: 63px;
	top: 50%;
	margin-top: -60px;
	z-index: 2;
	background-size: cover;
	background-position: center center;
	opacity: 0;
	transform: perspective(500px) rotateY(90deg);
	-webkit-transform: perspective(500px) rotateY(90deg);
	transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
	width: 160px;
	height: 120px;
}

.slider-click.right .preview-entry {
	transform: perspective(500px) rotateY(-90deg);
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform-origin: 100% 50%;
	-webkit-transform-origin: 100% 50%;
	left: auto;
	right: 63px;
}

.slider-click:hover .preview-entry.active {
	transform: perspective(1000px) rotateY(0deg);
	-webkit-transform: perspective(1000px) rotateY(0deg);
	opacity: 1;
}

/**/
.simple-article {
	font-size: 14px;
	line-height: 24px;
	color: #222;
}

.simple-article.small {
	font-size: 13px;
	line-height: 24px;
}

.simple-article.large {
	font-size: 15px;
	line-height: 24px;
}

.simple-article.light {
	color: #fff;
}

.simple-article.transparent {
	color: rgba(34, 34, 34, .7);
}

.simple-article.light.transparent {
	color: rgba(255, 255, 255, .7);
}

.button-close {
	width: 46px;
	height: 46px;
	background: #151515;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.button-close:before,
.button-close:after {
	width: 14px;
	height: 2px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -1px 0 0 -7px;
	content: "";
	background: #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.button-close:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.button-close:hover {
	background: #fff;
}

.button-close:hover:before,
.button-close:hover:after {
	background: #151515;
}

.button-link {
	font-size: 12px;
	line-height: 30px;
	color: rgba(157, 157, 157, 1);
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	padding: 0 30px;
}

.button-link.light {
	font-size: larger;
	font-weight: 400;
	text-transform: lowercase;
	color: inherit;
}

.button-link.dark {
	font-size: larger;
	font-weight: 400;
	text-transform: lowercase;
	color: black;
}

.button-link.dark:before,
.button-link.dark:after {

	background: rgba(66, 66, 66, 0.5);
}

.button-link:before,
.button-link:after {
	width: 16px;
	height: 1px;
	background: rgba(157, 157, 157, .5);
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
}

.button-link.light:before,
.button-link.light:after {
	background: rgba(229, 229, 229, 0.5);
}

.button-link:after {
	left: auto;
	right: 0px;
}

.button-link:hover:before {
	left: 5px;
	background: currentColor;
}

.button-link:hover:after {
	right: 5px;
	background: currentColor;
}

@media (max-width: 1360px) {
	.wide-container {
		padding: 0 50px;
	}
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {

	.page-height.tablets-initial,
	body.min-height .page-height.tablets-initial {
		height: auto !important;
	}

	.simple-slider {
		height: 600px;
	}
}

/*Phones (<768px)*/
@media (max-width: 767px) {

	.page-height.responsive-initial,
	body.min-height .page-height.responsive-initial {
		height: auto !important;
	}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
header {
	z-index: 10;
	position: relative;
	vertical-align: middle;
}


.logo {
	display: inline-block;
	font-size: x-large;
	height: 50px;
	line-height: 50px;
	margin-top: -20px;
	position: relative;
	top: 10px;
	vertical-align: bottom;
}

/* .logo img {
	display: inline-block;
	vertical-align: middle;
	max-height: 30px;
	width: auto;
	top: -2px;
	position: relative;
} */

.logo.responsive {
	display: none;
	position: absolute;
	left: 15px;
	top: 10px;
}

.navigation-wrapper {
	display: inline-block;
	margin-right: 65px;
}

.navigation-wrapper:last-child {
	margin-right: 0;
}

nav {
	/* display: block; */
	position: relative;
	z-index: 1;
	top: 3px;

	display: flex;
	align-items: center;
}

nav ul {
	display: contents;
}

@media (min-width: 992px) {
	nav li {
		float: left;
		position: relative;
	}

	nav>ul>li:not(:last-child) {
		margin-right: 65px;
	}

	nav>ul>li>a {
		font-size: 12px;
		line-height: 30px;
		color: #989898;
		text-transform: uppercase;
		position: relative;
		display: inline-block;
	}

	nav>ul ul {
		position: absolute;
		width: 200px;
		left: 50%;
		margin-left: -100px;
		top: 100%;
		padding: 15px 0;
		background: #222;
		opacity: 0;
		visibility: hidden;
		transform: translateX(10%);
		-webkit-transform: translateX(10%);
		display: block !important;
	}

	nav li:hover>ul {
		opacity: 1;
		border-radius: 15px;
		visibility: visible;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
	}

	nav>ul ul li {
		float: none;
		padding: 0 30px;
	}

	nav>ul ul li a,
	.megamenu a {
		display: block;
		font-size: 12px;
		line-height: 18px;
		padding: 10px 0;
		color: rgba(255, 255, 255, .7);
		text-transform: lowercase;
		position: relative;
	}

	nav>ul>li>ul>li>a {
		padding-right: 15px;
	}

	nav>ul>li>ul>li>a+.toggle-icon {
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3px 0 3px 4px;
		border-color: transparent transparent transparent rgba(255, 255, 255, .7);
		right: 30px;
		top: 14px;
		content: "";
	}

	nav>ul>li>ul>li.active>a+.toggle-icon {
		border-color: transparent transparent transparent #fff;
	}

	nav>ul ul li:hover>a,
	nav>ul ul li.active>a,
	.megamenu a:hover,
	.megamenu a.active {
		color: #fff;
	}

	nav>ul ul ul {
		left: 100%;
		margin-left: 2px;
		top: -15px;
	}

	.megamenu-wrapper {
		position: static;
	}

	.megamenu {
		position: absolute;
		width: 100%;
		min-width: 830px;
		right: 0;
		top: 100%;
		padding: 15px 0;
		background: #222;
		padding: 15px 30px;
		opacity: 0;
		visibility: hidden;
		transform: translateX(10%);
		-webkit-transform: translateX(10%);
		display: block !important;
	}

	nav li:hover>.megamenu {
		opacity: 1;
		visibility: visible;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
	}

	.megamenu .title {
		font-size: 15px;
		line-height: 21px;
		color: #fff;
		padding: 8px 0;
		text-transform: uppercase;
		display: block;
	}

	header.light nav>ul>li>a {
		color: rgba(255, 255, 255, .7);
	}

	header.light nav>ul>li:hover>a,
	header.light nav>ul>li.active>a {
		color: #fff;
	}
}

.hamburger-icon {
	width: 20px;
	height: 30px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-right: 45px;
	vertical-align: bottom;
}

.hamburger-icon:last-child {
	margin-right: 0;
}

.hamburger-icon span {
	width: 20px;
	height: 2px;
	background: #444;
	position: absolute;
	left: 0;
}


header.light .hamburger-icon span {
	background: #fff;
}

.hamburger-icon span:nth-child(1) {
	top: 8px;
}

.hamburger-icon:hover span:nth-child(1) {
	top: 6px;
}

.hamburger-icon span:nth-child(2) {
	top: 14px;
}

.hamburger-icon span:nth-child(3) {
	top: 20px;
}

.hamburger-icon:hover span:nth-child(3) {
	top: 22px;
}

.hamburger-icon.open-navigation {
	margin-right: 15px;
}

.hamburger-icon.open-navigation:last-child {
	margin-right: 0;
}

.hamburger-icon.open-navigation span {
	background: black;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	left: 13px;
}

.hamburger-icon.light span {
	background: #fff;
}

.open-navigation {
	display: none;
}

/*Desktops (>=992px)*/
@media (max-width: 1199px) {
	nav>ul>li:not(:last-child) {
		margin-right: 35px;
	}
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.navigation-wrapper {
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.open-navigation {
		display: inline-block;
	}

	.navigation-wrapper {
		position: fixed;
		top: 0;
		width: 274px;
		left: -274px;
		height: 100%;
		background: black;
		z-index: 10;
	}

	.navigation-wrapper:before {
		content: "";
		position: absolute;
		left: 0;
		top: 100%;
		margin-top: -1px;
		width: 100%;
		height: 300px;
		background: inherit;
	}

	.navigation-overflow {
		position: absolute;
		left: 0;
		top: 50px;
		bottom: 40px;
		right: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	body.open-menu .navigation-wrapper {
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
	}

	header .close-layer {
		position: fixed;
		left: -150px;
		top: -150px;
		right: -150px;
		bottom: -150px;
		background: rgba(0, 0, 0, .5);
	}

	header .close-layer .button-close {
		top: 150px;
		right: 150px;
	}


	.logo.responsive {
		display: block;
	}

	nav {
		padding: 0 15px;
		display: block;
	}

	nav li {
		margin: 0 !important;
		position: relative;
	}

	nav a {
		display: block;
		position: relative;
	}

	nav ul ul,
	.megamenu,
	.megamenu .rs-slide {
		padding-left: 15px;
	}

	.megamenu .row,
	.megamenu .row>*[class*="col"] {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	/* nav ul ul,
	.rs-slide,
	.megamenu {
		display: none;
		-webkit-transition: none !important;
		transition: none !important;
	} */

	/**/
	nav>ul>li>a {
		font-size: 20px;
		line-height: 22px;
		padding: 10px 30px 10px 0;
		text-transform: uppercase;
		color: #444;
	}

	nav>ul>li>a:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 1px;
		background: #ffffff00;
	}

	nav>ul>li.active>a:before,
	nav>ul>li:hover>a:before,
	nav a.selected:before {
		width: 100%;
	}

	/**/
	nav>ul>li>ul>li>a,
	.megamenu .title {
		font-size: 16px;
		line-height: 18px;
		padding: 10px 30px 10px 0;
		color: #989898;
	}

	nav>ul>li>ul li.active>a,
	nav>ul>li>ul li:hover>a,
	.megamenu .rs-slide a.active,
	.megamenu .rs-slide a:hover,
	.megamenu .title.active,
	.megamenu .title:hover {
		color: #444;
	}

	/**/
	nav ul ul ul a,
	.megamenu .rs-slide a {
		font-size: 14px;
		line-height: 18px;
		text-transform: none;
		color: #989898;
		padding: 5px 0 5px 15px;
	}

	nav ul ul ul a:before,
	.megamenu .rs-slide a:before {
		width: 3px;
		height: 3px;
		background: currentColor;
		position: absolute;
		left: 0px;
		top: 14px;
		content: "";
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	/**/
	nav .toggle-icon {
		width: 41px;
		height: 41px;
		position: absolute;
		right: -12px;
		top: 0;
		cursor: pointer;
		color: #444;
	}

	nav .toggle-icon:before {
		position: absolute;
		width: 17px;
		height: 1px;
		background: currentColor;
		left: 12px;
		top: 20px;
		content: "";
	}

	nav .toggle-icon:after {
		position: absolute;
		width: 1px;
		height: 17px;
		background: currentColor;
		left: 20px;
		top: 12px;
		content: "";
	}

	nav .toggle-icon.active:after {
		height: 0;
		top: 20px;
	}

	nav>ul>li>ul>li .toggle-icon,
	.megamenu .toggle-icon {
		color: #989898;
	}

	/**/
	header nav {
		overflow: hidden;
	}

	header nav>ul>li {
		-webkit-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
		transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	
	body.open-menu header nav>ul>li {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		opacity: 1;
	}

}

/*header type 1*/
header.type-1 {
	padding: 42.5px 35px;
	height: 115px;
}

@media (max-height: 700px) {
	header.type-1 {
		padding: 20px 15px;
		height: 70px;
	}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
	header.type-1 {
		padding: 10px 0;
		height: 50px;
		margin-bottom: 15px;
	}
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - OVERLAY MENUS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.overlay {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	bottom: 0px;
	visibility: hidden;
	opacity: 0;
	z-index: 11;
}

.overlay.frame {
	left: 30px;
	top: 30px;
	right: 30px;
	bottom: 30px;
	width: auto;
}

.overlay .animation-wrapper {
	background: rgba(34, 34, 34, .95);
	transform: scale(0.3);
	-webkit-transform: scale(0.3);
}

.overlay.active {
	visibility: visible;
	opacity: 1;
}

body.mobile .overlay {
	left: -100%;
}

body.mobile .overlay.active {
	left: 0%;
}

body.mobile .overlay.frame.active {
	left: 30px;
}

.overlay.active .animation-wrapper {
	transform: scale(1);
	-webkit-transform: scale(1);
}

.overlay .content-wrapper {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	opacity: 0;
}

.overlay.active .content-wrapper {
	opacity: 1;
}

.cell-view {
	display: table-cell;
	vertical-align: middle;
	width: 10000px;
}

.overlay .cell-view.page-height {
	padding: 50px 0 15px 0;
}

.overlay.frame .overlay-cell-align {
	margin-top: -60px;
}

.overlay.frame .cell-view.page-height {
	padding-top: 110px;
}

@media (min-width: 992px) {
	.overlay nav {
		display: block;
		margin-top: -8px;
	}

	.overlay nav>ul>li {
		padding-bottom: 26px;
		margin-right: 0;
	}

	.overlay nav>ul>li>a {
		font-size: 18px;
		color: #fff;
		line-height: 36px;
	}

	.overlay nav>ul>li>a:before {
		position: absolute;
		width: 0%;
		height: 1px;
		background: #fff;
		content: "";
		left: 0;
		bottom: 0;
	}

	.overlay nav>ul>li:hover>a:before,
	.overlay nav>ul>li.active>a:before {
		width: 100%;
	}

	.overlay nav li {
		float: none;
		margin-left: 0 !important;
	}
}

.overlay nav.single-column>ul>li:hover>a:before {
	width: 0;
}

.overlay nav.single-column>ul>li>a:hover:before,
.overlay nav.single-column>ul>li.active>a:before {
	width: 100%;
}

.overlay .megamenu-wrapper {
	position: relative;
}

.overlay .megamenu {
	right: auto;
	left: 100%;
	top: 0;
}

.overlay nav>ul>li:nth-child(4) .megamenu,
.overlay nav>ul>li:nth-child(5) .megamenu,
.overlay nav>ul>li:nth-child(6) .megamenu,
.overlay nav>ul>li:nth-child(7) .megamenu,
.overlay nav>ul>li:nth-child(8) .megamenu {
	top: auto;
	bottom: 0;
}

.overlay nav>ul>li>ul {
	left: 100%;
	margin-left: 0;
	top: 0;
}

.overlay nav>ul>li:nth-child(4)>ul,
.overlay nav>ul>li:nth-child(5)>ul,
.overlay nav>ul>li:nth-child(6)>ul,
.overlay nav>ul>li:nth-child(7)>ul,
.overlay nav>ul>li:nth-child(8)>ul {
	top: auto;
	bottom: 0;
}

.overlay .button-close {
	position: fixed;
	z-index: 2;
}

.overlay.frame .button-close {
	top: 30px;
	right: 30px;
}


/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.overlay nav {
		padding: 0;
	}

	/**/
	.overlay nav>ul>li>a {
		color: #fff;
	}

	.overlay nav>ul>li>a:before {
		background: #fff;
	}

	/**/
	.overlay nav>ul>li>ul>li>a,
	.overlay .megamenu .title {
		color: rgba(255, 255, 255, .5);
	}

	.overlay nav>ul>li>ul li.active>a,
	.overlay nav>ul>li>ul li:hover>a,
	.overlay .megamenu .rs-slide a.active,
	.overlay .megamenu .rs-slide a:hover,
	.overlay .megamenu .title.active,
	.overlay .megamenu .title:hover {
		color: #fff;
	}

	/**/
	.overlay nav .toggle-icon {
		color: #fff;
	}

	.overlay nav>ul>li>ul>li .toggle-icon,
	.overlay .megamenu .toggle-icon {
		color: rgba(255, 255, 255, .5);
	}

	/**/
	.overlay nav.single-column>ul>li>a {
		padding-right: 0;
		display: inline-block;
	}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
	.overlay.frame {
		left: 15px;
		top: 15px;
		right: 15px;
		bottom: 15px;
	}

	.overlay.frame .overlay-cell-align {
		margin-top: -30px;
	}

	.overlay.frame .cell-view.page-height {
		padding-top: 80px;
	}

	.overlay.frame .button-close {
		top: 15px;
		right: 15px;
	}

	body.mobile .overlay.frame.active {
		left: 15px;
	}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
footer {
	padding: 15px 0 10px 0;
	/* background: #222; */
	line-height: 30px;
	position: relative;
	z-index: 1;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - HOMEPAGE 2 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.homepage-2-container {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.homepage-2-slider {
	position: absolute;
	width: 100%;
	left: 0%;
	top: 100px;
	bottom: 100px;
}

.homepage-2-slider .swiper-container {
	/* margin: 0 155px; */
	height: 100%;
}

.homepage-2-slider .entry {
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}

.homepage-2-slider .entry:before {
	display: none;
}

.homepage-2-slider .entry:after {
	background: rgba(0, 0, 0, .4);
}

.homepage-2-slider .swiper-container:hover .entry:after {
	background: rgba(0, 0, 0, .6);
}

body.mobile .homepage-2-slider .swiper-container .entry:after {
	background: rgba(0, 0, 0, .6);
	display: block;
}

/* .  */

/* .homepage-2-slider .text {
	text-align: center;
	padding: 0 50px;
	width: 100%;
	position: relative;
	z-index: 1;
	display: block;
} */

.homepage-2-pagination {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 140px;
	vertical-align: middle;
	text-align: center;
	padding: 55px 0;
}

.homepage-2-pagination .slider-click-label {
	font-size: 12px;
	line-height: 30px;
	text-transform: capitalize;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	color: rgba(255, 255, 255, .7);
	padding: 0 45px;
	position: relative;
}

.homepage-2-pagination .slider-click-label:after {
	width: 16px;
	height: 1px;
	background: rgba(255, 255, 255, .2);
	content: "";
	position: absolute;
	top: 14px;
	right: -8px;
}

.homepage-2-pagination .slider-click-label:first-child {
	padding-left: 0;
}

.homepage-2-pagination .slider-click-label:last-child {
	padding-right: 0;
}

.homepage-2-pagination .slider-click-label:last-child:after {
	display: none;
}

.homepage-2-pagination .slider-click-label.active,
.homepage-2-pagination .slider-click-label:hover {
	color: #fff;
}

.homepage-2-slider .arrows-align-wrapper {
	position: relative;
	top: 50%;
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.homepage-2-slider .swiper-container {
		margin: 0 60px;
	}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
	.homepage-2-slider .swiper-container {
		margin: 0;
	}

	.homepage-2-slider {
		position: relative;
		top: auto;
		bottom: auto;
		height: 360px;
		z-index: 1;
	}

	.homepage-2-container {
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		position: relative;
	}

	.homepage-2-pagination {
		position: relative;
		height: auto;
		padding: 15px 60px;
		min-height: 55px;
	}

	.homepage-2-pagination .slider-click-label {
		display: block;
		padding: 0;
	}

	.homepage-2-pagination .slider-click-label:after {
		display: none;
	}

	.homepage-2-slider .arrows-align-wrapper {
		top: 108%;
	}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 16 - HOMEPAGE 12 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.homepage-2-slider .animated-frame-entry {
	position: absolute;
	height: 100%;
	left: 115px;
	right: 115px;
}

.homepage-2-slider .animated-frame-entry>.align {
	height: inherit;
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
}

.homepage-2-slider .layer-entry {
	position: absolute;
	left: 0;
	right: 0;
	top: 70px;
	bottom: 70px;
	color: #222;
	background-size: cover;
	background-position: center center;
}

.homepage-2-slider .layer-entry:last-child {
	overflow: hidden;
	color: #fff;
}

.homepage-2-slider .layer-entry:last-child:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 0, 0, 0);
}

.homepage-2-slider .layer-entry>.align {
	position: absolute;
	left: 90px;
	right: 90px;
	top: -70px;
	bottom: -70px;
}

.homepage-2-slider .animated-frame {
	border: 2px currentColor solid;
	border-radius: 2px;
	text-align: center;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

.homepage-2-slider .animated-frame .title {
	padding: 10px 15px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	width: 568px;
	left: 50%;
	margin-left: -284px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

@media (min-width: 992px) {
	.homepage-2-slider .animated-frame-entry>.align:hover .layer-entry>.align {
		top: 10px;
		bottom: 10px;
	}

	/* .homepage-2-slider .animated-frame-entry>.align:hover .animated-frame {
		width: 568px;
	} */

	.homepage-2-slider .animated-frame-entry>.align:hover .animated-frame .title {
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.homepage-2-slider .animated-frame-entry>.align:hover .layer-entry:last-child:before {
		background: rgba(0, 0, 0, .3);
	}

	.animated-frame-entry .title,
	.animated-frame-entry .layer-entry:last-child:before,
	.animated-frame-entry .align,
	.animated-frame-entry .animated-frame,
	.animated-frame-entry .align,
	.animated-frame-entry .animated-frame {
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.homepage-2-slider .animated-frame-entry {
		left: 60px;
		right: 60px;
	}

	.homepage-2-slider .layer-entry>.align {
		left: 30px;
		right: 30px;
	}

	.homepage-2-slider .animated-frame .title {
		position: relative;
		left: auto;
		margin: 0;
		width: auto;
	}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
	.homepage-2-slider .animated-frame-entry {
		left: 0;
		right: 0;
	}

	.homepage-2-slider .layer-entry>.align {
		left: 15px;
		right: 15px;
	}

	.homepage-2-slider .animated-frame .title {
		padding: 0px 15px;
	}

	.homepage-2-slider .layer-entry {
		top: 60px;
		bottom: 15px;
	}

	.homepage-2-slider .layer-entry>.align {
		color: black;
		top: 15px;
		bottom: 15px;
	}

	.homepage-2-container .homepage-2-slider .wide-container {
		margin-top: 100px;
	}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 18 - HOMEPAGE 14 */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.banner-text-bottom.align-1 {
	position: absolute;
	left: 45px;
	bottom: 35px;
	width: 30%;
}

.banner-text-bottom.align-2 button {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 15px;
	color: white;
	padding: 5px 15px;
	margin-bottom: 50px;
	width: 100px;
	font-size: 50px;
	text-decoration: none;
	transform: rotate(-90deg);
	transition: 0.2s all linear;
}

.banner-text-bottom.align-2 button:hover {
	margin-bottom: 30px;

}

.banner-text-bottom.align-2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	left: 35%;
	width: 30%;
	bottom: 35px;
	text-align: center;
}

/* .banner-text-top.align-2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	left: 35%;
	width: 30%;
	top: 35px;
	text-align: center;
} */

.banner-text-bottom.align-3 {
	position: absolute;
	right: 45px;
	bottom: 35px;
	width: 30%;
	text-align: right;
}

.banner-text-bottom.align-3 .inside-align {
	display: inline-block;
	text-align: left;
}

/*Phones (<768px)*/
/* @media (max-width: 767px) {
	.homepage-14-slider {
		left: 15px !important;
		right: 15px !important;
		bottom: 15px;
		top: 65px;
	}
} */




/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 24 - HOMEPAGE 2.6 */
/*-------------------------------------------------------------------------------------------------------------------------------*/


.homepage-portfolio-preview-1 {
	max-width: 570px;
	margin: 0 auto;
	/* margin-bottom: 30px; */
}

.homepage-portfolio-preview-1 a {
	display: block;
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
}

.homepage-portfolio-preview-1 a[target='_blank'] {
	padding-bottom: 0;
}

.homepage-portfolio-preview-1 .background {
	background-size: cover;
	background-position: center center;
	width: auto;
	left: 0;
	right: -1px;
}

.homepage-portfolio-preview-1 .text {
	position: absolute;
	left: 0;
	bottom: 0;
	right: -1px;
	background: #222;
	padding: 35px 40px;
	min-height: 140px;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}

.homepage-portfolio-preview-1.new-animation .text {
	bottom: auto;
	top: 0;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}

/* .homepage-portfolio-preview-1 .label {
	padding: 35px 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: left;
} */

/* .homepage-portfolio-preview-1:hover .background {
	transform: translateY(-139px);
	-webkit-transform: translateY(-139px);
} */

.homepage-portfolio-preview-1:hover .text {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}

/* .homepage-portfolio-preview-1.new-animation:hover .background {
	transform: translateY(139px);
	-webkit-transform: translateY(139px);
} */

.homepage-portfolio-preview-1.new-animation:hover .text {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}




/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 27 - ABOUT 2 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.full-size-banner-entry {
	background-size: cover;
	background-position: center center;
}

.full-size-banner-entry:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .45);
}

/* .full-size-banner-entry.style-1:before {
	display: none;
}

.full-size-banner-entry.style-2:before {
	background: rgba(0, 0, 0, .2);
} */

.valign-text-wrapper {
	padding: 0 15px;
	width: 100%;
}

.banner-max-width {
	max-width: 570px;
	margin: 0 auto;
}




/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 35 - PORTFOLIO 1 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.sorting-container {
	min-height: 66vh;
}

.sorting-item,
.grid-sizer {
	position: relative;
}

.portfolio-1-wrapper {
	max-width: 1910px;
	margin: 0 auto;
}

.portfolio-1 {
	margin: 15px 25px;
}

.portfolio-1 .sorting-item {
	padding: 05px;
}

.portfolio-1 .sorting-item,
.portfolio-1 .grid-sizer {
	width: 33.33333333%;
}

.sorting-menu.style-1 {
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
	color: #989898;
}

.sorting-menu.style-1 a {
	/* border: 1px solid black; */
	color: black;
	/* background-color: white; */
	/* border-radius: 15px; */
	display: inline-block;
	padding: 0 20px;
	margin: 0 12px;
	position: relative;
}

/* .sorting-menu.style-1 a.active {
	color: white;
} */

.sorting-menu.style-1 a:hover {
	color: #7b7b7b;
}

.sorting-menu.style-1 a.active {
	border-bottom: 1px solid black;
}

.sorting-menu.style-1 .responsive-filtration-title,
.sorting-menu.style-3 .responsive-filtration-title {
	color: #222;
	line-height: 40px;
	font-size: 16px;
	position: relative;
	border-bottom: 1px #222 solid;
	cursor: pointer;
}

.sorting-menu.style-1 .responsive-filtration-title .fa,
.sorting-menu.style-3 .responsive-filtration-title .fa {
	width: 40px;
	height: 40px;
	line-height: 40px;
	vertical-align: bottom;
	text-align: center;
	position: relative;
	top: -2px;
}

.sorting-menu.style-1 .responsive-filtration-title.active .fa,
.sorting-menu.style-3 .responsive-filtration-title.active .fa {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

.sorting-menu.style-1 .responsive-filtration-toggle li {
	display: inline-block;
}

.sorting-menu.style-1 .responsive-filtration-toggle li:not(:last-child):after {
	content: "";
	position: absolute;
	background-color: #ccc;
	height: 30px;
	width: 1px;
}


@media (max-width: 1199px) {

	.portfolio-1 .sorting-item,
	.portfolio-1 .grid-sizer {
		width: 50%;
	}
}

/* Tablets (>=768px)*/
@media (max-width: 991px) {
	.portfolio-1 {
		margin: 0 15px;
	}

	.portfolio-1 .sorting-item {
		padding: 15px;
	}
}

/*Phones (<768px)*/
@media (max-width: 767px) {

	.portfolio-1 .sorting-item,
	.portfolio-1 .grid-sizer {
		width: 100%;
	}

	.portfolio-1 .sorting-item {
		padding: 0;
		margin-bottom: 15px !important;
	}

	.sorting-menu.style-1 {
		max-width: 300px;
		margin: 0 auto;
	}

	.sorting-menu.style-1 .responsive-filtration-toggle li:not(:last-child):after {
		display: none;
	}
	/* .sorting-menu.style-1 .responsive-filtration-toggle {
		display: none;
	} */

	.sorting-menu.style-1 .responsive-filtration-title.active+.responsive-filtration-toggle {
		display: block;
	}

	.sorting-menu.style-1 .responsive-filtration-toggle li {
		display: inline-block;
		margin-top: 5px;
	}
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 55 - CSS ANIMATIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* .class {
	-webkit-transition: none;
	transition: none;
} */

.hamburger-icon span,
.hamburger-icon.open-navigation:before,
.slider-click,
.slider-click *,
.button,
.button:after,
.button:before,
.mouseover:after,
.mouseover-helper-icon,
.follow .entry,
.follow .entry:before,
nav>ul ul,
.megamenu,
.overlay nav>ul>li>a:before,
.button-close,
.button-close:before,
.button-close:after,
nav>ul>li>a:before,
.toggle-icon:after,
.slider-click .preview .entry,
.mouseover-simple:after,
.mouseover-simple:before,
.button-link:before,
.button-link:after,
.slice-slider-container .pagination .point,
.slice-slider-container .pagination .point:before,
.slide-title-small,
.copyright a,
.client-entry .client-logo,
.client-entry .client-thumbnail,
header,
.sorting-menu a,
.sorting-menu a:after,
.portfolio-detail-related-entry .background:before,
.square-hamburger-icon span,
.play-button:before,
.portfolio-arrow,
.responsive-filtration-toggle,
.footer-nav a,
.page-pagination a,
.tag-button,
.loaded .homepage-7-slider .slide-text-label,
.banner-menu-a {
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.loaded .homepage-1-slider .slide-content,
.loaded .homepage-1-slider .slide-content .background-wrapper .entry,
.loaded .homepage-1-slider .slide-content .text,
.loaded .homepage-1-slider .slide-content .tags,
.mouseover-helper-frame:before,
.mouseover-helper-frame:after,
.overlay-thumbnail img,
.toggle-visibility,
body.loaded .slider-click-label,
.pagination-slider-wrapper,
.homepage-4-slider .swiper-button,
.homepage-5-slider .entry,
.homepage-5-slider .entry .slide-title,
.homepage-5-slider .entry .slide-description,
.button-link,
.homepage-2-6-slider .background,
.homepage-2-6-slider .text,
.homepage-portfolio-preview-1 .background,
.homepage-portfolio-preview-1 .text,
.team-thumbnail,
.services-banner-icon-text .visible-1,
.services-banner-icon-text .visible-2,
.portfolio-arrow span,
.homepage-4-slider .entry .background-wrapper:before,
.awards-slider .award-date,
.awards-slider .background,
.portfolio-detail-related-entry *,
.blog-category,
.blog-landing-entry-1,
.article-likes-title .number,
.services-square-entry .layer-2,
.services-preview-entry:before,
.services-preview-entry .animation,
.services-preview-entry .align-2 {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loaded .overlay .animation-wrapper,
.loaded .overlay .content-wrapper,
.homepage-4-slider .entry .text,
.homepage-4-slider .entry .slide-title,
.homepage-4-slider .entry .slide-description,
.homepage-6-slider .entry:before,
.homepage-4-slider .entry .background-wrapper {
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.loaded .homepage-1-backgrounds .entry {
	-webkit-transition: all .8s ease-out;
	transition: all .8s ease-out;
}

/*transition delay*/
.mouseover:hover .mouseover-helper-frame:before,
.mouseover:hover .mouseover-helper-frame:after,
.mouseover:after,
.mouseover-helper-icon,
.mouseover-helper-frame {
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}

.loaded .overlay {
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}

.loaded .overlay.active .content-wrapper,
.loaded .overlay .animation-wrapper {
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}

.loaded .overlay.active,
.loaded .overlay.active .animation-wrapper,
.mouseover:hover .mouseover-helper-icon,
.mouseover:hover:before,
.mouseover:hover:after {
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}

.homepage-5-slider .entry .slide-description {
	transition-delay: 0.15s;
	-webkit-transition-delay: 0.15s;
}

.button-link {
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}

.homepage-2-6-slider .entry:hover .background,
.homepage-2-6-slider .entry .text {
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
}

.homepage-2-6-slider .entry:hover .text {
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}

/* .homepage-portfolio-preview-1:hover .background,
.homepage-portfolio-preview-1 .text {
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
} */

.homepage-portfolio-preview-1:hover .text {
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}

.client-entry:hover .client-thumbnail,
.client-entry .client-logo {
	transition-delay: .3s;
	-webkit-transition-delay: .15s;
}

.client-entry:hover .client-logo {
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}

/*easing*/
.homepage-4-slider .entry .background-wrapper,
.homepage-4-slider .entry .text,
.homepage-4-slider .entry .slide-title,
.homepage-4-slider .entry .slide-description,
.homepage-2-6-slider .background,
.homepage-2-6-slider .text,
.homepage-portfolio-preview-1 .background,
.homepage-portfolio-preview-1 .text,
.services-square-entry .layer-2 {
	transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
	-webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
}