:root {
	--main-bg-color: #0a0a0a;
	--main-color: #c17f2d;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
#ball,
.ptr-prel-content,
.ph-caption-title-ghost,
.ph-caption-subtitle,
.ph-caption-description,
.ph-categories,
.ph-share-trigger,
.yk-scroll-down,
.yk-main-menu-list,
.yk-m-menu-toggle-btn-text,
.yk-ol-menu-toggle-btn-text,
.yk-ol-menu-list,
.yk-ol-menu-ghost,
.yk-ol-menu-social,
.yk-heading,
.yk-ps-caption-category,
.yk-ps-nav-pagination,
.yk-pc-navigation,
.yk-cc-pagination,
.yk-phc-item::before,
.yk-phc-counter,
.pli-counter,
.ptl-item-caption::before,
.ptl-item-caption-inner,
.ykgr-cat-trigger-wrap,
.ykgr-cat-list,
.ykgr-cat-classic-nav,
.pi-item-title-link-inner,
.pi-item-title-link::before,
.portfolio-interactive-ghost,
.pspl-item-title-link-inner,
.pspl-item-title-link::before,
.project-info-list,
.yk-pn-link,
.yk-pn-subtitle,
.yk-pagination,
.yk-np-ghost,
.yk-bp-nav-text,
.yk-scrolling-text,
.yk-scrolling-btn,
#blog-list.bli-compact .bli-info::before,
#service-list.serv-compact .serv-info::before,
.footer-social-text {
	font-family: 'Syne', sans-serif;
}

p {
	margin: 0 0 30px;
}
a {
	color: currentColor;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus {
	color: currentColor;
}
p a { 
	color: currentColor;
	opacity: .8;
	font-style: italic;
	border-bottom: 1px solid;
}
p a:hover,
p a:focus { 
	color: currentColor;
	opacity: .6;
}
figure {
	position: relative;
	margin: 0;
}
figure img {
	width: 100%;
	height: auto;
}
figcaption {
	position: relative;
	font-size: 14px;
	font-style: italic;
	line-height: 1.3;
	color: #fff;
	padding: 15px;
	max-width: 600px;
	opacity: .8;
	z-index: 9;
}
figcaption a {
	border-bottom: 1px dotted;
}
figcaption a:hover {
	opacity: .9;
}
img {
	max-width: 100%;
	height: auto;
}
.grayscale {
	filter: grayscale(70%);
}
b, strong {
	font-weight: bold;
	font-weight: 700;
}
section { 
	position: relative; 
}

button {}
button:focus { 
	outline: none; 
}

.small, small {
	font-size: 80%;
}

hr {
	width: 100%;
	height: 0;
	border: none;
	border-bottom: 1px solid rgb(144 144 144 / 30%);
}
.ht, h5 {
	font-size: 26px;
	font-weight: 600;
	line-height: 1.4;
	color: inherit;
	margin-top: 10px;
	margin-bottom: 30px;
}
.anim-image-parallax {
	transform: scale(1.2);
	transform-origin: 50% 100%;
}
.text-gray {
	color: #b9b9b9 !important;
}
/* Maximum Width Style ---------------------------- */
.max-width-600 {
	max-width: 600px !important;
}
.max-width-800 {
	max-width: 800px !important;
}
.max-width-900 {
	max-width: 900px !important;
}
.max-width-1000 { 
	max-width: 1000px !important;
}
/* Selection */
::selection {
	color: #fff;
	text-shadow: none;
	background: var(--main-color);
}
::-moz-selection {
	color: #fff;
	text-shadow: none;
	background: var(--main-color); /* Firefox */
}
::-webkit-selection {
	color: #fff;
	text-shadow: none;
	background: var(--main-color); /* Safari */
}
/* Disable scroll */
.yk-no-scroll {
	overflow-y: hidden !important;
}

.yk-hidden {
	display: none !important;
}
/* Cover 
========= */
.yk-cover:before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}


/* Cover opasity
================= */
[class*="cover-opacity-"]::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #040404;
	z-index: 1;
	opacity: 0;
}

.cover-opacity-0::before { opacity: 0; }
.cover-opacity-0-5::before { opacity: .05; }
.cover-opacity-1::before { opacity: .1; }
.cover-opacity-1-5::before { opacity: .15; }
.cover-opacity-2::before { opacity: .2; }
.cover-opacity-2-5::before { opacity: .25; }
.cover-opacity-3::before { opacity: .3; }
.cover-opacity-3-5::before { opacity: .35; }
.cover-opacity-4::before { opacity: .4; }
.cover-opacity-4-5::before { opacity: .45; }
.cover-opacity-5::before { opacity: .5; }
.cover-opacity-5-5::before { opacity: .55; }
.cover-opacity-6::before { opacity: .6; }
.cover-opacity-6-5::before { opacity: .65; }
.cover-opacity-7::before { opacity: .7; }
.cover-opacity-7-5::before { opacity: .75; }
.cover-opacity-8::before { opacity: .8; }
.cover-opacity-8-5::before { opacity: .85; }
.cover-opacity-9::before { opacity: .9; }
.cover-opacity-9-5::before { opacity: .95; }

.yk-next-project.np-image-cover-0 .yk-np-image::before { opacity: 0 !important; }
.yk-next-project.np-image-cover-0-5 .yk-np-image::before { opacity: .05 !important; }
.yk-next-project.np-image-cover-1 .yk-np-image::before { opacity: .1 !important; }
.yk-next-project.np-image-cover-1-5 .yk-np-image::before { opacity: .15 !important; }
.yk-next-project.np-image-cover-2 .yk-np-image::before { opacity: .2 !important; }
.yk-next-project.np-image-cover-2-5 .yk-np-image::before { opacity: .25 !important; }
.yk-next-project.np-image-cover-3 .yk-np-image::before { opacity: .3 !important; }
.yk-next-project.np-image-cover-3-5 .yk-np-image::before { opacity: .35 !important; }
.yk-next-project.np-image-cover-4 .yk-np-image::before { opacity: .4 !important; }
.yk-next-project.np-image-cover-4-5 .yk-np-image::before { opacity: .45 !important; }
.yk-next-project.np-image-cover-5 .yk-np-image::before { opacity: .5 !important; }
.yk-next-project.np-image-cover-5-5 .yk-np-image::before { opacity: .55 !important; }
.yk-next-project.np-image-cover-6 .yk-np-image::before { opacity: .6 !important; }
.yk-next-project.np-image-cover-6-5 .yk-np-image::before { opacity: .65 !important; }
.yk-next-project.np-image-cover-7 .yk-np-image::before { opacity: .7 !important; }
.yk-next-project.np-image-cover-7-5 .yk-np-image::before { opacity: .75 !important; }
.yk-next-project.np-image-cover-8 .yk-np-image::before { opacity: .8 !important; }
.yk-next-project.np-image-cover-8-5 .yk-np-image::before { opacity: .85 !important; }
.yk-next-project.np-image-cover-9 .yk-np-image::before { opacity: .9 !important; }
.yk-next-project.np-image-cover-9-5 .yk-np-image::before { opacity: .95 !important; }

/* yk-Arrows ------------------------------------------------------------- */

[class*="yk-arrow"] {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 2px;
	box-shadow: inset 0 0 0 40px;
	margin: 10px;
	color: #fff;
}

