@font-face {
	font-family: 'DMSans';
	src: url('fonts/DMSans-Italic-VariableFont_opsz,wght.ttf') format('truetype');
	font-weight:400
}
@font-face {
	font-family: 'Libre-bold';
	src: url('fonts/Libre-Caslon-Text/fonts/TTF/LibreCaslonText-Bold.ttf') format('truetype');
	font-weight:700
}
@font-face {
	font-family: 'Libre-italic';
	src: url('fonts/Libre-Caslon-Text/fonts/TTF/LibreCaslonText-Italic.ttf') format('truetype');
	font-weight:400
}
@font-face {
	font-family: 'Libre-regular';
	src: url('fonts/Libre-Caslon-Text/fonts/TTF/LibreCaslonText-Regular.ttf') format('truetype');
	font-weight:200
}
/****************** FONTS - END *******************/
/*
	#c297e7 
	#19191a 
	#fafafc
*/
body{
	background-color:#19191a;
	margin:0px;
	font-family:'Libre-bold';
}

a{
	text-decoration:none;
	
}
a:hover{
	
	text-decoration:none;
	
}

/* header-start */

.header{
	width:100%;
}
.header_area{
	width:100%;
	max-width:900px;
	min-width:280px;
	margin:auto;
}
.header_block{
	margin:auto;
	padding:15px;
	font-size:0px;
	position:relative;
}
.logo_block{
	position:fixed;
	display:inline-block;
	top:5px ;
	left:calc((100VW - 1200px)/2 + 100px);
	width:max-content;
	height:max-content;
	z-index:5;
}
.logo_opacity{
	opacity:0.5;
	transition: all 0.5s
}
.logo_opacity:hover{
	opacity:1;
}
.logo_area{
	
}
.logo{
	width:60px;
	height:60px;
	border:1px solid transparent; 
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:center center,center 70px,center 70px;
	background-size:60px,30px,60px;
}

.lang_block{
	
	display:inline-block;
	vertical-align:middle;
	width:max-content;
	height:max-content;
}
.lang_area{
	
}
.lang{
	width: 20px;
    height: 20px;
    border: 1px solid transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 130%;
    border-radius: 15px;
	border-width: 3px 3px 3px 3px;
	transition: all 0.2s;
}

@keyframes blinking {
	0%   {border-width:0px; margin-left:5px; margin-top:5px;}
	20%  {border-width:2px; margin-left:3px; margin-top:3px;}
	50%  {border-width:5px; margin-left:0px; margin-top:0px;}
	70%  {border-width:3px; margin-left:2px; margin-top:2px;}
	100% {border-width:0px; margin-left:5px; margin-top:5px;}
}

.logo_area a {
	display:block;
	margin-left:5px;
	margin-top:5px;
	border-radius:50px;
	border:0px solid #c297e7 ;
	transition: all 0.2s;
	padding: 3px;
	background-color:#19191a;
	animation-name: blinking;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-play-state: paused;
}
.logo_area a:hover {
	/*border:5px solid #c297e7 ;
		margin-left:0px;
	margin-top:0px;*/
	
	animation-play-state: running;
}



.menu_block{
	background-color:transparent;
	margin-left:15px;
	width:max-content;
	display:inline-block;
	vertical-align:top;
	
}
.menu_area{
	padding:15px;
}

.menu_button{display:none;}                        /* write in the end */


.menu{
	font-size:0px;
	margin-left:0px;
	list-style:none;
	text-align:center;
	padding-left:0px;
	vertical-align:top;
}
.menu li{
	
	display:inline-block;
}
.menu a{
	padding:8px 13px;
	border:2px solid transparent;
	border-radius:25px;
	color:#c297e7;
	transition: all 0.5s;
	font-size:15px;
}
.menu a:hover{
	color:#fafafc;
	border-color:#fafafc;
}

.lang_area a {
	display:block;
	margin-left:20px;
	padding:0px;
	margin-top:-5px;
	border:0px solid white ;
	transition: all 0.2s;
	
	background-color:transparent;
	
}
.lang_area a:hover .lang{
	
	border-color:#fafafc;
}

