.custom-svg-fill-color-tertiary {
    fill:var(--tertiary)
}

.custom-svg-fill-color-tertiary-darken {
    fill:var(--tertiary-100)
}

.custom-highlight-1.custom-highlight-1-primary:after {
    background-color:var(--primary)
}

.custom-stroke-text-effect-1 {
    -webkit-text-stroke-color:var(--primary)
}

.custom-big-font-size-1 {
    font-size: 147.2px;
    font-size:9.2rem
}

.custom-stroke-text-effect-1 {
    -webkit-text-fill-color: var(--light);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--grey-500);
    white-space:nowrap
}


/* Section Featured */
section.section {
	background: var(--grey-100);
	border-top: 5px solid var(--grey-100);
	margin: 30px 0;
	padding: 50px 0;
}

section.section > .container {
	position: relative;
}

section.section.section-height-1 {
	padding: 12.307px 0;
	padding: 0.7692307692rem 0;
}

section.section.section-height-2 {
	padding: 36.923px 0;
	padding: 2.3076923077rem 0;
}

section.section.section-height-3 {
	padding: 73.846px 0;
	padding: 4.6153846154rem 0;
}

section.section.section-height-4 {
	padding: 110.769px 0;
	padding: 6.9230769231rem 0;
}

section.section.section-height-5 {
	padding: 147.692px 0;
	padding: 9.2307692308rem 0;
}

section.section.section-no-background {
	background: transparent;
	border-top-color: transparent;
}

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

section.section.section-text-light h1, section.section.section-text-light h2, section.section.section-text-light h3, section.section.section-text-light h4, section.section.section-text-light h5, section.section.section-text-light h6 {
	color: var(--light);
}

section.section.section-text-light p {
	color: #e6e5e5;
}

section.section.section-background {
	background-repeat: repeat;
	border: 0;
}

section.section.section-background-change-anim {
	animation-name: colorTransition;
	animation-duration: 25s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

section.section.section-funnel {
	position: relative;
}

section.section.section-funnel .section-funnel-layer-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 96px 0;
	padding: 6rem 0;
	transform: translate3d(0, -50%, 0);
}

section.section.section-funnel .section-funnel-layer-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 96px 0;
	padding: 6rem 0;
	transform: translate3d(0, 50%, 0);
}

section.section.section-funnel .section-funnel-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--light);
}

section.section.section-funnel .section-funnel-layer:nth-child(1) {
	transform: skewY(-4.7deg);
}

section.section.section-funnel .section-funnel-layer:nth-child(2) {
	transform: skewY(4.7deg);
}

section.section.section-angled {
	position: relative;
	margin: 0;
	overflow: hidden;
}

section.section.section-angled .section-angled-layer-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 48px 0;
	padding: 3rem 0;
	transform: skewY(-0.7deg) translate3d(0, -50%, 0);
}

section.section.section-angled .section-angled-layer-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 48px 0;
	padding: 3rem 0;
	transform: skewY(0.7deg) translate3d(0, 50%, 0);
}

section.section.section-angled .section-angled-layer-top + .section-angled-content,
section.section.section-angled .section-angled-layer-top + .section-angled-layer-bottom + .section-angled-content {
	margin-top: 40px;
	margin-top: 2.5rem;
}

section.section.section-angled .section-angled-layer-bottom + .section-angled-content,
section.section.section-angled .section-angled-layer-bottom + .section-angled-layer-top + .section-angled-content {
	margin-bottom: 40px;
	margin-bottom: 2.5rem;
}

section.section.section-angled .section-angled-layer-increase-angle.section-angled-layer-top {
	transform: skewY(-1.7deg) translate3d(0, -50%, 0);
}

section.section.section-angled .section-angled-layer-increase-angle.section-angled-layer-bottom {
	transform: skewY(1.7deg) translate3d(0, 50%, 0);
}

section.section.section-angled .section-angled-layer-increase-angle-2.section-angled-layer-top {
	padding: 112px 0;
	padding: 7rem 0;
	transform: skewY(-4.7deg) translate3d(0, -50%, 0);
}

section.section.section-angled .section-angled-layer-increase-angle-2.section-angled-layer-bottom {
	padding: 112px 0;
	padding: 7rem 0;
	transform: skewY(4.7deg) translate3d(0, 50%, 0);
}

