@charset "UTF-8";
/*Обнуление*/
*{padding:0;margin:0;border:0;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
:focus,:active{outline:none;}
a:focus,a:active{outline:none;}
nav,footer,header,aside{display:block;}
html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display:none;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
button{cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
a,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
ul li{list-style:none;}
img{vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}
/*--------------------*/
strong, b {font-weight: 700;}
button,textarea,input[type="email"],input[type="password"],input[type="text"],input[type="button"],input[type="submit"] {border-radius: 0;}
.img-adaptive{display: block;max-width: 100%;height: auto;}

body {
 	font-family: 'Montserrat', sans-serif;
 	font-size: 16px;
 	font-weight: 300;
}
body.overflow {
  overflow: hidden;
}
.inline_ul li {
	display: inline-block;
}
.beauty__box+.beauty__box {
 	margin-left: 10px;
}
.container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.container_fluid {
	max-width: 100%;
	width: 100%;
	position: relative;
}
header {
  height: 60px;
  margin: 0 auto;
  padding: 10px;
  position: fixed;
  top: 0;
  z-index: 100;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  width: 100%;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}

.language__box{
  display: flex;
  margin: 0 20px;
  position: absolute;
  left: 0;
  color: #4f2f8e;
}

.header__content{
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.header__list{ 
 display: flex;
 justify-content: flex-start;
}

.header__position{
  display: flex;
  justify-content: center;
  align-items: center;
}
.beauty__box{
  opacity: 1;
  max-width: 150px;
  transition: all ease-in .1s;
}
.header__text:hover{
  border: 2px solid #6f4fae;
}


.header__text{
  margin: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  letter-spacing: 1px;
  padding: 5px;
  border: 2px solid transparent;
  transition: border .3s ease;
}

/*Mobile menu*/
.menu-icon-wrapper {
  display: none;
}
.menu-icon-wrapper {
/*   background: red; */
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  margin: 0 20px;
}

.menu-icon {
  position: relative;
  width: 30px;
  height: 4px;
  background-color: #4f2f8e;
}

.menu-icon::before {
  position: absolute;
  left: 0;
  top: -9px;
  content: '';
  width: 30px;
  height: 4px;
  background-color: #4f2f8e;
  transition: all 0.2s ease-in, top 0.2s linear 0.2s;

}

.menu-icon::after {
  position: absolute;
  left: 0;
  top: 9px;
  content: '';
  width: 30px;
  height: 4px;
  background-color: #4f2f8e;
  transition: all 0.2s ease-in, top 0.2s linear 0.2s;

}

.menu-icon.menu-icon-active {
  background-color: transparent;
}

.menu-icon.menu-icon-active::before {
  transform: rotate(45deg);
  top: 0;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
  background-color: #fff;
}

.menu-icon.menu-icon-active::after {
  transform: rotate(-45deg);
  top: 0;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
  background-color: #fff;
}
.mobile_nav {
  display: none;
  position: fixed;
  width: 100%;
  height: 0;
  top: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  transition: all .5s ease;
  left: 0;
  color: #fff;
  background: #6f4fae;
}
.mobile_nav.active {
  height: 100vh;
  visibility: visible;
  opacity: 1;
}
.mobile_nav ul li {
  margin: 50px 0;
}
.header__logo.another a {
  height: 80px;
}
/*Business*/

.business__wrapper{
  position: relative;
  height: 1000px;
  padding: 10px;
  width: 100%;
  background: #8421d1;
  max-width: 100%;
  overflow: hidden;
}

.bg{
 position: absolute;
 right: 0;
 bottom: 0;
 height: 1000px;
}

.business__container{
  max-width: 1200px;
  margin: 0 auto;
  position: relative;

}

.business__content{
  position: absolute;
  top: 300px;
  width: 800px;
  height: 400px;
  margin: 20px;
}

.business__title{
  font-weight: 700;
  line-height: 50px;
  width: 600px;
  font-size: 50px;
  color: #fff;
}

.business__text{
  font-size: 25px;
  color: #fff;
  width: 500px;
  opacity: 0.8;
  margin: 10px 0;
  font-weight: 500;
  line-height: 35px;
}
.business__words{
  color: #fff;
  font-weight: 500;
  max-width: 500px;
  font-size: 18px;
  margin: 0 20px;
}
.logo__box{
  position: absolute;
  width: 100%;
  top: 50px;
  margin: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo{
  display: flex;
  align-items: center;
  height: 50px;
}

.footer__text{
  margin: 5px 0;
}

.form__button-wrapper{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.business__button{
  margin:20px;
  color: #4f2f8e;
  display: flex;
  flex-wrap:wrap;
  align-content: center;
  background-color: #70e2d9;
  font-weight: 600;
  font-size: 20px;
  width: 290px;
  height: 60px;
  font-family:'Montserrat', sans-serif;
  transition: all  .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom:20px;
  border-radius: 20px;
}

.business__button:hover{
  background-color: #28c3b7;
  color: #3a2367;
}

.logo__text-box{
  margin: 0 10px;
}

.business__img{
  position: absolute;
  top: 220px;
  right: 0;
}

.google__add{
  height: 450px;
  animation: float-business 4s ease-in-out infinite;
}

.business__google-wrapper{
  position: absolute;
  right: 45%;
  top: 400px;
  transform: rotate(0deg);
}

.google-conifer{
  height: 100px;
  animation: float-icon 4s ease-in-out infinite;
}

.business__facebook-wrapper{
  position: absolute;
  right: 17%;
  top: 630px;
  transform: rotate(0deg);
}

.facebook-conifer{
  height: 100px;
  border-radius: 20%;
  animation: float-icon 4s ease-in-out infinite;
}

.partner{
  position: absolute;
  height: 20px;
  left:190px;
  top: 100px;
}

/*Main*/
.main__wrapper{
  background: #f4f7f9;
  width: 100%;
  padding: 100px 40px 20px;
  position: sticky;
}
.content{
  position: relative;
}

.main__title{
  line-height: 50px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 20px;
}
.main__list{
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  margin-bottom: 20px;
  max-width: 700px;
}
.main__li {
	position: relative;
	background: rgb(244 247 249 / 58%);
	display: inline-block;
}
.main__li::before {
	content: "-";
}
input[type=text] { 
  border: 2px solid #4f2f8e ;
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  transition: width 0.4s ease-in-out;
}
input[type=text]:focus {
  background-color: #f4f1f9;
  border-radius: 4px;
}

input[type=number] { 
  border: 2px solid #4f2f8e ;
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  transition: width 0.4s ease-in-out;
}
input[type=number]:focus {
  background-color: #f4f1f9;
  border-radius: 4px;
}
input[type=e-mail] { 
  border: 2px solid #4f2f8e ;
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  transition: width 0.4s ease-in-out;
}
input[type=e-mail]:focus {
  background-color: #f4f1f9;
  border-radius: 4px;
}

.form__button-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}
.form__button{
  margin-top: 20px;
  color: #000;
  display: flex;
  flex-wrap:wrap;
  align-content: center;
  background-color: #fff;
  font-size: 20px;
  width: 290px;
  height: 60px;
  font-family:'Montserrat', sans-serif;
  transition: all  .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom:20px;
}
.form__button:hover{
  background-color: #7445d2;
  color: #fff;
}
.ft__button{
  display: flex;
  justify-content: center;
  align-items: center;
}
.img__Box{
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.template{
  width: 500px;
}

/*Box Wrapper*/
.box__wrapper {
  max-width: 100%;
padding: 10px;
margin: 45px;
}
.brands__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
.brands__item {
	display: flex;
  justify-content: center;
  align-items: center;
  height: 190px;
  width: 20%;
  padding: 20px;
  border: 1px solid transparent;
  border-bottom: 1px solid #eee;
}

.brands__item:nth-child(-n+4) {
	border-right: 1px solid #eee;
}

.brands__item:nth-child(n+6) {
	border-bottom: none;
	border-right: 1px solid #eee;
}

.brands__item:last-child {
	border-right: none!important;
}

.box__content{
  display: flex;
  align-items: center;
}

.box__img-1{
  max-width: 100%;
  max-height: 100%;
  opacity: 0.5;
  filter: grayscale(100%);
}

.box__img-1:hover{
  filter: grayscale(0%);
  opacity: 1;
}

.box__h2 {
  position: relative;
	display: inline-block;
}

.h2::before {
  content: '';
  height: 10px;
  width: 50px;
  background-color: #4f2f8e;
  position: absolute;
  top: 0;
}

.h2{
  font-weight: 700;
  font-size: 35px;
  }
.box__text{
  width: 650px;
  font-size: 18px;
  line-height: 20px;
  display: flex;
  margin: 20px;
  font-weight: 500;
  line-height: 25px;
  color: #000;
}

.h2{
font-weight: 700;
font-size: 40px;
margin:15px;
}
/*WORK*/


.work__wrapper{
  background:#f4f7f9;
  max-width: 100%;
  padding: 10px;
}
.work{
  max-width: 1200px;
  margin: 0 auto;
}
.work__content{
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}


 .box__text{
   max-width: 645px;
   display: flex;
 }

.work__main-title{
  font-size: 32px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  margin: 40px;
}


.work__box{
  background-color: rgb(245, 245, 245);
  height: 400px;
  padding: 27px;
  width: 28%;
  background: #fff;
  margin: 16px;
  display: flex;
  align-items: stretch;
  box-shadow: 0px 0px 30px 0px #00000016;
  transition: all ease .2s;
}
.work__box:hover{
  box-shadow: 0px 0px 30px 0px #0000003c !important;
}
.work__img{
  height: 70px;
  margin: 10px;
}

.work__title{
  color: #4f2f8e;
  font-size: 25px;
  font-weight: 600;
  margin: 10px;
}

.work__text{
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}
.gadgets{
  height: 100px;
}
.hand{
  margin-bottom: 15px;
  height: 100px;
}
.list{
  height: 100px;
}

/*Button popup*/
.t825 {
	position: relative
}

.t825__title {
	padding-bottom: 5px
}

.t825__btn {
	bottom: 50px;
	right: 65px;
	cursor: pointer;
	position: fixed;
	z-index: 100000
}

.t825__btn_wrapper {
	position: relative;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
	transition: all 0.2s linear;
	overflow: hidden
}

.t825__bgimg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.2s linear
}

.t825__btn-text {
	position: absolute;
	right: 80px;
	white-space: nowrap;
	background: #fff;
	padding: 9px 13px;
	font-size: 15px;
	border-radius: 3px;
	-webkit-transform: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-50%);
	top: 50%;
	background: #292929;
	color: #fff;
	opacity: .85;
	transition: all 0.1s linear
}

.t825__left .t825__btn-text {
	left: 80px;
	right: auto
}

.t825__btn-text::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	top: 50%;
	right: -20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-left-color: #292929
}

.t825__left .t825__btn-text::after {
	left: -20px;
	border-right-color: #292929;
	border-left-color: transparent
}

.t825__btn:not(.t825__btn_active):hover .t825__btn_wrapper {
	-webkit-animation: none !important;
	animation: none !important
}

.t825__btn:not(.t825__btn_active):hover .t825__animated-circle {
	-webkit-animation: none !important;
	animation: none !important
}

.t825__btn_active .t825__btn_wrapper {
	background: #fff !important
}

.t825__btn_active .t825__btn_wrapper::after {
	visibility: hidden
}

.t825__btn_active .t825__btn-text,
.t825__btn_active .t825__bgimg {
	visibility: hidden;
	opacity: 0
}

.t825__btn_animate {
	animation: t825__btn-pulsate 2s ease-out;
	animation-iteration-count: infinite;
	-webkit-animation: t825__btn-pulsate 2s ease-out;
	-webkit-animation-iteration-count: infinite
}

@-webkit-keyframes t825__btn-pulsate {
	0% {
		-webkit-transform: scale(1, 1)
	}

	25% {
		-webkit-transform: scale(1.1, 1.1)
	}

	50% {
		-webkit-transform: scale(1, 1)
	}
}

@keyframes t825__btn-pulsate {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}

	25% {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}

	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

.t825__btn_animate .t825__animated-circle {
	position: absolute;
	width: 60px;
	height: 60px;
	top: -3px;
	left: -3px;
	border-radius: 100%;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
	border: 3px solid #199c68;
	-webkit-animation: t825__pulsate 1s ease-out;
	animation: t825__pulsate 1s ease-out;
	animation-iteration-count: infinite;
	-webkit-animation: t825__pulsate 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0
}

@-webkit-keyframes t825__pulsate {
	0% {
		-webkit-transform: scale(.8, .8);
		opacity: 0
	}

	25% {
		opacity: .4
	}

	50% {
		-webkit-transform: scale(1.3, 1.3);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(.8, .8);
		opacity: 0
	}
}

@keyframes t825__pulsate {
	0% {
		-webkit-transform: scale(.8, .8);
		opacity: 0
	}

	25% {
		opacity: .4
	}

	50% {
		-webkit-transform: scale(1.3, 1.3);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(.8, .8);
		opacity: 0
	}
}

.t825__icon,
.t825__icon-close {
	fill: white;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	transition: all 0.2s linear
}

.t825__icon-close {
	top: 0
}

.t825__icon {
	top: 1px
}

.t825__btn-img {
	transition: all 0.2s linear
}

.t825__icon-close,
.t825__btn_active .t825__icon,
.t825__btn_active .t825__btn-img {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.1);
	transform: scale(.1)
}

.t825__btn_active .t825__icon-close {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}

.t825__popup {
	display: none;
	opacity: 0;
	transition: opacity ease-in-out .2s;
	position: relative;
	z-index: 10000
}

.t825__popup_show {
	opacity: 1
}
.t825__popup.t825__popup_show {
	display: block;
}
.t825__popup-container {
	margin: 0;
	top: initial;
	left: initial;
	bottom: 125px;
	right: 65px;
	border-radius: 5px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .4);
	background: #fff;
	position: fixed;
	z-index: 1;
	cursor: default;
	max-width: 300px
}

