/* --------------------------------
	
intro-black
	
-------------------------------- */
body {
	color: #000;
	font-family: "Montserrat", sans-serif;
	background: #F7FAFD;
}
footer, #banner-frozen, .black-mob {
	display: none;
}
.logo {
	width: 11.48vw;
}
#intro-black {
	position: relative;
	overflow: hidden;
	color: #fff;
}
.black-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.intro-black-content {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	padding: 3.44vw 0;
	min-height: 100dvh;
	gap: 1.56vw 0;
}
.intro-black-flex {
	display: flex;
	align-items: center;
	width: 100%;
}
.intro-black-txt, .intro-black-offer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.17vw 0;
	width: 60%;
}
h1 {
	font-size: 6.09vw;
	font-weight: 900;
	margin: 0;
	line-height: 1;
	text-transform: uppercase;
	width: 50%;
}
h1 span {
	font-size: 8.13vw;
	display: block;
	color: #50F162;
}
.intro-black-offer {
	width: 100%;
}
.intro-black-offer h2 {
	font-size: 2.03vw;
	line-height: 1.2;
}
.intro-black-offer h2 span {
	font-size: 3.28vw;
	color: #55F364;
}
.intro-black-offer p {
	font-size: 1.56vw;
	font-weight: 500;
	line-height: 1.4;
}
.intro-black-btn {
	display: flex;
	align-items: center;
}
.btn-fridey {
	background: #50F162;
	padding: 1.25vw;
	color: #000;
	border-radius: 2.50vw;
	font-size: 1.88vw;
	font-weight: 500;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: 0.25s ease-out;
	transition: 0.25s ease-out;
}
.btn-fridey:hover {
	background: #09E121;
}
.btn-fridey.btn-fridey-light {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
}
.btn-fridey.btn-fridey-light:hover {
	border: 1px solid rgba(255,255,255,0.5);
}
.intro-black-btn .btn-fridey {
	margin: 0 0.94vw 0 0;
}
.intro-black-legend {
	font-size: 1.25vw;
	font-weight: 500;
}
.counter-content {
	position: relative;
	margin: 0 0 7vw 0;
}
.counter-content p {
	font-size: 1.64vw;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
}
#counter {
	position: relative;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}
#counter span {
  position: relative;
  width: 6.4vw;
	font-weight: 700;
  color: #50F162;
  display: flex;
  align-items: center;
  justify-content: center;
	text-align: center;
	font-size: 4.45vw;
}
#counter span:after {
	position: relative;
	display: block;
	content: ":";
  color: #50F162;
	font-size: 4.45vw;
	font-weight: 700;
}
#counter span:last-of-type:after {
	display: none;
}
#counter span:last-of-type {
  width: 6.1vw;
}

/* --------------------------------
	
ib1
	
-------------------------------- */
#ib1 {
	position: relative;
	overflow: hidden;
	padding: 4.30vw 0 7.81vw;
}
.ib1-header {
	position: relative;
	font-size: 1.41vw;
	font-weight: 500;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	margin: 0 0 2.19vw 0;
}
.ib1-header:before {
	position: relative;
	display: block;
	background: #42D242;
	width: 6.41vw;
	height: 1px;
	margin: 0 1.09vw 0 0;
}
.title {
	font-size: 6.09vw;
	font-weight: 900;
	margin: 0 0 2.03vw 0;
	line-height: 1;
	text-transform: uppercase;
}
.title span {
	color: #42D242;
}
.ib1-content {
	width: 50%;
}
.ib1-txt {
	font-size: 1.56vw;
	width: 80%;
}
.ib1-txt span {
	font-weight: 700;
}

/* --------------------------------
	
ib2
	
-------------------------------- */
#ib2 {
	position: relative;
	overflow: hidden;
	padding: 3.13vw 0;
}
.ib2-header {
	position: relative;
	display: flex;
	align-items: flex-start;
	margin: 0 0 5.47vw 0;
}
.ib2-bg {
	position: absolute;
	width: 35%;
	right: -5%;
}
.ib2-header-txt {
	width: 82%;
}
#ib2 .title {
	font-size: 5.47vw;
	margin: 0 0 2.19vw 0;
	line-height: 0.85;
}
#ib2 .title span {
	font-size: 3.75vw;
}
#ib2 .title:before {
	position: relative;
	display: block;
	background: #42D242;
	width: 6.41vw;
	height: 1px;
	margin: 0 0 2.19vw 0;
}
.ib2-header-txt p {
	width: 90%;
	font-size: 1.64vw;
	font-weight: 500;
}
.ib2-grid {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: -1.56vw;
}
.ib2-item {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	width: calc(33.333% - 3.12vw);
	margin: 1.56vw;
}
.ib2-item-txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 1.88vw 1.56vw;
	width: 75%;
}
.ib2-item:nth-of-type(2n) .ib2-item-txt {
	color: #000;
}
.ib2-item-txt h3 {
	font-size: 1.64vw;
	margin: 0 0 0.78vw 0;
}
.ib2-item-txt p {
	font-size: 1.25vw;
}