[class*="yk-arrow"]:before, 
[class*="yk-arrow"]:after {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	width: 12px;
	height: 2px;
	box-shadow: inset 0 0 0 40px;
}
[class*="yk-arrow"]:before {
	top: 0px;
	transform: rotate(-45deg);
	transform-origin: bottom left;
}
[class*="yk-arrow"]:after {
	bottom: 0px;
	transform: rotate(45deg);
	transform-origin: top left;
}
.yk-arrow-left {
	/* Left is devault angle */
}
.yk-arrow-right {
	transform: rotate(180deg);
}
.yk-arrow-up {
	transform: rotate(90deg);
}
.yk-arrow-down {
	transform: rotate(270deg);
}
.yk-arrow-left-up {
	transform: rotate(45deg);
}
.yk-arrow-left-down {
	transform: rotate(320deg);
}
.yk-arrow-right-up {
	transform: rotate(135deg);
}
.yk-arrow-right-down {
	transform: rotate(225deg);
}

/* Button  -------------------------------- */
button {
	background-color: transparent;
	cursor: pointer;
	border: none;
}
.yk-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	margin: 15px 15px 15px 0;
	padding: 0 30px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-weight: 500;
	background-color: transparent;
	border: none;
	border-radius: 100px;
	cursor: pointer;
	overflow: hidden;
	z-index: 9;
}
.yk-btn:last-child {
	margin-right: 0;
}
.yk-btn > * {
	position: relative;
	color: #fff;
	transition: transform 0.3s;
}
.yk-btn > *,
.yk-btn > *::after {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	line-height: 1;
}
.yk-btn > *::after {
	position: absolute;
	content: attr(data-hover);
	top: 100%;
	width: 100%;
	left: 0;
	padding-left: 0;
	padding-right: 0;
}
.yk-btn:hover > *:not(.yk-btn-icon) {
	transform: translate3d(0, -100%, 0);
}
/* Button icon (works with "yk-btn-link" only!) ------------ */
.yk-btn-icon {
	display: inline-flex;
}
.yk-btn-icon:first-child {
	margin-right: 10px;
}
.yk-btn-icon:last-child {
	margin-left: 10px;
}
/* Button link */
.yk-btn-link {
	padding: 0;
	align-items: center;
	font-weight: normal;
	border-radius: 0;
}
.yk-btn-link > *,
.yk-btn-link > *::after {
	padding: 0;
	line-height: 1.6;
	color: #FFF;
}
.yk-btn-link:hover > *,
.yk-btn-link:hover > *::after {
	color: #fff;
}
a.yk-link {
	background-repeat: no-repeat;
	background-image: -o-linear-gradient(transparent calc(100% - 1px),currentColor 1px);
	background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
	background-image: -ms-linear-gradient(transparent 100%,currentColor 1px);
	transition: 0.6s cubic-bezier(.215,.61,.355,1) !important;
	background-size: 0 100%;
	border: none;
	opacity: 1;
}
a.yk-link:hover,
a.yk-link:focus {
	background-size: 100% 100%;
	opacity: 1;
}
/* Button line (alternative to the icon)
=============== */
.yk-btn-line {
	display: inline-block;
	width: 40px;
	height: 1px;
	background-color: #FFF;
	margin-top: 2px;
}
body:not(.is-mobile) .yk-btn:hover .yk-btn-line {
	animation: swipe-line .8s cubic-bezier(0.475, 0.425, 0, 0.995) forwards;
}

@keyframes swipe-line {
	0% {
		transform-origin: right;
		transform: scale(1); 
	}
	33% {
		transform-origin: right;
		transform: scaleX(0); 
	}
	66% {
		transform-origin: left;
		transform: scaleX(0); 
	}
	to {
		transform-origin: left;
		transform: scale(1); } 
}
/* Button disabled */
.yk-btn.yk-btn-disabled {
	opacity: .4;
	cursor: not-allowed;
}
.yk-btn-primary {
	background-color: var(--main-color);
}
.yk-btn-primary > *,
.yk-btn-primary > *::after {
	color: #fff;
}
.yk-btn-primary:hover > * {
	color: #fff;
}
.text-center {
	text-align: center;
}
/* Scrolling button
==================== */
.yk-scrolling-btn {
	position: relative;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 300px;
	line-height: 0;
	z-index: 9;
}
.scr-btn-icon {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	font-size: 18px;
	color: #999;
	transform: translate(-50%, -50%);
	transition: color .2s;
}
.yk-scrolling-btn:hover .scr-btn-icon {
	color: #fff;
}
.scr-btn-spinner {
	
}
.yk-scrolling-btn svg {
	width: 100%;
}
.scr-btn-text {
	font-size: 45px;
	font-weight: 700;
	letter-spacing: 13px;
	text-transform: uppercase;
	fill: #bbb;
	transition: fill .2s;
}
.yk-scrolling-btn:hover .scr-btn-text {
	fill: #fff;
}


/* Social buttons ------------------------------------------------------------- */
.social-buttons {
}
.social-buttons ul {
	display: inline-flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-buttons ul > li {
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	margin: 0 2px;
}
.social-buttons ul > li:first-child {
	margin-left: 0;
}
.social-buttons ul > li:last-child {
	margin-right: 0;
}
.social-buttons > ul > li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-size: 15px;
	font-weight: 600;
	color: #eaeaea;
	transition: opacity 0.2s;
}
body:not(.yk-magic-cursor) .social-buttons > ul:hover > li a {
	opacity: .5;
}
body:not(.yk-magic-cursor) .social-buttons > ul > li a:hover {
	opacity: 1;
}

/* Page header image cover opasity */
[class*="ph-image-cover-"] .ph-image-inner::before {
	position: absolute;
	display: block;
	content: "";
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	background-color: #040404;
	z-index: 1;
	opacity: 0;
}
.ph-image-cover-0 .ph-image-inner::before { opacity: 0; }
.ph-image-cover-0-5 .ph-image-inner::before { opacity: .05; }
.ph-image-cover-1 .ph-image-inner::before { opacity: .1; }
.ph-image-cover-1-5 .ph-image-inner::before { opacity: .15; }
.ph-image-cover-2 .ph-image-inner::before { opacity: .2; }
.ph-image-cover-2-5 .ph-image-inner::before { opacity: .25; }
.ph-image-cover-3 .ph-image-inner::before { opacity: .3; }
.ph-image-cover-3-5 .ph-image-inner::before { opacity: .35; }
.ph-image-cover-4 .ph-image-inner::before { opacity: .4; }
.ph-image-cover-4-5 .ph-image-inner::before { opacity: .45; }
.ph-image-cover-5 .ph-image-inner::before { opacity: .5; }
.ph-image-cover-5-5 .ph-image-inner::before { opacity: .55; }
.ph-image-cover-6 .ph-image-inner::before { opacity: .6; }
.ph-image-cover-6-5 .ph-image-inner::before { opacity: .65; }
.ph-image-cover-7 .ph-image-inner::before { opacity: .7; }
.ph-image-cover-7-5 .ph-image-inner::before { opacity: .75; }
.ph-image-cover-8 .ph-image-inner::before { opacity: .8; }
.ph-image-cover-8-5 .ph-image-inner::before { opacity: .85; }
.ph-image-cover-9 .ph-image-inner::before { opacity: .9; }
.ph-image-cover-9-5 .ph-image-inner::before { opacity: .95; }

