@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.vh .slide__content__title{
	opacity: 0;
}
.vh .slide__content__text{
	opacity: 0;
}
.vh.slick-active .slide__content__title{
 -webkit-animation: fadein 2s forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s forwards; /* Firefox < 16 */
        -ms-animation: fadein 2s forwards; /* Internet Explorer */
         -o-animation: fadein 2s forwards; /* Opera < 12.1 */
            animation: fadein 2s forwards;
}
.vh.slick-active .slide__content__text{
 -webkit-animation: fadein 7s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 7s forwards; /* Firefox < 16 */
        -ms-animation: fadein 7s forwards; /* Internet Explorer */
         -o-animation: fadein 7s forwards; /* Opera < 12.1 */
            animation: fadein 7s forwards;	
}
.slick-initialized .slick-slide.vh-3{
	opacity: 0;
}
.slick-initialized .slick-slide.vh-3.slick-active{
	opacity: 1;
}
button.slick-arrow{
	display: none!important;
}
.slick-initialized .slick-slide{
	outline: none;
}
.core__main .vh{
    padding: 30vh 16vw 29vh 16.5vw;
}
.core__main .vh-3{
	padding: 30vh 16vw 55vh 16.5vw;
}
.slide__content{
	margin-top: 0;
}
.slide__content__title{
	font-size: 76px;
	line-height: 1;
	font-weight: 600;
	text-transform: none;
}
.slide__content__text{
    font-size: 32px;
    padding: 2% 0;
    font-weight: 500;

}
.vh-3 .slide__content__text{
	display: none;
}

.vh-3 .slide__content__title{
    font-size: 4rem;
    text-align: center;
    margin-top: 5%;
}
/* ANIMATION */

.svg__small-desktop{
	display: none;
}
.svg__full-desktop,
.svg__small-desktop{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

@keyframes border-animation-full-svg{
	from{
		stroke-dasharray: 0 1800;
	}
	to{
		stroke-dasharray: 1800 0;
	}
}

@keyframes border-animation-small-svg{
	from{
		stroke-dasharray: 0 1300;
	}
	to{
		stroke-dasharray: 1300 0;
	}
}

@keyframes water-animation-full-svg{
	from{
		stroke-dasharray: 0 250;
	}
	to{
		stroke-dasharray: 250 0;
	}
}

@keyframes water-animation-small-svg{
	from{
		stroke-dasharray: 0 200;
	}
	to{
		stroke-dasharray: 200 0;
	}
}


.vh.slick-active .svg__full-desktop .first-path{
	animation: border-animation-full-svg 3s linear;
	stroke-dasharray: 0 1800;
	stroke-width: 20%;
}

.vh.slick-active .svg__small-desktop .first-path{
	animation: border-animation-small-svg 3s linear;
	stroke-dasharray: 0 1300;
	stroke-width: 20%;
}

.vh.slick-active .svg__full-desktop .second-path{
	animation: water-animation-full-svg 3s linear;
	stroke-dasharray: 0 250;
	stroke-width: 44%;
}

.vh.slick-active .svg__small-desktop .second-path{
	animation: water-animation-small-svg 3s linear;
	stroke-dasharray: 0 200;
	stroke-width: 44%;
}

.animation .first-path,
.animation .second-path{
	animation-fill-mode: both;
	animation-play-state: paused;
}
.vh.slick-active .animation .first-path,
.vh.slick-active .animation .second-path{
	animation-fill-mode: both;
	animation-play-state: running;
}

.animation{
	z-index: -1;
}

.contacts a:before{
	background-color: #fff;
}

@media screen and (max-width: 1400px){
	.svg__small-desktop{
		display: block;
	}
	.svg__full-desktop{
		display: none;
	}
	.vh-3 .slide__content__title{
	    margin-top: 10%;
	}
}

@media (width: 1366px) {
	.core__main .vh{
		padding: 17vh 21vw 29vh 16.5vw;
	}
	.core-pic{
   		width: 9vw;
   		top: unset;
    	height: 40vh;
   	    bottom: 12vh;
	}
}

/* ANIMATION */



@media (max-width: 1200px) {
	.vh{
    	padding: 10vh 21vw 29vh 9vw;
	}
	.slide__content__title{
		font-size: 3rem !important;
	}
}
@media (max-width: 450px) {
	.bottom-pannel{
		position: fixed!important;
	}
	.core__top-pannel{
		position: absolute;
	}
	.bottom-pannel{
		position: fixed;
	}
	.core-pic{
		position: fixed;
	}
	.core-pic{
		background-position-y: 49vh;
	}
	.slide__content__title{
		font-size: 2rem!important;
	}
	.slide__content__text{
		font-size: 19px;
    	padding: 6% 0;
    	padding-right: 20px;
	}
	.core__main .vh{
		padding: 19vh 9vw 55vh 9vw;
	}
	.anim-scroll{
    	height: 49vh;
	}
}
@media (width: 1280px){
	.slide__content__text{
		padding: 1vh 0;
	}
}
@media (width: 375px) {
	.vh-3 .slide__content__title{
		margin-top: 13%;
	}
}
@media (width: 360px) {
	.vh-3 .slide__content__title{
		margin-top: 21%;
		transform: scale(0.8);
	}
	.vh-3{
		transform: scale(0.9);
	}
}
@media (max-width: 320px) {
	.vh-3 .slide__content__title{
		margin-top: 14%;
	}
}




/* FOR IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	body{
		overflow-y: hidden;
	}
}