/* --------------------------------
	
ib3
	
-------------------------------- */
#ib3 {
	position: relative;
	overflow: hidden;
	padding: 0 0 4.84vw 0;
}
.ib3-header {
	position: relative;
	margin: 0 0 3.44vw 0;
	padding: 3.13vw 0 0 0;
}
.ib3-bg {
	position: absolute;
	top: 7%;
	right: -5%;
	width: 51%;
}
.ib3-txt {
	position: relative;
	font-size: 1.41vw;
	font-weight: 500;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	margin: 0 0 2.19vw 0;
}
.ib3-txt::before {
	position: relative;
	display: block;
	background: #42D242;
	width: 6.41vw;
	height: 1px;
	margin: 0 1.09vw 0 0;
}
#ib3 .title span {
	font-size: 3.75vw;
}
#ib3 .title {
	font-size: 5.47vw;
	line-height: 0.85;
}
#ib3 .title span span {
	color: #000;
}
.ib3-grid {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.56vw;
}
.ib3-item {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	width: calc(33.333% - 3.12vw);
	margin: 0 1.56vw;
	background: #fff;
	box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);
	padding: 1.17vw;
	height: 25vw;
	-webkit-transition: 0.25s ease-out;
	transition: 0.25s ease-out;
}
.ib3-item:hover {
	box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.15);
}
.ib3-item-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 85%;
	transform: translate(10%,27%);
}
.ib3-item:nth-of-type(3) .ib3-item-bg {
	transform: translate(16%,20%);
	right: 0;
	left: auto;
	width: 80%;
}
.ib3-item-num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.91vw;
	height: 3.91vw;
	border-radius: 50%;
	background: #E1FCE3;
	font-size: 1.64vw;
	font-weight: 700;
	margin: 0 0 0.63vw 0;
	color: #42D242;
}
.ib3-item-txt {
	position: relative;
}
.ib3-item-txt h3 {
	font-size: 1.64vw;
}
.ib3-item-txt p {
	font-size: 1.25vw;
	line-height: 1.4;
}
.ib3-item-txt p span {
	font-size: 4.22vw;
	color: #42D242;
	font-weight: 900;
	display: block;
	line-height: 0.95;
}

/* --------------------------------
	
ib4
	
-------------------------------- */
#ib4 {
	position: relative;
	overflow: hidden;
	padding: 2.66vw 0 5.70vw 0;
}
.ib4-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ib4-content {
	position: relative;
	width: 65%;
}
#ib4 .title {
	font-size: 4.69vw;
	margin: 0 0 2.11vw 0;
}
.ib4-txt {
	font-size: 1.64vw;
	font-weight: 500;
	width: 60%;
	margin: 0 0 2.11vw 0;
}
.ib4-content-offer {
	width: 65%;
	margin: 2.11vw 0 0 0;
}
.ib4-content-offer p {
	font-size: 1.41vw;
	font-weight: 500;
}
.ib4-content-offer a {
	color: #000;
	text-decoration: underline;
}



















/* --------------------------------
	
	адаптив
	
-------------------------------- */
@media (max-width: 1200px) {
.intro-black-flex {
	align-items: flex-start;
}
.ib3-item-bg {
	width: 75%;
}























}