.text_block{
	margin:0px 0px  0px 25px;
	
	
}
.text_area{
	padding:0px 15px;
}
.text_block h1{
	color:#fafafc;
	font-size:37px;
	margin:50px 0px 50px 0px ;
	padding:0px 0px 0px 0px;
}
.text_block p{
	color:#c297e7;
	font-size:16.5px;
	font-family:'DMSans';
	font-style: italic;
	margin: 90px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

.photo_block{
	margin:0px 0px  0px 0px;
	position:absolute;
	top:0px;
	right:15px;
	height:100%;
	z-index:-1;
}
.photo_area{
	padding:0px 0px;
	height:100%;
}
.header_photo{
	
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:top right,top right,top right;
	background-size:100%,100% 100%,100% 100%;
	border-radius:30px;
	width:313px;
	height:100%;
}

/* header-end */



/* about-start */

.introduction{
	width:100%;    
}
.introduction_area{
	width:100%;
	max-width:900px;
	min-width:280px;
	margin:auto;
}
.introduction_block{
	margin:auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 100%;
}
.introduction_block h2{
	font-family:'Libre-regular';
	font-size:26px;
	text-align:center;
	margin:0px;
	padding:40px 0px 0px 0px;
}
.introduction_article{
	margin:0px 0px;
}
.introduction_article_area{
	padding:16px;
	font-size:0px;
	padding-left: 50px;
	
}
.introduction_photo{
	width:35%;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	
}
.int_photo{
	width:100%;
	max-width:181px;
	height:260px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% ;
	border-radius:30px;
}

.introduction_text{
	width:60%;
	margin:0px 0px;
	display:inline-block;
	vertical-align:top;
}
.introduction_text_area{
	padding-left:15px;
}
.introduction_text p {
	font-family:'Libre-regular';
	font-size:13px;
}
.introduction_text p i{
font-family:'DMSans';
}
/* about-end */




/* cources-start */

.cources_group{
	width:100%;
	margin:0px 0px;
}

.cource_title{
	width:100%;    
}
.cource_title_area{
	width:100%;
	max-width:900px;
	min-width:280px;
	margin:auto;
}
.cource_title_block{
	margin:auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 100%;
}

.cource_title h2{
	font-family:'Libre-regular';
	font-size:26px;
    text-align:center;
	color:#fafafc;
	margin:0px;
	padding:30px 15px;
}

.cource_intro{
	width:100%;  
	background-color:#19191a;
}
.cource_intro_area{
	width:100%;
	max-width:900px;
	min-width:280px;
	margin:auto;
}
.cource_intro_block{
	margin:auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 100%;
}

.cources_intro{
	margin:0px 0px;
}
.cources_intro_area{
	padding:0px 0px;
	font-size:0px;
	text-align:center;
}
.cource{
	margin:0px 0px;
	display:inline-block;
	width:300px;
	vertical-align:top;
}
.cource_area{
	padding:0px 15px;
	padding-left:50px;
}
.cource h3{
	font-size:19px;
	color:#c297e7;
	margin:0px 0px;
	padding:10px 50px 10px 0px;
	text-align:left;
}

.cource h3 div{
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    display: inline-block;
    border-radius: 30px;
    border: 1px solid #fafafc;
    padding: 5px;
    background-color: #c297e7;
    margin: 0px 10px -15px 0px
}

.cource h4{
	font-family:'Libre-regular';
	font-size:14px;
	color:#fafafc;
	margin:0px 0px;
	padding:10px 5px 10px 0px;
	text-align:left;
}
.cource p{
	font-family:'DMSans';
	font-style:italic;
	font-size:13px;
	color:#c297e7;
	margin:0px 0px;
	padding:25px 5px 25px 0px;
	text-align:left;
}

/* cources-end */



/* cources-info-start */

.cource_info{
	width:100%;  
	background-color:#c297e7;
}
.cource_info_area{
	width:100%;
	max-width:900px;
	min-width:280px;
	margin:auto;
}
.cource_info_block{
	margin:auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 100%;
}

.cources_info{
	margin:0px;
}
.cources_info_area{
	padding:0px 0px 0px 0px;
	font-size:0px;
	text-align:center;
}

.cource_details{
	margin:0px 0px;
	display:inline-block;
	width:300px;
	vertical-align:top;
	text-align: left;
}
.cource_details_area{
	padding:0px 15px;
	padding-left:50px;
}
.cource_text{
	margin:0px 0px 0px 0px;
	text-align:center;
	height:350px;
}

.cource_text h3{
	font-size:14px;
	color:#19191a;
	margin:0px 0px;
	padding:20px 0px 10px 0px;
	text-align:left;
}
.cource_text p{
	font-size:14px;
	color:#19191a;
	margin:0px 0px;
	padding:5px 5px 0px 0px;
	text-align:left;
}
.cource_text ul{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
}
.cource_text li{
	font-family:'Libre-regular';
	font-size:14px;
	color:#19191a;
	margin:0px 0px;
	padding:0px 0px 0px 10px;
	text-align:left;
}
.cource_text span{
	font-family:'Libre-regular';
	font-size:14px;
	display:block;
	color:#19191a;
	margin:0px 0px;
	padding:10px 5px 10px 0px;
	text-align:left;
}


.cource_details a{
	font-family:'Libre-regular';
	font-size:12px;
	color:#fafafc;
	display:inline-block;
	margin:15px 20px;
	padding:10px 5px 10px 5px;
	text-align:left;
	border-radius:10px;
	
	background-color:#19191a;
	border: 3px solid transparent;
	transition: all 0.5s
}
.cource_details a:hover{
	color:#19191a;
	border-color:#19191a;
	background-color:transparent;
	box-shadow:2px 2px #19191a;
}

.cource_details a.dis_css{
	filter:opacity(0.1);
}
.cource_details a.dis_css:hover{
	filter:opacity(0.1);
	color:#fafafc;
	border-color:transparent;
	background-color:#19191a;
    cursor: default;
	
}


/* cources-info-end */



/* modules-start */

.modules{
	width:100%;
	margin:0px 0px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 100%;
	display:none;
}
.module_title{
	width:100%;    
}
.module_title_area{
	width:100%;
	max-width:900px;
	min-width:280px;
	margin:auto;
}
.module_title_block{
	margin:auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 100%;
	padding: 15px 0px 20px 0px
}

.module_title h2{
	font-family:'Libre-regular';
	font-size:26px;
    text-align:center;
	color:#fafafc;
	margin:0px;
	padding:0px 15px 0px 30px;
}
.module_title h3{
	font-size:16px;
    text-align:center;
	color:#fafafc;
	margin:0px;
	padding:0px 15px;
}

.module{
	width:100%;    
}
.purple_modul{
	background-color:#c297e7;
}
.module_area{
	width:auto;
	max-width:900px;
	min-width:280px;
	margin:auto;
	padding:15px 15px;
}
.module_block{
	margin:auto;	
	font-size:0px;
	text-align:left;
}

.module_intro{
	margin:0px 0px 0px 0px;
	display:inline-block;
	width:200px;
	
}
.module_intro_area{
	padding:0px 0px 0px 0px;
}

.module_intro h2{
	font-size:20px;
	width:max-content;
	color:#19191a;
	margin:0px 0px;
	padding:20px 0px 0px 0px;
	text-align:left;
	border: 1px solid #19191a;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	line-height:15px;
	
}
.module_intro b{
	font-size:20px;
	color:#fafafc;
	margin:0px 0px;
	padding:20px 0px 10px 0px;
	text-align:left;
	
}

.module_intro p{
	font-family:'DMSans';
	font-style:italic;
	font-size:15px;
	color:#19191a;
	margin:0px 0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	font-style:italic;
}

.module_sheldule{
	margin:0px 0px 0px 10px;
	display:inline-block;
	vertical-align:top;
}
.module_sheldule_area{
	padding:0px 0px 0px 0px;
}
.module_sheldule_steps{
	margin:0px 0px 0px 0px;
}
.module_sheldule_steps_area{
    padding:0px 0px 0px 0px;
	font-size:0px ;
	text-align:left;
	word-wrap:break-word;
}
.step{
	display:inline-block;
	vertical-align:top;
	
}
.step_area{
	position:relative;
	text-align:center;
	padding:0px 15px 0px 0px;
}
.step_text{
	margin:0px;
}
.step_text_area{
	padding: 5px;
	position:relative;
	border: 2px solid #fafafc;
    background-image: radial-gradient(#fafafc, #c297e7 74%);
    border-radius: 30px;
    color: #19191a;
    font-size: 9px;
    width: 50px;
    height: 50px;
}
.step_text_area p{
	position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    text-align: center;
    transform: translate(-50%,-50%);
    display: block;
    width: 50px;
}
.step_date{
	margin:0px;
	color:#19191a;
	font-size: 9px;
	max-width: 50px;
    margin: auto;
}
.steps_direstion{
	content:url('../images/arrow.webp');
	width:15px;
	position:absolute;
	top:25px;
	right:0px;
	
}

.module_parts{
	margin:30px 0px 0px 0px;
	width:100%;
}
.module_parts_area{
	padding:0px 0px 0px 0px;
}
.module_list{
	margin:0px 0px 0px 0px;
}
.module_list_area{
	padding:0px 0px 0px 0px;
}

.m_list{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	display:inline-block;
	vertical-align:top;
	width:40%;
}
.m_list li{
	font-family:'Libre-regular';
	font-size:14px;
	color:#fafafc;
	margin:0px 0px;
	padding:0px 0px 0px 10px;
	text-align:left;
}
.m_list p, .m_list .m_desc ,.m_list .m_desc li{
	font-family:'DMSans';
	font-style:italic;
	font-size:14px;
	display:block;
	color:#fafafc;
	margin:0px 0px;
	padding:0px 0px 0px 15px;
	text-align:left;
}
.m_list p{
	padding:15px 0px 0px 28px;
}

.module_button{
	margin:0px 0px 0px 0px;
	display:inline-block;
	width:100%;
}
.module_button_area{
	padding:0px 0px 0px 0px;
}

.module_button a{
	font-family:'Libre-regular';
	font-size:14px;
	color:#fafafc;
	display:inline-block;
	margin:15px 20px;
	padding:10px 5px 10px 5px;
	text-align:left;
	border-radius:10px;
	
	background-color:#19191a;
	border: 3px solid transparent;
	transition: all 0.5s
}
.module_button a:hover{
	color:#19191a;
	border-color:#19191a;
	background-color:transparent;
	
	box-shadow:2px 2px #19191a;
}

.module_details{
	margin:0px 0px 0px 0px;
	display:inline-block;
	width:50%;
}
.module_details_area{
	padding:0px 0px 0px 0px;
}



.black_modul{
	background-color:#19191a;
}
.empty_sheldule .module_intro{
	width:100%;
}
.black_modul .module_intro h2, .black_modul .module_intro p{
	color:#fafafc;
	border-color:#fafafc;
}
.black_modul .module_intro b{
	color:#c297e7;
}

.black_modul .module_button a{
	color:#19191a;
	background-color:#c297e7;
}
.black_modul .module_button a:hover{
	color:#fafafc;
	border-color:#fafafc;
	background-color:transparent;
	box-shadow:2px 2px #fafafc;
}
.black_modul .steps_direstion{
	background-color:#c297e7;
	border-radius: 0px 30px 30px 0px;
}
.black_modul .step_date{
	
	color:#c297e7;
	
}

/* modules-end */

/* products-start */

.products{
	width:100%;    
	background-color:#fafafc;
}
.products_area{
	width:100%;
	max-width:900px;
	min-width:280px;
	padding: 15px 15px 0px 15px;
	margin:auto;
}
.products_block{
	margin:auto;	
}

.products_title{
	margin:0px 0px 0px 0px;
}
.products_title_area{
	padding:15px 0px 15px 0px;
}
.products_title h2{
	font-family:'Libre-regular';
	font-size:26px;
    text-align:center;
	color:#19191a;
	margin:0px;
}

.products_pull{
	margin:auto;
	width:max-content;
	max-width:100%;
}
.products_pull_area{
	padding:15px 0px 15px 0px;
}

.product{
	margin:0px 0px 0px 0px;
}
.product_area{
	padding:0px 0px 0px 0px;
	position:relative;
}
.product_img{
	position: absolute;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 20px;
    transform: translate(0% ,-50%);
    background-color: #c297e7;
}
.product h3{
	font-family:'Libre-regular';
	color:#19191a;
	font-size:16px;
	font-weight: 100;
	padding:20px 0px 20px 80px;
}

.products_button{
	margin:0px 0px 0px 0px;
	
}
.products_button_area{
	padding:0px 0px 0px 60px
}

.products_button a{
	font-family:'Libre-regular';
	font-size:15px;
	color:#19191a;
	display:inline-block;
	margin:15px 20px;
	padding:10px 5px 10px 5px;
	text-align:left;
	border-radius:10px;
	
	background-color:#c297e7;
	border: 2px solid #19191a;
	transition: all 0.5s
}
.products_button a:hover{
	color:#19191a;
	border-color:#19191a;
	background-color:transparent;
	box-shadow: 2px 2px #19191a;
}

/* products-end */

/* freaquentoffers-start */

.freaquentoffers{
	width:100%;    
	background-color:#c297e7;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 100%;
}
.freaquentoffers_area{
	width:100%;
	max-width:900px;
	min-width:280px;
	padding:30px 15px; 
	margin:auto;
}
.freaquentoffers_block{
	margin:auto;	
}

.freaquentoffers_title{
	margin:20px 0px 0px 0px;
}
.freaquentoffers_title_area{
	padding:0px 0px 0px 0px 
}
.freaquentoffers_title h2{
	font-family:'Libre-regular';
	font-size:26px;
    text-align:center;
	color:#19191a;
	margin:0px;
}
.freaquentoffers_box{
	margin:0px 0px 0px 0px;
}
.freaquentoffers_box_area{
	padding:15px 0px 15px 0px 
}

.freaquentoffer{
	margin:0px 0px 0px 0px;
	width: 900px;
    margin: auto;
}
.freaquentoffer_area{
	padding:15px 0px 15px 0px 
}
.freaquentoffer_question{
	margin:0px 15px 0px 15px;
	border:2px solid #19191a;
	border-radius:30px;
	position:relative;
	z-index:2;
	background-color:#c297e7;
	transition:all 0.5s;
}
.freaquentoffer_question_area{
	padding:20px 60px 20px 15px; 
	text-align:left;
}
.freaquentoffer_img{
	position: absolute;
    border-radius: 30px;
	background-image:url(../images/8/1.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
    width: 50px;
    height: 50px;
    top: 50%;
    right: 20px;
    transform: translate(0% ,-50%);
    background-color: #c297e7;
	transition:all 0.5s;
}
.freaquentoffer_question b{
	font-size:20px;
	color:#19191a;
	font-weight:700;
}
.freaquentoffer_question:hover{
	border-color: #fafafc;
}
.freaquentoffer_question:hover .freaquentoffer_img{
	background-color: #fafafc;
}

.freaquentoffer_answer{
	margin:-50px 15px 0px 15px;
	padding-top:30px;
	border:2px solid #19191a;
	border-radius:30px;
	position:relative;
	z-index:1;
	display:none;
	height:auto;
	width:auto;
	background-color:#fafafc;
	transition:all 2s;
}

.freaquentoffer_answer_area{
	padding:15px; 
	text-align:left;
}
.freaquentoffer_answer p{
	font-family:'Libre-regular';
	font-size:16px;
	color:#19191a;
}

.question_js{
	
}

/* freaquentoffers-end */

/* team-start */
.team{
	width:100%;    
	background-color:#c297e7;
	background-repeat:no-repeat;
	background-position: center 70px;
	background-size:100% ;
}
.team_area{
	width:100%;
	max-width:900px;
	min-width:280px;
	margin:auto;
}
.team_block{
	margin:auto;	
	font-size:0px;
	text-align:center;
}

.team_title{
	margin:0px 0px 0px 0px;
}
.team_title_area{
	padding:15px 15px 15px 15px;
}

.team_title h2{
	font-family:'Libre-regular';
	font-size:26px;
    text-align:center;
	color:#19191a;
	margin:0px;
}
.white_bg{
	background-color:#fafafc;
}
.team_members{
    margin:0px 0px 0px 0px;
}
.team_members_area{
	font-size:0px;
	text-align:center;
	margin: 0px 0px 0px 0px;
}

.member{
	margin:0px 15px 0px 15px;
	width:250px;
	display:inline-block;
	vertical-align:top;
}
.member_area{
	padding:0px 0px 0px 0px;
}

.member_photo{
	margin:15px 0px 0px 0px;
}
.member_photo_area{
	padding:0px 0px 0px 0px;
}
.m_photo{
	background-repeat:no-repeat;
	background-position:top center;
    background-size:100% ;
	width: 140px;
    height: 140px;
    border-radius: 50%;
	margin:auto;
	filter: saturate(0);
}

.member_title{
	margin:0px 0px 0px 0px;
}
.member_title_area{
	padding:0px 0px 0px 0px;
}
.member_title h3{
	font-size:15px;
    text-align:center;
	color:#c297e7;
	margin:0px;
}
.member_title p{
	font-family:'Libre-regular';
	font-size:16px;
    text-align:center;
	color:#19191a;
	margin:0px;
}


.member_info{
	margin:0px 0px 0px 0px;
}
.member_info_area{
	padding:0px 15px 0px 15px;
}

.m_link{
	margin:0px 0px 0px 0px;
}
.m_link_area{
	padding:10px 0px 0px 0px;
	font-size:0px;
	text-align:center;
}

.m_link_area div{
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 70% 70%;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	transition:all 0.5s;
}
.m_link_youtube{
	background-image:url('../images/6/youtube.webp');
	background-size: 50% 50%;
}
.m_link_tiktok{
	background-image:url('../images/6/tik-tok.webp');
}
.m_link_telegram{
	background-image:url('../images/6/telegram.webp');
}
.m_link_instagram{
	background-image:url('../images/6/instagram .webp');
	background-size: 50% 50%;
}

.m_link a{
	display:inline-block;
	background-color:#fafafc;
	border-radius:30px 30px 0px 0px;
	transition:all 0.5s;
	margin:0px 1px 0px 1px;
}
.m_link a:hover{
	background-color:#c297e7;
}
.m_link a:hover div.m_link_instagram,.m_link a:hover div.m_link_youtube,.m_link a:hover div.m_link_telegram,.m_link a:hover div.m_link_tiktok{
	background-size: 80% 80%;
}
.dis_desk{
	display:none;
	background-color:#c297e7;
}
.member_description{
	margin:10px 0px 15px 0px;
}
.member_description_area{
	padding:0px 0px 0px 0px;
}
.member_description p{
	font-family:'Libre-regular';
	font-size:14px;
	text-align:left;
	color:#19191a;
	margin:0px;
}
/* team-end */

/* contacts-start */

.contacts{
	margin:0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 100%;
}


.contacts_title{
	width:100%; 
}
.contacts_title_area{
	width:100%;
	max-width:900px;
	min-width:280px;
	margin:auto;
}
.contacts_title_block{
	margin:auto;	
	padding: 30px 15px 15px 60px;
}

.contacts_title h2{
	font-size:24px;
	text-align:left;
	color:#fafafc;
	margin:auto;
}



.contacts_title a{
	font-size:12px;
	color:#19191a;
	display:inline-block;
	margin:15px 20px;
	padding:10px 5px 10px 5px;
	text-align:left;
	border-radius:10px;
	
	background-color:#c297e7;
	border: 3px solid transparent;
	transition: all 0.5s
}
.contacts_title a:hover{
	color:#fafafc;
	border-color:#fafafc;
	background-color:transparent;
	
	box-shadow: 2px 2px #fafafc;
}

.contacts_connections{
	width:100%; 
	background-color:#c297e7;
}
.contacts_connections_area{
	width:100%;
	max-width:900px;
	min-width:280px;
	margin:auto;
}
.contacts_connections_block{
	margin: auto;	
	font-size:0px;
	text-align:center;
}


.contacts_form{
	margin:15px 0px 15px 0px;
	display:inline-block;
	width:50%;
	vertical-align:top;
}
.contacts_form_area{
	padding:0px 15px 0px 15px;
}
.contacts_form h2 {
	font-family:'Libre-regular';
	font-size:17px;
	text-align:center;
	color:#19191a;
	margin:auto;
}

.contacts_form form{
	font-size:0px;
	
	text-align: center;
}

.contacts_form form .name_field{
	width:100%;
	margin:10px 0px 10px 0px;
}
.contacts_form form .phone_field{
	display:inline-block;
	width:45%;
	margin:10px 0px 10px 0px;
}
.contacts_form form .email_field{
	display:inline-block;
	width:44%;
	margin:10px 0px 10px 0px;
}
.contacts_form form .comments_field{
	width:100%;
	margin:10px 0px 10px 0px;
}
.contacts_form form .name_field input,.contacts_form form .email_field input,.contacts_form form .phone_field input, .contacts_form form textarea{
	width:80%;
	background-color:#fafafc;
	color:#19191a;
	font-size:10px;
	border: 1px solid #19191a;
	border-radius:10px;
	padding:10px 15px;
	font-family:'Libre-regular';
}


input.submit{
	font-family:'Libre-regular';
	font-size:12px;
	color:#fafafc;
	display:inline-block;
	margin:15px 20px;
	padding:10px 5px 10px 5px;
	text-align:left;
	border-radius:10px;
	background-color:#19191a;
	border: 3px solid transparent;
	transition: all 0.5s;
	display: block;
	margin: auto;
}
input.submit:hover{
	color:#19191a;
	border-color:#19191a;
	background-color:transparent;
	box-shadow: 2px 2px #19191a;
}


.contacts_soc_links{
	margin:15px 0px 15px 0px;
	display:inline-block;
	width:50%;
	vertical-align:top;
}
.contacts_soc_links_area{
	padding:0px 15px 0px 15px;
}
.contacts_soc_links h2{
	font-family:'Libre-regular';
	font-size:16px;
	text-align:center;
	color:#19191a;
	margin:auto;
}

.c_soc_links{
	margin:0px 0px 0px 0px;
}
.c_soc_links_area{
	padding:0px 0px 0px 0px;
}

.c_soc_link{
	margin:0px 0px 0px 0px;
}

.c_soc_link_area{
	padding:0px 0px 0px 0px;
}


.c_soc_link_area div{
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 70% 70%;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	display: inline-block;
	margin-bottom: -20px;
	transition:all 0.5s;
	margin-right:20px;
}
.f_link_youtube{
	background-image:url('../images/6/youtube.webp');
}
.f_link_tiktok{
	background-image:url('../images/6/tik-tok.webp');
}
.f_link_telegram{
	background-image:url('../images/6/telegram.webp');
}
.f_link_instagram{
	background-image:url('../images/6/instagram .webp');
}

.c_soc_link a{
	font-family:'Libre-regular';
	display:block;
	background-color:#c297e7;
	border-radius:30px;
	transition:all 0.5s;
	margin:0px 1px 0px 1px;
	font-size:16px;
	color:#19191a;
	width: 200px;
	text-align: left;
	margin: 15px auto;
}
.c_soc_link a:hover div{
	background-color:#fafafc;
}


/* contacts-end */

/* form-start */
.h_form .header_block{
	padding:0px;
}
.h_form .logo{
	background-position:center 70px,center 70px,center center;
}
.h_form a{
	background-color:#c297e7;
}

.form_fix .contacts_form,.form_fix div.phone_field,.form_fix div.email_field{
	width:100%;
}
.form_fix{
	background-color:#19191a;
}
.form_fix .contacts_connections_block{
	background-color:#c297e7;
}


.title_form h2{
	text-align:center;
	margin: 30px 0px;
}

.form_fix form div{
	margin:30px auto;
}
.form_fix form textarea{
	font-size:15px;
}
.form_fix form input[type="text"],.form_fix form input[type="email"],.form_fix form input[type="tel"]{
	width:80%;
	background-color:#fafafc;
	color:#19191a;
	font-size:15px;
	border: 1px solid #19191a;
	border-radius:10px;
	padding:10px 15px;
	font-family:'Libre-regular';
}

.contacts_form form .date_field{
	width:auto;
	margin:10px 0px 10px 0px;
}
.contacts_form form .date_field input,.form_fix form input[type="number"]{
	
	background-color:#fafafc;
	color:#19191a;
	font-size:10px;
	border: 1px solid #19191a;
	border-radius:10px;
	padding:10px 15px;
}
.contacts_form form .date_field span, .form_fix form span{
	margin:0px 10px 0px 0px;
	font-size:20px;
	color:#19191a;
}
.contacts_form form .date_field h3, .form_fix form h3{
	margin:0px 10px 0px 10px;
	font-size:20px;
	color:#19191a;
	display:inline-block;
}

.input_select{
	font-family:'Libre-regular';
	font-size:20px;
	color:#fafafc;
	display:inline-block;
	margin:5px 10px;
	padding:10px 5px 10px 5px;
	text-align:left;
	border-radius:10px;
	background-color:#19191a;
	border: 3px solid transparent;
	transition: all 0.5s;
	display: block;
	margin: auto;
	width:fit-content;
}
.input_select:hover{
	color:#19191a;
	border-color:#19191a;
	background-color:transparent;
	box-shadow: 2px 2px #19191a;
}
div.input_select_box{
	display:none;
	width:80%;
	background-color:#fafafc;
	border-radius:10px 10px 10px 10px;
	padding:15px 15px 15px 15px; 
	
}

/* The container */
.container {
	display: block;
	
	position: relative;
	padding-left: 50px;
	margin:0px;
	margin-bottom: 12px;
	cursor: pointer;
	text-align: left;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	max-width:fit-content;
}
.container span{
	font-size: 15px;
}

/* Hide the browser's default checkbox */
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fafafc;
	border: 3px solid #c297e7;
	border-radius:50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: #c297e7;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
	background-color: #c297e7;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #fafafc;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* The container */
.group{
	display: block;
	
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    width:fit-content;
}

/* Hide the browser's default checkbox */
.group input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.radiocheck {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border-radius:30px;
	background-color: #fafafc;
}

/* On mouse-over, add a grey background color */
.group:hover input ~ .radiocheck {
	background-color: #19191a;
}

/* When the checkbox is checked, add a blue background */
.group input:checked ~ .radiocheck {
	background-color: #c297e7;
}

/* Create the checkmark/indicator (hidden when not checked) */
.radiocheck:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.group input:checked ~ .radiocheck:after {
	display: block;
}

/* Style the checkmark/indicator */
.group .radiocheck:after {
	left: 1px;
	top: 1px;
	width: 17px;
	height: 17px;
	border-radius:30px;
	border: solid #fafafc;
	border-width: 3px 3px 3px 3px;
	background-color:#19191a;
}

.img_field input{
	border: 3px solid #fafafc ;
	border-radius: 30px;
}
.img_field input::-webkit-file-upload-button {
	visibility: hidden;
	
}
.img_field input::before {
	content: 'Виберіть фото';
	display: inline-block;
	background: linear-gradient(top, #fafafc, #c297e7);
	border: 1px solid #c297e7 ;
	border-radius: 30px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	text-shadow: 1px 1px #fafafc;
	font-weight: 700;
	font-size: 25px;
	transition: all 0.5s;
}
.img_field input:hover::before {
	border-color: #19191a;
	margin-left: -243px;
}
.img_field input:active::before {
	background: -webkit-linear-gradient(top, #c297e7 , #fafafc);
	
}


/* form-end */

/* admin-start */

.admin_menu{
	margin:auto;
	display:block;
}
.admin_menu li a{
	font-size:20px;
	display:block;
	color:#fafafc;
	margin:0px 15px;
}
.admin_menu p, .admin_menu h1 {
	color:#fafafc;
	text-align:center;
}
.admin_menu hr{
	background-color:#fafafc;
}
.admin_fix{
	color:#fafafc;
}
.admin_fix td,.admin_fix th{
	width:20%;
	min-width:200px;
	border:2px solid #c297e7;
}
.admin_fix table{
	border:2px solid #c297e7;
	border-radius:30px;
	padding:10px;
}
.admin_fix caption{
	font-size:30px;
}
.menu_main li{
	width: auto;
    display: block;
}
.menu_main ul{
	width: 100%;
	}

.visited_link:visited{
	background-color:#fafafc;
}
.looked_true{
	background-image: linear-gradient(to right, #c297e7, #19191a 25%); 
}

.orderpage{
	text-align:left;
} 

.orderpage span {
	margin:0px 10px 0px 10px;
	font-size:16px;
	color:#19191a;
}
.orderpage h3 {
	margin:0px 10px 0px 10px;
	font-size:20px;
	color:#19191a;
	display:inline-block;
	
}

.orderpage a{
	font-family:'Libre-regular';
	font-size:20px;
	color:#fafafc;
	display:inline-block;
	padding:10px 5px 10px 5px;
	text-align:left;
	border-radius:10px;
	background-color:#19191a;
	border: 3px solid transparent;
	transition: all 0.5s;
	display: block;
	margin:25px  auto;
	width:fit-content;
}
.orderpage a:hover{
	color:#19191a;
	border-color:#19191a;
	background-color:transparent;
	box-shadow: 2px 2px #19191a;
}

.full_text h3{
	width:100%
}

.menumax{
	width:50%;
	margin-left: 60px;
}

.lang_ENG{
	background-image:url('../images/UK.webp');
	background-repeat: no-repeat;
    background-position: top left;
    background-size: 30px;
}
.lang_UKR{
	background-image:url('../images/UKR.webp');
	background-repeat: no-repeat;
    background-position: top left;
    background-size: 30px;
}

/* admin-end */

@media screen and (max-width: 1200px) {
	.logo_block  {
    left:0px
}
.lang_block {
	 right: 0px;
}
.menu_area {
	padding-left:45px;
}
	.products_area {
		min-width: 250px;
		padding: 15px 0px 15px 0px;
		
	}
	.freaquentoffers_area {
		min-width: 250px;
		padding: 30px 0px;
	}
	.freaquentoffer{
		width:auto;
	}
	}
	@media screen and (max-width: 900px) {
	.logo_block {
		position:absolute;}
	.cources_intro_area{
			padding:0px 0px;
		}
		.cource_info_area , .cource_intro_area{
			min-width:auto;
			
		}
		.cource , .cource_details {
			min-width:100%;
			
		}
		.cource_text {
			
			height: auto;
		}
		.module_button {
			width: 100%;
		}
		.member_title h3{
			color:#19191a;
		}
		.dis_desk{
			display:block;
			
		}
		.m_desk{
			padding:15px;
			margin-bottom:-15px;
		}
		.dis_mob{
			display:none;
		}
		.team {
			background-repeat: no-repeat,no-repeat;
			background-position: center 70px,top center;
			background-size: 0% , 100% 100%;
		}
		.member {
			width:100%;
			margin:0px;
			margin-top:15px;
			}
		.member_info_area{
		padding:0px;
			}
			.member_description_area{
				width:250px;
				margin:auto;}
		
		.introduction_block h2 {
			padding: 60px 0px 0px 0px;
		}
		.team_title_area {
			padding: 30px 15px 15px 15px;
		}
	}
	@media screen and (max-width: 750px) {
	.menu_area {
	padding-left:15px;
}
.lang_area a {
	margin-top:4px;
	margin-left:0px;
}
	
	.photo_block {
    
    right: calc(50vw - 157px);
   
}
		
			
			.lang_block {
	right: 40px;
		top: 0px;
			
}
		.menu_block {
			width:100%;
			margin-left:0px;
			margin-top: 50px;
			background-color: transparent;
			
		}
		.menu_block a{
			background-image:radial-gradient(#19191a,transparent 90%);
			background-repeat:no-repeat;
			background-position:top center;
			background-size:100% 100%;
		}
		.text_block{
			margin:auto;
		}
		.introduction_photo {
			width: 100%;
			text-align:center;
		}
		.int_photo {
			margin:auto;
		}
		
		.introduction_text {
			width: 100%;
			margin:auto;
		}
		
		.contacts_title h2 {
			font-size: 20px;
		}
		.contacts_form {
			width: 100%;
		}
		
		
		
	}
	@media screen and (max-width: 400px) {
		.cource , .cource_details {
			min-width:100%;
			width:250px;
		}
		.photo_block {
			right:-15px;
		}
		.header_block {
			overflow: hidden;
		}
		.h_form .header_block{
		overflow: visible;
			}
		.header_photo {
			background-position: top right,top right,top center;
			width: 340px;
		}
		.logo_block{
			left:10px;
			
		}
		.lang_block{
			right:10px;
			}
		.menu_block {
		margin-top:0px;}
		.menu{
			margin-bottom: 60px;
		}
		.menu li {
			display: inline-block;
			width:100%;
			margin:5px 0px
		}
		.text_block h1{
			
			font-size:30px;
			
		}
		.module_area {
			min-width:250px;
		}
		.m_list {
			padding: 0px 0px 0px 0px;
			width: auto; 
		}
		.contacts_soc_links_area {
			padding: 0px 0px 0px 0px;
		}
		.contacts_form form .phone_field{
			
			width:100%;
			margin:10px 0px 10px 0px;
		}
		.contacts_form form .email_field{
			
			width:100%;
			margin:10px 0px 10px 0px;
		}
	}