.struct_0 {
    width: 340px;
    margin: 0 auto 10px;
    color: #000;
    font:400 normal 1.5rem/1.2 "HelveticaNeueCyr-Roman", sans-serif;
    text-align: center;
    
}
.struct_0_1 {
    width: 340px;
    height: 5px;
    margin: 0 auto 0px;
    background: #e0e0e0;
    position: relative;
}

.struct_0_1:before {
    content:'';
    width: 20px;
    height: 20px;
    background: #e0e0e0;
    -webkit-transform: rotate(45deg); 
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center;
    position: absolute;
    left:0px;
    top:-8px;
}


.struct_0_1:after {
    content:'';
    width: 20px;
    height: 20px;
    background: #e0e0e0;
    -webkit-transform: rotate(45deg); 
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center;
    position: absolute;
    right:0px;  
    top:-8px;
}

.struct_0_2 {
    width: 1px;
    height: 32px;
    background: #e0e0e0;
    margin: 0 auto;
}

.struct_0_3 {
    width: 75%;
    height: 1px;
    background: #e0e0e0;
    margin: 0 auto 30px;
    position: relative;
}

.struct_0_3:before {
    content:'';
    width: 1px;
    height: 30px;
    background: #e0e0e0;
    position: absolute;
    left:0px;
    top:0px;
}

.struct_0_3:after {
    content:'';
    width: 1px;
    height: 30px;
    background: #e0e0e0;
    position: absolute;
    right:0px;
    top:0px;
}


.col_yell:before {
    content:'';
    width: 1px;
    height: 30px;
    background: #e0e0e0;
    position: absolute;
    left:50%;
    top:-30px;
}

.col_gree:before {
    content:'';
    width: 1px;
    height: 30px;
    background: #e0e0e0;
    position: absolute;
    left:50%;
    top:-30px;
}

.struct_1 {
    height: 60px;
    text-align: center;
    font-size: 0;

}

.struct_1 div {
    width: -webkit-calc(25% - 18px);
    width: -moz-calc(25% - 18px);
    width: calc(25% - 18px);
    height: 60px; 
    display: inline-block;
    vertical-align: top;
    margin: 0 18px 0 0;
    font:400 normal .875rem/60px "HelveticaNeueCyr-Roman", sans-serif;
    color: #fff;
    text-align: center;
    position: relative;
}

.struct_1 div:after {
    content:'';
    width: 14px;
    height: 14px;
    background: #a8bc4a; 
    -webkit-transform: rotate(45deg); 
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center;
    position: absolute;
    left:50%;
    margin-left:-7px;
    bottom:-7px;
}

.struct_1 div.col_red:after {
    background: #ffc000;
}


.struct_1 div.col_yell:after {
    background: #5fb5de;
}

.struct_1 div.col_gree:after {
    background: #ffc000;
}

.struct_1 div.col_blue:after { 
    background: #86bf37;
}

.struct_2.bigs>ul ul{
	display: block! important;
	margin-top: 15px;
	width: calc(100% - 10px);
}

.struct_1 div:last-of-type {
    margin: 0 0 0 0;
}

.col_red {
    background: #f64f30;
}
.col_yell {
    background: #ffc000;
}

.col_gree {
    background: #86bf37;
}

.col_blue {
    background: #5fb5de;
}

.struct_2 {
    padding: 30px 0 0 0;
    text-align: center;
    font-size: 0;
}


.col_red.tab4 a,
.col_yell.tab4 a,
.col_gree.tab4 a,
.col_blue.tab4 a {
    color: #fff;
}

.struct_2 ul{ 
    margin: 0;
    padding: 0;
  /*  width: 230px; */
    width: -webkit-calc(25% - 18px);
    width: -moz-calc(25% - 18px);
    width: calc(25% - 18px);   
    display: inline-block!important;
    vertical-align: top;
    margin: 0 18px 0 0;     
    text-align: left;
}

.struct_2 ul:last-of-type {
    margin: 0 0 0 0;
}

.struct_2 li {
    list-style: none;
    font:400 normal .875rem/1.2 "HelveticaNeueCyr-Roman", sans-serif;
    color: #000; 
    margin-bottom: 18px;
    position: relative;
    padding: 0 0 0 24px;
}

