@font-face {
    font-family: Riviera;
    src: url("/day/Riviera.otf") format("opentype");
}
@font-face {
    font-family: Riviera;
    font-weight: bold;
    src: url("/day/Riviera.otf") format("opentype");
}

html
{
	font-family: Raleway;

	background-position: center center;
	background-repeat: no-repeat;

	font-size: 20px;
	line-height: 23px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

body
{
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}

.mobile
{
	display: none;
}

.main
{
	width: 1100px;
	max-width: 100%;
	margin: 0px auto;
}

.header
{
	position: relative;
/*	background-image:url(/day/fontop2.jpg); */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 192px;
}

.header .backfon
{
	position: relative;
	background-image:url(/day/backfon25.jpg); 
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 57px;
	border-radius: 20px;
	text-align: center;
}

.header .backfon .wrap
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #0007;
	border-radius: 20px;
}
/*
.header:after
{
	content: ' ';
	display: block;
	margin: 0px auto;
	border-radius: 50%;
	width: 240px;
	height: 240px;
	background: #F6F6F6;
	position: absolute;
	left: calc(50% - 120px);
	bottom: -150px;
	z-index:0;
}
*/
.header .head.desktop
{
	display: flex;
	gap: 50px;
	padding: 20px 0px 20px;
	    justify-content: space-between;
}

.header .head.desktop .logo img
{
	height: 79px;
}


.header .menu.desktop
{
	display: flex;
	gap: 50px;
	padding: 30px 0px 35px;
}

.header .menu.desktop a
{
	font-size: 16px;
	font-weight: 600;
	line-height: 18.78px;
	text-align: center;
	color: #000;
	text-decoration: none;	
}

.header .date
{
	margin: 60px 0px 129px;
	padding: 10px 40px 10px 40px;
	gap: 10px;
	border-radius: 30px;
	background: #fff;
	border: 2px solid #FFFFFF;
	color: #000;
	font-size: 30px;
	font-weight: 600;
	line-height: 35.22px;
	text-align: left;
	display: inline-block;
	position: relative;
	z-index:1;
}

.header .pretitle
{
	font-size: 30px;
	font-weight: 400;
	line-height: 35.22px;
	color: #fff;
	margin: 0px 0px 6px;
	position: relative;
	z-index:1;
}

.header .buttons
{
	display: flex;
	justify-content: center;
	gap: 50px;
	margin: 120px 0px 0px;
	position: relative;
	z-index:1;
}

