@font-face {
	font-family: 'Gilroy';
	src: url('/fonts/Gilroy-Medium.woff');
}

@font-face {
	font-family: 'Gilroy';
	src: url('/fonts/Gilroy-Regular.woff');
}



/* Теперь можно использовать шрифт */

body {
	margin: 0;
	color: #2c2c2c;
	background: #e2e3de;
	line-height: normal;
	letter-spacing: normal;
	font-family: 'Gilroy';
	width: 100%;
	overflow-x: hidden;
	font-size: 16px;

}

.container {
	max-width: 1300px;
	margin: 0 auto;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #dddddd;
	width: 200px;
	height: 1px;
	border: none;
}

.hr_hr {
	margin-top: 10px auto;
	text-align: center;
	margin-bottom: 10px;
	background-color: #00c3e6;
	width: 100px;
	height: 3px;
	border: none;
}

.first_text_under_h1 {
	margin-top: 30px;
	display: flex;
	align-content: center;
	align-items: center;
}

.nav__color {
	background-color: #000;
}

input {
	border: none;
}

.color_site {
	color: #bc9600;
}

.sink_text {
	color: black;
	font-weight: 400;
}

.dis_none {
	display: none;
}

.big_text {
	font-weight: 600;
	font-size: 100px;
	margin-top: -0px;
	padding: 0;
	line-height: 1;
}

.footer_text_second {
	font-size: 25px;


}

.margin-50 {
	margin-top: 50px;
}

.margin-150 {
	margin-top: 150px;
}

/* preloader */

/* start preloader*/
.preloader-2 {
	position: fixed;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: black;
	z-index: 99999999999999;
	transition: 1s all;
	opacity: 1;
	visibility: visible;
	/*		   background: url(/assets/video/LOGO4k.mp4) center no-repeat;*/
	/*		   background-color: #000000;*/
}

@keyframes spiner {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

.done {
	opacity: 0;
	visibility: hidden
}

/* button*/
#popup__toggle {
	bottom: 85px;
	right: 10px;
	position: fixed;
	z-index: 999;
	display: none;
}

.two_button {
	width: 100%;
	display: flex;
	justify-content: center;

}

.two_button a {
	margin: 50px 20px;
}


.btn-grad {
	background-image: linear-gradient(to right, #b3997d 0%, #FFFFFF 51%, #505050 100%)
}

.btn-grad {
	font-size: 14px;
	font-weight: 500;
	margin: 10px;
	padding: 15px 45px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	transition: 0.5s;
	letter-spacing: 10px;
	background-size: 200% auto;
	color: black;
	display: block;
	cursor: pointer
}

.btn-grad:hover {
	background-position: right center;
	color: #000;
	text-decoration: none;
}

.btn-grad2 {
	border: 1px solid white;
}

.btn-grad2 {
	margin: 10px;
	padding: 15px 45px;
	text-align: center;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	display: block;
}

.btn-grad2:hover {
	background-position: right center;
	/* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}

#app {
	margin: 100px auto;
}

/************************************************/
/****************** NAVIGATION ******************/
/***********x*************************************/
.menu-main {
	list-style: none;
	margin: 0px 0 5px;
	padding: 0px 0 5px;
	text-align: center;

}

.menu-main li {
	display: inline-block;
}

.menu-main li:after {
	content: "";
	color: #fff;
	display: inline-block;
	vertical-align: top;
}

/*
.menu-main li:last-child:after{content: none;
}
*/
.menu-main a {
	text-decoration: none;
	letter-spacing: 2px;
	position: relative;
	padding-bottom: 2px;
	margin: 0 5px 0 30px;
	font-size: 16px;
	color: white;
	display: inline-block;
	transition: color .2s;
}

.menu-main a,
.menu-main a:visited {
	color: #fff;
}

.menu-main a.current,
.menu-main a:hover {
	color: #fff;
}

.menu-main a:before,
.menu-main a:after {
	content: "";
	position: absolute;
	height: 2px;
	top: auto;
	right: 50%;
	bottom: -5px;
	left: 50%;
	background: #fff;
	transition: .8s;
}

.menu-main a:hover:before,
.menu-main .current:before {
	left: 0;
}

.menu-main a:hover:after,
.menu-main .current:after {
	right: 0;
}

@media (max-width: 550px) {
	.menu-main {
		padding-top: 0;
	}


	.menu-main li:after {
		content: none;
	}

	.menu-main a {
		padding: 15px 0 20px;
		margin: 0 0px;
		font-size: 13px
	}
}

@media screen and (max-width: 500px) {

	.two_button {
		flex-direction: column;
	}

	.two_button a {
		margin: 10px 20px;
	}

	#popup__toggle {
		display: block;
	}

	.big_text {
		font-weight: 600;
		font-size: 50px;
		margin-top: 0px;
		padding: 0;
		line-height: 1;
	}

	.first_text_under_h1 {
		margin-top: 30px;
		display: flex;
		font-size: 14px;
		align-content: center;
		align-items: center;
	}
}

/* */
.img-circle {
	background: url(images/mini.png) no-repeat center center;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.circlephone {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	border: 2px solid #b3997d;
	width: 150px;
	height: 150px;
	bottom: -25px;
	right: 10px;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	opacity: .5;
	-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
	-moz-animation: circle-anim 2.4s infinite ease-in-out !important;
	-ms-animation: circle-anim 2.4s infinite ease-in-out !important;
	-o-animation: circle-anim 2.4s infinite ease-in-out !important;
	animation: circle-anim 2.4s infinite ease-in-out !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.s;
}

.circle-fill {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	background-color: #b3997d;
	width: 100px;
	height: 100px;
	bottom: 0px;
	right: 35px;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: circle-fill-anim 2.3s infinite ease-in-out;
	animation: circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
}

.img-circle {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	width: 72px;
	height: 72px;
	bottom: 14px;
	right: 49px;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: .7;
}

.img-circleblock {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	width: 72px;
	height: 72px;
	background-image: url(images/mini.png);
	background-position: center center;
	background-repeat: no-repeat;
	animation-name: tossing;
	-webkit-animation-name: tossing;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

.img-circle:hover {
	opacity: 1;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 1;
	}

	50% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0.9);
		opacity: 1;
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 1;
	}

	50% {
		-webkit-transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(0.95);
		opacity: 1;
	}
}

@keyframes tossing {
	0% {
		transform: rotate(-8deg);
	}

	50% {
		transform: rotate(8deg);
	}

	100% {
		transform: rotate(-8deg);
	}
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-8deg);
	}

	50% {
		-webkit-transform: rotate(8deg);
	}

	100% {
		-webkit-transform: rotate(-8deg);
	}
}

@-moz-keyframes circle-anim {
	0% {
		-moz-transform: rotate(0deg) scale(0.5) skew(1deg);
		opacity: .1;
		-moz-opacity: .1;
		-webkit-opacity: .1;
		-o-opacity: .1;
	}

	30% {
		-moz-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .5;
		-moz-opacity: .5;
		-webkit-opacity: .5;
		-o-opacity: .5;
	}

	100% {
		-moz-transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .6;
		-moz-opacity: .6;
		-webkit-opacity: .6;
		-o-opacity: .1;
	}
}

@-webkit-keyframes circle-anim {
	0% {
		-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
		-webkit-opacity: .1;
	}

	30% {
		-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
		-webkit-opacity: .5;
	}

	100% {
		-webkit-transform: rotate(0deg) scale(1) skew(1deg);
		-webkit-opacity: .1;
	}
}

@-o-keyframes circle-anim {
	0% {
		-o-transform: rotate(0deg) kscale(0.5) skew(1deg);
		-o-opacity: .1;
	}

	30% {
		-o-transform: rotate(0deg) scale(0.7) skew(1deg);
		-o-opacity: .5;
	}

	100% {
		-o-transform: rotate(0deg) scale(1) skew(1deg);
		-o-opacity: .1;
	}
}

