header nav ul li,
header nav ul li ul li {
	list-style-type: none;
	-webkit-box-orient: horizontal
}

.blockTitle,
.buttonMain,
.headerText,
.mobile-menu nav,
.mobile-menu nav ul,
footer form h3,
footer form p {
	text-align: center
}

.blockTitle h2,
.buttonMain,
.headerText .title,
footer .action li a,
footer form h3,
footer form p {
	text-transform: uppercase
}

.centerElementText,
.footerblocks,
.headerTopFirst li .text,
.mobile-menu,
header .container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal
}

.centerElementText,
.footerblocks,
.headerTopFirst li .text,
.mobile-menu,
header .container,
header nav ul li ul li {
	-webkit-box-direction: normal
}

.grecaptcha-badge,
.headerTopSecondMobile,
.open-menu>img:first-child,
a.buttonMain:nth-child(4),
footer .social .img .img-active,
footer .social .img:hover .img-unactive,
header nav ul li ul,
header nav ul li ul li::after {
	display: none
}

.comagic-c-sitephone-container,
.comagic-o-rack {
	z-index: 9999999999 !important
}

a.buttonMain:nth-child(3) {
	line-height: 1 !important;
	padding: 18px 24px 18px 35px;
	font-size: .77em;
	margin-top: -3px
}

* {
	margin: 0;
	padding: 0;
	font-family: Circe;
	outline: 0
}

.blockTitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 94px;
	position: relative;
	z-index: 999999
}

.blockTitle h2 {
	font-size: 39px;
	line-height: 42px;
	color: #2b2f33;
	font-weight: 700;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	text-shadow: 3px 4px 0 rgba(49, 71, 88, .07)
}

.blockTitle h2 span {
	color: #00aee0;
	display: inline-block
}

.blockTitle::after,
.blockTitle::before {
	content: '';
	width: 30px;
	height: 30px;
	background: url(../imgs/svg/nav-point.svg) 0 0/100% 100%;
	display: block
}

li {
	list-style-type: none
}

.container {
	width: 1050px;
	margin: 0 auto
}

a {
	text-decoration: none
}

