.wrapper {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			min-height: 100%
		}

		.page {
			overflow: hidden;

			font-size: 16px;
			line-height: 140%;
		}
.b-user-content .button:hover{text-decoration: none!important;}
		.main {
			-webkit-box-flex: 1;
			-ms-flex: 1 0 auto;
			flex: 1 0 auto
		}

		.footer {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 auto;
			flex: 0 0 auto
		}

		.title-block {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			margin-bottom: 70px
		}

		.title-block__title {
			font-weight: bold !important;
			font-size: 30px !important;
			line-height: 37px !important;
			color: #0C0C0C !important;
		}

		.title-block__title-img {
			margin-left: 51px !important;
		}


@media screen and (max-width: 850px) {.title-block__title-img{display:none}}

		.highlighet {
			color: #FBE017
		}

		.button {    text-align: center;
			text-decoration:
				display: block;
			background: #FBE017;
			border-radius: 100px;
			padding: 21px 60px;
			color: #0C0C0C!important;
			font-weight: bold;
			font-size: 24px;
			line-height: 29px;
			display: inline-block;

			border: none;
		}

		.button:hover {
			text-decoration: none;
			background: #0c0c0c;
			color: #FBE017!important;
			transition: all 0.3s ease;

		}
media screen and (max-width:700px) {	.button {	padding: 21px 25px;}}
		.header {
			overflow: hidden;
			padding-bottom: 70px;
			background: #F8F8FA;
			position: relative;
			background-position: bottom left;

		}

		.header__elem1 {
			position: absolute;
			top: 0;
			left: 0
		}

		.header__imgs-block {
			position: absolute;
			bottom: 50%;
			left: 26%
		}

		.header__container {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between
		}

		.header__wrapper {
			margin-left: auto;
			max-width: 662px;
			padding-top: 77px;
			position: relative
		}

		.header__img-round {
			position: absolute;
			top: -40px;
			right:calc(50% - 100px);
			
			animation: slideRight2 5s linear alternate infinite;
		}

		.header__lines {
			margin-top: 36px
		}

		.header__description {
			margin-top: 24px
		}

		.header__description p:not(:last-child) {
			margin-bottom: 30px
		}

		.header__block-imgs {
			position: absolute;
			left: 0;
			bottom: -10px
		}

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

		.line-wrap__text {
			margin: auto 0
		}

		.line-wrap__line--margin {
			margin-bottom: 80px
		}
.line-wrap__line-r{animation: slideR 2s ease alternate infinite;}
.line-wrap__line-l{animation: slideL 2s ease alternate infinite;}
		.round {
			position: relative;
			top: 49px
		}




.header__img-round{display:none}.line-wrap__line--margin {margin-bottom: 43px;}.header{padding: 30px 0px}

}
@media screen and (max-width: 850px){
.button {padding: 21px;}
.line-wrap img {display:none}
.header__lines{margin-top:5px}
}
		.round__img-1 {
			position: absolute;
			z-index: 2;
			width: 100%
		}

		.round__img-2 {
			position: absolute;
			z-index: 1;
			top: -80px
		}

		.product {
			padding-top: 70px;
			padding-bottom: 72px
		}

		.unit {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center
		}

		.unit:not(:last-child) {
			margin-bottom: 50px
		}

		.unit__content {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin-bottom: 50px
		}

		.unit__description {
			margin-right: 56px
		}

		.unit__text {
			margin-bottom: 30px
		}

		.unit__inner--arrow {
			-ms-flex-item-align: end;
			align-self: flex-end;
			margin-right: 45px
		}

		.unit__title {   
			border: 3px solid #FBE017;
			padding: 21px 60px;
			border-radius: 50px;
			border-top-right-radius: 50px;
			margin-right: 30px;
			font-size: 18px;
			position: relative;
    margin-left: 5px;
    text-align: right;
		}

	

		.unit__wrap-line {
			margin-right: 21px
		}

		.unit__lines {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex
		}

		.unit__content {
			font-weight: bold;
			font-size: 18px;
			line-height: 29px
		}
		.unit__img-rotate{
			animation: slide-1 2s ease infinite;
		}
		  .unit__img-rotate--2{
 	animation: slide-3 3s ease infinite;
}
		
				  .unit__img-rotate--3{
 	animation: slide 2s ease infinite;
}
		
		
		.unit__points {
			list-style: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between
		}

		.unit__point {
			list-style-type: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center
		}

		.unit__point:before {
			display: none
		}

		.unit__round {
			width: 20px;
			height: 20px;
			background: #FBE017;
			border-radius: 100%;
			margin-right: 19px
		}

		.unit__block-img {
			position: relative;
			margin-bottom: 20px
		}

		.unit__img {
			z-index: 2;
			position: relative
		}

		.unit__img--block {
			position: absolute;
			z-index: 0;
			top: 164px;
			right: 0;
			width: 174px;
			height: auto;
			bottom: 0
		}