.struct_2 li:before {
    content:'';
    width: 14px;
    height: 14px;
    background: #a8bc4a; 
    -webkit-transform: rotate(45deg); 
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center;
    position: absolute;
    left:0px;    
    top:10px;	/*50%;*/
    margin-top:-7px;
}

.struct_2 .tab-item4:nth-of-type(1) li:before {
    background:#ffc000;
}




.struct_2 .tab-item4:nth-of-type(2) li:before {
    background:#86bf37;
}

.struct_2 .tab-item4:nth-of-type(3) li:before {
    background:#5fb5de;
}


.struct_2 .tab-item4:nth-of-type(4) li:before {
    background:#ffc000;
}


/*====mission=======*/

.trakt {
    width: 100%;
    min-height: 300px;
    background: url(../images/fon.png) no-repeat center;  
    background-size: cover;  
    position: relative;
    z-index: 0;
    overflow:hidden;
}

.auto-trees {
    width: 100000px;
    height: 177px;
    background: url(../images/trees.png) repeat-x center;
    position: absolute;
    top:4px;
    left:50%;
    margin-left: -394px;
    z-index: 1;
}


.auto-tractor {
    width: 300px;
    height: 120px;
    background: url(../images/tractor.png) no-repeat center;
    position: absolute;
    top:125px;
    left:54%;
    margin-left: -50px;
    z-index: 2;
}


.auto-tractor1 {
    width: 300px;
    height: 120px;
    background: url(../images/tractor0.png) no-repeat center;
    position: absolute;
    top:125px;
    left:10px;    
    z-index: 2;
}

.sizer_aa {
    height: 60px;
}

.miss_1 {
    width: 114px;
    height: 114px;
    float: left;
    color: #fff;
    font: 400 normal .875rem/1.3 "HelveticaNeueCyr-Roman", sans-serif;
    position: relative;
    text-align: center;
    z-index: 2;
    padding: 38px 0 0 0;
    letter-spacing: 1px;

   /* margin-bottom: 40px;*/
    margin-right: 20px;
}


/*.miss_1 {
    width: 114px;
    height: 114px;
    margin: 0 auto 0px;
    color: #fff;
    font: 400 normal .875rem/1.1 "HelveticaNeueCyr-Roman", sans-serif;
    position: relative;
    text-align: center;
    z-index: 2;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}*/


.miss_2 {
    margin-top: -56px;
}


.miss_2 p {
    margin: 0;
    padding: 0;
    color: #000;
    font:400 normal .875rem/1.8 "HelveticaNeueCyr-Roman", sans-serif;
    text-align: justify;
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(100% - 134px);
    width: -moz-calc(100% - 134px);
    width: calc(100% - 134px);
}



.miss_1:before {
    content: '';
    width: 80px;
    height: 80px;
    background: #86bf37;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -41px;
    margin-left: -41px;
    z-index: -1;

}

.to_1:first-of-type .miss_1:before {
	 background: #ffc000;
}

.to_1:nth-of-type(2) .miss_1:before {
	 background: #ff8400;
}




.miss_2 .to_1 {   
    /*width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);*/
    margin-right: 0px;
     width: 100%;
     display: inline-block;
     vertical-align: middle;
     line-height: 114px;
     height: 170px;
}
.miss_2 .to_2 {   
   /* width: -webkit-calc(50% - 40px);
    width: -moz-calc(50% - 40px);
    width: calc(50% - 40px);*/
    width: 100%;
    
}


/*.miss_2 .to_1 {
    float: left;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    margin-right: 40px;
}
.miss_2 .to_2 {
    float: left;
    width: -webkit-calc(50% - 40px);
    width: -moz-calc(50% - 40px);
    width: calc(50% - 40px);
    
}
*/
.top_about {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #b0b0b0;
    float: left;
     width: -webkit-calc(100% - 134px);
    width: -moz-calc(100% - 134px);
    width: calc(100% - 134px);
}

.top_about div {
    width: 20%;
    float: left;   
    cursor: pointer;
}

.top_about div.active p{
    color: #86bf37;
}

.top_about img {
    max-width:50px;
    display: block;
    margin: 0 auto;
}

.top_about p {
    margin: 0;
    padding: 10px 0 0 0;
    color: #000;
    font:400 normal .875rem/1.2 "HelveticaNeueCyr-Roman", sans-serif;
    text-align: center;
    width: 100%;
}








