/*! locomotive-scroll v4.1.1 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
	overflow: hidden
}

html.has-scroll-dragging {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.has-scroll-smooth body {
	overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
	min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
	height: 100vh;
	display: inline-block;
	white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	height: 100%
}

.c-scrollbar {
	position: absolute;
	right: 0;
	top: 0;
	width: 11px;
	height: 100%;
	transform-origin: center right;
	transition: transform .3s, opacity .3s;
	opacity: 0
}

.c-scrollbar:hover {
	transform: scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
	opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
	width: 100%;
	height: 10px;
	top: auto;
	bottom: 0;
	transform: scaleY(1)
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
	transform: scaleY(1.3)
}

.c-scrollbar_thumb {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #000;
	opacity: .5;
	width: 7px;
	border-radius: 10px;
	margin: 2px;
	cursor: -webkit-grab;
	cursor: grab
}

.has-scroll-dragging .c-scrollbar_thumb {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
	right: auto;
	bottom: 0
}

/*-------   Locomotive js custom css starts here  -----*/

.locomo-hide, .locomo-hide-delay > .locomo-delay{
	opacity: 0;
	-webkit-transition: opacity 600ms ease-in-out;
	-moz-transition: opacity 600ms ease-in-out;
	-o-transition: opacity 600ms ease-in-out;
	-ms-transition: opacity 600ms ease-in-out;
	transition: opacity 600ms ease-in-out;
}
.locomo-display, .locomo-display-delay > .locomo-delay{
	opacity: 1;
}


.locomo-left-hide, .locomo-left-hide-delay > .locomo-delay{
	opacity: 0;
	transform: translateX(150px);
	-webkit-transition: opacity 500ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-moz-transition: opacity 500ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-o-transition: opacity 500ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-ms-transition: opacity 500ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	transition: opacity 500ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	
}
.locomo-left-display, .locomo-left-display-delay > .locomo-delay{
	opacity: 1;
	transform: translateX(0px);
}

.locomo-right-hide, .locomo-right-hide-delay > .locomo-delay{
	opacity: 0;
	transform: translateX(-150px);
	-webkit-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-moz-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-o-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-ms-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
}
.locomo-right-display, .locomo-right-display-delay > .locomo-delay{
	opacity: 1;
	transform: translateX(0px);
}

.locomo-top-hide, .locomo-top-hide-delay > .locomo-delay{
	opacity: 0;
	transform: translateY(150px);
	-webkit-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-moz-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-o-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-ms-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
}
.locomo-top-display, .locomo-top-display-delay > .locomo-delay{
	opacity: 1;
	transform: translateY(0px);
}


.locomo-bottom-hide, .locomo-bottom-hide-delay > .locomo-delay{
	opacity: 0;
	transform: translateY(-150px);
	-webkit-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-moz-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-o-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-ms-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
}
.locomo-bottom-display, .locomo-bottom-display-delay > .locomo-delay{
	opacity: 1;
	transform: translateY(0px);
}
.locomo-scale-hide, .locomo-scale-hide-delay > .locomo-delay{
	opacity: 0;
	transform: scale(0.4);
	-webkit-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-moz-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-o-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	-ms-transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
	transition: opacity 900ms ease-in-out, transform 1000ms cubic-bezier(0, 0.55, 0.45, 1);
}
.locomo-scale-display, .locomo-scale-display-delay > .locomo-delay{
	opacity: 1;
	transform: scale(1);
}

.services-wrap .locomo-top-hide:first-child > .locomo-delay{transition-delay: 200ms;}
.services-wrap .locomo-top-hide:nth-child(2) > .locomo-delay{transition-delay: 500ms;}
.services-wrap .locomo-top-hide:nth-child(3) > .locomo-delay{transition-delay: 800ms;}
.services-wrap .locomo-top-hide:nth-child(4) > .locomo-delay{transition-delay: 1100ms;}
.services-wrap .locomo-top-hide:nth-child(5) > .locomo-delay{transition-delay: 1300ms;}



.aboutblock .locomo-top-hide:first-child > .locomo-delay{transition-delay: 400ms;}
.aboutblock .locomo-top-hide:nth-child(2) > .locomo-delay{transition-delay: 600ms;}
.aboutblock .locomo-top-hide-delay:nth-child(3) > .locomo-delay{transition-delay: 800ms;}
.aboutblock .locomo-top-hide-delay:nth-child(4) > .locomo-delay{transition-delay: 1000ms;}
.aboutblock .locomo-top-hide-delay:nth-child(5) > .locomo-delay{transition-delay: 1200ms;}
.aboutblock .locomo-top-hide-delay:nth-child(6) > .locomo-delay{transition-delay: 1400ms;}

.brands-panel .locomo-top-hide-delay:first-child > .locomo-delay{transition-delay: 400ms;}
.brands-panel .locomo-top-hide-delay:last-child > .locomo-delay{transition-delay: 600ms;}

footer .locomo-top-hide-delay:first-child > .locomo-delay{transition-delay: 200ms;}
footer .locomo-top-hide-delay:nth-child(2) > .locomo-delay{transition-delay: 400ms;}
footer .locomo-top-hide-delay:nth-child(3) > .locomo-delay{transition-delay: 600ms;}
footer .locomo-top-hide-delay:nth-child(4) > .locomo-delay{transition-delay: 800ms;}
footer .locomo-top-hide-delay:nth-child(5) > .locomo-delay{transition-delay: 1100ms;}
footer .locomo-top-hide-delay:nth-child(6) > .locomo-delay{transition-delay: 1300ms;}

/*-------   Locomotive js custom css ends here  -----*/