@media (max-width: 991px) {
.intro-black-content {
	padding: 36px 0;
	gap: 0;
	min-height: 117dvh;
}
.logo {
	width: 140px;
}
.black-bg.black-pc {
	display: none;
}
.black-bg.black-mob {
	display: block;
}
.intro-black-flex {
	flex-direction: column;
	flex-grow: 1;
}
h1 {
	font-size: 10vw;
	width: 100%;
	margin: 0 0 16px 0;
}
h1 span {
	font-size: 12.5vw;
}
.intro-black-txt, .intro-black-offer {
	flex-direction: column;
	gap: 0;
	width: 100%;
}
.intro-black-txt {
	margin: 0;
	flex-grow: 1;
}
.intro-black-offer h2 {
	font-size: 24px;
	line-height: 1.2;
	margin: 0 0 16px 0;
}
.intro-black-offer p {
	font-size: 16px;
}
.intro-black-btn {
	margin: 0;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.btn-fridey {
	margin: 4px 0;
	padding: 16px;
	font-size: 16px;
	border-radius: 32px;
	text-align: center;
}
.intro-black-btn .btn-fridey {
	margin: 4px 0;
	width: 100%;
}
.intro-black-legend {
	font-size: 12px;
	margin: 16px 0 0 0;
}
.counter-content {
	background: #121317;
	padding: 16px 24px;
	border-radius: 20px;
	border: 1px solid #fff;
	width: 100%;
	margin: 0 0 16px 0;
}
.header-flex {
	margin: 0 0 24px 0;
}
.intro-black-offer {
	margin: 0 0 16px 0;
}
.counter-content p {
	font-size: 14px;
}
#counter span {
  width: 80px;
	font-size: 56px;
}
#counter span:after {
	font-size: 56px;
}
#counter span:last-of-type {
  width: 80px;
}
#ib1 {
	padding: 40px 0;
	min-height: 120dvh;
}
.ib1-header {
	font-size: 14px;
	margin: 0 0 32px 0;
}
.ib1-header::before {
	width: 70px;
	margin: 0 8px 0 0;
}
.ib1-content {
	width: 85%;
}
.title {
	font-size: 10vw;
	margin: 0 0 4vw 0;
}
.ib1-txt {
	font-size: 2.3vw;
	width: 70%;
}
#ib2 {
	padding: 40px 0;
}
#ib2 .title::before {
	width: 42px;
	margin: 0 0 24px 0;
}
.ib2-header-txt {
	width: 100%;
}
#ib2 .title {
	font-size: 9vw;
	margin: 0 0 24px 0;
}
#ib2 .title span {
	font-size: 7vw;
}
.ib2-header-txt p {
	width: 60%;
	font-size: 16px;
}
.ib2-bg {
	width: 45%;
	right: 0;
	bottom: 0;
	transform: translate(6%,30%);
}
.ib2-grid {
	margin: -8px;
}
.ib2-item {
	border-radius: 16px;
	width: calc(50% - 16px);
	margin: 8px;
}
.ib2-item-txt {
	padding: 2.5vw;
	width: 70%;
}
.ib2-item-txt h3 {
	font-size: 2.4vw;
	margin: 0 0 1vw 0;
}
.ib2-item-txt p {
	font-size: 2vw;
}
.ib2-item:nth-of-type(3) {
	order: 4;
}
.ib2-item:nth-of-type(4) {
	order: 3;
}
.ib2-item:nth-of-type(5) {
	order: 5;
}
.ib2-item:nth-of-type(6) {
	order: 6;
}
#ib3 {
	padding: 40px 0;
}
.ib3-header {
	margin: 0 0 32px 0;
	padding: 0;
}
.ib3-txt {
	font-size: 14px;
	margin: 0 0 32px 0;
}
.ib3-txt::before {
	width: 42px;
	margin: 0 8px 0 0;
}
.ib3-bg {
	display: none;
}
#ib3 .title {
	font-size: 7vw;
	line-height: 1.1;
}
#ib3 .title span {
	font-size: 9vw;
	display: block;
}
#ib3 .title span span {
	font-size: 7vw;
}
.ib3-grid {
	margin: 0;
}
.ib3-item {
	border-radius: 16px;
	width: 100%;
	margin: 0 0 16px 0;
	padding: 36px 24px;
	height: auto;
}
.ib3-item-bg {
	width: 35%;
	left: auto;
	right: 5vw;
	transform: translate(0%,15%);
}
.ib3-item:nth-of-type(3) .ib3-item-bg {
	transform: translate(0%,25%);
	width: 45%;
}
.ib3-item:nth-of-type(2) .ib3-item-bg {
	transform: translate(10%,22%);
	width: 45%;
	right: 0;
}
.ib3-item-num {
	width: 40px;
	height: 40px;
	font-size: 16px;
	margin: 0 0 8px 0;
}
.ib3-item-txt h3 {
	font-size: 2.5vw;
}
.ib3-item-txt p {
	font-size: 2vw;
}
#ib4 {
	padding: 40px 0;
	min-height: 115dvh;
}
.ib4-bg.black-pc {
	display: none;
}
.ib4-bg.black-mob {
	display: block;
}
.ib4-content {
	width: 100%;
}
#ib4 .title {
	font-size: 7vw;
	margin: 0 0 24px 0;
}
.ib4-txt {
	font-size: 16px;
	width: 75%;
	margin: 0 0 24px 0;
}
.ib4-content-offer p {
	font-size: 16px;
}
.ib4-content-offer {
	width: 60%;
	margin: 24px 0 0 0;
}



















}