@keyframes circle-anim {
	0% {
		transform: rotate(0deg) scale(0.5) skew(1deg);
		opacity: .1;
	}

	30% {
		transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .5;
	}

	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .1;
	}
}

@-moz-keyframes circle-fill-anim {
	0% {
		-moz-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2;
	}

	50% {
		-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
		opacity: .2;
	}

	100% {
		-moz-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2;
	}
}

@-webkit-keyframes circle-fill-anim {
	0% {
		-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2;
	}

	50% {
		-webkit-transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .2;
	}

	100% {
		-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2;
	}
}

@-o-keyframes circle-fill-anim {
	0% {
		-o-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2;
	}

	50% {
		-o-transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .2;
	}

	100% {
		-o-transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2;
	}
}

@keyframes circle-fill-anim {
	0% {
		transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2;
	}

	50% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .2;
	}

	100% {
		transform: rotate(0deg) scale(0.7) skew(1deg);
		opacity: .2;
	}
}



.title_list {
	widows: 100%;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;

}

.title_list li {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 20px 0;
	margin-bottom: 0;
	text-align: center;
	list-style: none;
	text-shadow: 2px 3px 4px #000000;
}

.bonus {
	padding: 2%;
	top: 150px;
	height: 20rem;
	background-color: #152059c7;
	width: 30rem;
	position: absolute;
	border-radius: 10px;
	float: left;
	left: 50%;
	background-image: url(images/gift.png);
	background-position: 140% 30%;
	background-size: 300px;
	background-repeat: no-repeat;

}

.bonus p {

	color: white;
	font-weight: 400;
	font-size: 0.8rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;

}

.bonus_text {
	text-transform: uppercase;
	font-size: 3.5rem;
	font-weight: 800;
	letter-spacing: 0px;
	color: #bc9600;


}

.bonus_text_two {
	font-size: 1.5rem;
	font-weight: 400;
	color: white;
	line-height: 0.6;

}

.bonus_text_three {
	letter-spacing: 3.8px;
	font-weight: 400;
	text-transform: uppercase;

}

.bonus_form {
	display: flex;
	flex-direction: column;

}

.bonus_form input {
	width: 50%;
	padding: 10px;
	margin: 5px;
	border-radius: 10px;
	background-color: #faebd700;
	border-bottom: 1px solid #ddc777;
	color: white;
}

.bonus_form button {
	width: 50%;
	padding: 10px;
	margin-top: 20px;
	border-radius: 10px;
	border: 1px solid #ddc777;
	color: white;
}

#boxercontainer {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 45%;
	background-size: 120% 120%;
	background-position: 50% 50%;
	overflow: hidden;
	min-height: 650px;
}

#boxercontainer div {
	position: absolute;
	width: 60%;
	left: 20px;
	top: 50px;

	padding: 2rem;
	font-size: 1.2rem;
	background: rgba(0, 0, 0, 0.2);
}

#boxercontainer img {
	position: absolute;
	right: 50px;
	filter: drop-shadow(-200px 200px 50px #000);
	padding: 1rem;
	z-index: 2;
}

#boxercontainer h1 {
	text-align: left;
	font-size: 2rem;
	line-height: 35px;
	font-weight: 900;
	margin: 0;
	text-transform: uppercase;
}

#boxercontainer p {
	position: relative;
	line-height: 1.2;
	margin: 1rem 0;
	z-index: 3;
}

/* THE START ANIMATION */

.table_animation_left {
	position: absolute;
	float: right;

	top: 600px;
	left: 10%
}

.table_animation_left img {
	width: 500px
}

.table_animation_right {
	position: absolute;
	float: left;
	top: 500px;
	right: 0%;
}

@media screen and (max-width:786px) {
	.table_animation_left {
		position: absolute;
		float: right;

		top: 650px;
		left: 0%
	}

	.table_animation_left img {
		width: 300px
	}

	.table_animation_right {
		position: absolute;
		float: left;
		top: 500px;
		right: 0%;
	}

}






/* THE END ANIMATION */

.section-lider {
 padding: 100px 50px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 400px;
 
	background-color: black

}

.section-lider h3 {
	text-align: left;
	font-weight: 400;
	color: whitesmoke
}

.section-lider_block {
	height: 100px;
	margin: 100px auto;
	display: flex;
	justify-content: space-between;



}

.section-lider_block img {
	padding: 10px;
	filter: sepia(1);
	cursor: pointer;

}

.section-lider_block img:hover {
	filter: none;
	transition-duration: 1s;
	transform: scale(1.1)
}

#third_section {
	margin: 50px auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;


}

h2 {

	margin: 20px;
	font-weight: 600;
	font-size: 2em;
	line-height: 30px;

}

h2::after {


	height: 1px;
	width: 70px;
	content: " ";

	position: relative;
	background: #72c02c;
}

.accordion {

	color: black;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
	font-weight: 600;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	border-bottom: 1px solid #0000004f;
	width: 1025px;
	margin-left: auto;
	margin-right: auto;
}


.accordion:hover {
	opacity: 0.9
}

.li_a {

	text-decoration: none;
	border-radius: 4px;
	margin-top: 20px;
	position: relative;
	list-style-type: none;
}

.hidden {
	max-width: 1025px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 8px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	text-align: left;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	opacity: 0;
	color: #000;
	transition: all 0.5s linear;

}

.active {
	padding: 0 20px 20px 20px;
	visibility: visible;
	height: auto;
	overflow: none;
	opacity: 1;
}

.footer-socials2 {
	z-index: 999999999;
	display: none
}

@media all and (max-width: 1200px) {
	.bonus {
		left: 40%;
		background-image: none;
	}

	.cBsQGT {
		margin-left: 50px;
	}

	#boxercontainer {

		background-size: contain;
	}

}

@media all and (max-width: 875px) {
	.section-lider {
	height: 820px;
		margin-top: 0px;
		text-align: center;
	}
	.section-lider_block {
 flex-direction: column;
	}

	.section-lider_block img {
		width: 150px;
		margin: 10px auto
	}

	.section-lider_block {
		margin: 50px auto;


	}

}

.display_desc {
	display: block;
}

.display_mobil {
	display: none;
}

@media all and (max-width: 785px) {
	.display_mobil {
		display: block;
	}

	.display_desc {
		display: none;
	}

	.footer-socials2 {
		position: fixed;
		bottom: 0px;
		text-align: center;
		display: flex;
		justify-content: space-around;
		margin-bottom: 0;
		padding: 0px;
		left: 0;
		right: 0;
		background-color: #192337;
		color: white;
		z-index: 9999999;
	}

	.footer-socials2 a {
		padding: 20px;
	}

	#boxercontainer div {
		top: -5px;
		left: 5px;
		padding: 0rem;
		margin-bottom: 0px;

	}

	#boxercontainer img {
		width: 50%;
		left: 220px;
	}

	ul {
		padding: 0px;
		width: 98%
	}

	.li_a {

		margin-left: 20px;
		margin-right: 20px;

	}

	.accordion {
		width: 100%;

		font-size: 15px;
	}

	.hidden {

		width: 100%;
		font-size: 15px;

	}

	.section-lider h3 {
		text-align: center;

		line-height: normal
	}
}

@media all and (max-width: 725px) {
	#boxercontainer {
		background-size: contain;

	}

	#boxercontainer img {
		position: relative;
		display: block;
		margin-top: 5%;
		left: 0px;
		filter: drop-shadow(-30px 50px 20px rgba(0, 0, 0, 0.8));
		z-index: 0;
		padding: auto;
		margin-left: auto;
		margin-right: auto;

	}

	#boxercontainer div {
		width: 80%;
		margin: 1% auto;
		position: relative;
		background: rgba(0, 0, 0, 0.9);
		z-index: 4;
	}
}

