﻿.main {
	 position: relative;
	 padding-top: 17.1764705882vh;
	 width: 100%;
	 height: 100vh;
	 background: url("../images/main/bg.jpg") no-repeat center;
	 background-size: cover;
}
.many_blocks.main{
	height: auto;
	min-height: 100vh;
}
 .main__clouds {
	 position: fixed;
	 left: 0;
	 top: 0;
	 overflow: hidden;
	 width: 100%;
	 height: 100%;
}
 @media (max-width: 767px) {
	 .main__clouds {
		 display: none;
	}
}
 .main__cloud {
	 position: absolute;
	 left: 0;
	 top: 0;
	 background-position: center;
	 background-size: contain;
	 background-repeat: no-repeat;
	 animation: flight-1 130s ease-out infinite alternate;
	 will-change: transform;
}
 .main__cloud:nth-child(1) {
	 left: -6.1176470588vh;
	 top: -13.1764705882vh;
	 width: 71.6470588235vh;
	 height: 41.4117647059vh;
	 background-image: url("../images/main/cloud-1.png");
	 opacity: 0.82;
}
 .main__cloud:nth-child(2) {
	 left: -3.5294117647vh;
	 top: auto;
	 bottom: -23.5294117647vh;
	 width: 84.7058823529vh;
	 height: 45.5294117647vh;
	 background-image: url("../images/main/cloud-2.png");
	 opacity: 0.8;
	 transform: rotate(10deg);
	 animation-name: flight-2;
}
 .main__cloud:nth-child(3) {
	 left: auto;
	 right: -59.4117647059vh;
	 top: auto;
	 bottom: -17.0588235294vh;
	 width: 135.7647058824vh;
	 height: 46.1176470588vh;
	 background-image: url("../images/main/cloud-3.png");
	 opacity: 0.84;
	 animation-name: flight-3;
}
 .main__cloud:nth-child(4) {
	 left: auto;
	 right: 11.7647058824vh;
	 top: 8.9411764706vh;
	 width: 43.6470588235vh;
	 height: 38.9411764706vh;
	 background-image: url("../images/main/cloud-4.png");
	 opacity: 0.83;
	 animation-name: flight-3;
}
 @keyframes flight-1 {
	 from {
		 transform: translate3d(-11.7647058824vh, -3.5294117647vh, 0) rotateZ(-0.001deg);
	}
	 to {
		 transform: translate3d(41.1764705882vh, 17.6470588235vh, 0);
	}
}
 @keyframes flight-2 {
	 from {
		 transform: translate3d(-5.8823529412vh, -1.1764705882vh, 0) rotateZ(-0.001deg);
	}
	 to {
		 transform: translate3d(23.5294117647vh, 5.8823529412vh, 0);
	}
}
 @keyframes flight-3 {
	 from {
		 transform: translate3d(-3.5294117647vh, 1.1764705882vh, 0) rotateZ(-0.001deg);
	}
	 to {
		 transform: translate3d(23.5294117647vh, -4.7058823529vh, 0);
	}
}
 @keyframes flight-4 {
	 from {
		 transform: translate3d(-11.7647058824vh, -1.1764705882vh, 0) rotateZ(-0.001deg);
	}
	 to {
		 transform: translate3d(47.0588235294vh, 23.5294117647vh, 0);
	}
}
 @media (max-width: 767px) {
	 .main__cloud {
		 animation: none;
	}
}
 .main__label {
	 position: absolute;
	 left: 50%;
	 top: 3.7647058824vh;
	 margin-left: -5.8823529412vh;
	 width: 19.981vh;
	 height: 14.494vh;
}
 .main__label svg {
	 display: block;
	 width: 100%;
	 height: 100%;
}
 @media (max-width: 1023px) {
	 .main__label {
		 position: relative;
		 top: 0;
		 margin-bottom: 6.6666666667vmin;
	}
}
 @media (max-width: 767px) {
	 .main__label {
		 margin-bottom: 4vmin;
		 margin-left: -15.4666666667vmin;
		 width: 30.9333333333vmin;
		 height: 20.5333333333vmin;
	}
}
 .main__title {
	 font-family: "Journalism", sans-serif;
	 font-size: 17.6470588235vh;
	 letter-spacing: -0.1847058824vh;
	 text-align: center;
	 color: #fff;
}
 @media (max-width: 1023px) {
	 .main__title {
		 font-size: 20vmin;
		 letter-spacing: -0.2vmin;
	}
}
 @media (max-width: 767px) {
	 .main__title {
		 font-size: 32vmin;
		 line-height: 26.9333333333vmin;
		 letter-spacing: -0.336vmin;
	}
}
 .main__text, .main__mobile-text {
	 margin: 0 auto;
	 margin-top: -1.6470588235vh;
	 width: 100vh;
	 font-weight: 400;
	 font-size: 1.7647058824vh;
	 line-height: 2.4705882353vh;
	 text-align: center;
	 text-shadow: 0 0.2352941176vh 5.6470588235vh rgba(0, 0, 0, 0.66);
	 color: #fff;
}
 @media (max-width: 1023px) {
	 .main__text, .main__mobile-text {
		 margin-top: 0;
		 width: 83.4666666667vmin;
		 font-size: 2.1333333333vmin;
		 line-height: 3.2vmin;
		 text-shadow: 0 0.2666666667vmin 6.4vmin rgba(0, 0, 0, 0.66);
	}
}
 @media (max-width: 767px) {
	 .main__text, .main__mobile-text {
		 display: none;
		 margin-top: 1.3333333333vmin;
		 width: 93.3333333333vmin;
		 font-size: 4.8vmin;
		 line-height: 6.2666666667vmin;
		 letter-spacing: -0.0293333333vmin;
	}
	 .main__text span, .main__mobile-text span {
		 display: none;
	}
	 .main__text span::before, .main__mobile-text span::before {
		 content: "";
		 display: block;
	}
}
 .main__mobile-text {
	 display: none;
}
 @media (max-width: 767px) {
	 .main__mobile-text {
		 display: block;
	}
}
 .main__text-toggle {
	 display: none;
	 margin: 0 auto;
	 outline: none;
	 border: 0;
	 padding: 0;
	 font-weight: 700;
	 font-size: 5.0666666667vmin;
	 line-height: 6.1333333333vmin;
	 letter-spacing: -0.032vmin;
	 text-decoration: underline;
	 color: #fff;
	 background-color: transparent;
}
 @media (max-width: 767px) {
	 .main__text-toggle {
		 display: block;
	}
}
 .main__link {
	 position: relative;
	 display: block;
	 margin: 0 auto;
	 margin-top: 3.2941176471vh;
	 border-radius: 3.4117647059vh;
	 width: 20vh;
	 height: 5.0588235294vh;
	 font-weight: 400;
	 font-size: 1.7647058824vh;
	 line-height: 5.0588235294vh;
	 text-align: center;
	 text-decoration: none;
	 color: #fff;
	 background-color: #e6193c;
	 transition: color 0.3s, background 0.3s;
}
 .main__link__tip {
	 position: absolute;
	 left: 100%;
	 top: 50%;
	 display: block;
	 margin-top: -15px;
	 padding-left: 40px;
	 opacity: 0;
	 visibility: hidden;
	 transition: opacity 0.3s, visibility 0.3s;
}
 .main__link__tip span {
	 position: relative;
	 display: block;
	 border-bottom: 1px solid #fff;
	 width: 260px;
	 height: 28px;
	 font-weight: 400;
	 font-size: 14px;
	 line-height: 1;
	 letter-spacing: -0.26px;
	 white-space: nowrap;
	 text-align: left;
	 text-decoration: none;
	 color: #fff;
	 transform: translate3d(50%, 0, 0);
	 transition: transform 0.3s;
}
 .main__link__tip span::before {
	 content: "";
	 position: absolute;
	 left: -26px;
	 top: 8px;
	 display: block;
	 width: 28px;
	 height: 11px;
	 background: url("../images/arrow-link.svg") center no-repeat;
	 transform: translate3d(20px, 0, 0);
	 transition: transform 0.3s 0.15s;
}
 .main__link__tip span::after {
	 content: "";
	 position: absolute;
	 left: 0;
	 right: 8%;
	 top: 13px;
	 display: block;
	 height: 1px;
	 background-color: #fff;
}
 @media (max-width: 1023px) {
	 .main__link__tip {
		 display: none;
	}
}
 .is-browser-ie .main__link {
	 padding-top: 0.2352941176vh;
	 line-height: 4.8235294118vh;
}
 @media (min-width: 1024px) {
	 .main__link:hover {
		 color: #e6193c;
		 background-color: #fff;
	}
	 .main__link:hover .main__link__tip {
		 opacity: 1;
		 visibility: visible;
	}
	 .main__link:hover .main__link__tip span {
		 transform: translate3d(0, 0, 0);
	}
	 .main__link:hover .main__link__tip span::before {
		 transform: translate3d(0, 0, 0);
	}
}
 @media (max-width: 1023px) {
	 .main__link {
		 margin-top: 6.4vmin;
		 border-radius: 4vmin;
		 width: 22.6666666667vmin;
		 height: 5.8666666667vmin;
		 font-size: 2.1333333333vmin;
		 line-height: 5.8666666667vmin;
	}
}
 @media (max-width: 767px) {
	 .main__link {
		 display: none;
	}
}
 .main__social {
	 display: none;
	 justify-content: center;
	 margin-top: 8vmin;
}
 .main__social .social {
	 width: 56vmin;
}
 .main__social .social__button[data-social=facebook] svg {
	 width: 3.7333333333vmin;
	 height: 6.1333333333vmin;
}
 .main__social .social__button[data-social=vk] svg {
	 width: 8.2666666667vmin;
	 height: 4.2666666667vmin;
}
 .main__social .social__button[data-social=twitter] svg {
	 width: 7.4666666667vmin;
	 height: 5.3333333333vmin;
}
 @media (max-width: 767px) {
	 .main__social {
		 display: flex;
	}
}
 .main__blocks {
	 display: flex;
	 justify-content: space-between;
	 margin: 0 auto;
	 margin-top: 4.8235294118vh;
	 width: 148.2352941176vh;
}
.many_blocks .main__blocks{
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 152.235294vh;
}
	
 .main__blocks__item {
	 position: relative;
	 outline: none;
	 width: 26.2vh;
	 height: 24.432vh;
	 transform: translateZ(0);
	 transition: filter 0.3s;
	 will-change: filter;
	 text-decoration: none;
}
.many_blocks .main__blocks .main__blocks__item{
	margin: 0 2.4117647059vh 200px;
	width: 33.2vh;
}
 .main__blocks__item__image, .main__blocks__item__image-mobile {
	 position: relative;
	 z-index: 1;
	 width: 100%;
	 height: 100%;
	 transform: translateZ(0);
	 background-size: cover;
	 background-position: center;
	 background-repeat: no-repeat;
}
 .main__blocks__item__image img, .main__blocks__item__image-mobile img {
	 display: block;
	 width: 100%;
	 height: 100%;
}
 @media (max-width: 767px) {
	 .main__blocks__item__image img, .main__blocks__item__image-mobile img {
		 display: none;
	}
}
 @media (max-width: 1023px) {
	 .main__blocks__item__image, .main__blocks__item__image-mobile {
		 height: 50%;
	}
}
 .main__blocks__item__image-mobile {
	 display: none;
}
 @media (max-width: 767px) {
	 .main__blocks__item__image-mobile img {
		 display: block;
	}
}
 @media (max-width: 767px) {
 	.main__blocks__item__image{
 		display: none;
 	}
	 .main__blocks__item__image-mobile {
	 	height: auto;
		 display: block;
	}
	.main__blocks__item__image-mobile img {
    height: auto;

}
}
 .main__blocks__item__play {
 	display: none;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 z-index: 2;
	 width: 7.5294117647vh;
	 height: 7.5294117647vh;
	 transform: translate(-50%, -50%);
	 transition: opacity 0.3s;
}
 .main__blocks__item__play svg {
	 display: block;
	 width: 100%;
	 height: 100%;
}
 @media (max-width: 1023px) {
	 .main__blocks__item__play {
		 display: none;
	}
}
 .main__blocks__item__content {
	 z-index: 2;
	 padding-top: 2.175vh;
}
 @media (max-width: 1299px) {
	 .main__blocks__item__content {
		 /*padding-top: 4vmin;*/
	}
}
 @media (max-width: 1023px) {
	 .main__blocks__item__content {
		 position: relative;
		 background-color: transparent;
		 opacity: 1;
	}
}
 @media (max-width: 767px) {
	 .main__blocks__item__content {
		 padding-top: 6vmin;
	}
}
 .main__blocks__item__title {
	 font-family: "Journalism", sans-serif;
	 font-size: 4.141vh;
	 letter-spacing: -0.0541176471vh;
	 color: #fff;
	 transform: translateZ(0);
}
 @media (max-width: 1299px) {
	 .main__blocks__item__title {
		 font-size: 5.0666666667vmin;
		 letter-spacing: -0.0613333333vmin;
	}
	
}
 @media (max-width: 1023px) {
	 .main__blocks__item__title {
		 padding: 0;
	}
}
 @media (max-width: 767px) {
	 .main__blocks__item__title {
		 font-size: 10.2vmin;
		 line-height: 10.9333333333vmin;
		 letter-spacing: -0.3333333333vmin;
	}
}
 .main__blocks__item__text {
	 font-size: 1.657vh;
	 letter-spacing: -0.0541176471vh;
	 color: #fff;
	 transform: translateZ(0);
}
 @media (max-width: 1299px) {
	 .main__blocks__item__text {
		 font-size: 2.2vmin;
		 letter-spacing: -0.0270588235vh;
	}
}
 @media (max-width: 767px) {
	 .main__blocks__item__text {
		 margin-top: 2.6666666667vmin;
		 font-size: 5.067vmin;
		 line-height: 10.9333333333vmin;
		 letter-spacing: -0.1786666667vmin;
	}
}
 .main__blocks__item__location {
	 display: flex;
	 align-items: flex-start;
	 justify-content: flex-start;
	 margin-top: 3.589vh;
	 transform: translateZ(0);
}
 .main__blocks__item__location svg {
	 display: block;
	 width: 1.6470588235vh;
	 height: 2.3529411765vh;
	 fill: #fff;
	 transform: translateZ(0);
}
 @media (max-width: 1299px) {
	 .main__blocks__item__location svg {
		 width: 1.6vmin;
		 height: 2.4vmin;
	}
}
 @media (max-width: 767px) {
	 .main__blocks__item__location svg {
		 width: 5.3333333333vmin;
		 height: 7.7333333333vmin;
	}
}
 .main__blocks__item__location span {
	 margin-left: 1.6470588235vh;
	 font-weight: 400;
	 font-size: 1.6470588235vh;
	 letter-spacing: -0.0176470588vh;
	 color: #fff;
	 transform: translateZ(0);
}
 @media (max-width: 1299px) {
	 .main__blocks__item__location span {
		 margin-top: 0.2666666667vmin;
		 margin-left: 1.8666666667vmin;
		 font-size: 1.8666666667vmin;
		 letter-spacing: -0.1866666667vmin;
	}
}
 @media (max-width: 767px) {
	 .main__blocks__item__location span {
		 margin-left: 2vmin;
		 margin-top: 2.267vmin;
		 font-size: 3.333vmin;
		 letter-spacing: -0.056vmin;
	}
}
 @media (max-width: 1299px) {
	 /*.main__blocks__item__location {
		 margin-top: 0.5333333333vmin;
	}*/
}
 @media (max-width: 767px) {
	 .main__blocks__item__location {
		 margin-top: 0;
	}
}
 .main__blocks__item__arrow {
	 position: absolute;
	 left: 50%;
	 bottom: 2.7058823529vh;
	 width: 4.1176470588vh;
	 height: 1.6470588235vh;
	 transform: translateX(-50%) translateZ(0);
}
 .main__blocks__item__arrow svg {
	 display: block;
	 width: 100%;
	 height: 100%;
	 transform: translateZ(0);
}
 @media (max-width: 1299px) {
	 .main__blocks__item__arrow {
		 bottom: 1.4117647059vh;
		 width: 2.3529411765vh;
		 height: 1.1764705882vh;
	}
}
 @media (max-width: 1023px) {
	 .main__blocks__item__arrow {
		 display: none;
	}
}
 .main__blocks__item__info {
	 position: absolute;
	 left: 0;
	 top: 0;
	 z-index: 5;
	 display: none;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 padding: 30px 50px;
	 width: 100%;
	 height: 100%;
	 font-size: 14px;
	 line-height: 1.1428571429;
	 letter-spacing: -0.15px;
	 text-align: center;
	 color: #fff;
	 background-color: rgba(0, 0, 0, 0.7);
}
 .main__blocks__item__info svg {
	 display: block;
	 margin-bottom: 10px;
	 width: 20px;
	 height: 27px;
}
 .main__blocks__item__beef {
	 position: absolute;
	 left: 0;
	 top: 0;
	 z-index: 1;
	 display: block;
	 width: 100%;
	 height: 100%;
	 background: #fff url("../images/beef.png") center 4.1176470588vh no-repeat;
	 background-size: 19.5294117647vh;
	 opacity: 0;
	 transition: opacity 0.3s;
}
 .main__blocks__item__beef span {
	 position: absolute;
	 left: 0;
	 bottom: 3.5294117647vh;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 100%;
	 font-size: 1.5294117647vh;
	 text-align: center;
	 color: #e6193c;
	 transform: translateY(1.7647058824vh);
	 transition: transform 0.3s;
}
 .main__blocks__item__beef span svg {
	 display: block;
	 margin-left: 1.1764705882vh;
	 width: 3.0588235294vh;
	 height: 1.5294117647vh;
	 transform: translateX(1.7647058824vh);
	 transition: transform 0.3s;
}
 .is-browser-ie .main__blocks__item__beef span svg {
	 transform: translateX(15px);
}
 @media (max-width: 1299px) {
	 .main__blocks__item__beef span svg {
		 margin-left: 1.0666666667vmin;
		 width: 3.4666666667vmin;
		 height: 1.3333333333vmin;
		 transform: translateX(1.6vmin);
	}
	 .is-browser-ie .main__blocks__item__beef span svg {
		 transform: translateX(6px);
	}
}
 .is-browser-ie .main__blocks__item__beef span {
	 transform: translateY(15px);
}
 @media (max-width: 1299px) {
	 .main__blocks__item__beef span {
		 font-size: 1.6vmin;
	}
}
 @media (max-width: 1299px) {
	 .main__blocks__item__beef {
		 background-size: 12vmin;
	}
}
 @media (max-width: 1023px) {
	 .main__blocks__item__beef {
		 display: none;
	}
}
 .main__blocks__item__button {
	 position: relative;
	 display: none;
	 align-items: center;
	 justify-content: center;
	 margin: 0 auto;
	 margin-top: 5.8666666667vmin;
	 border-radius: 11.2vmin;
	 width: 65.3333333333vmin;
	 height: 16.5333333333vmin;
	 font-weight: 400;
	 font-size: 5.8666666667vmin;
	 line-height: 8vmin;
	 text-align: center;
	 text-decoration: none;
	 color: #fff;
	 background-color: #e6193c;
}
 @media (max-width: 767px) {
	 .main__blocks__item__button {
		 display: none;
	}
}
 .main__blocks__item:hover, .main__blocks__item:focus, .main__blocks__item:active {
	 outline: none;
}
 .main__blocks__item:hover .main__blocks__item__content {
	 opacity: 1;
}
 .main__blocks__item:hover .main__blocks__item__play {
	 opacity: 0;
}
 .main__blocks__item:hover .main__blocks__item__beef {
	 opacity: 1;
}
 .main__blocks__item:hover .main__blocks__item__beef span {
	 transform: translateY(0);
}
 .main__blocks__item:hover .main__blocks__item__beef span svg {
	 transform: translateX(0);
}
 .main__blocks__item.is-blur {
	 filter: blur(5px);
}
 @media (max-width: 1023px) {
	 .main__blocks__item.is-blur {
		 filter: none;
	}
}
 .main__blocks__item--soon {
	 position: relative;
	 pointer-events: none;
}
 .main__blocks__item--soon .main__blocks__item__play {
	 display: none;
}
 .main__blocks__item--soon .main__blocks__item__info {
	 display: flex;
}
 /*.main__blocks__item--4 .main__blocks__item__title {*/
	 /*display: none;*/