/* Padding Classes ---------------------------------------- */



/* Max- width classes --------------------------------------- */

.max-width-1600 {
	max-width: 1600px !important;
}
/* ------------------------------------------------------------- *
 * Margin classes
/* ------------------------------------------------------------- */

.margin-auto { 
	margin-left: auto !important; 
	margin-right: auto !important; 
}
.margin-0 { margin: 0px !important }
.margin-5 { margin: 5px !important; }
.margin-10 { margin: 10px !important; }
.margin-15 { margin: 15px !important; }
.margin-20 { margin: 20px !important; }
.margin-25 { margin: 25px !important; }
.margin-30 { margin: 30px !important; }
.margin-35 { margin: 35px !important; }
.margin-40 { margin: 40px !important; }
.margin-45 { margin: 45px !important; }
.margin-50 { margin: 50px !important; }
.margin-55 { margin: 55px !important; }
.margin-60 { margin: 60px !important; }
.margin-65 { margin: 65px !important; }
.margin-70 { margin: 70px !important; }
.margin-75 { margin: 75px !important; }
.margin-80 { margin: 80px !important; }
.margin-85 { margin: 85px !important; }
.margin-100 { margin: 80px !important; }
.margin-105 { margin: 105px !important; }
.margin-110 { margin: 110px !important; }
.margin-115 { margin: 115px !important; }
.margin-120 { margin: 120px !important; }
.margin-125 { margin: 125px !important; }
.margin-130 { margin: 130px !important; }
.margin-135 { margin: 135px !important; }
.margin-140 { margin: 140px !important; }
.margin-145 { margin: 145px !important; }
.margin-150 { margin: 150px !important; }
.margin-155 { margin: 155px !important; }
.margin-160 { margin: 160px !important; }
.margin-165 { margin: 165px !important; }
.margin-170 { margin: 170px !important; }
.margin-175 { margin: 175px !important; }
.margin-180 { margin: 180px !important; }
.margin-185 { margin: 185px !important; }
.margin-190 { margin: 190px !important; }
.margin-195 { margin: 195px !important; }
.margin-200 { margin: 200px !important; }

