body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

.content_home, .content, .content_prof {
	flex: 1;
}

*::-webkit-input-placeholder {
	color: #2E3131;
	opacity: 1;
}
*:-moz-placeholder {
	color: #2E3131;
	opacity: 1;
}
*::-moz-placeholder {
	color: #2E3131;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #2E3131;
	opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {

}
body input:required:valid,
body textarea:required:valid {

}
body {
	font-family: 'Gilroy';
	font-size: 16px;
	margin: 0;
	background-color: #fff;
	left: 0;
	right: 0;
	position: relative;
}
button {
	cursor: pointer;
}
h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}
.wrapper {
	overflow: hidden;
}
a {
	text-decoration: none;
	outline: none;
}
footer a {
	color: #fff;
}
footer p {
	color: #fff;
}
* {
	outline: none !important;
}
ul {
	padding: 0;
	margin: 0;
}
ul li {
	list-style-type: none;
	outline: none;
}
img {
	outline: none;
	display: block;
}
p {
	padding: 0;
	margin: 0;
}

/* Mobile menu */

.desktop_menu {
	position: fixed;
	z-index: 999999999;
	background: #f5f5f5;
	padding: 156px 0px 0px 0px;
	height: 100%;
	width: 268px;
	left: -268px;
}
.desktop_menu ul > li {
	text-align: center;
	margin-bottom: 30px;
	list-style-type: none;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.desktop_menu ul > li > ul {
	float: left;
	width: 100%;
	margin: 20px 0px 50px 0px;
}
.desktop_menu ul > li > ul > li {
	float: left;
	width: 100%;
	height: auto;
	font-weight: 400;
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
}
.desktop_menu ul > li > ul > li > span.menu_orange > a {
	color: #F8871F;
}
.desktop_menu ul > li > ul > li > span.menu_green > a {
	color: #26B15E;
}
.desktop_menu ul > li > a {
	color: #000;
}
.desktop_menu ul > li:last-child {
	margin-bottom: 0px;
}

.mobile_menu {
	position: fixed;
	z-index: 999999999;
	background: #f5f5f5;
	padding: 156px 0px 0px 0px;
	height: 100%;
	width: 268px;
	right: -268px;
}
.mobile_menu ul > li {
	text-align: center;
	margin-bottom: 30px;
	list-style-type: none;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.mobile_menu ul > li > ul {
	float: left;
	width: 100%;
	margin: 20px 0px 50px 0px;
}
.mobile_menu ul > li > ul > li {
	float: left;
	width: 100%;
	height: auto;
	font-weight: 400;
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
}
.mobile_menu ul > li > ul > li > span.menu_orange > a {
	color: #F8871F;
}
.mobile_menu ul > li > ul > li > span.menu_green > a {
	color: #26B15E;
}
.mobile_menu ul > li > a {
	color: #000;
}
.mobile_menu ul > li:last-child {
	margin-bottom: 0px;
}

.btn_close_menu {
	position: absolute;
	background-image: url(../img/arrow_left.svg);
	background-repeat: no-repeat;
	transform: rotate(180deg);
	width: 25px;
	height: 21px;
	z-index: 9999999;
	right: 27px;
	top: 27px;
}
.btn_close_menu:hover {
	cursor: pointer;
}

.btn_close_mob_menu {
	position: absolute;
	background-image: url(../img/arrow_left.svg);
	background-repeat: no-repeat;
	width: 25px;
	height: 21px;
	z-index: 9999999;
	left: 27px;
	top: 27px;
}
.btn_close_mob_menu:hover {
	cursor: pointer;
}

.background {
	background: rgba(0,0,0,.0);
	position: fixed;
	width: 100%;
	right: -2485px;
	height: 100%;
	z-index: 99999;
}

/* Colors */

/* Text */
.green {
	color: #26b15e;
}
.orange {
	color: #f8871f;
}
.red {
	color: #e91314;
}
.gray {
	color: #bababa;
}
.blue {
	color: #2760F1;
}
.purple {
	color: #AD00FF;
}

/* Button with bg */
.green_btn {
	color: #26B15E;
	border: 2px solid #26B15E;
	background-color: #fff;
	transition: 0.3s ease;
}
.green_btn > a {
	color: #26B15E;
	transition: 0.3s ease;
}
.green_btn:hover {
	background-color: #26B15E;
	color: #fff;
}
.green_btn:hover a {
	color: #fff;
}

.orange_btn {
	color: #F8871F;
	border: 2px solid #F8871F;
	background-color: #fff;
	transition: 0.3s ease;
}
.orange_btn > a {
	color: #F8871F;
	transition: 0.3s ease;
}
.orange_btn:hover {
	background-color: #F8871F;
	color: #fff;
}
.orange_btn:hover a {
	color: #fff;
}

.orange_btn_modules {
	border: 2px solid #F8871F;
	background-color: #fff;
	color: #F8871F;
	transition: 0.3s ease;
}
.orange_btn_modules > a {
	color: #F8871F;
	transition: 0.3s ease;
}
.orange_btn_modules:hover {
	background-color: #F8871F;
	border: 2px solid #F8871F;
	color: #fff;
}
.orange_btn_modules:hover a {
	color: #fff;
}

.red_btn {
	color: #e91314;
	border: 2px solid #e91314;
	background-color: #fff;
	transition: 0.3s ease;
}
.red_btn > a {
	color: #e91314;
	transition: 0.3s ease;
}
.red_btn:hover {
	color: #fff;
	background-color: #e91314;
}
.red_btn:hover a {
	color: #fff;
}

.gray_btn {
	color: #bababa;
	border: 2px solid #bababa;
	background-color: #fff;
	transition: 0.3s ease;
	cursor: default;
}
.gray_btn > a {
	color: #bababa;
	transition: 0.3s ease;
}

.orange_btn_bg {
	background-color: #F8871F;
	color: #fff;
	border:  none;
	transition: 0.3s ease;
}
.orange_btn_bg > a {
	color: #fff;
}

.blue_btn {
	background-color: #2760F1;
	border: 2px solid transparent;
	color: #fff;
	transition: 0.3s ease;
}
.blue_btn > a {
	color: #fff;
}
.blue_btn:hover {
	color: #2760F1;
	background-color: #fff;
	border: 2px solid #2760F1;
}
.blue_btn:hover a {
	color: #2760F1;
}

.green_btn_bg {
	background-color: #26B15E;
	color: #fff;
	border: 2px solid transparent;
	transition: 0.3s ease;
}
.green_btn_bg > a {
	color: #fff;
}
.green_btn_bg:hover {
	background-color: #fff;
	border: 2px solid #26B15E;
	color: #26B15E;
}
.green_btn_bg:hover a {
	color: #26B15E;
}

.purple_btn {
	background-color: #AD00FF;
	border: 2px solid transparent;
	color: #fff;
	transition: 0.3s ease;
}
.purple_btn > a {
	color: #fff;
}
.purple_btn:hover {
	background-color: #fff;
	border: 2px solid #AD00FF;
	color: #AD00FF;
}
.purple_btn:hover a {
	color: #AD00FF;
}

/* Button borders */
.orange_border {
	border: 2px solid #F8871F;
	background-color: #f5f5f5;
}
.orange_border > a {
	color: #F8871F;
}

.green_border {
	border: 2px solid #26B15E;
	background-color: #f5f5f5;
}
.green_border > a {
	color: #26B15E;
}

.blue_border {
	border: 2px solid #2760F1;
	background-color: #f5f5f5;
}
.blue_border > a {
	color: #2760F1;
}

.purple_border {
	border: 2px solid #AD00FF;
	background-color: #f5f5f5;
}
.purple_border > a {
	color: #AD00FF;
}

/* End colors */

/* End default style */

/* Header */

.topbar {
	position: relative;
	float: left;
	width: 100%;
	height: 75px;
	background-color: #f5f5f5;
}
.topbar .col {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 75px;
}

.left_col {
	justify-content: flex-start !important;
}
.menu {
	float: left;
	background-image: url(../img/menu.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 25px;
	height: 19px;
	margin-right: 60px;
}
.menu:hover {
	cursor: pointer;
}

.left_col a {
	color: #000;
}
.back_btn {
	float: left;
	background-image: url(../img/arrow_left.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
}
.back_btn span {
	text-align: left;
	margin-left: 14px;
	font-size: 18px;
}
.back_btn span > a {
	color: #000;
}

.logo img {
	display: block;
	margin: 0 auto;
}

.user_block {
	justify-content: flex-end !important;
	float: right;
}
.user_block h4 {
	float: left;
	margin-right: 30px;
	font-size: 18px;
}
.user_block img {
	float: right;
	width: 50px;
	border-radius: 100px;
}

.col.mobile {
	display: none;
	justify-content: flex-end !important;
	margin-right: 36px;
}
.col.mobile .mob_menu {
	background-image: url(../img/menu.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 25px;
	height: 18px;
}

/* End header style */

/* Home page style */
.content_home {
	float: left;
	position: relative;
	width: 100%;
	padding: 70px 0px 178px 0px;
}
.home_bg {
	width: 469px;
	height: 426px;
	background-image: url(../img/bg_home.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

@media(max-width: 425px){
	.home_bg {
		right: 20px;
	}
}

@media(min-width: 992px){
	.home_bg {
		right: 40px;
	}
}

@media(min-width: 1200px){
	.home_bg {
		right: 80px;
	}
}

.main_block img {
	margin-bottom: 63px;
}
.main_block h2 {
	font-size: 22px;
	margin-bottom: 30px;
}
.main_block .border {
	background-image: url(../img/image1.svg);
	background-size: 352px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 12px;
}
.main_block h1 {
	/*float: left;*/
	width: 100%;
	font-size: 72px;
	line-height: 88px;
	font-weight: 500;
	position: relative;
}
.main_block h1::after {
	content: url(../img/arrow_down.svg);
	position: absolute;
	bottom: -50%;
	margin-left: -20px;
}
.main_block button {
	float: left;
	display: flex;
	width: 298px;
	height: 60px;
	text-align: center;
	background-color: #000;
	border: none;
	color: #fff;
	font-family: 'Gilroy';
	font-size: 18px;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}
.main_block button > a {
	display: flex;
	align-items: center;
	color: #fff;
	text-align: center;
}
.main_block button > a > img {
	display: flex;
	align-items: center;
	float: right;
	margin: auto 0px 0px 10px;
}
/* End home page style */

/* Proffession page style */
.content_prof {
	float: left;
	width: 100%;
	padding: 51px 0px 51px 0px;
}

.prof_block .col {
	padding: 29px 23px 41px 23px;
	margin: 0px 15px 30px 15px;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}
.prof_block .col-4 {
	width: 360px;
	flex: none;
	padding: 29px 23px 41px 23px;
	margin: 0px 15px 30px 15px;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}
.gray_bg {
	background-color: #F5F5F5;
}
.prof_block h2 {
	text-align: left;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 15px;
}
.prof_block p {
	float: left;
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 64px;
}
.prof_block button {
	position: absolute;
	width: 212px;
	height: 60px;
	text-align: center;
	font-size: 16px;
	font-family: 'Gilroy';
	margin-bottom: 30px;
	bottom: 0px;
	left: 23px;
}
/* End professions page style */

/* Rating page style */

.rating_block {
	float: left;
	width: 100%;
}

.rating_block .name_prof {
	margin-bottom: 50px;
}
.rating_block .row.name_prof > .col {
	display: flex;
	height: auto;
	padding: 18px 0px;
	align-items: center;
	text-align: center;
	flex-wrap: nowrap;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}
.rating_block .name_prof > .col > ul {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.rating_block .name_prof > .col > ul > li {
	float: left;
	text-align: center;
	font-size: 24px;
	margin-right: 133px;
}
.rating_block .name_prof > .col > ul > li:last-child {
	margin-right: 0px;
}
.rating_block .name_prof > .col > ul > li > span {
	color: #F8871F;
	font-weight: 600;
}

.rating_block > .row.first_row {
	margin-bottom: 36px;
}
.rating_block > .row.first_row > .col {
	padding-left: 10px;
	padding-right: 10px;
}
.rating_block > .row.first_row > .col > strong {
	font-size: 36px;
}

.rating_block > .row {
	margin-bottom: 18px;
}
.rating_block > .last_row {
	margin-bottom: 0px;
}
.rating_block > .row > .col {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 126px;
	position: relative;
}
.rating_block .row > .col > strong {
	float: left;
	width: 12%;
	height: 126px;
	color: #000;
	font-size: 30px;
	font-weight: 600;
	padding-top: 27px;
}
.rating_block .row > .col > strong > span {
	color: #F8871F;
}
.rating_block .row > .col > .member_block {
	float: left;
	position: relative;
	width: 75%;
	height: auto;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}
.rating_block .row > .col > .member_block > img {
	width: 53px;
	float: left;
	margin-bottom: 10px;
}
.rating_block .row > .col > .member_block > h3 {
	float: left;
	width: 70%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-weight: 600;
	font-size: 18px;
	height: 50px;
	text-align: center;
}
.rating_block .row > .col > .member_block > p {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
}
.rating_block .row > .col > .member_block > p > span {
	color: #F8871F;
}
.range_border {
	position: absolute;
	bottom: 0;
	width: 80%;
	height: 5px;
	background-color: #F8871F;
}

/* End rating page style */

/* Class page style */

.wrap-myvertical-tabs{
	max-width: 100%;
	height: 474px;
	display: flex;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	margin-bottom: 36px;
}
.info_video_block {
	float: right;
	width: 35%;
	height: 474px;
	position: relative;
	padding: 38px 0px 207px 0px;
	background: #f5f5f5;
}
ul.myvertical-tabs {
	float: left;
	width: 100%;
	max-height: 250px;
	overflow-y: scroll;
	margin-bottom: 25px;
}
.info_video_block h3 {
	text-align: left;
	padding: 0px 0px 0px 65px;
	margin-bottom: 25px;
	font-size: 24px;
	font-weight: 600;
}
.info_video_block .qty_video {
	position: absolute;
	top: 44px;
	right: 45px;
}
.info_video_block .qty_video p {
	font-size: 14px;
}
.info_video_block button {
	display: block;
	margin: 0 auto;
	width: 248px;
	height: 50px;
	color: #fff;
	text-align: center;
	font-family: 'Gilroy';
	font-size: 16px;
	background-color: #F8871F;
	border: none;
}
.myvertical-tabs li {
	display: flex;
	align-items: center;
	padding: 18px 35px 18px 35px;
	height: auto;
	color: #000;
	cursor: pointer;
	background: transparent;
	position: relative;
}
.myvertical-tabs li > strong {
	float: left;
	display: flex;
	align-items: center;
	text-align: left;
	height: auto;
	color: #F8871F;
	font-size: 18px;
	font-weight: 600;
	margin-right: 20px;
}
.myvertical-tabs li:hover {
	color: #000;
	background: #fff;
}
.myvertical-tabs li.chosen {
	color: #000;
	background: #fff;
}
.myvertical-tabs li.chosen > strong {
	display: none;
}
/*.myvertical-tabs li.chosen::before {
	content: url(../img/play_btn.svg);
	width: 11px;
	height: 15px;
	float: left;
	margin-right: 16px;
}*/
.myvertical-tabs-content {
	display: none;
	height: 474px;
	/*background: #c4c4c4;*/
	/*padding: 10px 15px;*/
	padding: 0px 8px;
}
.myvertical-tabs-content-wrap {
	float: left;
	width: 65%;
}
.myvertical-tabs-content.active{
	display: block;
	/*background-color: #c4c4c4;*/
}

.about_class {
	float: left;
	width: 100%;
}
.about_class .mobile {
	display: none;
}
.about_class > .container > .row > .col-8 > h2 {
	float: left;
	width: 100%;
	font-size: 36px;
	font-weight: 600;
	color: #F8871F;
	margin-bottom: 10px;
}
.about_class > .container > .row > .col-8 > h3 {
	font-size: 24px;
	font-weight: 400;
	color: #000;
	line-height: 28.8px;
	margin-bottom: 20px;
}
.about_class > .container > .row > .col-8 > p {
	font-size: 18px;
	font-weight: 400;
	color: #F8871F;
	line-height: 26px;
	margin-bottom: 36px;
}
.about_class > .container > .row > .col-4 > ul > li {
	float: left;
	width: 100%;
	height: 100px;
	margin-bottom: 31px;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}
.about_class > .container > .row > .col-4 > ul > li > img {
	float: left;
	margin-right: 35px;
}
.about_class > .container > .row > .col-4 > ul > li > h5 {
	float: left;
	width: 60%;
	font-size: 18px;
	color: #000;
	padding-top: 27px;
}
.about_class > .container > .row > .col-4 > ul > li > p {
	float: left;
	width: 60%;
	color: #F8871F;
	font-size: 14px;
}

.about_class > .container > .row > .col_conspect > p {
	font-size: 18px;
	text-align: left;
	color: #000;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 5px;
}
.about_class > .container > .row > .col_conspect > p.hidden_text {
	display: none;
}
.about_class > .container > .row > .col_conspect > span {
	color: #F8871F;
	font-size: 18px;
	text-decoration: underline;
}
.about_class > .container > .row > .col_conspect > span > a {
	color: #F8871F;
}

.about_class > .container > .row > .materials > h4 {
	margin-top: 36px;
}
.about_class > .container > .row > .materials > a {
	float: left;
	width: 100%;
	color: #F8871F;
	font-size: 18px;
	text-decoration: underline;
	font-weight: 400;
}

.about_class > .container > .row > .homework > h4 {
	margin-top: 36px;
}
.about_class > .container > .row > .homework > ul {
	padding: 0px 22px;
}
.about_class > .container > .row > .homework > ul > li {
	list-style-type: decimal;
	font-size: 18px;
	text-align: left;
	color: #000;
	line-height: 26px;
}
.about_class > .container > .row > .homework > ul > li > ul {
	padding: 0px 22px;
	margin-bottom: 36px;
}
.about_class > .container > .row > .homework > ul > li > ul > li {
	list-style-type: lower-latin;
	font-size: 18px;
	text-align: left;
	color: #000;
	line-height: 26px;
}

/* Class send style */

.about_class > .container > .row > .answer_send > h4 > .span_green {
	color: #26B15E;
}
.about_class > .container > .row > .answer_send > h4 > .span_red {
	color: #E91313;
}
.about_class > .container > .row > .answer_send > p {
	background-color: #F5F5F5;
	padding: 14px;
	color: #bababa;
	font-size: 16px;
	line-height: 20px;
	height: 200px;
	margin-bottom: 21px;
}
.answer_send { margin-top:40px; }
.clip_files {
	float: left;
	width: 35%;
	margin-bottom: 36px;
}
.clip_files > .clip_img {
	float: left;
	width: auto;
	margin-left: 26px;
	margin-right: 26px;
}
.clip_files > .files_link {
	float: left;
	width: 65%;
}
.clip_files > .files_link > a {
	float: left;
	width: 100%;
	color: #F8871F;
	font-size: 18px;
	text-decoration: underline;
	margin-bottom: 3px;
}
/* Success */
.link_green > a {
	color: #26B15E !important;
}
.link_red > a {
	color: #E91313 !important;
}
.answer_block > ul {
	float: left;
	width: auto;
}
.answer_block > ul > li {
	display: flex;
	/*height: 50px;*/
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #26B15E;
	text-align: left;
}
.answer_block > ul > li::before {
	content: url(../img/answer.svg);
	margin-right: 16px;
}
.answer_red {
	color: #E91313 !important;
}
li.answer_red::before {
	content: url(../img/answer.svg);
	margin-right: 16px;
}
/* End success */

/* Class send style end */

.about_class > .container > .row > .send_work {
	position: relative;
	margin-top: 35px;
}

.about_class > .container > .row > .send_work > form > textarea {
	float: left;
	position: relative;
	width: 100%;
	height: 205px;
	background-color: #fff;
	border: none;
	font-family: 'Gilroy';
	font-size: 16px;
	color: #bababa;
	padding: 14px 230px 14px 14px;
	margin-bottom: 20px;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	-webkit-appearance: none;
	resize: none;
}
.about_class > .container > .row > .send_work > form > textarea::-webkit-input-placeholder { color:#bababa;font-size: 16px;font-family: 'Gilroy'; }
.about_class > .container > .row > .send_work > form > textarea::-moz-placeholder          { color:#bababa;font-size: 16px;font-family: 'Gilroy'; } /* Firefox 19+ */
.about_class > .container > .row > .send_work > form > textarea:-moz-placeholder           { color:#bababa;font-size: 16px;font-family: 'Gilroy'; } /* Firefox 18- */
.about_class > .container > .row > .send_work > form > textarea:-ms-input-placeholder      { color:#bababa;font-size: 16px;font-family: 'Gilroy'; }
.input__wrapper {
	width: 50px;
	right: 15px;
	top: 20%;
	position: absolute;
	text-align: center;
	padding: 50px 100px;
}

.input__file {
	display: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.input__file-icon-wrapper {
	height: 60px;
	width: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.input__file-button-text {
	line-height: 1;
	margin-top: 1px;
}

.input__file-button {
	width: 100%;
	max-width: 50px;
	height: 60px;
	background: transparent;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-radius: 3px;
	cursor: pointer;
	margin: 0 auto;
}
#dropZone.hover {
	background: #ddd;
	border-color: #aaa;
}

#dropZone.error {
	background: #faa;
	border-color: #f00;
}

#dropZone.drop {
	background: #afa;
	border-color: #0f0;
}

.about_class > .container > .row > .send_work > form > button {
	float: left;
	width: 188px;
	height: 50px;
	text-align: center;
	border: none;
	color: #fff;
	font-size: 16px;
	font-family: 'Gilroy';
	margin-right: 31px;
	background-color: #F8871F;
}
.about_class > .container > .row > .send_work > form > button:hover {
	cursor: pointer;
}
/*.about_class > .container > .row > .send_work > form > button:nth-child(3) {*/
/*	background-color: #000;*/
/*}*/

.about_class h4 {
	font-size: 24px;
	color: #000;
	font-weight: 600;
	margin-bottom: 10px;
}
.about_class h4 > span {
	color: #F8871F;
}

/* End class page style */

/* Page style */
.content {
	float: left;
	width: 100%;
	padding: 36px 0px 51px 0px;
}

.modules_block {
	float: left;
	width: 100%;
	background-color: #fff;
}
.modules_block ul {
	float: left;
	width: 100%;
}
.modules_block ul > li {
	float: left;
	width: 100%;
	height: auto;
	display: block;
	padding: 24px 109px 24px 109px;
	background-color: #fff;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
	margin-bottom: 25px;
}
.modules_block ul > li.available:hover {
	cursor: pointer;
}
.modules_block ul > li:last-child {
	margin-bottom: 0px;
}

.modules_block .col-8 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
.modules_block .col-4 {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
}

.modules_block .col-8 > h3 {
	width: 100%;
	margin-bottom: 5px;
	font-size: 24px;
}
.modules_block .col-8 > h3 > a {
	color: #000;
}
.modules_block .col-8 > h3 > a > span {
	font-weight: 600;
}
.modules_block .col-8 > p {
	width: 100%;
	font-size: 16px;
}

.modules_block .col-4 > button {
	width: 188px;
	height: 50px;
	text-align: center;
	font-size: 16px;
	font-family: 'Gilroy';
}

/* End page style */

/* Footer */

footer {
	float: left;
	width: 100%;
	padding: 20px 0px 64px 0px;
	background-color: #000;
	clear: both;
}
footer .col {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
footer .mobile {
	display: none;
}
footer .socials > span, footer .socials_mobile > span {
	color: #fff;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
}
footer .socials_mobile > span {
	text-align: center;
	margin-top: 8px;
}
.footer_links {
	margin-top: 71px;
	width: 100%;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.5);
}

.logo_footer {
	float: left;
	width: 100%;
	/*margin-bottom: -40px;*/
}

.logo_footer img { margin: 0 auto; }

.footer_text {
	width: 100%;
}
.footer_text h5 {
	text-align: center;
	color: #bababa;
	margin-bottom: 10px;
}
.footer_text p {
	max-width: 300px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	margin: 0 auto;
}

.home_socials {
	flex-wrap: wrap;
	justify-content: flex-start !important;
}
.home_socials ul > li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
}
.home_socials ul > li:last-child {
	margin-right: 0px;
}
.home_socials ul > li > a {
	text-decoration: none;
}
.home_socials ul > li > a > img {
	display: block;
	margin: 0 auto;
}

.socials {
	flex-wrap: wrap;
	justify-content: flex-start !important;
}
.socials ul > li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
}
.socials ul > li:last-child {
	margin-right: 0px;
}
.socials ul > li > a {
	text-decoration: none;
}
.socials ul > li > a > img {
	display: block;
	margin: 0 auto;
}

.contacts {
	justify-content: flex-end !important;
	color: #fff;
	text-align: right;
	font-size: 12px;
}
.contacts > ul > li {
	text-align: right;
}
.contacts > ul > li:nth-child(4) {
	margin-bottom: 10px;
}
.contacts ul > h5 {
	color: #BABABA;
	margin-bottom: 10px;
	font-size: 12px;
}

.col.socials_mobile {
	display: none;
}
.col.socials_mobile ul > li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
}
.col.socials_mobile ul > li:last-child {
	margin-right: 0px;
}
.col.socials_mobile ul > li > a {
	text-decoration: none;
}
.col.socials_mobile ul > li > a > img {
	display: block;
	margin: 0 auto;
}

.copyright .row > .col > a.copyright_link {
	text-align: left;
}
.copyright .row > .col > a.policy {
	text-align: center;
}
.copyright .row > .col > a.offert {
	text-align: right;
}
footer .copyright_mobile {
	display: none;
}

/* Media style */
@media (max-width: 1180px) {
	.prof_block .col-4 {
		max-width: 100%;
		width: 46.6%;
	}
	.prof_block .col-4:last-child {
		width: 47%;
	}
	.rating_block .row > .col > .member_block > h3 {
		width: 60%;
		font-size: 20px;
	}
	.about_class > .container > .row > .col-4 > ul > li > h5 {
		width: 50%;
	}
	.about_class > .container > .row > .col-4 > ul > li > p {
		width: 50%;
	}
}
@media (max-width: 991px) {
	.info_video_block h3 {
		text-align: center;
		float: left;
		padding: 0px 0px 0px 0px;
		margin-bottom: 0px;
		font-size: 24px;
		font-weight: 600;
		width: 100%;
	}
	.info_video_block .qty_video {
		position: relative;
		width: 100%;
		float: left;
		margin-bottom: 25px;
		text-align: center;
		top: 0px;
		right: 0px;
	}

	ul.myvertical-tabs {
		float: left;
		width: 100%;
		max-height: 250px;
		overflow-y: scroll;
	}
	ul.myvertical-tabs li {
		width: 100%;
	}
	.info_video_block button {
		width: 100%;
	}

	.about_class > .container > .row > .col-4 > ul > li > img {
		margin-right: 18px;
	}
	.about_class > .container > .row > .col-4 > ul > li > h5 {
		width: 38%;
		font-size: 14px;
	}
	.about_class > .container > .row > .col-4 > ul > li > p {
		width: 40%;
		font-size: 11px;
	}
}
@media (max-width: 768px) {
	.menu {
		margin-right: 20px;
	}

	.modules_block ul > li {
		height: auto;
		padding: 24px 30px 24px 30px;
	}

	.modules_block .col-8 > h3 {
		font-size: 20px;
	}

	.prof_block .col-4 {
		max-width: 100%;
		width: 44.4%;
	}
	.prof_block .col-4:last-child {
		width: 47.4%;
	}

	.home_bg {
		width: 250px;
		height: 227px;
	}

	.rating_block > .row.name_prof {
		margin-left: 0px;
		margin-right: 0px;
	}
	.rating_block > .row.name_prof > .col {
		flex-basis: 0;
	}
	.rating_block > .row > .col {
		flex-basis: auto;
		margin-bottom: 50px;
	}
	.rating_block > .row {
		margin-bottom: 0px;
	}
	.rating_block .name_prof > .col > ul > li > span {
		float: left;
		width: 100%;
	}
	.rating_block .name_prof > .col > ul > li {
		font-size: 14px;
		margin-right: 40px;
	}
	.rating_block > .row > .last_col {
		margin-bottom: 0px;
	}

	/* Page class style */
	.wrap-myvertical-tabs {
		height: 374px;
	}
	.myvertical-tabs-content-wrap {
		width: 50%;
		height: 374px;
	}
	.info_video_block {
		width: 50%;
		height: 374px;
	}
	.myvertical-tabs-content {
		height: 374px;
	}

	.about_class > .container > .row > .col-8 > h2 {
		font-size: 24px;
	}
	.about_class > .container > .row > .col-8 > h3 {
		font-size: 18px;
	}

	.about_class > .container > .row > .col-4 > ul > li {
		height: 79px;
	}
	.about_class > .container > .row > .col-4 > ul > li > img {
		width: 79px;
		height: 79px;
		margin-right: 21px;
	}
	.about_class > .container > .row > .col-4 > ul > li > h5 {
		font-size: 14px;
	}
	.about_class > .container > .row > .col-4 > ul > li > h5 {
		width: 45%;
		padding-top: 22px;
	}
	.about_class > .container > .row > .col-4 > ul > li > p {
		/*display: none;*/
	}

	.answer_block > ul {
		margin-bottom: 21px;
		padding-left: 15px;
		padding-top: 0px;
	}
	.answer_block > ul > li {
		font-size: 18px;
		color: #26B15E;
		text-align: left;
		height: 50px;
		display: flex;
		align-items: center;
	}
	.answer_block > ul > li::before {
		content: url(../img/answer.svg);
		margin-right: 16px;
	}
}

@media (max-width: 425px) {
	body {
		right: 0;
		left: inherit;
	}
	/* Home page */
	.home_bg {
		width: 295px;
		height: 268px;
	}
	.content_home {
		padding: 20px 0px 0px 0px;
	}

	.main_block h2 {
		font-size: 14px;
	}
	.main_block .border {
		background-size: 212px;
	}

	.main_block h1 {
		font-size: 36px;
		line-height: 40px;
	}
	.main_block h1::after {
		transform: rotate(-10deg);
		bottom: -92%;
		margin-left: 0px;
	}

	.main_block button {
		/*width: 275px;
		height: 52px;*/
		width: 206px;
		height: 48px;
		font-size: 17px;
	}

	/* End home page */

	/* Prof page */

	.prof_block .col-4 {
		width: 100%;
		flex: 100%;
		max-width: 100%;
		margin: 0px 15px 30px 15px;
	}
	.prof_block p {
		max-width: 280px;
	}

	/* End prof page */

	.col.left_col {
		display: none;
	}
	.col.user_block {
		display: none;
	}
	.col.mobile {
		display: flex;
	}

	footer {
		height: auto;
	}
	footer .mobile {
		display: block;
	}
	footer .desktop {
		display: none;
	}
	footer .col.socials {
		display: none;
	}
	footer .col.home_socials {
		height: auto !important;
		justify-content: center !important;
	}
	footer .col.home_socials .logo_footer {
		margin-top: 38px;
		margin-bottom: 26px;
	}
	footer .col.home_socials .logo_footer img {
		margin: 0 auto;
	}
	footer .col.home_socials ul {
		display: none;
	}
	footer .col.col_logo {
		flex-basis: auto;
		height: auto;
		padding: 34px 0px 25px 0px;
	}
	footer .col.col_text {
		flex-basis: auto;
		height: auto;
		padding: 0px 0px 20px 0px;
		margin-right: 0px;
	}
	footer .home {
		flex-basis: auto;
		height: auto;
		padding: 0px;
	}
	footer .col.contacts {
		justify-content: center !important;
		align-items: center;
		height: auto;
		padding: 0px 0px 25px 0px;
	}
	.contacts ul {
		text-align: center;
	}
	.contacts > ul > li {
		text-align: center;
	}
	footer .copyright_mobile {
		display: block;
	}
	footer .copyright {
		display: none;
	}
	footer .copyright_mobile .row > .col {
		max-width: 100%;
		flex: 100%;
	}
	footer .copyright_mobile .row > .col > a {
		text-align: center !important;
	}
	footer .copyright_mobile .row > .col > a.copyright_link {
		margin-bottom: 8px;
	}
	footer .copyright_mobile .row > .col > a.policy {
		margin-bottom: 8px;
	}
	footer .copyright_mobile .row > .col > a.offert {
		margin-top: 34px;
		margin-bottom: 8px;
	}
	.footer_links {
		margin-top: 0px;
	}

	.col.socials_mobile {
		display: flex;
		flex-basis: auto;
		height: auto;
		padding: 0px 0px 35px 0px;
	}

	.modules_block ul > li {
		height: auto;
		margin: 0px 0px 36px 0px;
		padding: 24px;
	}
	.modules_block .col-8 {
		max-width: 100%;
		width: 100%;
		flex:  0 0 100%;
	}
	.modules_block .col-8 > h3 {
		/*margin-bottom: 25px;*/
	}
	.modules_block p.avalp { margin-top: 25px; }
	.modules_block .col-8 > h3 > a > span {
		float: left;
		width: 100%;
		line-height: 29px;
		position: relative;
		margin-bottom: 25px;
	}
	.modules_block ul > li:first-child > .row > .col-8 > h3 > a > span::after {
		content: url(../img/check.svg);
		position: absolute;
		width: 20px;
		height: 20px;
		float: right;
		margin-left: 10px;
	}
	.modules_block ul > li.close > .row > .col-8 > h3 > a > span::after {
		content: url(../img/close.svg);
		position: absolute;
		width: 20px;
		height: 20px;
		float: right;
		margin-left: 10px;
	}
	.modules_block ul > li:last-child {
		background-color: #f5f5f5;
	}
	.modules_block .col-4 {
		display: none;
	}

	/* Class page */
	.wrap-myvertical-tabs {
		float: left;
		width: 100%;
		display: block;
		height: auto;
		margin-bottom: 36px;
	}
	.myvertical-tabs-content-wrap {
		width: 100%;
		height: 374px;
	}
	.info_video_block {
		width: 100%;
		height: auto;
		padding: 22px 0px 22px 0px;
	}
	.info_video_block h3 {
		text-align: left;
		float: left;
		padding: 0px 0px 0px 30px;
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: 600;
		width: 50%;
	}
	.info_video_block .qty_video {
		position: absolute;
		text-align: center;
		width: auto;
		top: 27px;
		right: 30px;
	}
	.info_video_block button {
		width: auto;
		font-size: 12px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.myvertical-tabs li {
		font-size: 14px;
		position: relative;
	}
	.myvertical-tabs li:first-child::after {
		content: url(../img/check_orange.svg);
		position: absolute;
		right: 30px;
	}

	.about_class .desktop {
		display: none;
	}
	.about_class .mobile {
		display: block;
	}
	.about_class > .container > .row > .col-8 {
		max-width: 100%;
		flex: none;
		width: 100%;
		margin-bottom: 40px;
	}
	.about_class > .container > .row > .col-4 {
		max-width: 100%;
		flex: none;
		width: 100%;
	}
	.about_class > .container > .row > .col-8 > h2 {
		font-size: 24px;
	}
	.about_class > .container > .row > .col-8 > h3 {
		float: left;
		font-size: 18px;
	}
	.about_class > .container > .row > .col-4 > ul > li {
		/*width: 177px;*/
		width: 100%;
		height: 79px;
		margin-right: 20px;
	}
	.about_class > .container > .row > .col-4 > ul > li > img {
		width: 79px;
		height: 79px;
		margin-right: 21px;
	}
	.about_class > .container > .row > .col-4 > ul > li > h5 {
		/*width: auto;*/
		word-wrap: break-word;
		font-size: 12px;
	}
	.about_class > .container > .row > .col-4 > ul > li > p {
		/*display: none;*/
		font-size: 14px;
	}
	.about_class > .container > .row > .col-8 > p {
		display: none;
	}
	.about_class > .container > .row > .col_conspect > span {
		display: none;
	}

	.mobile_list {
		margin-bottom: 24px;
	}
	.mobile_list li {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.mobile_list li > p {
		float: left;
		width: 70%;
		margin-left: 21px;
		font-size: 14px;
		text-align: left;
		line-height: 16.8px;
	}
	.mobile_list li > span {
		float: left;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 79px;
		height: 34px;
		background-color: #F8871F;
		text-align: center;
		color: #fff;
		font-size: 18px;
		text-transform: uppercase;
	}
	.mobile_list li:nth-child(2) > span {
		background-color: #000;
	}

	.input__wrapper {
		bottom: 21%;
		right: 10px;
		top: auto;
	}
	.input__file-icon-wrapper img {
		width: 30px;
		height: 30px;
	}
	.about_class > .container > .row > .send_work > form > button {
		margin-right: 21px;
		width: 47%;
	}
	.about_class > .container > .row > .send_work > form > textarea {
		padding: 14px 64px 14px 14px;
	}
	.about_class > .container > .row > .send_work > form > button:nth-child(3) {
		margin-right: 0px;
	}

	/* Class send */
	.about_class > .container > .row > .answer_send > p {
		height: auto;
	}
	.clip_files {
		width: 100%;
	}
	.clip_files > .clip_img {
		width: auto;
	}

	.dropzone .dz-message {
		margin-right: -2% !important;
		margin-top: -37% !important;
	}

	.rating_block > .row > .col {
		margin-bottom: 10px;
	}
}

@media (max-width: 375px) {
	.rating_block .row > .col > .member_block > h3 {
		width: 65%;
	}

	.about_class > .container > .row > .send_work > button {
		width: 46.9%;
	}

	.about_class > .container > .row > .col-4 > ul > li {
		/*width: 212px;*/
		width: 100%;
	}
	.about_class > .container > .row > .col-4 > ul > li > img {
		margin-right: 10px;
	}
	.about_class > .container > .row > .col-4 > ul > li > h5 {
		font-size: 16px;
		float: none;
		width: 100%;
	}
	.about_class > .container > .row > .col-4 > ul > li:last-child {
		margin-right: 0px;
	}

	.dropzone .dz-message {
		margin-top: -42% !important;
	}

	.about_class > .container > .row > .send_work > form > button {
		margin-right: 18px;
	}

	.main_block h1::after {
		margin-left: -5%;
	}
}
/* End media style */


/* popup */

#bg_popup {
	position: fixed;
	display: flex;
	align-items: center;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	opacity: 0;
	transition: opacity ease-in-out .3s;
}
#popup {
	background:#fff;
	max-width: 625px;
	width: 100%;
	margin: auto;
	padding: 29px 35px 37px 35px;
	position: relative;
}

#popup h1 {
	/*max-width: 56%;*/
	font-size: 36px;
	font-weight: 600;
	line-height: 44px;
	margin-bottom: 25px;
}
#popup p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
}
#popup ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#popup ul > li {
	margin-bottom: 10px;
}
#popup ul > li > label > a {
	color: #000;
	text-decoration: none;
}
#popup ul > li:last-child {
	margin-bottom: 0px;
}
.custom-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.custom-checkbox+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
	font-size: 14px;
}
.custom-checkbox+label > a {
	color: #202020;
	font-size: 14px;
	font-weight: 400;
}
.custom-checkbox+label::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #000;
	margin-right: 12px;
	margin-top: 2px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

.error+label::before {
	border: 1px solid red;
}
.error a {
	color: red !important;
}

.custom-checkbox:checked+label::before {
	background-image: url(/img/check.svg)
}

button.close {
	min-height: 60px;
	background-color: #000;
	color: #fff;
	border: none;
	font-family: "Gilroy";
	max-width: 325px;
	width: 100%;
	font-size: 16px;
	margin: 41px 0px 0px 0px;
}
button.close:hover {
	cursor: pointer;
}

.secrow a, footer .fcopy p, .xs_links a, .xs_links p{ color: rgba(255,255,255,.5); }

.flink { justify-content: flex-end !important; text-align: right;}
.secrow { margin-top: 35px; }
.flink a {display: inline-block; }
.fcopy { justify-content: flex-start !important;}
.f_content a { display: inline-block; margin-top: 12px;}
.contacts ul { font-size: 16px; line-height: 19px;}
.contacts ul li { margin-bottom: 6px;}
.contacts ul > h5 { color: rgba(255,255,255,.5); font-size: 16px; line-height: 19px;}
.xs_links a { margin-bottom: 8px;}
.xsrow { margin-top: 20px; }

@media(max-width: 425px) {
	#popup {
		max-width: 100%;
		width: 75%;
		height: 400px;
		overflow-y: scroll;
	}
	#popup h1 {
		font-size: 21px;
		max-width: 100%;
		line-height: 25px;
	}
	button.close {
		max-width: 175px;
		font-size: 14px;
	}
	.col.socials_mobile, .xsrow { text-align: center; }
   .xs_links a { display: inline-block; }
   .secrow, .fc1, footer .col.home_socials{ display: none; }
   .logo_footer_xs { margin: 0 auto 40px; }
   footer .col.contacts { margin-top:15px; }
   .col.socials_mobile { padding-bottom: 30px; }
}

@media(max-width: 360px){
	.prof_block h2 {
		font-size: 24px;
		line-height: 28px;
	}
}

@media(min-width: 425px){
   .xsrow, .logo_footer_xs { display: none; }
   footer {padding-top: 64px;}
}