.header a[href="#register"]
{
	font-size: 30px;
	font-weight: 700;
	line-height: 35.22px;
	text-align: center;
	color: #fff;
	text-decoration:none;
	padding: 14px 57px;
	border-radius: 16px;

	background: linear-gradient(0deg, #03030311, #03030311),
	radial-gradient(35.8% 316.2% at 82.39% 55.47%, #41FF48 0%, #00BCB1 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
	radial-gradient(92.56% 151.44% at 33.52% -15.63%, #E0E342 0%, rgba(35, 173, 140, 0.58) 85.15%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
	radial-gradient(66.76% 121.06% at 22.73% 20.31%, rgba(226, 241, 45, 0.2) 18.63%, rgba(226, 241, 45, 0.186) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
	radial-gradient(45.91% 85.94% at 55.4% 14.06%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.032) 100%);

	box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.6) inset,
	 10px 20px 80px 0px rgba(30, 233, 50, 0.3),
	 -20px -20px 50px 0px rgba(14, 14, 15, 0.5),
	 -10px -20px 50px 0px rgba(250, 255, 0, 0.2);
}

.header a[href="#register"] img
{
	width: 27px;
	position: relative;
	top: 8px;
}

.header a[href="#video"]
{
	font-size: 30px;
	font-weight: 500;
	line-height: 35.22px;
	text-align: center;
	color: #fff;
	text-decoration:none;
	padding: 26px 64px;
	border-radius: 16px;
	box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.6) inset,
	 10px 20px 80px 0px rgba(30, 233, 50, 0.3),
	 -20px -20px 50px 0px rgba(14, 14, 15, 0.5),
	 -10px -20px 50px 0px rgba(250, 255, 0, 0.2);
	backdrop-filter: blur(5px);
	border: 1px solid #fff;
	border-radius: 16px;
}



.header h1
{
	font-family: Riviera;
	font-size: 200px;
	font-weight: 400;
	line-height: 220px;
	text-align: left;
	color: #fff;
	padding: 0px;
	margin: 0px 0px 30px;
	text-align: center;
	position: relative;
	z-index:1;
}

a.pdf
{
	color: #d6695b;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dashed #d6695b;	
}

section
{
	padding: 80px 0px;
	position: relative;
}

section[data-module="whats"],
section[data-module="program"],
section[data-module="contacts"]
{
	background-color: #F6F6F6;
}

section[data-module="benefits"]
{
    padding: 0px 0px 80px;
    margin-top: -40px;	
}

section[data-module="benefits"] .row
{
	display: flex;	
}


section[data-module="benefits"] .col-md-4
{
	width: 33.3%;	
}

section[data-module="benefits"] .col-md-12
{
	width: 100%;	
}

section[data-module="benefits"] .col-md-4 p,
section[data-module="benefits"] .col-md-12 p
{
    padding: 0px;
    margin: 0em 0px 1.5em;
    font-size: 25px; /*26*/
    line-height: 100%;
}

section[data-module="benefits"] .col-md-4 img
{
	width: 100%;	
}

section[data-module="benefits"] .col-md-4:last-child p
{
	text-align: right;
}


section[data-module="whats"] .video-wrap
{
	border-radius: 0px;
	overflow: hidden;
	position: relative;
}

section[data-module="whats"] .video-wrap video
{
        display: block;
	margin: 0 auto;
	max-width: 100%;
}

section[data-module="whats"] .video-wrap .video-play
{
        background: url(/day/video-play.png) center center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 1;
	cursor: pointer;
	transition: 0.3s;
	background-color: #000a;
	background-size: 80px;
}


section[data-module="whats"] .video-wrap.active .video-play
{
        background: url(/day/video-pause.png) center center no-repeat;
	opacity: 0;
	background-color: transparent;
}

section[data-module="whats"] .video-wrap.active:hover .video-play
{
	opacity: 0.5;
}


section[data-module="whats"]:after
{
	content: ' ';
	width: 380px;
	height: 273px;
	background-image: url(/day/grapetop.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	position: absolute;
	right: -80px;
	bottom: -40px;
}

h2
{
	font-family: Riviera;
	font-size: 70px;
	font-weight: 400;
	line-height: 77px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #000;
	margin: 0px;
	padding: 0px 0px 50px;
	text-align: center;
}

div.whats.desktop
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 45px 23px;
}

div.whats.desktop>div,
div.whats.mobile .slide>div
{
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 7px 7px 25px 0px #8A8A8A40;
	font-size: 20px;
	font-weight: 400;
	line-height: 23.48px;
	text-align: center;
	position: relative;
	height: 150px;
	border-left: 13px solid #84BA5E;
}

div.whats.desktop>div>div,
div.whats.mobile .slide>div>div
{
	vertical-align: middle;
	display:table-cell;
	height: calc(100% - 70px);
	padding: 35px;
}

div.whats.desktop>div>span,
div.whats.mobile .slide>div>span
{
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #84BA5E;
	color: #fff;
	font-family: Riviera;
	font-size: 50px;
	font-weight: 400;
	line-height: 55px;
	text-align: center;
	position: absolute;
	right: -24px;
	top: -24px;
}

.slick-slide {
    padding-top: 10px !important;
}

.highlight
{
	color: #ce4705;
}

form
{
	background: #FFFFFF;
	box-shadow: 7px 7px 25px 0px #8A8A8A40;
	border-radius: 16px;
	border-left: 13px solid #84BA5E;
	padding: 40px 46px 24px;
}

main>p
{
	margin: 1em;
}


form label
{
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 17.5px;
	text-align: left;
}

form label span
{
	display: block;
	padding: 6px 0px;
}

form input
{
	padding: 18px 16px 18px 16px;
	gap: 10px;
	border-radius: 10px;
	border: 1px solid #D8DADC;
	display: block;
	margin: 0px 0px 16px;
	width: calc(100% - 36px);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
}

form input[name="vinopromo"].good
{
	background-color:#afa;
}
form input[name="vinopromo"].bad
{
	background-color:#faa;
}

section[data-module="register"] .col3
{
	justify-content: space-between;
}
section[data-module="register"] .col3>div
{
	width: 40%;
}
section[data-module="register"] .col3>div.col32
{
	width: 55%;
	font-size: 20px;
	font-weight: 400;
	line-height: 23.48px;
	text-align: left;
	display: block;
}
section[data-module="register"] .col32 h2
{
	font-family: Riviera;
	font-size: 50px;
	font-weight: 400;
	line-height: 55px;
	letter-spacing: 0.03em;
	text-align: center;
}

section[data-module="register"] .col32 ul
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

section[data-module="register"] .col32 ul li
{
	margin-bottom: 21px;
	list-style-image: url(/day/ulmarker.svg);
	margin: 7px 0px 21px 20px;
	padding: 0px 0px 0px 24px;
}


.bloggers
{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
	text-align: center;
}

.bloggers>div>a
{
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background-position: center center;
	background-size: cover;
	display: block;
}

.vinocompetition
{
	background: #FFFFFF;
	border: 3px solid #D6695B;
	box-shadow: 7px 7px 25px 0px #8A8A8A40;
	padding: 40px 27px 20px;
	border-radius: 16px;
	margin: 60px 0px 0px;
}

.vinocompetition p
{
	text-align: left;
}

.vinocompetition .title
{
	font-size: 20px;
	font-weight: 600;
	line-height: 23.48px;
	text-align: left;
}

.vinocompetition .nominations
{
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	padding: 10px 0px;
}

.vinocompetition .nominations>span
{
	display: inline-block;
	padding: 10px 22px 10px 22px;
	border-radius: 16px;
	background: #D6695B;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 18.79px;
}

/* программа */
section[data-module="program"] h3
{
	font-size: 30px;
	font-weight: 600;
	line-height: 35.22px;
	text-align: left;
	margin: 0px;
	padding: 40px 0px;
}


section[data-module="program"] .timeline>div
{
	display: table;
}
section[data-module="program"] .timeline>div>span
{
	display: table-cell;
	vertical-align: middle;
}
section[data-module="program"] .timeline>div>span:nth-child(1)
{
	font-size: 30px;
	font-weight: 500;
	line-height: 35.22px;
	text-align: left;
	padding: 2px 0px 7px;
}
section[data-module="program"] .timeline>div>span:nth-child(2)
{
	font-size: 20px;
	font-weight: 400;
	line-height: 23.48px;
	text-align: left;
	padding: 18px 30px;
}




.mb-4
{
	display: block;
	margin: 0px auto;
	width: calc(90% - 32px);
	left: 5%;
	max-width: 90%;
	padding: 16px;
	box-shadow: 0px 0px 15px #777;
	text-align: center;
	position: fixed;
	background: #fff;
	z-index: 111;
}

.mb-4 .btn.btn-lg.btn-success
{
	text-decoration: none;
	cursor: pointer;
	padding: 10px;
	display: inline-block;
	border: 1px solid #777;
	margin: 10px;
	color: #fff;
	background-color: #007100;
	border-radius: 3px !important;
}

.mb4 .widget-paysystem-checkout-sum
{
	font-size: 150%;
	font-weight: bold;
	color: #007100;
}

/* фраза про магазин */
.mb4 .alert alert-info
{
	margin-top: 15px;
	font-size: 75%;
}

/* все ок */
div.ok,
div.error,
div.alert.alert-success
{
	display: block;
	margin: 0px auto;
	width: 500px;
	max-width: 90%;
	padding: 16px; 
	box-shadow: 0px 0px 15px #777;
	text-align: center;
	background-color: #efe;
}

div.error
{
	background-color: #faa;
}

div.ok .details,
div.error .details
{
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	font-size: 150%;
}

div.ok>b,
div.error>b
{
	font-weight: bold;
	font-size: 150%;
}

.regbutton
{
	display: inline-block;
	color: #fff;
	background-color: #008000;
	margin: 12px auto;
	border-radius: 5px;
	padding: 12px;
	font-weight: bold;
	text-decoration: none;
}

form input[type="submit"]
{
	padding: 10px 30px 10px 30px;
	gap: 10px;
	border-radius: 16px;
	background: #84BA5E;
	color: #fff;
	cursor: pointer;
	border: none;
	width: 90%;
	display: block;
	margin: 30px auto 7px;
	font-size: 16px;
	font-weight: 600;
	line-height: 18.79px;
	text-align: center;
}

form label span.itog
{
	font-size: 16px;
	font-weight: 600;
	line-height: 18.79px;
}

form input[type="checkbox"]
{
	display: none;
}

form small
{
	display: block;
	font-size: 10px;
	font-weight: 400;
	line-height: 12.5px;
	text-align: center;
}

input.error
{
	border: 1px solid #f00 !important;
	background: #f005;
}

label.error
{
	background: #f005;
}

div.col2,
div.col3,
div.col32
{
	display: flex;
	gap: 1em;
}

div.col2>div
{
	width: 50%;
}
div.col3>div
{
	width: 33%;
}

div.col3>div.col32
{
	width: 66%;
}


ul
{
	padding-right: 1em;
}


	div.whats.mobile.slick-slider
	{
		display: none;
	}


section[data-module="gallery"] h2
{
	font-size: 60px;
	font-weight: 400;
	line-height: 66px;
	letter-spacing: 0.03em;
	text-align: center;

}

section[data-module="gallery"] .sponsors
{
	margin-bottom: 80px;
}

section[data-module="gallery"] .sponsors>div
{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

section[data-module="gallery"] .sponsor
{
	padding: 14px 24px 14px 24px;
	gap: 20px;
	border-radius: 16px;
	background: #fff;
	height: calc(99px - 28px);
	width: 100%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 10px;
	box-shadow: 7px 7px 25px 0px #8A8A8A40;
}

section[data-module="gallery"] .sponsor img
{
	max-height: 100%;
	max-width: 100%;
}

section[data-module="gallery"] .sponsorbig
{
	height: calc(219px - 28px);
}

section[data-module="gallery"] .sponsortext
{
	font-size: 30px;
	font-weight: 600;
	line-height: 35.22px;
	letter-spacing: 0.03em;
	text-align: center;
}
section[data-module="gallery"] .green
{
	background: #84BA5E;
	border-radius: 16px;
	padding: 23px 6px;
	position: relative;
	margin-left: 48px;
}
section[data-module="gallery"] .green img
{
	border-radius: 16px;
	max-width: 100%;
	max-height: 100%;
	position: relative;
	left: -48px;
}
section[data-module="gallery"] .green h2
{
	angle: 90 deg;
	font-size: 60px;
	font-weight: 400;
	line-height: 66px;
	letter-spacing: 0.03em;
	text-align: left;
	transform: rotate(180deg);
	color: #fff;
	position: absolute;
	writing-mode: vertical-rl;
	top: calc(100% - 85%);
	right: -11px;
}                           

section[data-module="gallery"] .gallery.desktop
{
	margin-top: 100px;
}

section[data-module="gallery"] .gallery.desktop .slick-slide 
{
	min-height: 300px;		
}

section[data-module="gallery"] .slick-next {
    right: -20px;
	width: 50px;
	height: 50px;
	z-index: 1;	
	top:51%;
}
section[data-module="gallery"] .slick-prev {
    left: -20px;
	width: 50px;
	height: 50px;
	z-index: 1;
	top:51%;
}

section[data-module="gallery"] .gallery.desktop .col2
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

section[data-module="gallery"] .gallery.desktop .col2>div
{
	width: 49%;
	height: 615px;
	overflow: hidden;
}

section[data-module="gallery"] .gallery.desktop .col2>div.big a
{
	display: block;
	height: 100%;
}
section[data-module="gallery"] .gallery.desktop .col2>div.small a
{
	display: block;
	height: calc(50% - 10px);
	margin-bottom: 20px;
}

section[data-module="gallery"] .slick-prev:before, 
section[data-module="gallery"] .slick-next:before {
	color: #84BA5E;
	font-size: 50px;
	opacity: 1;
}

section[data-module="gallery"] .slick-prev:after, 
section[data-module="gallery"] .slick-next:after {
	content: ' ';
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fffd;
    opacity: 1;
    display: block;
    position: absolute;
    top: 0px;
    margin: 5px;
    z-index: -1;
}


section[data-module="gallery"] .gallery.desktop .col2 div img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* адреса */

section[data-module="another"] h2
{
	padding-bottom: 20px;
}

section[data-module="another"] .anothertext
{
	width: 520px;
	max-width: 90%;
	margin: 0px auto;
	text-align: center;
}

section[data-module="another"] .address
{
	padding-right: 1em;
}

section[data-module="another"] .address h3
{
	font-size: 30px;
	font-weight: 700;
	line-height: 35.22px;
	text-align: left;
	margin: 50px 0px 15px;
}

section[data-module="another"] .address b
{
	font-size: 20px;
	font-weight: 600;
	line-height: 23.48px;
	text-align: left;
        color: #84BA5E;
}

section[data-module="another"] .address ul
{
	font-size: 20px;
	font-weight: 400;
	line-height: 23.48px;
	text-align: left;
	padding-left: 1em;
	padding-right: 0px;
	margin: 15px 0px;
}
section[data-module="another"] .address li
{

}


section[data-module="another"] .col32
{
	flex-wrap: wrap;
}

section[data-module="another"] .col32>div
{
	width: calc(50% - 10px);
}

section[data-module="another"] .col3 .clear
{
	width: 100%;
	display: block;
	background-color: #fff;
    border-radius: 16px;
    box-shadow: 7px 7px 25px 0px #8A8A8A40;
    font-size: 20px;
    font-weight: 400;
    line-height: 23.48px;
    text-align: center;
    position: relative;
	padding: 26px 55px;
    border-left: 13px solid #84BA5E;
}

section[data-module="another"] .col3 .clear.mobile {
	display: none;
}

section[data-module="another"] .clear h3
{
	font-size: 30px;
	font-weight: 600;
	line-height: 35.22px;
	text-align: left;
}

section[data-module="another"] .clear p
{
	font-size: 20px;
	font-weight: 300;
	line-height: 23.48px;
	text-align: left;
}

section[data-module="another"]:after
{
	content: ' ';
    width: 380px;
    height: 673px;
    background-image: url(/day/grapebottom.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: -177px;
    bottom: -107px;
}

section[data-module="contacts"] div.desktop
{
	padding-top: 150px;
	padding-left: 20px;
}

section[data-module="contacts"] h3
{
	font-size: 30px;
	font-weight: 700;
	line-height: 35.22px;
	text-align: left;
}

section[data-module="contacts"] p
{
	font-size: 20px;
	font-weight: 400;
	line-height: 23.48px;
	text-align: left;
}

section[data-module="contacts"] a
{
	text-decoration: none;
	color: #000;
}

footer
{
	padding: 40px 0px;
	background-color: #F1F1F1;
}

footer .logo
{
	width: 135px;
}

footer .col3>div:nth-child(2)
{
	text-align: center;
}

footer .col3>div:nth-child(2) a
{
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	line-height: 18.78px;
	text-align: center;
	padding: 10px;
}

footer .col3>div:nth-child(3)
{
	text-align: right;
}

/* мобильные стили */

@media (max-width: 980px) {

	html
	{
            font-size: 16px;
	    line-height: 125%;
	}

	.mobile
	{
		display: unset;
	}

	.desktop,
	.header .head.desktop
	{
		display: none;
	}
        .header .menu.desktop {
		display: none;
	}

	.main
	{
		padding: 16px;
		width: calc(100% - 32px);
		max-width: calc(100% - 32px);
	}
	/* burger */
.menu.mobile
{
}

.burger-checkbox {
  position: absolute;
  visibility: hidden;
}
.burger {
  position: relative;
	position: absolute;
  z-index: 6;
  cursor: pointer;
  display: block;
  border: none;
  background: transparent;
  width: 40px;
  height: 26px;
		float: right;
	right: 36px;
        top: 36px;
	color: #fff;
}
.burger::before,
.burger::after {
  content: '';
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  background: #fff;
}
.burger::before {
  top: 0;
  box-shadow: 0 11px 0 #fff;
  transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
}
.burger::after {
  bottom: 0;
  transition: bottom .3s .15s, transform .3s;
}
.burger-checkbox:checked + .burger::before {
  top: 11px;
  transform: rotate(45deg);
  box-shadow: 0 6px 0 rgba(0,0,0,0);
  transition: box-shadow .15s, top .3s, transform .3s .15s;
	color: #000;
        background: #000;
}
.burger-checkbox:checked + .burger::after {
  bottom: 11px;
  transform: rotate(-45deg);
  transition: bottom .3s, transform .3s .15s;
	color: #000;
        background: #000;
}
.menu-list {
  top: 0;
  left: 0;
  position: absolute;
  display: grid;
  gap: 12px;
  padding: 42px 0;
  margin: 0;
  background: white;
	z-index:5;
  list-style-type: none;
  transform: translateX(-100%);
  transition: .3s;
  width: 100%;
}
.menu-item {
  display: block;
  padding: 8px;
  text-align: center;
  text-decoration: none;
	color:#000000;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.44px;
	text-align: center;
}
.menu-item .logo
{
	height: 54px;
}

.menu-item:hover {
  background: rgba(255,255,255,.2)
}
.burger-checkbox:checked ~ .menu-list {
  transform: translateX(0);
}

	.menu-item[href="/"]	
	{
	    display: block;
	    text-align: center;
	}
	.menu-item[href="/"] img
	{
		width: 66px;
	}

	/* */
	.header 
	{
		padding-bottom: 65px;
		background-size: 191%;
	}

	.header .date
	{
		font-size: 14px;
		font-weight: 800;
		line-height: 16.44px;
		text-align: left;
                border: 1px solid #FFFFFF;
		padding: 10px 20px;
	        margin: 14px 10px 40px;
	}


	.header .pretitle
	{
		font-size: 14px;
		font-weight: 400;
		line-height: 16.44px;
		text-align: center;
	}
	.header h1
	{
		font-size: 60px;
		font-weight: 400;
		line-height: 66px;
		text-align: center;
		margin: 0px 10px 10px;
	}
	.header .buttons {
	    gap: 5px;
	    margin: 28px 0px 0px;
	    position: relative;
	}

	.header a[href="#register"]
	{
		font-size: 14px;
		font-weight: 700;
		line-height: 16.44px;
		text-align: center;
		padding: 1px 13px 12px;
	        margin-left: 10px;
	}
	.header a[href="#register"] img
	{
		width: 15px;
		top: 5px;
	}

	.header a[href="#video"]
	{
		font-size: 14px;
		font-weight: 500;
		line-height: 16.44px;
		text-align: center;
		padding: 10px 13px;
		margin-left: 0px;
	}

	.header .backfon {
	    padding-bottom: 40px;
	}


	.header:after {
	    width: 72px;
	    height: 72px;
	    left: calc(50% - 36px);
	    bottom: -45px;
	}


	section[data-module="whats"]:after,
	section[data-module="another"]:after
	{
		display: none;
	}

	section {
	    padding: 30px 0px;
	}

	section[data-module="benefits"] .row {
		    display: block;
	}
	section[data-module="benefits"] .col-md-4
	{
		width: 100%;	
	}

	section[data-module="benefits"] .col-md-4:first-child,
	section[data-module="benefits"] .col-md-4:last-child
	{
		display: flex;
	}

	section[data-module="benefits"] .col-md-4 div.grape
	{
		width: 120%;	
	}

	section[data-module="benefits"] .col-md-4 p
	{
		padding: 0px;
	        margin: 0em 0px 1em;
	        font-size: 14px;
	        line-height: 110%;
	}


	h2
	{
		font-size: 30px;
		font-weight: 400;
		line-height: 33px;
		letter-spacing: 0.02em;
		padding: 0px 0px 10px;
	}

	section[data-module="whats"] .video-wrap .video-play 
	{
		background-size: 40px;
	}

	section[data-module="whats"] .video-wrap.active:hover .video-play
	{
		background-size: 40px;
		opacity: 0;
	}


	div.whats.desktop
	{
		display: none;
	}

	div.whats div
	{
		font-size: 16px;
		line-height: 18.78px;
	}

	div.whats.mobile.slick-slider
	{
		display: block;
	}


	div.whats.mobile .slide
	{
            display: block;
/*	    flex-wrap: wrap;
	    gap: 45px;*/
	}

	div.whats.mobile .slide>div
	{
		width: 250px;
		margin: 20px auto 40px;
	}

	div.whats.mobile .slide>div>div 
	{
		padding: 20px;
		width: calc(250px - 40px)
	}
	div.whats.mobile .slide>div
	{
		height: auto;
	}


	form {
	    	padding: 40px 25px;
		margin: 30px 0px;
	}

	form input[type="submit"]
	{
		font-size: 14px;
		font-weight: 600;
		line-height: 16.44px;
		text-align: center;
	}

section[data-module="register"] .col3>div.col32
{
}

section[data-module="register"] .col3
{
	justify-content: space-between;
}
section[data-module="register"] .col3>div
{
	width: 100%;
}
section[data-module="register"] .col3>div.col32
{
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.44px;
	text-align: left;
}

section[data-module="register"] .col3>div.col32 h2
{
	font-size: 30px;
	font-weight: 400;
	line-height: 33px;
	letter-spacing: 0.03em;
}

section[data-module="register"] .col3>div.col32 p
{
	text-align: center;
}

.vinocompetition .nominations
{
	display: block;
	text-align: center;
}
.vinocompetition .nominations span
{
	display: inline-block;
	margin: 6px;
	width: 70%;
}

/* программа */
section[data-module="program"] h3
{
	font-size: 16px;
	font-weight: 600;
	line-height: 18.78px;
	text-align: left;
	padding: 20px 0px;
}


section[data-module="program"] .timeline>div>span:nth-child(1)
{
	font-size: 20px;
	font-weight: 500;
	line-height: 23.48px;
	text-align: left;
	padding: 2px 0px 7px;
}
section[data-module="program"] .timeline>div>span:nth-child(2)
{
	font-size: 14px;
	font-weight: 400;
	line-height: 16.44px;
	text-align: left;
	padding: 6px 20px;
}

section[data-module="gallery"] h2 {
	font-size: 30px;
	font-weight: 400;
	line-height: 33px;
	letter-spacing: 0.03em;
	text-align: center;
}


section[data-module="contacts"] iframe
{
	height: 288px !important;
}

	div.col2,
	div.col2>div,
	div.col3,
	div.col3>div,
	div.col32,
	div.col3>.col32
	{
		display: block;
		width: auto;
	}
	div.col3>div.col32 
	{
		width: auto;
	}


section[data-module="gallery"] .sponsortext
{
font-size: 16px;
font-weight: 600;
line-height: 18.78px;
letter-spacing: 0.03em;
	margin-bottom: 30px;
}

section[data-module="gallery"] div.col2.sponsors
{
	display: flex;
	margin-bottom: 40px;
}

section[data-module="gallery"] div.col2.sponsors>div
{
	width: 50%;	
}

section[data-module="gallery"] .green
{
    padding: 13px 15px;
    position: relative;
    margin-left: 48px;
    margin-right: 20px;	
}
section[data-module="gallery"] .green img
{
	left: -38px;
}

section[data-module="gallery"] .green h2
{
	font-size: 30px;
	font-weight: 400;
	line-height: 33px;
	letter-spacing: 0.03em;

	    top: calc(100% - 76%);
	    right: 8px;
}

section[data-module="another"] .col3
{
	display: flex;
        flex-wrap: wrap;
}

section[data-module="another"] .col3>div
{
	width: calc(50% - 10px);	
}

section[data-module="another"] .col32>div {
    width: auto;
}

section[data-module="another"] .col32>div.clear.desktop {
	display: none;
}

section[data-module="another"] div.clear.mobile {
	width: 100%;
}

section[data-module="another"] .address h3
{
	font-size: 16px;
	font-weight: 700;
	line-height: 18.78px;
	text-align: left;
	margin: 30px 0px 15px;
}

section[data-module="another"] .address b
{
	font-size: 14px;
	font-weight: 600;
	line-height: 16.44px;
	text-align: left;
}

section[data-module="another"] .address ul
{
	font-size: 14px;
	font-weight: 400;
	line-height: 16.44px;
	text-align: left;
	padding-left: 1em;
	padding-right: 0px;
	margin: 15px 0px;
}

section[data-module="another"] .col3 .clear.mobile
{
	padding: 15px 10px 15px 25px;
	display: block;
}

section[data-module="another"] .clear.mobile h3
{
	font-size: 16px;
	font-weight: 600;
	line-height: 18.78px;
	text-align: left;
}

section[data-module="another"] .clear.mobile p
{
	font-size: 14px;
	font-weight: 300;
	line-height: 16.44px;
	text-align: left;
}

/* галерея */

section[data-module="gallery"] .gallery.desktop
{
	display: none;
}

section[data-module="gallery"] .gallery.mobile
{
	margin-top: 50px;
}

section[data-module="gallery"] .gallery.mobile .slick-slide 
{
	min-height: 300px;		
}

section[data-module="gallery"] .slick-next {
    right: -10px;
	width: 30px;
	height: 30px;
	z-index: 1;	
	top:51%;
}
section[data-module="gallery"] .slick-prev {
    left: -10px;
	width: 30px;
	height: 30px;
	z-index: 1;
	top:51%;
}

section[data-module="gallery"] .gallery.mobile div.slick-slide
{
	height: 315px;
	overflow: hidden;
}


section[data-module="gallery"] .slick-prev:before, 
section[data-module="gallery"] .slick-next:before {
	font-size: 30px;
}

section[data-module="gallery"] .slick-prev:after, 
section[data-module="gallery"] .slick-next:after {
	width: 20px;
        height: 20px;
        border-radius: 50%;
        top: 0px;
        margin: 3px;
}


section[data-module="gallery"] .gallery.mobile div.slick-slide img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* галерея */


section[data-module="contacts"] h3
{
	font-size: 16px;
	font-weight: 700;
	line-height: 18.78px;
	text-align: left;
}

section[data-module="contacts"] p
{
	font-size: 14px;
	font-weight: 400;
	line-height: 16.44px;
	text-align: left;
}

section[data-module="contacts"] .desktop
{
	display: none !important;
}
section[data-module="contacts"] .mobile
{
	margin-bottom:40px;
}

	footer .col3>div:nth-child(1),
	footer .col3>div:nth-child(2),
	footer .col3>div:nth-child(3)
	{
		text-align: center;
		margin: 40px auto;
	}


}