@media all and (max-width: 500px) {
	#boxercontainer div {
		width: 90%;
	}

	#boxercontainer {
		width: 100%;
		max-width: 1300px;
		margin: 0 auto;
		position: relative;
		padding-bottom: 5%;
		background-size: 120% 120%;
		background-position: 50% 50%;
		overflow: hidden;
		min-height: 650px;
	}

	#boxercontainer img {
		width: 100%;
		position: relative;
		display: block;
		margin-top: -5%;
		filter: drop-shadow(-30px 50px 20px rgba(0, 0, 0, 0.8));
		z-index: 0;

	}
}

/*  THE START ABOUT COMPANY */
#fouth_blok {
	height: auto;
}



.cBsQGT {
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #FFFFFF;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

/* THE END ABOUT COMPANY */

#five_blok {
	background-color: black;
	display: flex;
	position: relative;
	justify-content: space-between;
	align-content: flex-end;


}

.five_blok_social {
	padding: 0px 0;
	width: 100%;
	height: 500px;


}


#five_blok h3 {
	text-align: right;
	color: #fff;
	line-height: normal;

}

.five_form {
	position: absolute;
	width: 50%;
	display: flex;
	z-index: 22;
	top: 10%;
	flex-direction: column;
	justify-content: flex-end;
	padding: 50px;
	border-radius: 8px;
	color: white;
	background-color: #000;
	right: 50px;
}

.five_form p {
	margin: 10px 0;
}

.five_form {
	text-align: right
}

.bonus_form_five {
	width: 100%;
	display: flex;
	flex-direction: column;
}

form > div {
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	text-align: right
}

.bonus_form_five div:last-child {
	font-size: 12px;
}

.bonus_form_five input[type=text],
.bonus_form_five input[type=email],
.bonus_form_five input[type=tel] {
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 16px;
		font-family: inherit;
	background-color: #3c636a00;
	border-bottom: 1px solid #bba38a;
	color: white;
}
textarea {
		width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 16px;
	font-family: inherit;
	background-color: #3c636a00;
	border-bottom: 1px solid #bba38a;
	color: white;
	outline: none;
}

.footer_li_socil {
	display: flex;
	justify-content: flex-start;

}

.footer_social {
	display: flex;
	justify-content: center;
}

.footer_social a {
	margin: 5px;
}

.footer_li_socil li {
	padding: 10px;

}

html,
body {
	scroll-behavior: smooth;
	font-size: 16px;
	padding: 0;

	overflow-x: hidden
}

/* footer*/
footer {
	display: flex;
	flex-direction: column;
	background-color: #000;
	color: #fff;
	padding: 50px 50px;
}

footer div:first-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	text-align: left;
}

.footer_logo p {
	font-size: 14px;
}

footer div:first-child p {
	text-align: left;
}

footer > div:last-child {
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	font-size: 12px;
	opacity: 0.5;
}

@media only screen and (min-width:1024px) {

	html,
	body {
		font-size: 18px;
	}
}

html {
	box-sizing: border-box;

}

*,
*:before,
*:after {
	box-sizing: border-box;
	margin: 0;
}

body {

	font-weight: 400;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

h1 {
	font-weight: 400;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 3rem;
	letter-spacing: 0.5px;
	margin: 10px auto 30px auto;
	color: white;
}



h3 {
	font-weight: 100;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 1.5rem;
	letter-spacing: 0.5px;

}

input:focus {
	outline: 0;
}

h4 {
	margin-top: 0px;
	font-size: 1.2rem;

	word-spacing: 1.5px;
}

h5 {
	font-size: 1rem;
}

h6 {
	font-size: 1.2rem;
}

p {
	font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {

	z-index: 1;

}

a {
	color: inherit;
	-webkit-text-decoration: none;
	text-decoration: none;
	cursor: pointer;
}

/*стили для формы обратной связи */
#feedback,
#thank {
	display: none;
	padding: 10px;
	text-align: center;
	padding: 50px 100px;
	background-color: #00C3E6;
	border-radius: 5px;
	color: white;

}

#feedback h2 {
	font-size: 15px;
}

#f_send {
	margin-top: 10px;
	margin-left: 17px;
	background: black;
	color: white;
	border: none;
	width: 200px;
	height: 40px;
	border-radius: 8px;
	color: white;
	font-size: 15px;

	cursor: pointer;

}

#f_name,
#f_email {
	width: 305px;
	height: 33px;
	background: none;
	margin: 5px;
	border: 1px solid #4a494666;
	border-radius: 8px;
	text-align: center;
	color: white;
	font-size: 15px;
}

#f_msg {
	height: 100px;
	width: 305px;
	text-align: center;
	border: 1px solid #4a494666;
	border-radius: 8px;
	background-color: #00C3E6;
	color: white;
}

/*the end form*/
/* sc-component-id: styles__Wrapper-sc-1fladw7-0 */
.kEKDod {
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: transparent;
	color: #fff;
	cursor: pointer;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-weight: 500;
	height: 45px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	padding: 0 1.5rem 4px;
	position: relative;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	z-index: 0;

}

@media only screen and (min-width:768px) {
	.kEKDod {
		font-size: 1.125rem;
		height: 45px;
		border: 2px solid #00C3E6;
	}
}

@media only screen and (min-width:1024px) {
	.kEKDod {
		font-size: 14px;
		height: 48px;
		border: 2px solid #00C3E6;

	}
}

.kEKDod:focus {
	outline: 0;
	border: 2px solid #00C3E6;
}

.kEKDod:before {
	border: 2px solid #fff;
	content: '';
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	width: 100%;
	z-index: -1;


}

@media only screen and (min-width:1024px) {
	.kEKDod:hover:before {
		opacity: 0.5;
		border: 2px solid #00C3E6;
	}
}

.jTEjBM {

	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #00C3E6;
	color: white;
	cursor: pointer;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 1rem;
	height: 48px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	padding: 0 1.5rem 4px;
	position: relative;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	z-index: 0;
}

.jTEjBM:active {
	top: 1px;
	box-shadow: none;
}

.jTEjBM:hover {
	transition: .5s linear;
	background-position: 00% 0, 0 0;
}

@media only screen and (min-width:768px) {

	.jTEjBM {
		font-size: 1.125rem;
		height: 52px;
	}
}

@media only screen and (min-width:1024px) {
	.jTEjBM {
		font-size: 1rem;
		height: 60px;
	}
}

.jTEjBM:focus {
	outline: 0;
}

.jTEjBM:before {
	background: rgba(0, 0, 0, 0.15);
	content: '';
	left: 0;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	width: 100%;
	z-index: -1;
}

@media only screen and (min-width:1024px) {
	.jTEjBM:hover:before {
		opacity: 1;
	}
}

