.header {
	background-color: #2c51a3
}

@font-face {
	font-family: 'Noyh-Bold';
	src: url("../fonts/Noyh-Bold/font.woff2") format("woff2"), url("../font/Noyh-Bold/font.woff") format("woff")
}

@font-face {
	font-family: 'Noyh-Regular';
	src: url("../fonts/Noyh-Regular/font.woff2") format("woff2"), url("../font/Noyh-Regular/font.woff") format("woff")
}

@font-face {
	font-family: 'hb';
	src: url("../fonts/font-bold.woff2") format("woff2"), url("../font/font-bold.woff") format("woff")
}

@font-face {
	font-family: 'h';
	src: url("../fonts/font.woff2") format("woff2"), url("../font/font.woff") format("woff")
}

.vh-hl {
	color: #fff;
	font-family: 'Noyh-Bold'
}

@media (max-width: 767px) {
	h2.vh-hl {
		font-size: 24px !important
	}
}

.f-ny {
	font-family: 'Noyh-Regular'
}

.f-nyb {
	font-family: 'Noyh-Bold'
}

.f-h {
	font-family: 'h'
}

.f-hb {
	font-family: 'hb';
	line-height: 1
}

#sk-video {
	background-color: rgba(0, 11, 79, 0.91) !important
}

#sk-video:before {
	position: absolute
}

#sk-video .modal-dialog {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

#sk-video .modal-dialog .modal-content {
	position: relative;
	width: auto !important
}

#sk-video .modal-dialog .close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	border: none;
	width: 32px;
	height: 32px;
	z-index: 2
}

#sk-video .modal-dialog video {
	max-width: 100%;
	height: auto
}

.vh-block {
	width: 100%;
	overflow-x: hidden;
	position: relative
}

.vh-block.intro {
	height: calc( 70vh - 80px)
}

@media (max-width: 989px) {
	.vh-block.intro {
		height: calc( 60vh - 80px)
	}
}

.vh-block.intro-cat {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	overflow: hidden;
	height: 400px
}

@media (max-width: 989px) {
	.vh-block.intro-cat {
		height: 300px
	}
}

.vh-block.intro-cat .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.vh-block.intro-cat .col-md-1 {
	display: inline-block;
	grid-column: none;
	margin-left: 20px;
	margin-right: 20px
}

.vh-block.intro-cat .col-md-5 {
	display: inline-block;
	grid-column: none
}

.vh-block.lead-cat {
	overflow: hidden;
	background: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0))), url(../img/prod-bg.jpg);
	background-image: -o-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%), url(../img/prod-bg.jpg);
	background-image: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%), url(../img/prod-bg.jpg);
	background-position: bottom center, top center;
	background-repeat: no-repeat;
	background-size: 100% 180px, cover;
	padding-bottom: 100px
}

.vh-block.lead-cat canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0
}

.vh-block.lead-cat .tab-content:before {
	display: none
}

@media (max-width: 767px) {
	.vh-block.lead-cat {
		padding-bottom: 20px
	}
}

.vh-block.layers-protection {
	background-color: #edebeb;
	position: relative
}

.vh-block .intro-bg-blur {
	position: absolute;
	top: -5%;
	left: -5%;
	width: 110%;
	height: 110%;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-filter: blur(100px);
	filter: blur(100px)
}

.vh-block .intro-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: bottom center;
	background-repeat: no-repeat
}

.vh-block .intro-bg h3 {
	text-shadow: 1px 1px 2px rgba(23, 23, 23, 0.88)
}

.vh-block .intro-bg .bait-3,
.vh-block .intro-bg .trap-4,
.vh-block .intro-bg .zaper-2,
.vh-block .intro-bg .repel-1 {
	background: none
}

.vh-block.lead {
	margin-top: -40px
}

.vh-block .up-1 {
	z-index: 1
}

