article.promo {
	position: relative;
	margin: auto;
	max-width: 1280px;
	background: url(../img/promo_01_bg.jpg) repeat;
}
article.promo * {
	transition: all 0.25s ease-out;
}
article.promo img {
	display: block;
}
.promo_header {
	position: relative;
	perspective: 500px;
}
.promo_header img {
	width: 100%;
}
.sitelogo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 2;
}
.sitelogo > a {
	padding: .5em;
}
.sitelogo > .logo {
	width: calc(40% + 1em);
	max-width: 272px;
}
.sitelogo > .home {
	width: calc(5% + 1em);
	max-width: 56px;
}
.inner-text {
	font-size: 5vw;
}
.arrow_s {
	position: absolute;
	top: 22%;
	right: 21.5%;
	width: 25vw;
	opacity: 1;
	filter: drop-shadow(1px 1px 2px gray);
	/*animation: arrowS 1.5s infinite;*/
}
@keyframes arrowS {
	0%{
		opacity: 1;
		transform: rotateX(30deg) rotateZ(0deg) translateX(0vw);

	}
	100%{
		opacity: 0.1;
		transform: rotateX(20deg) rotateZ(15deg) translateX(-2.7778vw);
	}
}
.promo_header .slogan {
	position: absolute;
	left: 2%;
	top: 35%;
	width: 44.444%;
	display: none;
}
.msg-btn {
	width: 55.56%;
	height: 11.111vw;
	font-size: 6.5vw;
	text-align: center;
	background: rgb(168, 52, 53);
	border-radius: 5.555vw;
	box-shadow: 0 4px 0px rgb(84, 25, 27);
	display: block;
	overflow: hidden;
}
.msg-btn > a {
	position: relative;
	/*padding-bottom: 1.5%;*/
	width: 100%;
	height: 100%;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}
.msg-btn > a::after {
	content: "";
	position: absolute;
    top: -200%;
    left: -200%;
    width: 150%;
    height: 150%;
    background: linear-gradient(165deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
	transition: all .35s;
}
.msg-btn:hover {
	animation: btn 2s 1;
}
@keyframes btn {
	0% {
		transform: scale(1);
	}
	5% {
		transform: scale(1.15);
	}
	10% {
		transform: scale(1.05);
	}
	15% {
		transform: scale(1.15);
	}
	20% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}
.promo_header .msg-btn {
	position: absolute;
	left: 30%;
	bottom: 14%;
	width: 40%;
	height: 1.8em;
	font-size: 5vw;
	border-radius: 0.9em;
	box-shadow: none;
}
.promo_block {
	position: relative;
	padding: 2.778vw 0 6.944vw;
	background-color: white;
}
.promo_block h3 {
	padding: 0 6.9444%;
	font-size: 11.4vw;
	font-weight: 700;
	color: rgb(168, 53, 53);
}
.promo_block_2 h3 span,
.promo_block_3 h3 span {
	line-height: 1.15;
	display: block;
}
.promo_block h3 img {
	display: none;
}
.promo_block_subtitle {
	padding: 0 8.33%;
	font-size: 5.55vw;
	font-weight: 700;
	text-align: right;
	color: rgb(65, 33, 15);
}
.promo_block_2 div > div:nth-of-type(1) {
	position: relative;
	padding: 1vw 8.33% 0;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 1.8;
}
.promo_block_2 div > div:nth-of-type(1) > span {
	display: none;
}
.fatty {
	position: relative;
	padding-top: 2vw;
	width: 100%;
}
.fatty > img:nth-of-type(1) {
	position: relative;
	margin: auto;
	width: 50%;
}
.fatty > img:nth-of-type(n+2) {
	position: absolute;
}
.fatty > img:nth-of-type(2) {
	top: 13%;
	left: 16.11%;
	width: 16.667%;
}
.fatty > img:nth-of-type(3) {
	top: 33.5%;
	left: 2.22%;
	width: 20.83%;
}
.fatty > img:nth-of-type(4) {
	top: 67%;
	left: 6.94%;
	width: 16.667%;
}
.fatty > img:nth-of-type(5) {
	top: 16.5%;
	right: 11.11%;
	width: 16.667%;
}
.fatty > img:nth-of-type(6) {
	top: 74%;
	right: 4.7%;
	width: 20%;
}
.promo_block_3 {
	background: linear-gradient(180deg,rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.25) 7.5%, rgba(255, 255, 255, 0.2) 85%, rgba(255, 255, 255, 1) 100%);
	overflow-x: hidden; 
}
.promo_block_3 > div:nth-of-type(1) {
	position: relative;
	margin-top: 2vw;
	width: 100%;
	height: 37.5vw;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}