/* sc-component-id: styles__Wrapper-di7hip-0 */
.kbsLar {
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.button_see_all {
	width: 100%;
	display: flex;
	justify-content: flex-start;
}

/* sc-component-id: styles__ImageContainer-di7hip-1 */
.dSxDUc {
	position: relative;
	height: 100%;
	width: 100%;
	background-size: cover;

}

/* sc-component-id: styles__ImageElement-di7hip-2 */
.jQFlBH {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* sc-component-id: styles__ImageMask-di7hip-3 */
.iACCYR {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

	opacity: 1;
}

.iACCYR.isRendered {
	opacity: 0;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

/* sc-component-id: styles__Wrapper-sc-18zx967-0 */
.cxhVkU {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

/* sc-component-id: styles__CalmBackgroundImage-sc-18zx967-1 */
.bwFGTd {
	height: 100%;
	width: 100%;
}

/* sc-component-id: styles__Wrapper-sc-1o6m5ud-0 */
.URmrJ {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.URmrJ1 {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

/* sc-component-id: styles__Grid-sc-1o6m5ud-1 */
.cNSInZ {
	display: grid;
	grid-gap: 16px;
	grid-template-columns: 1fr;
	margin: 0 16px;
	width: 100%;
}

@media only screen and (min-width:480px) {
	.cNSInZ {
		grid-gap: 24px;
		margin: 0 24px;
	}
}

@media only screen and (min-width:768px) {
	.cNSInZ {
		grid-template-columns: 1fr;
	}
}

@media only screen and (min-width:1024px) {
	.cNSInZ {
		grid-gap: 36px;
		max-width: 960px;
		margin: 0 36px;
	}
}

@media only screen and (min-width:1440px) {
	.cNSInZ {
		grid-gap: 48px;
		grid-template-columns: 1fr;
		max-width: 1168px;
		margin: 0 48px;
	}
}

.gDHQDb {
	display: grid;
	grid-template-columns: 1fr;
	margin: 0 16px;
	width: 100%;
}

.about_psy {
	padding: 50px 50px 50px 50px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	background-color: white;
	color: black;
	font-weight: 100;
	max-width: 1300px;
	margin: 0 auto;
	z-index: 1;

}

.all_blok_psy {
	display: flex;
	justify-content: center;
}

.about_psy_blok {
	padding: 50px 20px 50px 20px;
	display: flex;
	width: 25em;
	margin: 5px;
	text-align: center;
	align-items: flex-start;
	text-align: left;
	font-size: 14px;
	z-index: 0;
	/*	box-shadow: 0px 0px 10px #8787872e ; */
	border-radius: 10px;
	background-color: #1f3177;
	border-radius: 10px;
	font-weight: 400;
	box-shadow: 2px 3px 10px #0000002e;
}

.about_psy_blok:hover {

	transform: scale(1.02);
	transition: all 0.5s ease-in-out;

}

.our_statics_text {
	font-weight: 800;
	font-size: 15px;
	text-transform: uppercase
}

/*
 THE START BLOK PORTFOLIO
*/


/*the start portfolio  */

.portfolio {
	position: relative;
	min-height: 100vh;
	z-index: 2;
}

.portfolio__title {
	line-height: 1;
}

.portfolio__list {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;

}

.portfolio__item {
	width: 100%;
	background-color: #000;
	cursor: none;
}

#price .swiper {
	width: 50%;
	margin: 0;
}

.fouth_blok_text {
	width: 100%;
	padding: 10px 50px;
	align-content: flex-start;
	text-align: left;
	align-items: center;
}
.portfolio__l {
	display: flex;
	padding-top: 100px;
	justify-content: space-between;
/*	 background-color: #; */
}
.portfolio__i {
	width: 30%;
	height: 500px;
	
}
.portfolio__i:last-child {
	width: 60%;
}
.portfolio__i img {
	text-align: center;
	margin: 0 auto;
}

.aqua_text {
/*color: #fff;*/
	font-size: 25px;
	letter-spacing: 10px;
	text-transform: uppercase;
}
.aqua_text_small hr {
color: black;
	height: 3px;
	background-color: black
}
.aqua_text_small {
	font-weight: 500;
/*	color: #fff;*/


}

.aqua_text_small p {
	text-align: left;
	margin-top: 20px;
	line-height: 19px;
	font-size: 16px;
	font-weight: 500;
	



}

@media (min-width: 768px) and (max-width: 1024px) {

	.portfolio__list {
		position: relative;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.portfolio__list::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 50%;
		z-index: 9;
	}
}



@media (min-width: 768px) and (max-width: 1024px) {
	.portfolio__item {
		width: 100%;
		height: 44rem;
		z-index: 10;
	}

	.portfolio__item:first-child {
		position: relative;
	}
}

@media screen and (max-width: 768px) {
	.portfolio__l {
	display: flex;
		flex-direction: column;

}
.portfolio__i {
	width: 100%;
	height: auto
}
	.five_blok_social li {
		display: flex;
		text-align: center;
		align-items: center;
		align-content: center;
		list-style-type: none;
		padding: 0px 0;
		margin: 0;
		color: #192337;
		opacity: 1;
	}

	.five_blok_social ul li {
		text-align: center;
		font-size: 15px;
		margin-bottom: 20px;
		justify-content: center;
	}

	.five_blok_social li:hover {

		color: #00C3E6;
		transition: 0.3s ease-in-out;

	}

	.footer_li_socil {
		display: flex;
		justify-content: center;

	}

	.footer_li_socil li {
		padding: 20px;

	}

	.portfolio__list {
		flex-direction: column;
	}

	.portfolio__item {
		width: 100%;
		height: 24rem;
	}

	.aqua_text_small {
		font-weight: 500;
		color: ;

	}

	.aqua_text_small p {
		font-weight: 500;
	}
}

.portfolio__link {
	position: relative;
	z-index: 2;
	height: 100%;
	width: 100%;
	display: block;
}

.portfolio__link:hover .portfolio__text {
	opacity: 1;
	visibility: visible;
	transition: opacity .3s linear;
}

.portfolio__link:hover .portfolio__title,
.portfolio__link:hover .portfolio__description {
	opacity: 1;
}

.portfolio__link:hover .portfolio__image-desctop,
.portfolio__link:hover .portfolio__image {
	-ms-transform: scale(1.09);
	transform: scale(1.09);
	transition: transform 20s cubic-bezier(0, 1, 0.35, 1);
}

@media screen and (max-width: 768px) {

	.portfolio__link:hover .portfolio__image-desctop,
	.portfolio__link:hover .portfolio__image {
		-ms-transform: none;
		transform: none;
	}
}

.portfolio__image {

	display: block;
	width: 100%;
	height: 100%;

	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

}

@media (max-width: 1490px) {
	.portfolio__image {
		width: 101%;
		height: 101%;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: block;
		transition: transform 20s cubic-bezier(0, 1, 0.35, 1);
	}
}

.portfolio__image-desctop {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: -.1rem;
	left: -.1rem;

}

@media (max-width: 1490px) {
	.portfolio__image-desctop {
		display: none;
	}
}

.portfolio__text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	color: #ffffff;
	overflow: hidden;
	opacity: 0;
	transition: opacity .3s linear;
	z-index: 4;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.portfolio__text {
		opacity: 1;
		visibility: visible;
	}

	.portfolio__text:hover .portfolio__description {
		opacity: 1;
		visibility: visible;
	}
}

@media screen and (max-width: 768px) {
	.portfolio__text {
		display: none;
	}

	.portfolio__text:hover .portfolio__description {
		opacity: 1;
		visibility: visible;
	}

	.text_long_blok {
		height: auto;

/*		background-color: white;*/
		align-items: center;
	}
	.fouth_blok_text p {

	}
	.fouth_blok_text {
		padding: 0px 30px;
		margin-bottom: 80px;

/*
		background-color: black;
		color: white;
*/
	}
	.fouth_blok_text hr {
	
	}
	.portfolio__i{
margin-bottom: 150px;
	}
	
}

.portfolio__text-container {
	margin: 70%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 768px) {
	.portfolio__text-container {
		position: absolute;
		top: 80%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0;
		width: 80%;
		text-align: left;
	}
}

.portfolio__title {
	font-size: 26px;
	font-weight: 700;
	line-height: auto;
	text-align: center;
	opacity: 0;
	transition: opacity .3s linear;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.portfolio__title {
		opacity: 1;
		visibility: visible;
		font-size: 16px;

	}
	
}

@media screen and (max-width: 768px) {
	.portfolio__title {
		opacity: 1;
		visibility: visible;
		font-size: 20px;

	}

	.portfolio_text {
		background: linear-gradient(to left bottom, RGBA(8, 16, 33, 0.01), #000000);
	}
}

@media screen and (min-width: 5100px) {
	.portfolio__title {
		font-size: 16px;

	}
}



@media (min-width: 768px) and (max-width: 1024px) {
	.portfolio__description {
		opacity: 1;
		visibility: visible;
		font-size: 16px;
		font-weight: 500
	}
}

@media screen and (max-width: 768px) {
	.portfolio__description {
		opacity: 1;
		visibility: visible;
		font-size: 1rem;
		line-height: auto;
	}
}

@media screen and (min-width: 5100px) {
	.portfolio__description {
		font-size: 2.8rem;
		line-height: 3rem;
	}
}

/*the end portfolio */
/* OUR GOAL START*/


#our_goal {
	width: 100%;
	position: relative;
	margin-top: 100px;
	padding: 0 0 50px 0;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 14px;
}

.all_goal {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 0 30px;
}

.goal_left {
	width: 50%;
}

.goal_left img {
	width: 600px;
}

.goal_right {
	width: 50%;
	display: flex;
	justify-content: flex-start;
	text-align: left;
	flex-direction: column;


}

.goal_right div {
	margin: 20px 0;

}

.goal_right div p {
	font-size: 14px;
}

.goal_right div p {
	margin-top: 20px;
}

@media screen and (max-width:1024px) {
	.all_goal {
		flex-direction: column;

	}

	.goal_right,
	.goal_left {
		width: 100%;
	}

	.goal_left img {
		width: 100%;
	}
	.portfolio__l {
		flex-direction: column;
	}
	.portfolio__i {
		width: 100%;
		height: 500px;
		
	}
	.portfolio__i:last-child {
		width: 100%;
	}
}

/* OUR SERVICES */
#all_services {
	width: 100%;
	position: relative;
	margin: 50px auto 0 auto;

	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 14px;
}

.services_blok {
	padding: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.services {
	flex-direction: column;
	justify-content: center;
	width: 24%;
	margin: 10px 5px;
	padding: 10px 20px;
	text-align: left;
	border-radius: 10px;

}

.services a {
	margin-top: 0;
}

.services:hover {
	transform: scale(1.05);
	transition: all 0.5s ease-in-out;
}

.services ul {
	width: 100%;
	padding-top: 20px;
	padding-left: 20px;
}

.services ul li {
	width: 100%;
	padding-top: 5px;
}

@media screen and (max-width:1024px) {
	#all_services {
		flex-direction: column;
	}

	.services_blok {
		flex-direction: column;
		padding: 20px;
	}

	.services {
		width: 100%;
		margin: 10px auto;

	}

	.services ul li {
		width: 100%;
		padding-left: 10px;
	}
}

/* the start section Benefit  */
/* OUR SERVICES */
#all_prices {
	width: 100%;
	position: relative;
	margin: 15px auto;

	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-align: center;
	font-size: 14px;
}

.prices_blok {
	padding: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.prices {
	flex-direction: column;
	width: 48%;
	margin: 10px 5px;
	padding: 30px 20px;
	text-align: left;
	box-shadow: 0px 0px 25px #1923371a;
	border-radius: 10px;

}

.prices:hover {
	transform: scale(1.05);
	transition: all 0.5s ease-in-out;
}

.prices ul {
	width: 100%;
	padding-top: 20px;
	padding-left: 20px
}

.prices ul li {
	width: 100%;
	padding-top: 5px;
}

@media screen and (max-width:1024px) {
	#all_prices {
		flex-direction: column;
	}

	.prices_blok {
		flex-direction: column;
		padding: 20px;
	}

	.prices {
		width: 100%;
		padding: 30px;
		margin: 10px auto;

	}

	.prices ul li {
		width: 100%;
		padding-left: 10px;
	}

	/* the start menu */

	/*  the end */
	#header {
		width: 100%;
		position: fixed;
		padding: 0 20px;

	}

	nav.menu_list {
		position: absolute;
		top: 0;
		left: -100%;
		height: 100vh;
		width: 100%;
		background-color: black;
		z-index: 11;
		transition: all 2s;
		overflow: auto
	}

	.menu_list.active {
		left: 0;

	}

	.menu_list ul {
		margin-top: 10%;
		font-size: 30px;
		line-height: 70px;
		display: flex;
		flex-direction: column;
		padding-left: 0px;
		margin-left: 0;
		padding-left: 0;
		text-transform: uppercase;
	}

	.menu_list.active ul {
		margin-top: 30%;
		font-size: 30px;
		line-height: 70px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 0px;
		text-transform: uppercase;
	}

	.menu_list ul li:first-child {
		display: block;
	}

	.menu__icon {
		display: block;
		width: 50px;
		height: 30px;
		background: none;
		position: relative;
		z-index: 99;
		cursor: pointer;

	}

	.menu__icon span {
		position: absolute;
		top: calc(50% - 1px);
		left: 0;
		width: 100%;
		height: 4px;
		background-color: white;

	}

	.menu__icon span:first-child {
		top: 0;
	}

	.menu__icon span:last-child {
		top: auto;
		bottom: 0;


	}

	.menu__icon.active span {
		transform: scale(0)
	}

	.menu__icon.active span:first-child {
		transform: rotate(-45deg);
		top: calc(50% - 1px);
	}

	.menu__icon.active span:last-child {
		transform: rotate(45deg);
		bottom: calc(50% - 1px);
	}

	body.lock {
		overflow: hidden;
	}



	/*	the end menu */
}

/* */
#benefit {
	width: 100%;
	position: relative;
	margin-top: 100px;
	padding: 0 0 50px 0;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	background-color: #1f3177;
}

