#hero .text-shadow {text-shadow: 2px 2px 3px rgba(0,0,0,1);}

/* hero block */
.hero__slider * { }
.hero__slider { width: calc(85vw);height: 100%;background: rgba(0,0,0,0.15); }
.spline {transform: translate(0, 0); transition: all .25s ease-in; text-align: center; color: #fff; width: 100%; height: 100%; background-size: 50px auto; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0; z-index: 10;}

.hero__slider__content {width: 70%; padding: 20px 0}

.hero__section  {position: relative; width: 5%; overflow: hidden}

.active_slider .hero__slider {width: 85vw;transition: all .25s ease-in-out;background: rgba(0,0,0,0.5); } 
.active_slider .hero__paneid  {width: 30%} 

.active_slider {width: 85vw; transition: all .25s ease-in-out;}
.active_slider .spline, .start .spline { transform: translate(-101%, 0); }
.active_slider .spline {transition:none; }
.hero__slider__content > div {
	background: rgba(0,0,0,.8);
	padding: 30px;
	color: #fff;
}

.hero__paneid {width:30%;transition: all .25s ease-in-out; padding: 100px 20px; font-size: 30px; font-weight: 300; line-height: 1.5em}
.hero__paneid span {
	font-size: 60px;
	font-weight: 300;
	display: block;
	text-align: center;
	line-height: 70px
}
#hero .blockLinks a  {
	background-size: cover;
	background-position: center center;
	padding: 10px;
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	width: 175px;
	min-width: 175px;
	margin:10px 10px 0 0;
	line-height: 1.1em;
	position: relative;
	
}
#hero .blockLinks a:hover {
	text-decoration: none;
}
#hero .blockLinks a:after {
	transition: all .25s ease-in-out;
	position: absolute;
	background: rgba(0,169,213, 0);
	top: 0;
	left:0; 
	width: 100%;
	height: 100%;
	content: '';
}
#hero .blockLinks a:hover:after {
	background: rgba(0,169,213, 0.7);	
}
#hero .blockLinks span {
	position: relative;
	z-index: 10;
}

@media (max-width: 991.98px) { 
	.hero__paneid {font-size: 26px;line-height: 1.25em}	
	.hero__paneid span {font-size: 40px;line-height: 50px}
	#hero h2, #hero .h2 {font-size: 26px}
	#hero {font-size: 16px;}	
}

@media (max-width: 767.98px) { 
	.hero__paneid {font-size: 20px;line-height: 1.25em}	
	.hero__paneid span {font-size: 30px;line-height: 40px}
	.hero__section, .hero__slider,.hero__slider__content,.hero__paneid, .active_slider .hero__slider, .active_slider .hero__paneid, #hero .blockLinks a{ width: 100%;}
	.hero__paneid {padding: 20px 0 20px 0;}
	.hero__slider__content {display: none; text-align: center}
	.active_slider .hero__slider__content {display: block;}
	#hero .blockLinks a {margin-right: 0; text-align: center; font-size: 16px}
	.hero__slider__content > div {
    background: rgba(0,0,0,.7);
    padding: 15px;
    color: #fff;
    margin: 30px;
}
	.spline[style] {background-image: none !important; transition: all 0s ease-in;}
	.hero__slider {height: 55px;}
	.start .hero__slider, .active_slider .hero__slider  {height: auto;}
	.spline img {height: 55px; width: auto; display: block; margin: 0 auto;}
	.active_slider .spline, .start .spline { transform: translate(0,102%); }
}


@media (max-width: 1199.98px) { }
@media (max-width: 991.98px) { }
@media (max-width: 767.98px) { }
@media (max-width: 575.98px) { }