.t825__wrapper {
	padding: 30px 20px 20px;
	border-radius: 5px;
	max-height: 65vh;
	text-align: center
}

.t825__btn-img,
.t825__image {
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 50%
}

.t825__image-wrapper {
	position: absolute;
	top: -35px;
	left: 50%;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #fff;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.t825__text-wrapper {
	padding-bottom: 30px
}

.t825__messenger-block {
	margin-bottom: 20px
}

.t825__messenger-block {
	margin-left: 8px;
	margin-right: 8px
}

.t825__messenger-descr {
	padding-top: 8px;
	font-size: 12px;
	opacity: .8
}

.t825__mobile-top-panel {
	visibility: hidden;
	width: 100%;
	height: 50px;
	background: #000;
	position: fixed;
	display: table
}

.t825__mobile-top-panel_wrapper {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 100%
}

.t825__messenger {
	display: block;
	height: 62px;
	width: 62px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 50%
}

.t825__messenger .t825__fb {
	width: 63px
}

.t825__messenger-block {
	display: inline-block
}

.t825__text_bottom {
	padding-top: 5px;
	padding-bottom: 10px
}

.t825__mobile-icon-close {
	vertical-align: middle;
	cursor: pointer;
	padding: 15px
}

@media screen and (max-width: 960px) {
	.t825__btn {
    bottom: 10px!important;
    right: 10px!important;
	}
}