#benefit h2 {
	margin-right: 20px;
}

#benefit:before {
	content: '';
	position: absolute;
	top: 142px;
	width: 0;
	height: 0;
	border-bottom: 350px solid #0a1b5a;
	border-left: 100vw solid transparent;
	z-index: 0;
}

/* the end section Benefit  */

#list_of_benefits {
	position: relative;
	margin-top: 0px;
	padding: 0 0 50px 0;
	max-width: 100%;
	align-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-around;
	background-color: #0a1b5a;
	box-shadow: 2px 2px 10px #8787872e;
}

.right_benefits {
	width: 30%;
}

.right_list li {
	color: white;
	display: flex;
	text-align: left;
	margin: 10px;
	width: 40%;
	background-color: #1f3177;
	border-radius: 10px;
	justify-content: flex-start;
	padding: 20px 30px;
	box-shadow: 2px 2px 10px #8787872e;
}

.left_benefits img {
	width: 100%;
}

/* the start region blok */

#region_blok {
	margin-top: 150px;
	display: flex;
	flex-direction: column;
	height: 1000px;
	border-radius: 20px;
	padding: 50px;
	/*background-image: url(images/map.png);
	background-repeat: no-repeat;
	background-position: center; */
	box-shadow: 2px 2px 10px #8787872e;
}


