/* Start:/bitrix/templates/boats/components/bitrix/menu/main/style.css?17768533851956*/
/* Многоуровневое flyout-меню (3 уровня) */

.main-menu-holder.main-menu-holder--multi {
    width: auto;
    min-width: 200px;
    padding: 0;
    display: flex;
    flex-direction: row;
    background: none;
}

.main-menu-categories {
    display: flex;
    flex-direction: column;
    background: rgba(0, 33, 47, 0.95);
    min-width: 200px;
}

.main-menu-category {
    position: relative;
}

.main-menu-holder--multi .main-menu-category__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 15px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    margin: 0 !important;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    transition: background 0.2s, color 0.2s;
}

.main-menu-holder--multi .main-menu-category__link:hover {
    color: #d57c00;
}

.main-menu-category__arrow {
    flex-shrink: 0;
    margin-left: 0 !important;
    width: 6px;
    height: 9px;
}

.main-menu-category:last-child .main-menu-category__link {
    border-bottom: none;
}

/* Панель 3-го уровня (справа) */
.main-menu-subitems {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 180px;
    min-height: 100%;
    background: rgba(255, 255, 255, 0.97);
    flex-direction: column;
    box-shadow: 4px 0 12px rgba(0, 0, 0, 0.08);
}

.main-menu-category:hover > .main-menu-subitems {
    display: flex;
}

.main-menu-holder--multi .main-menu-subitem {
    display: block;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #00212F;
    margin: 0 !important;
    white-space: nowrap;
    border-bottom: 1px solid rgba(0, 33, 47, 0.08);
    transition: color 0.2s;
}

.main-menu-holder--multi .main-menu-subitem:last-child {
    border-bottom: none;
}

.main-menu-holder--multi .main-menu-subitem:hover {
    color: #d57c00;
}

/* End */


/* Start:/bitrix/templates/boats/template_styles.css?177929263033492*/
body{
	font-family: 'Merriweather Sans', 'Open Sans', sans-serif;
	margin: 0;
}
a{
	text-decoration: none;
}
img {
	max-width: 100%;
}
.btn-default{
	display: block;
	border-radius: 0;
	background: linear-gradient(135deg, #E68600 95%, #d57c00 95%), #E68600;
	color: #fff;
	transition: all .2s;
	padding: 20px 30px;
	text-align: center;
	position: relative;
	border: 1px solid transparent;
}
.btn-default span{
	position: relative;
}
.btn-default:hover{
	color: #fff;
}
.btn-default:before{
	display: block;
	content: '';
	background: #D57C00;
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: -1px;
	left: -1px;
	transform: translateZ(0);
	backface-visibility: hidden;
	transition: clip-path .35s cubic-bezier(.21, .6, .35, 1);
	clip-path: polygon(100% 0,150% 0,100% 100%,100% 100%);
}
.btn-default:hover:before{
	clip-path: polygon(100% 0,0 0,-50% 100%,100% 100%);
}

.btn-secondary{
	background: linear-gradient(135deg, transparent 95%, #003951 95%), transparent;
	border: 1px solid #003951;
}
.btn-secondary:before{
	background: #003951;
}

.top-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 62px;
	padding: 0 60px 0 32px;
	background-color: #00212F;
	background-image: url('/bitrix/templates/boats/img/bg.svg');
	background-position: center;
}
.top-header-btns{
	display: flex;
	gap: 11px;
}
.top-header-btns a{
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s;
}
.top-header-btns a:hover{
	background: #003951;
}

.main-header{
	padding: 20px 30px;
	position: relative;
}
.main-menu{
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}
.main-menu-item{
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}
.main-menu-item a{
	color: #00212F;
	font-size: 16px;
	margin: 0 20px;
	position: relative;
}
.main-menu-item svg{
	margin-left: 20px;
}
.main-menu-item-hover{
	position: absolute;
	left: 50%;
	top: 0;
	width: 0%;
	height: 100%;
	transform: translateX(-50%);
	border-bottom: 2px solid #d57c00;
	transition: all .2s;
}
.main-menu-item:hover a .main-menu-item-hover,
.main-menu-item.active a .main-menu-item-hover{
	width: 100%;
}

.main-menu-holder{
	opacity: 0;
	position: absolute;
	top: 84px;
	width: 200px;
	background: rgba(0,33,47,0.7);
	padding: 4px;
	z-index: 2;
	transition: all .2s;
	pointer-events: none;
}
.main-menu-item:hover .main-menu-holder{
	opacity: 1;
	top: 64px;
	pointer-events: all;
}
.main-menu-holder a{
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	height: 39px;
	line-height: 36px;
	font-size: 20px;
	color: #fff;
	margin: 0;
	padding-left: 15px;
}
.main-menu-holder a:last-child{
	border-bottom: none;
}
.main-header-btns{
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	gap: 10px;
}
.main-header-btns a,
.search-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	transition: all .2s;
	position: relative;
	cursor: pointer;
}
.main-header-btns a:hover,
.search-btn:hover{
	background: #f7f7f7;
}