.buttonMain {
	color: #000;
	font-size: .85em;
	margin-top: 5px;
	font-weight: 400;
	line-height: 20px;
	padding: 18px 30px 20px 35px;
	background: url('../imgs/svg/button.svg') 50% 50%/100% 100% no-repeat;
	border: none;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.buttonMain:hover,
header a:hover .discountIcon {
	-webkit-filter: drop-shadow(0px 0px 7px #ffd220);
	filter: drop-shadow(0px 0px 7px #ffd220)
}

header nav ul li:hover>a {
	color: #00aee0
}

header nav ul li:hover::after {
	background: url(../imgs/svg/navIcon-hover.svg) 0 0/100% 100%
}

.mobile-menu nav {
	width: 80%;
	height: 100%;
	list-style: none;
	background: #fff;
	float: right;
	-webkit-box-shadow: 0 1px 28px 15px rgba(77, 77, 77, .1);
	box-shadow: 0 1px 28px 15px rgba(77, 77, 77, .1);
	overflow-y: scroll
}

.mobile-menu nav ul li {
	padding: 15px 25px;
	text-align: left;
	border-top: 1px solid #e9e9e9
}

.mobile-menu nav ul li:first-child {
	border-top: 0
}

.mobile-menu nav ul li:last-child {
	border-top: 1px solid #e9e9e9
}

.mobile-menu nav ul li a {
	color: #2b2f33;
	font-size: 17px;
	font-weight: 700;
	line-height: 26px;
	display: inline-block;
	width: 95%
}

.mobile-menu-subpoint {
	font-size: 15px !important;
	font-weight: 300 !important
}

.footerblocks .top ul,
.mobile-menu-point .arrowBottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 10px 5px;
}

.mobile-menu,
.mobile-menu .topTitle {
	display: -webkit-box;
	display: -ms-flexbox
}

.mobile-menu {
	background: rgba(0, 0, 0, .6);
	right: -120%;
	width: 100%;
	z-index: 9999999999;
	height: 100%;
	position: fixed;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.mobile-menu .topTitle {
	width: 80%;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	background: #52b6eb
}

.mobile-menu .close-menu img {
	width: 20px;
	height: 20px;
	padding: 20px
}

body {
	overflow-x: hidden
}

header nav ul li .menu-tu {
	width: 340px;
	display: none;
	text-align: left;
	position: absolute;
	border-radius: 20px;
	background-color: #fff;
	padding: 25px 0 20px;
	-webkit-box-shadow: 6px 8px 10px rgba(77, 77, 77, .1);
	box-shadow: 6px 8px 10px rgba(77, 77, 77, .1);
	z-index: 10;
	top: 140%;
	left: 5%
}

.open-menu img {
	width: 35px;
	height: 35px
}

.open-menu {
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.buttonNeedMore,
header .container {
	display: -webkit-box;
	display: -ms-flexbox
}

.menu-tu a {
	color: #404040 !important
}

.menu-tu a:hover {
	color: #00aee0 !important
}

.headerTopSecond nav ul li ul .img {
	position: absolute;
	width: 100%;
	top: -20px;
	left: 30px
}

.headerTopSecond nav ul li ul .img img {
	width: 30px
}

.buttonNeedMore {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 15px;
	align-text: center
}

.headerTopFirst,
.headerTopFirstLeft {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox
}

header {
	height: 100vh;
	background-position-x: center;
	background-position-y: top;
	background: url('../imgs/webp/banner.webp') 50% 0/cover no-repeat
}

header .container {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%
}

.headerTopFirst,
.headerTopFirst li,
.headerTopFirst li .text {
	display: -webkit-box;
	display: -ms-flexbox
}

.headerLogo {
	width: 200px
}

.headerTopFirstLeft {
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.headerTopFirst {
	display: inline-flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 10px
}

.headerTopSocials,
header nav ul {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox
}

.headerTopSocials {
	display: inline-flex
}

.headerTopFirst li .icon {
	background: url('../imgs/svg/imageEmptyCircle.svg') no-repeat;
	padding: 12px
}

.headerTopFirst li .icon img {
	width: 18px
}

.headerTopFirst li {
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.headerTopFirst li .text {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 54.2px;
	margin-left: 10px;
	line-height: 1.2
}

.headerTopFirst .title {
	color: #ffd220;
	font-weight: 600
}

.headerTopFirst .subtitle {
	color: #fff;
	font-weight: 300
}

.discountIcon {
	width: 47px
}

.headerTopFirst {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 8px
}

#count,
#countUL>li>.input,
#ii,
.checkdate,
.footer,
header nav ul li,
header nav ul li ul li {
	display: -webkit-box;
	display: -ms-flexbox
}

.centerElementText a:hover,
.headerTop a:hover .title,
footer .copyright {
	color: #fff
}

header nav {
	background: url('../imgs/webp/nav-bg.webp') 0 0/cover;
	width: 100%;
	padding: 0 10px
}

header nav ul {
	display: inline-flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 100%
}

header nav ul li a {
	color: #000;
	font-weight: 600
}

header nav ul li .menu-tu::after {
	width: 0;
	height: 0;
	top: -41px;
	left: 80px;
	position: absolute;
	border-bottom: 16px solid #fff;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	display: block
}

header nav ul li {
	padding: 16px 3px 12px;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	position: relative;
	z-index: 99999999
}

footer .center .swipebox:hover::after,
footer .social .img:hover .img-active,
header nav ul li:hover ul {
	display: block
}

header nav ul li ul li {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 5px 0 5px 20px
}

.headerTopSecond>nav:nth-child(2)>ul:first-child>li:nth-child(7)>ul:nth-child(2) {
	right: 5%;
	left: unset
}

.headerTopSecond>nav:nth-child(2)>ul:first-child>li:nth-child(7)>ul:nth-child(2)>.img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	right: 5%;
	left: unset
}

.headerBottom .social,
.headerBottom .social a,
footer .center,
footer nav ul {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox
}

header nav ul li::after {
	content: '';
	width: 14px;
	height: 13px;
	display: block;
	background: url(../imgs/svg/navIcon.svg) 0 0/100% 100%;
	margin-right: 5px
}

.headerBottom .social {
	background: #fff;
	border-radius: 9% 24% 35% 25%;
	width: 238px;
	display: inline-flex;
	margin-bottom: 80px;
	padding: 11px 8px;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.headerBottom .social a {
	background: url('../imgs/svg/imageEmptyCircle.svg');
	display: inline-flex;
	padding: 12px;
	background-repeat: no-repeat;
	background-position: center;
	width: 23px;
	height: 23px
}

.headerBottom .social a:hover {
	background: url('../imgs/svg/imageEmptyCircle-hover.svg') center/100% no-repeat
}

.headerBottom .social a img {
	width: 25px
}

.headerText {
	margin-top: 32px
}

.headerText .title {
	font-size: 2.7em;
	font-weight: 900;
	color: #fff;
	line-height: 1;
	text-shadow: 2px 2px 0 rgba(10, 14, 18, .3)
}

.headerText .subtitle {
	font-size: 1.5em
}

.centerElementText a,
.headerText .title span,
footer nav ul li a:hover {
	color: #ffd220
}

#countUL>li>.input,
#ii,
.footer {
	display: flex
}

div.input-item:first-child,
div.input-item:nth-child(2) {
	width: 25%;
	margin-left: 15px
}

div.input-item:nth-child(3) {
	width: 39%;
	margin-left: 15px
}

input.buttonMain:nth-child(5) {
	margin-left: 30px
}

footer .social .img:hover {
	background: url('../imgs/svg/imageEmptyCircle-hover.svg') 0 0/100% no-repeat
}

#id_email,
#id_phone {
	width: 90%;
	padding: 0 10px;
	border-radius: 18px;
	font-size: .9em
}

#countUL>li>div>.next,
#countUL>li>div>.prev {
	border: none;
	cursor: pointer;
	min-width: 35px;
	min-height: 35px
}

#count,
.checkdate {
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.footerblocks,
.footerblocks .top {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	width: 100%
}

#count::after,
.checkdate input::after {
	background: url('../imgs/svg/arrow.svg') 0 0/100% 100%;
	width: 15px;
	height: 15px;
	display: block;
	content: "";
	margin-right: 5px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

#countUL>li>div>.prev {
	background: url('../imgs/svg/prevButton.svg') 0 0/100% 100% no-repeat;
	margin-right: 8px
}

#countUL>li>div>.next {
	background: url('../imgs/svg/nextButton.svg') 0 0/100% 100% no-repeat;
	margin-left: 8px
}

footer {
	background: url(../imgs/svg/footer.svg) 50% 0/cover no-repeat
}

.footerblocks {
	margin: 20px 25px;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: column;
	flex-direction: column
}

.footerblocks .top {
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

footer form {
	width: 30%;
	background: url(../imgs/webp/form-bg.webp) 50% 0/cover no-repeat;
	padding: 55px 10px 60px
}

footer .logo {
	width: 239px
}

footer .center .swipebox img,
footer .logo img {
	width: 100%
}

footer nav ul {
	display: inline-flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

footer .action li a {
	color: #fff;
	font-size: .8em;
	font-weight: 700;
	line-height: 24px;
	display: inline-block;
	border-bottom: 3px dotted #ffd220
}

footer .action li a:hover {
	border-bottom: 3px dotted #ffd22000
}

footer .center {
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-top: 1px solid #79c5eb;
	border-bottom: 1px solid #79c5eb;
	padding: 15px 0
}

.centerElementText,
footer .center .img,
footer .center ul li,
footer form .buttonMain,
form .styledinput {
	display: -webkit-box;
	display: -ms-flexbox
}

footer .center .swipebox {
	width: 50%;
	display: block;
	position: relative
}

footer .center .swipebox::after {
	content: '';
	left: 50%;
	width: 44px;
	height: 44px;
	position: absolute;
	background: url("../img/webp/img-icon.webp") 50% 50% no-repeat;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 45%;
	display: none
}

footer form h3 {
	color: #51b7eb;
	font-size: 1.6em;
	font-weight: 700
}

footer form p {
	font-weight: 400;
	padding-bottom: 29px;
	font-size: .93em
}

form .styledinput {
	width: 210px;
	position: relative;
	border-radius: 21px;
	margin: 0 auto 18px;
	border: 1px solid #ffd220;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

form .styledinput input {
	border: none;
	color: #1d1f21;
	height: 42px;
	z-index: 100;
	margin-bottom: 3px
}

form .styledinput::after {
	content: '';
	top: -4px;
	left: -1px;
	z-index: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 21px;
	border: 1px solid #ffd220;
	background: #fff
}

footer .center .img,
footer .social .img {
	background: url('../imgs/svg/imageEmptyCircle.svg') no-repeat;
	padding: 4px;
	width: 35px;
	height: 35px;
	margin-right: 6px
}

footer form .buttonMain {
	width: 100% !important;
	padding: 15px 30px 15px 35px;
	text-align: center !important;
	margin-top: 20px;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

footer .center .img img,
footer .center ul,
footer .social .img img {
	width: 60%
}

footer .center ul li {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	margin: 15px 0
}

.centerElementText {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #fff
}

footer .container {
	padding: 30px 0
}

footer .center .img {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 35px;
	min-height: 35px;
	max-width: 35px;
	max-height: 35px
}

footer .social,
footer .social .img {
	display: -webkit-box;
	display: -ms-flexbox
}

footer .social {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 15px
}

footer .social .img {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

footer nav ul li a::after {
	content: '';
	top: 50%;
	right: 0;
	width: 1px;
	height: 70%;
	display: block;
	background: #fff;
	-webkit-transform: translate(0, -50%) rotate(23deg);
	-ms-transform: translate(0, -50%) rotate(23deg);
	transform: translate(0, -50%) rotate(23deg)
}

footer nav ul li a {
	display: inline-block;
	color: #fff
}

footer nav ul {
	color: #fff;
	font-size: small
}

.top>a:nth-child(2) {
	padding: 18px 25px 20px 30px;
	margin-bottom: 20px
}

.copyright>a {
	color: white;
	border-bottom: 1.7px dashed;
}

.alert {
	position: fixed;
	bottom: 15px;
	left: 15px;
	padding: 25px;
	background: white;
	z-index: 999999999999;
	border-radius: 5px;
	max-width: 345px;
	border: 2px solid #ffd22040;
	filter: drop-shadow(0px 0px 7px #ffd22040);
	right: 15px;
	display: none;
}

div {}

.alert>.title {
	/* color: #; */
	/* color: #f; */
	/* color: #ff; */
	/* color: #fff; */
	/* font-weight: 7; */
	/* font-weight: 70; */
	color: #000;
	letter-spacing: -.1px;
	text-transform: uppercase;
	font-weight: 700;
}

.alert>p {
	margin-bottom: 25px;
}

.alert>.close-alert>img {
	width: 15px;
}

.alert>.close-alert {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 15px;
}

a.alertbutton.buttonMain {
	display: flex;
	padding: 9px 15px 10px 17px;
}

.headerTopFirst > .middle {
  display: flex;
  gap: 15px;
}