section.section.section-angled.section-angled-reverse .section-angled-layer-top {
	transform: skewY(0.7deg) translate3d(0, -50%, 0);
}

section.section.section-angled.section-angled-reverse .section-angled-layer-bottom {
	transform: skewY(-0.7deg) translate3d(0, 50%, 0);
}

section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle.section-angled-layer-top {
	transform: skewY(1.7deg) translate3d(0, -50%, 0);
}

section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle.section-angled-layer-bottom {
	transform: skewY(-1.7deg) translate3d(0, 50%, 0);
}

section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle-2.section-angled-layer-top {
	padding: 112px 0;
	padding: 7rem 0;
	transform: skewY(4.7deg) translate3d(0, -50%, 0);
}

section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle-2.section-angled-layer-bottom {
	padding: 112px 0;
	padding: 7rem 0;
	transform: skewY(-4.7deg) translate3d(0, 50%, 0);
}

section.section.section-angled + .section-angled {
	padding-top: 0;
}

section.section.overlay .section-angled-layer-top,
section.section.overlay .section-angled-layer-bottom {
	z-index: 99 !important;
}

section.section.section-overlay {
	position: relative;
}

section.section.section-overlay:before {
	content: "";
	display: block;
	background: var(--dark-rgba-20);
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

section.section.section-overlay .section-angled-layer-top,
section.section.section-overlay .section-angled-layer-bottom {
	z-index: 99 !important;
}

section.section.section-overlay-dot:before {
	background: url(../img/overlay-dot.png) repeat scroll 0 0 transparent;
}

section.section.section-overlay-opacity {
	position: relative;
}

section.section.section-overlay-opacity:before {
	content: "";
	display: block;
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-1:before {
	background: var(--dark-rgba-10);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-2:before {
	background: var(--dark-rgba-20);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-3:before {
	background: var(--dark-rgba-30);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-4:before {
	background: var(--dark-rgba-40);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-5:before {
	background: var(--dark-rgba-50);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-6:before {
	background: var(--dark-rgba-60);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-7:before {
	background: var(--dark-rgba-70);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-8:before {
	background: var(--dark-rgba-80);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-9:before {
	background: var(--dark-rgba-90);
}

section.section.section-overlay-opacity-light:before {
	background: var(--light-rgba-50);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-1:before {
	background: var(--light-rgba-10);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-2:before {
	background: var(--light-rgba-20);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-3:before {
	background: var(--light-rgba-30);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-4:before {
	background: var(--light-rgba-40);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-5:before {
	background: var(--light-rgba-50);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-6:before {
	background: var(--light-rgba-60);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-7:before {
	background: var(--light-rgba-70);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-8:before {
	background: var(--light-rgba-80);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-9:before {
	background: var(--light-rgba-90);
}

section.section.section-overlay-opacity-gradient:before {
	opacity: 0.85;
}

section.section.section-video {
	background: none !important;
	border: 0;
}

section.section.section-parallax {
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: repeat;
	background-attachment: fixed;
	border: 0;
}

section.section.section-parallax.parallax-disabled {
	background-attachment: scroll !important;
	background-position: 50% 50% !important;
}

section.section.section-no-border {
	border: 0;
}

section.section.section-with-divider {
	margin: 56px 0 35px;
}

section.section.section-with-divider .divider {
	margin: -56px 0 44px;
}

section.section.section-footer {
	margin-bottom: -50px;
}

section.section.section-with-mockup {
	margin-top: 120px;
}

section.section.section-front {
	position: relative;
	z-index: 1;
}

@media (max-width: 991px) {
	.container-fluid > .row > .p-0 section.section {
		margin-bottom: 0;
		margin-top: 0;
	}

	.container-fluid > .row > .p-0:first-child section.section {
		margin-bottom: 0;
		margin-top: 30px;
	}

	.container-fluid > .row > .p-0:last-child section.section {
		margin-bottom: 30px;
		margin-top: 0;
	}
}

/* Section With Shape Divider */
@keyframes shapeDividerToLeft {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(-200%, 0, 0);
	}
}

@keyframes shapeDividerToRight {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(200%, 0, 0);
	}
}

.section.section-with-shape-divider {
	position: relative;
	overflow: hidden;
}

.section.section-with-shape-divider .shape-divider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 1;
}

.section.section-with-shape-divider .shape-divider svg {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translate3d(-50%, 0, 0);
}

@media (min-width: 1950px) {
	.section.section-with-shape-divider .shape-divider svg {
		width: 100%;
	}
}

.section.section-with-shape-divider .shape-divider.shape-divider-bottom {
	top: auto;
	bottom: 0;
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y {
	transform: rotateY(180deg);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x {
	transform: rotateX(180deg);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy {
	transform: rotateY(180deg) rotateX(180deg);
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	animation-duration: 45s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation > svg {
	width: 100vw;
	left: 0;
	transform: none;
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start {
	animation-name: shapeDividerToRight;
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) {
	transform: rotateY(180deg) translate3d(99.9%, 0, 0);
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) {
	transform: translate3d(-199.8%, 0, 0);
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start {
	animation-name: shapeDividerToLeft;
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) {
	transform: rotateY(180deg) translate3d(-99.9%, 0, 0);
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) {
	transform: translate3d(199.8%, 0, 0);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start, .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start {
	animation-name: shapeDividerToLeft;
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) {
	transform: rotateY(180deg) translate3d(-99.9%, 0, 0);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) {
	transform: translate3d(199.8%, 0, 0);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start, .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start {
	animation-name: shapeDividerToRight;
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) {
	transform: rotateY(180deg) translate3d(99.9%, 0, 0);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) {
	transform: translate3d(-199.8%, 0, 0);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start {
	animation-name: shapeDividerToRight;
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start {
	animation-name: shapeDividerToLeft;
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) {
	transform: rotateY(180deg) translate3d(-99.9%, 0, 0);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) {
	transform: translate3d(199.8%, 0, 0);
}

.section.section-with-shape-divider.overlay:before {
	z-index: 1;
}

/* Sections - Skin */
section.section-primary {
	background-color: var(--primary) !important;
	border-color: var(--primary-100) !important;
}

section.section-primary h1, section.section-primary h2, section.section-primary h3, section.section-primary h4, section.section-primary h5, section.section-primary h6 {
	color: var(--primary-inverse);
}

section.section-primary p {
	color: var(--primary-inverse);
}

section.section-primary-scale-2 {
	background-color: var(--primary-300) !important;
	border-color: var(--primary-300) !important;
}

section.section-primary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: var(--primary-300);
}

section.section-secondary {
	background-color: var(--secondary) !important;
	border-color: var(--secondary-100) !important;
}

section.section-secondary h1, section.section-secondary h2, section.section-secondary h3, section.section-secondary h4, section.section-secondary h5, section.section-secondary h6 {
	color: var(--secondary-inverse);
}

section.section-secondary p {
	color: var(--secondary-inverse);
}

section.section-secondary-scale-2 {
	background-color: var(--secondary-300) !important;
	border-color: var(--secondary-300) !important;
}

section.section-secondary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: var(--secondary-300);
}

section.section-tertiary {
	background-color: var(--tertiary) !important;
	border-color: var(--tertiary-100) !important;
}

section.section-tertiary h1, section.section-tertiary h2, section.section-tertiary h3, section.section-tertiary h4, section.section-tertiary h5, section.section-tertiary h6 {
	color: var(--tertiary-inverse);
}

section.section-tertiary p {
	color: var(--tertiary-inverse);
}

section.section-tertiary-scale-2 {
	background-color: var(--tertiary-300) !important;
	border-color: var(--tertiary-300) !important;
}

section.section-tertiary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: var(--tertiary-300);
}

section.section-quaternary {
	background-color: var(--quaternary) !important;
	border-color: var(--quaternary-100) !important;
}

section.section-quaternary h1, section.section-quaternary h2, section.section-quaternary h3, section.section-quaternary h4, section.section-quaternary h5, section.section-quaternary h6 {
	color: var(--quaternary-inverse);
}

section.section-quaternary p {
	color: var(--quaternary-inverse);
}

section.section-quaternary-scale-2 {
	background-color: var(--quaternary-300) !important;
	border-color: var(--quaternary-300) !important;
}

section.section-quaternary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: var(--quaternary-300);
}

section.section-dark {
	background-color: var(--dark) !important;
	border-color: var(--dark-100) !important;
}

section.section-dark h1, section.section-dark h2, section.section-dark h3, section.section-dark h4, section.section-dark h5, section.section-dark h6 {
	color: var(--dark-inverse);
}

section.section-dark p {
	color: var(--dark-inverse);
}

section.section-dark-scale-2 {
	background-color: var(--dark-300) !important;
	border-color: var(--dark-300) !important;
}

section.section-dark-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: var(--dark-300);
}

section.section-light {
	background-color: var(--light) !important;
	border-color: var(--light-100) !important;
}

section.section-light h1, section.section-light h2, section.section-light h3, section.section-light h4, section.section-light h5, section.section-light h6 {
	color: var(--light-inverse);
}

section.section-light p {
	color: var(--light-inverse);
}

section.section-light-scale-2 {
	background-color: var(--light-300) !important;
	border-color: var(--light-300) !important;
}

section.section-light-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: var(--light-300);
}

section.section.section-background-half-primary-half-secondary {
	background: linear-gradient(to right, var(--primary) 50%, var(--secondary) 50%);
}

section.section.section-overlay-opacity-gradient:before {
	background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%);
}



/* Products Skin */
.overlay:before {
		background-color: var(--tertiary-rgba-90) !important;
}

.custom-btn-with-arrow-primary:after {
		color: var(--primary) !important;
}

.custom-btn-with-arrow-secondary:after {
		color: var(--secondary) !important;
}

.custom-btn-with-arrow-tertiary:after {
		color: var(--tertiary) !important;
}

.custom-btn-with-arrow-quaternary:after {
		color: var(--quaternary) !important;
}

.custom-btn-with-arrow-dark:after {
		color: var(--dark) !important;
}

.custom-btn-with-arrow-light:after {
		color: var(--light) !important;
}

.custom-title-with-icon-primary:before {
		color: var(--primary) !important;
}

.custom-title-with-icon-secondary:before {
		color: var(--secondary) !important;
}

.custom-title-with-icon-tertiary:before {
		color: var(--tertiary) !important;
}

.custom-title-with-icon-quaternary:before {
		color: var(--quaternary) !important;
}

.custom-title-with-icon-dark:before {
		color: var(--dark) !important;
}

.custom-title-with-icon-light:before {
		color: var(--light) !important;
}

@media (max-width: 991px) {
		#header .header-nav-main.header-nav-main-mobile-dark:before {
				background-color: var(--secondary);
		}
}

@media (min-width: 992px) {
		#header .header-nav.header-nav-links nav > ul li:hover > a {
				color: var(--primary) !important;
		}
}

.our-services .service-card:before {
		background-color: var(--secondary);
}

.our-services .col-our-services-bottom .col-our-services-bottom-img .square-3 {
		border-color: var(--secondary);
}

.custom-list li:before {
		background-color: var(--primary);
}

.custom-accordion .custom-card-body-collapse {
		border-bottom-color: var(--tertiary);
}

.side-menu-our-work .sort-source li a:before {
		background-color: var(--primary);
}

/*
* Section Our Work
*/
.our-work .isotope-item {
		position: static !important;
		transition: .3s opacity;
}

.our-work .custom-our-work img {
		min-height: 280px;
}

.our-work .custom-our-work .custom-our-work-text {
		position: relative;
}

.our-work .custom-our-work .custom-our-work-text h4, .our-work .custom-our-work .custom-our-work-text p, .our-work .custom-our-work .custom-our-work-text span {
		position: relative;
		left: 0;
}

.our-work .custom-our-work .custom-our-work-text h4 {
		transition: .2s left;
}

.our-work .custom-our-work .custom-our-work-text p {
		transition: .5s left;
}

.our-work .custom-our-work .custom-our-work-text span {
		transition: .9s left;
}

.our-work .custom-our-work:hover:before {
		opacity: 0.8 !important;
}

.our-work .custom-our-work:hover .custom-our-work-text h4, .our-work .custom-our-work:hover .custom-our-work-text p, .our-work .custom-our-work:hover .custom-our-work-text span {
		left: 20px;
}

/*
* Side menu Our Work
*/
.side-menu-our-work .sort-source li a:before {
		content: '';
		width: 15px;
		height: 3px;
		background-color: var(--grey-500);
		display: inline-block;
		margin-right: 16px;
		vertical-align: middle;
		transition: .5s width;
}

.side-menu-our-work .sort-source li a:hover:before {
		width: 30px;
}

.side-menu-our-work .sort-source li.active a {
		color: var(--grey-500) !important;
}

.side-menu-our-work .sort-source.sort-source-light li.active a {
		color: #000 !important;
		font-weight: bold !important;
}