@media (max-width: 767px) {
.intro-black-content {
	padding: 9.60vw 0;
	min-height: 105dvh;
}
.container {
	padding: 0 5.33vw;
}
.logo {
	width: 25.07vw;
}
.header-flex {
	margin: 0 0 3.73vw 0;
}
h1 {
	font-size: 9.87vw;
	margin: 0 0 2.13vw 0;
}
h1 span {
	font-size: 13.07vw;
}
.intro-black-offer h2 {
	font-size: 3.47vw;
	margin: 0 0 2.13vw 0;
}
.intro-black-offer h2 span {
	font-size: 5.33vw;
}
.intro-black-offer p {
	font-size: 2.67vw;
}
.counter-content {
	padding: 2.67vw 5.33vw;
	margin: 0 0 4.27vw 0;
}
.counter-content p {
	font-size: 4.27vw;
} 
#counter span {
  width: 13.5vw;
	font-size: 9.60vw;
}
#counter span:after {
	font-size: 9.60vw;
}
#counter span:last-of-type {
  width: 13.5vw;
}
.btn-fridey {
	padding: 2.67vw 5.67vw;
	font-size: 3.73vw;
}
.intro-black-legend {
	font-size: 2.13vw;
	margin: 4.27vw 0 0 0;
}
.ib1-header {
	font-size: 2.40vw;
	margin: 0 0 3.73vw 0;
}
.ib1-header::before {
	width: 11.20vw;
}
.ib1-content {
	width: 100%;
}
.title {
	font-size: 10.67vw;
	margin: 0 0 3.73vw 0;
}
.ib1-txt {
	font-size: 2.93vw;
	width: 75%;
}
#ib1 {
	min-height: 100dvh;
}
#ib2 .title {
	font-size: 8.53vw;
	margin: 0 0 3.73vw 0;
}
#ib2 .title span {
	font-size: 6.93vw;
}
.ib2-header-txt p {
	font-size: 2.93vw;
}
.ib2-bg {
	width: 52%;
	transform: translate(10%,27%);
}
.ib2-item {
	border-radius: 2.40vw;
}
.ib3-txt {
	font-size: 2.40vw;
	margin: 0 0 3.73vw 0;
}
.ib3-txt::before {
	width: 11.20vw;
}
#ib3 .title {
	font-size: 6.93vw;
	margin: 0;
}
#ib3 .title span {
	font-size: 8.53vw;
}
.ib3-header {
	margin: 0 0 3.73vw 0;
}
.ib3-item {
	border-radius: 2.93vw;
	margin: 0 0 5.33vw 0;
	padding: 4.27vw 2.67vw;
}
.ib3-item:last-child {
	margin: 0;
}
.ib3-item-num {
	width: 6.93vw;
	height: 6.93vw;
	font-size: 2.93vw;
	margin: 0 0 1.07vw 0;
}
.ib3-item-txt h3 {
	font-size: 2.93vw;
}
.ib3-item-txt p {
	font-size: 2.40vw;
}
.ib3-item-bg {
	width: 43%;
}
.ib3-item:nth-of-type(2) .ib3-item-bg {
	transform: translate(10%,20%);
	width: 50%;
}
.ib3-item:nth-of-type(3) .ib3-item-bg {
	transform: translate(0%,32%);
	width: 55%;
}
#ib4 .title {
	font-size: 6.93vw;
	margin: 0 0 3.73vw 0;
}
.ib4-txt {
	font-size: 2.93vw;
	width: 85%;
	margin: 0 0 3.73vw 0;
}
.ib4-content-offer {
	width: 70%;
	margin: 3.73vw 0 0 0;
}
.ib4-content-offer p {
	font-size: 2.93vw;
}
#ib4 {
	min-height: 105dvh;
}
.ib3-item-txt p span {
	font-size: 7.47vw;
}
.ib2-item-txt p {
	font-size: 1.87vw;
}
.intro-black-offer {
	margin: 0 0 36.27vw 0;
}

























}