/*=====преимущества===*/
.span_460 {
    float: left;
    width: -webkit-calc(50% - 40px);
    width: -moz-calc(50% - 40px);
    width: calc(50% - 40px);
}

.span_460:first-of-type {
    margin-right: 40px;
}



.inn_crcl {
    width: 244px;   
    text-align: center;
    font:400 normal 1.5625rem/40px "HelveticaNeueCyr-Roman", sans-serif;
    color: #575757;
    background: rgba(255,255,255,.6);
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -123px;
    margin-top: -40px;
    z-index: 3;
    border-radius:4px;
    line-height: 1.2;

}

.outerIn {
    padding-bottom: 10px;
    =background: url(../images/to_l.png) no-repeat 100% top;
}
.expIn {
    margin: 0;
    padding: 0 0 0 50px;
    font:400 normal .875rem/50px "HelveticaNeueCyr-Roman", sans-serif;
    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec;
    position: relative;
    cursor: pointer;
}

.expIn:after {
    content: '';
    width: 30px;
    height: 50px;
    background: url(../images/to_l.png) no-repeat center;
    position: absolute;
    right:-27px;
    top:0;
}


/*.expIn:before {
    content: '';
    text-align: center;    
    width: 44px;
    height: 44px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    top: 3px;
    left: -20px;
    z-index: 2;
}

*/




.expIn:before{
    font-family: 'fontello';
    content: '\e898';
    font-size: 51px;
    text-align: center;
    color: #f64f30;  
    position: absolute;
    left: -24px;
    top:-1px; 
 
}

.orangeIn .expIn:before{
    content: '\e858';  
     color: #ff8400;
 
}


.yellowIn  .expIn:before{
    content: '\e895';  
    color: #ffc000;
 
}


.greenIn .expIn:before{
    content: '\e875';  
    color:  #86bf37;
 
}

.blueIn .expIn:before{
    content: '\e897';  
    color:  #5fb5de;
 
}






/*.redIn .expIn:before {
    background: #ff755c;
}
*/
.redIn h3 {
    color: #f64f30;
}

.orangeIn h3 {
    color: #ff8400;
}
/*.orangeIn .expIn:before {
    background: #ffa75f;
}*/

.yellowIn h3 {
    color: #ffc000;
}

/*.yellowIn .expIn:before {
    background: #ebcd39;
}
*/



.greenIn h3{
    color: #86bf37;
}

/*.greenIn .expIn:before {
    background: #a8bc4a;
}
*/
.blueIn h3{
    color: #5fb5de;
}

/*.blueIn .expIn:before {
    background: #78b5d4;
}
*/
.innerIn {
    display: none;
}

.innerIn ul {
    margin: 0;
    padding: 0;
}

.innerIn li {
    list-style: none;
    font:400 normal .875rem/1.2 "HelveticaNeueCyr-Roman", sans-serif;
    color: #000;
    padding: 0 0 0 30px;
    background: url(../images/bullet.png) no-repeat center left;
    margin: 10px 0 25px 0;
}

.backs {
    margin: 250px 0 5px 0;
    width: 100%;
    height: 5px;
    background: #ebebeb;
    position: relative;
}

.backs:before {
    content: '';
    width: 68px;
    height: 166px;
    background: url(../images/grass-gray.png) no-repeat center top;
    position: absolute;
    top:-148px;
    left:50%;
    margin-left: -34px;
}



.task p {
    margin: 0;
    padding: 0;
    color: #000;
    font:400 normal .875rem/1.8 "HelveticaNeueCyr-Roman", sans-serif;
    text-align: justify;
}

.task .task_in {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    line-height: 16px;
    top: -60px;
    color: #707070;
}

.task_in:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #86bf37;
    position: absolute;
    top:4px;
    left: 0px;
    -webkit-transform: rotate(45deg); 
    -webkit-transform-origin: center;
    transform: rotate(45deg);
}

.task_in:nth-of-type(2):before {
    content: '';
    background: #9bd34e;
}

.task p:nth-of-type(3) { 
     margin: -40px 0 0 0;
}


.video {
    width:250px;
    height:250px;
    position: absolute;
    /*top:29px;*/
    top:-124px;
    left:110px;
    z-index: 1;
    border-radius:50%;
    overflow:hidden;
}





/*==============animations==========*/

@media screen and (min-width: 767px)  { 

.snipAnim8 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center; 
    position: relative;   
    margin-top: 220px; 
    min-height: 1px;

}