.search form{
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	border: 1px solid #EEEEEE;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	opacity: 0;
	pointer-events: none;
	transition: all .2s;
}
.search.active form{
	opacity: 1;
	pointer-events: all;
}
.search input,
.search input:focus-visible{
	border: 1px solid #EEEEEE;
	padding: 0 30px;
	outline: none;
}
.search a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	background: #f7f7f7;
}




.main-banner{
	height: 670px;
	position: relative;
}
.main-banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main-banner a{
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 121px;
}
.main-banner a span{
	position: relative;
}
.main-banner a svg,
.main-banner a img{
	position: relative;
	top: -2px;
	margin-right: 3px;
	width: 20px;
	height: 16px;
}



.footer{
	display: flex;
	flex-wrap: wrap;
	background-color: #00212f;
	background-image: url('/bitrix/templates/boats/img/bg-footer.svg');
	padding: 80px 95px;
	justify-content: space-between;
}
.footer-slogan{
	flex: 100%;
	margin-bottom: 60px;
}
.footer-slogan span{
	display: block;
	font-size: 48px;
	color: #fff;
	line-height: 1.2;
}
.footer-slogan span:nth-child(2){
	color: #E68601;
}
.footer-btns{
	width: 40%;
	display: flex;
	flex-direction: column;
	align-items: start;
}
.footer-btns a{
	margin-bottom: 15px;
	font-size: 14px;
	white-space: nowrap;
}
.footer-btns a svg{
	margin-right: 10px;
}

.footer-menu{
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
	width: 60%;
}
.footer-menu-column{
	display: flex;
	flex-direction: column;
	flex: 1;
	/* width: 20%; */
	min-width: 10%;
	margin-left: 10px;
}
.service-modal-consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 1.35;
    cursor: pointer;
}
.service-modal-consent input {
    margin: 2px 0 0;
	    max-width: 5% !important;

    flex-shrink: 0;
}
.service-modal-consent a {
    text-decoration: underline;
}

.footer-menu-column span{
	color: #fff;
	font-size: 18px;
	margin-bottom: 30px;
	height: 36px;
	line-height: 36px;
}
.footer-menu-column a:not(.btn){
	color: #fff;
    width: 100%;
    min-height: 36px;
    line-height: 1.2;
    margin-bottom: 10px;
    position: relative;
    height: auto;
    padding: 10px 0;
	white-space: normal;
}

.footer-menu-column a:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 0;
	border-bottom: 2px solid #d57c00;
	border-top: 2px solid #d57c00;
	transition: all .2s;
	opacity: 0;
}
.footer-menu-column a:hover:before{
	height: 100%;
	opacity: 1;
}
.footer-copyright{
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	margin: 90px -60px 50px;
}




.main-blocks{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	padding: 60px 30px;
	margin-bottom: 25px;	
    gap: 40px;
}
.main-blocks-item{
	width: 100%;
	max-width: 30%;
	display: flex;
	gap: 48px;
	align-items: center;
}
.main-blocks-item-img{
	width: 80px;
	height: 80px;
	border-radius: 80px;
	border-top-right-radius: 0;
	overflow: hidden;
	flex-shrink: 0;
}
.main-blocks-item-img img{
	width: 100%;
	height: 100%;
}
.main-blocks-item-name{
	font-size: 18px;
	margin-bottom: 5px;
}
.main-blocks-item-text{
	font-size: 16px;
	line-height: 22px;
}


