.preloader2{
	background-color:#C9CFD4;

}

.preloader, .preloader2{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	overflow:hidden;
	z-index:10000
}

.preloader:after{
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:50%;
	z-index:1;
	background-color:#C9CFD4;
	animation: .5s up 1s forwards;
}

.preloader:before{
	display:block;
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50%;
	z-index:1;
	background-color:#C9CFD4;
	animation:.5s down 1s forwards;
}


.omk{
  position: absolute;
	top:50%;
	left:50%;
	transform:translate(-125px, -125px);
  width: 250px;
  height: 250px;
  background:url(/static/images/omk_2.webp?9) center center no-repeat;
 z-index:2;
}

.preloader .omk{
	 animation: .5s up2 1.0s forwards;
	
}


.circle{
	
	transform:rotate(-90deg);
	
}

.container_loader{
	width:1250px;
	height:650px;
	position:relative;
	margin:0 auto;
	top:calc(50% - 325px)
}

.clear:after{
	
	display:block;
	content:"";
	clear:both;
	
}


.preloader .s1{
	
	animation: s1 1.0s forwards;
	
	
}

.omk2 {
    position: absolute;
    left: 50%;
	bottom:37px;
    transform: translate(-50%, 0);
	z-index:100000000;
    width: 120px;
	height:0;
    background: url(/static/images/com_1.gif?6) 0 100% no-repeat;
}

.preloader .omk2{
	
	 animation: s2 1.0s forwards;
	
}


@keyframes s1 {
  0% {
	stroke-dashoffset:146
  }
  100% {
    stroke-dashoffset:0
  }
}

@keyframes s2 {
  0% {
	height:0;
	width:120px;

  }

  100%{
	
	height:179px;
	width:120px;
}
}

@keyframes up {
    to {
        transform:translateY(-100%);
    }
}

@keyframes up2 {
    to {
        top:-200px;
		opacity:0;
    }
}



@keyframes down {
    to {
        transform:translateY(100%);
    }
}