.crcl_bg {
    width: 300px;
  /*  height: 300px;*/
    height: 10px;
    border-radius:50%;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    left: 88px;
    top:0;
}
 
.crcl {
    width: 300px;
    height: 300px;
    height: 150px;
    margin: 0 auto;
   /* border-radius:50%;*/
   /* border:30px solid #a8bc4a;  */
    border-top-left-radius: 150px;  /* 100px of height + 10px of border */
    border-top-right-radius: 150px; /* 100px of height + 10px of border */
    border: 30px solid #86bf37;  
    border-bottom: 0;   
   /* position: relative;*/
    position: absolute;
    left: 87px;
    top: -150px;
    opacity: 0;
    z-index: 4;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-play-state: paused;
    animation-play-state: paused; 
    -webkit-animation-name: anim5__fadeIn;
    animation-name: anim5__fadeIn;
    webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(.4,.25,.3,1);
    animation-timing-function: cubic-bezier(.4,.25,.3,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: inherit;
    animation-play-state: inherit;  
  
    
}



.crcl_bottom {
    width: 300px;
    height: 300px;
    height: 150px;
    margin: 0 auto;
   /* border-radius:50%;*/
   /* border:30px solid #a8bc4a;  */
    border-bottom-left-radius: 150px;  /* 100px of height + 10px of border */
    border-bottom-right-radius: 150px; /* 100px of height + 10px of border */
    border: 30px solid #9bd34e;  
    border-top: 0;   
    position: absolute;
    left: 87px;
    top: 0px;
    opacity: 0;
    z-index: 4;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-play-state: paused;
    animation-play-state: paused; 
    -webkit-animation-name: anim5__fadeIn;
    animation-name: anim5__fadeIn;
    webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(.4,.25,.3,1);
    animation-timing-function: cubic-bezier(.4,.25,.3,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: inherit;
    animation-play-state: inherit;  
   
    
}




.half-circle {
    width: 200px;
    height: 100px; /* as the half of the width */
    background-color: gold;
    border-top-left-radius: 110px;  /* 100px of height + 10px of border */
    border-top-right-radius: 110px; /* 100px of height + 10px of border */
    border: 10px solid gray;
    border-bottom: 0;
}



.anim_lepestok {
    width: 80px;
    height: 86px;
    background: url(../images/lepestok.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(.4,.25,.3,1);
    animation-timing-function: cubic-bezier(.4,.25,.3,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: inherit;
    animation-play-state: inherit;   
    cursor: pointer;  
}


.anim_lepestok_1 {
    -webkit-animation-name: anim_lepestok_1;
    animation-name: anim_lepestok_1;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;   
}


.anim_lepestok_2 {
    -webkit-animation-name: anim_lepestok_2;
    animation-name: anim_lepestok_2;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.anim_lepestok_3 {
    -webkit-animation-name: anim_lepestok_3;
    animation-name: anim_lepestok_3;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.anim_lepestok_4 {
    -webkit-animation-name: anim_lepestok_4;
    animation-name: anim_lepestok_4;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}


.anim_lepestok_5 {
    -webkit-animation-name: anim_lepestok_5;
    animation-name: anim_lepestok_5;
    webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.anim_lepestok_6 {
    -webkit-animation-name: anim_lepestok_6;
    animation-name: anim_lepestok_6;
    webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.anim_lepestok_7 {
    -webkit-animation-name: anim_lepestok_7;
    animation-name: anim_lepestok_7;
    webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.anim_lepestok_8 {
    -webkit-animation-name: anim_lepestok_8;
    animation-name: anim_lepestok_8;
    webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}

.anim_lepestok_9 {
    -webkit-animation-name: anim_lepestok_9;
    animation-name: anim_lepestok_9;
    webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
}

.anim_lepestok_10 {
    -webkit-animation-name: anim_lepestok_10;
    animation-name: anim_lepestok_10;
    webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
}
.anim_lepestok_11 {
    -webkit-animation-name: anim_lepestok_11;
    animation-name: anim_lepestok_11;
    webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.anim_lepestok_12 {
    -webkit-animation-name: anim_lepestok_12;
    animation-name: anim_lepestok_12;
    webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
}

.snipAnim8 span.active,
.snipAnim8 span:hover {
   background: url(../images/lepestok1.png) no-repeat center;
}



/*======lepestok======*/

@-webkit-keyframes anim_lepestok_1{
        0%{
            -webkit-transform:translate(-50%,-50%) rotate(-15deg);
            transform:translate(-50%,-50%) rotate(-15deg)
        }
        100%{
            -webkit-transform:translate(-112%,-261%) rotate(-15deg);
            transform:translate(-112%,-261%) rotate(-15deg)
        }
    }

@keyframes anim_lepestok_1{
        0%{
            -webkit-transform:translate(-50%,-50%) rotate(-15deg);
            transform:translate(-50%,-50%) rotate(-15deg)
        }
        100%{
            -webkit-transform:translate(-112%,-261%) rotate(-15deg);
            transform:translate(-112%,-261%) rotate(-15deg)
        }
    }



@-webkit-keyframes anim_lepestok_2{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(15deg);
            transform:translate(-50%,-50%) rotate(15deg)
        }
        100%{
            -webkit-transform:translate(13%,-260%) rotate(15deg);
            transform:translate(13%,-260%) rotate(15deg)
        }
    }
    

    @keyframes anim_lepestok_2{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(15deg);
            transform:translate(-50%,-50%) rotate(15deg)
        }
        100%{
            -webkit-transform:translate(13%,-260%) rotate(15deg);
            transform:translate(13%,-260%) rotate(15deg)
        }
    }



@-webkit-keyframes anim_lepestok_3{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(45deg);
            transform:translate(-50%,-50%) rotate(45deg)
        }
        100%{
            -webkit-transform:translate(116%,-203%) rotate(45deg);
            transform:translate(116%,-203%) rotate(45deg)
        }
    }
    @keyframes anim_lepestok_3{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(45deg);
            transform:translate(-50%,-50%) rotate(45deg)
        }
        100%{
            -webkit-transform:translate(116%,-203%) rotate(45deg);
            transform:translate(116%,-203%) rotate(45deg)
        }
    }

 

@-webkit-keyframes anim_lepestok_4{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(75deg);
            transform:translate(-50%,-50%) rotate(75deg)
        }
        100%{
            -webkit-transform:translate(175%,-109%) rotate(75deg);
            transform:translate(175%,-109%) rotate(75deg)
        }
}
@keyframes anim_lepestok_4{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(75deg);
            transform:translate(-50%,-50%) rotate(75deg)
        }
        100%{
            -webkit-transform:translate(175%,-109%) rotate(75deg);
            transform:translate(175%,-109%) rotate(75deg)
        }
}




@-webkit-keyframes anim_lepestok_5{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(104deg);
            transform:translate(-50%,-50%) rotate(104deg)
        }
        100%{
            -webkit-transform:translate(177%,2%) rotate(104deg);
            transform:translate(177%,2%) rotate(104deg)
        }
}
@keyframes anim_lepestok_5{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(104deg);
            transform:translate(-50%,-50%) rotate(104deg)
        }
        100%{
            -webkit-transform:translate(177%,2%) rotate(104deg);
            transform:translate(177%,2%) rotate(104deg)
        }
}




@-webkit-keyframes anim_lepestok_6{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(133deg);
            transform:translate(-50%,-50%) rotate(133deg)
        }
        100%{
            -webkit-transform:translate(120%,100%) rotate(133deg);
            transform:translate(120%,100%) rotate(133deg)
        }
}
@keyframes anim_lepestok_6{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(133deg);
            transform:translate(-50%,-50%) rotate(133deg)
        }
        100%{
            -webkit-transform:translate(120%,100%) rotate(133deg);
            transform:translate(120%,100%) rotate(133deg)
        }
}