/* margin top */
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-25 { margin-top: 25px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-35 { margin-top: 35px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-45 { margin-top: 45px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-55 { margin-top: 55px !important; }
.margin-top-60 { margin-top: 60px !important; }
.margin-top-65 { margin-top: 65px !important; }
.margin-top-70 { margin-top: 70px !important; }
.margin-top-75 { margin-top: 75px !important; }
.margin-top-80 { margin-top: 80px !important; }
.margin-top-85 { margin-top: 85px !important; }
.margin-top-100 { margin-top: 100px !important; }
.margin-top-105 { margin-top: 105px !important; }
.margin-top-110 { margin-top: 110px !important; }
.margin-top-115 { margin-top: 115px !important; }
.margin-top-120 { margin-top: 120px !important; }
.margin-top-125 { margin-top: 125px !important; }
.margin-top-130 { margin-top: 130px !important; }
.margin-top-135 { margin-top: 135px !important; }
.margin-top-140 { margin-top: 140px !important; }
.margin-top-145 { margin-top: 145px !important; }
.margin-top-150 { margin-top: 150px !important; }
.margin-top-155 { margin-top: 155px !important; }
.margin-top-160 { margin-top: 160px !important; }
.margin-top-165 { margin-top: 165px !important; }
.margin-top-170 { margin-top: 170px !important; }
.margin-top-175 { margin-top: 175px !important; }
.margin-top-180 { margin-top: 180px !important; }
.margin-top-185 { margin-top: 185px !important; }
.margin-top-190 { margin-top: 190px !important; }
.margin-top-195 { margin-top: 195px !important; }
.margin-top-200 { margin-top: 200px !important; }

/* margin bottom */
.margin-bottom-0 { margin-bottom: 0px !important }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-35 { margin-bottom: 35px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-45 { margin-bottom: 45px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-55 { margin-bottom: 55px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-bottom-65 { margin-bottom: 65px !important; }
.margin-bottom-70 { margin-bottom: 70px !important; }
.margin-bottom-75 { margin-bottom: 75px !important; }
.margin-bottom-80 { margin-bottom: 80px !important; }
.margin-bottom-85 { margin-bottom: 85px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; }
.margin-bottom-105 { margin-bottom: 105px !important; }
.margin-bottom-110 { margin-bottom: 110px !important; }
.margin-bottom-115 { margin-bottom: 115px !important; }
.margin-bottom-120 { margin-bottom: 120px !important; }
.margin-bottom-125 { margin-bottom: 125px !important; }
.margin-bottom-130 { margin-bottom: 130px !important; }
.margin-bottom-135 { margin-bottom: 135px !important; }
.margin-bottom-140 { margin-bottom: 140px !important; }
.margin-bottom-145 { margin-bottom: 145px !important; }
.margin-bottom-150 { margin-bottom: 150px !important; }
.margin-bottom-155 { margin-bottom: 155px !important; }
.margin-bottom-160 { margin-bottom: 160px !important; }
.margin-bottom-165 { margin-bottom: 165px !important; }
.margin-bottom-170 { margin-bottom: 170px !important; }
.margin-bottom-175 { margin-bottom: 175px !important; }
.margin-bottom-180 { margin-bottom: 180px !important; }
.margin-bottom-185 { margin-bottom: 185px !important; }
.margin-bottom-190 { margin-bottom: 190px !important; }
.margin-bottom-195 { margin-bottom: 195px !important; }
.margin-bottom-200 { margin-bottom: 200px !important; }

/* margin left */
.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-25 { margin-left: 25px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-left-35 { margin-left: 35px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-left-45 { margin-left: 45px !important; }
.margin-left-50 { margin-left: 50px !important; }
.margin-left-55 { margin-left: 55px !important; }
.margin-left-60 { margin-left: 60px !important; }
.margin-left-65 { margin-left: 65px !important; }
.margin-left-70 { margin-left: 70px !important; }
.margin-left-75 { margin-left: 75px !important; }
.margin-left-80 { margin-left: 80px !important; }
.margin-left-85 { margin-left: 85px !important; }
.margin-left-100 { margin-left: 100px !important; }
.margin-left-105 { margin-left: 105px !important; }
.margin-left-110 { margin-left: 110px !important; }
.margin-left-115 { margin-left: 115px !important; }
.margin-left-120 { margin-left: 120px !important; }
.margin-left-125 { margin-left: 125px !important; }
.margin-left-130 { margin-left: 130px !important; }
.margin-left-135 { margin-left: 135px !important; }
.margin-left-140 { margin-left: 140px !important; }
.margin-left-145 { margin-left: 145px !important; }
.margin-left-150 { margin-left: 150px !important; }
.margin-left-155 { margin-left: 155px !important; }
.margin-left-160 { margin-left: 160px !important; }
.margin-left-165 { margin-left: 165px !important; }
.margin-left-170 { margin-left: 170px !important; }
.margin-left-175 { margin-left: 175px !important; }
.margin-left-180 { margin-left: 180px !important; }
.margin-left-185 { margin-left: 185px !important; }
.margin-left-190 { margin-left: 190px !important; }
.margin-left-195 { margin-left: 195px !important; }
.margin-left-200 { margin-left: 200px !important; }

/* margin right */
.margin-right-5 { margin-right: 5px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-right-25 { margin-right: 25px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-right-35 { margin-right: 35px !important; }
.margin-right-40 { margin-right: 40px !important; }
.margin-right-45 { margin-right: 45px !important; }
.margin-right-50 { margin-right: 50px !important; }
.margin-right-55 { margin-right: 55px !important; }
.margin-right-60 { margin-right: 60px !important; }
.margin-right-65 { margin-right: 65px !important; }
.margin-right-70 { margin-right: 70px !important; }
.margin-right-75 { margin-right: 75px !important; }
.margin-right-80 { margin-right: 80px !important; }
.margin-right-85 { margin-right: 85px !important; }
.margin-right-100 { margin-right: 100px !important; }
.margin-right-105 { margin-right: 105px !important; }
.margin-right-110 { margin-right: 110px !important; }
.margin-right-115 { margin-right: 115px !important; }
.margin-right-120 { margin-right: 120px !important; }
.margin-right-125 { margin-right: 125px !important; }
.margin-right-130 { margin-right: 130px !important; }
.margin-right-135 { margin-right: 135px !important; }
.margin-right-140 { margin-right: 140px !important; }
.margin-right-145 { margin-right: 145px !important; }
.margin-right-150 { margin-right: 150px !important; }
.margin-right-155 { margin-right: 155px !important; }
.margin-right-160 { margin-right: 160px !important; }
.margin-right-165 { margin-right: 165px !important; }
.margin-right-170 { margin-right: 170px !important; }
.margin-right-175 { margin-right: 175px !important; }
.margin-right-180 { margin-right: 180px !important; }
.margin-right-185 { margin-right: 185px !important; }
.margin-right-190 { margin-right: 190px !important; }
.margin-right-195 { margin-right: 195px !important; }
.margin-right-200 { margin-right: 200px !important; }


/* Margin (percent) 
===================== */
.margin-1-p { margin: 1% !important; }
.margin-2-p { margin: 2% !important; }
.margin-3-p { margin: 3% !important; }
.margin-4-p { margin: 4% !important; }
.margin-5-p { margin: 5% !important; }
.margin-6-p { margin: 6% !important; }
.margin-7-p { margin: 7% !important; }
.margin-8-p { margin: 8% !important; }
.margin-9-p { margin: 9% !important; }
.margin-10-p { margin: 10% !important; }
.margin-11-p { margin: 11% !important; }
.margin-12-p { margin: 12% !important; }
.margin-13-p { margin: 13% !important; }
.margin-14-p { margin: 14% !important; }
.margin-15-p { margin: 15% !important; }
.margin-16-p { margin: 16% !important; }
.margin-17-p { margin: 17% !important; }
.margin-18-p { margin: 18% !important; }
.margin-19-p { margin: 19% !important; }
.margin-20-p { margin: 20% !important; }

/* margin top (percent) */
.margin-top-1-p { margin-top: 1% !important; }
.margin-top-2-p { margin-top: 2% !important; }
.margin-top-3-p { margin-top: 3% !important; }
.margin-top-4-p { margin-top: 4% !important; }
.margin-top-5-p { margin-top: 5% !important; }
.margin-top-6-p { margin-top: 6% !important; }
.margin-top-7-p { margin-top: 7% !important; }
.margin-top-8-p { margin-top: 8% !important; }
.margin-top-9-p { margin-top: 9% !important; }
.margin-top-10-p { margin-top: 10% !important; }
.margin-top-11-p { margin-top: 11% !important; }
.margin-top-12-p { margin-top: 12% !important; }
.margin-top-13-p { margin-top: 13% !important; }
.margin-top-14-p { margin-top: 14% !important; }
.margin-top-15-p { margin-top: 15% !important; }
.margin-top-16-p { margin-top: 16% !important; }
.margin-top-17-p { margin-top: 17% !important; }
.margin-top-18-p { margin-top: 18% !important; }
.margin-top-19-p { margin-top: 19% !important; }
.margin-top-20-p { margin-top: 20% !important; }

/* margin bottom (percent) */
.margin-bottom-1-p { margin-bottom: 1% !important; }
.margin-bottom-2-p { margin-bottom: 2% !important; }
.margin-bottom-3-p { margin-bottom: 3% !important; }
.margin-bottom-4-p { margin-bottom: 4% !important; }
.margin-bottom-5-p { margin-bottom: 5% !important; }
.margin-bottom-6-p { margin-bottom: 6% !important; }
.margin-bottom-7-p { margin-bottom: 7% !important; }
.margin-bottom-8-p { margin-bottom: 8% !important; }
.margin-bottom-9-p { margin-bottom: 9% !important; }
.margin-bottom-10-p { margin-bottom: 10% !important; }
.margin-bottom-11-p { margin-bottom: 11% !important; }
.margin-bottom-12-p { margin-bottom: 12% !important; }
.margin-bottom-13-p { margin-bottom: 13% !important; }
.margin-bottom-14-p { margin-bottom: 14% !important; }
.margin-bottom-15-p { margin-bottom: 15% !important; }
.margin-bottom-16-p { margin-bottom: 16% !important; }
.margin-bottom-17-p { margin-bottom: 17% !important; }
.margin-bottom-18-p { margin-bottom: 18% !important; }
.margin-bottom-19-p { margin-bottom: 19% !important; }
.margin-bottom-20-p { margin-bottom: 20% !important; }

/* margin left (percent) */
.margin-left-1-p { margin-left: 1% !important; }
.margin-left-2-p { margin-left: 2% !important; }
.margin-left-3-p { margin-left: 3% !important; }
.margin-left-4-p { margin-left: 4% !important; }
.margin-left-5-p { margin-left: 5% !important; }
.margin-left-6-p { margin-left: 6% !important; }
.margin-left-7-p { margin-left: 7% !important; }
.margin-left-8-p { margin-left: 8% !important; }
.margin-left-9-p { margin-left: 9% !important; }
.margin-left-10-p { margin-left: 10% !important; }
.margin-left-11-p { margin-left: 11% !important; }
.margin-left-12-p { margin-left: 12% !important; }
.margin-left-13-p { margin-left: 13% !important; }
.margin-left-14-p { margin-left: 14% !important; }
.margin-left-15-p { margin-left: 15% !important; }
.margin-left-16-p { margin-left: 16% !important; }
.margin-left-17-p { margin-left: 17% !important; }
.margin-left-18-p { margin-left: 18% !important; }
.margin-left-19-p { margin-left: 19% !important; }
.margin-left-20-p { margin-left: 20% !important; }

/* margin right (percent) */
.margin-right-1-p { margin-right: 1% !important; }
.margin-right-2-p { margin-right: 2% !important; }
.margin-right-3-p { margin-right: 3% !important; }
.margin-right-4-p { margin-right: 4% !important; }
.margin-right-5-p { margin-right: 5% !important; }
.margin-right-6-p { margin-right: 6% !important; }
.margin-right-7-p { margin-right: 7% !important; }
.margin-right-8-p { margin-right: 8% !important; }
.margin-right-9-p { margin-right: 9% !important; }
.margin-right-10-p { margin-right: 10% !important; }
.margin-right-11-p { margin-right: 11% !important; }
.margin-right-12-p { margin-right: 12% !important; }
.margin-right-13-p { margin-right: 13% !important; }
.margin-right-14-p { margin-right: 14% !important; }
.margin-right-15-p { margin-right: 15% !important; }
.margin-right-16-p { margin-right: 16% !important; }
.margin-right-17-p { margin-right: 17% !important; }
.margin-right-18-p { margin-right: 18% !important; }
.margin-right-19-p { margin-right: 19% !important; }
.margin-right-20-p { margin-right: 20% !important; }

/* no margins classes */
.no-margin { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-margin-right { margin-right: 0 !important; }

/* no paddings classes */
.no-padding { padding: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-padding-left { padding-left: 0 !important; }
.no-padding-right { padding-right: 0 !important; }


.yk-about-list {
	list-style: disc;
	list-style-position: inside;
	padding-left: 0;
	margin: 0;
}


/* text sizes */
.text-lg {
	font-size: calc(13.5px + 0.2vw) !important;
}
.text-lg p,
p.text-lg {
	margin-bottom: 30px !important;
}
.text-xlg {
	font-size: calc(100% + 0.4vw) !important;
}
.text-xlg p,
p.text-xlg {
	margin-bottom: 3.5% !important;
}
.text-xlg-mb-0 {
	font-size: calc(100% + 0.2vw) !important;
	margin-bottom: 0 !important;
}
.text-xxlg {
	font-size: calc(100% + 0.7vw) !important;
}
.text-xxlg p,
p.text-xxlg {
	margin-bottom: 3.5% !important;
}
.text-xxxlg {
	font-size: calc(100% + 1vw) !important;
}
.text-xxxlg p,
p.text-xxxlg {
	margin-bottom: 4.5% !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pb-5 {
	padding-bottom: 50px !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.pt-5 {
	padding-top: 50px !important;
}

/* ------------------------------------------------------------- *
 * Background color classes
/* ------------------------------------------------------------- */

.bg-main, .bg-primary { background-color: var(--main-color) !important; } /* Template main color */
.bg-secondary { background-color: #6c757d !important; }

/* bg white */
.bg-white { background-color: #FFF !important; }

.bg-white-accent-1 { background-color: rgb(255 255 255 / 1%) !important; }
.bg-white-accent-2 { background-color: rgb(255 255 255 / 2%) !important; }
.bg-white-accent-3 { background-color: rgb(255 255 255 / 3%) !important; }
.bg-white-accent-4 { background-color: rgb(255 255 255 / 4%) !important; }
.bg-white-accent-5 { background-color: rgb(255 255 255 / 5%) !important; }
.bg-white-accent-6 { background-color: rgb(255 255 255 / 6%) !important; }
.bg-white-accent-7 { background-color: rgb(255 255 255 / 7%) !important; }
.bg-white-accent-8 { background-color: rgb(255 255 255 / 8%) !important; }
.bg-white-accent-9 { background-color: rgb(255 255 255 / 9%) !important; }
.bg-white-accent-10 { background-color: rgb(255 255 255 / 10%) !important; }

/* bg dark */
.bg-black { background-color: #000 !important; }
.bg-dark { background-color: #111 !important; }
.bg-dark-2 { background-color: #181818 !important; }
.bg-dark-3 { background-color: #282828 !important; }
.bg-dark-4 { background-color: #383838 !important; }

.bg-dark-accent-1 { background-color: rgb(0 0 0 / 1%) !important; }
.bg-dark-accent-2 { background-color: rgb(0 0 0 / 2%) !important; }
.bg-dark-accent-3 { background-color: rgb(0 0 0 / 3%) !important; }
.bg-dark-accent-4 { background-color: rgb(0 0 0 / 4%) !important; }
.bg-dark-accent-5 { background-color: rgb(0 0 0 / 5%) !important; }
.bg-dark-accent-6 { background-color: rgb(0 0 0 / 6%) !important; }
.bg-dark-accent-7 { background-color: rgb(0 0 0 / 7%) !important; }
.bg-dark-accent-8 { background-color: rgb(0 0 0 / 8%) !important; }
.bg-dark-accent-9 { background-color: rgb(0 0 0 / 9%) !important; }
.bg-dark-accent-10 { background-color: rgb(0 0 0 / 10%) !important; }

/* bg gray */
.bg-gray { background-color: #dadbdc !important; }
.bg-gray-2 { background-color: #eaeaea !important; }
.bg-gray-3 { background-color: #f3f3f3 !important; }

/* bg green */
.bg-green { background-color: #00ef68 !important; }
.bg-green-2 { background-color: #91f8be !important; }
.bg-green-3 { background-color: #e3f5eb !important; }

/* bg blue */
.bg-blue { background-color: #3042B3 !important; }
.bg-blue-2 { background-color: #becfe7 !important; }
.bg-blue-3 { background-color: #e4e6f5 !important; }

/* bg yellow */
.bg-yellow { background-color: #FFE800 !important; }
.bg-yellow-2 { background-color: #fff69e !important; }
.bg-yellow-3 { background-color: #f9f8e5 !important; }

/* bg red */
.bg-red { background-color: #FD2B2B !important; }
.bg-red-2 { background-color: #fd6666 !important; }
.bg-red-3 { background-color: #ffe0e0 !important; }

/* bg brown */
.bg-brown { background-color: #291d02 !important; }
.bg-brown-2 { background-color: #5d481a !important; }
.bg-brown-3 { background-color: #e4ba5c !important; }

/* bg purple */
.bg-purple { background-color: #a900f3 !important; }
.bg-purple-2 { background-color: #c359f2 !important; }
.bg-purple-3 { background-color: #f0d1fe !important; }

/* bg pink */
.bg-pink { background-color: #F12765 !important; }
.bg-pink-2 { background-color: #f6749c !important; }
.bg-pink-3 { background-color: #feebf1 !important; }


/* Grid System similar to the Bootstrap framework ----------------------------------------------------------------- */

/*Row*/
.yk-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
body.yk-boxed .yk-wrap .yk-row {
	margin-right: -15px;
	margin-left: -15px;
}
.yk-no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.yk-no-gutters > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}
/* Columns */
[class*="yk-col-"] {
	position: relative;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.yk-col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}
.yk-col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}
.yk-col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.yk-col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.yk-col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.yk-col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.yk-col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}
.yk-col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}
.yk-col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
.yk-col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}
.yk-col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}
.yk-col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
/* Row reverse */
.yk-row-reverse {
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}

/* Column reverse */
.yk-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

/* Justify content */
.yk-justify-content-start {
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}
.yk-justify-content-end {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}
.yk-justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
.yk-justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}
.yk-justify-content-around {
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important;
}

/* Align items */
.yk-align-items-start {
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}
.yk-align-items-end {
	-ms-flex-align: end !important;
	align-items: flex-end !important;
}
.yk-align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
.yk-align-items-baseline {
	-ms-flex-align: baseline !important;
	align-items: baseline !important;
}
.yk-align-items-stretch {
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
}

/* Align content */
.yk-align-content-start {
	-ms-flex-line-pack: start !important;
	align-content: flex-start !important;
}
.yk-align-content-end {
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important;
}
.yk-align-content-center {
	-ms-flex-line-pack: center !important;
	align-content: center !important;
}
.yk-align-content-between {
	-ms-flex-line-pack: justify !important;
	align-content: space-between !important;
}
.yk-align-content-around {
	-ms-flex-line-pack: distribute !important;
	align-content: space-around !important;
}
.yk-align-content-stretch {
	-ms-flex-line-pack: stretch !important;
	align-content: stretch !important;
}

/* Align self */
.yk-align-self-start {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important;
}
.yk-align-self-end {
	-ms-flex-item-align: end !important;
	align-self: flex-end !important;
}
.yk-align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}
.yk-align-self-baseline {
	-ms-flex-item-align: baseline !important;
	align-self: baseline !important;
}
.yk-align-self-stretch {
	-ms-flex-item-align: stretch !important;
	align-self: stretch !important;
}
/* Breakpoints 
=============== */
@media (min-width: 576px) {
	.yk-col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	/* Row columns */
	.yk-row-cols-sm-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.yk-row-cols-sm-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.yk-row-cols-sm-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.yk-row-cols-sm-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.yk-row-cols-sm-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.yk-row-cols-sm-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	/* Columns auto */
	.yk-col-sm-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	/* Columns */
	.yk-col-sm-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.yk-col-sm-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.yk-col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.yk-col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.yk-col-sm-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.yk-col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.yk-col-sm-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.yk-col-sm-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.yk-col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.yk-col-sm-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.yk-col-sm-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.yk-col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Order */
	.yk-order-sm-first {
		-ms-flex-order: -1;
		order: -1;
	}
	.yk-order-sm-last {
		-ms-flex-order: 13;
		order: 13;
	}
	.yk-order-sm-0 {
		-ms-flex-order: 0;
		order: 0;
	}
	.yk-order-sm-1 {
		-ms-flex-order: 1;
		order: 1;
	}
	.yk-order-sm-2 {
		-ms-flex-order: 2;
		order: 2;
	}
	.yk-order-sm-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	.yk-order-sm-4 {
		-ms-flex-order: 4;
		order: 4;
	}
	.yk-order-sm-5 {
		-ms-flex-order: 5;
		order: 5;
	}
	.yk-order-sm-6 {
		-ms-flex-order: 6;
		order: 6;
	}
	.yk-order-sm-7 {
		-ms-flex-order: 7;
		order: 7;
	}
	.yk-order-sm-8 {
		-ms-flex-order: 8;
		order: 8;
	}
	.yk-order-sm-9 {
		-ms-flex-order: 9;
		order: 9;
	}
	.yk-order-sm-10 {
		-ms-flex-order: 10;
		order: 10;
	}
	.yk-order-sm-11 {
		-ms-flex-order: 11;
		order: 11;
	}
	.yk-order-sm-12 {
		-ms-flex-order: 12;
		order: 12;
	}

	/* Offset */
	.yk-offset-sm-0 {
		margin-left: 0;
	}
	.yk-offset-sm-1 {
		margin-left: 8.333333%;
	}
	.yk-offset-sm-2 {
		margin-left: 16.666667%;
	}
	.yk-offset-sm-3 {
		margin-left: 25%;
	}
	.yk-offset-sm-4 {
		margin-left: 33.333333%;
	}
	.yk-offset-sm-5 {
		margin-left: 41.666667%;
	}
	.yk-offset-sm-6 {
		margin-left: 50%;
	}
	.yk-offset-sm-7 {
		margin-left: 58.333333%;
	}
	.yk-offset-sm-8 {
		margin-left: 66.666667%;
	}
	.yk-offset-sm-9 {
		margin-left: 75%;
	}
	.yk-offset-sm-10 {
		margin-left: 83.333333%;
	}
	.yk-offset-sm-11 {
		margin-left: 91.666667%;
	}
}
@media (min-width: 768px) {
	.yk-col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	/* Row columns */
	.yk-row-cols-md-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.yk-row-cols-md-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.yk-row-cols-md-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.yk-row-cols-md-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.yk-row-cols-md-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.yk-row-cols-md-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	/* Columns auto */
	.yk-col-md-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	/* Columns */
	.yk-col-md-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.yk-col-md-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.yk-col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.yk-col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.yk-col-md-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.yk-col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.yk-col-md-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.yk-col-md-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.yk-col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.yk-col-md-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.yk-col-md-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.yk-col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Order */
	.yk-order-md-first {
		-ms-flex-order: -1;
		order: -1;
	}
	.yk-order-md-last {
		-ms-flex-order: 13;
		order: 13;
	}
	.yk-order-md-0 {
		-ms-flex-order: 0;
		order: 0;
	}
	.yk-order-md-1 {
		-ms-flex-order: 1;
		order: 1;
	}
	.yk-order-md-2 {
		-ms-flex-order: 2;
		order: 2;
	}
	.yk-order-md-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	.yk-order-md-4 {
		-ms-flex-order: 4;
		order: 4;
	}
	.yk-order-md-5 {
		-ms-flex-order: 5;
		order: 5;
	}
	.yk-order-md-6 {
		-ms-flex-order: 6;
		order: 6;
	}
	.yk-order-md-7 {
		-ms-flex-order: 7;
		order: 7;
	}
	.yk-order-md-8 {
		-ms-flex-order: 8;
		order: 8;
	}
	.yk-order-md-9 {
		-ms-flex-order: 9;
		order: 9;
	}
	.yk-order-md-10 {
		-ms-flex-order: 10;
		order: 10;
	}
	.yk-order-md-11 {
		-ms-flex-order: 11;
		order: 11;
	}
	.yk-order-md-12 {
		-ms-flex-order: 12;
		order: 12;
	}

	/* Offset */
	.yk-offset-md-0 {
		margin-left: 0;
	}
	.yk-offset-md-1 {
		margin-left: 8.333333%;
	}
	.yk-offset-md-2 {
		margin-left: 16.666667%;
	}
	.yk-offset-md-3 {
		margin-left: 25%;
	}
	.yk-offset-md-4 {
		margin-left: 33.333333%;
	}
	.yk-offset-md-5 {
		margin-left: 41.666667%;
	}
	.yk-offset-md-6 {
		margin-left: 50%;
	}
	.yk-offset-md-7 {
		margin-left: 58.333333%;
	}
	.yk-offset-md-8 {
		margin-left: 66.666667%;
	}
	.yk-offset-md-9 {
		margin-left: 75%;
	}
	.yk-offset-md-10 {
		margin-left: 83.333333%;
	}
	.yk-offset-md-11 {
		margin-left: 91.666667%;
	}
}
@media (min-width: 992px) {
	.yk-col-lg {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	/* Row columns */
	.yk-row-cols-lg-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.yk-row-cols-lg-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.yk-row-cols-lg-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.yk-row-cols-lg-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.yk-row-cols-lg-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.yk-row-cols-lg-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	/* Columns auto */
	.yk-col-lg-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	/* Columns */
	.yk-col-lg-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.yk-col-lg-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.yk-col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.yk-col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.yk-col-lg-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.yk-col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.yk-col-lg-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.yk-col-lg-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.yk-col-lg-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.yk-col-lg-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.yk-col-lg-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.yk-col-lg-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Order */
	.yk-order-lg-first {
		-ms-flex-order: -1;
		order: -1;
	}
	.yk-order-lg-last {
		-ms-flex-order: 13;
		order: 13;
	}
	.yk-order-lg-0 {
		-ms-flex-order: 0;
		order: 0;
	}
	.yk-order-lg-1 {
		-ms-flex-order: 1;
		order: 1;
	}
	.yk-order-lg-2 {
		-ms-flex-order: 2;
		order: 2;
	}
	.yk-order-lg-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	.yk-order-lg-4 {
		-ms-flex-order: 4;
		order: 4;
	}
	.yk-order-lg-5 {
		-ms-flex-order: 5;
		order: 5;
	}
	.yk-order-lg-6 {
		-ms-flex-order: 6;
		order: 6;
	}
	.yk-order-lg-7 {
		-ms-flex-order: 7;
		order: 7;
	}
	.yk-order-lg-8 {
		-ms-flex-order: 8;
		order: 8;
	}
	.yk-order-lg-9 {
		-ms-flex-order: 9;
		order: 9;
	}
	.yk-order-lg-10 {
		-ms-flex-order: 10;
		order: 10;
	}
	.yk-order-lg-11 {
		-ms-flex-order: 11;
		order: 11;
	}
	.yk-order-lg-12 {
		-ms-flex-order: 12;
		order: 12;
	}

	/* Offset */
	.yk-offset-lg-0 {
		margin-left: 0;
	}
	.yk-offset-lg-1 {
		margin-left: 8.333333%;
	}
	.yk-offset-lg-2 {
		margin-left: 16.666667%;
	}
	.yk-offset-lg-3 {
		margin-left: 25%;
	}
	.yk-offset-lg-4 {
		margin-left: 33.333333%;
	}
	.yk-offset-lg-5 {
		margin-left: 41.666667%;
	}
	.yk-offset-lg-6 {
		margin-left: 50%;
	}
	.yk-offset-lg-7 {
		margin-left: 58.333333%;
	}
	.yk-offset-lg-8 {
		margin-left: 66.666667%;
	}
	.yk-offset-lg-9 {
		margin-left: 75%;
	}
	.yk-offset-lg-10 {
		margin-left: 83.333333%;
	}
	.yk-offset-lg-11 {
		margin-left: 91.666667%;
	}
}
@media (min-width: 1025px) {
	.yk-col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	/* Row columns */
	.yk-row-cols-xl-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.yk-row-cols-xl-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.yk-row-cols-xl-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.yk-row-cols-xl-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.yk-row-cols-xl-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.yk-row-cols-xl-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	/* Columns auto */
	.yk-col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	/* Columns */
	.yk-col-xl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.yk-col-xl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.yk-col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.yk-col-xl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.yk-col-xl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.yk-col-xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.yk-col-xl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.yk-col-xl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.yk-col-xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.yk-col-xl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.yk-col-xl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.yk-col-xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Order */
	.yk-order-xl-first {
		-ms-flex-order: -1;
		order: -1;
	}
	.yk-order-xl-last {
		-ms-flex-order: 13;
		order: 13;
	}
	.yk-order-xl-0 {
		-ms-flex-order: 0;
		order: 0;
	}
	.yk-order-xl-1 {
		-ms-flex-order: 1;
		order: 1;
	}
	.yk-order-xl-2 {
		-ms-flex-order: 2;
		order: 2;
	}
	.yk-order-xl-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	.yk-order-xl-4 {
		-ms-flex-order: 4;
		order: 4;
	}
	.yk-order-xl-5 {
		-ms-flex-order: 5;
		order: 5;
	}
	.yk-order-xl-6 {
		-ms-flex-order: 6;
		order: 6;
	}
	.yk-order-xl-7 {
		-ms-flex-order: 7;
		order: 7;
	}
	.yk-order-xl-8 {
		-ms-flex-order: 8;
		order: 8;
	}
	.yk-order-xl-9 {
		-ms-flex-order: 9;
		order: 9;
	}
	.yk-order-xl-10 {
		-ms-flex-order: 10;
		order: 10;
	}
	.yk-order-xl-11 {
		-ms-flex-order: 11;
		order: 11;
	}
	.yk-order-xl-12 {
		-ms-flex-order: 12;
		order: 12;
	}

	/* Offset */
	.yk-offset-xl-0 {
		margin-left: 0;
	}
	.yk-offset-xl-1 {
		margin-left: 8.333333%;
	}
	.yk-offset-xl-2 {
		margin-left: 16.666667%;
	}
	.yk-offset-xl-3 {
		margin-left: 25%;
	}
	.yk-offset-xl-4 {
		margin-left: 33.333333%;
	}
	.yk-offset-xl-5 {
		margin-left: 41.666667%;
	}
	.yk-offset-xl-6 {
		margin-left: 50%;
	}
	.yk-offset-xl-7 {
		margin-left: 58.333333%;
	}
	.yk-offset-xl-8 {
		margin-left: 66.666667%;
	}
	.yk-offset-xl-9 {
		margin-left: 75%;
	}
	.yk-offset-xl-10 {
		margin-left: 83.333333%;
	}
	.yk-offset-xl-11 {
		margin-left: 91.666667%;
	}
}

@media (min-width: 1400px) {
	.yk-col-xxl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	/* Row columns */
	.yk-row-cols-xxl-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.yk-row-cols-xxl-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.yk-row-cols-xxl-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.yk-row-cols-xxl-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.yk-row-cols-xxl-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.yk-row-cols-xxl-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	/* Columns auto */
	.yk-col-xxl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	/* Columns */
	.yk-col-xxl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.yk-col-xxl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.yk-col-xxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.yk-col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.yk-col-xxl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.yk-col-xxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.yk-col-xxl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.yk-col-xxl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.yk-col-xxl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.yk-col-xxl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.yk-col-xxl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.yk-col-xxl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Order */
	.yk-order-xxl-first {
		-ms-flex-order: -1;
		order: -1;
	}
	.yk-order-xxl-last {
		-ms-flex-order: 13;
		order: 13;
	}
	.yk-order-xxl-0 {
		-ms-flex-order: 0;
		order: 0;
	}
	.yk-order-xxl-1 {
		-ms-flex-order: 1;
		order: 1;
	}
	.yk-order-xxl-2 {
		-ms-flex-order: 2;
		order: 2;
	}
	.yk-order-xxl-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	.yk-order-xxl-4 {
		-ms-flex-order: 4;
		order: 4;
	}
	.yk-order-xxl-5 {
		-ms-flex-order: 5;
		order: 5;
	}
	.yk-order-xxl-6 {
		-ms-flex-order: 6;
		order: 6;
	}
	.yk-order-xxl-7 {
		-ms-flex-order: 7;
		order: 7;
	}
	.yk-order-xxl-8 {
		-ms-flex-order: 8;
		order: 8;
	}
	.yk-order-xxl-9 {
		-ms-flex-order: 9;
		order: 9;
	}
	.yk-order-xxl-10 {
		-ms-flex-order: 10;
		order: 10;
	}
	.yk-order-xxl-11 {
		-ms-flex-order: 11;
		order: 11;
	}
	.yk-order-xxl-12 {
		-ms-flex-order: 12;
		order: 12;
	}

	/* Offset */
	.yk-offset-xxl-0 {
		margin-left: 0;
	}
	.yk-offset-xxl-1 {
		margin-left: 8.333333%;
	}
	.yk-offset-xxl-2 {
		margin-left: 16.666667%;
	}
	.yk-offset-xxl-3 {
		margin-left: 25%;
	}
	.yk-offset-xxl-4 {
		margin-left: 33.333333%;
	}
	.yk-offset-xxl-5 {
		margin-left: 41.666667%;
	}
	.yk-offset-xxl-6 {
		margin-left: 50%;
	}
	.yk-offset-xxl-7 {
		margin-left: 58.333333%;
	}
	.yk-offset-xxl-8 {
		margin-left: 66.666667%;
	}
	.yk-offset-xxl-9 {
		margin-left: 75%;
	}
	.yk-offset-xxl-10 {
		margin-left: 83.333333%;
	}
	.yk-offset-xxl-11 {
		margin-left: 91.666667%;
	}
}

.yk-grid {
	position: relative;
}
.yk-grid::after {
	content: "";
	display: table;
	clear: both;
}
.yk-grid-top {
	position: relative;
	padding-bottom: 40px;
	text-align: right;
}
body:not(.yk-boxed) .yk-section-inner.yk-wrap .yk-grid:not([class*="ykgr-gap-"]) .yk-grid-top,
.yk-section-inner:not(.yk-wrap) .yk-grid:not([class*="ykgr-gap-"]) .yk-grid-top {
	padding-left: 3vw;
	padding-right: 3vw;
}
.yk-grid-categories {
	position: relative;
}

/* Image parallax and hover zoom pseudo wraps (added by .js) */
.yk-grid:not(.ykgr-not-cropped) .yk-gallery-image .anim-image-parallax-wrap,
.yk-grid:not(.ykgr-not-cropped) .yk-gallery-image .anim-image-parallax-inner,
.yk-grid:not(.ykgr-not-cropped) .yk-gallery-image .yk-gallery-image-hover-zoom,
.yk-grid[class*="ykgr-layout-creative-"].ykgr-not-cropped .yk-gallery-image .yk-gallery-image-hover-zoom,

.yk-grid[class*="ykgr-layout-1-"].ykgr-not-cropped .yk-gallery-image .anim-image-parallax-wrap,
.yk-grid[class*="ykgr-layout-1-"].ykgr-not-cropped .yk-gallery-image .anim-image-parallax-inner,
.yk-grid[class*="ykgr-layout-1-"].ykgr-not-cropped .yk-gallery-image .yk-gallery-image-hover-zoom,

.yk-grid[class*="ykgr-layout-2-"].ykgr-not-cropped .yk-gallery-image .anim-image-parallax-wrap,
.yk-grid[class*="ykgr-layout-2-"].ykgr-not-cropped .yk-gallery-image .anim-image-parallax-inner,
.yk-grid[class*="ykgr-layout-2-"].ykgr-not-cropped .yk-gallery-image .yk-gallery-image-hover-zoom,

.yk-grid[class*="ykgr-layout-3-"].ykgr-not-cropped .yk-gallery-image .anim-image-parallax-wrap,
.yk-grid[class*="ykgr-layout-3-"].ykgr-not-cropped .yk-gallery-image .anim-image-parallax-inner,
.yk-grid[class*="ykgr-layout-3-"].ykgr-not-cropped .yk-gallery-image .yk-gallery-image-hover-zoom,

.yk-grid[class*="ykgr-layout-4-"].ykgr-not-cropped .yk-gallery-image .anim-image-parallax-wrap,
.yk-grid[class*="ykgr-layout-4-"].ykgr-not-cropped .yk-gallery-image .anim-image-parallax-inner,
.yk-grid[class*="ykgr-layout-4-"].ykgr-not-cropped .yk-gallery-image .yk-gallery-image-hover-zoom,

.yk-grid .yk-gallery-video-wrap .anim-image-parallax-wrap,
.yk-grid .yk-gallery-video-wrap .anim-image-parallax-inner,
.yk-grid .yk-gallery-video-wrap .yk-gallery-image-hover-zoom  {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

/* yk-grid item gaps 
===================== */
/* Gap 1 */
.yk-grid.ykgr-gap-1,
.yk-grid.ykgr-gap-1 .yk-grid-top {
	margin-left: 0.2vw;
	margin-right: 0.2vw;
}
body.yk-boxed .yk-wrap .yk-grid.ykgr-gap-1 {
	margin-left: -0.2vw;
	margin-right: -0.2vw;
}
body:not(.yk-boxed) .yk-section-inner.yk-wrap .yk-grid.ykgr-gap-1 .yk-grid-top,
.yk-section-inner:not(.yk-wrap) .yk-grid.ykgr-gap-1 .yk-grid-top {
	padding-left: 3vw;
	padding-right: 3vw;
}


/* Gap 2 */
.yk-grid.ykgr-gap-2,
.yk-grid.ykgr-gap-2 .yk-grid-top {
	margin-left: 1vw;
	margin-right: 1vw;
}
body.yk-boxed .yk-wrap .yk-grid.ykgr-gap-2 {
	margin-left: -1vw;
	margin-right: -1vw;
}
body:not(.yk-boxed) .yk-section-inner.yk-wrap .yk-grid.ykgr-gap-2 .yk-grid-top,
.yk-section-inner:not(.yk-wrap) .yk-grid.ykgr-gap-2 .yk-grid-top {
	padding-left: 1.5vw;
	padding-right: 1.5vw;
}
.yk-grid.ykgr-gap-2 .ykgr-item-inner {
	margin: 0 1vw 2vw 1vw;
}

/* Gap 3 */
.yk-grid.ykgr-gap-3,
.yk-grid.ykgr-gap-3 .yk-grid-top {
	margin-left: 2vw;
	margin-right: 2vw;
}
body.yk-boxed .yk-wrap .yk-grid.ykgr-gap-3 {
	margin-left: -2vw;
	margin-right: -2vw;
}
.yk-grid.ykgr-gap-3 .ykgr-item-inner {
	margin: 0 2vw 4vw 2vw;
}

/* Gap 4 */
.yk-grid.ykgr-gap-4,
.yk-grid.ykgr-gap-4 .yk-grid-top {
	margin-left: 3vw;
	margin-right: 3vw;
}
body.yk-boxed .yk-wrap .yk-grid.ykgr-gap-4 {
	margin-left: -3vw;
	margin-right: -3vw;
}

/* Gap 5 */
.yk-grid.ykgr-gap-5,
.yk-grid.ykgr-gap-5 .yk-grid-top {
	margin-left: 4vw;
	margin-right: 4vw;
}
body.yk-boxed .yk-wrap .yk-grid.ykgr-gap-5 {
	margin-left: -4vw;
	margin-right: -4vw;
}

/* Gap 6 */
.yk-grid.ykgr-gap-6,
.yk-grid.ykgr-gap-6 .yk-grid-top {
	margin-left: 5vw;
	margin-right: 5vw;
}
body.yk-boxed .yk-wrap .yk-grid.ykgr-gap-6 {
	margin-left: -5vw;
	margin-right: -5vw;
}