/*Fonts*/
@font-face{
	font-family:Inter;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format("woff2");
	unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face{
	font-family:Inter;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZthiI2B.woff2) format("woff2");
	unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face{
	font-family:Inter;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZNhiI2B.woff2) format("woff2");
	unicode-range:U+1F00-1FFF
}
@font-face{
	font-family:Inter;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZxhiI2B.woff2) format("woff2");
	unicode-range:U+0370-03FF
}
@font-face{
	font-family:Inter;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZBhiI2B.woff2) format("woff2");
	unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face{
	font-family:Inter;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhiI2B.woff2) format("woff2");
	unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
	font-family:Inter;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face{
	font-family:Lato;
	font-style:italic;
	font-weight:700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format("woff2");
	unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
	font-family:Lato;
	font-style:italic;
	font-weight:700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face{
	font-family:Lato;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format("woff2");
	unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
	font-family:Lato;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face{
	font-family:Lato;
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format("woff2");
	unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
	font-family:Lato;
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face{
	font-family:Rufina;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/rufina/v13/Yq6V-LyURyLy-aKCqh5lhOc.woff2) format("woff2");
	unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
	font-family:Rufina;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/rufina/v13/Yq6V-LyURyLy-aKCpB5l.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face{
	font-family:Rufina;
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/rufina/v13/Yq6W-LyURyLy-aKKHztwtcZfrxE.woff2) format("woff2");
	unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
	font-family:Rufina;
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:url(https://fonts.gstatic.com/s/rufina/v13/Yq6W-LyURyLy-aKKHztwu8Zf.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

/*Global*/
*{
	margin:0;
	padding:0;
	box-sizing:border-box
}
:focus-visible{
	outline:0
}
body{
	overflow-x:hidden!important;
	position:relative;
	height:100%;
	min-height:100vh
}
body .overlay{
	width:100%;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	height:100%
}
@keyframes fade{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
@keyframes img-spin{
	0%{
		transform:rotate(0)
	}
	100%{
		transform:rotate(360deg)
	}
}
a{
	text-decoration:none
}
.footer__text.subtext a, .nav__info-text.subtext a{
	color:#fff
}
.footer__text.subtext a:active, .nav__info-text.subtext a:active{
	color:#fff;
	text-decoration:none
}
.footer__text.subtext a:visited, .nav__info-text.subtext a:visited{
	color:#fff;
	text-decoration:none
}
.footer__text.subtext a:hover, .nav__info-text.subtext a:hover{
	color:#fff;
	text-decoration: none
}
h1,h2,h4,p,span{
	margin:0;
	padding:0
}
li,ul{
	padding:0;
	margin:0
}

/*Fonts Style*/
.title{
	font-family:Rufina;
	font-style:normal;
	font-weight:700;
	font-size:40px;
	line-height:1.23
}
@media(min-width:480px){
	.title{
		font-size:48px
	}
}
@media(min-width:992px){
	.title{
		font-size:68px
	}
}
.title-big{
	font-family:Rufina;
	font-style:normal;
	font-weight:700;
	font-size:48px;
	line-height:1.11;
	color:#000;
	margin-bottom:18px
}
@media(min-width:480px){
	.title-big{
		font-size:64px
	}
}
@media(min-width:768px){
	.title-big{
		font-size:80px
	}
}
@media(min-width:1440px){
	.title-big{
		font-size:108px
	}
}

.subtitle{
	font-family:Rufina;
	font-style:normal;
	font-weight:700;
	font-size:36px;
	line-height:1.33;
	color:#000
}
@media(min-width:768px){
	.subtitle{
		font-size:48px
	}
}
.subtitle-big{
	font-family:Rufina;
	font-style:normal;
	font-weight:700;
	font-size:28px;
	line-height:1.41;
	color:#fff
}
@media(min-width:768px){
	.subtitle-big{
		font-size:32px
	}
}
.text{
	font-family:Lato;
	font-style:normal;
	font-weight:400;
	font-size:20px;
	line-height:1.4;
	letter-spacing:.02em;
	color:#4d4d4d
}
@media(min-width:480px){
	.text{
		font-size:24px
	}
}

/*Container*/
.container{
	max-width:none;
    padding:0 10px;
	margin:0 auto;
	width:100%;
}
@media(min-width:767.98px){
	.container{
		max-width:750px;
		padding:0;
	}
}
@media(min-width:991.98px){
	.container{
		max-width:970px
	}
}
@media(min-width:1199.98px){
	.container{
		max-width:1110px
	}
}
@media(min-width:1439.98px){
	.container{
		max-width:1420px
	}
}
@media(min-width:1662px){
	.container{
		max-width:1650px;
	}
}

/*Navigation and Start*/
header{
	background:#233000;
	overflow-x:hidden!important
}
header.header{
	background:url(../img/start_menu_bg.webp) center no-repeat;
	background-size:cover!important;
	width:100%
}
header.header__about{
	background:url(../img/start_about_bg.webp) center no-repeat;
	background-size:cover!important;
	width:100%
}
header.header__soon{
	background:url(../img/soon_bg.webp) center no-repeat;
	background-size:cover!important;
	width:100%;
	position:relative
}
header.header__soon::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#233000;
	opacity:.72;
	z-index:0!important
}
header.header__contact{
	background:url(../img/start_contact_bg.webp) center no-repeat;
	background-size:cover!important;
	width:100%
}
header.header__blog{
	background:url(../img/start_blog_bg.webp) center no-repeat;
	background-size:cover!important;
	width:100%
}
header.header__blogpost{
	background:url(../img/start_blogpost_bg.webp) center no-repeat;
	background-size:cover!important;
	width:100%
}
header .section__start{
	padding:102px 0 222px;
	position:relative
}
header .section__start .container{
	position:relative
}
@media(max-width:992px){
	header .section__start{
		padding:60px 0 100px
	}
	header .section__start-menu .start__content{
		text-align:center
	}
	header .section__start-menu .start__content .start__text,
	header .section__start-menu .start__content .start__title{
		margin:0 auto
	}
}
header .section__start-menu .start__title{
	max-width:779px
}
header .section__start-about{
	padding:300px 0 400px;
	height:100%
}
@media(max-width:992px){
	header .section__start-about{
		padding:150px 0
	}
	header .section__start-about .start__content{
		text-align:center;
		position:relative!important;
		margin:0 auto
	}
	header .section__start-about .start__content .start__text,
	header .section__start-about .start__content .start__title{
		margin:0 auto
	}
}
header .section__start-about .start__item{
	position:relative
}
header .section__start-about .start__item .start__content{
	position:absolute;
	right:0
}
header .section__start-about .start__title{
	max-width:879px
}
header .section__start-contact{
	padding:200px 0 130px
}
header .section__start-contact .start{
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	text-align:center;
}
@media(min-width:1200px){
	header .section__start-contact .start{
		flex-direction:row;
		align-items:flex-start;
		padding:0;
		text-align: initial;
	}
}
header .section__start-contact .start__item.second-item{
	flex-direction:column;
	max-width:500px;
	width:100%;
	margin-top:40px!important;
	gap:0
}
@media(min-width:1200px){
	header .section__start-contact .start__item.second-item{
		margin-top:350px!important;
		max-width:550px;
	}
}
@media(min-width:1440px){
	header .section__start-contact .start__item.second-item{
		max-width:550px
	}
}
@media(min-width:1662px){
	header .section__start-contact .start__item.second-item{
		max-width:696px;
	}
}
header .section__start-contact .start__item.second-item .start__item-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-bottom:15px;
	flex-direction:column;
	border-bottom:none;
	margin-bottom:15px;
	width:100%
}
@media(min-width:400px){
	header .section__start-contact .start__item.second-item .start__item-header{
		flex-direction:row;
	}
}
@media(min-width:1200px){
	header .section__start-contact .start__item.second-item .start__item-header{
		padding-bottom:38px;
		margin-bottom:38px;
		border-bottom:2px dashed #fff;
	}
}
header .section__start-contact .start__item.second-item .start__item-text{
	color:#fff!important
}
header .section__start-contact .start__item.second-item .start__item-body{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	text-align:left
}
@media(max-width:450px){
	header .section__start-contact .start__item.second-item .start__item-body{
		flex-wrap:wrap;
		gap:25px;
		justify-content:center;
		text-align:center
	}
}
@media(max-width:400px){
	header .section__start-contact .start__item.second-item .start__item-body{
		flex-direction:column
	}
}
header .section__start-blog .start__content{
	text-align:center;
	margin:0 auto
}
header .section__start-blogpost .start__item{
	flex-direction:column;
	width:100%;
	align-items:center
}
header .section__start-blogpost .start__item .start__title{
	max-width:100%;
	width:100%;
	margin-top:46px;
	text-align:center
}
@media(min-width:768px){
	header .section__start-blogpost .start__item{
		align-items:flex-start
	}
	header .section__start-blogpost .start__item .start__title{
		text-align:initial
	}
}
header .section__start-blogpost .start__item-author{
	margin-top:32px;
	display:flex;
	align-items:center;
	gap:4px;
	flex-direction:column;
	margin-bottom:20px
}
@media(min-width:480px){
	header .section__start-blogpost .start__item-author{
		flex-direction:row;
		gap:14px;
		margin-bottom:0px;
		list-style:none
	}
}
@media(min-width:768px){
	header .section__start-blogpost .start__item-author{
		gap:32px;
	}
}
header .section__start-blogpost .start__item-author li:first-child::marker{
	color:none!important
}
header .section__start-blogpost .start__item-author li::marker{
	color:#fff
}
header .section__start-blogpost .start__label{
	font-family:Rufina;
	font-style:normal;
	font-weight:700;
	font-size:26px;
	line-height:48px;
	color:#fff;
	padding:7px 53px;
	border:2px solid #fff;
	filter:drop-shadow(1px 1px 12px rgba(0, 0, 0, .08))
}
header .start__item{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:column
}
@media(min-width:992px){
	header .start__item{
		flex-direction:row
	}
}
header .start__item.second-item{
	margin-top:100px;
	flex-direction:column;
	gap:50px
}
@media(min-width:992px){
	header .start__item.second-item{
		margin-top:500px
	}
}
@media(min-width:1200px){
	header .start__item.second-item{
		flex-direction:row;
		gap:0
	}
}
@media(min-width:1440px){
	header .start__item.second-item{
		margin-top:800px
	}
}
@media(max-width:1440px){
	header .start__item.second-item .start__content{
		max-width:500px
	}
	header .start__item.second-item .start__content img{
		width:100%;
		height:auto;
		object-fit:cover
	}
}
@media(max-width:1200px){
	header .start__item.second-item .start__content{
		max-width:700px;
		gap:20px;
		width:100%
	}
}
header .start__subtitle{
	color:#fff;
	max-width:565px;
	width:100%;
	font-size: 36px;
}
@media(min-width:400px){
	header .start__subtitle{
		font-size: 48px;
	}
}
@media(min-width:768px){
	header .start__subtitle{
		max-width:493px;
	}
}
@media(min-width:992px){
	header .start__subtitle{
		font-size: 68px;
	}
}
header .start__content{
	display:flex;
	flex-direction:column;
	gap:20px;
	position:relative;
	align-items:center
}
header .start__content.reverse{
	flex-direction:column
}
header .start__title{
	font-family:Rufina;
	font-style:normal;
	font-weight:700;
	font-size:36px;
	line-height:1.02;
	color:#fff;
	z-index:1;
	max-width:750px;
	width:100%
}
@media(min-width:400px){
	header .start__title{
		font-size:48px
	}
}
@media(min-width:480px){
	header .start__title{
		font-size:64px
	}
}
@media(min-width:769px){
	header .start__title{
		font-size:80px
	}
	header .start__content{
		gap:50px;
		align-items:initial
	}
}
@media(min-width:1200px){
	header .start__content.reverse{
		flex-direction:column-reverse
	}
}
@media(min-width:1200px){
	header .start__title{	
		font-size:100px
	}
}
@media(min-width:1440px){
	header .start__title{
		max-width:1057px;
		font-size:148px;
	}
}
header .start__text{
	color:#fff;
	max-width:565px;
	width:100%
}
header .start__scroll{
	color:#fff;
	transform:rotate(90deg);
	position:absolute;
	bottom:-150px;
	left:0;
	cursor:pointer
}
header .start__scroll:hover::after{
	left:80%;
	transition:.3s
}
header .start__scroll::after{
	content:"";
	position:absolute;
	left:110%;
	top:50%;
	border:2px dashed #fff;
	width:300px;
	transition:.3s
}
@media(max-width:1440px){
	header .start__scroll::after{
		width:200px
	}
}
@media(max-width:992px){
	header .start__scroll:hover::after{
		left:250%
	}
	header .start__scroll{
		bottom:0;
		position:relative;
		width:50px
	}
}
@media(max-width:768px){
	header .start__scroll{
		margin-bottom:140px
	}
}
@media(max-width:480px){
	header .start__scroll{
		font-size:30px
	}
	header .start__scroll::after{
		width:100px
	}
}
header .start__img{
	position:relative
}
header .start__img .first-img{
	position:relative;
	top:0;
	right:0;
	z-index:0!important;
	width:100%
}
@media(min-width:480px){
	header .start__img .first-img{
		width: 500px;
	}
}
@media(min-width:992px){
	header .start__img .first-img{
		position:absolute
	}
}
@media(min-width:1440px){
	header .start__img .first-img{
		width:792px
	}
}
header .start__img-block{
	display:flex;
	align-items:center;
	z-index:1;
	position:absolute;
	bottom:20px;
	right:0;
	flex:0 1 33%;
	gap:10px
}
header .start__img-block img{
	width:70px;
	z-index:1!important;
	animation:30s linear infinite img-spin
}
@media(min-width:350px){
	header .start__img-block img{
		width:100px
	}
}
@media(min-width:480px){
	header .start__img-block img{
		width:150px
	}
}
@media(min-width:768px){
	header .start__img-block img{
		width:200px
	}
	header .start__img-block{
		gap:44px;
	}
}
@media(min-width:992px){
	header .start__img-block{
		right:50px;
		bottom:-550px;
	}
}
@media(min-width:1440px){
	header .start__img-block{
		bottom:-900px
	}
	header .start__img-block img{
		width:250px;
	}
}
.fixed__nav{
	position:fixed;
	left:0;
	right:0;
	top:0;
	background:#233000;
	z-index:999;
	transition:.5s
}
.fixed__nav .nav__body{
	padding:15px 0
}
.nav__body{
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	padding:15px 0
}
@media(min-width:550px){
	.nav__body{
		flex-direction:row;
		justify-content:space-between;
	}
}
@media(max-width:1662px)and (max-height:900px){
	.fixed__nav .nav__logo{
		width:200px
	}
	.fixed__nav .nav__btn{
		padding:10px 30px
	}
	.nav__body{
		padding:25px 0
	}
}
.nav__logo{
	z-index:1!important
}
.nav__logo svg{
	width:100%;
	height:auto
}
@media(max-width:1200px){
	.nav__logo{
		width:200px
	}
}
@media(max-width:480px){
	.fixed__nav .nav__logo,.nav__logo{
		width:130px
	}
}
.nav__menu{
	position:fixed;
	background:url(../img/burger_bg.webp) center no-repeat;
	background-size:cover!important;
	left:0;
	top:0;
	min-height:100vh;
	height:100%;
	width:100vw;
	display:none
}
.nav__menu::after{
	content:"";
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#233000;
	opacity:.8;
	z-index:0!important
}
.nav__menu.active{
	display:flex;
	left:0;
	top:0;
	min-height:100vh;
	height:100%;
	width:100vw;
	pointer-events:all;
	justify-content:space-around;
	align-items:center;
	z-index:22;
	animation:.3s fade
}
@media(max-width:992px)and (max-height:800px){
	.nav__menu.active{
		overflow-y:scroll!important;
		align-items:flex-start;
		padding:140px 0 30px
	}
}
@media(max-width:550px){
	.nav__menu.active{
		flex-direction:column;
		justify-content:center;
		align-items:center;
		gap:30px
	}
	.nav__list{
		list-style:none;
		text-align:center
	}
}
.nav__list{
	z-index:1;
	display:flex;
	flex-direction:column;
	gap:15px
}
.nav__list li{
	transition:.3s
}
.nav__list li::marker{
	color:#fff;
	font-size:200%;
	transition:.3s
}
.nav__list li.hide{
	display:block
}
.nav__list li:hover{
	transition:.3s
}
.nav__list li:hover::marker{
	color:#9caa00;
	transition:.3s
}
.nav__list li:hover .nav__list-link{
	color:#9caa00;
	transition:.3s
}
.nav__list-link{
	font-family:Rufina;
	font-style:normal;
	font-weight:700;
	font-size:32px;
	line-height:1.24;
	text-transform:uppercase;
	color:#fff;
	transition:.3s
}
@media(min-width:550px){
	.nav__list-link{
		font-size:40px
	}
}
@media(min-width:992px){
	.nav__list{
		gap:28px
	}
	.nav__list li.hide{
		display:none
	}
	.nav__list-link{
		font-size:48px
	}
}
@media(min-width:1200px){
	.nav__list-link{
		font-size:66px
	}
}
.nav__info{
	z-index:1;
	text-align:center
}
.nav__item{
	display:flex;
	align-items:center;
	gap:0px;
	justify-content: space-between;
	width:100%
}
.nav__info-break{
	border:4px dashed #fff;
	width:100%;
	margin:8px 0 20px;
}
@media(min-width:550px){
	.nav__info{
		text-align:initial
	}
	.nav__info-break{
		margin:8px 0 38px
	}
}
.nav__info-text{
	max-width:197px;
	width:100%;
	margin:0 0 20px
}
.nav__info-text.hide{
	display:block
}
@media(min-width:992px){
	.nav__item{
		justify-content:initial;
		gap:45px;
		width: fit-content;
	}
	.nav__info-text.hide{
		display:none
	}
}
.nav__info-icons{
	display:flex;
	align-items:center;
	gap:18px;
	justify-content:center
}
@media(min-width:550px){
	.nav__info-text{
		margin-bottom:38px;
	}
	.nav__info-icons{
		justify-content:initial;
	}
}
.nav__info-icons img{
	transition:.3s
}
.nav__info-icons img:hover{
	opacity:.6;
	transition:.3s
}
.nav__contact{
	display:none
}
@media(min-width:992px){
	.nav__contact{
		z-index:1!important;
		display:flex;
		align-items:center;
		gap:26px;
	}
}
.nav__link{
	font-family:Inter;
	font-style:normal;
	font-weight:400;
	font-size:26px;
	line-height:1.19;
	color:#fff;
	transition:.3s
}
.nav__link:hover{
	opacity:.7;
	transition:.3s
}
.nav__btn{
	padding:13px 30px;
	border:2px solid #fff;
	transition:.3s;
}
@media(min-width:1200px){
	.nav__btn{
		padding:20px 48px;
	}
}
.nav__btn:hover{
	background:#fff;
	color:#233000;
	transition:.3s
}

/*Burger*/
.burger{
	display:block;
	position:relative;
	height:20px;
	width:30px;
	z-index:102;
	cursor:pointer
}
.burger.active-burger{
	position:absolute;
	top:34px;
	left:46px
}
.burger.active-burger::before{
	background-color:#000;
	transform:rotate(45deg);
	transition:.3s cubic-bezier(.785,.135,.15,.86);
	top:8px
}
.burger.active-burger::after{
	background-color:#000;
	transform:rotate(-45deg);
	transition:.3s cubic-bezier(.785,.135,.15,.86);
	bottom:10px
}
.burger.active-burger span{
	transform:scale(0)
}
.burger::after,.burger::before{
	content:"";
	position:absolute;
	height:2px;
	width:100%;
	background-color:#fff;
	transition:.3s cubic-bezier(.785,.135,.15,.86)
}
.burger::before{
	top:0
}
.burger::after{
	bottom:0
}
.burger span{
	position:absolute;
	top:9px;
	right:0;
	width:100%;
	background-color:#fff;
	height:2px;
	transform:scale(1);
	transition:.3s cubic-bezier(.785,.135,.15,.86)
}

/*Menu*/
.section__menu{
	position:relative;
	overflow:hidden;
	padding:100px 0 150px;
}
.section__menu{
	background-image:url(../img/menu_bg.webp);
	background-repeat: no-repeat;
  	background-position: top right;
}
@media(min-width:992px){
	.section__menu{
		padding:186px 0 218px;
	}
}
.menu__header{
	max-width:532px;
	width:100%;
	margin-bottom:152px;
	z-index:1!important
}
.menu__body{
	display:flex;
	flex-wrap:wrap;
	column-gap:20px;
	row-gap:48px;
	justify-content:center
}
@media(min-width:992px){
	.menu__body{
		column-gap:40px;
		row-gap:68px;
	}
}
@media(min-width:1440px){
	.menu__body{
		column-gap:60px;
		row-gap:108px;
	}
}
.menu__item{
	max-width:500px;
	width:100%;
}

@media(min-width:768px){
	.menu__item{
		max-width:350px;
	}
}
@media(min-width:992px){
	.menu__item{
		max-width:450px
	}
}
@media(min-width:1200px){
	.menu__item{
		max-width:520px
	}
}
@media(min-width:1440px){
	.menu__item{
		max-width:650px;
	}
}
@media(min-width:1662px){
	.menu__item{
		max-width:792px;
	}
}
.menu__item-price{
	text-align:right;
	padding-bottom:12px;
	border-bottom:4px dashed #000
}
.menu__item-title{
	color:#000;
	margin:24px 0;
}

/*Cook*/
.section.section__cook{
	background: var(--EBF0E4, #EBF0E4);
}

.cook{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:0px;
	flex-direction: column-reverse;
}
.cook__item.first-item img{
	width:100%
}
.cook__item.second-item img{
	display:none
}
.cook__item.second-item{
    max-width:600px;
    text-align:center;
	width:100%;
}
@media(min-width:1200px){
	.cook{
		flex-direction:row;
		gap:61px;
	}
	.cook__item.second-item{
		max-width:400px;
		text-align:left;
	}
    .cook__item.second-item img{
        width:70%;
        float:right;
        margin-top:30px;
		display: initial;
    }
}
@media(min-width:1440px){
	.cook__item.second-item{
		max-width:649px
	}
}

/* Features*/
.section__feature{
	padding:100px 0 150px
}
@media(min-width:992px){
	.section__feature{
        padding:207px 0 320px
	}
}
.feature{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:60px;
	flex-wrap:wrap
}
.feature__item{
	text-align:center;
	flex:0 1 100%;
}
@media(min-width:768px){
	.feature__item{
		flex:0 1 46%
	}
}
@media(min-width:1200px){
	.feature{
		flex-wrap:nowrap
	}
}
.feature__item-img{
	background:#ebf0e4;
	height:260px;
	width:260px;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
    transform:scale(.6);
    margin:-40px auto 0
}
@media(min-width:350px){
	.feature__item-img{
        transform:scale(.8);
        margin:0 auto
	}
}
@media(min-width:480px){
	.feature__item-img{
        margin:0 auto 39px;
		transform:scale(1);
	}
}
.feature__item-title{
    margin-bottom:20px;
}
@media(min-width:1440px){
	.feature__item-title{
		margin-bottom:39px
	}
}

/*Fashion*/
.fashion li:first-child::marker{
	color:#fff
}
.fashion li::marker{
    color:#fff
}
@media(min-width:1200px){
	.fashion li::marker{
		color:#5e6600
	}
}
.section__fashion{
	padding:0 0 150px
}
@media(min-width:992px){
	.section__fashion{
		padding:0 0 342px
	}
}
.fashion{
	display:flex;
	justify-content:center;
	gap:60px;
	flex-wrap:wrap
}
@media(min-width:992px){
	.fashion{
		flex-wrap:nowrap
	}
}
.fashion__item{
	flex:0 1 100%;
	display:flex;
	flex-direction:column
}
@media(min-width:992px){
	.fashion__item{
		flex:0 1 46%;
	}
}
.fashion__item:nth-child(2) .fashion__item-img{
	background:url(../img/fashion_img2.webp) center no-repeat
}
.fashion__item-img{
	width:100%;
	position:relative;
	background:url(../img/fashion_img1.webp) center/cover no-repeat;
	height:400px
}
@media(min-width:480px){
.fashion__item-img{
	height:600px
}
}
@media(min-width:1440px){
	.fashion__item-img{
		height:792px
	}
}
.fashion__item-label{
	position:absolute;
	right:12px;
	top:12px;
	font-family:Rufina;
	font-style:normal;
	font-weight:700;
	font-size:24px;
	line-height:2;
	color:#fff;
	padding:10px 30px;
	background:#5e6600;
	box-shadow:1px 1px 12px rgba(0,0,0,.08)
}
.fashion__item-author{
	display:flex;
	align-items:center;
	row-gap:0;
	column-gap:20px;
	margin-top:10px;
	margin-bottom:20px
}
@media(min-width:480px){
	.fashion__item-label{
		font-size:26px;
		padding:7px 53px;
	}
	.fashion__item-author{
		flex-wrap:wrap;
		gap:14px;
		margin-bottom:0
	}
}
.fashion li:first-child::marker{
	color:#fff
}
.fashion li::marker{
	color:#fff
}
.fashion__item-subtext{
	color:#5e6600!important
}
.fashion__item-title{
	padding-bottom:18px;
	border-bottom:4px dashed #000;
	margin-bottom:18px
}
@media(min-width:1200px){
	.fashion__item-author{
		gap:32px
	}
	.fashion li::marker{
		color:#5e6600
	}
}
.fashion__item-text{
	font-family:Lato;
	font-style:normal;
	font-weight:700;
	font-size:20px;
	line-height:1.4;
	letter-spacing:.02em;
	color:#4d4d4d;
	margin-bottom:46px
}
@media(min-width:480px){
	.fashion__item-text{
		font-size:22px
	}
}
.fashion__item-link{
	display:flex;
	align-items:center;
	gap:10px;
	color:#000!important;
	transition:.3s;
	margin-top:auto
}
.fashion__item-link:hover{
	gap:20px;
	transition:.3s
}

/*Reservation*/
.section.section__reservation{
	background: var(--EBF0E4, #EBF0E4);
}
.section__reservation{
	padding:100px 0 150px;
}
.section__reservation-main{
	padding:100px 0 150px
}
@media(min-width:992px){
	.section__reservation-main{
		padding:237px 0 254px
	}
}
.reservation{
	text-align:center;
}
.reservation input[type=time]::-webkit-datetime-edit-ampm-field{
	text-transform:lowercase
}
.reservation input[type=time]::-webkit-calendar-picker-indicator{
	background:url(../img/arrow-down.svg) center no-repeat;
	cursor:pointer
}
.reservation__form-input {
	background: var(--EBF0E4, #EBF0E4);
	flex:0 1 100%;
	border:2px solid #000;
	padding:20px;
	height:80px;
}
.reservation__form-inputs{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 133px;
	gap:20px;
	margin-top:50px;
}
.reservation__form-input-text {
	background:url(../img/arrow-down.svg) 90% no-repeat;
	padding:20px 50px 20px 20px;
	flex: 0 1 100%;
	width: 100%;
}
@media(min-width:400px){
	.reservation__form-input-text{
		background-position:93%
	}
}
@media(min-width:480px){
	.reservation__form-inputs{
		margin-top:50px
	}
	.reservation__form-input-text{
		background-position:95%
	}
}
@media(min-width:768px){
	.reservation__form-inputs{
		margin-top:133px
	}
	.reservation__form-input-text{
		padding:20px 70px 20px 30px
	}
}
@media(min-width:1440px){
	.reservation__form-input-text{
		padding:30px 90px 30px 40px;
	}
}
.reservation__form-input::-moz-placeholder{
	color:#000
}
@media(min-width:400px){
	.reservation__form-input{
		width:100%;
		flex:0 1 47%
	}
}
@media(min-width:768px){
	.reservation__form-input{
		flex:0 1 30%;
	}
}
@media(min-width:1200px){
	.reservation__form-inputs{
		gap:48px
	}
	.reservation__form-input{
		padding:20px 30px
	}
}
@media(min-width:1440px){
	.reservation__form-input{
		padding:30px 40px;
	}
}
.reservation__form-btn{
	margin: 0 auto;
	padding: 0 30px;
	height:80px;
	background:#233000;
	border:2px solid #000;
	transition:.3s;
	cursor:pointer
}
.reservation__form-btn:hover{
	background:#324500;
	transition:.3s
}
@media(min-width:550px){
	.reservation__form-btn{
		padding: 10px 35px;
	}
}
@media(min-width:1200px){
	.reservation__form-btn{
		padding: 20px 46px;
	}
}

/*Dropdown*/
button, input, textarea {
    font-size: inherit;
    font-family: inherit;
}
.dropdown{
	position:relative;
	cursor:pointer;
	flex: 0 1 100%;
}
@media(min-width:400px){
	.dropdown{
		width:100%;
		flex:0 1 47%
	}
}
@media(min-width:768px){
	.dropdown{
		flex:0 1 30%;
	}
}
.dropdown__icon{
	position:absolute;
	top:50%;
	right:40px;
	transform:translateY(-50%);
	transition:transform .3s cubic-bezier(.4,0,.2,1);
	pointer-events:none
}
.dropdown__icon--rotate{
	transform:translateY(-50%) rotate(180deg)
}
.dropdown-options{
	flex: 0 1 100%;
	font-family: Lato;
	font-size: 24px;
	position:absolute;
	top:calc(100% + 3px);
	left:0;
	width:100%;
	padding:10px 0;
	text-align:left;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow:0 1px 4px rgba(0,0,0,.16);
	z-index:1
}
.dropdown-options__item{
	padding:15px 20px;
	cursor:pointer
}
.dropdown-options__item:hover:not(.dropdown-options__item--active){
	background-color:#ebf0e4
}
.dropdown-options__item--active{
	color:#fff;
	background-color:#5e6600
}
li {
	list-style: none;
    display: list-item;
    text-align: -webkit-match-parent;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
}

/*Balance*/
.section__balance{
	padding:128px 0 150px
}
@media(min-width:992px){
	.section__balance{
		padding: 128px 0 256px
	}
}
.balance__header{
	text-align:center;
	max-width:1000px;
	width:100%;
	margin:0 auto 126px
}
.balance__content{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:60px;
	flex-direction:column;
	max-width:600px;
	margin:0 auto
}
.balance__item-link{
	top:20px;
	left:20px;
	right:20px
}
.balance__item-link:hover{
	left:30px;
	right:30px
}
.balance__item{
	width:100%;
	height:500px;
	position:relative;
	background:url(../img/balance_img1.webp) center no-repeat;
	background-size:cover!important
}
.balance__item:nth-child(2){
	background:url(../img/balance_img2.webp) center no-repeat
}
.balance__item:nth-child(3){
	background:url(../img/balance_img3.webp) center no-repeat
}
@media(min-width:480px){
	.balance__item{
		height:700px
	}
}
@media(min-width:1200px){
	.balance__content{
		flex-direction:row;
		max-width:1110px;
	}
}
@media(min-width:1440px){
	.balance__content{
		flex-direction:row;
		max-width:1420px;
	}
}
@media(min-width:1662px){
	.balance__content{
		flex-direction:row;
		max-width:1650px;
	}
}
.balance__item-link{
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:absolute;
	top:48px;
	left:40px;
	right:40px;
	color:#233000;
	transition:.3s
}
.balance__item-link:hover{
	left:60px;
	right:60px;
	transition:.3s
}

/*Review*/
.section__review{
	padding:0 0 100px;
}
.review__swiper .swiper__btns{
	position:absolute;
	right:10px;
	bottom:0;
	display:none;
	align-items:center;
	gap:41px;
}
.review__swiper .slide__contact img{
	width:100px
}
@media(min-width:768px){
	.section__review{
		padding:0 0 145px;
	}
	.review__swiper .swiper__btns{
		display:flex;
	}
	.review__swiper .slide__contact img{
		width:194px;
	}
}
.review__swiper .slide__text{
	max-width:1262px;
	width:100%;
	margin-bottom:40px;
	font-size:24px
}
@media(min-width:450px){
	.review__swiper .slide__text{
		font-size:30px
	}
}
@media(min-width:550px){
	.review__swiper .slide__text{
		font-size:36px;
	}
}
@media(min-width:1200px){
	.review__swiper .slide__text{
		margin-bottom:86px;
		font-size:48px;
	}
}
.review__swiper .slide__contact{
	display:flex;
	align-items:center;
	gap:30px;
	margin-bottom:60px
}
@media(min-width:1200px){
.review__swiper .slide__contact{
		gap:60px
	}
}
.review__swiper .slide__title{
	color:#000;
	margin-bottom:6px
}
.review__swiper .slide__subtitle{
	color:#4d4d4d
}
.review__swiper .swiper-prev{
	transform:rotate(180deg);
	margin-right:40px;
	transition:.3s
}
.review__swiper .swiper-prev:hover{
	transform:rotate(180deg) translate(8px,0);
	transition:.3s
}
.review__swiper .swiper-next{
	transition:.3s
}
.review__swiper .swiper-next:hover{
	transform:translate(8px,0);
	transition:.3s
}
.review__swiper .swiper__btn{
	z-index:99!important;
	cursor:pointer
}
.review__swiper .swiper-pagination{
	bottom:-10px!important;
	z-index:0!important
}
.swiper-slide::after{
    content: "";
    position: absolute;
    top: 0;
    right: 117px;
    display: block;
    width: 282px;
    height: 234px;
    background-image: url(../img/quotes.png);
    background-repeat: no-repeat;
    opacity: .48;
}

/*Footer*/
footer{
	background:#233000;
	border:2px solid #000
}
.footer{
	padding:132px 0;
	display:flex;
	justify-content:space-between
}
@media(max-width:1200px){
	.footer{
		flex-wrap:wrap;
		gap:30px;
		padding:60px 0
	}
}
@media(max-width:768px){
	.footer{
		justify-content:center;
		flex-direction:column;
		align-items:center;
		text-align:center
	}
	.footer__form{
		width:100%
	}
}
.footer__subtitle{
	color:#fff!important
}
.footer__logo{
	color:#fff;
	max-width:188px;
	width:100%
}
.footer__title{
	margin-bottom:30px;
}
@media(min-width:1440px){
	.footer__title{
		margin-bottom:55px
	}
}
.footer__text{
	margin-bottom:28px;
	max-width:224px;
	width:100%
}
.footer__form{
	display:flex;
	align-items:center;
	gap:10px;
	flex-direction:column;
	height:auto;
	margin-bottom:15px
}
@media(min-width:550px){
	.footer__form{
		flex-direction:row;
		height:70px;
	}
}
@media(min-width:1440px){
	.footer__form{
		gap:28px;
		height:96px
	}
}
.footer__form-input{
	border:2px solid #fff;
	background:inherit;
	padding:20px 10px;
	height:100%;
	width:100%;
	min-width: fit-content;
}
@media(min-width:450px){
	.footer__title{
		font-size:32px
	}
	.footer__form-input{
		padding:20px 30px;
	}
}
@media(min-width:768px){
	.footer__form-input{
		min-width:420px;
	}
}
@media(min-width:1440px){
	.footer__form-input{
		padding:30px 40px;
		min-width:523px;
	}
}
.footer__form-input::-moz-placeholder{
	color:#fff
}
.footer__form-btn{
	background:#5e6600;
	border:none;
	padding:10px 0;
	margin-bottom:0!important;
	height:100%;
	cursor:pointer;
	transition:.3s;
	width:100%;
}
.footer__form-btn:hover{
	background:#4e5500;
	transition:.3s
}
@media(min-width:550px){
	.footer__form-btn{
		padding:20px 30px;
	}
}
@media(min-width:1440px){
	.footer__form-btn{
		padding:20px 46px;
	}
}
.footer__subtext{
	font-family:Lato;
	font-style:normal;
	font-weight:400;
	font-size:14px;
	line-height:1.21;
	letter-spacing:.02em;
	color:#fff
}
.copyright{
	padding:30px 0;
	border-top:2px dashed #fff
}
.copy{
	text-align: center;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:15px;
}
@media(min-width:768px){
	.copyright{
		padding:58px 0;
	}
	.copy{
		gap: 0;
		flex-direction:row;
		justify-content:space-between;
		text-align:center
	}
}
.copy__icons{
	display:flex;
	align-items:center;
	gap:16px
}
.copy__icons img{
	transition:.3s
}
.copy__icons img:hover{
	opacity:.7;
	transition:.3s
}
.subtext{
	font-family:Lato;
	font-style:normal;
	font-weight:400;
	font-size:18px;
	line-height:1.38;
	letter-spacing:.02em;
	color:#fff
}