/* @CHANGE */
.vh-block .video-preview-gif {
	background-image: url(https://cdn.velvethammerbranding.com/clients/nebo/brand-video-1.gif) !important;
	background-size: cover !important
}

.vh-block .lead-bg {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: #2c51a3;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(20%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(20%, rgba(0, 0, 0, 0))), url("../img/hawk.png"), -webkit-gradient(linear, left bottom, left top, from(#2c51a3), to(#1f3872));
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), url("../img/hawk.png"), -o-linear-gradient(bottom, #2c51a3 0%, #1f3872 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), url("../img/hawk.png"), linear-gradient(0deg, #2c51a3 0%, #1f3872 100%);
	background-size: 100% auto, auto;
	background-position: center, center;
	-webkit-clip-path: polygon(0% 0%, 50% 300px, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 50% 300px, 100% 0%, 100% 100%, 0% 100%)
}

.vh-block .lead-bg.smaller {
	-webkit-clip-path: polygon(0% 0%, 50% 100px, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 50% 100px, 100% 0%, 100% 100%, 0% 100%)
}

@media (max-width: 989px) {
	.vh-block .lead-bg {
		-webkit-clip-path: polygon(0% 200px, 50% 300px, 100% 200px, 100% 100%, 0% 100%);
		clip-path: polygon(0% 200px, 50% 300px, 100% 200px, 100% 100%, 0% 100%)
	}
}

.vh-block h2 {
	font-size: 48px;
	line-height: 1
}

.vh-block p {
	float: none;
	line-height: 1.2
}

.vh-block .d2 {
	font-size: 14px
}

.vh-block .x2 {
	font-size: 20px
}

.vh-block .x3 {
	font-size: 24px
}

.vh-block .x4 {
	font-size: 32px
}

.vh-block .x5 {
	font-size: 88px
}

.vh-block .xprod {
	font-size: 72px
}

@media (max-width: 767px) {
	.vh-block .xprod {
		font-size: 42px
	}
}

.vh-block .x6 {
	font-size: 160px;
	letter-spacing: -2.46px
}

@media (max-width: 989px) {
	.vh-block .x6 {
		font-size: 120px
	}
}

@media (max-width: 767px) {
	.vh-block .x6 {
		font-size: 80px
	}
}

.vh-block .align-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.vh-block .h-100 {
	height: 100%
}

.vh-block .mx-auto {
	margin: 0 auto
}

.vh-block .text-center {
	text-align: center
}

.vh-block .prod-hl {
	letter-spacing: -5px
}

@media (max-width: 767px) {
	.vh-block .prod-hl {
		letter-spacing: -1px;
		margin-top: 0
	}
}

.vh-block .also-link {
	position: absolute;
	z-index: 1;
	right: 52%;
	bottom: 25px;
	opacity: 0
}

.vh-block .also-link span:before {
	display: none
}

.vh-block .sign-off {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(20%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(20%, rgba(0, 0, 0, 0))), url(../img/hawk.png), -webkit-gradient(linear, left bottom, left top, from(#2c51a3), to(#1f3872));
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), url(../img/hawk.png), -o-linear-gradient(bottom, #2c51a3 0%, #1f3872 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), url(../img/hawk.png), linear-gradient(0deg, #2c51a3 0%, #1f3872 100%)
}

.vh-block .cursor {
	cursor: pointer
}

.vh-block .rel {
	position: relative
}

.vh-block .m-0 {
	margin: 0 !important
}

.vh-block .mb-0 {
	margin-bottom: 0 !important
}

.vh-block .mt-1half {
	margin-top: 15px !important
}

.vh-block .mt-1 {
	margin-top: 30px !important
}

.vh-block .pt-1 {
	padding-top: 30px !important
}

.vh-block .pt-2 {
	padding-top: 60px !important
}

.vh-block .pt-3 {
	padding-top: 90px !important
}

.vh-block .px-1 {
	padding-left: 15px;
	padding-right: 15px
}

.vh-block .py-1 {
	padding-top: 15px;
	padding-bottom: 15px
}

.vh-block .mt-0 {
	margin-top: 0 !important
}

.vh-block .mt-2 {
	margin-top: 60px !important
}

.vh-block .mt-3 {
	margin-top: 90px !important
}

.vh-block .mt-4 {
	margin-top: 180px !important
}

.vh-block .mb-2 {
	margin-bottom: 60px !important
}

.vh-block .mb-3 {
	margin-bottom: 90px !important
}

.vh-block .mb-4 {
	margin-bottom: 180px !important
}

.vh-block .bar {
	height: 3px;
	background: #fff
}

.vh-block .bar.thin {
	height: 1px
}

.vh-block .bar.blue {
	background: #385cad
}

.vh-block .skeeter-prod {
	position: absolute;
	left: 0;
	bottom: -10%;
	opacity: 0;
	-webkit-transform: translateY(-400px);
	-ms-transform: translateY(-400px);
	transform: translateY(-400px)
}

@media (max-width: 767px) {
	.vh-block .skeeter-prod {
		display: none
	}
}

.vh-block .tab-pane.show .skeeter-prod {
	-webkit-transition: 0.3s cubic-bezier(0.47, 1.64, 0.41, 0.8);
	-o-transition: 0.3s cubic-bezier(0.47, 1.64, 0.41, 0.8);
	transition: 0.3s cubic-bezier(0.47, 1.64, 0.41, 0.8);
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.vh-block .float-up .skeeter-prod {
	-webkit-transition-delay: 5s;
	-o-transition-delay: 5s;
	transition-delay: 5s
}

.vh-block .float-up:not(.seen) .skeeter-prod {
	-webkit-transform: translateY(-400px);
	-ms-transform: translateY(-400px);
	transform: translateY(-400px)
}

.vh-block .nav-tabs .active:before {
	display: none
}

.vh-block .sk-ul {
	padding-left: 15px
}

.vh-block .inline {
	display: inline-block
}

.vh-block .subtle {
	color: #7b7b7b;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Noyh-Bold';
	font-size: 12px;
	letter-spacing: 2px
}

.vh-block .prod-on {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: lights 3s linear infinite;
	animation: lights 3s linear infinite
}

.vh-block .sh-video {
	-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.8)
}

.vh-block .img-svg {
	width: auto;
	max-height: 60px
}

.vh-block .color-white {
	color: #fff
}

.vh-block .color-primary {
	color: #385cad
}

.vh-block .img-fluid {
	width: 100%;
	height: auto
}

.vh-block .ico-sm {
	max-height: 24px
}

.vh-block .sk-msg {
	display: none;
	border-radius: 2px;
	padding: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.vh-block .sk-message {
	position: absolute;
	background: #fff;
	width: 100%;
	max-width: 450px;
	z-index: 1;
	left: 50%;
	-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.26);
	box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.26)
}

@media (max-width: 767px) {
	.vh-block .sk-message {
		max-width: 250px
	}
}

.vh-block .sk-message.b-msg,
.vh-block .sk-message.t-msg,
.vh-block .sk-message.r-msg {
	-webkit-transform: translate3d(20%, -100%, 0);
	transform: translate3d(20%, -100%, 0)
}

@media (max-width: 767px) {
	.vh-block .sk-message.b-msg,
	.vh-block .sk-message.t-msg,
	.vh-block .sk-message.r-msg {
		-webkit-transform: translate3d(20%, -50%, 0);
		transform: translate3d(20%, -50%, 0)
	}
}

.vh-block .sk-message.z-msg {
	-webkit-transform: translate3d(-50%, -100%, 0);
	transform: translate3d(-50%, -100%, 0)
}

.vh-block .sk-message .hl {
	margin: 8px 0;
	text-transform: uppercase;
	color: #fff
}

@media (max-width: 767px) {
	.vh-block .sk-message .hl {
		font-size: 12px
	}
}

.vh-block .sk-message p {
	color: #fff;
	margin: 5px 0
}

@media (max-width: 767px) {
	.vh-block .sk-message p {
		font-size: 11px
	}
}

.vh-block .sk-message a {
	color: #fff
}

.vh-block .sk-message a:hover {
	color: #fff;
	text-decoration: underline
}

@media (max-width: 767px) {
	.vh-block .sk-message a {
		font-size: 11px
	}
}

.vh-block .sk-message .z-msg {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(251, 113, 57, 0.8)), to(#fb7139));
	background: -o-linear-gradient(bottom, rgba(251, 113, 57, 0.8) 0%, #fb7139 100%);
	background: linear-gradient(0deg, rgba(251, 113, 57, 0.8) 0%, #fb7139 100%)
}

.vh-block .sk-message .r-msg {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(208, 166, 64, 0.8)), to(#d0a640));
	background: -o-linear-gradient(bottom, rgba(208, 166, 64, 0.8) 0%, #d0a640 100%);
	background: linear-gradient(0deg, rgba(208, 166, 64, 0.8) 0%, #d0a640 100%)
}

.vh-block .sk-message .b-msg {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(147, 157, 96, 0.8)), to(#939d60));
	background: -o-linear-gradient(bottom, rgba(147, 157, 96, 0.8) 0%, #939d60 100%);
	background: linear-gradient(0deg, rgba(147, 157, 96, 0.8) 0%, #939d60 100%)
}

.vh-block .sk-message .t-msg {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(180, 85, 89, 0.8)), to(#b45559));
	background: -o-linear-gradient(bottom, rgba(180, 85, 89, 0.8) 0%, #b45559 100%);
	background: linear-gradient(0deg, rgba(180, 85, 89, 0.8) 0%, #b45559 100%)
}

@media (max-width: 767px) {
	.vh-block .sk-message {
		-webkit-transform: translate3d(-50%, 50%, 0);
		transform: translate3d(-50%, 50%, 0)
	}
}

.vh-block .bar-v {
	position: relative
}

.vh-block .bar-v:after {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 1px;
	background: #385cad;
	right: 0;
	top: 0
}

@media (max-width: 767px) {
	.vh-block .bar-v {
		display: none
	}
}

.vh-block .overflow {
	overflow: hidden
}

.vh-block .svg-blue {
	-webkit-filter: invert(0.5) sepia(1) saturate(3.5) hue-rotate(170deg) brightness(0.7);
	filter: invert(0.5) sepia(1) saturate(3.5) hue-rotate(170deg) brightness(0.7)
}

.vh-block #myTabContent>.tab-pane,
.vh-block #productContent>.tab-pane {
	display: none
}

.vh-block #myTabContent>.active,
.vh-block #productContent>.active {
	display: block
}

.vh-block #myTabContent>.active:before,
.vh-block #productContent>.active:before {
	display: none
}

@media (max-width: 767px) {
	.vh-block #myTabContent>.tab-pane {
		display: block !important;
		opacity: 1 !important;
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
		padding-bottom: 60px
	}
	.vh-block #myTabContent>.tab-pane img {
		margin-top: 20px
	}
	.vh-block #myTabContent>.tab-pane .ico-sm {
		margin-top: 0 !important
	}
	.vh-block #myTabContent>.tab-pane .f-h {
		font-size: 11px
	}
}

.vh-block .mark {
	width: 115px;
	height: 115px;
	position: relative
}

@media (max-width: 767px) {
	.vh-block .mark {
		width: 60px;
		height: 60px;
		background-size: contain
	}
}

.vh-block .fade {
	-webkit-transition: 0.15s opacity linear;
	-o-transition: 0.15s opacity linear;
	transition: 0.15s opacity linear
}

.vh-block .fade:not(.show) {
	opacity: 0
}

.vh-block .collapse:not(.show) {
	display: none
}

.vh-block .collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: 0.15s opacity linear;
	-o-transition: 0.15s opacity linear;
	transition: 0.15s opacity linear
}

.vh-block .video-preview {
	width: 100%;
	max-width: 400px;
	height: 200px;
	background: #000;
	margin: 0 auto;
	-webkit-box-shadow: 0px 10px 17px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 10px 17px 5px rgba(0, 0, 0, 0.2)
}

.vh-block .video-preview div {
	cursor: pointer
}

.vh-block .video-preview div:hover img {
	opacity: 1
}

.vh-block .video-preview div img {
	opacity: 0.2;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

.vh-block .video-preview div img:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

@media (max-width: 989px) {
	.vh-block .mt-0-mobile {
		margin-top: 0 !important
	}
}

.vh-block .intro-lead {
	max-width: 600px;
	padding: 0 40px
}

@media (max-width: 767px) {
	.vh-block .intro-lead {
		margin-top: -100px !important
	}
}

.vh-block .float-up {
	/* @CHANGE */
	/* -webkit-transition: 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) -webkit-transform;
	transition: 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) -webkit-transform;
	-o-transition: 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
	transition: 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform;
	transition: 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity, 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform, 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) -webkit-transform;
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
	-webkit-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px); 	
	opacity: 0 */

}

.vh-block .seen.float-up {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1 !important
}

.vh-block .layer-hl {
	position: absolute;
	z-index: 1;
	text-align: center;
	width: 100%
}

.vh-block .quad-wrap {
	display: inline-block;
	margin: 0 auto;
	position: relative
}

.vh-block .quad-wrap.trap .over-prod {
	background-image: url(https://cdn.velvethammerbranding.com/clients/nebo/prods/traps-quad-on.png)
}

.vh-block .quad-wrap.zap .over-prod {
	background-image: url(https://cdn.velvethammerbranding.com/clients/nebo/prods/zap-quad-on.png)
}

.vh-block .quad-wrap.bait .over-prod {
	background-image: url(https://cdn.velvethammerbranding.com/clients/nebo/prods/bait-quad-on.png)
}

.vh-block .quad-wrap .over-prod {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: contain;
	z-index: 1;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

.vh-block .quad-wrap .over-prod:hover {
	opacity: 1
}

.vh-block .btn-sh {
	display: inline-block;
	font-family: 'hb';
	color: #385cad;
	-webkit-transition: 0.45s;
	-o-transition: 0.45s;
	transition: 0.45s
}

.vh-block .btn-sh:hover {
	color: #3498db
}

.vh-block .btn-sh.btn-sh-p {
	background: #fff;
	padding: 12px 20px
}

.vh-block .btn-sh.btn-sh-p:hover {
	-webkit-box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.9), 1px 0 30px 20px rgba(3, 169, 244, 0.9);
	box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.9), 1px 0 30px 20px rgba(3, 169, 244, 0.9)
}

.vh-block .btn-sh.btn-sm {
	font-size: 14px
}

.vh-block .btn-sh.btn-add {
	background-color: #adb0b3;
	color: #fff;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid #adb0b3
}

.vh-block .btn-sh.btn-add:hover {
	background: #385cad;
	color: #fff
}

.vh-block .form-group {
	margin-bottom: 15px;
	overflow: hidden
}

@media (max-width: 767px) {
	.vh-block .mobile-center {
		text-align: center
	}
}

.vh-block .skeeter-bug {
	max-width: 200px
}

@media (max-width: 767px) {
	.vh-block .skeeter-bug {
		max-width: 100px
	}
}

.hero-depth {
	position: fixed;
	height: calc( 70vh - 80px);
	width: 100%;
	z-index: -1
}

.hero-depth #scene {
	width: 100%;
	height: 100%
}

.hero-depth .vh-pl-fog-2 {
	/*background-image: url("../img/frog-2.png") !important;*/
	background-position: center bottom !important;
	background-repeat: repeat-x !important;
	background-size: 1917px auto !important;
	/*-webkit-animation: slide 30s linear infinite;
	animation: slide 30s linear infinite;*/
	width: 5751px !important;
	height: 120%;
	left: -10% !important;
	opacity: 0.7;
	top: 10% !important
}

.hero-depth .vh-pl-backdrop {
	background-image: url("../img/parallax-layers.webp");
	background-size: cover;
	background-position: center;
	width: 120%;
	height: 120%;
	left: -10% !important;
	top: -10% !important
}

.hero-depth .vh-pl-tree-dark {
	background-image: url("../img/parallax-layers-2.png");
	background-size: cover;
	background-position: center;
	width: 120%;
	height: 120%;
	left: -10% !important;
	top: -10% !important
}

.hero-depth .vh-pl-tree-dark-2 {
	background-image: url("../img/parallax-layers-secon-tree.png");
	background-size: cover;
	background-position: center;
	width: 120%;
	height: 120%;
	left: -10% !important;
	top: -10% !important
}

.hero-depth .vh-pl-tree-alpine {
	background-image: url("../img/alpine-tree.png");
	background-size: auto 200%;
	background-position: right center;
	background-repeat: no-repeat;
	width: 50%;
	height: 200%;
	left: -35% !important;
	top: -50% !important
}

.hero-depth .vh-pl-fog {
	background-image: url("../img/parallax-layers-3.png");
	background-size: cover;
	background-position: center;
	width: 120%;
	height: 120%;
	left: -10% !important;
	top: -10% !important
}


.hero-depth .vh-pl-logo {
	background-image: url("../img/logo.png");
	top: 30% !important;
	left: 20% !important;
	width: 100%;
	max-width: 400px;
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat
}

@media (max-width: 989px) {
	.hero-depth .vh-pl-logo {
		max-width: 200px
	}
}

.hero-depth .vh-pl-lines {
	background-image: url("../img/parallax-layers-8.png");
	background-size: cover;
	background-position: center;
	width: 120%;
	height: 120%;
	left: -10% !important;
	top: -10% !important
}

.hero-depth .vh-pl-product {
	background-image: url("../img/parallax-layers-9.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 120%;
	height: 120%;
	left: -10% !important;
	top: -10% !important
}

.hero-depth .vh-pl-product-lights {
	background-image: url("../img/parallax-layers-9-lights.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 120%;
	height: 120%;
	left: -10% !important;
	top: -10% !important;
	/*-webkit-animation: lights 3s linear infinite;
	animation: lights 3s linear infinite*/
}

.hero-depth .vh-pl-dust {
	background-image: url("../img/dust.png");
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.6;
	width: 120%;
	height: 120%;
	left: -10% !important;
	top: -10% !important
}
.hero-depth .vh-pl-dust canvas{
	display:none;
}

.hero-depth .vh-pl-dust.dust-2 {
	opacity: 0.7;
	background-size: contain;
	width: 20%;
	height: 20%;
	left: 40% !important;
	top: 40% !important
}

.hero-depth .vh-pl-white {
	background: #fff;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #fff), to(rgba(255, 255, 255, 0)));
	background: -o-linear-gradient(bottom, #fff 80%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(0deg, #fff 80%, rgba(255, 255, 255, 0) 100%);
	top: 80% !important;
	width: 140%;
	margin-left: -20%;
	height: 100%
}

@media (max-width: 989px) {
	.hero-depth .vh-pl-white {
		top: 50% !important
	}
}

@-webkit-keyframes lights {
	25% {
		opacity: 0.5
	}
	50.001% {
		opacity: 0.4
	}
	52.999% {
		opacity: 0.4
	}
	64.999% {
		opacity: 1
	}
	68.999% {
		opacity: 0.7
	}
	73% {
		opacity: 1
	}
}

@keyframes lights {
	25% {
		opacity: 0.5
	}
	50.001% {
		opacity: 0.4
	}
	52.999% {
		opacity: 0.4
	}
	64.999% {
		opacity: 1
	}
	68.999% {
		opacity: 0.7
	}
	73% {
		opacity: 1
	}
}

.align-items-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.row {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 20px
}

@media (max-width: 767px) {
	.row.row-sm>div {
		grid-column: span 3
	}
	.row.row-sm>div .f-h {
		font-size: 11px
	}
}

.col-md-1 {
	grid-column: span 1
}

.col-md-2 {
	grid-column: span 2
}

.col-md-3 {
	grid-column: span 3
}

.col-md-4 {
	grid-column: span 4
}

.col-md-5 {
	grid-column: span 5
}

.col-md-6 {
	grid-column: span 6
}

.col-md-7 {
	grid-column: span 7
}

.col-md-8 {
	grid-column: span 8
}

.col-md-9 {
	grid-column: span 9
}

.col-md-10 {
	grid-column: span 10
}

.col-md-11 {
	grid-column: span 11
}

.col-md-12 {
	grid-column: span 12
}

@media (max-width: 767px) {
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		grid-column: span 12
	}
}

.row-8 {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(8, 1fr)
}

@media (max-width: 767px) {
	.row-8 {
		grid-template-columns: repeat(4, 2fr)
	}
}

.row-8>div {
	padding: 20px 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position: relative;
	z-index: 1
}

@media (max-width: 767px) {
	.row-8>div .f-h {
		font-size: 11px;
		margin-top: 5px
	}
}

.row-8>div img {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 0.9
}

.row-8>div:after {
	z-index: -1;
	content: "";
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	-webkit-transform: translate3d(-50%, -88%, 0);
	transform: translate3d(-50%, -88%, 0);
	background-color: rgba(255, 255, 255, 0)
}

.row-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 290px
}

@media (max-width: 989px) {
	.row-4 {
		grid-template-columns: repeat(2, 2fr)
	}
}

@media (max-width: 767px) {
	.row-4 {
		display: none
	}
}

.row-4>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

.row-4>div:hover,
.row-4>div.active {
	z-index: 1;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.row-4>div:hover .overlay,
.row-4>div.active .overlay {
	background-color: rgba(0, 95, 255, 0.65)
}

.row-4 .overlay {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(112, 114, 114, 0)
}

.repel-1,
.zaper-2,
.bait-3,
.trap-4 {
	background-size: cover
}

.repel-1 .mark,
.repel-1 p,
.zaper-2 .mark,
.zaper-2 p,
.bait-3 .mark,
.bait-3 p,
.trap-4 .mark,
.trap-4 p {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s
}

.repel-1 {
	background-image: url("../img/repel-1.jpg")
}

.repel-1 .mark {
	background-image: url("../img/r.png")
}

.zaper-2 {
	background-image: url("../img/zaper-2.jpg")
}

.zaper-2 .mark {
	background-image: url("../img/z.png")
}

.bait-3 {
	background-image: url("../img/bait-3.jpg")
}

.bait-3 .mark {
	background-image: url("../img/b.png")
}

.trap-4 {
	background-image: url("../img/trap-4.jpg")
}

.trap-4 .mark {
	background-image: url("../img/t.png")
}

.animation-wrap {
	background-color: #edebeb;
	overflow: hidden
}

@media (max-width: 767px) {
	.animation-wrap {
		background: #fff
	}
}

.animation-wrap .sprite-wrap {
	width: 100%;
	position: relative
}

@media (max-width: 767px) {
	.animation-wrap .sprite-wrap {
		margin-bottom: 0px
	}
}

.animation-wrap .sprite-spacer {
	width: 100%;
	padding-bottom: 33.3%
}

.animation-wrap .sprite,
.animation-wrap .animation-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.animation-wrap .animation-stage {
	height: 100%;
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.animation-wrap .animation-overlay {
	background: #fff;
	background: -o-radial-gradient(circle, rgba(255, 255, 255, 0) 50%, #edebeb 100%);
	background: radial-gradient(circle, rgba(255, 255, 255, 0) 50%, #edebeb 100%)
}

.animation-wrap .sprite-text-section-3 {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 1;
	position: absolute
}

.animation-wrap .sprite-text-section-3.out {
	opacity: 0
}

.animation-wrap .sprite-text-section-3.sp-1 {
	top: 25%;
	left: 10%
}

.animation-wrap .sprite-text-section-3.sp-2 {
	top: 45%;
	left: 27%
}

.animation-wrap .sprite-text-section-3.sp-3 {
	top: 75%;
	left: 1%
}

.animation-wrap .sprite-text-section-3.sp-4 {
	top: 60%;
	left: 72%
}

.animation-wrap .zaper-2:before {
	background-color: #fb7139;
	-webkit-animation-delay: 0.1s !important;
	animation-delay: 0.1s !important
}

.animation-wrap .repel-1:before {
	background-color: #d0a640;
	-webkit-animation-delay: 0.2s !important;
	animation-delay: 0.2s !important
}

.animation-wrap .bait-3:before {
	background-color: #939d60;
	-webkit-animation-delay: 0.3s !important;
	animation-delay: 0.3s !important
}

.animation-wrap .trap-4:before {
	background-color: #b45559;
	-webkit-animation-delay: 0.4s !important;
	animation-delay: 0.4s !important
}

.animation-wrap .repel-1,
.animation-wrap .zaper-2,
.animation-wrap .bait-3,
.animation-wrap .trap-4 {
	background: none !important;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5)
}

.animation-wrap .repel-1:hover,
.animation-wrap .zaper-2:hover,
.animation-wrap .bait-3:hover,
.animation-wrap .trap-4:hover {
	-webkit-transform: scale(0.8) !important;
	-ms-transform: scale(0.8) !important;
	transform: scale(0.8) !important
}

.animation-wrap .repel-1:before,
.animation-wrap .zaper-2:before,
.animation-wrap .bait-3:before,
.animation-wrap .trap-4:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: shadow-pulse 1s infinite;
	animation: shadow-pulse 1s infinite
}

@-webkit-keyframes slide {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(-1917px, 0, 0);
		transform: translate3d(-1917px, 0, 0)
	}
}

@keyframes slide {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(-1917px, 0, 0);
		transform: translate3d(-1917px, 0, 0)
	}
}

@-webkit-keyframes shadow-pulse {
	0% {
		opacity: 0.7;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@keyframes shadow-pulse {
	0% {
		opacity: 0.7;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

.vh-block .prod-caro-wrap {
	overflow: hidden;
	background: #fff;
	margin-top: -1px;
	position: relative;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#d4d4d4), color-stop(40%, rgba(255, 255, 255, 0)));
	background-image: -o-linear-gradient(bottom, #d4d4d4 0%, rgba(255, 255, 255, 0) 40%);
	background-image: linear-gradient(0deg, #d4d4d4 0%, rgba(255, 255, 255, 0) 40%)
}

.vh-block .prod-caro {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end
}

@media (max-width: 989px) {
	.vh-block .prod-caro {
		width: 100%;
		max-width: 300px;
		margin: 0 auto
	}
}

.vh-block .prod-caro>div {
	margin-bottom: 30px
}

.vh-block .prod-caro .p-2 {
	position: absolute
}

.vh-block .prod-caro .wear .p-2 {
	left: 0;
	bottom: 20px
}

.vh-block .prod-caro .trap .p-1 {
	-webkit-transform: translateX(-20%);
	-ms-transform: translateX(-20%);
	transform: translateX(-20%)
}

.vh-block .prod-caro .trap .p-2 {
	left: 0;
	-webkit-transform: translateX(20%) translatey(2%);
	-ms-transform: translateX(20%) translatey(2%);
	transform: translateX(20%) translatey(2%)
}

.vh-block .prod-caro .zap .p-1 {
	-webkit-transform: translateX(-15%);
	-ms-transform: translateX(-15%);
	transform: translateX(-15%)
}

.vh-block .prod-caro .zap .p-2 {
	left: 0;
	-webkit-transform: translateX(15%) translatey(12%) scale(0.6);
	-ms-transform: translateX(15%) translatey(12%) scale(0.6);
	transform: translateX(15%) translatey(12%) scale(0.6)
}

.vh-block #prodTab {
	position: relative;
	z-index: 1
}

.vh-block #prodTab .btn-sh {
	position: relative;
	z-index: 1;
	background-color: #fff;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid #385cad
}

.vh-block #prodTab .btn-sh.active {
	background: #385cad;
	color: #fff;
	border: 1px solid rgba(56, 92, 173, 0)
}

.vh-block #productContent .tab-pane .prod-wrap {
	-webkit-transition: 0.45s;
	-o-transition: 0.45s;
	transition: 0.45s;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transform: translateX(-100px) scale(0.8);
	-ms-transform: translateX(-100px) scale(0.8);
	transform: translateX(-100px) scale(0.8);
	-webkit-transform-origin: center left;
	-ms-transform-origin: center left;
	transform-origin: center left;
	opacity: 0;
	position: relative;
	z-index: -1
}

.vh-block #productContent .tab-pane .prod-wrap img {
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5)
}

.vh-block #productContent .tab-pane .prod-wrap.prod-bait img {
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3)
}

.vh-block #productContent .tab-pane .prod-wrap.prod-wear .also-link {
	-webkit-transform: translateX(-20%);
	-ms-transform: translateX(-20%);
	transform: translateX(-20%)
}

@media (max-width: 989px) {
	.vh-block #productContent .tab-pane .prod-wrap.prod-wear .also-link {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%)
	}
}

.vh-block #productContent .tab-pane .prod-wrap.prod-wear img {
	-webkit-transform: scale(1.3) translateX(-20%);
	-ms-transform: scale(1.3) translateX(-20%);
	transform: scale(1.3) translateX(-20%)
}

