html {
		scroll-behavior: smooth;
}

body, p, h1, h2 {
		font-family: "Open Sans", sans-serif;
		margin: 0;
		padding: 0;
}

.container {
		width: 1200px;
		margin: auto;
}
@media screen and (min-width: 320px) and (max-width: 400px) {
		.container {
				width: 300px;
		}
}
@media screen and (min-width: 400px) and (max-width: 480px) {
		.container {
				width: 350px;
		}
}
@media screen and (min-width: 480px) and (max-width: 600px) {
		.container {
				width: 450px;
		}
}
@media screen and (min-width: 600px) and (max-width: 700px) {
		.container {
				width: 500px;
		}
}
@media screen and (min-width: 700px) and (max-width: 767px) {
		.container {
				width: 550px;
		}
}
@media screen and (min-width: 767px) and (max-width: 900px) {
		.container {
				width: 730px;
		}
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
		.container {
				width: 820px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.container {
				width: 950px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.container {
				width: 1100px;
		}
}

.sticky {
		position: sticky;
		z-index: 4;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #fff;
		opacity: 0.8;
		-webkit-box-shadow: 8px 8px 8px rgb(198, 191, 191);
		        box-shadow: 8px 8px 8px rgb(198, 191, 191);
}
.sticky__nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		text-decoration: none;
		list-style: none;
		min-height: 80px;
		margin-left: 70px;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: start;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.sticky__nav {
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				margin-left: 10px;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				min-height: 30px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.sticky__nav {
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				margin-left: 0;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				min-height: 50px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.sticky__nav {
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				margin-left: 20px;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				min-height: 60px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.sticky__nav {
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				margin-left: 8px;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				min-height: 80px;
		}
}
.sticky__list {
		text-decoration: none;
		padding-left: 20px;
		font-size: 18px;
		color: black;
		font-weight: 600;
		text-transform: uppercase;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.sticky__list {
				font-size: 10px;
				padding-left: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 600px) {
		.sticky__list {
				font-size: 11px;
				padding-left: 24px;
		}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
		.sticky__list {
				font-size: 12px;
				padding-left: 24px;
		}
}
@media screen and (min-width: 767px) and (max-width: 900px) {
		.sticky__list {
				font-size: 15px;
				padding-left: 8px;
		}
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
		.sticky__list {
				font-size: 16px;
				padding-left: 12px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.sticky__list {
				font-size: 18px;
				padding-left: 15px;
		}
}
.sticky__list span {
		color: rgb(242, 47, 5);
		position: relative;
}
.sticky__list span::before {
		content: "";
		position: absolute;
		left: -87px;
		top: -9px;
		background-image: url(../images/icons/header.png);
		background-size: 60px;
		background-repeat: no-repeat;
		width: 60px;
		height: 60px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.sticky__list span::before {
				width: 20px;
				height: 20px;
				background-size: 20px;
				left: -23px;
				top: -2px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.sticky__list span::before {
				width: 25px;
				height: 25px;
				background-size: 25px;
				left: -30px;
				top: -3px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.sticky__list span::before {
				width: 30px;
				height: 30px;
				background-size: 30px;
				left: -35px;
				top: 1px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.sticky__list span::before {
				width: 40px;
				height: 40px;
				background-size: 40px;
				left: -44px;
				top: 5px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.sticky__list span::before {
				width: 50px;
				height: 50px;
				background-size: 50px;
				left: -56px;
				top: -1px;
		}
}
.sticky__list--active:hover {
		color: rgb(242, 47, 5);
}
.sticky__phone {
		position: relative;
		top: -2px;
		padding-left: 20px;
		height: 40px;
		width: 40px;
		background-size: 40px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.sticky__phone {
				height: 16px;
				width: 16px;
				padding-left: 10px;
				background-size: 16px;
				position: relative;
				top: 1px;
		}
}
@media screen and (min-width: 480px) and (max-width: 600px) {
		.sticky__phone {
				height: 20px;
				width: 20px;
				padding-left: 10px;
				background-size: 20px;
				position: relative;
				top: 0;
		}
}
@media screen and (min-width: 600px) and (max-width: 700px) {
		.sticky__phone {
				height: 20px;
				width: 20px;
				padding-left: 10px;
				background-size: 20px;
				position: relative;
				right: -11px;
				top: 0;
		}
}
@media screen and (min-width: 700px) and (max-width: 767px) {
		.sticky__phone {
				height: 22px;
				width: 22px;
				padding-left: 10px;
				background-size: 22px;
				position: relative;
				right: -11px;
				top: 0;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.sticky__phone {
				height: 23px;
				width: 23px;
				padding-left: 10px;
				background-size: 23px;
				position: relative;
				top: -1px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.sticky__phone {
				height: 32px;
				width: 32px;
				padding-left: 19px;
				background-size: 32px;
				position: relative;
				top: -5px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.sticky__phone {
				height: 40px;
				width: 40px;
				padding-left: 21px;
				background-size: 40px;
				position: relative;
				top: -5px;
		}
}

.header {
		background-image: url(../images/background/bg.png);
		width: 100%;
		height: 100%;
		padding-top: 30px;
		background-repeat: no-repeat;
		background-size: 1550px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.header {
				padding-top: 10px;
				background-size: 600px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.header {
				padding-top: 10px;
				background-size: 800px;
		}
}
.header__information {
		padding-top: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.header__information {
				padding-top: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.header__information {
				padding-top: 5px;
		}
}
.header__title {
		font-size: 50px;
		text-transform: uppercase;
		font-weight: 800;
		line-height: 80px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.header__title {
				font-size: 13px;
				line-height: 17px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.header__title {
				font-size: 18px;
				line-height: 25px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.header__title {
				font-size: 30px;
				line-height: 35px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__title {
				font-size: 35px;
				line-height: 45px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.header__title {
				font-size: 45px;
				line-height: 60px;
		}
}
.header__title--red {
		color: rgb(242, 47, 5);
}
.header__discounts {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background-color: rgb(242, 47, 5);
		-webkit-box-shadow: 3px 3px 3px rgb(235, 111, 83);
		        box-shadow: 3px 3px 3px rgb(235, 111, 83);
		border-radius: 5px;
		height: 90px;
		width: 400px;
}
@media screen and (min-width: 320px) and (max-width: 400px) {
		.header__discounts {
				height: 30px;
				width: 110px;
		}
}
@media screen and (min-width: 400px) and (max-width: 480px) {
		.header__discounts {
				width: 130px;
				height: 35px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.header__discounts {
				width: 150px;
				height: 37px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.header__discounts {
				width: 200px;
				height: 40px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__discounts {
				width: 260px;
				height: 60px;
		}
}
.header__discounts--text {
		position: relative;
		text-transform: uppercase;
		font-size: 35px;
		color: #fff;
		border-right: 4px solid #fff;
		padding-right: 30px;
}
@media screen and (min-width: 320px) and (max-width: 400px) {
		.header__discounts--text {
				font-size: 9px;
				padding-right: 5px;
				border-right: 2px solid #fff;
		}
}
@media screen and (min-width: 400px) and (max-width: 480px) {
		.header__discounts--text {
				font-size: 10px;
				padding-right: 10px;
				border-right: 2px solid #fff;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.header__discounts--text {
				font-size: 13px;
				border-right: 2px solid #fff;
				padding-right: 10px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.header__discounts--text {
				font-size: 15px;
				border-right: 2.5px solid #fff;
				padding-right: 15px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__discounts--text {
				font-size: 20px;
				border-right: 3px solid #fff;
				padding-right: 15px;
		}
}
.header__discounts--percent {
		text-transform: uppercase;
		font-size: 50px;
		font-weight: bold;
		color: #fff;
}
@media screen and (min-width: 320px) and (max-width: 400px) {
		.header__discounts--percent {
				font-size: 14px;
		}
}
@media screen and (min-width: 400px) and (max-width: 480px) {
		.header__discounts--percent {
				font-size: 15px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.header__discounts--percent {
				font-size: 16px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.header__discounts--percent {
				font-size: 22px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__discounts--percent {
				font-size: 25px;
		}
}
.header__images {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		padding-top: 60px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.header__images {
				padding-top: 45px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.header__images {
				padding-top: 40px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__images {
				padding-top: 70px;
		}
}
.header__images--left {
		-webkit-transition-duration: 1s;
		        transition-duration: 1s;
}
.header__images--left:hover {
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
}
@media screen and (min-width: 320px) and (max-width: 400px) {
		.header__images--caviarL {
				width: 150px;
				height: 90px;
		}
}
@media screen and (min-width: 400px) and (max-width: 480px) {
		.header__images--caviarL {
				width: 180px;
				height: 120px;
		}
}
@media screen and (min-width: 480px) and (max-width: 500px) {
		.header__images--caviarL {
				width: 195px;
				height: 107px;
		}
}
@media screen and (min-width: 500px) and (max-width: 767px) {
		.header__images--caviarL {
				width: 230px;
				height: 140px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.header__images--caviarL {
				width: 270px;
				height: 160px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__images--caviarL {
				width: 335px;
				height: 200px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.header__images--caviarL {
				width: 440px;
				height: 240px;
		}
}
.header__images--right {
		padding-top: 50px;
		position: relative;
		-webkit-animation-timing-function: linear;
		        animation-timing-function: linear;
}
@media screen and (min-width: 320px) and (max-width: 400px) {
		.header__images--right {
				padding-top: 0;
		}
}
@media screen and (min-width: 400px) and (max-width: 480px) {
		.header__images--right {
				padding-top: 0;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.header__images--right {
				padding-top: 0;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.header__images--right {
				padding-top: 0;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__images--right {
				padding-top: 30px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.header__images--right {
				padding-top: 40px;
		}
}
.header__images--right::before {
		content: "";
		background-image: url(../images/other/sale.png);
		background-size: 270px;
		background-repeat: no-repeat;
		width: 270px;
		height: 270px;
		position: absolute;
		left: 220px;
		top: -73px;
		-webkit-animation: circle 2s linear 1 forwards;
		        animation: circle 2s linear 1 forwards;
		z-index: 1;
}
@media screen and (min-width: 320px) and (max-width: 400px) {
		.header__images--right::before {
				width: 70px;
				height: 70px;
				background-size: 70px;
				top: -33px;
				-webkit-animation: circle2 2s linear 1 forwards;
				        animation: circle2 2s linear 1 forwards;
		}
}
@media screen and (min-width: 400px) and (max-width: 480px) {
		.header__images--right::before {
				-webkit-animation: circle3 2s linear 1 forwards;
				        animation: circle3 2s linear 1 forwards;
				width: 90px;
				height: 90px;
				background-size: 90px;
				top: -29px;
		}
}
@media screen and (min-width: 480px) and (max-width: 570px) {
		.header__images--right::before {
				-webkit-animation: circle4 2s linear 1 forwards;
				        animation: circle4 2s linear 1 forwards;
				width: 100px;
				height: 100px;
				background-size: 100px;
				top: -37px;
		}
}
@media screen and (min-width: 570px) and (max-width: 767px) {
		.header__images--right::before {
				-webkit-animation: circle5 2s linear 1 forwards;
				        animation: circle5 2s linear 1 forwards;
				width: 100px;
				height: 100px;
				background-size: 100px;
				top: -37px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.header__images--right::before {
				-webkit-animation: circle6 2s linear 1 forwards;
				        animation: circle6 2s linear 1 forwards;
				width: 130px;
				height: 130px;
				background-size: 130px;
				top: -45px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__images--right::before {
				-webkit-animation: circle7 2s linear 1 forwards;
				        animation: circle7 2s linear 1 forwards;
				width: 170px;
				height: 170px;
				background-size: 170px;
				top: -45px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.header__images--right::before {
				-webkit-animation: circle8 2s linear 1 forwards;
				        animation: circle8 2s linear 1 forwards;
				width: 220px;
				height: 220px;
				background-size: 220px;
				top: -45px;
		}
}
@media screen and (min-width: 1400px) and (max-width: 1510px) {
		.header__images--right::before {
				width: 240px;
				height: 240px;
				background-size: 240px;
				top: -45px;
				-webkit-animation: circle9 2s linear 1 forwards;
				        animation: circle9 2s linear 1 forwards;
		}
}
@media screen and (min-width: 320px) and (max-width: 400px) {
		.header__images--caviarR {
				width: 100px;
				height: 80px;
		}
}
@media screen and (min-width: 400px) and (max-width: 480px) {
		.header__images--caviarR {
				width: 137px;
				height: 104px;
		}
}
@media screen and (min-width: 480px) and (max-width: 500px) {
		.header__images--caviarR {
				width: 140px;
				height: 110px;
		}
}
@media screen and (min-width: 500px) and (max-width: 767px) {
		.header__images--caviarR {
				width: 157px;
				height: 123px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.header__images--caviarR {
				width: 200px;
				height: 155px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__images--caviarR {
				width: 220px;
				height: 175px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.header__images--caviarR {
				width: 250px;
				height: 205px;
		}
}
.header__sentence {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: end;
}
.header__sentence--text {
		padding-top: 10px;
		padding-bottom: 20px;
		font-size: 35px;
		font-weight: normal;
		letter-spacing: 1px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.header__sentence--text {
				font-size: 10px;
				letter-spacing: 0;
				padding-bottom: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.header__sentence--text {
				font-size: 15px;
				letter-spacing: 0;
				padding-bottom: 10px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.header__sentence--text {
				font-size: 22px;
				letter-spacing: 0;
				padding-bottom: 10px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__sentence--text {
				font-size: 25px;
				letter-spacing: 0;
				padding-bottom: 10px;
		}
}
.header__sentence--text span {
		color: rgb(242, 47, 5);
}
.header__button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: end;
		margin-right: 208px;
		padding-bottom: 50px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.header__button {
				margin-right: 44px;
				padding-bottom: 20px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.header__button {
				margin-right: 80px;
				padding-bottom: 15px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.header__button {
				margin-right: 120px;
				padding-bottom: 15px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__button {
				margin-right: 129px;
				padding-bottom: 25px;
		}
}
.header__button--position {
		text-align: center;
		text-decoration: none;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
		padding-top: 17px;
		padding-bottom: 5px;
		width: 160px;
		height: 40px;
		border: 1px solid rgb(242, 47, 5);
		background-color: rgb(242, 47, 5);
		border-radius: 30px;
}
.header__button--position:hover {
		background-color: rgb(194, 38, 4);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.header__button--position {
				font-size: 7px;
				width: 65px;
				height: 8px;
				padding-top: 3px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.header__button--position {
				font-size: 9px;
				width: 70px;
				height: 11px;
				padding-top: 3px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.header__button--position {
				font-size: 13px;
				width: 98px;
				height: 22px;
				padding-top: 8px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.header__button--position {
				font-size: 15px;
				width: 125px;
				height: 25px;
				padding-top: 9px;
		}
}

@-webkit-keyframes circle {
		0% {
				left: 220px;
				opacity: 0;
		}
		10% {
				left: 220px;
				opacity: 1;
		}
		100% {
				left: 100px;
		}
}

@keyframes circle {
		0% {
				left: 220px;
				opacity: 0;
		}
		10% {
				left: 220px;
				opacity: 1;
		}
		100% {
				left: 100px;
		}
}
@-webkit-keyframes circle2 {
		0% {
				left: 60px;
				opacity: 0;
		}
		10% {
				left: 60px;
				opacity: 1;
		}
		100% {
				left: 35px;
		}
}
@keyframes circle2 {
		0% {
				left: 60px;
				opacity: 0;
		}
		10% {
				left: 60px;
				opacity: 1;
		}
		100% {
				left: 35px;
		}
}
@-webkit-keyframes circle3 {
		0% {
				left: 90px;
				opacity: 0;
		}
		10% {
				left: 90px;
				opacity: 1;
		}
		100% {
				left: 50px;
		}
}
@keyframes circle3 {
		0% {
				left: 90px;
				opacity: 0;
		}
		10% {
				left: 90px;
				opacity: 1;
		}
		100% {
				left: 50px;
		}
}
@-webkit-keyframes circle4 {
		0% {
				left: 100px;
				opacity: 0;
		}
		10% {
				left: 100px;
				opacity: 1;
		}
		100% {
				left: 60px;
		}
}
@keyframes circle4 {
		0% {
				left: 100px;
				opacity: 0;
		}
		10% {
				left: 100px;
				opacity: 1;
		}
		100% {
				left: 60px;
		}
}
@-webkit-keyframes circle5 {
		0% {
				left: 140px;
				opacity: 0;
		}
		10% {
				left: 140px;
				opacity: 1;
		}
		100% {
				left: 70px;
		}
}
@keyframes circle5 {
		0% {
				left: 140px;
				opacity: 0;
		}
		10% {
				left: 140px;
				opacity: 1;
		}
		100% {
				left: 70px;
		}
}
@-webkit-keyframes circle6 {
		0% {
				left: 180px;
				opacity: 0;
		}
		10% {
				left: 180px;
				opacity: 1;
		}
		100% {
				left: 85px;
		}
}
@keyframes circle6 {
		0% {
				left: 180px;
				opacity: 0;
		}
		10% {
				left: 180px;
				opacity: 1;
		}
		100% {
				left: 85px;
		}
}
@-webkit-keyframes circle7 {
		0% {
				left: 220px;
				opacity: 0;
		}
		10% {
				left: 220px;
				opacity: 1;
		}
		100% {
				left: 90px;
		}
}
@keyframes circle7 {
		0% {
				left: 220px;
				opacity: 0;
		}
		10% {
				left: 220px;
				opacity: 1;
		}
		100% {
				left: 90px;
		}
}
@-webkit-keyframes circle8 {
		0% {
				left: 230px;
				opacity: 0;
		}
		10% {
				left: 230px;
				opacity: 1;
		}
		100% {
				left: 100px;
		}
}
@keyframes circle8 {
		0% {
				left: 230px;
				opacity: 0;
		}
		10% {
				left: 230px;
				opacity: 1;
		}
		100% {
				left: 100px;
		}
}
@-webkit-keyframes circle9 {
		0% {
				left: 230px;
				opacity: 0;
		}
		10% {
				left: 230px;
				opacity: 1;
		}
		100% {
				left: 110px;
		}
}
@keyframes circle9 {
		0% {
				left: 230px;
				opacity: 0;
		}
		10% {
				left: 230px;
				opacity: 1;
		}
		100% {
				left: 110px;
		}
}
.add {
		color: rgb(26, 156, 255);
		text-align: center;
		padding-top: 30px;
		font-size: 40px;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 60px;
		letter-spacing: 1px;
		position: relative;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.add {
				padding-top: 10px;
				font-size: 15px;
				line-height: 20px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.add {
				padding-top: 10px;
				font-size: 18px;
				line-height: 20px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.add {
				padding-top: 10px;
				font-size: 22px;
				line-height: 30px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.add {
				padding-top: 10px;
				font-size: 22px;
				line-height: 30px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.add {
				padding-top: 15px;
				font-size: 27px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.add {
				font-size: 35px;
		}
}
.add::after {
		content: "";
		background-image: url(../images/other/snow.png);
		background-size: 300px;
		background-repeat: no-repeat;
		width: 280px;
		height: 200px;
		position: absolute;
		top: 2px;
		right: -157px;
		-webkit-animation-name: snowflake;
		        animation-name: snowflake;
		-webkit-animation-duration: 10s;
		        animation-duration: 10s;
		-webkit-animation-timing-function: linear;
		        animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
}
@media screen and (min-width: 320px) and (max-width: 400px) {
		.add::after {
				width: 50px;
				height: 50px;
				background-size: 50px;
				right: -8px;
		}
}
@media screen and (min-width: 400px) and (max-width: 450px) {
		.add::after {
				width: 70px;
				height: 70px;
				background-size: 70px;
				right: -20px;
		}
}
@media screen and (min-width: 450px) and (max-width: 480px) {
		.add::after {
				width: 70px;
				height: 70px;
				background-size: 70px;
				right: -46px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.add::after {
				width: 90px;
				height: 90px;
				background-size: 90px;
				right: -10px;
				top: -11px;
		}
}
@media screen and (min-width: 767px) and (max-width: 900px) {
		.add::after {
				width: 115px;
				height: 115px;
				background-size: 115px;
				right: -20px;
				top: -11px;
		}
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
		.add::after {
				width: 130px;
				height: 130px;
				background-size: 130px;
				right: -20px;
				top: -17px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.add::after {
				width: 150px;
				height: 150px;
				background-size: 150px;
				right: 2px;
				top: -10px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.add::after {
				width: 200px;
				height: 200px;
				background-size: 200px;
				right: -54px;
				top: -10px;
		}
}
@media screen and (min-width: 1400px) and (max-width: 1510px) {
		.add::after {
				width: 230px;
				height: 230px;
				background-size: 230px;
				right: -82px;
				top: -10px;
		}
}

.title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		font-size: 60px;
		font-weight: bold;
		padding-top: 50px;
		position: relative;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.title {
				font-size: 20px;
				padding-top: 0;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.title {
				font-size: 27px;
				padding-top: 0;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.title {
				font-size: 35px;
				padding-top: 10px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.title {
				font-size: 40px;
				padding-top: 10px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.title {
				font-size: 55px;
		}
}
.title::before {
		content: "";
		width: 400px;
		height: 5px;
		position: absolute;
		background-color: rgb(242, 47, 5);
		border-radius: 3px;
		top: 90px;
		left: 54px;
		-webkit-animation-name: line;
		        animation-name: line;
		-webkit-animation-duration: 5s;
		        animation-duration: 5s;
		-webkit-animation-timing-function: linear;
		        animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		        animation-direction: alternate;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.title::before {
				-webkit-animation-name: line2;
				        animation-name: line2;
				height: 3px;
				top: 14px;
				left: 0;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.title::before {
				height: 3px;
				top: 20px;
				left: 55px;
				-webkit-animation-name: line2;
				        animation-name: line2;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.title::before {
				height: 4px;
				top: 34px;
				left: 85px;
				-webkit-animation-name: line3;
				        animation-name: line3;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.title::before {
				height: 4px;
				top: 40px;
				left: 140px;
				-webkit-animation-name: line4;
				        animation-name: line4;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.title::before {
				left: 20px;
		}
}
.title::after {
		content: "";
		width: 400px;
		height: 5px;
		position: absolute;
		background-color: rgb(242, 47, 5);
		border-radius: 3px;
		top: 90px;
		right: 62px;
		-webkit-animation-name: line;
		        animation-name: line;
		-webkit-animation-duration: 5s;
		        animation-duration: 5s;
		-webkit-animation-timing-function: linear;
		        animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		        animation-direction: alternate;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.title::after {
				-webkit-animation-name: line2;
				        animation-name: line2;
				height: 3px;
				top: 14px;
				right: 0;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.title::after {
				height: 3px;
				top: 20px;
				right: 55px;
				-webkit-animation-name: line2;
				        animation-name: line2;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.title::after {
				height: 4px;
				top: 34px;
				right: 85px;
				-webkit-animation-name: line3;
				        animation-name: line3;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.title::after {
				height: 4px;
				top: 40px;
				right: 140px;
				-webkit-animation-name: line4;
				        animation-name: line4;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.title::after {
				right: 20px;
		}
}

@-webkit-keyframes line {
		0% {
				width: 400px;
		}
		25% {
				width: 250px;
		}
		50% {
				width: 100px;
		}
		75% {
				width: 50px;
		}
		100% {
				width: 0;
		}
}

@keyframes line {
		0% {
				width: 400px;
		}
		25% {
				width: 250px;
		}
		50% {
				width: 100px;
		}
		75% {
				width: 50px;
		}
		100% {
				width: 0;
		}
}
@-webkit-keyframes line2 {
		0% {
				width: 95px;
		}
		25% {
				width: 75px;
		}
		50% {
				width: 50px;
		}
		75% {
				width: 30px;
		}
		100% {
				width: 0;
		}
}
@keyframes line2 {
		0% {
				width: 95px;
		}
		25% {
				width: 75px;
		}
		50% {
				width: 50px;
		}
		75% {
				width: 30px;
		}
		100% {
				width: 0;
		}
}
@-webkit-keyframes line3 {
		0% {
				width: 175px;
		}
		25% {
				width: 125px;
		}
		50% {
				width: 75px;
		}
		75% {
				width: 30px;
		}
		100% {
				width: 0;
		}
}
@keyframes line3 {
		0% {
				width: 175px;
		}
		25% {
				width: 125px;
		}
		50% {
				width: 75px;
		}
		75% {
				width: 30px;
		}
		100% {
				width: 0;
		}
}
@-webkit-keyframes line4 {
		0% {
				width: 220px;
		}
		25% {
				width: 150px;
		}
		50% {
				width: 100px;
		}
		75% {
				width: 50px;
		}
		100% {
				width: 0;
		}
}
@keyframes line4 {
		0% {
				width: 220px;
		}
		25% {
				width: 150px;
		}
		50% {
				width: 100px;
		}
		75% {
				width: 50px;
		}
		100% {
				width: 0;
		}
}
.main {
		padding-top: 20px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.main {
				padding-top: 0;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.main {
				padding-top: 10px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.main {
				padding-top: 15px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.main {
				padding-top: 15px;
		}
}

.catalog {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		margin-bottom: 30px;
		padding-top: 30px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog {
				padding-top: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog {
				padding-top: 10px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog {
				padding-top: 15px;
		}
}
.catalog__wrapper {
		width: 320px;
		margin-right: 20px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__wrapper {
				width: 90px;
				margin-right: 0;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__wrapper {
				width: 130px;
				margin-right: 10px;
		}
}
@media screen and (min-width: 767px) and (max-width: 900px) {
		.catalog__wrapper {
				width: 190px;
		}
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
		.catalog__wrapper {
				width: 190px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__wrapper {
				width: 250px;
				margin-right: 50px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.catalog__wrapper {
				width: 300px;
		}
}
.catalog__title {
		text-align: center;
		text-transform: uppercase;
		font-size: 30px;
		font-weight: bold;
		padding-top: 50px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__title {
				font-size: 10px;
				padding-top: 20px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__title {
				font-size: 13px;
				padding-top: 30px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__title {
				font-size: 20px;
				padding-top: 20px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__title {
				font-size: 23px;
		}
}
.catalog__blok {
		margin-top: 20px;
		border-radius: 7px;
		width: 320px;
		height: 430px;
		-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
		position: relative;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__blok {
				width: 90px;
				height: 110px;
				margin-top: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__blok {
				width: 130px;
				height: 150px;
				margin-top: 20px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__blok {
				width: 190px;
				height: 210px;
				margin-top: 20px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__blok {
				width: 250px;
				height: 350px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.catalog__blok {
				width: 300px;
				height: 400px;
		}
}
.catalog__blok::after {
		content: "";
		background-image: url(../images/other/sale30.png);
		background-repeat: no-repeat;
		background-size: 150px;
		width: 200px;
		height: 200px;
		position: absolute;
		top: 0;
		right: -44px;
		-webkit-animation-name: sale;
		        animation-name: sale;
		-webkit-animation-duration: 5s;
		        animation-duration: 5s;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
		-webkit-transform-origin: bottom center;
		        transform-origin: bottom center;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__blok::after {
				background-size: 45px;
				width: 45px;
				height: 45px;
				z-index: 1;
				right: -4px;
				-webkit-animation-name: sale2;
				        animation-name: sale2;
				-webkit-animation-duration: 5s;
				        animation-duration: 5s;
				-webkit-animation-iteration-count: infinite;
				        animation-iteration-count: infinite;
				-webkit-transform-origin: bottom center;
				        transform-origin: bottom center;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__blok::after {
				background-size: 65px;
				width: 65px;
				height: 65px;
				z-index: 1;
				right: -4px;
				-webkit-animation-name: sale2;
				        animation-name: sale2;
				-webkit-animation-duration: 5s;
				        animation-duration: 5s;
				-webkit-animation-iteration-count: infinite;
				        animation-iteration-count: infinite;
				-webkit-transform-origin: bottom center;
				        transform-origin: bottom center;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__blok::after {
				background-size: 85px;
				width: 85px;
				height: 85px;
				z-index: 1;
				right: -4px;
				-webkit-animation-name: sale2;
				        animation-name: sale2;
				-webkit-animation-duration: 5s;
				        animation-duration: 5s;
				-webkit-animation-iteration-count: infinite;
				        animation-iteration-count: infinite;
				-webkit-transform-origin: bottom center;
				        transform-origin: bottom center;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__blok::after {
				background-size: 120px;
				width: 120px;
				height: 120px;
		}
}





.catalog__img1 {
		padding-top: 80px;
		display: block;
		margin: auto;
		padding-bottom: 20px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__img1 {
				width: 80px;
				height: 80px;
				background-size: 80px;
				padding-top: 10px;
				padding-bottom: 5px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__img1 {
				width: 100px;
				height: 100px;
				background-size: 100px;
				padding-top: 10px;
				padding-bottom: 5px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__img1 {
				width: 150px;
				height: 150px;
				background-size: 150px;
				padding-top: 15px;
				padding-bottom: 10px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__img1 {
				width: 210px;
				height: 310px;
				background-size: 210px;
				padding-top: 0px;
				padding-bottom: 15px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.catalog__img1 {
				width: 280px;
				height: 400px;
				_background-size: 250px;
				padding-top: 0px;
				padding-bottom: 15px;
		}
}






.catalog__img {
		padding-top: 80px;
		display: block;
		margin: auto;
		padding-bottom: 20px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__img {
				width: 80px;
				height: 80px;
				background-size: 80px;
				padding-top: 10px;
				padding-bottom: 5px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__img {
				width: 100px;
				height: 100px;
				background-size: 100px;
				padding-top: 10px;
				padding-bottom: 5px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__img {
				width: 150px;
				height: 150px;
				background-size: 150px;
				padding-top: 15px;
				padding-bottom: 10px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__img {
				width: 210px;
				height: 210px;
				background-size: 210px;
				padding-top: 50px;
				padding-bottom: 15px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.catalog__img {
				width: 250px;
				height: 250px;
				background-size: 250px;
				padding-top: 50px;
				padding-bottom: 15px;
		}
}
.catalog__stars {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.catalog__star {
		background-image: url(../images/other/star-active.svg);
		background-size: 25px;
		width: 25px;
		height: 25px;
		background-repeat: no-repeat;
		background-position: center;
		margin-right: 2px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__star {
				background-size: 10px;
				width: 10px;
				height: 10px;
				margin-right: 0.5px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__star {
				width: 15px;
				height: 15px;
				background-size: 15px;
				margin-right: 1px;
				margin-top: 10px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__star {
				width: 18px;
				height: 18px;
				background-size: 18px;
				margin-right: 1px;
				margin-top: 5px;
		}
}
.catalog__price {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		margin-top: 10px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__price {
				margin-top: 5px;
		}
}
.catalog__price--title {
		font-size: 25px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__price--title {
				font-size: 7px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__price--title {
				font-size: 10px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__price--title {
				font-size: 15px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__price--title {
				font-size: 20px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.catalog__price--title {
				font-size: 24px;
		}
}
.catalog__price--left {
		border-right: 2px dotted black;
		padding-right: 4.5px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__price--left {
				padding-right: 0.5px;
				border-right: 0.1px dotted black;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__price--left {
				padding-right: 1.5px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__price--left {
				padding-right: 2px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__price--left {
				padding-right: 3px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.catalog__price--left {
				padding-right: 1px;
		}
}
@media screen and (min-width: 1400px) {
		.catalog__price--left {
				padding-right: 8px;
		}
}
.catalog__price--subtitle {
		padding-top: 10px;
		font-size: 28px;
		text-align: start;
		position: relative;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__price--subtitle {
				font-size: 7px;
				padding-top: 3px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__price--subtitle {
				font-size: 10px;
				padding-top: 5px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__price--subtitle {
				font-size: 16px;
				padding-top: 8px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__price--subtitle {
				font-size: 23px;
		}
}
.catalog__price--subtitle span {
		font-size: 20px;
		color: black;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__price--subtitle span {
				font-size: 7px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__price--subtitle span {
				font-size: 10px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__price--subtitle span {
				font-size: 15px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__price--subtitle span {
				font-size: 18px;
		}
}
.catalog__price--subtitle::before {
		content: "";
		position: absolute;
		background-image: url(../images/icons/line-fococlipping-standard.png);
		background-repeat: no-repeat;
		background-size: 80px;
		top: -9px;
		left: -2px;
		width: 65px;
		height: 80px;
		color: rgb(242, 47, 5);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__price--subtitle::before {
				background-size: 20px;
				top: -1px;
				width: 20px;
				height: 20px;
				left: -2px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__price--subtitle::before {
				background-size: 25px;
				top: 1px;
				width: 25px;
				height: 25px;
				left: 2px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__price--subtitle::before {
				background-size: 35px;
				top: 4px;
				width: 35px;
				height: 35px;
				left: 2px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__price--subtitle::before {
				background-size: 45px;
				top: 8px;
				width: 45px;
				height: 45px;
				left: 2px;
		}
}
.catalog__price--sale {
		padding-top: 10px;
		font-size: 35px;
		text-align: center;
		color: rgb(22, 110, 22);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__price--sale {
				font-size: 9px;
				padding-top: 3px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__price--sale {
				font-size: 13px;
				padding-top: 0;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__price--sale {
				font-size: 20px;
				padding-top: 3px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__price--sale {
				font-size: 25px;
		}
}
.catalog__price--sale span {
		color: black;
		font-size: 25px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__price--sale span {
				font-size: 7px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__price--sale span {
				font-size: 10px;
				padding-top: 5px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__price--sale span {
				font-size: 16px;
				padding-top: 3px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__price--sale span {
				font-size: 20px;
				padding-top: 5px;
		}
}
.catalog__button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		text-align: center;
		text-decoration: none;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
		padding-top: 15px;
		padding-bottom: 5px;
		width: 130px;
		height: 35px;
		border: 1px solid rgb(242, 47, 5);
		background-color: rgb(242, 47, 5);
		border-radius: 5px;
		margin-top: 10px;
		margin-left: 10px;
}
.catalog__button:hover {
		background-color: rgb(194, 38, 4);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__button {
				width: 37px;
				height: 6px;
				margin-top: 5px;
				margin-left: 1px;
				padding-top: 3px;
				font-size: 5px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__button {
				width: 55px;
				height: 8px;
				margin-top: 5px;
				margin-left: 0;
				padding-top: 4px;
				font-size: 7px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__button {
				width: 78px;
				height: 15px;
				margin-top: 6px;
				margin-left: 4px;
				padding-top: 7px;
				font-size: 9px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__button {
				width: 93px;
				height: 17px;
				margin-top: 7px;
				margin-left: 12px;
				padding-top: 6px;
				font-size: 11px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.catalog__button {
				margin-left: 4px;
		}
}
.catalog__information {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: end;
		margin-top: 20px;
		padding-left: 35px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__information {
				padding-left: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__information {
				padding-left: 10px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__information {
				padding-left: 10px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__information {
				padding-left: 18px;
		}
}
.catalog__information--text {
		font-family: "Roboto", sans-serif;
		font-size: 16px;
		padding-top: 10px;
		font-weight: 900;
		letter-spacing: 1px;
		line-height: 1.4;
		position: relative;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__information--text {
				font-size: 7px;
				letter-spacing: 0;
				line-height: 8px;
				padding-top: 5px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__information--text {
				font-size: 9px;
				letter-spacing: 0;
				line-height: 10px;
				padding-top: 5px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__information--text {
				font-size: 15px;
				letter-spacing: 0;
				line-height: 18px;
				padding-top: 5px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__information--text {
				font-size: 16px;
				letter-spacing: 0;
				line-height: 25px;
				padding-top: 5px;
		}
}
.catalog__information--text::after {
		content: "";
		background-image: url(../images/icons/mark.png);
		background-repeat: no-repeat;
		background-size: 35px;
		width: 35px;
		height: 35px;
		position: absolute;
		top: 4px;
		left: -35px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.catalog__information--text::after {
				background-size: 13px;
				width: 13px;
				height: 13px;
				left: -12px;
				top: 2px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.catalog__information--text::after {
				background-size: 14px;
				width: 14px;
				height: 14px;
				left: -15px;
				top: 3px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.catalog__information--text::after {
				background-size: 25px;
				width: 25px;
				height: 25px;
				left: -24px;
				top: -1px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.catalog__information--text::after {
				background-size: 30px;
				width: 30px;
				height: 30px;
				left: -32px;
				top: 2px;
		}
}

@-webkit-keyframes sale {
		0% {
				-webkit-transform: translateX(-100%);
				        transform: translateX(-100%);
		}
		50% {
				-webkit-transform: translateX(40%);
				        transform: translateX(40%);
		}
		100% {
				-webkit-transform: translateX(0);
				        transform: translateX(0);
		}
}

@keyframes sale {
		0% {
				-webkit-transform: translateX(-100%);
				        transform: translateX(-100%);
		}
		50% {
				-webkit-transform: translateX(40%);
				        transform: translateX(40%);
		}
		100% {
				-webkit-transform: translateX(0);
				        transform: translateX(0);
		}
}
@-webkit-keyframes sale2 {
		0% {
				-webkit-transform: translateX(-150%);
				        transform: translateX(-150%);
		}
		50% {
				-webkit-transform: translateX(35%);
				        transform: translateX(35%);
		}
		100% {
				-webkit-transform: translateX(0);
				        transform: translateX(0);
		}
}
@keyframes sale2 {
		0% {
				-webkit-transform: translateX(-150%);
				        transform: translateX(-150%);
		}
		50% {
				-webkit-transform: translateX(35%);
				        transform: translateX(35%);
		}
		100% {
				-webkit-transform: translateX(0);
				        transform: translateX(0);
		}
}
.aboutUs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding-top: 50px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutUs {
				padding-top: 40px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutUs {
				padding-top: 50px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.aboutUs {
				padding-top: 60px;
		}
}
.aboutUs__wrapper {
		margin-top: 40px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutUs__wrapper {
				margin-top: 20px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutUs__wrapper {
				margin-top: 20px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.aboutUs__wrapper {
				margin-top: 30px;
		}
}
.aboutUs__text {
		text-align: center;
		font-weight: 600;
		letter-spacing: 1px;
		color: rgb(131, 127, 127);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutUs__text {
				font-size: 7px;
				letter-spacing: 0;
				line-height: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutUs__text {
				font-size: 10px;
				letter-spacing: 0;
				line-height: 15px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.aboutUs__text {
				font-size: 15px;
				letter-spacing: 0;
				line-height: 20px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.aboutUs__text {
				font-size: 18px;
				letter-spacing: 0;
				line-height: 25px;
		}
}
.aboutUs__text span {
		color: black;
}
.aboutUs__img {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-top: 50px;
		gap: 80px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutUs__img {
				gap: 20px;
				margin-top: 20px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutUs__img {
				gap: 25px;
				margin-top: 30px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.aboutUs__img {
				gap: 25px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.aboutUs__img {
				gap: 30px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.aboutUs__img {
				gap: 50px;
		}
}
.aboutUs__img--position {
		border-radius: 100%;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutUs__img--position {
				width: 70px;
				height: 70px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutUs__img--position {
				width: 120px;
				height: 120px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.aboutUs__img--position {
				width: 160px;
				height: 160px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.aboutUs__img--position {
				width: 200px;
				height: 200px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.aboutUs__img--position {
				width: 250px;
				height: 250px;
		}
}

.aboutCaviar {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-top: 50px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutCaviar {
				padding-top: 40px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutCaviar {
				padding-top: 50px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.aboutCaviar {
				padding-top: 60px;
		}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutCaviar__img {
				width: 140px;
				height: 90px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutCaviar__img {
				width: 190px;
				height: 110px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.aboutCaviar__img {
				width: 250px;
				height: 135px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.aboutCaviar__img {
				width: 300px;
				height: 160px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.aboutCaviar__img {
				width: 440px;
				height: 200px;
		}
}
.aboutCaviar__wrapper {
		margin-top: 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutCaviar__wrapper {
				margin-top: 10px;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutCaviar__wrapper {
				margin-top: 10px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.aboutCaviar__wrapper {
				margin-top: 10px;
		}
}
.aboutCaviar__redCaviar {
		width: 500px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutCaviar__redCaviar {
				width: 140px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutCaviar__redCaviar {
				width: 200px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.aboutCaviar__redCaviar {
				width: 250px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.aboutCaviar__redCaviar {
				width: 350px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.aboutCaviar__redCaviar {
				width: 440px;
		}
}
.aboutCaviar__pike {
		width: 500px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutCaviar__pike {
				width: 140px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutCaviar__pike {
				width: 200px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.aboutCaviar__pike {
				width: 250px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.aboutCaviar__pike {
				width: 350px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.aboutCaviar__pike {
				width: 440px;
		}
}
.aboutCaviar__title {
		text-align: center;
		color: rgb(242, 47, 5);
		font-size: 35px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutCaviar__title {
				font-size: 15px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutCaviar__title {
				font-size: 15px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.aboutCaviar__title {
				font-size: 20px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.aboutCaviar__title {
				font-size: 30px;
		}
}
.aboutCaviar__title span {
		color: black;
}
.aboutCaviar__text {
		font-size: 16px;
		padding-top: 20px;
		padding-bottom: 20px;
		min-height: 120px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.aboutCaviar__text {
				font-size: 8px;
				line-height: 10px;
				padding-top: 10px;
				min-height: 80px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.aboutCaviar__text {
				font-size: 9px;
				line-height: 15px;
				padding-top: 10px;
				min-height: 100px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.aboutCaviar__text {
				font-size: 13px;
				line-height: 15px;
				padding-top: 10px;
				min-height: 100px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.aboutCaviar__text {
				font-size: 15px;
				line-height: 20px;
				padding-top: 10px;
				min-height: 110px;
		}
}

.sale {
		margin-top: 100px;
		padding-top: 50px;
		position: relative;
		background-image: url(../images/background/bg2.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		min-height: 850px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.sale {
				margin-top: 30px;
				padding-top: 40px;
				min-height: 300px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.sale {
				padding-top: 50px;
				min-height: 370px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.sale {
				padding-top: 40px;
				min-height: 460px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.sale {
				padding-top: 60px;
				min-height: 570px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.sale {
				padding-top: 30px;
				min-height: 570px;
				padding-bottom: 20px;
		}
}
.sale::before {
		content: "";
		background-image: url(../images/other/sale.png);
		background-size: 300px;
		background-repeat: no-repeat;
		width: 300px;
		height: 300px;
		position: absolute;
		right: 325px;
		top: 220px;
		-webkit-animation: share 5s linear infinite;
		        animation: share 5s linear infinite;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.sale::before {
				background-size: 85px;
				width: 85px;
				height: 85px;
				right: 64px;
				top: 73px;
		}
}
@media screen and (min-width: 480px) and (max-width: 580px) {
		.sale::before {
				background-size: 120px;
				width: 120px;
				height: 120px;
				right: 50px;
				top: 90px;
		}
}
@media screen and (min-width: 580px) and (max-width: 700px) {
		.sale::before {
				background-size: 130px;
				width: 130px;
				height: 130px;
				right: 112px;
				top: 90px;
		}
}
@media screen and (min-width: 700px) and (max-width: 767px) {
		.sale::before {
				background-size: 140px;
				width: 140px;
				height: 140px;
				right: 112px;
				top: 90px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.sale::before {
				background-size: 160px;
				width: 160px;
				height: 160px;
				right: 150px;
				top: 100px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.sale::before {
				background-size: 190px;
				width: 190px;
				height: 190px;
				right: 200px;
				top: 120px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.sale::before {
				background-size: 240px;
				width: 240px;
				height: 240px;
				right: 200px;
				top: 170px;
		}
}
.sale__img {
		display: block;
		margin: auto;
		padding-top: 170px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.sale__img {
				width: 138px;
				height: 111px;
				padding-top: 50px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.sale__img {
				width: 170px;
				height: 150px;
				padding-top: 60px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.sale__img {
				width: 207px;
				height: 160px;
				padding-top: 80px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.sale__img {
				padding-top: 120px;
				width: 240px;
				height: 190px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.sale__img {
				padding-top: 120px;
				width: 275px;
				height: 230px;
		}
}
.sale__text {
		text-transform: uppercase;
		font-weight: bold;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 35px;
		letter-spacing: 1px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.sale__text {
				font-size: 11px;
				padding-top: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.sale__text {
				font-size: 15px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.sale__text {
				font-size: 20px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.sale__text {
				font-size: 25px;
		}
}
.sale__text span {
		color: rgb(242, 47, 5);
}
.sale__button {
		display: block;
		margin: auto;
		text-align: center;
		text-decoration: none;
		letter-spacing: 1.5px;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
		padding-top: 15px;
		padding-bottom: 5px;
		width: 180px;
		height: 40px;
		border: 1px solid rgb(242, 47, 5);
		background-color: rgb(242, 47, 5);
		border-radius: 30px;
}
.sale__button:hover {
		background-color: rgb(194, 38, 4);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.sale__button {
				width: 95px;
				height: 14px;
				font-size: 9px;
				padding-top: 7px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.sale__button {
				width: 100px;
				height: 15px;
				font-size: 10px;
				padding-top: 6px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.sale__button {
				width: 140px;
				height: 30px;
				font-size: 15px;
				padding-top: 11px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.sale__button {
				width: 140px;
				height: 30px;
				font-size: 15px;
				padding-top: 11px;
		}
}

@-webkit-keyframes share {
		0% {
				opacity: 0;
		}
		50% {
				opacity: 1;
		}
		100% {
				opacity: 0;
		}
}

@keyframes share {
		0% {
				opacity: 0;
		}
		50% {
				opacity: 1;
		}
		100% {
				opacity: 0;
		}
}
.certificate {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-top: 50px;
		padding-bottom: 50px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.certificate {
				padding-top: 20px;
				padding-bottom: 30px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.certificate {
				padding-top: 20px;
				padding-bottom: 20px;
		}
}
.certificate__title {
		font-size: 60px;
		text-align: center;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.certificate__title {
				font-size: 20px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.certificate__title {
				font-size: 25px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.certificate__title {
				font-size: 35px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.certificate__title {
				font-size: 40px;
		}
}
.certificate__image {
		padding-top: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.certificate__image {
				padding-top: 30px;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.certificate__image {
				padding-top: 30px;
		}
}
.certificate__image--left, .certificate__image--right {
		width: 400px;
		height: 500px;
		-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.certificate__image--left, .certificate__image--right {
				width: 140px;
				height: 190px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.certificate__image--left, .certificate__image--right {
				width: 180px;
				height: 230px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.certificate__image--left, .certificate__image--right {
				width: 230px;
				height: 275px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.certificate__image--left, .certificate__image--right {
				width: 320px;
				height: 420px;
		}
}

.reviews {
		padding-top: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.reviews {
				padding-top: 40px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.reviews {
				padding-top: 50px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.reviews {
				padding-top: 60px;
		}
}
.reviews__wrapper {
		margin-top: 60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.reviews__wrapper {
				margin-top: 30px;
		}
}
.reviews__img {
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.reviews__img {
				width: 80px;
				height: 120px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.reviews__img {
				width: 130px;
				height: 230px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.reviews__img {
				width: 200px;
				height: 330px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.reviews__img {
				width: 240px;
				height: 420px;
		}
}
@media screen and (min-width: 1250px) and (max-width: 1400px) {
		.reviews__img {
				width: 275px;
				height: 470px;
		}
}

.delivery {
		padding-top: 50px;
}
.delivery__wrapper {
		padding-top: 60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		margin-bottom: 50px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.delivery__wrapper {
				margin-bottom: 30px;
				padding-top: 20px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.delivery__wrapper {
				padding-top: 30px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.delivery__wrapper {
				padding-top: 60px;
		}
}
.delivery__left, .delivery__right {
		width: 350px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.delivery__left, .delivery__right {
				width: 270px;
		}
}
.delivery__left {
		text-align: right;
}
.delivery__right {
		text-align: left;
}
.delivery__title {
		font-family: "Roboto", sans-serif;
		font-size: 23px;
		color: rgb(8, 8, 8);
		font-weight: 800;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.delivery__title {
				font-size: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.delivery__title {
				font-size: 11px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.delivery__title {
				font-size: 18px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.delivery__title {
				font-size: 25px;
		}
}
.delivery__subtitle {
		padding-top: 15px;
		font-family: "Roboto", sans-serif;
		font-size: 20px;
}
@media screen and (min-width: 320px) and (max-width: 400px) {
		.delivery__subtitle {
				font-size: 9px;
				padding-top: 8px;
				width: 110px;
		}
}
@media screen and (min-width: 400px) and (max-width: 480px) {
		.delivery__subtitle {
				font-size: 9px;
				padding-top: 8px;
				width: 125px;
		}
}
@media screen and (min-width: 480px) and (max-width: 600px) {
		.delivery__subtitle {
				font-size: 9px;
				padding-top: 8px;
				width: 150px;
		}
}
@media screen and (min-width: 600px) and (max-width: 700px) {
		.delivery__subtitle {
				font-size: 9px;
				padding-top: 8px;
				width: 175px;
		}
}
@media screen and (min-width: 700px) and (max-width: 767px) {
		.delivery__subtitle {
				font-size: 9px;
				padding-top: 8px;
				width: 200px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.delivery__subtitle {
				font-size: 15px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.delivery__subtitle {
				font-size: 20px;
		}
}
.delivery__subtitle span {
		color: rgb(8, 8, 8);
		font-weight: 800;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.delivery__img {
				width: 100px;
				height: 70px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.delivery__img {
				width: 150px;
				height: 80px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.delivery__img {
				width: 210px;
				height: 120px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.delivery__img {
				width: 250px;
				height: 150px;
		}
}
.delivery__add {
		background-color: rgb(247, 247, 247);
		margin-bottom: 80px;
		-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
		        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.delivery__add {
				margin-bottom: 30px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.delivery__add {
				margin-bottom: 40px;
		}
}
.delivery__inf {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-bottom: 30px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.delivery__inf {
				padding-bottom: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.delivery__inf {
				padding-bottom: 10px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.delivery__inf {
				padding-bottom: 10px;
		}
}
.delivery__inf--img {
		margin: auto;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.delivery__inf--img {
				width: 128px;
				height: 42px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.delivery__inf--img {
				width: 185px;
				height: 58px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.delivery__inf--img {
				width: 224px;
				height: 73px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.delivery__inf--img {
				width: 270px;
				height: 95px;
		}
}
.delivery__inf--text {
		margin: auto;
		font-size: 30px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.delivery__inf--text {
				font-size: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.delivery__inf--text {
				font-size: 13px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.delivery__inf--text {
				font-size: 18px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.delivery__inf--text {
				font-size: 23px;
		}
}

.work__title {
		text-align: center;
		font-size: 35px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.work__title {
				font-size: 15px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.work__title {
				font-size: 20px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.work__title {
				font-size: 25px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.work__title {
				font-size: 30px;
		}
}
.work__img {
		padding-top: 80px;
		display: block;
		margin: auto;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.work__img {
				padding-top: 30px;
				width: 250px;
				height: 150px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.work__img {
				padding-top: 30px;
				width: 370px;
				height: 257px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.work__img {
				padding-top: 30px;
				width: 430px;
				height: 290px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.work__img {
				padding-top: 30px;
				width: 500px;
				height: 330px;
		}
}

.contacts {
		margin-top: 30px;
		position: relative;
		background-image: url(../images//background//bg3.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		min-height: 350px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.contacts {
				padding-top: 10px;
				min-height: 120px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.contacts {
				padding-top: 15px;
				min-height: 130px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.contacts {
				padding-top: 20px;
				min-height: 150px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.contacts {
				padding-top: 20px;
				min-height: 180px;
		}
}
.contacts__wrapper {
		padding-top: 30px;
		padding-bottom: 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.contacts__wrapper {
				padding-top: 20px;
				padding-bottom: 20px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.contacts__wrapper {
				padding-top: 20px;
				padding-bottom: 20px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.contacts__wrapper {
				padding-top: 20px;
				padding-bottom: 20px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.contacts__wrapper {
				padding-top: 20px;
				padding-bottom: 20px;
		}
}
.contacts__inf {
		font-size: 18px;
		line-height: 40px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.contacts__inf {
				font-size: 8px;
				line-height: 15px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.contacts__inf {
				font-size: 11px;
				line-height: 20px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.contacts__inf {
				font-size: 15px;
				line-height: 25px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.contacts__inf {
				font-size: 18px;
				line-height: 30px;
		}
}
.contacts__inf span {
		font-size: 20px;
		font-weight: 800;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.contacts__inf span {
				font-size: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.contacts__inf span {
				font-size: 12px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.contacts__inf span {
				font-size: 16px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.contacts__inf span {
				font-size: 20px;
		}
}
.contacts__phone, .contacts__mail {
		text-decoration: none;
		color: rgb(242, 47, 5);
}
.contacts__images {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 30px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.contacts__images {
				gap: 10px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.contacts__images {
				gap: 20px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.contacts__images {
				gap: 25px;
		}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.contacts__img {
				width: 20px;
				height: 20px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.contacts__img {
				width: 30px;
				height: 30px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.contacts__img {
				width: 40px;
				height: 40px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.contacts__img {
				width: 50px;
				height: 50px;
		}
}

@-webkit-keyframes snowflake {
		0% {
				opacity: 0;
		}
		50% {
				opacity: 1;
		}
		100% {
				opacity: 0;
		}
}

@keyframes snowflake {
		0% {
				opacity: 0;
		}
		50% {
				opacity: 1;
		}
		100% {
				opacity: 0;
		}
}
.fz30 {
		font-size: 29px;
		letter-spacing: 1px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.fz30 {
				font-size: 10px;
				letter-spacing: 0;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.fz30 {
				font-size: 12px;
				letter-spacing: 0;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.fz30 {
				font-size: 21px;
				padding-left: 2px;
		}
}

.fz50 {
		font-size: 50px;
		line-height: 45px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.fz50 {
				font-size: 15px;
				line-height: 15px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.fz50 {
				font-size: 20px;
				line-height: 20px;
		}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
		.fz50 {
				font-size: 30px;
				line-height: 25px;
		}
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
		.fz50 {
				font-size: 38px;
				line-height: 30px;
		}
}

.pt60 {
		padding-top: 60px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.pt60 {
				padding-top: 40px;
		}
}

.section__button {
		cursor: pointer;
		outline: 2px solid transparent;
		outline-offset: 3px;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.modal {
		position: fixed;
		inset: 0;
		background-color: rgba(0, 0, 0, 0.5);
		cursor: pointer;
		padding: 30px;
		overflow-y: auto;
		display: none;
		z-index: 2;
}

.modal__main {
		position: relative;
		max-width: 700px;
		margin: auto;
		color: #000;
		border-radius: 16px;
		padding: 30px 50px 50px;
		cursor: default;
		background-color: rgb(235, 219, 219);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.modal__main {
				padding: 20px 30px 30px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.modal__main {
				padding: 20px 30px 30px;
				max-width: 500px;
		}
}

.modal__title {
		font-size: 18px;
		margin-bottom: 10px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.modal__title {
				font-size: 10px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.modal__title {
				font-size: 15px;
		}
}

.modal__input {
		width: 100%;
		height: 30px;
		font-size: 15px;
		padding-left: 5px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.modal__input {
				font-size: 8px;
				height: 20px;
				width: 90%;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.modal__input {
				font-size: 12px;
				width: 90%;
		}
}

.modal__text {
		font-size: 15px;
		padding-bottom: 3px;
		padding-top: 5px;
		font-weight: 500;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.modal__text {
				font-size: 8px;
		}
}

.modal__button {
		display: block;
		margin: auto;
		font-weight: 500;
		margin-top: 20px;
		text-align: center;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		padding-top: 9px;
		padding-bottom: 5px;
		width: 160px;
		height: 40px;
		border: 1px solid rgb(242, 47, 5);
		background-color: rgb(242, 47, 5);
		border-radius: 20px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.modal__button {
				font-size: 9px;
				height: 30px;
				width: 105px;
				margin-top: 10px;
				padding-top: 5px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.modal__button {
				font-size: 11px;
				padding-top: 6px;
				height: 35px;
				width: 117px;
		}
}
.modal__button:hover {
		background-color: rgb(194, 38, 4);
}

.modal__close {
		background-color: transparent;
		border: none;
		cursor: pointer;
		font-size: 22px;
		position: absolute;
		top: 10px;
		right: 10px;
		outline: 1px solid transparent;
		outline-offset: 3px;
		-webkit-transition: outline-color 0.15s ease-in-out;
		transition: outline-color 0.15s ease-in-out;
		border-radius: 3px;
		padding: 0;
		text-align: center;
		display: block;
		width: 30px;
		height: 30px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
		.modal__close {
				width: 17px;
				height: 14px;
				font-size: 12px;
				top: 3px;
				right: 5px;
		}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
		.modal__close {
				width: 17px;
				height: 17px;
				font-size: 15px;
				top: 5px;
		}
}

.modal__close:focus-visible {
		outline-color: green;
}



.header.thx {
    height: 100vh;
    background-size: cover;
  }

  .header.thx .header__wrapper {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .header.thx .header__wrapper .container {
    margin: 10px;
  }

  .header.thx .header__information {
    justify-content: center;
  }

  .header.thx .header__text {
    text-align: center;
  }