body {
	padding: 0;
	margin: 0;
	background: #fff;
	color: #000;
	font-size: 15px;
	display: block;
/*	font-family: 'Comfortaa', cursive;*/
	font-family: 'Rubik', sans-serif;
	overflow-x:hidden; /*Убираем горизонтальный скролл*/
}

h1, h2, h3, h4, h5, h6, ul, li,
blockquote, code, dd, div,
dl, dt, fieldset, form, input, p,
pre, td, textarea, th {
	padding: 0;
	margin: 0;
}

ul, li {
	display: inline-block;
}

.container {
	height: 100%;
    width: 1170px;
    margin: auto;
    right: 0;
    left: 0;
}

.header {
	height: 100vh;
	overflow: hidden;
}

.wrapper_title {
	position: relative;
}

.logo {
	align-items: center;
	align-items: center;
	display: flex;
}

.nav {
	place-content: space-between;
	align-items: center;
	display: flex;
	padding-top: 35px;
}

.nav a,
.footer a {
	text-decoration: none;
	color: #000;
	list-style-type: circle;
	transition: all 0.5s ease;
	border: none;
}

.nav a:hover,
.footer a:hover {
	background: #fff;
	color: red;
	border-radius: 7px;
}

.view a {
	padding: 0 22px;
}

.nav_networks a {
	padding: 0 5px;
}

.nav_networks a:hover,
.footer_networks:hover {
	opacity: 0.7;
}


a.phone:hover {
	color: #000;
	background: #901919;
	border-radius: 7px;
	box-shadow: 7px 7px 4px rgb(0 0 0 / 25%);
}

a.instagram_btn, a.vkontakte_btn, a.disabl {
	color: #fff;
	background: rgb(144 25 25 / 60%);
	border-radius: 7px;
	box-shadow: 7px 7px 4px rgb(0 0 0 / 25%);
	font-family: 'Carter One', cursive;
}

a.vkontakte_btn {
    background: #5181D0;
}

a.instagram_btn:hover, a.kosmetiks_mobile:hover,
a.disabl:hover {
	color: #fff;
	background: #901919;
}

a.vkontakte_btn:hover {
    color: #fff;
	background: #1f3d87;
}

.wrapper_title {
	margin-top: 130px;
}

.img_header {
    position: absolute;
    top: 0;
    right: 0;
}

h1 {
	font-weight: 400;
	font-size: 28px;
}

h1, h2 {
	text-transform: uppercase;
}

h1 span {
	color: #DF4590;
}

h2 {
	font-size: 24px;
	font-weight: 400;
	text-align: center;
}

h2 span {
	color: #1060F5;
}

.feedback {
	margin-top: 80px;
}

.wrapper_feedback_name,
.wrapper_feedback_phone,
.wrapper_feedback_mail {
	display: flex;
}

.feedback img {
	margin-right: 10px;
}

.feedback_name {
	border-bottom: solid #7D246E 2px;
	width: 95px;
}

.feedback span {
	opacity: 0.5;
}

.wrapper_feedback_phone,
.wrapper_feedback_mail {
	margin-top: 20px;
}

.feedback_phone {
	border-bottom: solid #7D246E 2px;
	width: 135px;
}

.feedback_mail {
	border-bottom: solid #7D246E 2px;
	width: 195px;
}

.big_wrapper_directions {
	margin-top: 300px;
}

.wrapper_directions,
.logo, .wrapper_about_us {
	display: inline-flex;
}

.wrapper_directions,
.wrapper_about_us {
	margin-top: 38px;
}

.fedback_btn {
    color: #000;
    background: #fff;
    border-radius: 50px;
    border:solid #6c035f 2px;
    width: 168px;
    padding: 20px 24px;
    text-align: center;
    text-decoration: none;
    margin-top: 40px;
    transition: all 0.5s ease;
}

.fedback_btn:hover {
	color: #fff;
	background: #6c035f;
	border-radius: 47%;
	box-shadow: 7px 7px 4px rgb(0 0 0 / 25%);
}

.line {
	text-align: center;
	margin-top: 92px;
}

.directions, .about_us,
.courses, .pricelist,
.footer {
	margin-top: 80px;
}

.directions_wrapper,
.big_wrapper_courses {
	margin-top: 80px;
}

.directions_wrapper	{
	position: relative;
}

.directions_img img {
	position: absolute;
	bottom: 0;
	right: 0;
}

.big_wrapper_footer{
	display: flex;
}

.wrapper_footer {
	display: inline-grid;
	align-items: start;
}

.footer_page {
	padding-top: 25px;
}

.wrapper_footer h2 {
	text-align: left;
}

.footer_networks {
	display: inline-flex;
	align-items: center;
}

.footer_networks p {
	padding-left: 10px;
}

.footer_note {
	display: flex;
	justify-content: space-between;
	margin-top: 25px;
}

.footer_development {
	text-align: center;
	margin-top: 30px;
}

.footer_development a {
	color: #2094F6;
}



h3 {
	font-weight: 600;
	text-transform:uppercase;
}

h4 {
	font-weight: 400;
}

.wrapper_directions {
	height: 200px;
	display: flex;
    justify-content: space-between;
}

.wrapper_directions img, h3, h4 {
	margin-top: 10px;
}

.directions_russian,
.directions_mathematics,
.directions_surrounding,
.directions_logic {
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	width: 23%;
	padding-top: 2%;
	padding-left: 1%;
	transition: all 0.5s ease;
}

.directions_russian:hover,
.directions_mathematics:hover,
.directions_surrounding:hover,
.directions_logic:hover {
	transform: scale(0.9);
}

.directions_wrapper {
	transition: all 0.5s ease;
}

.directions_left {
	display: table-caption;
}

.d_img_two {
	padding-left: 36px;
}

.d_img_three {
	padding-left: 72px;
}

.d_img_four {
	padding-left: 108px;
}

.d_img_five {
	padding-left: 144px;
}

.d_img_six {
	padding-left: 180px;
}

.d_img_seven {
	padding-left: 216px;
}

.d_img_one, .d_img_two,
.d_img_three, .d_img_three,
.d_img_four, .d_img_five,
.d_img_six, .d_img_seven {
	opacity: 0.4;
}

.d_img_one:hover, .d_img_two:hover,
.d_img_three:hover, .d_img_three:hover,
.d_img_four:hover, .d_img_five:hover,
.d_img_six:hover, .d_img_seven:hover {
	opacity: 1;
}

.directions_activ {
	opacity: 1;
}


.directions_description {
	position: absolute;
	top: 0;
	right: 60px;
	height: 423px;
	width: 407px;
	border: solid #BF432D 1px;
}

.directions_description h3 {
	text-align: center;
}



.big_wrapper_courses,
.big_wrapper_footer{
	display: flex;
	justify-content: space-between;
}

.big_wrapper_courses{
	align-items: baseline;
}

.big_wrapper_footer{

}

.wrapper_courses{
	text-align: center;
}

.courses_btn {
	color: #000;
	background: #fff;
	border-radius: 50px;
	border: solid #6AB145 2px;
	width: 132px;
	padding: 20px 24px;
	text-align: center;
	text-decoration: none;
	margin-top: 40px;
	transition: all 0.5s ease;
}

.courses_btn:hover {
	color: #fff;
	border: solid #6AB145 1px;
	background: #99cb7f;
	border-radius: 70%;
	box-shadow: 7px 7px 4px rgb(0 0 0 / 25%);
}