@media (max-width: 989px) {
	.vh-block #productContent .tab-pane .prod-wrap.prod-wear img {
		-webkit-transform: scale(1.3) translateX(0%);
		-ms-transform: scale(1.3) translateX(0%);
		transform: scale(1.3) translateX(0%)
	}
}

.vh-block #productContent .tab-pane .prod-content {
	-webkit-transition: 0.45s;
	-o-transition: 0.45s;
	transition: 0.45s;
	-webkit-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;
	-webkit-transform: translateX(-100px) scale(0.8);
	-ms-transform: translateX(-100px) scale(0.8);
	transform: translateX(-100px) scale(0.8);
	-webkit-transform-origin: center left;
	-ms-transform-origin: center left;
	transform-origin: center left;
	opacity: 0;
	position: relative;
	z-index: 1
}

.vh-block #productContent .tab-pane.show .prod-wrap {
	-webkit-transform: translateX(0) scale(1);
	-ms-transform: translateX(0) scale(1);
	transform: translateX(0) scale(1);
	opacity: 1
}

.vh-block #productContent .tab-pane.show .prod-content,
.vh-block #productContent .tab-pane.show h2 {
	-webkit-transform: translateX(0) scale(1);
	-ms-transform: translateX(0) scale(1);
	transform: translateX(0) scale(1);
	opacity: 1
}

.vh-block #productContent .tab-pane.show .also-link {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transition-delay: 0.45s;
	-o-transition-delay: 0.45s;
	transition-delay: 0.45s;
	opacity: 1
}

.repel-1, .zaper-2, .bait-3, .trap-4 {
    transition: 0.6s;
}
#myTab .overlay{
	transition: 0.6s;
}
#myTab .overlay:hover{
	transition: 0.6s;
}
#_hj-f5b2a1eb-9b07_feedback[data-viewmode="desktop"][data-minimized-position="middle_right"] #_hj-f5b2a1eb-9b07_feedback_minimized{
	bottom: 430px !important;
}

@media (max-width: 989px) {
	.vh-block #productContent .tab-pane.show .also-link {
		display: none
	}
}


@media screen and (min-width:990px) and (max-width:1240px){
	.vh-pl-logo{
	    left: 10%!important;
	    max-width: 250px !important;
	}
}