.unit__img--block-2{top: 112px;
    left: -58px;}

.unit__img--block-3{    top: 38px;
    left: -41px;}


		.unit__arrow {
			margin-right: 47px
		}

		.unit__btn {
			position: relative;
			margin-bottom: 25px
		}
@media screen and (max-width: 1200px){
.unit{    flex-wrap: wrap;}
.unit__inner--arrow{display:none}
.unit__inner{margin:0 auto}
unit__img--block{    z-index: 0;}
.unit__img-rotate--3,.unit__img-rotate--2,.unit__img-rotate { z-index: 1;}
}

@media screen and (max-width: 850px){
.unit__points{    flex-wrap: wrap;}


}
@media screen and (max-width: 550px){
.unit__points{    flex-direction: column;;}


}
		.check {
			position: relative;
			padding-top: 66px;
			padding-bottom: 83px;
			background-color: #F8F8FA
		}

		.check__img-dots {
			position: absolute;
			top: 246px;
			left: 50%
		}

		.check__content {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			margin-left:-15px;
			margin-right:-15px;
		}
		
		.check__block{
			width:50%;
			padding-left:15px;
			padding-right:15px;
		}

		.check__item {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex
		}
		.check__item:hover img{
			 animation: 1500ms ease 0s normal none 1 running flip;
		}
  
		.check__item :not(:last-child) {
			margin-bottom: 19px
		}

		.check__img {
			-ms-flex-negative: 0;
			flex-shrink: 0;
			margin-right: 40px
		}

		.check__title-block {    font-size: 24px!important;
			margin-bottom: 24px !important;
		}

@media screen and (max-width: 1200px) {
.check__img-dots{display:none}
.check__block{margin-bottom:60px}

.check__content{    flex-wrap: wrap;}
.check__block{
	width:100%;
}
}
	

@media screen and (max-width: 800px){

.check{padding-top: 41px;
    padding-bottom: 43px;}}

@media screen and (max-width: 500px){
.check__item{flex-direction: column;
    }

.check__check{    align-self: center;}
.check__content{justify-content: center;}
}


	.num {
			padding-top: 72px;
			padding-bottom: 72px;
			position: relative
		}

		.num__img-position {
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
			position: absolute;
			bottom: 26px;
			left: calc(50% - 80px)
		}

		.num__block-round {
			position: absolute;
			z-index: 3;
			    bottom: 155px;
    left: 44px;
		}

		.num__wrapper {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between
		}

		.num__block-imgs {
			position: relative;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			justify-content: flex-end;
		}

		.num__block-num {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-bottom: 47px
		}

		.num__item {
			width: 48%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			margin-bottom: 59px;
			transition: all 0.5s linear;
				
		}
		.num__item:hover .num__number {
			background-color:  #0C0C0C;
		}
.num__item:hover span {
			color:  #FBE017;
	-webkit-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
	
		}
		.num__number {
			font-weight: bold;
			font-size: 64px;
			line-height: 78px;
			width: 63px;
			height: 63px;
			border-radius: 100%;
			color: #0C0C0C;
			background-color: #FBE017;
			-ms-flex-negative: 0;
			flex-shrink: 0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			margin-right: 17px;
			align-items: center;
		}

		.num__number span {
			position: relative;
			-webkit-transform: translateY(10px);
			-ms-transform: translateY(10px);
			transform: translateY(10px);
					transition: all 0.3s linear;
			align-items: center;
		}

		.num__block-imgs {
			width: 100%;
			padding-left: 112px
		}

		.num__block-img {
			position: relative
		}

		.num__block-img--fitst {
			z-index: 1
		}

		.num__block-img--second {
			z-index: 0;
			position: absolute;
			top: 0;
			left: 82px
		}