@-webkit-keyframes anim_lepestok_7{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(163deg);
            transform:translate(-50%,-50%) rotate(163deg)
        }
        100%{
            -webkit-transform:translate(19%,159%) rotate(163deg);
            transform:translate(19%,159%) rotate(163deg)
        }
}
@keyframes anim_lepestok_7{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(163deg);
            transform:translate(-50%,-50%) rotate(163deg)
        }
        100%{
            -webkit-transform:translate(19%,159%) rotate(163deg);
            transform:translate(19%,159%) rotate(163deg)
        }
}



@-webkit-keyframes anim_lepestok_8{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(202deg);
            transform:translate(-50%,-50%) rotate(202deg)
        }
        100%{
            -webkit-transform:translate(-113%,156%) rotate(202deg);
            transform:translate(-113%,156%) rotate(202deg)
        }
}
@keyframes anim_lepestok_8{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(202deg);
            transform:translate(-50%,-50%) rotate(202deg)
        }
        100%{
            -webkit-transform:translate(-113%,156%) rotate(202deg);
            transform:translate(-113%,156%) rotate(202deg)
        }
}




@-webkit-keyframes anim_lepestok_9{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(225deg);
            transform:translate(-50%,-50%) rotate(225deg)
        }
        100%{
            -webkit-transform:translate(-216%,105%) rotate(225deg);
            transform:translate(-216%,105%) rotate(225deg)
        }
}
@keyframes anim_lepestok_9{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(225deg);
            transform:translate(-50%,-50%) rotate(225deg)
        }
        100%{
            -webkit-transform:translate(-216%,105%) rotate(225deg);
            transform:translate(-216%,105%) rotate(225deg)
        }
}