.main-brands{
	background-color: #f7f7f7;
	background-image: url('/bitrix/templates/boats/img/bg-main.svg');
	padding: 60px 0 110px;
	margin-bottom: 18px;
}
.main-brands-title{
	text-align: center;
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 80px;
}
.main-brands-title span{
	display: block;
	font-size: 18px;
	line-height: 25px;
	margin-top: 14px;
}
.main-brands-item{
	width: 570px;
	height: 440px;
	background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.85));
	flex-shrink: 0;
	position: relative;
}
.main-brands-holder{
	position: absolute;
	top: 316px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	color: #fff;
}
.main-brands-name{
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 10px;
}
.main-brands-text{
	font-size: 18px;
	color: #FFFFFF;
}
.owl-carousel .owl-item .main-brands-item img{
	width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.main-brands-subtitle{
	text-transform: uppercase;
	color: #FFFFFF;
	background: #727272;
	margin: 0 auto;
    display: inline-block;
    padding: 10px;
    font-size: 20px;
    line-height: 30px;
	margin-top: 20px;
}

.main-boats{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 60px;
	padding: 77px 11px 60px;
}
.main-boats-item{
	border: 1px solid #EEEEEE;
}
.main-boats-item-info{
	padding: 17px 15px 28px;
}
.main-boats-item-name{
	display: block;
	font-size: 28px;
	color: #1a1a1a;
	margin-bottom: 20px;
	transition: all .2s;
}
.main-boats-item-name:hover{
	color: #D57C00;
}
.main-boats-item-table{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
	margin-bottom: 8px;
}
.main-boats-item-prop-value{
	font-size: 20px;
	color: #1a1a1a;
	line-height: 28px;
}
.main-boats-item-prop-name{
	font-size: 14px;
	color: #A0A0A0;
	line-height: 20px;
}
.main-boats-item-img {
    width: 100%;
    height: 400px; /* Фиксированная высота как при ресайзе */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-boats-item-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    max-height: 500px;
}
.main-boats-item-price{
	font-size: 28px;
	color: #1a1a1a;
	margin-bottom: 40px;
}
.main-boats-item-help{
	display: none/*inline-block*/;
	font-size: 14px;
	color: #a0a0a0;
	position: relative;
	margin-left: 15px;
	margin-bottom: 40px;
}
.main-boats-item-help:hover{
	color: #343434;
}
.main-boats-item-help:hover svg path{
	fill: #343434;
}
.main-boats-item-help:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #A0A0A0;
	transition: all .2s;
}
.main-boats-item-help:hover:after{
	width: 0;
	border-color: #343434;
}
.main-boats-item-help svg{
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
}
.main-boats-title{
	text-align: center;
	font-size: 48px;
}
.main-reviews{
	height: 830px;
	background-image: linear-gradient(0deg, rgba(0,0,0,0.35),rgba(0,0,0,0.65)), url('/bitrix/templates/boats/img/bg-reviews.jpg');
	position: relative;
	margin-bottom: 39px;
	background-size: cover;
}
.main-reviews-wrapper{
	width: 100%;
}
.main-reviews-title{
	text-transform: uppercase;
	color: #fff;
	font-size: 98px;
	font-weight: 700;
	font-style: italic;
	margin-bottom: 33px;
	text-align: center;
	padding-top: 20px;
}
.main-reviews-items{
	display: flex;
	gap: 20px;
	justify-content: center;
}
.main-reviews-items a{
	width: 80px;
	height: 80px;
	border-radius: 80px;
	overflow: hidden;
	display: block;
}
.main-reviews-items a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.btn-buy{
	background: linear-gradient(135deg, #00212F 95%, #D57C00 95%), #00212F;
	border: none;
	padding: 18px 20px;
}
.btn-buy svg{
	margin-left: 25px;
}


.main-create{
	display: flex;
    align-items: center;
    justify-content: center;
	height: 670px;
	background: linear-gradient(0deg, rgba(0,0,0,0.15),rgba(0,0,0,0.65)), url('/bitrix/templates/boats/img/bg-create.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
}
.main-create-wrapper{
	/*position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 115px;*/
	text-align: center;
	color: #fff;
	width: 1100px;
	max-width: 100%;
}
.main-create-label{
	font-size: 18px;
	margin-bottom: 23px;
}
.main-create-title{
	font-size: 60px;
	line-height: 72px;
	margin-bottom: 46px;
}
.btn-create{
	display: block;
	width: 270px;
	margin: 0 auto;
}
.main-empty{
	height: 120px;
	background: #EEEEEE;
}

.head-banner{
	display: none;
	position: relative;
}
.main.with-image .head-banner{
	display: block;
}
.head-banner img{
	max-width: 100%;
}
.head-title{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 36px;
	color: #fff;
	z-index: 2;
}
.head-banner:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #00212F;
	opacity: 0.7;
}

.top-header-btns a.top-header-btn-mobile,
.footer-slogan-mobile{
	display: none;
}

.articles {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-flow: wrap;
    gap: 45px;
    margin-top: 60px;
}
.main-articles {
	background: #EEEEEE;
	/*padding: 95px 0;*/
	padding: 0;
}
.main-articles-wrapper{
	background: #F7F7F7;
	padding: 160px 105px;
	display: flex;
	gap: 40px;
}
.main-articles-wrapper.main-articles-slider{
	display: block;
}
.main-articles-wrapper.main-articles-slider .slick-list{
	margin: 0 -20px;
}
.main-articles-wrapper.main-articles-slider .main-articles-item{
	max-width: none;
	margin: 0 20px;
}
.main-articles-item {
    width: 100%;
    max-width: 31%;
    background: #FFF;
}
.main-articles-item-info{
	position: relative;
	padding: 75px 50px 100px;
	/*height: 221px;*/
}
.main-articles-item-link {
	position: absolute;
    right: -20px;
    top: -60px;
	padding: 17px 25px;
	background: linear-gradient(135deg, #E68600 90%, #d57c00 90%), #E68600;
}
.main-articles-wrapper .main-articles-item-link {
	right: 50px;
    top: -30px;
}
.main-articles-item-name{
	font-size: 24px;
	color: #141414;
	font-weight: 700;
	margin-bottom: 14px;
}
.main-articles-item-text {
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
	color: #1A1A1A;
}
.main-articles-item img{
	width: 100%;
}



@media (max-width: 999px){
	.main-header{
		display: none;
	}
	.top-header{
		padding: 0 30px;
	}

	.top-header-btns a{
		display: none;
	}
	.top-header-btns a.top-header-btn-mobile{
		display: flex;
	}
	.main-banner{
		height: 570px;
	}
	.main-banner a {
		width: 100%;
        max-width: 90%;
		bottom: 53px;
		white-space: nowrap;
		padding: 17px 23px;
	}
	.main-blocks{
		gap: 20px;
		overflow-x: scroll;
		padding: 25px 20px;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.main-blocks::-webkit-scrollbar {
		display: none;
	}
	.main-blocks-item{
		max-width: 100%;
		gap: 20px;
	}
	.main-blocks-item-img{
		flex-shrink: 0;
	}
	.main-articles-item {
		max-width: 46%;
	}
}
@media (max-width:830px){
	.main-boats {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media (max-width:768px){
	.footer-slogan{
		display: none;
	}
	.footer-slogan-mobile{
		display: block;
	}
	.footer{
		padding: 15px 25px;
		gap: 20px;
	}
	.footer-slogan{
		margin-bottom: 15px;
	}
	.footer-slogan span{
		font-size: 10px;
		line-height: 10px;
	}
	.footer-menu-column{
		width: auto;
		margin: 0;
	}
	.footer-menu-column span{
		font-size: 7px;
		line-height: 21px;
		height: 21px;
		margin-bottom: 0;
	}
	.footer-menu-column a{
		white-space: nowrap;
		font-size: 7px;
		line-height: 21px;
		height: 21px;
		margin-bottom: 0;
	}
	.footer-btns a{
		font-size: 10px;
		padding: 10px 20px;
	}
	.footer-btns{
		width: auto;
	}
	.footer-copyright{
		font-size: 13px;
		text-align: justify;
		margin: 20px -10px;
	}



	.main-brands-wrapper{
		display: flex;
		flex-direction: column;
		gap: 38px;
	}
	.main-brands-item{
		width: 100%;
	}
	.main-brands-title{
		font-size: 20px;
		margin: 0 auto 58px;
		line-height: 20px;
		max-width: 350px;
		font-weight: 700;
	}
	.main-brands-title span{
		font-size: 15px;
		margin-top: 15px;
		font-weight: 400;
	}

	.main-brands{
		margin-bottom: 30px;
	}
	.main-boats-title{
		font-size: 20px;
		line-height: 58px;
	}
	.main-boats{
		padding-top: 14px;
	}

	.main-reviews{
		/*height: 530px;*/
		height: auto;
		background-position: center;
		background-size: cover;
	}
	.main-reviews-title{
		font-size: 50px;
	}

	.main-articles{
		padding: 0;
	}
	.main-articles-wrapper{
		flex-direction: column;
		background: #fff;
		padding: 15px;
	}
	.main-articles-wrapper.main-articles-slider .slick-list{
		margin: 0 -10px;
	}
	.main-articles-wrapper.main-articles-slider .main-articles-item{
		margin: 0 10px;
	}
	.main-articles-item-link{
		transform: none;
		right: 14px;
		top: 13px;
		padding: 11px 18px;
	}
	.main-articles-item-info{
		padding: 8px 15px;
		/*height: 50px;*/
	}


	.main-create{
		height: 530px;
		background-position: right;
		margin-top: 20px;
	}
	.main-create-wrapper{
		width: 100%;
		bottom: 32px;
	}
	.main-create-label{
		font-size: 11px;
	}
	.main-create-title{
		font-size: 20px;
		line-height: 20px;
	}
	.btn-create{
		width: 185px;
		height: 40px;
		line-height: 40px;
		padding: 0;
	}
	.main-empty{
		height: 43px;
	}
}
@media all and (max-width: 600px) {
   	/*.main-boats {
		display: none!important;
   	}*/
	.main-articles-item {
		max-width: 100%;
	}
}





/*ABOUT*/
.about-page{
	display: flex;
	column-gap: 60px;
	padding: 28px 20px 30px 30px;
}
.about-left{
	width: 45%;
	padding-top: 22px;
	color: #1A1A1A;
}
.about-left h2{
	font-size: 36px;
	line-height: 48px;
	margin-bottom: 17px;
}
.about-left p{
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 30px;
}
.about-left .btn{
	width: fit-content;
	margin-bottom: 15px;
}
.about-left .btn-secondary{
	background: linear-gradient(135deg, #003951 95%, #00212F 95%), #003951;
}
.about-left .btn-secondary:before{
	background: #00212F;
}
.about-left .btn-gray{
	color: #343434;
	background: linear-gradient(135deg, #F7F7F7 95%, #EEEEEE 95%), #F7F7F7;
}
.about-left .btn-gray:before{
	background: #EEEEEE;
}
.about-left-holder{
	position: sticky;
	top: 40px;
}
.about-right{
	width: 55%;
}
.about-blocks-item{
	position: relative;
	margin-bottom: 80px;
}
.about-blocks-item-holder{
	margin: -100px 78px 0;
	padding: 55px;
	background: #F7F7F7;
	color: #1A1A1A;
	text-align: center;
	position: relative;
}
.about-blocks-item-name{
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.about-blocks-item-text{
	font-size: 16px;
	line-height: 22px;
}
.about-blocks-item-img{
	width: 100%;
}
.about-blocks-item-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media all and (max-width: 1440px) {
	.about-blocks-item-holder {
		padding: 30px;
		margin: -60px 35px 0;
	}
}

@media (max-width: 999px) {
	.about-page{
		flex-direction: column;
		padding-left: 0;
        padding-right: 0;
	}
	.about-left {
		margin-bottom: 40px;
	}
	.about-left,
	.about-right{
		width: 100%;
	}
	.about-blocks-item-holder{
		margin: -95px 45px 0;
		padding: 30px;
	}
	.head-title {
		width: 100%;
		max-width: 90%;
		font-size: 24px;
	}
}
@media all and (max-width: 600px) {
	.head-title {
		font-size: 16px;
	}
	.about-left h2 {
		font-size: 28px;
    	line-height: 1.2;
	}
	.about-blocks-item-holder {
		margin: 0;
	}
	.about-blocks-item-name {
    	font-size: 20px;
    	line-height: 1.2;
	}
}


.mobile-menu{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	background: #0D2C3A;
	z-index: 2;
	transition: all .2s;
	max-height: 100%;
}
.mobile-menu.opened{
	overflow-y: auto;
}
.mobile-menu-header {
	height: 62px;
	padding: 0 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobile-menu-items {
	padding: 0 30px 30px;
}
.mobile-menu-item a{
	display: block;
	height: 60px;
	line-height: 60px;
	margin-right: 20px;
	font-size: 20px;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	position: relative;
}
.mobile-menu-item:last-child a{
	border-bottom: none;
}
.mobile-menu-item a svg {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	right: -32px;
	width: 24px;
	height: 24px;
	padding: 5px;
}
.mobile-menu-holder {
	height: 0;
	overflow: hidden;
}
.mobile-menu-holder a {
	padding-left: 25px;
}
#panel + .mobile-menu {
	top: 39px;
}
.mobile-menu-close{
	width: 40px;
	height: 40px;
}

body.disabled{
	overflow-y: hidden;
	height: 100vh;
}
body.disabled:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}

.boat-line{
	height: 48px;
	background-color: #00212f;
	background-image: url(/bitrix/templates/boats/img/bg-footer.svg);
}
.boat-sections{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #F7F7F7;
	padding: 15px 25px 30px 34px;
}
.boat-sections > img{
	margin-bottom: 20px;
	width: 40%;
	-webkit-box-shadow: 5px 5px 9px #a0a0a0;
	box-shadow: 5px 5px 9px #a0a0a0;
	margin-left: 45px;
}
.boat-sections-description > div{
	font-size: 32px;
	line-height: 36px;
	color: #090909;
}
.boat-sections-description > p{
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 25px;
}
.boat-sections-link{
	display: flex;
	gap: 20px;
}
.boat-sections-link a{
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #1A1A1A;
	flex: 1;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.boat-sections-link img{
	width: 100%;
	height: auto;
	object-fit: contain;
}
.boat-sections-link a svg{
	margin-left: 40px;
}
.main-section-title{
	font-size: 24px;
	margin-bottom: 28px;
	margin-left: 30px;
	margin-top: 30px;
}
.catalog-boats{
	padding-top: 0;
}
@media (max-width: 768px) {
	.boat-sections > img{
		display: none;
	}
	.boat-sections-link a svg{
		margin-left: 20px;
	}
	.boat-sections{
		margin-bottom: 20px;
	}
	.catalog-boats{
		grid-template-columns: 1fr;
	}
}


.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: all .2s;
}
.modal.opened{
	opacity: 1;
	pointer-events: all;
}
.modal-overlay{
	background: #212934;
	opacity: 0.57;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.boat-modal .modal-holder{
	min-width: 400px;
}
.modal-holder{
	position: relative;
	background: #fff;
	text-align: center;
}
.modal-title{
	font-size: 22px;
	line-height: 39px;
	padding: 20px;
	border-bottom: 1px solid #EFEFEF;
}
.modal-form{
	padding: 30px;
	border-bottom: 1px solid #EFEFEF;
}
.modal-form input,
.modal-form input:focus-visible{
	display: block;
	margin-bottom: 10px;
	border: 1px solid #EFEFEF;
	padding: 10px 30px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	outline: none;
}
.modal-form input:last-child{
	margin-bottom: 0;
}
.modal-summary{
	padding: 30px;
	text-align: left;
}
.price-total-modal{
	margin-top: 0;
}
.modal-boat-name{
	font-size: 14px;
}
.modal-boat-name span{
	font-size: 22px;
}

#toTop{
	position: fixed;
	right: 75px;
	bottom: 50px;
	background: #003951;
	border-radius: 6px;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all .2s;
	pointer-events: none;
	cursor: pointer;
	z-index: 100;
}
#toTop.visible{
	opacity: 0.8;
	pointer-events: all;
}
#toTop svg{
	width: 22px;
	height: 22px;
}
.boat-accordion-gallery{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 20px 0;
}
.boat-accordion-gallery-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 768px) {
	#toTop{
		right: 30px;
		bottom: 30px;
	}
	.boat-accordion-gallery{
		grid-template-columns: repeat(2, 1fr);
	}
}


.catalog-boats{
	grid-template-columns: repeat(4, 1fr);
	gap: 75px;
}
.catalog-boats .main-boats-item{
	border: none;
}
.catalog-boats .main-boats-item-table{
	grid-template-columns: 1fr;
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.catalog-boats .main-boats-item-info{
	padding: 15px 0 0;
}
.catalog-boats .main-boats-item-name{
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.catalog-boats .main-boats-item-info > .main-boats-item-prop-name,
.catalog-boats .main-boats-item-price,
.catalog-boats .main-boats-item-help{
	display: none;
}

@media all and (max-width: 1500px) {
   	.catalog-boats {		
		gap: 40px;
	}
	.main-boats-item-name {
		font-size: 24px;
	}
}
@media all and (max-width: 1100px) {
   	.catalog-boats {
		grid-template-columns: repeat(3, 1fr);
	}
	.main-boats-item-name {
		font-size: 22px;
	}
}
@media all and (max-width: 850px) {
   	.catalog-boats {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media all and (max-width: 600px) {
   	.catalog-boats {
		grid-template-columns: repeat(1, 1fr);
	}
}

.btn-detail{
	padding: 18px 0;
	width: 100%;
	border-bottom: 1px solid #EEEEEE;
	text-align: left;
	position: relative;
	transition: all .2s;
}
.btn-detail span{
	font-weight: 600;
}
.btn-detail svg{
	margin-left: 15px;
	margin-top: -3px;
	position: relative;
	transition: all .2s;
	left: 0;
}
.btn-detail svg.detail-svg-before{
	position: absolute;
	left: 0px;
	opacity: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}
.btn-detail:hover{
	padding-left: 20px;
	border-bottom: 1px solid #EEEEEE;
}
.btn-detail:hover svg.detail-svg-after{
	opacity: 0;
	left: 5px;
}
.btn-detail:hover svg.detail-svg-before{
	opacity: 1;
	left: 5px;
}

.brands-carousel .owl-nav button.owl-prev,
.brands-carousel .owl-nav button.owl-next{
	position: absolute;
	width: 40px;
	height: 40px;
	background-image: url('/bitrix/templates/boats/img/arrow_icon.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #00212F;
	top: 50%;
    transform: translateY(-50%);
	left: 20px;
}
.brands-carousel .owl-nav button.owl-next{
	left: auto;
	right: 20px;
	transform: translateY(-50%) rotate(180deg);
}



.main{
	padding: 0 30px;
}
@media all and (max-width: 600px) {
   	.main{
		padding: 0 20px;
	}
}

.brands-carousel {
	margin: 0 -30px;
	width: calc(100% + 60px);
}
.footer,
.boat-line,
.boat-sections {
	margin: 0 -30px;
}
.footer-map{
	width: 40%;
    display: flex;
    align-items: flex-start;
}
.footer-menu-column .btn{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.boat-gallery{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 23px;
}
.boat-gallery img{
	cursor: pointer;
}
.boat-left img{
	object-fit: cover;
    max-height: 700px;
}
.boat-line{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 80px;
	position: sticky;
	top: 0;
	z-index: 1;
}
.boat-line svg{
	filter: grayscale(1) brightness(2);
	transition: all .2s;
}
.boat-line svg:hover{
	filter: none;
}

@media all and (max-width: 999px) {
   	.footer-slogan span {
		font-size: 32px;
   	}
	.footer-map {
		width: 100%;
	}
	.footer-menu-column {
		flex: unset;
		width: 100%;
		margin-left: 0;
	}
}
@media all and (max-width: 600px) {
	.footer-slogan span {
		font-size: 24px;
   	}
}


@media (max-width: 768px){
	.boat-left, .boat-right{
		overflow-x: hidden;
	}
	.footer{
		padding: 35px 25px;
	}
	.footer-map{
		width: 100%;
	}
	.footer-menu-column{
		flex: 60%;
	}
	.footer-menu-column a,
	.footer-menu-column span{
		font-size: 14px;
	}
	.footer-menu-column span,
	.footer-menu-column .btn{
		height: 40px;
	}

	.boat-line{
		width: calc(100% + 60px);
		padding: 0 30px;
		overflow-x: scroll;
		justify-content: start;
		-ms-overflow-style: none;
        scrollbar-width: none;
	}
	.boat-line::-webkit-scrollbar {
        display: none;
    }
}

@media all and (max-width: 600px) {
	.brands-carousel {
		margin: 0;
		width: 100%;
	}
	.footer,
	.boat-line,
	.boat-sections {
		margin: 0 -20px;
	}
}


/*
.modal{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.modal-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #21293491;
}
.modal-holder{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
}
	*/
.modal-policy .modal-holder{
	max-width: 750px;
    max-height: 90%;
    display: flex;
    flex-direction: column;
}
.modal-head{
	height: 70px;
	line-height: 70px;
	font-size: 22px;
	text-align: center;
	border-bottom: 1px solid #EFEFEF;
}
.modal-policy .modal-body{
	flex: 1;
	overflow-y: scroll;
}
.footer-menu-column .btn{
	white-space: nowrap;
}

.reviews-slider{
	margin: 0 30px 50px;
	width: calc(100% - 60px);
}
.reviews-item{
	background: #FFFFFF;
	padding: 10px 20px 50px;
	border-radius: 20px;
	margin: 0 30px;
	width: 500px;
	height: auto;
}
.reviews-head{
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 20px;
}
.reviews-photos{
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
	height: 70px;
	margin-bottom: 10px;
	overflow: auto;
}
.reviews-photos img{
	height: 100%;
	width: auto;
	border-radius: 10px;
	object-fit: cover;
}
.reviews-avatar{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
}
.reviews-avatar img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.reviews-name{
	font-weight: bold;
}
.reviews-date{
	color: #888888;
    font-size: 14px;
}
.reviews-text{
	font-size: 14px;
}
.reviews-logo{
	margin-bottom: -20px;
    margin-left: -10px;
}
.reviews-product{
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
	margin: 10px 0;
}
.reviews-rating{
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 5px;
}
.reviews-rating svg{
	width: 10px;
	height: 10px;
}
.reviews-product-name{
	color: #888888;
	font-size: 14px;
}
.reviews-slider .slick-arrow{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	background-image: url('/bitrix/templates/boats/img/arrow_icon.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #00212F;
	font-size: 0;
	outline: none;
	border: none;
	cursor: pointer;
	z-index: 1;
}
.reviews-slider .slick-next {
	left: auto;
	right: 15px;
	transform: translateY(-50%) rotate(180deg);
}
.main-articles-wrapper.main-articles-slider .slick-arrow {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	background-image: url('/bitrix/templates/boats/img/arrow_icon.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #00212F;
	font-size: 0;
	outline: none;
	border: none;
	cursor: pointer;
	z-index: 2;
}
.main-articles-wrapper.main-articles-slider .slick-next {
	left: auto;
	right: 15px;
	transform: translateY(-50%) rotate(180deg);
}
@media all and (max-width: 600px) {
	.reviews-slider {
		margin: 0 0 50px;
		width: 100%;
	}
	.reviews-slider .slick-arrow {
		display: none!important;
	}
	.main-articles-wrapper.main-articles-slider .slick-arrow {
		display: none!important;
	}
}


.services {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-flow: wrap;
    gap: 42px 39px;
    margin: 72px 0;
}
.services-item {
    width: 100%;
    max-width: calc(20% - 32px);
    padding: 0;
    border: 1px solid #CCCCCC;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}
.services-item .item_picture {
    width: 100%;
	aspect-ratio: 332/320;
    overflow: hidden;
}
.services-item .item_picture img {
	height: 100%;
    object-fit: cover;
}
.services-item .item_texts {
	padding: 11px 22px;
}
.services-item .item_texts .services-name {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 5px;
    color: #1C1C1C;
}
.services-item .item_texts .services-text {
	font-size: 12px;
	line-height: 1.2;
	color: #1C1C1C;
	margin-bottom: 0;
}
.services-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 11px 11px 22px;
    margin-top: 40px;
}
.services-price span {
	font-size: 14px;
	color: #A0A0A0;
}
.services-price div {
	font-size: 25px;
	line-height: 40px;
	font-weight: 400;
	color: #1A1A1A;
}
.services-btn {
	font-size: 14px;
	color: #FFFFFF;
	background: #00212F;
	padding: 10px 30px 10px 15px;
	transition: all .2s;
	cursor: pointer;
}
.services-btn:hover {
	background: #E68600;
}
.btn-primary.new {

    --bs-btn-color: #fff;
    --bs-btn-bg: #E68600;
    --bs-btn-border-color: #E68600;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E68600;
    --bs-btn-hover-border-color: #E68600;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E68600;
    --bs-btn-active-border-color: #E68600;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #E68600;
    --bs-btn-disabled-border-color: #E68600;
}
        .warning {
            position: fixed;
            bottom: 50px;
            left: 0;
            right: 0;
            margin: 0 auto;
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            width: 100%;
            max-width: 45%;
            border-radius: 10px;
            background-color: #fff;
            border-width: 1px;
            border-style: solid;
            z-index: 555;
            transform: translateY(500px);
            opacity:0;
            pointer-events: none;
        }
        .warning.warning_active {
            pointer-events: all;
            animation: cookie 1s 4s ease forwards;
        }
        @keyframes cookie {
            0% {
                transform: translateY(500px);
                opacity:0;
            }
            100% {
                transform: translateX(0);
                opacity:1;
            }
        }
        .warning p {
            margin-bottom: 0;
            font-weight: 500;
        }
        @media all and (max-width: 1100px) {
            .warning {
                max-width: 80%;
            }
        }
        @media all and (max-width: 600px) {
            .warning {
                flex-flow: column;
            }
            .warning p {
                text-align: center;
            }
        }
@media all and (max-width: 1800px) {
	.services-price div {
		font-size: 22px;
	}
}
@media all and (max-width: 1700px) {
	.services-price div {
		font-size: 20px;
	}
}
@media all and (max-width: 1650px) {
	.services-item {
    	max-width: calc(25% - 30px);
	}
	.services-footer {
		margin-top: 30px;
	}
}
@media all and (max-width: 1360px) {
	.services-item {
    	max-width: calc(33% - 23px);
	}
	.services-footer {
		margin-top: 20px;
	}
}
@media all and (max-width: 1100px) {
	.services {
		gap: 20px;
	}
	.services-item {
    	max-width: calc(33% - 11px);
	}
}
@media all and (max-width: 850px) {
	.services-item {
    	max-width: calc(50% - 20px);
	}
}
@media all and (max-width: 600px) {
	.services-item {
    	max-width: 100%;
	}
}
/* End */
/* /bitrix/templates/boats/components/bitrix/menu/main/style.css?17768533851956 */
/* /bitrix/templates/boats/template_styles.css?177929263033492 */