/* the start region count   */
.region_blok_count {
	margin: 0px 0;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	background: linear-gradient(to top, #e2e3de, #00000200);

}

.our_region_item {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin: 0 20px;
	width: 35%;
	padding: 25px;
	font-size: 16px;
}

.our_region_item > div hr {
	margin: 10px auto;
	text-align: center;
	height: 2px;
	background-image: linear-gradient(to right, #b3997d 0%, #FFFFFF 51%);
}

.our_region_item h1 {
	width: auto;
	font-size: 100px;
	/* color: #000; */
	margin: 0px;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(166deg, #ffd2a4, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.our_region_item:hover {
	transform: scale(1.1);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.our_region_item h3 {
	color: #000;
	font-size: 20px;
	font-weight: 400
}

.not_found {
	padding: 30px 0;
	color: #1f3177;
	font-weight: 900;
}


.region_blok_map {
	width: auto;
	position: relative;
	display: flex;
	align-content: center;
	align-items: center;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;

}

.region_img {
	width: auto;
	position: absolute;
	z-index: 1;
	top: 0%;


}

.red_point {
	position: absolute;
	display: inline;
	top: 250px;
	left: 25%;
	z-index: 1000;

}

#css_animation {
	position: absolute;
	height: 10px;
	width: 10px;
	left: 100px;
	border-radius: 25px;
	background: rgb(188 150 0);
	transform: scale(0);
	animation: myfirst 3s;
	animation-iteration-count: infinite;
}

#css_animation1 {
	position: absolute;
	height: 20px;
	width: 20px;
	left: 20%;
	top: 10%;
	border-radius: 25px;
	background: rgb(188 150 0);
	transform: scale(0);
	animation: myfirst 3s;
	animation-iteration-count: infinite;
}

#css_animation2 {
	position: absolute;
	height: 50px;
	width: 50px;
	left: 15%;
	border-radius: 25px;
	background: rgb(188 150 0);
	transform: scale(0);
	animation: myfirst 3s;
	animation-iteration-count: infinite;
}

#css_animation3 {
	position: absolute;
	height: 50px;
	width: 50px;
	left: 200px;
	border-radius: 25px;
	background: rgb(188 150 0);
	transform: scale(0);
	animation: myfirst 3s;
	animation-iteration-count: infinite;
}

#css_animation4 {
	position: absolute;
	height: 50px;
	width: 50px;
	left: 400px;
	top: 50px;
	border-radius: 25px;
	background: rgb(188 150 0);
	transform: scale(0);
	animation: myfirst 3s;
	animation-iteration-count: infinite;
}

@keyframes myfirst {
	to {
		transform: scale(2);
		background: rgba(0, 0, 0, 0);
	}
}

/* how it work */
#how_it_work {
	max-width: 100%;
	height: 100%;
	color: black;
	position: relative;
}

#how_it_work h2 {
	text-align: center;
	padding-top: 80px;
	color: #1f3177;

}

.how_it_work_container {
	max-width: 1200px;
	background-image: url(images/how.jpg);
	background-repeat: no-repeat;
	height: 690px;
	padding: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 10px #8787872e;
	border-radius: 10px;
}

.how_it_work_container-one {
	display: flex;
	width: 100%;
	justify-content: space-around;
	align-content: center;
	align-items: center;
}

.how_blok {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
	align-items: center;
	width: 40%
}

.round {
	border-radius: 50px;
	background-color: #000;
	box-shadow: 0px 0px 10px #8787872e;
	height: 60px;
	width: 60px;
	margin-bottom: 20px;
	color: white;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: baseline;
}

.how_blok span {
	font-weight: 900;
	color: #dabc98;
	text-align: center
}

.how_blok p {
	text-align: center
}

.round p {
	text-align: center;
	padding: 18px;
	color: #fff;
}

.how_it_work_container-two {
	display: flex;
	justify-content: center;
	text-align: center
}

.icon_how {
	position: absolute;
	left: 5%;
	top: 540px;
	transform-origin: 25% 50%
}

.icon_how2 {
	position: absolute;
	left: 5%;
	top: 200px;
	transform-origin: 25% 50%
}

.icon_how3 {
	position: absolute;
	left: 80%;
	top: 380px;
	transform-origin: 25% 50%
}

/* the end how it work */

/* opinion blok */
#opinion_blok_all {
	height: auto;
	max-width: 1300px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

.fa-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 0px 10px #8787872e;
	border-radius: 50%;
	animation: radial-anakausug 1s infinite;

}

@keyframes radial-anakausug {
	0% {
		box-shadow: 0 0 0 0px rgb(39 67 204 / 50%);
	}

	50% {
		box-shadow: 0 0 0 30px rgb(243 243 243 / 1%);
	}

	100% {
		box-shadow: 0 0 0 40px rgb(243 243 243 / 0%);
	}

}

.fa-play:hover {
	animation: none;
	transform: scale(0.5)
}

.owl-carousel {
	width: 50%;
}

.opinion_blok {
	width: 350px;
	position: relative;
	margin-top: 50px;
	display: flex;
	align-content: center;
	align-items: center;
	text-align: center;
	font-size: 14px;
	z-index: 0;
	box-shadow: 0px 0px 10px #8787872e;
	border-radius: 10px;
	background-color: white;
	border-radius: 10px;
	font-weight: 400
}

/* the end opinion blok */
#header {
	display: none;
}


@media screen and (min-width: 1024px) {
	.our_statics {
		margin-bottom: 8em;
	}
}

@media screen and (max-width: 1023px) {
	.hoHKJO {
		display: none;
	}

	/*	the start menu */
	#header {
		display: block;
		margin: 0 auto;
		min-height: 70px;
		display: flex;
		justify-content: space-between;
		padding: 0 10px;
		align-items: center;
		color: white;
		z-index: 2;
		background-color: black
	}

	.logo {
		display: flex;
		align-items: center;
		justify-content: space-around;
	}

	.logo a {
		padding-right: 30px;
		padding-top: 10px;
	}

	header .logo p:last-child {
		display: none;
	}

	.menu_list ul {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 0;
	}


	.menu_list ul li {
		display: inline-block;
		padding-left: 0px;
		text-decoration: none;
		letter-spacing: 2px;
		position: relative;
		padding-bottom: 2px;
		margin: 0 auto;
		font-size: 16px;
		color: white;
		transition: color .2s;

	}



	/*	 the end menu */
	.our_region_item h1 {
		width: auto;
		font-size: 100px;
		color: #b79f84;

		margin: 0 20px;

	}

	.our_region_item {

		flex-direction: column;
	}

	#region_blok {
		padding: 20px;
		margin: 120px 0;
		overflow: hidden
	}

	.region_img {
		width: 110%;
		position: absolute;
		z-index: 1;
		top: -150px;
		transform: translate(1%, 0);


	}

	.red_point {
		position: absolute;
		display: inline;
		top: 90px;
		left: 20%;
		z-index: 1000;

	}

	.how_it_work_container {
		background-image: none;
		height: 100%;
		margin: 20px;
	}

	.region_blok_text p {
		width: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto
	}

	.how_it_work_container-one {
		flex-direction: column;


	}

	.how_it_work_container-one.reverse {
		flex-direction: column-reverse;


	}

	.how_blok {
		width: 100%;
	}

	.our_statics {
		font-size: .9rem;
	}
}

.our_statics_list {
	margin: 0 -4em;
}

@media screen and (max-width: 767px) {
	.button_see_all {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	/* the start region count   */
	.our_region_item img {
		width: 70px;
		margin: 10px;

	}

	.region_blok_count {
		padding: 20px 0;
		display: flex;
		flex-direction: column;
		justify-content: center;

	}

	.our_region_item {
		display: flex;

		justify-content: center;
		align-content: center;

		text-align: left;
		width: 100%;
		margin: 10px auto;
		padding: 20px;
	}

	.our_region_item h3 {
		color: #000;

	}

	#region_blok {
		height: 1400px;
	}

	/* the end region count  */
	#benefit:before {
		content: '';
		position: absolute;
		top: 600px;
		width: 0;
		height: 0;
		border-bottom: 600px solid #0a1b5a;
		border-left: 100vw solid transparent;
		z-index: 0;
	}

	#list_of_benefits {
		position: relative;
		margin-top: 0px;
		padding: 0 0 50px 0;
		max-width: 100%;
		align-content: center;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		flex-direction: column-reverse;
		background-color: #0a1b5a;
		box-shadow: 2px 2px 10px #8787872e;
	}

	.right_benefits {
		width: 90%;
	}

	.right_list li {
		color: white;
		display: flex;
		text-align: left;
		margin: 10px 0;
		width: 100%;
		background-color: #1f3177;
		border-radius: 10px;
		justify-content: flex-start;
		padding: 20px 30px;
		box-shadow: 2px 2px 10px #8787872e;
	}

	.left_benefits img {
		width: 100%;
		margin-left: 5%;
		margin-right: auto;
	}

	.opinion_blok {
		margin-top: 50px;
		display: flex;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 14px;
		z-index: 0;
		box-shadow: none;
		;
		border-radius: 10px;
		background-color: white;
		border-radius: 10px;
		font-weight: 400
	}

	.our_statics_list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: -2em;
	}

	.icon_how {
		position: absolute;
		left: 60%;
		top: 920px;


	}

	.icon_how2 {
		position: absolute;
		left: -10%;
		top: 120px;
		transform-origin: 25% 50%
	}

	.icon_how3 {
		position: absolute;
		left: 70%;
		top: 300px;
		transform-origin: 25% 50%
	}

	.URmrJ {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		text-align: center;



	}

	.URmrJ1 {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		text-align: center;
		height: 1299px;
		padding-bottom: 50px;
	}