/*FORM*/

.row-2{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 200%; 
}


.form__wrapper-2{
  padding: 10px;
  max-width: 100%;
  background: #f4f7f9;
  position: relative;
}
.form{
  margin: 80px;
}
.form__content-2{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.title__form{
  text-align: center;
  font-size: 33px;
  font-weight: 600;
}
.text__opacity-1{
  color: grey;
  text-align: center;
  font-size: 18px;
  margin: 50px;
  opacity: 0.5;
  font-weight: 500;
}
.text__opacity-2{
  color: grey;
  text-align: center;
  font-size: 18px;
  opacity: 0.5;
  margin-bottom: 50px;
}
.text__bold-opacity{
  margin: 30px;
  font-size: 18px;
  opacity: 0.5;
  font-weight: 700;
  text-align: center;
}


input[type=text-2] { 
  border: 2px solid #4f2f8e ;
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  transition: width 0.4s ease-in-out;
  font-size: 18px;
}
input[type=text-2]:focus {
  background-color: #f4f1f9;
  border-radius: 4px;
}

input[type=number-2] { 
  border: 2px solid #4f2f8e ;
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  transition: width 0.4s ease-in-out;
  font-size: 18px;
}
input[type=number-2]:focus {
  background-color: #f4f1f9;
  border-radius: 4px;
}
input[type=e-mail] { 
  border: 2px solid #4f2f8e ;
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  transition: width 0.4s ease-in-out;
  font-size: 18px;
}
input[type=e-mail]:focus {
  background-color: #f4f1f9;
  border-radius: 4px;
}

.bonus_pack {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.plus_plus {
	color: #4f2f8e;
	font-size: 45px;
  font-weight: 700;
}
.bonus_pack_text {
	font-size: 25px;
	text-align: center;
}
.bn1000 {
	font-weight: 700;
	font-size: 35px;
	display: block;
	margin: 20px 0;
}
.form__button-wrapper-2{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.form__button-2{
  margin-top: 20px;
  color: #000;
  display: flex;
  flex-wrap:wrap;
  align-content: center;
  background-color: #fff;
  font-size: 24px;
  width: 390px;
  height: 80px;
  font-family:'Montserrat', sans-serif;
  transition: all  .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom:20px;
}
.form__button-2:hover{
  background-color: #7445d2;
  color: #fff;
}
.ft__button-2{
  display: flex;
  justify-content: center;
  align-items: center;
}
.img__wrapper{
  width: 100%;
}
.plane{
position: absolute;
left: 0;
bottom: 25%;
top: 45%;
height: 390px;
}
.world{
  position: absolute;
  right: 0;
  bottom: 25%;
  top: 27%;
  height: 400px;
}

/*Start*/

.start__wrapper{
  padding: 10px;
  margin: 50px;
}
.start__container{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.start__title{
  font-size: 45px;
  font-weight: 600;
  width: 480px;
  margin: 50px;
}
.start__title span{
  color: #4f2f8e;
}
.square__wrapper{
  display: flex;
  justify-content: space-between;
  margin: 50px;
}
.square{
  border: 5px solid #4f2f8e;
  height: 100px;
  width: 100px;
  position: relative;
  transform: rotate(360deg);
}


.rectangle{
  background: #fff;
  position: absolute;
  width: 150px;
  height: 78px;
  margin: 20px;
  display: flex;
  align-items: center;
  left: 44%;
  z-index: 10;
  justify-content: flex-start;
  flex-direction: row;
}
.numb{
  position: absolute;
  top: 10%;
  left: 10%;
  font-weight: 600;
  font-size: 20px;
}
.start__text{
  font-weight: 500;
  font-size: 22px;
  width: 50px;
}

/*advertising*/

.advertising__wrapper{
  padding: 10px;
  width: 100%;
  background-color: #f4f7f9;
  margin-bottom: 100px;
}

.advertising__container{
  max-width: 1200px;
  margin: 0 auto;
}

.advertising__content{
  margin: 50px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.advertising__title{
  font-size: 45px;
  width: 650px;
  margin: 40px;
  font-weight: 600;
  text-align: center;
}

.advertising__text{
  font-size: 22px;
  font-weight: 500;
  line-height: 35px;
}

.advertising__text-1{
  width: 750px;
}

.advertising__text-2{
  width: 750px;
  margin: 40px;
  text-align: center;
}

/*INFO*/

.info__wrapper{
  padding: 10px;
  width: 100%;
  margin-bottom: 20px;
}

.info__container{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.info__container-2{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}  

.info__content-1{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
}

.info__content-2{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
}

.info__img{
  height: 300px;
  width: 450px;
  margin-top: 100px;
}

.info__img-circle{
  height: 300px;
  width: 450px;
}

.info__img-message{
  height: 350px;
  width: 450px;
}

.info__img-man{
  height: 350px;
  width: 450px;
}

.info__title{
    font-size: 45px;
    font-weight: 700;
    width: 575px;
    margin: 20px;
    position: relative;
    background: rgb(255 255 255 / 58%);
    display: inline-block;
    z-index: 10;
}
.info__title-2{
  font-size: 45px;
  font-weight: 700;
  width: 575px;
  margin-bottom: 20px;
  position: relative;
  background: rgb(255 255 255 / 58%);
  display: inline-block;
  z-index: 10;
}
.info__title-4{
  font-size: 45px;
  font-weight: 700;
  width: 630px;
  margin-bottom: 20px;
  position: relative;
  background: rgb(255 255 255 / 58%);
  display: inline-block;
  z-index: 10;
}

.info__text{
  font-weight: 500;
  font-size: 20px;
  line-height: 35px; 
  width: 600px;
  position: relative;
  background: rgb(255 255 255 / 58%);
  display: inline-block;
  z-index: 10;
}

.info__text-2{
margin: 20px 0;
}

.info__text-4{
  margin:20px 0 ;
}

.info__button-wrapper{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.info__button{
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background-color: #8760d6;
    font-size: 17px;
    width: 600px;
    height: 50px;
    font-family: 'Montserrat', sans-serif;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

.info__button:hover{
  background-color: #4f2f8e;
  color: #fff;
}

.info__button-2{
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  background-color: #8760d6;
  font-size: 17px;
  width: 590px;
  height: 50px;
  font-family: 'Montserrat', sans-serif;
  transition: all .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}

.info__button-2:hover{
background-color: #4f2f8e;
color: #fff;
}

/*COOP*/
.coop__wrapper{
background-color: #f4f7f9;
padding: 10px;
width: 100%;
}

.info__content-1{
  margin-top: 100px;
}

.coop__img-1{
  margin-top: 100px;
  height: 500px;
  width: 450px;
  border-radius: 20px;
  box-shadow: 0px 0px 30px 0px #0000003f;
}

.coop__img-2{
  margin-top: 100px;
  height: 500px;
  width: 450px;
  border-radius: 20px;
  box-shadow: 0px 0px 30px 0px #0000003f;
}


.coop__title{
  font-weight: 700;
  font-size: 35px;
  width: 610px;
}

.coop__text{
 margin: 10px;
 font-size: 20px;
 width: 600px;
 line-height: 25px;
}

.coop__text-1{
  color: rgb(96, 95, 95);
  opacity: 0.5;
}

/*TARGET*/

.target__wrapper{
  padding: 10px;
  width: 100%;
  margin: 100px 0;
}

.target__title{
  width: 300px;
  font-size: 40px;
  font-weight: 600;
  margin: 10px;
  color: #4f2f8e;
}


.target__text{
  color: #000;
  font-size: 26px;
  font-weight: 500;
  margin: 10px;
}

.target__numb{
  font-weight: 600;
  font-size: 26px;
  margin: 10px;
}

.square__wrapper-1{
  display: flex;
  justify-content: space-between;
  margin: 20px 10px;
}
.square-1{
  border: 7px solid #4f2f8e;
  height: 250px;
  width: 250px;
  position: relative;
  transform: rotate(360deg);
}

.rectangle-1{
  background: #fff;
  position: absolute;
  width: 250px;
  height: 270px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: 44%;
  z-index: 10;
}
.rectangle__text{
display: flex;
flex-direction: column;
align-items: flex-start;
font-weight: 500;
opacity: 0.3;
font-size: 24px;
}

.t-t{
  margin: 5px 0;
}

.target__container{
  margin: 0 auto;
  width: 1000px;
}

.target__title-2{
font-size: 40px;
font-weight: 600;
margin:10px 0;
}

.target__box{
  margin: 10px 127px;
}

.arrow__wrapper{
 margin:0 10px;
}

.first{
  height: 50px;
  width: 50px;
  transform: rotate(130deg);
}

.second{
  transform: rotate(50deg);
  height: 50px;
  width: 50px;
}

.target__bottom{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  justify-content: space-between;
}

.circle__wrapper{
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.circle__content-wrapper{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.glasses{
  height: 50px;
}
.cart{
  height: 50px;
}
.circle__position{
  display: flex;
  width: 150px;
}
.circle__wrapper-1{
  height: 100px;
  width: 100px;
  background-color: #4f2f8e;
  clip-path: circle(48px at 50% 48px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}

.circle__wrapper-2{
  height: 100px;
  width: 100px;
  background-color: #4f2f8e;
  clip-path: circle(48px at 50% 48px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}

.circle__content-1{
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  width: 100px;
  margin: 0 20px;
}

.circle__content-2{
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  width: 150px;
  margin: 0 20px;
}

.brand__title{
font-size: 25px;
font-weight: 600;
margin: 10px;
}

.brand__text{
  font-size: 18px;
  font-weight: 500;
}

.target__content-box{
 width: 400px;
}



 



/*DINAMIC*/

.dinamic__wrapper{
  padding: 10px;
  width: 100%;
  margin: 150px 0;
}

.dinamic__content{
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
}

.dinamic__title-text{
  font-size: 45px;
  font-weight: 700;
  color: #4f2f8e;
  margin: 10px;
}

.dinamic__text{
  font-size: 24px;
  color: #000;
  font-weight: 500;
  margin: 10px;
}

.dinamic__box-container{
  display: flex;
  justify-content: flex-end;
}

.dinamic__box{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  height: 480px;
  background-color: #4f2f8e;
  width: 760px;
  border-radius: 20px;
   margin:20px 0;
}

.dinamic__box::after{
 content: '';
 position: absolute;
 border: 50px solid transparent; 
 border-top: 50px solid #4f2f8e; 
 border-right: 50px solid #4f2f8e;
 left: -13%;
 bottom: 55%;
}

.dinamic__list{
  width: 710px;
}

.dinamic__box-title{
  font-size: 32px;
  width: 690px;
  font-weight: 700;
  margin: 20px;
  color: #fff;
  line-height: 40px;
}

.dinamic__box-text{
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  line-height: 30px;
  margin: 20px;
}

.dinamic__box-text::before{
  content: '+';
}

/*PERCENTAGE*/

.percentage__wrapper{
  padding: 10px;
  width: 100%;
  position: relative;
  margin-bottom: 250px;
}

.percentage__container{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.percentage__content{
  position: relative;
  background:#f4f7f9;
  height: 450px;
  width: 630px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  border-radius: 20px;
}

.percentage__content::after{
  content: ''; 
  position: absolute;
  border: 50px solid transparent; 
  border-left: 50px solid #f4f7f9; 
  border-top: 50px solid #f4f7f9;
  right: -15%;
  top: 23%;
}

.percentage__text-1{
  width: 505px;
  font-size: 35px;
  font-weight: 500;
}

.percentage__title{
  display: flex;
  justify-content: center;
  margin: 10px;
  font-size: 75px;
  font-weight: 700;
  color: #4f2f8e; 
}

.percentage__text-2{
  font-size: 35px;
  font-weight: 500;
}

.percentage__photo{
  position: relative;
  width: 340px;
  height: 450px;
}

.percentage__photo{
  position: relative;
  width: 340px;
  height: 450px;
  animation: float-photo 3s ease-in-out infinite;
}


.google__box-1{
  position: absolute;
  top: 54%;
  right: 48%;
  transform: rotate(340deg);
  background-color: #fff;
  width: 230px;
  display: flex;
  height: 55px;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0px 0px 30px 0px #2424243e;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  animation: float-google 6s ease-in-out infinite;
}


.google__box-2{
  position: absolute;
  top: -6%;
  right: 0;
  transform: rotate(384deg);
  background-color: #fff;
  width: 230px;
  display: flex;
  height: 55px;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0px 0px 30px 0px #2424243e;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  animation: float-google 6s ease-in-out infinite;
}


.line-1{
  width: 160px;
  height: 10px;
  background-color: #e0e0e0;
  margin: 5px;
  border-radius: 10px;
}

.line-2{
  width: 70px;
  height: 10px;
  background-color: #e0e0e0;
  margin: 5px;
  border-radius: 10px;
}

.google-icon-1{
  height: 30px;
}

.phone__box{
  color: #fff;
  width: 290px;
  display: flex;
  height: 460px;
  margin: 0 auto;
  border-radius: 30px;
  box-shadow: 0px 0px 30px 0px #2424243a;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
}


.phone__box-1{
  border-radius: 30px;
  height: 40px;
  width: 200px;
  color: #fff;
  box-shadow: 0px 0px 30px 0px #2424243a;
  margin: 25px;
}

.grey__line-1{
  width: 150px;
  height: 10px;
  background-color: #e0e0e0;
  margin: 5px;
  border-radius: 10px;
}

.grey__line-2{
  width: 120px;
  margin: 5px;
  height: 10px;
  background-color: #e0e0e0;
  border-radius: 10px;
}

/*Form-3*/
.form__wrapper-3{
 padding: 10px;
 width: 100%;
 margin: 20px 0;
}

.title__form-2{
font-size: 30px;
font-weight: 700;
margin: 50px 0;
}

.form__button-3{
  margin-top: 20px;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  background-color: #f4f7f9;
  font-size: 20px;
  width: 290px;
  height: 60px;
  font-family: 'Montserrat', sans-serif;
  transition: all .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.form__button-3:hover{
  background-color: #4f2f8e;
  color: #fff;
}


/*Result*/


.result__wrapper{
  padding: 10px;
  width: 100%;
  background-color: #4f2f8e;
  color: #fff;
  padding-top: 50px;
}

.result__content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.result__title{
  font-size: 40px;
  font-weight: 700;
}

.result__text{
line-height: 35px;
margin: 50px 0;
 font-size: 25px;
 font-weight: 400;
}





/*Slider*/

.slider__wrapper{
  padding: 10px;
  margin-top: -1px;
  width: 100%;
  background-color: #4f2f8e;
  color: #fff;
}

.s-container{
  max-width: 1200px;
  margin: 0 auto;
}

.video{
  display: flex;
  justify-content: center;
  margin: 20px;
}

.text{
  display: flex;
  justify-content: center;
  margin: 20px;
  font-size: 20px;
}


.slick-prev.slick-arrow::before{
  color: #fff;
  font-size: 30px;
}

button.slick-next.slick-arrow::before{
  color: #fff;
  font-size: 30px;
}

.slick-dots{
  position: absolute;
  top: -8%;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}


.slick-dots li.slick-active button::before{
 color: #fff!important;
 font-size: 10px!important;
}

.slick-dots li button:before {
color: #fff!important;
}
/*PHOTO*/

.photo__wrapper{
  padding: 30px;
  width: 100%;
}


.photo__title{
  display: flex;
  justify-content: center;
  font-size: 40px;
  font-weight: 700;
  margin: 200px 0 100px 0;
}

.photo__content{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.jpeg{
  height: 300px;
  margin: 10px 10px;
}

.png{
  margin: 10px;
}

/*FOOTER*/

.footer__wrapper{
  padding: 10px;
  width: 100%;
  background-color: #3a2565;
  height: 200px;
}

.footer__content{
  display: flex;
}

.footer__desc{
  margin: 3px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer__title{
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  color: #fff;
}
.footer__text{
  font-size: 12px;
  color: #fff;
}

.footer__list{
  display: flex;
  margin: 20px 0;
}

.icon{
  height: 35px;
  margin: 0 10px;
}

.footer__opacity{
 color: #fff;
 opacity: 0.4;
}

.opacity__footer-text{
  font-size: 14px;
  margin: 5px 0;
}

.slick-dots{
  height: 10px!important;
}

.form__button-wrapper-3{
  display: flex;
  justify-content: center;
  align-items: center;
}

.business__button-3{
  margin:20px;
  color: #4f2f8e;
  display: flex;
  flex-wrap:wrap;
  align-content: center;
  background-color: #70e2d9;
  font-weight: 600;
  font-size: 20px;
  width: 290px;
  height: 60px;
  font-family:'Montserrat', sans-serif;
  transition: all  .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom:20px;
  border-radius: 20px;
}

.business__button-wrapper-2{
  display: flex;
  justify-content: center;
  align-items: center;
}

.business__button-2{
  margin:20px 0;
  color: #4f2f8e;
  display: flex;
  flex-wrap:wrap;
  align-content: center;
  background-color: #70e2d9;
  font-weight: 600;
  font-size: 20px;
  width: 290px;
  height: 60px;
  font-family:'Montserrat', sans-serif;
  transition: all  .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom:20px;
  border-radius: 20px;
}

.contact__wrapper{
  padding: 10px;
  background-color: #f4f7f9;
  margin: 150px 0;
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact__container{
  max-width: 1200px;
  margin: 0 auto;
}

.contact__list{
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  max-width: 372px;
  justify-content: center;
}

.wrap__overflow{
  background: rgba(0, 0, 0, 0.331);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 100%;
  height: 100vh;
  content: '';
  display: none;
}

.row-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}


@keyframes float-photo{
  0%{
    transform: translateY(0);
  }
   50%{
    transform: translateY(-2rem);
  }
  100%{
    transform: translateY(0);
  }
}


@keyframes float-google{
  0%{
    transform: translateY(1);
  }
   50%{
    transform: translateY(0.5rem);
  }
  100%{
    transform: translateY(1);
  }
}

@keyframes float-business{
  0%{
    transform: translateY(1rem);
  }
   50%{
    transform: translateY(2.5rem);
  }
  100%{
    transform: translateY(1rem);
  }
}

@keyframes float-icon{
  0%{
    transform: translateY(2rem);
  }
   50%{
    transform: translateY(4rem);
  }
  100%{
    transform: translateY(2rem);
  }
}

#hidden {
  background: #28c3b7;
}

#hidden_error {
  background: #3a2367;
}

#overflow {
  background: rgba(0, 0, 0, 0.331);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  width: 100%;
  height: 100vh;
  content: '';
  display: none;
  visibility: hidden;
}

#overflow.show {
  display: block;
  visibility: visible;
}

#hidden, #hidden_error {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 25px;
    z-index: 9999;
    width: 300px;
    height: 0px;
    text-align: center;
    vertical-align: center;
    line-height: 67px;
    font-weight: 700;
    color: #fbfcfd;
    text-transform: uppercase;
    font-size: 20px;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#hidden.show, #hidden_error.show {
  height: 70px;
  visibility: visible;
  font-size: 12px;
  display: block;
}

.contact__text{
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.text_hidden.hidden {
  display: none;
}



/*МЕДИА ЗАПРОСЫ*/
/* Большие девайсы (большие десктопы, < 1200px) */
@media (min-width: 992px) and (max-width: 3120px) {  
  .finger{
    display: none!important;
  }
  .contact__wrapper{
    padding: 10px;
    background-color: #f4f7f9;
    height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .slick-next {
    right: 160px!important;
}

.slick-prev {
  left: 140px!important;
}

}

/* Малые девайсы («ландшафтные (тут все что до планшета будет. Такак планшет начинается с 768)», < 768px) */

@media (max-width:  767px) {
	.menu-icon-wrapper {
    display: flex;
	}
	.mobile_nav {
    display: block;
	}
}

@media (min-width: 576px) and (max-width:768px) {

    /*Business*/
    
    .header__list{
      display: none;
    }

    .header__text{
      font-size: 25px;
      color: #fff;
    }
    
    .mobile_nav ul li {
      margin: 20px 0;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }
    
    .header__text:hover{
      border: 2px solid #fff;
    }
    
    .logo__box{
      position: absolute;
      width: 100%;
      top: 50px;
      display: flex;
      flex-wrap: wrap;
      margin: 0;
    }
    
    .logo{
      height: 30px;
      margin: 0 10px;
    }
    
    .business__button {
      margin: 20px;
      color: #4f2f8e;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      background-color: #70e2d9;
      font-weight: 600;
      font-size: 20px;
      width: 228px;
      height: 55px;
      font-family: 'Montserrat', sans-serif;
      transition: all .3s;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
      border-radius: 20px;
    }
    
    .business__content {
      position: absolute;
      top: 300px;
      max-width: 300px;
      height: 301px;
    }
    
    .business__title {
      font-weight: 700;
      line-height: 50px;
      max-width: 330px;
      font-size: 30px;
      color: #fff;
    }
    
    .business__text {
      font-size: 15px;
      color: #fff;
      max-width: 328px;
      opacity: 0.8;
      margin: 10px 0;
      font-weight: 500;
      line-height: 35px;
    }
    
    .google__add {
      height: 300px;
      animation: float-business 4s ease-in-out infinite;
  }
    
    .business__img {
      position: absolute;
      top: 570px;
      right: 100px;
  }
    
  .business__google-wrapper {
    position: absolute;
    right: 85%;
    top: 703px;
    transform: rotate(15deg);
}
    
    .google-conifer {
      height: 50px;
      animation: float-icon 4s ease-in-out infinite;
  }
    
  .business__facebook-wrapper {
    position: absolute;
    right: 30%;
    top: 820px;
    transform: rotate(20deg);
}
    
    .facebook-conifer {
      height: 60px;
      border-radius: 20%;
      animation: float-icon 4s ease-in-out infinite;
    }
    
    
    
    /*Main*/
    
    
   
    .main__title {
      line-height: 30px;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      font-size: 19px;
      margin: 20px 0;
    }
    
    .main__list{
      font-size: 12px;
    }
    
    .img__Box {
      position: absolute;
      top: 60%;
      right: 0;
      z-index: -1;
    }
    
    .template {
      width: 290px;
    }
    
    .box__text {
      width: 100%;
      display: flex;
      font-size: 15px;
    }
    
    .h2{
      font-size: 25px;
    }
    
    .brands__item{
      width: 30%;
    }
    
    .brands__item:nth-child(-n+11) {
      border-bottom: 1px solid #eee;
      border-right: 1px solid #eee;
      border-left: 1px solid #eee;
    }
    
    /*WORK*/
    
    
    .work__main-title{
      font-size: 22px;
    }
    
    .work__box {
      background-color: rgb(245, 245, 245);
      height: 395px;
      padding: 10px;
      width: 40%;
      background: #fff;
      margin: 15px;
      display: flex;
      align-items: stretch;
      box-shadow: 0px 0px 30px 0px #00000016;
      transition: all ease .2s;
    }
    
    .work__img{
      height: 40px;
    }

    .work__text {
      font-size: 15px;
      line-height: 25px;
      font-weight: 300;
  }
    
    .work__title{
      font-size: 25px;
      margin: 10px 5px;
    }
    
    
    /*FORM*/
    
    
    .title__form{
    font-size: 25px;
    }
    
    .text__opacity-1 {
      color: grey;
      text-align: center;
      font-size: 15px;
      margin: 40px 0;
      opacity: 0.5;
      font-weight: 500;
    }
    
    .text__opacity-2 {
      color: grey;
      text-align: center;
      font-size: 16px;
      opacity: 0.5;
      margin-bottom: 50px 0;
    }
    
    
    .text__bold-opacity {
      margin: 30px 0;
      font-size: 17px;
      opacity: 0.5;
      font-weight: 700;
      text-align: center;
    }
    
    .plane {
      position: absolute;
      left: -45px;
      bottom: 25%;
      top: 34%;
      height: 207px;
    }
    
    .world {
      position: absolute;
      right: 0;
      bottom: 25%;
      top: 46%;
      height: 165px;
    }
    
    /*START*/
    
    .start__wrapper {
      padding: 10px;
      margin: 50px 0;
    }
    
    .start__title{
      max-width: 300px;
      margin: 0 20px;
    }
    
    .square__wrapper {
      display: flex;
      margin: 50px 74px;
      flex-wrap: wrap;
      gap: 61px;
      justify-content: space-around;
  }
    
    .rectangle {
      background: #fff;
      position: absolute;
      width: 88px;
      height: 78px;
      margin: 18px 0;
      display: flex;
      align-items: center;
      left: 44%;
      z-index: 10;
      justify-content: flex-start;
      flex-direction: row;
    }
    
    .numb{
      font-size: 20px;
    }
    
    .start__text{
      font-size: 15px;
    }
    
    /*INFO*/
   
    .info__container{
      display: flex;
      flex-wrap: wrap;
    }
    
    .info__container-2 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
  }
    
    .info__title {
      font-size: 30px;
      max-width: 320px;
    }
    
    .info__text {
      font-size: 16px;
      line-height: 30px;
      max-width: 340px;
      margin: 10px;
    }
    
    .info__button {
      font-size: 15px;
      width: 100%;
    }
    
    .info__img{
      height: 250px;
      width: 100%;
    }
    
    .info__title-2 {
      font-size: 30px;
      max-width: 335px;
      margin: 10px;
    }
    
    
    .info__title-4 {
      font-size: 30px;
      max-width: 300px;
      margin: 20px 0;
    }
    
    .info__button-2 {
      font-size: 17px;
      margin: 20px 0;
      width: 100%;
      height: 50px;
    }
    
    .info__img-circle{
      height: 240px;
      width: 100%;
    }
    
    .info__img-message {
      height: 240px;
      width: 100%;
      margin: 50px 0;
  }
    
    .info__img-man {
      height: 250px;
      width: 100%;
    }
    


.target__bottom {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
}
    /*ADVERTISING*/
    
    .advertising__title {
      font-size: 35px;
      max-width: 299px;
      margin: 40px 0;;
    }
    
    .advertising__text {
      font-size: 16px;
      font-weight: 500;
      line-height: 30px;
    }
    
    .advertising__text-1 {
      max-width: 300px;
    }
    
    .advertising__text-2 {
      max-width: 330px;
      margin: 40px 0;
    }
    
    
    .arrows__wrapper{
      display: flex;
    }
    
    .rectangle-1{
      max-width: 236px;
    }
    
    /*DINAMIC*/
    
    .dinamic__box{
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 450px;
      margin: 80px 0;
    }
    
    .dinamic__box-title {
      font-size: 22px;
      max-width: 300px;
      line-height: 30px;
    }
    
    .dinamic__box::after {
      content: '';
      position: absolute;
      border: 28px solid transparent;
      border-bottom: 28px solid #4f2f8e;
      border-left: 28px solid #4f2f8e;
      left: 38%;
      bottom: 97%;
    }

    .dinamic__box-container {
      display: flex;
      justify-content: center;
      align-items: center;
  }
    
    .dinamic__box-title {
      font-size: 22px;
      width: 100%;
      line-height: 30px;
    }
    
    .dinamic__list{
      max-width: 350px;
    }
    
    .dinamic__box-text {
      font-size: 15px;
    }
    
    .percentage__content{
      width: 100%;
    }

    .percentage__container {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-items: center;
  }
    
    .percentage__content::after {
      content: '';
      position: absolute;
      top: 100%;
      right: 70%;
      border: 40px solid transparent; 
      border-top: 40px solid #f4f7f9;
     
    }
    
    .percentage__text-1 {
      font-size: 25px;
      text-align: center;
      max-width: 315px;
    }
    
    .percentage__text-2 {
      font-size: 25px;
      font-weight: 500;
    }
    
    .phone__box {
      max-width: 290px;
      margin: 110px auto;
    }
    
    .line-1{
     width: 115px;
    }
    
    .google__box-2 {
      top: 18%;
      width: 205px;
    }
    
    .google__box-1 {
      top: 79%;
      right: 43%;
      width: 189px;
    }
    
    /*COOP*/
    
    .coop__text {
      margin: 10px;
      font-size: 20px;
      max-width: 320px;
      line-height: 25px;
    }
    
    .coop__title {
      font-weight: 700;
      font-size: 35px;
      max-width: 300px;
    }
    
    .info__content-1 {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .coop__img-1 {
      height: 390px;
      margin: 50px 0;
      width: 100%;
    }
    
    .coop__img-2 {
      margin: 50px 0;
      height: 370px;
      width: 100%;
    }
    
    /*Form-2*/
    
    .title__form-2 {
      font-size: 30px;
      font-weight: 700;
      margin: 50px 0;
      text-align: center;
    }
    
    .row-2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    
    /*RESULT*/
   
    .result__title {
      font-size: 30px;
      font-weight: 700;
    }
    
    .result__text {
      line-height: 35px;
      margin: 50px 0;
      font-size: 20px;
      font-weight: 400;
    }
    
    /*SLIDER*/
   
    iframe{
      height: 270px;
    }
    
    .text{
      font-size: 10px;
      margin-top: 50px;
    }
    
    .slick-next{
     display: none!important;
    }
    
    
    .slick-dots{
      top: 84%;
    }
    
    
    .png{
      width: 100%;
    }
    
    .jpeg {
      height: 140px;
      margin: 10px 10px;
      width: 100%;
    }
    
    .info__container{
      justify-content: center;
    }
    
    .finger{
        position: absolute;
        right: 20px;
    }

}

/* Средние девайсы («планшеты, таблет», < 992px)  */
@media (min-width: 768px) and (max-width: 992px) {

  .work__text {
    font-size: 13px;
    max-width: 140px;
    line-height: 17px;
    font-weight: 300;
}

  .finger{
    position: absolute;
    right: 20px;
}

.logo__box {
  position: absolute;
  width: 100%;
  top: 50px;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.business__content {
  position: absolute;
  top: 300px;
  max-width: 600px;
  height: 400px;
  margin: 20px 0;
}

.business__title {
  max-width: 600px;
  margin: 0 20px;
}

.business__text {
  max-width: 500px;
  margin: 10px 20px;
}

.business__img {
  position: absolute;
  top: 570px;
  right: 221px;
}

.business__google-wrapper {
  position: absolute;
  right: 90%;
  top: 654px;
  transform: rotate(0deg);
}

.google-conifer {
  height: 50px;
  animation: float-icon 4s ease-in-out infinite;
}

.facebook-conifer {
  height: 60px;
  border-radius: 20%;
  animation: float-icon 4s ease-in-out infinite;
}

.business__facebook-wrapper {
  position: absolute;
  right: 42%;
  top: 870px;
  transform: rotate(13deg);
}

.google__add {
  height: 390px;
  animation: float-business 4s ease-in-out infinite;
}

.square__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 100px;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 150px;
}

.info__container {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.info__button {
  max-width: 535px;
}

.info__img {
  height: 229px;
  width: 309px;
  margin-top: 100px;
}

.info__container-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.info__img-circle {
  height: 200px;
  width: 290px;
  margin: 65px 0;
}

.info__img-message {
  height: 236px;
  width: 325px;
  margin: 38px 0;
}

.percentage__container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.title__form-2 {
  text-align: center;
}

.row-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  justify-content: center;
}

.dinamic__box-title {
    font-size: 28px;
    max-width: 565px;
    font-weight: 700;
    margin: 20px 0;
    color: #fff;
    line-height: 40px;
}

.work__box {
  background-color: rgb(245, 245, 245);
  height: 400px;
  padding: 10px;
  width: 28%;
  background: #fff;
  margin: 12px;
  display: flex;
  align-items: stretch;
  box-shadow: 0px 0px 30px 0px #00000016;
  transition: all ease .2s;
}

.work__title {
  color: #4f2f8e;
  font-size: 20px;
  font-weight: 600;
  margin: 10px;
}

.plane {
  position: absolute;
  left: -76px;
  bottom: 38%;
  top: 45%;
  height: 275px;
}

.world {
  position: absolute;
  right: 0;
  bottom: 25%;
  top: 27%;
  height: 297px;
}

.google__box-2 {
  position: absolute;
  top: 22%;
}

.google__box-1 {
  position: absolute;
  top: 66%;
}

.phone__box {
  margin-top: 50px;
}

.percentage__content::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 70%;
  border: 40px solid transparent;
  border-top: 40px solid #f4f7f9;
}


}

/* Экстрамалые девайсы («телефоны», < 576px) */
@media (min-width: 375px) and (max-width: 576px) {

.business__words{
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

  .business__button-wrapper-2{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .business__button-2{
    margin:20px 0;
    color: #4f2f8e;
    display: flex;
    flex-wrap:wrap;
    align-content: center;
    background-color: #70e2d9;
    font-weight: 600;
    font-size: 20px;
    width: 290px;
    height: 60px;
    font-family:'Montserrat', sans-serif;
    transition: all  .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:20px;
    border-radius: 20px;
  }
  
  .contact__wrapper{
    padding: 10px;
    background-color: #f4f7f9;
    height: 330px;
    display: flex;
    margin: 50px 0;
    flex-direction: column;
    justify-content: center;
  
  }
  
  .contact__container{
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .contact__list{
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    max-width: 372px;
    justify-content: center;
  }


/*Business*/
.header__list{
  display: none;
}

header{
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0;
}


.header__text{
  font-size: 25px;
  color: #fff;
}

.mobile_nav ul li {
  margin: 20px 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.header__text:hover{
  border: 2px solid #fff;
}


.logo__box{
  position: absolute;
  width: 100%;
  top: 50px;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.logo{
  height: 30px;
  margin: 0 10px;
}
.business__wrapper {
	margin-top: 60px;
}
.business__button {
  margin: 20px;
  color: #4f2f8e;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  background-color: #70e2d9;
  font-weight: 600;
  font-size: 20px;
  width: 228px;
  height: 55px;
  font-family: 'Montserrat', sans-serif;
  transition: all .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  border-radius: 20px;
}

.business__content {
  position: absolute;
  top: 300px;
  max-width: 300px;
  height: 301px;
}

.business__title {
  font-weight: 700;
  line-height: 50px;
  max-width: 330px;
  font-size: 30px;
  color: #fff;
}

.business__text {
  font-size: 15px;
  color: #fff;
  max-width: 328px;
  opacity: 0.8;
  margin: 10px 0;
  font-weight: 500;
  line-height: 35px;
}

.google__add {
  height: 250px;
  animation: float-business 4s ease-in-out infinite;
}

.business__img {
  position: absolute;
  top: 680px;
  right: 0;
}

.business__google-wrapper {
  position: absolute;
  right: 85%;
  top: 786px;
  transform: rotate(15deg);
}

.google-conifer {
  height: 30px;
  animation: float-icon 4s ease-in-out infinite;
}

.business__facebook-wrapper {
  position: absolute;
  right: 25%;
  top: 891px;
  transform: rotate(20deg);
}

.facebook-conifer {
  height: 40px;
  border-radius: 20%;
  animation: float-icon 4s ease-in-out infinite;
}



/*Main*/



.main__title {
  line-height: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 19px;
  margin: 20px 0;
}

.main__list{
  font-size: 12px;
}

.img__Box {
  position: absolute;
  top: 60%;
  right: 0;
  z-index: -1;
}

.template {
  width: 290px;
}

.box__text {
  width: 100%;
  display: flex;
  font-size: 15px;
  margin: 20px 0;
}
#send_mail input {
	width: 100%;
}
.h2{
  font-size: 25px;
}

.brands__item{
  width: 30%;
}

.brands__item, .brands__item:last-child {
  border-bottom: 1px solid #eee!important;
  border-right: 1px solid #eee!important;
  border-left: 1px solid #eee!important;
  border-top: 1px solid #eee!important;
}

.box__wrapper {
	margin: 45px 0;
	padding: 0 10px;
}
/*WORK*/


.work__main-title{
  font-size: 22px;
}

.work__box {
  background-color: rgb(245, 245, 245);
  height: 295px;
  padding: 10px;
  width: 48%;
  background: #fff;
  margin: 15px 1%;
  display: flex;
  align-items: stretch;
  box-shadow: 0px 0px 30px 0px #00000016;
  transition: all ease .2s;
}

.work__img{
  height: 40px;
}

.work__title{
  font-size: 15px;
  margin: 10px 5px;
}

.work__text {
  font-size: 10px;
  line-height: 14px;
  font-weight: 300;
  margin: 0 5px;
}

/*FORM*/


.title__form{
font-size: 25px;
}

.text__opacity-1 {
  color: grey;
  text-align: center;
  font-size: 15px;
  margin: 40px 0;
  opacity: 0.5;
  font-weight: 500;
}

.text__opacity-2 {
  color: grey;
  text-align: center;
  font-size: 16px;
  opacity: 0.5;
  margin-bottom: 50px 0;
}


.text__bold-opacity {
  margin: 30px 0;
  font-size: 17px;
  opacity: 0.5;
  font-weight: 700;
  text-align: center;
}

.plane {
  position: absolute;
  left: -45px;
  bottom: 25%;
  top: 34%;
  height: 207px;
}

.world {
  position: absolute;
  right: 0;
  bottom: 25%;
  top: 46%;
  height: 165px;
}

/*START*/

.start__wrapper {
  padding: 10px;
  margin: 50px 0;
}

.start__title{
  max-width: 300px;
  margin: 0 20px;
}

.square__wrapper {
  display: flex;
  margin: 50px 0;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: space-around;
}

.rectangle {
  background: #fff;
  position: absolute;
  width: 88px;
  height: 78px;
  margin: 18px 0;
  display: flex;
  align-items: center;
  left: 44%;
  z-index: 10;
  justify-content: flex-start;
  flex-direction: row;
}

.numb{
  font-size: 20px;
}

.start__text{
  font-size: 15px;
}

/*INFO*/

.info__container{
  display: flex;
  flex-wrap: wrap;
}

.info__container-2{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.info__title {
  font-size: 30px;
  max-width: 320px;
}

.info__text {
  font-size: 16px;
  line-height: 30px;
  max-width: 340px;
  margin: 10px;
}

.info__button {
  font-size: 15px;
  width: 100%;
}

.info__img{
  height: 250px;
  width: 100%;
}

.info__title-2 {
  font-size: 30px;
  max-width: 335px;
  margin: 10px;
}


.info__title-4 {
  font-size: 30px;
  max-width: 300px;
  margin: 20px 0;
}

.info__button-2 {
  font-size: 17px;
  margin: 20px 0;
  width: 100%;
  height: 50px;
}

.info__img-circle{
  height: 240px;
  width: 100%;
}

.info__img-message{
  height: 240px;
  width: 100%;
  margin: 20px 0;
}

.info__img-man {
  height: 250px;
  width: 100%;
}

/*ADVERTISING*/

.advertising__title {
  font-size: 35px;
  max-width: 299px;
  margin: 40px 0;;
}

.advertising__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}

.advertising__text-1 {
  max-width: 300px;
}

.advertising__text-2 {
  max-width: 330px;
  margin: 40px 0;
}


.arrows__wrapper{
  display: flex;
}

.rectangle-1{
  max-width: 236px;
}

/*DINAMIC*/

.dinamic__box{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 20px 0;
}

.dinamic__box-title {
  font-size: 22px;
  max-width: 300px;
  line-height: 30px;
}

.dinamic__box::after {
  content: '';
  position: absolute;
  border: 28px solid transparent;
  border-bottom: 28px solid #4f2f8e;
  border-left: 28px solid #4f2f8e;
  left: 38%;
  bottom: 97%;
}

.dinamic__box-title {
  font-size: 22px;
  width: 100%;
  line-height: 30px;
}

.dinamic__list{
  max-width: 350px;
}

.dinamic__box-text {
  font-size: 15px;
}

.percentage__content{
  width: 100%;
}

.percentage__content::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 70%;
  border: 40px solid transparent; 
  border-top: 40px solid #f4f7f9;
 
}

.percentage__text-1 {
  font-size: 25px;
  text-align: center;
  max-width: 315px;
}

.percentage__text-2 {
  font-size: 25px;
  font-weight: 500;
}

.phone__box {
  max-width: 290px;
  margin: 110px auto;
}

.line-1{
 width: 115px;
}

.google__box-2 {
  top: 18%;
  width: 205px;
}

.google__box-1 {
  top: 79%;
  right: 43%;
  width: 189px;
}

/*COOP*/

.coop__text {
  margin: 10px;
  font-size: 20px;
  max-width: 300px;
  line-height: 25px;
}

.coop__title {
  font-weight: 700;
  font-size: 35px;
  max-width: 300px;
}

.info__content-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.coop__img-1 {
  height: 390px;
  margin: 50px 0;
  width: 100%;
}

.coop__img-2 {
  margin: 50px 0;
  height: 370px;
  width: 100%;
}

/*Form-2*/

.title__form-2 {
  font-size: 30px;
  font-weight: 700;
  margin: 50px 0;
  text-align: center;
}

.row-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/*RESULT*/

.result__title {
  font-size: 30px;
  font-weight: 700;
}

.result__text {
  line-height: 35px;
  margin: 50px 0;
  font-size: 20px;
  font-weight: 400;
}

/*SLIDER*/

iframe{
  height: 270px;
}

.text{
  font-size: 10px;
  margin-top: 50px;
}

.slick-next{
 display: none;
}


.slick-dots{
  top: 84%;
}

.slick-prev.slick-arrow::before{
  display: none;
}

.slick-next,
.slick-arrow{
  display: none!important;
  right: 0;
}

.slick-next,
.slick-arrow::before{
  display: none;
  width: 0px;
}

.slick-prev
.slick-next{
  display: none;
}

.png{
  width: 100%;
}

.jpeg {
  height: 140px;
  margin: 10px 10px;
  width: 100%;
}

.info__container{
  display: flex;
  justify-content: center;
  align-items: center;
}

.finger{
    position: absolute;
    right: 20px;
}

}