/* Fonts */
@font-face {
		font-family: "Avenir";
		font-style: normal;
		font-weight: 400;
		font-display: swap;
		src: url('../font/Avenir.woff') format("woff");
	}
	@font-face {
		font-family: "Avenir";
		font-style: normal;
		font-weight: 500;
		font-display: swap;
		src: url('../font/AvenirMedium.woff') format("woff");
	}
	@font-face {
		font-family: "Avenir";
		font-style: normal;
		font-weight: 700;
		font-display: swap;
		src: url('../font/AvenirNext.woff') format("woff");
	}
/* Fonts */

/* Main */
	:root {
  		--black: #000000;
  		--white: #FFFFFF;
  		--purple: #BF94C2;
  		--green: #90CB52;
  		--lightgreen: #7DD6C0;
  		--yellow: #FFED00;
  		--darkyellow: #E0E53F;
  		--red: #EA6F92;
  	}
	html,
	body {
		outline: none;
		border: none;
		margin: 0;
		padding: 0;
	}
	body {
		color: var(--black);
		background: var(--white);
		font-family: 'Avenir';
		font-weight: 400;
	}
	h1 {
		text-transform: uppercase;
		font-size: 32px;
		font-weight: 700;
		line-height: 140%;
		margin: 0 0 10px 0;
	}
	h2 {
		text-transform: uppercase;
		font-size: 32px;
		font-weight: 400;
		line-height: 140%;
	}
	p.s20, nav a, footer .lang__link, .lang__link__new {
		font-size: 20px;
		line-height: 140%;
		margin: 0;
	}
	p.s16 {
		font-size: 16px;
		line-height: 140%;
		margin: 0;
	}
	p.s14 {
		font-size: 14px;
		line-height: 140%;
		margin: 0;
	}
	.bold {
		font-weight: 700;	
	}
	.btn {
		cursor: pointer;
		background: var(--darkyellow);
		width: 176px;
		height: 39px;
		text-align: center;
	    margin: 15px auto auto;
		border: none;
    	font-size: 15px;
    	font-family: 'Avenir';
    	font-weight: 500;
    	transition: all 0.4s ease
	}
	.btn:hover:not([disabled]) {
		background: var(--black);
		color: var(--white)
	}
	.btn[disabled] {
		cursor: not-allowed;
	}
	.container {
	    max-width: 1536px;
	    width: 100%;
	    margin: 0 auto;
	    position: relative;
	    box-sizing: border-box;
	}
	.nav__wrap	{
		position: relative;
	}
	nav	{
		max-width: 1107px;
		width: 100%;
		margin: 15px auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.nav__col {
	    display: flex;
		gap: 54px;
	}
	a {
		outline: none;
		text-decoration: none;
		color: var(--black);
		opacity: 1;
		transition: all 0.4s ease
	}
	a:visited {
		text-decoration: none;
	}
	a:hover {}
/* Main */

/* Sections */
	.one__wrap {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    text-align: center;
	}
	.add__img {
	    position: relative;
	    margin-top: -117px;
	    max-width: 100%;
    	height: auto;
	}
	.main__text {
		max-width: 820px;
		margin-bottom: 60px;
	}
	.child {
	 	width: calc( 100% - 160px / 2 );
	}
	.child.last {
		justify-content: flex-end;
	}
	.main__img {
	    max-width: 100%;
	    height: auto;
	}
    .one__img__wrap {
    	max-width: 100%;
    	position: relative;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.one__img__wrap:before {
        content: '';
	    position: absolute;
	    left: -160px;
	    bottom: 15px;
	    width: 250px;
	    height: 240px;
		background: url(../img/abs_left.svg);
	}
	.one__img__wrap:after {
	    content: '';
	    position: absolute;
	    right: -130px;
	    bottom: 60px;
	    width: 296px;
	    height: 201px;
		background: url(../img/abs_right.svg);
	}
	.content__wrap {
		display: flex;
	}
	.content__block {
	    display: flex;
	    flex-direction: column;
	    width: 38.61%;
	}
	.content__block img {
		display: flex;
	    max-width: 100%;
    	height: auto;
	}
	.img__block {
		width: 61.39%;
	}
	.img__block img {
		display: flex;
		max-width: 100%;
    	height: auto;
	}
	.two .text__block {
		background: var(--purple);
	}
	.three .text__block {
		background: var(--yellow);
	}
	.four .text__block {
		background: var(--red);
	}
	.five .text__block {
		background: var(--lightgreen);
	}
	.text__block {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    flex-basis: 100%;
	}
	.text__block.right {
		padding-right: 100px;
	}
	.text__block.left {
		padding-left: 100px;
	}
	.content__block  .text__block img {
		margin-bottom: 15px;
	}
	.text__block p {
		text-align: center;
		width: 253px
	}
	.six__text__block__wrap {
		padding: 60px 0;
		background: var(--darkyellow);
	}
	.six__text__block {
		margin: 0 auto;
		text-align: center;
		max-width: 700px
	}
	h2 {
		font-weight: 500;
	}
	.six h2 {
		margin: 0 0 40px 0;
	}
	.seven h2 {
		margin: 0 0 5px 0;
	}
	.photo__wrap {
		display: flex;
	}
	.photo__wrap img {
		width: calc(100% / 3);
		height: auto;
	}
	.seven__text__block__wrap {
		padding: 60px 0;
		background: var(--lightgreen);
	}
	.seven__text__block {
		margin: 0 auto;
		text-align: center;
		max-width: 540px
	}
	form {
		margin-top: 25px;
		display: flex;
		flex-direction: column;
	}
	input,
	textarea {
	    font-family: 'Avenir';
	    font-weight: 400;
		font-size: 14px;
		
		width: 100%;
		padding: 10px 20px;
		border: none;
	    box-sizing: border-box;
	}
	input {
		height: 40px;
	}
	input:focus,
	textarea:focus {
		outline: none
	}
	.input__wrap {
	    margin: 15px 0;
    	display: flex;
    	gap: 15px;
	}
	.container__footer {
	    max-width: 1110px;
	    width: 100%;
	    margin: 0 auto;
	    position: relative;
	    box-sizing: border-box;
	}
	.footer__row1 {
		display: flex;
	    align-items: flex-start;
		padding: 30px 0;
		border-bottom: 2px solid;
	}
	footer nav {
		flex-direction: column;
		margin: 0;
		gap: 15px
	}
	.lang__link {
		display: flex;
		gap: 5px;
	}
	footer .lang__block {
	    display: flex;
    	flex-direction: column;
		right: 20px;
	}
	.footer__row2 {
	    padding: 30px 0;
	    gap: 15px;
	    display: flex;
    	flex-direction: column;
    	font-weight: 600;
    	align-items: center;
    	border-bottom: 2px solid;
    }
    .footer__row2 a {
	    display: flex;
	    gap: 15px;
	    align-items: center;
	}
	.child__footer.last {
		justify-content: flex-end;
	}
	.child__footer {
	    width: calc( 100% / 3 );
	}
	footer .lang__link {
    	display: flex;
    	justify-content: flex-end;
    }
    .footer__row3 {
    	padding: 30px 0;
    	gap: 15px;
	    display: flex;
    	flex-direction: column;
    	align-items: center;
    }
    .footer__row3 p {
    	font-weight: 500;
    }
    .soc__icons__wrap {
	    display: flex;
   		gap: 20px;
    }
    button.menu {
    	border: none;
    	background: transparent;
    	padding: 0; 
    }
    .h768 {
		display: flex;
	}
	.s768 {
		display: none;
	}
	#icon__burger #rec1,
	#icon__burger #rec2,
	#icon__burger #rec3 {
		transition: all 0.3s ease
	}
	.on #icon__burger #rec2 {
		opacity: 0
	}
	.on #icon__burger #rec1 {
	    transform-box: fill-box;
	    -ms-transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(45deg);
	    rx: 0;
	    width: 30px;
	    transform-origin: 0px 2px;
	}
	.on #icon__burger #rec3 {
	    transform-box: fill-box;
	    -ms-transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    rx: 0;
	    width: 30px;
	    transform-origin: 0px -1px;
	}
	.burger__menu {
	    flex-direction: column;
        position: absolute;
	    top: 90px;
	    left: 0;
	    z-index: 2;
	    background: var(--white);
	    width: 100vw;
	    height: 100vh;
	    transform: translateX(-100vw);
	    transition: all 0.4s ease;
	}
	.burger__menu.open {
		transform: translateX(0);
	}
	.burger__menu nav {
	    text-transform: uppercase;
	    flex-direction: column;
	    gap: 55px;
	    font-weight: 500;
	}
	#message {
		margin-top: 25px;
    	font-weight: 500;
	}
	.lang__wrap {
		position: relative;
	}
	.lang__block {
		display: flex;
    	flex-direction: column;
		position: absolute;
		opacity: 0;
		visibility: hidden;
    	transform: translateY(-28px);
    	z-index: 1;
    	transition: all .4s ease
	}
	.lang__open {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
/* Sections */

/* Media */
	@media (max-width: 1439.8px) {
		.nav__wrap {
		    display: flex;
	   	 	justify-content: center;
		}
		nav {
			margin: 15px 25px;
		}
	}
	@media (max-width: 1259.8px) {
		.one__img__wrap:before, 
		.one__img__wrap:after {
			content: none;
		}
	@media (max-width: 1199.8px) {
		.img__block {
		    display: flex;
		    align-items: center;
		}
		.text__block {
		    padding: 25px 0;
		}
    	.footer__link__logo {
			margin-left: 25px;
		}
		footer .lang__link,
		footer .lang__block  {
			margin-right: 25px;
		}
	}
	@media (max-width: 1023.8px) {
		.h768 {
			display: none;
		}
		.s768 {
			display: flex;
		}
		.main__text {
		    max-width: 680px;
		}
		p.s16 {
		    font-size: 14px;
		}
		.text__block.right {
			padding-right: 0;
		}
		.text__block.left {
		    padding-left: 0;
		}
		.text__block p {
			width: 270px;
		}
	}
	@media (max-width: 767.8px) {
		.one__img__wrap,
		.six__text__block {
	    	padding: 0 15px;
		}
		.add__img {
			margin-top: 0;
		}
		h1 {
			font-size: 26px;
		}
		p.s20, nav a, footer .lang__link, p.s16, .lang__link__new {
			font-size: 16px;
		}
		.content__wrap {
			flex-direction: column
		}
		.img__block,
		.content__block {
			width: 100%
		}
		.main__text {
		    max-width: 370px;
		    margin-bottom: 30px;
		}
		.text__block p {
		    width: 253px;
	    }
		.three .content__wrap,
		.five .content__wrap {
		    flex-direction: column-reverse;
		}
		.ph1,
		.ph3 {
			display: none;
		}
		.photo__wrap img {
			width: 100%;
		}
		.seven__text__block__wrap {
			padding: 30px 0;
		}
		.input__wrap {
			flex-direction: column;
		}
		form {
			padding: 0 15px
		}
		.btn {
			width: 100%;
			font-size: 20px;
		}
		input,
		.btn {
			height: 50px;
		}
		.footer__link__logo {
			margin: 0;
			width: unset;
		}
		footer .footer__row1 {
			flex-direction: column;
    		align-items: center;
    		gap: 30px;
		}
		footer .child__footer.lang__wrap {
			position: absolute;
		    width: max-content;
		    right: 0;
		}
		footer .lang__block {
    		right: unset;
		}
		.six h2 {
			margin-bottom: 15px;
		}
		.six__text__block__wrap {
		    padding: 30px 0;
		}
		.text__block.right, .text__block.left {
		    padding: 30px;
		}
		.footer__row2 {
    		padding: 20px 0;
		}
		.content__block img {
			margin: 0 auto
		}
	}
	@media (max-width: 452.8px) {
		.logo {
			width: 141px;
			height: 62px;
		}
    	h2 {
			font-size: 26px;
		}

	}
/* Media */