.our_region_item > div hr {
    margin: 10px;
    text-align: left;
    height: 2px;
    background-image: linear-gradient(to right, #b3997d 0%, #FFFFFF 51%);
}
	#five_blok {
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
		height: 900px;
		width: 100%;
		padding-bottom: 0px;
		text-align: center;
	}

	.five_blok_social {
		width: 100%;
		height: 100%;

	}

	#five_blok h3 {
		font-size: 25px;
		text-align: center;
		color: #fff;
		line-height: normal;

	}

	.five_blok_social ul {
		text-align: left;
		justify-content: flex-start;
	}

	.five_form {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		left: 5%;
		top: 20%;
		    border: 1px solid grey;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
	}



	.five_form p {
		text-align: center;
		font-size: 12px;
		margin: 20px auto;

	}

	.bonus_text_two {
		line-height: 1;
		letter-spacing: 1px;
	}

	.red_point {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 300px;

	}

	form > div {

		flex-direction: column;
		font-size: 12px;

	}

	footer div:first-child {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		font-size: 14px;
		text-align: left;
	}

	footer > div ul {
		display: flex;
		flex-direction: column;

	}

	footer > div ul li {
		padding: 0
	}

}

@media screen and (min-width: 640px) {

	.our_statics_item:after {
		position: absolute;
		right: 0;
		top: 50%;
		width: 1px;
		height: 16.2em;
		margin-top: -8.1em;
		background-color: #e9e9e9;
		-webkit-transform: rotate(26deg);
		transform: rotate(26deg);
		content: "";
	}

	.our_statics_item:last-of-type:after {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.our_statics_item {
		width: 50%;
		padding-bottom: 0em;
	}

	.our_statics_item:nth-child(2):after {
		display: none;
	}

	.menu-main {

		margin-top: 50px;
	}

	.menu-main a {
		padding-top: 1px;
	}
}

.logo_blok_header {
	font-size: 14px;
}

@media screen and (max-width: 639px) {
	.logo_blok_header {
		display: none;
	}

	.our_statics_item {
		width: 100%;
	}
}

/* the end count  */

@media only screen and (min-width:480px) {
	.gDHQDb {

		margin: 0 24px;
	}
}

@media only screen and (min-width:768px) {
	.gDHQDb {
		grid-template-columns: 1fr;
		display: flex;
		justify-content: center;
	}

	footer > div:last-child {
		font-size: 10px;
	}
}

@media only screen and (min-width:1024px) {
	.gDHQDb {

		max-width: 1200px;
		margin: 0 36px;
	}
}

@media only screen and (min-width:1440px) {
	.gDHQDb {

		grid-template-columns: 1fr;
		max-width: 1168px;
		margin: 0 48px;
	}
}

/* sc-component-id: styles__Wrapper-hf2d1c-0 */
.dTUKTg {
	background-image: linear-gradient(268deg, rgba(0, 0, 0, 0.3) 22%, rgba(0, 0, 0, 0.6) 87%);
	right: 0;
	bottom: 0;
	top: 0;
	left: 0;
	z-index: -99999;
}

@media only screen and (min-width:1024px) {
	.dTUKTg {
		background-image: linear-gradient(268deg, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0.6) 87%);
	}


}

/* sc-component-id: styles__Wrapper-sc-6bsgwz-0 */
.dgyHwR {
	position: relative;
	width: 100%;
}

/* sc-component-id: styles__Grid-sc-6bsgwz-1 */
.efOKlI {
	height: 100vh;
}

/* sc-component-id: styles__Background-sc-6bsgwz-2 */
.ovyLA {
	z-index: -1;
}

/* sc-component-id: styles__Overlay-sc-6bsgwz-3 */
.iytKdO {
	z-index: 0;
}

/* sc-component-id: styles__ContentWrapper-sc-6bsgwz-4 */


@media only screen and (max-width:768px) {

	.eUfDzG {
		width: 70%;
	}

	.cBsQGT {
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0px auto 0 auto;
		text-align: center;
		flex-direction: column;

	}

	.title_list li {
		float: left;
		text-align: center;
		padding: 5px 0;
		list-style: none;
		flex-direction: column;
		justify-content: flex-start;
	}

	.title_list {
		text-align: left;
		padding: 5px 0;
		display: flex;
		font-size: 13px;
		flex-direction: column;
		list-style: none;
		align-items: flex-start;
		float: left;
		justify-content: flex-start;
	}

	.bonus {
		padding: 10%;
		top: 50px;
		margin-left: auto;
		margin-right: auto;
		height: 20rem;
		background-color: #192864;
		border: 1px solid #c2a152;
		width: 320px;
		position: relative;
		border-radius: 10px;
		left: 0;



	}

	.bonus p {
		color: white;
		font-weight: 400;
		font-size: 0.6rem;
		letter-spacing: 2px;
		text-transform: uppercase;

	}

	.bonus_text_three {
		letter-spacing: 3.8px;
		font-weight: 400;
		text-transform: uppercase;
		color: #ddc777;
	}

	.bonus_text {
		font-size: 3rem;
		font-weight: 800
	}

	.bonus_form input {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	.bonus_form button {
		width: 100%;
		padding: 10px;
		margin-top: 20px;
		border-radius: 10px;
		border: 1px solid #ddc777;
		color: white;
	}

	h1 {
		font-size: 50px;
	}

	h3 {
		font-size: 22px;
	}

	h4 {
		font-size: 20px;
		margin-bottom: 30px;
	}

	#fouth_blok h2 {
		font-weight: 900;
		font-size: 2em;
		line-height: 35px;

	}

	.sink_text {
		color: black;
		font-weight: 400;
		font-size: 25px;

	}

	.all_blok_psy {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.about_psy h2 {
		margin-right: 20px;
	}

	.about_psy {
		padding: 50px 0 50px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		background-color: black;
		color: white;
		font-weight: 100;
		max-width: 768px;
		margin: 50px auto;
		z-index: 1;

	}

	.about_psy_blok {
		margin: 10px 0 0 0;
		margin-left: auto;
		margin-right: auto;
	}

	#boxercontainer img {
		width: 100%;
		position: relative;
		display: block;
		margin-top: 5%;
		filter: drop-shadow(-30px 50px 20px rgba(0, 0, 0, 0.8));
		z-index: 0;
		padding-right: 0px;
		margin-left: 1%;

	}
}

/* sc-component-id: styles__HeroText-sc-6bsgwz-5 */
.fVUPOD {
	font-weight: 100;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;

}

/* sc-component-id: styles__HeroSubText-sc-6bsgwz-6 */
.hlYiUk {
	font-weight: 200;
	margin-bottom: 20px;
	max-width: 300px;
}