@media screen and (max-width: 1100px) {.num__block-imgs{display:none}


.num__btn{    text-align: center;
}

}
@media screen and (max-width: 800px) {

.num__item{width:100%}
num__inner{    text-align: center;
}

}

		.rounds {
			position: relative
		}

		.rounds__border {
			position: absolute;
			width: 150px;
			height: 150px;
			border-radius: 100%;
			border: 2px dashed #000;
			top: 32px;
			left: 26px;
			     animation: slide-2 3s infinite linear;
			
		}

		.rounds__background {
			position: absolute;
			width: 150px;
			height: 150px;
			background-color: #FBE017;
			border-radius: 100%;
			     animation: slide-2 2s infinite linear;
		}

		.footer {
			background: #F8F8FA;
			padding: 120px 0 70px;
			position: relative
		}

		.footer__man {
			position: absolute;
			left: -21px;
			top: 110px;
			-webkit-transform: rotate(12deg);
			-ms-transform: rotate(12deg);
			transform: rotate(12deg);
			  animation: hatch 5s infinite linear;
		}

		.footer__rounds {
			position: absolute;
			left: 167px;
			bottom: 0
		}

		.footer__container {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			    justify-content: flex-end;
position:relative;
		}

		.footer__imgs {    margin-right: 75px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column
		}

		.footer__imgs img {
			-ms-flex-item-align: end;
			align-self: flex-end
		}

		.footer__imgs img:not(:last-child) {
			margin-bottom: 57px
		}

		.footer__content {
			width: 68%;
			margin-left: auto
		}

		.footer__text {
			margin-bottom: 67px;
    position: relative;
    z-index: 2;
}


		.footer__btn {
			text-align: right;
			margin-left: 80px
		}

		.footer__wrap {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: end;
			-ms-flex-pack: end;
			justify-content: flex-end;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center
		}
@media screen and (max-width: 1000px) {
.footer__rounds{display:none}
.footer__text{z-index: 1;}
.footer__wrap img{display:none}

.footer{padding: 54px 0 15px;} }


@media screen and (max-width: 800px){

.footer__man, .footer__imgs{display:none}

.footer__content {    width: 98%;}
.footer__text{margin-bottom: 27px;}

.footer__wrap{justify-content: center;}
.footer__btn{margin-left: 0px;}}
		/**/
		@keyframes slideRight2 {
			0% {
				transform: translateX(-100%);
			}

			100% {
				transform: translateX(100%);

			}
		}

		@-webkit-keyframes slideRight2 {
			0% {
				transform: translateX(-100%);
			}

			100% {
				transform: translateX(100%);

			}
		}
@keyframes slideR {
			0% {
				transform: translateX(0%);
			}

			100% {
				transform: translateX(100%);

			}
		}

		@-webkit-keyframes slideR {
			0% {
				transform: translateX(0%);
			}

			100% {
				transform: translateX(100%);

			}
		}
@keyframes slideL {
			0% {
				transform: translateX(0%);
			}

			100% {
				transform: translateX(-80%);

			}
		}

		@-webkit-keyframes slideL {
			0% {
				transform: translateX(0%);
			}

			100% {
				transform: translateX(-80%);

			}
		}
		/**slide*/
 @keyframes slide-2 {
            from {
                transform: rotate(0deg) translate(-3px) rotate(0deg);
                -webkit-transform: rotate(0deg) translate(-3px) rotate(0deg);
            }

            to {
                transform: rotate(360deg) translate(-3px) rotate(-360deg);
                -webkit-transform: rotate(360deg) translate(-3px) rotate(-360deg);
            }
        }

        @-webkit-keyframes slide-2 {
            from {
                transform: rotate(0deg) translate(-6px) rotate(0deg);
                -webkit-transform: rotate(0deg) translate(-6px) rotate(0deg);
            }

            to {
                transform: rotate(360deg) translate(-6px) rotate(-360deg);
                -webkit-transform: rotate(360deg) translate(-6px) rotate(-360deg);
            }
        }
 /*---animation*/
    @keyframes flip {
            from {
                transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                animation-timing-function: ease-out;
            }

            40% {
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                animation-timing-function: ease-out;
            }

            50% {
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                animation-timing-function: ease-in;
            }

            80% {
                transform: perspective(400px) scale3d(.95, .95, .95);
                animation-timing-function: ease-in;
            }

            to {
                transform: perspective(400px);
                animation-timing-function: ease-in;
            }
        }

        .animated.flip {
            -webkit-backface-visibility: visible;
            backface-visibility: visible;
            animation-name: flip;
        }