@-webkit-keyframes anim_lepestok_10{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(254deg);
            transform:translate(-50%,-50%) rotate(254deg)
        }
        100%{
            -webkit-transform:translate(-276%,9%) rotate(254deg);
            transform:translate(-276%,9%) rotate(254deg)
        }
}
@keyframes anim_lepestok_10{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(254deg);
            transform:translate(-50%,-50%) rotate(254deg)
        }
        100%{
            -webkit-transform:translate(-276%,9%) rotate(254deg);
            transform:translate(-276%,9%) rotate(254deg)
        }
}



@-webkit-keyframes anim_lepestok_11{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(284deg);
            transform:translate(-50%,-50%) rotate(284deg)
        }
        100%{
            -webkit-transform:translate(-278%,-102%) rotate(284deg);
            transform:translate(-278%,-102%) rotate(284deg)
        }
}
@keyframes anim_lepestok_11{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(284deg);
            transform:translate(-50%,-50%) rotate(284deg)
        }
        100%{
            -webkit-transform:translate(-278%,-102%) rotate(284deg);
            transform:translate(-278%,-102%) rotate(284deg)
        }
}


@-webkit-keyframes anim_lepestok_12{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(313deg);
            transform:translate(-50%,-50%) rotate(313deg)
        }
        100%{
            -webkit-transform:translate(-218%,-203%) rotate(313deg);
            transform:translate(-218%,-203%) rotate(313deg)
        }
}
@keyframes anim_lepestok_12{
    0%{
            -webkit-transform:translate(-50%,-50%) rotate(313deg);
            transform:translate(-50%,-50%) rotate(313deg)
        }
        100%{
            -webkit-transform:translate(-218%,-203%) rotate(313deg);
            transform:translate(-218%,-203%) rotate(313deg)
        }
}





@-webkit-keyframes anim5__fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes anim5__fadeOut{0%{opacity:1}100%{opacity:0}}

