:root
{
	--red: #d30000;
	--main: #171717;
	--secondary: #3C3C47;
	--white: #fff;
}
body
{
	margin: 0;
}
.infoHeader h1
{
	font-family: "Exo 2", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #FFFFFFCC;
    margin: 0;
}
a
{
	text-decoration: unset;
}
address
{
	font-family: "Exo 2", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
.phone a
{
	font-family: "Exo 2", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF !important;
    font-style: normal;
    text-decoration: none;
}
.infoHeader
{
	display: flex;
    width: 100%;
    max-width: 1240px;
    margin: auto;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: #BCBCE029;
    max-height: 40px;
}
.reviews iframe
{
    transform: scale(0.5);
}
.reviews
{
	display: flex;
	justify-content: center;
    align-items: center;
    height: 0px;
}
.navMenu
{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1240px;
	margin: auto;
	align-items: center;
	position: relative;
	z-index: 9;
}
.navMenu .logo
{
	max-width: 150px;
    max-height: 20px;
}
.btnCallMe
{
	background-color: transparent;
    font-family: "Exo 2", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-image: linear-gradient(90deg, #D30000 0%, #6D0000 100%);
    border-radius: 20px 20px 20px 20px;
    padding: 6px 12px 6px 12px;
    border: none;
}
.logoHref
{
  display: flex;
  align-items: center;
  justify-content: center;
}
.menuMobile
{
	display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 55px;
  width: 100vw;
  z-index: 9;
  background: #171717;
}
.menuMobile.active
{
	height: 100vh;
}
.navBar
{
	display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    z-index: 1;
}
.menuList
{
	height: 0%;
    overflow: hidden;
    position: relative;
    top: -100vh;
    z-index: 2;
    background-color: #171717;
    transition: 0.3s;
}
.menuList.active
{
	height: 100%;
	top: 0vh;
	transition: 0.3s;
}
.menuList .btnBack, .menuList .mobileNavMenu
{
	padding: 16px;
}
.menuItems ul 
{
	margin: 0;
}
.mobileNavMenu
{
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.infoNumber a
{
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	font-family: 'Exo 2', sans-serif;
	text-decoration: none;
}
.actionBtn button
{
	background-color: transparent;
}

@media screen and (max-width: 450px)
{ 
	.menuPC
	{
		display: none;
	}
	.menuMobile
	{
		display: block;
	}
}
ul a
{
	text-decoration: none;
	font-style: normal;
}
.wpforms-field-label
{
	display: none;
}
.wpforms-field fieldset
{
    border: none;
    padding: 0;
}
fieldset ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.formBox .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field
{
	display: flex;
	flex-direction: column;
}
div.wpforms-container-full button[type=submit], div.wpforms-container-full button[type=submit]:not(:hover):not(:active)
{
	border: none;
	border-radius: 50px !important;
	cursor: pointer;
}

/*********************** SWIPER CSS *******************/
/***** Базовые стили *****/
.mainSlider .swiper {
	width: 100%;
	height: 100% !important;
	position: relative;
	padding-bottom: 40px;
	width: 100%;
}
.slide-content {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.mainSlider
{
	max-height: 680px;
    height: 100vh;
    padding-bottom: 40px !important;
    padding-top: 32px !important;
}
.swiper-button-next, .swiper-button-prev
{
	width: 38px !important;
	height: 38px !important;
	background: #d30000 !important;

}
.swiper-button-next, .swiper-button-prev{
	svg{
		height: 20px !important;
		object-fit: contain !important;
		transform-origin: center !important;
		width: 100% !important;
		pointer-events: none !important;
		width: 20px !important;
		path{
			fill: #ffffff !important;
		}
	}
}
/***** Фон с затемнением *****/
.swiper-slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.slide-bg {
	position: absolute;
	width: 100%;
	/*height: 100%;*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 32px;
	img
		{
			width: 100%;
			height: auto;
			border-radius: 32px;
		}
}

/***** Оформление текста *****/
.slide-content {
	position: relative;
	z-index: 2;
	max-width: 80%;
}

.slide-content h2 {
	font-size: 3rem;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.slide-content p {
	font-size: 1.5rem;
	opacity: 0.8;
}
/***** Кастомные кнопки *****/
.swiper-button-next,
.swiper-button-prev {
	color: #fff;
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background: rgba(255, 255, 255, 0.5);
}
/***** Точки-пагинация *****/
.swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.5);
	width: 12px;
	height: 12px;
	transition: background 0.3s;
}

.swiper-pagination-bullet-active {
	background: #fff;
}
/***** Адаптивность *****/
@media (max-width: 768px) {
  .slide-content h2 {
    font-size: 2rem;
  }

  .slide-content p {
    font-size: 1.2rem;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
}
/***** Пагинация слайдера *****/
.swiper-pagination
{
	width: 100% !important;
	max-width: 1240px !important;
	margin: auto !important;
	top: unset !important;
	left: unset !important;
	bottom: 20px !important;
    display: flex;
    justify-content: space-between;
    height: 4px;
    background: transparent;
    span.swiper-pagination-bullet{
    	width: 100% !important;
    	margin: 0 !important;
    	height: 4px !important;
    	border-radius: 2px !important;
    	background: #3C3C47 !important;
    }
    span.swiper-pagination-bullet-active
    {
    	background: #d30000 !important;
    }
}

.advantages
{

}

.greyBG
{
	background: var(--secondary);
	padding: 18px 0px 27px;
}
.title
{
	text-align: center;
    font-family: "Oswald", Sans-serif;
    font-size: 80px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 80px;
    color: #E70000;
}
.block-advantages
{
	display: flex;
	row-gap: 40px;
	flex-direction: column;
	border-radius: 30px;
}
.listAdvantages
{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px 50px;
}
.itemAdvantages
{
	display: flex;
	gap: 8px;
	align-items: flex-start;
}
.itemAdvantages img
{
	
}
.textAdvantages
{
	max-width: 228px;
	font-family: "Exo 2", Sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: #FFFFFF;
}
.moreAdvantages
{
	/*margin-top: 40px;*/
}
.listingmoreADV
{
	display: flex;
	gap: 8px;
	.itemMore
	{
		border-radius: 16px;
		padding: 1px;
		background: transparent;
		transition: 0.3s;
		width: 100%;
		display: flex;
		img{
            max-width: 65px;
            max-height: 65px;
            width: 65px;
            height: 65px;
		}
		.bgAdvantagesItem
		{
			display: flex;
			flex-direction: column;
			gap: 20px;
			align-items: flex-start;
			padding: 23px;
			border-radius: 16px;
			background-color: #171717;
			flex-shrink: 1;
		}
	}
	.itemMore:hover
	{
		background: linear-gradient(90deg, #D30000 0%, #6D0000 100%);
		transition: 0.3s;
	}
	.textMore
	{
		font-family: "Exo 2", Sans-serif;
	    font-size: 20px;
	    font-weight: 600;
	    line-height: 32px;
	    color: #F7F4F4;
	}
}
.catalogMain
{
	.flex-container
	{
		gap: 8px;
	}
}
.block-container
{
	display: flex;
	flex-direction: column;
	gap: 34px;
	width: 100%;
	max-width: 1240px;
	margin: auto;
	/*padding: 64px 0px;*/
}
section
{
	.sectionTitle
	{
		font-family: "Oswald", Sans-serif;
		font-size: 68px;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 80px;
		color: #FFFFFF;
		text-align: center;
		margin: 0;
	}
}
.flex-container
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.itemCatalog
{
	display: flex;
	justify-content: space-between;
	background-image: linear-gradient(90deg, #D30000 0%, #6D0000 100%);
	border-radius: 16px;
	width: 33%;
	.rightColumn img
	{
		width: 100%;
		max-width: 100%;
	}
	h3{
		font-family: "Oswald", Sans-serif;
		font-size: 28px;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 32px;
		color: #FFFFFF;
		margin: 0;
	}
	.textContent
	{
		padding: 0px;
	}
}
.itemCatalog:first-child .rightColumn
{
	margin-left: 0%;
}
.itemCatalog .rightColumn, .listMiniItemCatalog .itemCatalog:first-child .rightColumn
{
	margin-left: -60% !important;
}
.itemCatalog .rightColumn img, .listMiniItemCatalog .itemCatalog:first-child .rightColumn img
{
	margin-right: -10%;
}
.itemCatalog:first-child img
{
	margin-left: 0px;
}
.listMiniItemCatalog .itemCatalog:first-child h3
{
	font-family: "Oswald", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 32px;
  color: #FFFFFF;
  margin: 0;
}
.listMiniItemCatalog
{
	display: flex;
	flex-wrap: wrap;
	width: 66%;
  gap: 8px;
	.itemCatalog, .itemCatalog:first-child
	{
		width: 49%;

	}
}

.itemCatalog .leftColumn, .listMiniItemCatalog .itemCatalog:first-child .leftColumn
{
	display: flex;
	flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  gap: 20px;
  width: 45%;
}

.itemCatalog:first-child .leftColumn
{
	padding: 48px;
}
.itemCatalog:first-child
{
	width: 100%;
	h3{
		font-family: "Oswald", Sans-serif;
	    font-size: 52px;
	    font-weight: 600;
	    text-transform: uppercase;
	    line-height: 64px;
	    color: #FFFFFF;
	    margin: 0;
	}
}

.textContent
{
	display: flex;
	flex-direction: column;
	gap: 20px;
	.textDescription
	{
		font-family: "Exo 2", Sans-serif;
	    font-size: 20px;
	    font-weight: 500;
	    line-height: 32px;
	    color: #FFFFFF;
	}
}

.catalogLink
{
    background-color: #FFFFFF;
    font-family: "Exo 2", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    fill: #292822;
    color: #292822;
    transition-duration: 1s;
    border-radius: 50px 50px 50px 50px;
    padding: 16px 24px 16px 24px;
    text-decoration: none;
    width: fit-content;
    white-space: nowrap;
}
.infoBlockPage
{
	padding-top: 37px;
	display: flex;
	gap: 60px;
}
.imgInfo
{
	width: 55%;
	display: flex;
	flex-direction: column;
	gap: 27px;
}
.imgInfo img
{
	width: 100%;
	border-radius: 16px;
}
.textInfo
{
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.titleInfo
{
	font-family: "Oswald", Sans-serif;
  font-size: 68px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 80px;
  color: #FFFFFF;
}
.textContentInfo, .textContentInfo p, .textContentInfo span
{
	font-family: "Exo 2", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 0px;
}
.fs20 p
{
	font-size: 20px !important;
}
.fs24 p
{
	font-size: 24px !important;
}
.dillerText
{
	font-size: 24px !important;	
}
.section
{
	width: 100%;
	max-width: 1240px;
	margin: auto;
  padding: 60px 0px 40px;
}

.formPage
{
	background-color: transparent;
  background-image: linear-gradient(180deg, #D30000 0%, #6D0000 100%);
  border-radius: 16px;
  display: flex;
}
.formPage .leftColumn
{
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.main
{

}
.main .leftColumn
{
	gap: 24px 24px;
	row-gap: 24px;
	column-gap: 24px;
	padding-top: 48px;
	padding-bottom: 48px;
	padding-left: 48px;
	padding-right: 48px;
	max-width: 524px;
	width: 50%;
}
.main .rightColumn
{
	max-width: 620px;
	width: 50%;
	padding: 0px;
}
.main img
{
	width: 100%;
	height: 100%;
}
.btnForm
{
	background-color: #313131;
  font-family: "Exo 2", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  fill: #FFFFFF;
  color: #FFFFFF;
  transition-duration: 1s;
  border-radius: 16px 16px 16px 16px;
  padding: 16px 24px 16px 24px;
  border: none;
  width: fit-content;
  margin-top: 24px;
}
.gray
{

}
.gridList
{
	display: flex;
	gap: 8px;
}
.itemList
{
	width: 100%;
	display: flex;
	flex-direction: column;
  justify-content: space-between;
  background: #3C3C47;
	border-radius: 24px;
}
.itemList:nth-child(even)
{
	flex-direction: column-reverse;
	.imageContent img
	{
		border-radius: 24px 24px 0px 0px;
	}
}
.textContent
{
	padding: 24px;
}
.textContent p
{
	margin: unset;
	text-align: center;
  font-family: "Exo 2", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  color: #FFFFFF;
}
.imageContent
{

}
.imageContent img
{
	width: 100%;
	height: 100%;
	border-radius: 0px 0px 24px 24px;
}
.whyWe
{
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: center;
	flex-grow: 1;
	gap: 8px;
}
.itemWhy
{
	border-radius: 32px;
	background-color: #171717;
	padding: 24px;
	display: flex;
	flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  gap: 20px;
  text-align: center;
  width: 100%;
  box-shadow: 0px 0px 10px 0px #00000080;
}
.titleWe
{
	font-family: "Oswald", Sans-serif;
  font-size: 68px;
  font-weight: 500;
  line-height: 80px;
  color: #D30000;
  margin: 0;
}
.textWe
{
	font-family: "Exo 2", Sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
  color: #FFFFFF;
  margin: 0;
}
.redBG
{
	background-color: #D30000;
}
.itemBG
{
	border-radius: 32px;
	padding: 1px;
	display: flex;
	width: min-content;
	min-width: 32%;
}
.itemBG:first-child
{
	background-color: transparent;
	background-image: linear-gradient(148deg, #171717 0%, #D30000 100%);
}
.itemBG:last-child
{
	background-color: transparent;
	background-image: linear-gradient(148deg, #D30000 0%, #171717 100%);
}
.akcent
{
	color: #d30000 !important;
}
p
{
	margin-block-start: 0;
  margin-block-end: .9rem;
}
.bottomformZayavka
{

}
.formContainer
{
	background-color: transparent;
  background-image: linear-gradient(135deg, #D30000 0%, #6D0000 100%);
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 16px;
}
.imageBlock
{
	width: 50%;
}
.imageBlock img
{
	width: 100%;
	height: auto;
}
.formBlock
{
	width: 50%;
	padding: 48px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.titleForm
{
	font-family: "Exo 2", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0;
}
.descForm
{
	font-family: "Exo 2", Sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	color: #FFFBFB;
	margin: 0;
}
.form
{
	margin-top: 40px;
}
.gokNam .infoBlockPage
{
	gap: 0px;
}
.gokNam .imgInfo
{
	width: 70%;
}
.gokNam .textInfo
{
	width: 100%;
}
.comePlease
{
	flex-direction: row-reverse;
}
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label {
  font-size: 12px !important;
  line-height: 16px !important;
  font-family: 'Roboto Flex', sans-serif !important;
  color: #fff !important;
  font-weight: 400 !important;
}
.wpforms-field-container li.choice-1
{
	height: unset;
	line-height: var(--wpforms-field-size-checkbox-size);
	display: flex;
	align-items: flex-start;
	margin: 0;
}
.formBlock .wpforms-field-container
{
	max-width: 320px;
}
div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=time]
{
	border: none;
	border-radius: 8px !important;
	padding: 17px 16px !important;
	font-size: 16px !important;
	font-family: 'Roboto Flex', sans-serif !important;
	color: #2F2F3D7A !important;
	font-weight: 400 !important;
	height: fit-content;
	width: -webkit-fill-available;
}
div.wpforms-container-full:not(:empty)
{
	margin: 24px auto;
}

footer
{
	padding: 6px 40px 30px;
	max-width: 1240px;
	margin: auto;
	hr
	{
		margin: 33px 0px;
		height: 1px;
		background: #d30000;
		border: none;
	}
}
.topFooter
{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.logoFooter
{
	width: 100%;
	margin-bottom: 42px;
}
.infoFooter
{
	display: flex;
	justify-content: space-between;
	width: 100%;
	.leftColumn
	{
		font-family: "Roboto Flex", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #FFFFFF;
	}
	.rightColumn
	{
		flex-direction: column;
		align-items: flex-end;
		gap: 13px;
		width: 45%;
		display: flex;
	}
}
.reviewWidget
{

}
.contactPhone
{
	display: flex;
	justify-content: flex-end;
	width: 100%;
  gap: 15px;
	svg
	{
		max-width: 20px;
		path
		{
			fill: #D30000;
		}
	}
	a
	{
		font-family: "Exo 2", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: #D30000;
    text-wrap-mode: nowrap;
	}
}
.footerBtn
{
	font-family: "Roboto Flex", Sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #C5C5D6;
}
.bottomFooter
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	.leftColumn
	{
		width: 50%;
		p
		{
			font-family: "Roboto Flex", Sans-serif;
	    font-size: 14px;
	    font-weight: 400;
	    line-height: 14px;
	    color: #FFFFFFA3;
		}
	}
	.rightColumn
	{
		width: 50%;
		text-align: right;
		p
		{
			font-family: "Roboto Flex", Sans-serif;
	    font-size: 14px;
	    font-weight: 400;
	    line-height: 14px;
	    color: #FFFFFFA3;
		}
	}
	.policyHref
	{
		width: 100%;
		text-align: right;
		a
		{
			font-family: "Roboto Flex", Sans-serif;
	    font-size: 14px;
	    font-weight: 500;
	    line-height: 14px;
	    color: #FFFFFFA3;
		}
	}
}
.clubLife
{
	margin: 0;
	width: 100%;
	max-width: 100%;
	.rightColumn
	{
		width: 50%;
		.swiper-button-prev, .swiper-button-next
		{
			display: none;
		}
		.swiper
		{
			height: 100%;
			.slide-bg
			{
				border-radius: 0px;
				height: 100%;
			}
		}
	}
	.leftColumn
	{
		display: flex;
		flex-direction: column;
		gap: 30px;
		width: 100%;
		padding: 64px;
	}
	.infoBlockPage
	{
    background-color: transparent;
    background-image: linear-gradient(90deg, #D30000 0%, #6D0000 100%);
    padding-top: 0px;
    overflow: hidden;
    gap: 0px;
	}
	ul
	{
		color: #FFFFFFCC;
    li
    {
    	font-family: "Exo 2", Sans-serif;
	    font-size: 24px;
	    font-weight: 600;
	    line-height: 32px;
	    color: #FFFFFFCC;
	   }
	}
	.sectionTitle
	{
		text-wrap-mode: nowrap;
	}
}