/*animation 2*/
		

@keyframes slide-1 {
    from {
        transform: rotate(0deg) translate(-4px) rotate(0deg);
        -webkit-transform: rotate(0deg) translate(-4px) rotate(0deg);
      }
      to {
        transform: rotate(360deg) translate(-4px) rotate(-360deg);
        -webkit-transform: rotate(360deg) translate(-4px) rotate(-360deg);
      }
    }

@-webkit-keyframes slide-1 {
    from {
        transform: rotate(0deg) translate(-4px) rotate(0deg);
        -webkit-transform: rotate(0deg) translate(-4px) rotate(0deg);
      }
      to {
        transform: rotate(360deg) translate(-4px) rotate(-360deg);
        -webkit-transform: rotate(360deg) translate(-4px) rotate(-360deg);
      }
}
@keyframes slide {
    from {
        transform: rotate(0deg) translate(-3px) rotate(0deg);
        -webkit-transform: rotate(0deg) translate(-3px) rotate(0deg);
      }
      to {
        transform: rotate(0deg) translate(-3px) rotate(360deg);
        -webkit-transform: rotate(-360deg) translate(-3px) rotate(360deg);
      }
    }

@-webkit-keyframes slide-2 {
    from {
        transform: rotate(0deg) translate(-3px) rotate(0deg);
        -webkit-transform: rotate(0deg) translate(-3px) rotate(0deg);
      }
      to {
        transform: rotate(-360deg) translate(-3px) rotate(360deg);
        -webkit-transform: rotate(-360deg) translate(-3px) rotate(360deg);
      }
    }



@keyframes slide-3 {
    from {
        transform: rotate(0deg) translate(-6px) rotate(0deg);
        -webkit-transform: rotate(0deg) translate(-6px) rotate(0deg);
      }
      to {
        transform: rotate(360deg) translate(-6px) rotate(-360deg);
        -webkit-transform: rotate(360deg) translate(-6px) rotate(-360deg);
      }
    }

@-webkit-keyframes slide-3 {
    from {
        transform: rotate(0deg) translate(-6px) rotate(0deg);
        -webkit-transform: rotate(0deg) translate(-6px) rotate(0deg);
      }
      to {
        transform: rotate(360deg) translate(-6px) rotate(-360deg);
        -webkit-transform: rotate(360deg) translate(-6px) rotate(-360deg);
      }
    }

   @keyframes hatch {
    0% {
        transform: rotate(0deg);
    }
    20% {
        transform: rotate(-1deg) scaleY(1);
    }
    35% {
        transform: rotate(3deg) scaleY(1);
    }
    50% {
        transform: rotate(-3deg);
    }   
    65% {
        transform: rotate(2deg);
    }   
    80% {
        transform: rotate(-1deg);
    }       
    100% {
        transform: rotate(0deg);
    }                                   
}
 
@-webkit-keyframes hatch {
    0% {
        -webkit-transform: rotate(0deg));
    }
    20% {
        -webkit-transform: rotate(-1deg) scaleY(1);
    }
    35% {
        -webkit-transform: rotate(3deg) scaleY(1);
    }
    50% {
        -webkit-transform: rotate(-3deg);
    }   
    65% {
        -webkit-transform: rotate(2deg);
    }   
    80% {
        -webkit-transform: rotate(-1deg);
    }       
    100% {
        -webkit-transform: rotate(0deg);
    }       
}