@-webkit-keyframes anim5__fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes anim5__fadeIn{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes anim5__login{0%{width:334px}100%{width:65px}}@keyframes anim5__login{0%{width:334px}100%{width:65px}}



@-webkit-keyframes anim5__content{0%{-webkit-transform:translateX(-50.5%);transform:translateX(-50.5%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes anim5__content{0%{-webkit-transform:translateX(-50.5%);transform:translateX(-50.5%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes anim5__click{0%,100%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.8);transform:scale(.8)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes anim5__click{0%,100%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.8);transform:scale(.8)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}}

@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
}

/*======end media anime========*/


/*====история===*/

.kolos {
    margin-bottom: 80px;
}

.comp1,
.comp2 {
    width: 330px;
    height: 330px;
    line-height:330px;
    background: #f8f8f8;
    border:1px solid #94d2b3;
    position: relative;
    text-align: center;
    float: left;
    margin-right: 15px;
}
.comp1 {
    z-index:1;
}

.comp2 {
    background: url(../images/bg-angle.png) no-repeat center;
    z-index: 0;
}

.comp1:before,
.comp2:before {
    content:'';
    width: 69px;
    height: 69px;
    background: url(../images/angle1.png) no-repeat center;
    position: absolute;
    top:-10px;
    left:-10px;
}

.comp2:before {
    background: url(../images/angle2.png) no-repeat center; 
    top:-10px;
    left:auto;
    right:-10px;
}

.comp1:after,
.comp2:after {
    content:'';
    width: 69px;
    height: 69px;
    background: url(../images/angle3.png) no-repeat center;
    position: absolute;
    bottom:-10px;
    left:-10px;
}

.comp2:after {
    background: url(../images/angle4.png) no-repeat center;
    bottom:-10px;
    left:auto;
    right:-10px;
}

.comp1 img {
    display: inline-block;
    vertical-align: middle;   
}

.comp1 span {
    width: 78px;
    height: 28px;
    position: absolute;
    right:-50px; 
}

.comp1 span:first-of-type {
    top:60px;    
    background: url(../images/scoba.png) no-repeat center;
}

.comp1 span:last-of-type {
    bottom:60px;      
    background: url(../images/scoba.png) no-repeat center;
}

.comp2-left h5,
.comp2 h5 {
    margin: 0;
    padding: 0;
    color: #3a8d63;
    font:400 normal 3.75rem/1.2 "HelveticaNeueCyr-Roman", sans-serif;
}

.comp2 ul {
    margin: 0;
    padding: 20px 20px 0 40px;
    border-top:1px solid #9aceb4;
}

.comp2 li {
    list-style: none;
    color: #575757;
    font:400 normal .875rem/1.2 "HelveticaNeueCyr-Roman", sans-serif;
    background: url(../images/bullet.png) no-repeat left center;
    padding:0px 0 0 30px;
    margin-bottom: 10px;
    text-align: left;
}

.comp3 {
    float: left;
    width: -webkit-calc(100% - 690px);
    width: -moz-calc(100% - 690px);
    width: calc(100% - 690px);
    text-align: center;
}

.comp3 img {
    display:block;
    margin: 0 auto;
}

.comp3 img:last-of-type {
    padding-top:50px;
}

/*geo 10 01 */

.main_content .jslider tbody td {
    border:none;
    height: 120px;
}

.layout-slider {
    margin-top: 0px;
    padding: 0 20px 0 0;
}

.jslider {
    height: 120px!important;
}

.jslider .jslider-label {
    top:27px;
}

.jslider-label span {
    font-size: 18px;
    display: none;
}
.jslider-value {
    display: none;
}

.smals,.ber,.sebrek {
    display: none;
}
.kolos img {
    width: -webkit-calc(100% - 8px);
    width: -moz-calc(100% - 8px);
    width: calc(100% - 8px);
}

.ty img {
    border:1px solid #dedede;
}

/*======*/

@-webkit-keyframes tract-anime {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@-moz-keyframes tract-anime {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}



@keyframes tract-anime {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}












@-webkit-keyframes trees-anime {
  0% {
    -webkit-transform: translate3d(0%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(0%,0,0) rotateZ(0deg);
    transform: translate3d(0%,0,0) rotateZ(0deg);
  }


  100% {
    -webkit-transform: translate3d(-150%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(-150%,0,0) rotateZ(0deg);
    transform: translate3d(-150%,0,0) rotateZ(0deg);
  }
}

@keyframes trees-anime {
  0% {
    -webkit-transform: translate3d(0%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(0%,0,0) rotateZ(0deg);
    transform: translate3d(0%,0,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: translate3d(-150%,0,0) rotateZ(0deg);
    -moz-transform: translate3d(-150%,0,0) rotateZ(0deg);
    transform: translate3d(-150%,0,0) rotateZ(0deg);
  }
}



.trees-anime {
  -webkit-animation: trees-anime 600s linear infinite;
  -moz-animation: trees-anime 600s linear infinite;
  -ms-animation: trees-anime 600s linear infinite;
  -o-animation: trees-anime 600s linear infinite;
  animation: trees-anime 600s linear infinite;
}



.tract-anime {
  -webkit-animation: tract-anime 10s linear infinite;
  -moz-animation: tract-anime 10s linear infinite;
  -ms-animation: tract-anime 10s linear infinite;
  -o-animation: tract-anime 10s linear infinite;
  animation: tract-anime 10s linear infinite;
}



.tract-anime1 {
  -webkit-animation: tract-anime 3s linear infinite;
  -moz-animation: tract-anime 3s linear infinite;
  -ms-animation: tract-anime 3s linear infinite;
  -o-animation: tract-anime 3s linear infinite;
  animation: tract-anime 3s linear infinite;
}

@media screen and (min-width: 1030px)  { 
	.crcl,.crcl_bottom{left: unset;}
	.video{left: unset}
}