@media only screen and (min-width:768px) {
	.hlYiUk {
		margin-bottom: 24px;
		max-width: none;
	}


}

/* sc-component-id: styles__Button-sc-6bsgwz-7 */
.lbRwei {
	padding: 0;
	max-width: 324px;
	width: 100%;
}

/* sc-component-id: styles__FooterItem-q1a7dx-0 */
.cNiCFS {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	opacity: 0.8;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.cNiCFS:hover {
	opacity: 0.5;
}

/* sc-component-id: styles__Wrapper-q1a7dx-1 */
.exspMb {
	background: #000;

}

.exspMb .Collapsible {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	width: 50%;
	margin: 0 auto;

}

.exspMb .Collapsible img {

	margin: 1%;
}

.exspMb .Collapsible__trigger {
	color: #FFFFFF;
	margin-bottom: 14px;
}


.jpcKav svg {
	fill: #FFFFFF;
	height: 18px;
	width: 18px;
}

@media all and (max-width: 1200px) {

	.about_psy {
		padding: 50px 0 50px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		background-color: white;
		color: black;
		font-weight: 100;
		max-width: 1300px;
		margin: 0 auto;
		z-index: 1;

	}
}

@media screen and (max-width:768px) {
	.exspMb .Collapsible__contentInner img {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 18px;
	}

	.jpcKav {
		text-align: center;
	}

	.jpcKav:hover {
		opacity: 0.8
	}

	/*стили для формы обратной связи */
	#feedback,
	#thank {
		display: none;
		padding: 10px;
		width: 90%;
		color: white;
		text-align: center;
		padding: 10px 10px;
		font-size: 14px;

		border-radius: 5px;

		margin-left: auto;
		margin-right: auto;
	}

	#thank {
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		width: 95%;
		height: 30%;
		text-align: center;

	}

	#thank p {
		font-size: 14px
	}

	#f_send {
		margin-top: 10px;
		margin-left: 17px;
		background: black;
		color: white;
		border: none;
		width: 200px;
		height: 40px;
		border-radius: 8px;
		color: white;
		font-size: 15px;
		cursor: pointer;

	}

	#f_name,
	#f_email {
		width: 280px;
		height: 40px;
		background: none;
		margin: 5px;
		border: 1px solid #4a494666;
		border-radius: 8px;
		text-align: center;
		color: white;
		font-size: 18px;
	}

	#f_msg {
		height: 120px;
		width: 280px;
		text-align: center;
		border: 1px solid #4a494666;
		border-radius: 8px;
		background-color: #141518;
		color: white;
	}

	/*the end form*/
}

/* sc-component-id: styles__Copyright-q1a7dx-4 */
.uPbFF {
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	margin-top: 48px;
	opacity: 0.5;
	color: #FFFFFF;
}

@media only screen and (max-width:768px) {
	.uPbFF {
		margin: 22px auto;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
	}
}

/* sc-component-id: styles__Wrapper-sc-62hwgk-0 */
.hoHKJO {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	color: #000;
	font-weight: 500;
	fill: #FFFFFF;

}

.hoHKJO:after {
	background: #FFFFFF;
	bottom: 0;
	content: '';
	height: 80px;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	z-index: -1;
}

@media only screen and (max-width:1024px) {
	.hoHKJO {
		height: 80px;
		background-color: #ffffff00;
		width: 100%;

	}

}

/* sc-component-id: styles__GradientBg-sc-62hwgk-1 */
.haCQdV {
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 3.3e-5) 97.76%);
	opacity: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: -42.5%;
	z-index: -1;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

/* sc-component-id: styles__Navigation-sc-62hwgk-2 */
.eUfDzG {
	width: 100%;

	height: 80px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 18px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 100;
}

.eUfDzG a {
	color: inherit;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.eUfDzG li {
	list-style: none;
	margin-right: 18px;
	color: white;
}



/* sc-component-id: styles__Logo-sc-62hwgk-3 */
.bbUWYu {
	margin-right: 8px;
	width: 80px;
	animation: titleimg 1.5s;
}

@keyframes titleimg {
	70% {
		transform: rotate(380deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



@media only screen and (min-width:1024px) {
	.bbUWYu {
		width: 150px;
		animation: titleimg 1.5s;
	}

	@keyframes titleimg {
		70% {
			transform: rotate(380deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}

}



/* sc-component-id: styles__Wrapper-sc-19krm8w-0 */
.kyfDfD {
	display: none;
	justify-content: flex-end;
	justify-self: end;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media only screen and (min-width:768px) {
	.kyfDfD {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

/* sc-component-id: styles__LoggedOutNav-sc-19krm8w-1 */
.fFEPoq {
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
}

/* sc-component-id: styles__NavButton-sc-19krm8w-5 */
.jDnKtP {
	display: none;
	font-weight: 200;
	margin: 0 8px;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

@media only screen and (min-width:768px) {
	.jDnKtP {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

/* sc-component-id: styles__FreeTrialNavButton-sc-19krm8w-6 */
.hzfiXh {
	border: none;
	font-weight: 300;
	margin-left: 16px;

	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

/* sc-component-id: styles__Line-sc-1xn6jx7-0 */
.eUkxox {
	border-radius: 2.5px;
	content: '';
	height: 2.5px;
	position: absolute;
	width: 32px;
}

/* sc-component-id: styles__Wrapper-sc-1xn6jx7-1 */
.bZbZnB {
	position: relative;
	width: 32px;
	z-index: 1000;
}

.bZbZnB .styles__Line-sc-1xn6jx7-0 {
	background: #fff;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.bZbZnB .styles__Line-sc-1xn6jx7-0:nth-child(1) {
	-webkit-transform: translate3d(0, -8px, 0);
	-ms-transform: translate3d(0, -8px, 0);
	transform: translate3d(0, -8px, 0);
}

.bZbZnB .styles__Line-sc-1xn6jx7-0:nth-child(2) {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.bZbZnB .styles__Line-sc-1xn6jx7-0:nth-child(3) {
	-webkit-transform: translate3d(0, 8px, 0);
	-ms-transform: translate3d(0, 8px, 0);
	transform: translate3d(0, 8px, 0);
}

/* sc-component-id: styles__Wrapper-sc-1248e4t-0 */
.fPcODW {
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media only screen and (min-width:768px) {
	.fPcODW {
		display: none;
	}
}

/* sc-component-id: styles__NavButton-sc-1248e4t-1 */
.kNcede {
	border: none;
	background-color: #00C3E6;
	font-size: 12px;
	margin-right: 8px;
	padding: 0 18px;
	height: 48px;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

@media screen and (max-width:714px) {
	#fouth_blok h2 {
		margin-top: 50px;
		margin-left: 20px;
		font-weight: 900;
		font-size: 2em;
		line-height: 35px;

	}

	@media screen and (max-width:376px) {
		#fouth_blok h2 {
			margin-top: 50px;
			margin-left: 20px;
			font-weight: 900;
			font-size: 2em;
			line-height: 35px;

		}
	}

	@media screen and (min-width:340px) {
		.kNcede {
			font-size: 13px;
		}
	}

	/* sc-component-id: styles__FlyoutMenu-sc-1248e4t-2 */
	.iaTHXo {
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background: linear-gradient(180deg, #60B4E7 0%, #6461E0 100%);
		bottom: 0;
		color: #FFFFFF;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		left: 0;
		opacity: 0;
		padding-top: 4rem;
		position: fixed;
		right: 0;
		top: 0;
		-webkit-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		z-index: 999;
		-moz-transform: translate3d(100%, 0, 0);
		-o-transform: translate3d(100%, 0, 0);
	}

	/* sc-component-id: styles__NavItem-sc-1248e4t-3 */
	.dLPlFK {
		font-size: 28px;
		margin-bottom: 32px;
	}
}