.promo_block_3 > div > img {
	position: relative;
	width: 44%;
}
.promo_block_3 > div:nth-of-type(2) > ul {
	position: relative;
	padding-top: 1.667vw;
	background-color: rgb(232, 217, 198);
}
.promo_block_3 > div:nth-of-type(2) li {
	text-align: center;
	line-height: 1.6;
	color: rgb(92, 55, 36);
}
.promo_block_3 > div:nth-of-type(2) > ul > li > p {
	font-weight: 700;
	letter-spacing: 2px;
	color: white;
	background-color: rgb(92, 55, 36);
}
.promo_block_3 > div:nth-of-type(2) > ul ul {
	padding: 1.5vw 0;
}
.promo_block_3 > p:nth-of-type(2) {
	padding-top: 10px;
	font-weight: 700;
	line-height: 1.6;
	color: rgb(168, 53, 53);
}
.promo_block_3 > p:nth-of-type(2) span {
	text-indent: 11vw;
	display: block;
}
.promo_block_3 > p:nth-of-type(2) a {
	padding-right: 11%;
	font-size: 80%;
	text-align: right;
	color: rgb(170, 170, 170);
	display: block;
}
.promo_block_4 > div {
	position: relative;
	margin: auto;
	padding-top: 20px;
	width: 83.33%;
}
.promo_block_4 > div > div:nth-of-type(1) {
	margin-bottom: 20px;
}
.promo_block_4  div img {
	width: 100%;
}
.promo_block_4 li p {
	position: relative;
	line-height: 1.76;
}
.promo_block_4 li p:nth-of-type(1) {
	padding-left: 1em;
	color: rgb(92, 55, 36);
}
.promo_block_4 li p:nth-of-type(1)::before {
	content: "";
	position: absolute;
	top: 0.475em;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent rgb(92, 55, 36);
	border-width: 0.4em 0.8em;
}
.promo_block_5 {
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0.5) 100%);
}
.promo_block_5 div img:nth-of-type(1) {
	display: none;
}
.promo_block_5 div img:nth-of-type(2) {
	position: relative;
	margin: 15px auto;
	width: 86%;
}
.promo_block_5 > div:nth-of-type(2) {
	position: relative;
	margin: 0 auto 15px;
	width: 86%;
    letter-spacing: 1px;
    text-align: justify;
    line-height: 1.8;
}
.promo_block_5 > div:nth-of-type(2) span {
	display: none;
}
.promo_block_5 .msg-btn {
	position: relative;
	margin: 15px auto 0;
}
.promo_block_6 {
	background: linear-gradient(180deg,rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
}
.promo_block_6 > div {
	position: relative;
	margin: 20px auto 0;
	width: 86%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.promo_block_6 > p {
	position: relative;
	margin: auto;
	padding: 15px;
	width: 86%;
	font-size: 100%;
	text-align: justify;
	color: rgb(170, 170, 170);
	display: block;
}
.promo_block_6 > div > div {
	margin-bottom: 4vw;
	width: 100%;
	border-radius: 1.25em;
	overflow: hidden;
}
.promo_block_6 > div > div img {
	width: 100%;
	border-radius: 0 0 10px 0;
}
.promo_block_6 > div > div:nth-of-type(1),
.promo_block_6 > div > div:nth-of-type(5),
.promo_block_6 > div > div:nth-of-type(6) {
	display: none;
}
.promo_block_6 > div > div > iframe {
	position: relative;
	width: 100%;
	display: block;
}
.promo_block_7 {
	background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 1) 100%);
}
.promo_block_7 > div {
	position: relative;
	margin: 20px auto 0;
	width: 86%;
}
.promo_block_7 > div div {
	position: relative;
	margin: 0 auto 30px;
}
.promo_block_7 > div div:nth-of-type(2) {
	display: none;
}
.promo_block_7 > div div:last-of-type {
	margin-bottom: 0;
}
.promo_block_7 > div div img {
	width: 100%;
}
.promo_block_7 > p {
	position: relative;
    margin: auto;
    padding: 15px;
    width: 86%;
    font-size: 100%;
    text-align: justify;
    color: rgb(170, 170, 170);
    display: block;
}
.promo_block_8 h3 span:nth-of-type(1) {
	display: none;
}
.promo_block_8 div {
	position: relative;
	padding-top: 8px;
}
.promo_block_8 li {
	padding: 12px 7%;
}
.promo_block_8 li:nth-of-type(2),
.promo_block_8 li:nth-of-type(3) {
	display: none;
}
.promo_block_8 li p {
	letter-spacing: 1px;
	text-align: justify;
	line-height: 2;
}
.promo_block_8 li p:nth-of-type(1) {
	font-weight: 700;
}
.promo_block_8 li p:nth-of-type(2) {
	padding-left: 4vw;
	color: rgb(83, 83, 83);
}
.promo_block_8 .msg-btn {
	position: relative;
	margin: 15px auto 40px;
	color: rgb(108, 80, 59);
	background: linear-gradient(180deg,rgb(232, 211, 185) 0%, rgb(228, 203, 171) 10%, rgb(224, 196, 160) 20%, rgb(224, 196, 160) 80%, rgb(152, 132, 108) 100%);
	box-shadow: 1px 2px 8px rgba(50, 50, 50, 0.4);
}
@media only screen and (min-width: 768px) {
	.sitelogo > .logo {
		width: calc(25% + 1em);
	}
	.sitelogo > .home {
		width: calc(4% + 1em);
	}
	.inner-text {
		font-size: 2.5vw;
	}
	.arrow_s {
		top: 26%;
		right: 16.75%;
		width: 11.7vw;
	}
	.promo_header .slogan {
		left: 2.85%;
		top: 19.5%;
		width: 22%;
	}
	.msg-btn {
		width: 25.5%;
		height: 5.2vw;
		font-size: 2.99vw;
		border-radius: 2.6vw;
		/*transform: scale(1.5);*/
	}
	.promo_header .msg-btn {
		left: 22%;
		bottom: 18%;
    	width: 20%;
		font-size: 2.4vw;
	}
	.promo_block {
		padding: 2vw 0 5vw;
	}
	.promo_block_2 {
		background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 87%, rgba(255, 255, 255, 0.1) 100%);
	}
	.promo_block_3 {
		background: linear-gradient(180deg,rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 88.5%, rgba(255, 255, 255, 1) 100%);
	}
	.promo_block h3 {
		padding: 0 1.05%;
		font-size: 5.86vw;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.promo_block_2 h3 span {
		display: inline-block;
	}
	.promo_block h3 img {
		margin-right: 1vw;
		width: 3.91%;
		display: block;
	}
	.promo_block_subtitle {
		position: relative;
		margin: auto;
		padding: 1.5vw 0 0;
		width: 86%;
		font-size: 3.5vw;
		border-bottom: 1px solid rgb(65, 33, 15);
	}
	.promo_block_subtitle > span {
		position: relative;
	}
	.promo_block_subtitle > span::after {
		content: "";
		position: absolute;
		bottom: -2px;
		left: -3%;
		width: 103%;
		height: 4px;
		background-color: white;
	}
	.promo_block_3 .promo_block_subtitle > span::after {
		background-image: url(../img/promo_01_bg.jpg);
		background-size: contain;

	}
	.promo_block_2 > div {
		padding-top: 2vw;
		display: flex;
		justify-content: space-around;
		flex-direction: row-reverse;
		align-items: flex-start;
		flex-wrap: nowrap;
	}
	.promo_block_2 div > div:nth-of-type(1) {
		padding: 3.5% 7% 0 2vw;
		width: 50%;
		line-height: 2;
	}
	.promo_block_2 div > div:nth-of-type(1) > span {
		display: block;
	}
	.promo_block_2 div > div:nth-of-type(1) > span:nth-of-type(3) {
		padding-top: 4vw;
		display: inline-block;
	}
	.promo_block_2 div > div:nth-of-type(1) > span:nth-of-type(4) {
		display: inline-block;
	} 
	.fatty {
		padding-left: 3.26vw;
		width: 50%;
	}
	.fatty > img:nth-of-type(1) {
		width: 59.1%;
	}
	.fatty > img:nth-of-type(2) {
		left: 19%;
		width: 15.625%;
	}
	.fatty > img:nth-of-type(3) {
		top: 31.5%;
		left: 6.5%;
		width: 19.54%;
	}
	.fatty > img:nth-of-type(4) {
		top: 61%;
		left: 9.5%;
		width: 15.625%;
	}
	.fatty > img:nth-of-type(5) {
		top: 11%;
		right: 10%;
		width: 17.71%;
	}
	.fatty > img:nth-of-type(6) {
		top: 75.5%;
		right: 0%;
		width: 21.615%;
	}
	.promo_block_3 > div:nth-of-type(1) {
		position: absolute;
		left: 4%;
		height: auto;
		justify-content: flex-start;
		z-index: 2;
	}
	.promo_block_3 > div > img {
		width: 35.16%;
	}
	.promo_block_3 > div:nth-of-type(1) img:nth-of-type(1) {
		display: none;
	}
	.promo_block_3 > div:nth-of-type(2) {
		padding: 8% 10% 3% 0;
	}
	.promo_block_3 > div:nth-of-type(2) > ul {
		padding: 1vw 0 1vw 35%;
		background: linear-gradient(90deg,rgba(232, 217, 198, 0) 0%, rgba(232, 217, 198, 0) 20%, rgba(232, 217, 198, 1) 20.5%, rgba(232, 217, 198, 1) 100%)
	}
	.promo_block_3 > div:nth-of-type(2) > ul ul {
		padding: 1vw 0;
	}
	.promo_block_3 > p:nth-of-type(2) {
		padding-top: 0;
		text-indent: 20vw;
	}
	.promo_block_3 > p:nth-of-type(2) span {
		text-indent: 0;
		display: inline;
	}
	.promo_block_4 > div {
		width: 86%;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.promo_block_4 > div div:nth-of-type(1) {
		margin-right: 6%;
		width: 50%;
	}
	.promo_block_4 > div div:nth-of-type(2) {
		width: 44%;
	}
	.promo_block_4 li {
		margin-bottom: 1em;
	}
	.promo_block_4 li p {
		line-height: 2;
	}
	.promo_block_4 li p:nth-of-type(1) {
		font-weight: 700;
	}
	.promo_block_4 li p:nth-of-type(1)::before {
		top: 0.65em;
	}
	.promo_block_5 > div:nth-of-type(1) {
		padding-top: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.promo_block_5 div img:nth-of-type(1) {
		margin: 0 0 0 7%;
		width: 51.04%;
		display: block;
	}
	.promo_block_5 div img:nth-of-type(2) {
		margin: 0 7% 0 0;
		width: 31.51%;
	}
	.promo_block_5 > div:nth-of-type(2) {
		margin: 20px auto 0;
		width: 86%;
		line-height: 2;
	}
	.promo_block_5 > div:nth-of-type(2) span {
		display: inline;
	}
	.promo_block_6 > div {
		justify-content: space-between;
	}
	.promo_block_6 > div > div {
		margin-bottom: 2vw;
		width: calc(50% - 1vw);
		border-radius: 0.55em;
	}
	.promo_block_6 > div > div:nth-of-type(1),
	.promo_block_6 > div > div:nth-of-type(4),
	.promo_block_6 > div > div:nth-of-type(6) {
		display: block;
	}
	.promo_block_6 > div > div:nth-of-type(3) {
		display: none;
	}
	.promo_block_7 > p {
		position: relative;
		margin: auto;
		width: 86%;
		display: block;
	}
	.promo_block_7 > div {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.promo_block_7 > div div {
		margin-bottom: 0;
		width: 31.5%;
	}
	.promo_block_7 > div div:nth-of-type(2) {
		display: block;
	}
	.promo_block_8 h3 span:nth-of-type(1) {
		display: inline;
	}
	.promo_block_8 li:nth-of-type(2),
	.promo_block_8 li:nth-of-type(3) {
		display: block;
	}
	.promo_block_8 li p:nth-of-type(2) {
		padding-left: 0;
	}
	@keyframes arrowS {
		0%{
			opacity: 1;
			transform: rotateX(40deg) rotateZ(0deg) translateX(0vw);

		}
		100%{
			opacity: 0.1;
			transform: rotateX(30deg) rotateZ(15deg) translateX(-1.465vw);
		}
	}
	@keyframes btn {
		0% {
			transform: scale(1);
		}
		5% {
			transform: scale(1.15);
		}
		10% {
			transform: scale(1.05);
		}
		15% {
			transform: scale(1.15);
		}
		20% {
			transform: scale(1);
		}
		100% {
			transform: scale(1);
		}
	}
}
@media only screen and (min-width: 1024px) {
	.inner-text {
		font-size: 2.35vw;
	}
	.arrow_s {
		top: 31%;
		right: 15.75%;
		width: 12.5vw;
		max-width: 160px;
	}
	.promo_header .slogan {
		left: 3.52%;
		top: 20.5%;
		width: 25.4%;
	}
	.msg-btn {
		width: 25.88%;
		max-width: 331px;
		height: 5.37vw;
		max-height: 68px;
		font-size: 3.125vw;
		border-radius: 2.685vw;
		/*transform: scale(1.15);*/
	}
	.promo_header .msg-btn {
		left: 25%;
		bottom: 19%;
	}
	.promo_block {
		padding: 55px 0 20px;
	}
	.promo_block h3 {
		padding: 0 1.5%;
		font-size: 6.5vw;
	}
	.promo_block_subtitle {
		font-size: 3.85vw;
	}
	.promo_block_2 div > div:nth-of-type(1) > span:nth-of-type(3) {
		padding-top: 3vw;
	}
	.promo_block_3 > div:nth-of-type(1) {
		left: 0;
		justify-content: space-between;
		align-items: flex-end;
	}
	.promo_block_3 > div:nth-of-type(1) img {
		width: 29.3%;
	}
	.promo_block_3 > div:nth-of-type(1) img:nth-of-type(1) {
		width: 30.6%;
		display: block;
	}
	.promo_block_3 > div:nth-of-type(2) {
		padding: 4% 11.75% 3% 11.75%;
	}
	.promo_block_3 > div:nth-of-type(2) > ul {
		padding: 0.75vw 0;
		background: linear-gradient(90deg,rgba(232, 217, 198, 0) 0%, rgba(232, 217, 198, 0) 6%, rgba(232, 217, 198, 1) 8%, rgba(232, 217, 198, 1) 92%, rgba(232, 217, 198, 0) 94%, rgba(232, 217, 198, 0) 100%);
	}
	.promo_block_3 > div:nth-of-type(2) > ul ul {
		padding: 0.75vw 0;
	}
	.promo_block_3 > div:nth-of-type(2) li {
		text-indent: 0;
	}
	.promo_block_3 > p:nth-of-type(2) {
		text-indent: 0;
		text-align: center;
	}
	.promo_block_4 > div {
		width: 100%;
		justify-content: flex-start;
	}
	.promo_block_4 > div div:nth-of-type(1) {
		margin-right: 3.9%;
		width: 48.83%;
	}
	.promo_block_4 > div div:nth-of-type(2) {
		padding-right: 7%;
		width: 47.27%;
	}
	.promo_block_4 li {
		margin-bottom: 0.6em;
	}
	.promo_block_4 li p {
		line-height: 1.76;
	}
	.promo_block_4 li p:nth-of-type(1)::before {
		top: 0.5em;
	}
	.promo_block_5 div img:nth-of-type(1) {
		margin: 0;
		width: 48.83%;
	}
	.promo_block_5 div img:nth-of-type(2) {
		margin-right: 12%;
		width: 30.08%;
	}
	.promo_block_5 .msg-btn {
		margin-top: 35px;
	}
	.promo_block_6 > div > div {
		border-radius: 1.75em;
	}
	.promo_block_6 > div > div:nth-of-type(3),
	.promo_block_6 > div > div:nth-of-type(5) {
		display: block;
	}
	.promo_block_8 li:nth-of-type(2n+1) {
		background-color: rgb(245, 241, 235);
	}
	@keyframes arrowS {
		0%{
			opacity: 1;
			transform: rotateX(40deg) rotateZ(0deg) translateX(0vw);

		}
		100%{
			opacity: 0.1;
			transform: rotateX(25deg) rotateZ(15deg) translateX(-1.465vw);
		}
	}
}
@media only screen and (min-width: 1280px) {
	.inner-text {
		font-size: 30.08px;
	}
	.msg-btn {
		font-size: 40px;
		border-radius: 34px;
	}
	.promo_header .msg-btn {
		font-size: 32px;
	}
	.promo_block {
		padding: 20px 0 55px;
	}
	.promo_block h3 {
		font-size: 83.2px;
	}
	.promo_block h3 img {
		margin-right: 12.8px;
	}
	.promo_block_subtitle {
		padding-top: 19.2px;
		font-size: 49.28px;
	}
	.fatty {
		padding-top: 25.6px;
		padding-left: 41.728px;
	}
	.promo_block_2 > div {
		padding-top: 25.6px;
	}
	.promo_block_2 div > div:nth-of-type(1) {
		padding-left: 25.6px;
	}
	.promo_block_3 > div:nth-of-type(1) {
		margin-top: 25.6px;
	}
	.promo_block_3 > div:nth-of-type(2) > ul {
		padding: 9.6px 0;
	}
	.promo_block_3 > div:nth-of-type(2) > ul ul {
		padding: 9.6px 0;
	}
	.promo_block_4 ul p:nth-of-type(1) {
		font-size: 33.408px;
	}
	.promo_block_4 ul p:nth-of-type(2) img {
		margin: 19.2px auto;
	}
	.promo_block_6 > div > div {
		margin-bottom: 26px;
		width: calc(50% - 13px);
	}
	.promo_block_6 > div > div:nth-of-type(3) {
		display: block;
	}
	.promo_block_6 > p,
	.promo_block_7 > p {
		font-size: 24px;
	}
	@keyframes arrowS {
		0%{
			opacity: 1;
			transform: rotateX(30deg) rotateZ(0deg) translateX(0px);

		}
		100%{
			opacity: 0.1;
			transform: rotateX(20deg) rotateZ(15deg) translateX(-20px);
		}
	}
}