/*}*/
 @media (max-width: 1299px) {
	 .main__blocks__item {
		 flex-shrink: 0;
		 height: 21vmin;
	}
}
 @media (max-width: 1023px) {
	 .main__blocks__item {
		 margin: 2.6666666667vmin;
		 width: 37vmin;
		 height: 50vmin;
		 text-decoration: none;
	}
	 .main__blocks__item--4 {
		 box-shadow: none;
	}
	 .main__blocks__item--4 .main__blocks__item__image-mobile {
		 margin: 0 -13%;
		 width: auto;
	}
}
 @media (max-width: 767px) {
	 .main__blocks__item {
	 	height: auto;
		 margin: 0 0 15vmin;
		 width: 100%;
	}
	 .main__blocks__item--4 {
		 margin-bottom: 0;
		 padding-top: 9.3333333333vmin;
		 padding-bottom: 14.6666666667vmin;
		 background-color: #fff;
	}
	 .main__blocks__item--4::before {
		 content: "";
		 position: absolute;
		 left: -6.6666666667vmin;
		 right: -6.6666666667vmin;
		 top: 0;
		 display: block;
		 height: 100%;
		 background-color: #fff;
	}
	 .main__blocks__item--4 .main__blocks__item__image-mobile {
		 margin: 0 -5.3333333333vmin;
		 width: auto;
	}
}
 @media (max-width: 1440px) {
	 .main__blocks {
		 width: 100%;
		 max-width: 135.2941176471vh;
	}
	.main__blocks__item {width: 23.2vh;}
	.many_blocks .main__blocks .main__blocks__item{width: 29vh;}
}
 @media (max-width: 1299px) {
	 .main__blocks {
		 padding: 0;
		 max-width: 145.411765vh;
	}
	.many_blocks .main__blocks{max-width: 100%;}
	.main__blocks__item {width: 25.2vh;}
	.many_blocks .main__blocks .main__blocks__item {
		margin-bottom: 240px;
		width: 25.2vh;
	}
}
 @media (max-width: 1023px) {
	 .main__blocks {
		 flex-wrap: wrap;
		 justify-content: center;
		 padding: 0;
	}
	.main__blocks__item {width: 31.2vh;}
	.main__blocks__item__location {margin-top: 1.533333vmin;}
	.many_blocks .main__blocks .main__blocks__item{
		margin-bottom: 0;
		width: 32.9vh;
	}
}
 @media (max-width: 767px) {
	 .main__blocks {
		 flex-direction: column;
		 align-items: center;
		 margin-top: 10.4vmin;
		 padding: 0 5.3333333333vmin;
	}
}
 .main__infographics {
	 display: none;
	 border-top: 1px dashed #979797;
	 padding: 12.8vmin 3.5%;
	 background-color: #fff;
}
 @media (max-width: 767px) {
	 .main__infographics {
		 display: block;
	}
}
 .main__infographics-title {
	 font-family: "Journalism", sans-serif;
	 font-weight: 400;
	 font-size: 24vmin;
	 line-height: 20.2666666667vmin;
	 letter-spacing: -0.2533333333vmin;
	 text-align: center;
	 color: #e6193c;
}
 .main__infographics-text {
	 margin: 3.2vmin auto 0;
	 max-width: 82.6666666667vmin;
	 font-family: "GothamPro", sans-serif;
	 font-weight: 400;
	 font-size: 4.8vmin;
	 line-height: 6.2666666667vmin;
	 letter-spacing: 0.024vmin;
	 text-align: center;
	 color: #000;
}
 .main__infographics-button {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: 5.3333333333vmin auto 0.5333333333vmin;
	 outline: none;
	 border: 2px solid #e6193c;
	 border-radius: 11.2vmin;
	 width: 65.3333333333vmin;
	 height: 16.5333333333vmin;
	 font-weight: 400;
	 font-size: 5.8666666667vmin;
	 line-height: 8.064vmin;
	 text-align: center;
	 text-decoration: none;
	 color: #000;
	 background-color: #fff;
}
 @media (max-width: 1023px) {
	 .main {
		 z-index: 1;
		 padding-top: 10.6666666667vmin;
		 padding-bottom: 8vmin;
		 height: auto;
		 background: #fff;
	}
	 .main::after {
		 content: "";
		 position: fixed;
		 left: 0;
		 top: 0;
		 z-index: -1;
		 display: block;
		 width: 100%;
		 height: 100vh;
		 background: url("../images/main/bg-main.jpg") center top;
		 background-size: cover;
	}
}
 @media (max-width: 767px) {
	 .main {
		 padding-top: 21.8666666667vmin;
		 padding-bottom: 0;
	}
	 .main::before {
		 content: "";
		 position: absolute;
		 left: 0;
		 top: 0;
		 z-index: -1;
		 display: block;
		 width: 100%;
		 height: 425px;
		 background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.38) 100%);
	}
	 .main::after {
		 background-size: auto 100%;
	}
}
 @media (max-width: 767px) and (orientation: landscape) {
	 .main::after {
		 background-size: cover;
	}
}
.open_popup{
	background: url(../images/open_popup.svg) no-repeat;
	cursor: pointer;
	float: right;
	height: 40px;
	margin-top: -32px;
	opacity: 0;
	position: relative;
	transition: all 0.2s linear;
	width: 44px;
	z-index: 9999;
}
.main__blocks__item:hover .open_popup{opacity: 1;}
.main__blocks__item:hover::after {
    content: "";
    background: rgba(255,255,255,.20);
    left: -30px;
    position: absolute;
    top: -30px;
    /*height: calc(24.432vh + 150px);*/
    height: 45.432vh;
    width: calc(100% + 60px);
}
.popup{
	background-color: #fff;
	box-sizing: border-box;
	color: #333;
	display: none;
	max-width: 100%;
	padding: 0;
	width: 754px;
}
	.popup img{
		height: auto;
		margin-bottom: 37px;
		width: 100%;
	}
	.popup_content{padding: 0 98px;}
		.popup .main__blocks__item__content{margin-bottom: 34px;}
		.popup .main__blocks__item__title{font-size: 4.141vh;}
			.popup .main__blocks__item__title,.popup .main__blocks__item__text,.popup .main__blocks__item__location,.popup .main__blocks__item__location span{
				color: #333;
				font-size: 16px;
			}
			.popup .main__blocks__item__title{font-size: 60px;}
			.main__blocks__item__location svg{fill: #e7173b;}
		.popup_content p{
			font-size: 14px;
			line-height: 20px;
			margin: -10px 0 20px;
		}
		.flexbox{
			align-items: strech;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
		}
			.video_block{
				margin-bottom: 10px;
				position: relative;
				width: calc(50% - 15px);
			}
			.video_block .main__blocks__item__image{display: block!important;}
			.video_img{
				margin-bottom: 14px;
				position: relative;
			}
				.video_img img{
					display: block!important;
					height: auto;
					width: 100%;
				}
				.video_block .main__blocks__item__play{
					align-items: center;
					background: rgba(0,0,0,.5);
					display: flex;
					flex-direction: row;
					height: 100%;
					justify-content: center;
					width: 100%;
				}
				.video_block:hover .main__blocks__item__play{display: none;}
					.video_block .main__blocks__item__play svg{
						height: 70px;
						width: 70px;
					}
@media only screen and (max-width: 1299px){
.main__blocks__item:hover:after{
	left: -30px;
	top: -30px;
	height: calc(24.432vh + 155px);
	width: calc(100% + 58px);
}
}/* END 1023px */
@media only screen and (max-width: 1023px){
.main__blocks__item:hover:after{
	content: "";
	background: rgba(255,255,255,.20);
	left: -34px;
	position: absolute;
	top: -30px;
	height: calc(24.432vh + 158px);
	width: calc(100% + 68px);
}
}/* END 1023px */
@media only screen and (max-width: 767px){
.main__blocks__item:hover:after{height: 115%;}
	.popup_content{padding: 0 30px;}
}/* END 767px */
@media only screen and (max-width: 480px){
.popup .main__blocks__item__title{font-size: 40px;}
.video_block .main__blocks__item__play svg{
	height: 40px;
	width: 40px;
}
.main__blocks__item:hover:after{height: calc(24.432vh + 102px);}
.many_blocks .main__blocks .main__blocks__item{width: 88%;}
}/* END 480px */
@media only screen and (max-width: 380px){
.video_block{width: 100%;}

}/* END 380px */