@font-face {
	font-family: 'Open Sans';
	src: url('/tpl_css/fonts/OpenSans-SemiBold.eot');
	src: url('/tpl_css/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('/tpl_css/fonts/OpenSans-SemiBold.woff2') format('woff2'),
	url('/tpl_css/fonts/OpenSans-SemiBold.woff') format('woff'),
	url('/tpl_css/fonts/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/tpl_css/fonts/OpenSans-Bold.eot');
	src: url('/tpl_css/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('/tpl_css/fonts/OpenSans-Bold.woff2') format('woff2'),
	url('/tpl_css/fonts/OpenSans-Bold.woff') format('woff'),
	url('/tpl_css/fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/tpl_css/fonts/OpenSans-Regular.eot');
	src: url('/tpl_css/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('/tpl_css/fonts/OpenSans-Regular.woff2') format('woff2'),
	url('/tpl_css/fonts/OpenSans-Regular.woff') format('woff'),
	url('/tpl_css/fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/tpl_css/fonts/OpenSans-ExtraBold.eot');
	src: url('/tpl_css/fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('/tpl_css/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
	url('/tpl_css/fonts/OpenSans-ExtraBold.woff') format('woff'),
	url('/tpl_css/fonts/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/tpl_css/fonts/OpenSans-Light.eot');
	src: url('/tpl_css/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
	url('/tpl_css/fonts/OpenSans-Light.woff2') format('woff2'),
	url('/tpl_css/fonts/OpenSans-Light.woff') format('woff'),
	url('/tpl_css/fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
* {
	margin: 0px;
	padding:  0px;
	box-sizing: border-box;
}
html, body {
	overflow-x: hidden;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
}
a {	
	color: rgb(66,139,220);
	text-decoration: none !important;
	transition: 0.3s;
}
a:hover {
	color: rgb(255, 180, 73);
}

p {
	margin: 0;
}

/*-----HEADER-STYLE-START-----*/
.header-info {
	width: 100%;
	background: rgba(80, 80, 80, 1);
	height: 40px;
}
.header-info span.contacts-text {
	font-size: 14px;
	font-weight: 800;
	color: white;
	line-height: 40px;
	vertical-align: middle;
	margin-right: 30px;
}
.header-info .contacts-phone-second > .contacts-text {
	display: none;
	position: absolute;
	top: 40px;
	padding: 10px 25px;
	color: rgb(80,80,80);
	font-size: 	14px;
	font-weight: 800;
	background: rgba(255,255,255,0.7);
	z-index: 10;
}
.header-info span.fa {
	margin-right: 10px;
	color: rgb(255, 180, 73);
}
.header-info-buttons {
	margin-top: 5px;
	float: right;
	display: inline-block;
	position: relative;
}
.header-begin-info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 25px 0;
	overflow: hidden;
}
.header-begin-info-btns {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between; 
}
.logo {
	max-width: 100%;
}
.logo img{
	width: 100%;
}
/*-----HEADER-STYLE-END-----*/

/*-----CONTENT-STYLE-START*/
.container,
.header,
.footer,
.sub-footer {
	width: 100%;
	max-width: 100% !important;
}
.content {
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
}
.main-wrapper {
	min-height: 550px;
}
.text {
	padding: 20px 15px; 
	text-align: justify;
}
/*-----CONTENT-STYLE-END*/

/*-----MENU-MAIN-START-----*/

.header .menu {
	height: 80px;
	background: rgba(255, 180, 73, 1);
	color: rgb(103, 93, 78);
	font-weight: 600;
	font-size: 20px;
}
.header .menu-mobile {
	display: none;
	height: 80px;
}
.menu-elements {
	display: flex;
	flex-flow: row nowrap;
	justify-content: stretch;
	align-items: center;
	list-style: none;
}
.menu-elements li {
	display: inline-block;
	height: 80px;
	padding-top: 26px;
	width: 240px;
	text-align: center;
	cursor: pointer;
}
.menu-elements li.active,
.menu-elements li:hover {
	background: rgb(66, 139, 220);
	color: rgb(255,255,255);
	transition: .7s;
}
/*-----MENU-MAIN-END-----*/

/*-----MENU-CABINET-START-----*/
.menu-cabinet-elements-block-right {
	margin-top: -4px;
}
.menu-cabinet .menu-elements li {
	height: 80px;
    padding: 25px 20px;
    width: auto;
}
.menu-cabinet .menu-elements li a {
	color: rgb(255,255,255); 
}
.menu-cabinet .menu-elements li.menu-cabinet-elements {
	padding: 15px 20px;
	width: auto;
}
.menu-cabinet .menu-elements li.menu-cabinet-logo {
	margin-right: 100px;
	padding: 0;
}
.menu-cabinet .menu-elements li.menu-cabinet-logo:hover {
	background: rgba(255,255,255,0);
}
.menu-cabinet .menu-elements {
	justify-content: space-between;
}
.menu-cabinet .menu-arrow-down {
	width: 15px;
}
.menu-cabinet li.menu-profile-element {
	display: inline-flex;
	align-items: center;
	width: auto;
}
.menu-cabinet .menu-profile-photo {
	display: flex;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.5);
	margin: 0px 10px;
}
.menu-cabinet .menu-profile-photo img {
	height: auto;
	max-width: 45px;
	width: auto;
	max-height: 45px;
	margin: auto;
}
.menu-cabinet-submenu ul {
	display: none;
 	position: absolute;
  	width: 150px;
  	margin-top: 25px;
 	margin-left: -20px;
 	background: rgb(66,129,220);
 	font-size: 12px;
 	padding: 0;
 	z-index: 10;
}
.menu-profile-element.menu-cabinet-submenu ul {
	display: none;
 	position: absolute;
  	width: 209px;
 	top: 55px;
 	background: rgb(66,129,220);
 	font-size: 12px;
 	padding: 0;
 	z-index: 10;
}
.menu-cabinet-submenu ul li.menu-cabinet-submenu-item { 
	width: 100%;
	height: 40px;
	padding: 0px;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
}
.menu-cabinet-submenu ul li:hover { 
	width: 100%;
}
li.menu-cabinet-submenu:hover > ul {
	display: block;
} 
.menu-elements .menu-cabinet-mobile-icon {
	display: none;
}
.menu-elements .menu-cabinet-mobile-icon .fa-bars {
	font-size: 	30px;
}
.menu-create {
	display: none;
	position: fixed;
	right: 55px;
	top: 170px;
	background: rgb(66,139,220);
	width: 250px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
	z-index: 9999;
}
.menu-create li {
	list-style: none;
	padding: 10px 10px;
	text-align: center;
}
.menu-create li:hover {
	background: rgb(255,180,73);
	cursor: pointer;
}
.menu-create li a{
	color: rgb(255,255,255);
}

/*-----MENU-CABINET-END-----*/


/*-----FOOTER-STYLE-START-----*/
.footer {
	background: rgba(80, 80, 80, 1);
	overflow: hidden !important;
}
.footer-columns {
	display: flex;
	align-items: stretch;
}
.footer-list-block li {
	list-style: none;
	text-align: left;
}
.footer-list-block li a {
	text-decoration: none;
	color: rgb(255, 255, 255);
	font-size: 16px;
}
.footer .faq-block {
	display: none;
} 
.footer .faq-block {
	text-align: center;
	margin-bottom: 20px;
}
.footer .faq-link {
	color: rgb(255,255,255);
	font-size: 14px;
	font-weight: 600;
}
.sub-footer {
	background: rgba(101, 101, 101, 1);
	color: rgb(255, 255, 255);
	font-weight: 600;
	padding: 20px 0px;
}
.sub-footer .element-wrap-list.footer-columns .element-wrap {
	width: auto;
}
.sub-footer .sub-footer-text {
	font-size: 14px;
	text-align: left;
}
.sub-footer .sub-footer-text p {
	margin-bottom: 20px;
}
.sub-footer .sub-footer-text a {
	color: rgb(255, 255, 255);
}
.sub-footer .sub-footer-text .social {
	margin-top: 0;
}
.sub-footer .sub-footer-text .social-item {
	font-size: 40px;
	margin-right: 10px;
}
.sub-footer .sub-footer-text .link-contacts {
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: underline !important;
}
/*-----FOOTER-STYLE-END-----*/

.info-block {
	width: 100%;
	font-size: 16px;
	color: rgb(80,80,80);
	padding: 10px;
	line-height: 1.7;
	background: rgb(237, 237, 237);
	margin-top: 50px;
	min-height: 30px;
	border-radius: 5px;
}
.info-block span.text-magistr {
	font-weight: 800;
	color: rgb(66, 139, 220);
}
.info-block span.text-zno {
	font-weight: 800;
}

.info-block span.text-semibold {
	font-weight: 600;
}

/*-----ELEMENTS-STYLE-START-----*/
.elements-block {
	margin-top: 45px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.element-wrap {
	text-align: center;
	width: 150px;
}
.element-wrap .subject-title {
	font-weight: 600;
	font-size: 16px;
}
.element-wrap .subject-title--blue {
	font-weight: 600;
	color: rgb(66, 139, 220);
	font-size: 18px;
}
.subject-title--orange {
	color: rgb(255, 179, 73);
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: left;
}
.element-wrap-list .element-wrap {
	margin: 0 auto;
}
.element-wrap-list-arrowed .element-wrap {
	height: 200px;
	position: relative;
}
.element-wrap-list-arrowed .element-wrap .main-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: -20px;
	right: 0;
	margin: auto;
}
.element-wrap .step-element .image-arrow-question {
	margin-left: 15px;
	margin-right: 45px;
}
.element-wrap-list-arrowed .element-wrap .main-arrow {
	position: absolute;
	top: 0;
	left: 140px;
	bottom: -20px;
	right: 0;
	margin: auto;
}
.element-wrap--question {
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
}
.twin-arrow {
	position: absolute;
	top: -30px;
	left: 0;
	bottom: -180px;
	right: 0;
	margin: auto;
	display: none;
}

.how-to-start .element-wrap-list .element-wrap img{
	margin-bottom: 20px;
	margin-top: 10px;
}

/*-----ELEMENTS-STYLE-END-----*/

/*-----BTNS-STYLE-START-----*/
.button {
	display: inline-block;
	border-radius: 5px;
	font-size: 	13px;
	font-weight: 600;
	text-align: center;
	transition: 1s;
	padding: 10px 10px;
	outline: none;
	cursor: pointer;
}
.button-small {
	font-size: 12px;
	padding: 5px 5px;
}
.button-middle {
	height: 30px;
	padding: 3px 10px;
}
.button-big {
	font-size: 16px;
	padding: 10px 20px;
}
.button-icon {
	width: 40px;
	margin-left: 10px;
	font-size: 25px;
	padding: 0px 5px;
}
.button-rounded {
	border-radius: 40px;
}
.button-wide {
	padding: 10px 75px;
}
.button-width {
	width: 100%;
}
.button-height-50 {
	height:50px;
}
.button-null {
	padding: 0;
}

.button-border {
	border: 2px solid rgb(0,0,0);
	background: rgba(255,255,255,0);
}
.button-border:hover {
	color: rgb(255,255,255);
}
.button-border--blue {
	color: rgb(66,139,220);
	border-color: rgb(66,139,220);
}
.button-border--blue:hover {
	background: rgb(66,139,220);
}
.button-border--orange {
	color:rgb(255,179,73);
	border-color: rgb(255,179,73);
}
.button-border--orange:hover {
	background: rgb(255,179,73);
}
.button-border--white {
	border-color: rgb(255,255,255);
}
.button-border--dark {
	color: rgb(80,80,80);
	border-color: rgb(80,80,80);
}
.button-border--dark:hover {
	background: rgb(80,80,80);
}
.button-full {
	border: 2px solid rgb(255,255,255);
	background: rgba(255,255,255,1);
	color: rgb(255,255,255);
}
.button-full:hover {
	background: rgba(255,255,255,0);
}
.button-full--blue {
	border: 2px solid rgb(66,139,220);
	background: rgb(66,139,220);
}
.button-full--blue:hover {
	color: rgb(66,139,220);
}
.button-full--orange {
	border: 2px solid rgb(255,179,73);
	background: rgb(255,179,73);
}
.button-full--orange:hover {
	color: rgb(255,179,73);
}
.button-full--white {
	color: rgb(66,139,220);
	border: 2px solid rgb(255,255,255);
}
.button-full--white:hover {
	color: rgb(255,179,73);
}
.button-full--dark {
	border: 2px solid rgb(80,80,80);
	background: rgb(80,80,80);
}
.button-full--dark:hover {
	color: rgb(80,80,80);
}
.create-button {
	position:  fixed;
    right:  0;
    top:  170px;
    background:  rgb(66,139,220);
    border-radius:  10px;
    width: 50px;
    height: 50px;
    text-align:  center;
    color:  rgb(255,255,255);
    font-size: 40px;
    line-height: 50px;
    z-index: 9999;
    cursor: pointer;
}
.close-button {
	color: rgb(255,255,255);
	font-size: 	30px;
	text-align:  right;
    display: block;
    margin-right: 15px;
    margin-top: 5px;
    cursor: pointer;
}
.contact-form .close-button {
	color: rgb(80,80,80);
	font-size: 	30px;
	text-align:  right;
    display: block;
    margin-right: 15px;
    margin-top: 0px;
}

/*-----BTNS-STYLE-END-----*/

/*-----CARDS-STYLE-START-----*/
.cards-container {
	display: flex;
	flex-wrap: wrap;
    justify-content:  space-evenly;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
    padding: 20px 0px;
}
.card-block {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:  space-between;
	width: 30%;
	margin-right: 10px;
	border: 1px solid rgb(225,225,225);
	border-radius: 5px;
	padding: 80px 10px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);;
	background: rgba(250,250,250,1);
	margin: 10px auto;
	cursor: pointer;
	transition: all 0.4s;
}
.card-block:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	border-color: rgba(66,139,220);
}
.card-block--english {
	position: relative;
	margin-top:-10px;
	margin-bottom: -10px;
	width: 35%;
	border-radius: 10px;
	border-color: rgba(66,139,220);
	transition: all 0.4s;
	transition-timing-function: ease-out;
}
.card-block--english:hover {
	margin-top:-13px;
	margin-bottom: -13px;
	width: 36%;
	border: 2px solid rgba(66,139,220);
}
.carb-block__footer {
	position: absolute;
	bottom: 20px;
	width: 90%;
	border: 1px solid rgba(255,255,255,0.5);
	background: rgba(255,255,255,0.5);
	text-align: center;
	border-radius: 	40px;
	padding: 5px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	transition: all 0.3s;
}
.carb-block__footer:hover { 
	background: rgba(255,255,255,0.7);
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.card-block__title h4{
	color: rgb(66,139,220);
	font-size: 	18px;
	font-weight: 700;
}
.card-block__image {
	margin-bottom: 	10px;
}
.card-block__button {
	color:  rgb(66,139,220);
    font-weight: 600;
    text-transform:  uppercase;
}
.card-block__price {
    font-size: 10px;
    text-transform:  uppercase;
    font-weight: 700;
    color:  rgb(80,80,80);
}
.cards-footer {
	width: 100%;
	height: 100px;
    max-width: 800px;
    text-align: center;
    border:  1px solid rgb(200,200,200);
    margin: 0 auto;
    margin-top: -30px;
    margin-bottom: 30px;
    border-top: none;
    border-radius: 0px 0px 20px 20px;
}
.cards-button {
	position: relative;
	top:75px;
}
.cards-button:hover {
	background: rgba(66,139,220,0.85);
	color: rgb(255,255,255);
}

/*-----CARDS-STYLE-END-----*/

/*-----AUTH-FORM-STYLE-START-----*/

.auth-form {
	display: none;
	position: absolute;
	top: 50px;
	right: 0px;
	z-index: 10;
	width: 240px;
	background: rgb(255,255,255);
	border: 1px solid rgb(207,207,207);
	border-radius: 5px;
	padding: 20px;
}
.auth-form .auth-form-item {
	text-align: center;
	margin: 10px 0;
}
.auth-form .auth-form-item input {
	border: 1px solid rgb(207,207,207);
	padding: 8px;
	border-radius: 5px;
	outline: none;
}
.auth-form .lost-pass-text {
	color: rgb(80,80,80);
	font-size: 12px;
	font-weight: 600;
	margin-right: 5px;
}
.auth-form-item--head {
	display: none;
}
.auth-form-page {
	margin: 30px auto;
}

/*-----AUTH-FORM-STYLE-END-----*/

/*-----CONTACT-FORM-STYLE-START-----*/
.support-button {
	position: fixed;
	top: 295px;
	right: -55px;
	width: 150px;
	height: 40px;
	transform: rotate(270deg);
	background: rgb(80,80,80);
	text-align: center;
	line-height: 40px;
	color: rgb(255,255,255);
	border-radius: 5px 5px 0 0;
	z-index: 999;
	cursor: pointer;
}
.contact-form {
	display: none;
	position: fixed;
	top: 240px;
	right: 50px;
	width: 240px;
	height: 320px;
	border: 1px solid rgb(80,80,80);
	border-radius: 5px;
	background: rgb(255,255,255);
	color: rgb(80,80,80);
	text-align: center;
	padding: 5px 10px;
	z-index: 999;
}
.contact-form .contact-form-item {
	margin-bottom: 10px;
	width: 100%;
}
.contact-form .contact-form-item input, .contact-form-item textarea {
	width: 90%;
	padding: 3px;
	outline: none;
	font-size: 	12px;
	color: rgb(140,140,140);
	border: 1px solid rgb(80,80,80);
	resize: none;
}
.contact-form .contact-form-item.contact-form-item--buttons {
	display: flex;
	justify-content: space-evenly;
}
.contact-form .contact-form-item .file-upload {
	 position: relative; 
     overflow: hidden; 
     width: 90px;
     height: 32px;
}
.contact-form .contact-form-item .file-upload input[type="file"]{
    display: none; 
}
.contact-form .contact-form-item .file-upload label {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
}
.contact-form .contact-form-item .file-upload span {
     line-height: 30px;
}
.contact-form .contact-form-item--head-title {
	font-size: 	14px;
	font-weight: 600;
}
.contact-form .contact-form-item--head-text {
	font-size: 	10px;
	font-weight: 600;
}

/*-----CONTACT-FORM-STYLE-END-----*/

/*-----FORM-PAGE-STYLE-START-----*/

.form-page-title {
	width: 100%;
	background: rgba(66, 139, 220, 1);
	color: rgb(255, 255, 255);
	font-weight: 600;
	font-size: 34px;
	padding: 20px;
	text-align: center;
}
.form-page-header {
	background: rgb(80,80,80);
	padding: 2px;
}
.form-page-menu {
	text-align: center;
}
.form-page-menu ul {
	display: flex;
	justify-content: space-evenly;
	margin: 10px 0 ;
}
.form-page-menu ul li{
	display: inline-block;
	vertical-align: middle;
}
.form-page-menu ul li a{
	color: rgb(255,255,255);
	font-size: 14px;
	font-weight: 600;
}

/*-----REGISTRATION-FORM-STYLE-START-----*/

.form {
	width: 480px;
	margin: 30px auto;
	margin-bottom: 30px;
	font-weight: 600;
}
.form-block {
	margin-top: 35px;
}
.form-block-title {
	display: inline-block;
	font-size: 16px;
	color: rgb(66, 139, 220);
	text-decoration: underline;
	margin-bottom: 15px;
}
.form-item {
	position: relative;
	margin-top: 11px;
}
.form-item input{
	width: 100%;
	border: 1px solid rgb(80,80,80);
	border-radius: 5px;
	outline: none;
	padding: 7px;
}
.form-item textarea {
	width: 100%;
	border: 1px solid rgb(80,80,80);
	border-radius: 5px;
	outline: none;
	padding: 7px;
}
.form-item label {
	cursor: pointer;
}
.form-item.form-item--photo input,
.profile-form .form-item.form-item--photo input{
	width: 150px;
}
.form-item--photo .hide-input{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.form-item-title {
	display: block;
	font-size: 14px;
}
.form-item-tooltip {
	display: none;
	float: right;
	position: absolute;
	top: -11px;
	right: -1px;
	width: 60%;
	height: 40px;
	border: 1px solid rgb(237,237,237);
	border-radius: 5px;
	font-size: 12px;
	background: rgba(237,237,237,1);
	padding-left: 5px;
}
.form-item.form-item--photo > .form-item-tooltip {
	top: 29px;
}
.form-item input:hover + .form-item-tooltip, label[for="photo"]:hover + .form-item-tooltip, .form-item textarea:hover + .form-item-tooltip {
	display: block;
}
.form-item-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.form-item .loaded-photo {
    width:  150px;
    height: 150px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    border: 1px solid rgb(66,139,220);
    border-radius: 10px;
    margin-bottom:  10px;
}
.form-item .loaded-photo img {
	width:  auto;
    height:  auto;
    max-width:  150px;
    max-height: 150px;
}

/*-----REGISTRATION-FORM-STYLE-END-----*/

/*-----PROFILE-FORM-STYLE-START-----*/

.profile-title {
	font-size: 20px;
	font-weight: 600;
	margin: 30px 0px;
	color: rgb(66,139,220);
}
.profile-form  {
	width: 100%;
	max-width: 740px;
}
.profile-form .form-block .form-item  {
	padding-bottom: 15px;
	border-bottom: 2px solid rgb(237,237,237);
}
.profile-form .form-block--auth .form-item--changeable:nth-child(3), 
.profile-form .form-block--auth .form-item--changeable:nth-child(4), 
.profile-form .form-block .form-item--btn{
	border-bottom: 0;
}
.profile-form .form-item input, 
.profile-form .form-item input:disabled {
	background: rgb(255,255,255);
	width: 100%;
	max-width: 320px;
	border: 1px solid rgb(237,237,237);
}
.profile-form .form-item--changeable input {
	border: 1px solid rgb(66,139,220);
}
.profile-form .form-item textarea, 
.profile-form .form-item textarea:disabled {
	background: rgb(255,255,255);
	width: 100%;
	max-width: 640px;
	border: 1px solid rgb(237,237,237);
}
.profile-form .form-item-tooltip {
	display: block;
	float: right;
	position: static;
	width: 320px;
	height: 40px;
	border: 0px;
	font-size: 12px;
	background: rgba(255,255,255,1);
	padding-left: 5px;
}
.profile-form.profile-form-email-post .form-item input {
	width: auto;
}
.profile-form.profile-form-pay .form-item.form-item--btn {
	width:100%;
	max-width: 100%;
	display: flex;
	justify-content: space-around;
}
.profile-form.profile-form-pay {
	color: rgb(80,80,80);
	font-size: 14px;
}
.profile-form.profile-form-pay .form-item.form-item--btn .button-full-blue{
	padding: 0px 15px;
	width: auto;
}
.profile-form.profile-form-pay .info-tooltip {
	font-size: 20px;
	color: rgb(66,139,220);
}
.profile-form.profile-form-pay .info-tooltip-block {
	display: none;
	position: absolute;
	z-index: 10;
	width: 100%;
	max-width: 100%;
	background: rgba(250,250,250,1);
	padding: 15px;
	font-size: 11px;
	color: rgb(80,80,80);
}
.profile-form.profile-form-pay .info-tooltip:hover + .info-tooltip-block {
	display: block;
}
.profile-form.profile-form-pay .form-item.pay-block {
	background: rgb(250,250,250);
	font-size: 14px;
	font-weight: 600;
	color: rgb(66,139,220);
	border: 1px solid rgb(230,230,230);
	padding: 15px;
}
.course-blocks {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.course-block { 
	flex: 0 0 48%;
	align-items: flex-start;
	padding: 0px 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid rgb(66,139,220);
}
.course-block.unpayed-course { 
	border: 1px solid rgb(230,230,230);
}
.course-block .course-element {
	margin: 20px 0px;
	display: flex;
	justify-content: space-between;
}
.course-block .course-element .course-item {
	flex: 0 0 37%;
	height: 40px;
	line-height: 20px;
	font-size: 	12px;
	font-weight: normal;
	text-align: center;
	padding: 10px;
	border-radius: 	20px;
	color: rgb(66,139,220);
	background: rgb(230,230,230);
}
.course-block .course-element .course-item.course-item--value {
	flex: 0 0 60%;
	font-weight: 800;	
	color: rgb(255,255,255);
	background: rgb(66,139,220);
}
.course-block.unpayed-course .course-element .course-item.course-item--value {
	color: rgb(66,139,220);
	background: rgb(230,230,230);
}
.course-pay-button {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	border-radius: 20px;
	color: rgb(255,255,255);
	text-align: center;
	cursor: pointer;
}
.course-block.payed-course .course-element .course-pay-button {
	background: rgb(66,139,220);
}
.course-block.unpayed-course .course-element .course-pay-button {
	background: rgb(255,180,73);
}
.course-block .course-element .course-pay-button:hover {
	opacity: 0.9;
	color: rgb(255,255,255);
}

/*-----PROFILE-FORM-STYLE-END-----*/

/*-----TABS-STYLE-START-----*/
.tabs {
  width: 800px;
  max-width: 100%;
  margin: 30px auto;
}
.tabs-links {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  position: relative;
  margin: -1px 0 0 -1px;
}
.tabs-links:after {
  content: '';
  display: table;
  clear: both;
}
.tabs-links li {
  padding: 9px 15px;
  background: rgb(255,255,255);
  position: relative;
  text-align: center;
}
.tabs-links li:not(.active) {
  cursor: pointer;
}
.tabs-links li:not(.active):hover {
  background: rgb(255,179,73);
  transition: all 0.6s;
}
.tabs-links li:not(.active):hover a{
  color: rgb(255,255,255);
}
.tabs-links .active {
  background: rgb(66,139,220);
  color: rgb(255,255,255);
  transition: all 0.6s;
}
.tabs-links .active a {
	color: rgb(255,255,255);
}
.tabs-links .active:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 5px;
  background: #FFF;
}
.tabs-content {
  display: none;
  background: #FFF;
  padding: 7px 15px;
}
.tabs-content.active {
  display: block;
}
/*-----TABS-STYLE-END-----*/

/*-----CHECKBOX-STYLE-START-----*/

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked)
{
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: rgb(80,80,80);
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border: 1px solid rgb(80,80,80);
    background: #fff;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after
{
    content: '';
    width: 14px;
    height: 14px;
    background: rgb(255,179,73);
    position: absolute;
    top: 5px;
    left: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after
{
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after
{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
[type="checkbox"]:disabled:checked + label:before,
[type="checkbox"]:disabled:not(:checked) + label:before
{
    border-color: #ccc;
    background-color: #eee;
}
[type="checkbox"]:disabled:checked + label:after
{
    background: #aaa;
}

/*-----CHECKBOX-STYLE-END-----*/

/*-----TESTS-STYLE-START-----*/

.testes ul li {
    display: flex;
}
.test-block {
	border-bottom: 2px dotted rgb(66,139,220);
	margin-bottom: 20px;
	padding-bottom: 20px;
	color: rgb(80,80,80);
}
.test-block label {
	margin: 10px 0px;
}
.test-title {
	text-align: center;
	color: rgb(80,80,80);
	font-weight: 600;
	padding: 5px 20px;
	border: 1px solid rgb(230,230,230);
	background: rgb(250,250,250); 
}
.test-title p {
	color: rgb(66,139,220);
	font-size: 16px;
	margin-bottom: 0px;
	padding: 10px;
}
.test-question {
	border: 0px solid;
    padding:  2px 10px;
    border-radius: 35px;
    background: rgb(66,139,220);
    color:  white;
    font-size: 12px;
}
.test-body {
	border: 1px solid rgb(230,230,230);
	padding: 5px 30px;
	margin-top: -1px; 
}
.test-answer {
	margin-top: -3px;
	margin-left: 5px;
}
.training-title {
	text-align: center;
	font-size: 20px;
	background: rgb(66,139,220);
	color: rgb(255,255,255);
	padding: 20px;
	border-radius: 5px; 
	margin: 20px;
	margin-bottom: 0px;
}
.test-short-answer {
	text-align: center;
}
.test-short-answer input {
	outline: none;
	padding: 5px; 
	width: 100%;
	max-width: 480px;
}

.testes-footer {
	text-align: center;
	margin-top: 20px;
}

/*-----MATCHES STYELS START-----*/
.matchRadio li {
    float: left;
    width: 15px;
    margin-left: 15px;
    border: 1px solid transparent;
    text-align: center;
    line-height: 30px;
}
.matchRadio input {
    min-width: 15px;
}
/*-----MATCHES STYELS END-----*/

.radio {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
}
.radio+label {
    cursor: pointer;
}
.radio:not(checked) {
    position: relative;
    opacity: 0;
    z-index: 2;
    margin: 0 -32px 0 -19px;
}
.radio:not(checked)+label {
    position: relative;
    padding: 3px 0 0 40px;
    line-height: 30px;
}
.radio+label:before,
.radio:not(checked)+label:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 4px;
    width: 30px;
    height: 30px;
    border: 1px solid rgb(200,200,200);
    z-index: 1;
} 
.radio:checked+label:after {
	content: '\00D7';
    position: absolute;
	top: -2px;
	left: 0px;
	font-size: 66px;
	font-weight: 300;
	z-index: 10;
    color: rgb(80,80,80);
}
.q-radio {
	position: absolute;
	margin-left: -2000px;
}

.q-answer label {
	margin: 0;
}
.q-answer tr {
	text-align: center;
}
.q-answer .th-col {
	padding: 0 10px;
}
.q-answer input[type="radio"]:checked+span:before {
	content: '';
    position: absolute;
	top: -1px;
	left: -1px;
	width: 30px;
	height: 30px;
	z-index: 10;
    border: 2px solid rgb(80,80,80);
}
.q-answer input[type="radio"]:checked+span:after {
	content: '\00D7';
    position: absolute;
	top: -3px;
	left: -4px;
	width: 30px;
	height: 30px;
	font-size: 66px;
	font-weight: 300;
	z-index: 10;
    color: rgb(80,80,80);
}
.q-answer input[type="radio"]:checked+span,
.q-answer input[type="radio"]+span, 
.q-answer input[type="radio"]:not(checked)+span {
	display: block;
	width: 30px;
	height: 30px;
	margin: 2px;
	position: relative;
	line-height: 30px;
	cursor: pointer;
	border: 1px solid rgb(200,200,200);
}
.char .radio+label:after, 
.char .radio:not(checked)+label:after,
.test-matched-item .char:after {
	position: absolute;
	top: 0px;
	left: 12px;
	font-size: 20px;
	font-weight: 600;
	z-index: 10;
	width: 50px;
	height: 50px;
    color: rgb(80,80,80);
}
.char_a .radio+label:after,
.char_a .radio:not(checked)+label:after,
.test-matched-item .char_a:after {
    content: 'А';
}
.char_b .radio+label:after,
.char_b .radio:not(checked)+label:after,
.test-matched-item .char_b:after {
    content: 'Б';
}
.char_c .radio+label:after,
.char_c .radio:not(checked)+label:after,
.test-matched-item .char_c:after {
    content: 'В';
}
.char_d .radio+label:after,
.char_d .radio:not(checked)+label:after,
.test-matched-item .char_d:after {
    content: 'Г';
}
.char_e .radio+label:after,
.char_e .radio:not(checked)+label:after,
.test-matched-item .char_e:after {
    content: 'Д';
}

.char_f .radio+label:after,
.char_f .radio:not(checked)+label:after,
.test-matched-item .char_f:after {
    content: 'Е';
}

.char_g .radio+label:after,
.char_g .radio:not(checked)+label:after,
.test-matched-item .char_g:after {
    content: 'Є';
}

.char_h .radio+label:after,
.char_h .radio:not(checked)+label:after,
.test-matched-item .char_h:after {
    content: 'Ж';
}

.char_j .radio+label:after,
.char_j .radio:not(checked)+label:after,
.test-matched-item .char_j:after {
    content: 'З';
}

.char_num1:after{
	content: '1';
}
.char_num2:after{
	content: '2';
}
.char_num3:after{
	content: '3';
}
.char_num4:after{
	content: '4';
}
.char_num5:after{
	content: '5';
}
.char_num6:after{
	content: '6';
}
.char_num7:after{
	content: '7';
}
.char_num8:after{
	content: '8';
}
.char_num9:after{
	content: '9';
}
.char_num10:after{
	content: '10';
}

.char .radio:checked+label:before {
    content: '';
    border: 2px solid rgb(80,80,80);
    background: rgb(255,255,255);
}
.char .radio:checked+label:after {
    content: '\00D7';
    position: absolute;
	top: -2px;
	left: 0px;
	width: 30px;
	height: 30px;
	font-size: 66px;
	font-weight: 300;
	z-index: 10;
    color: rgb(80,80,80);
}
.test-matched-body {
	margin-left: -13px;
}
.test-matched-item {
	position: relative;
	display: flex;
	margin: 15px 0px;
}
.test-matched-item p {
	margin-top: 3px;
}
.test-matched-item .char {
	min-width: 30px;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid rgb(200,200,200);
	margin-right: 10px;
}
.test-matched-item .char:after {
	left:8px;
}
.test-matched-cellblock ul {
	list-style: none;
}
.test-columns-block {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.test-column-item {
	width: 50%;
}


/*-----НОВЫЕ СТИЛИ КОНЕЦ-----*/




/*
.test_ul_sootv .char .char_a {
    background: url(/tpl_img/cletka_a.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_b {
    background: url(/tpl_img/cletka_b.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_c {
    background: url(/tpl_img/cletka_c.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_d {
    background: url(/tpl_img/cletka_d.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_e {
    background: url(/tpl_img/char_e.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_f {
    background: url(/tpl_img/char_f.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_g {
    background: url(/tpl_img/char_g.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
*/






/*-----НОВЫЕ СТИЛИ КОНЕЦ-----*/
li.test_q_true {
    color: green;
}
li.test_q_false {
    color: red;
}
li.test_q_false .radio:checked+label:before,
li.test_q_false .radio:not(checked)+label:before {
    background: url(/tpl_img/cletka4.png);
}
li.test_q_true .radio:checked+label:before,
li.test_q_true .radio:not(checked)+label:before {
    background: url(/tpl_img/cletka2.png);
}



.char_a1 .radio:checked+label:before,
.char_a2 .radio:checked+label:before,
.char_a3 .radio:checked+label:before,
.char_a4 .radio:checked+label:before,
.char_a5 .radio:checked+label:before {
    background: url(/tpl_img/cletka1.png);
}
.char_a1 .radio:not(checked)+label:before {
    background: url(/tpl_img/cletka_a1.png);
}
.char_a1 .radio+label:before {
    background: url(/tpl_img/cletka_a1.png);
}
.char_a2 .radio:not(checked)+label:before {
    background: url(/tpl_img/cletka_a2.png);
}
.char_a2 .radio+label:before {
    background: url(/tpl_img/cletka_a2.png);
}
.char_a3 .radio:not(checked)+label:before {
    background: url(/tpl_img/cletka_a3.png);
}
.char_a3 .radio+label:before {
    background: url(/tpl_img/cletka_a3.png);
}
.char_a4 .radio:not(checked)+label:before {
    background: url(/tpl_img/cletka_a4.png);
}
.char_a4 .radio+label:before {
    background: url(/tpl_img/cletka_a4.png);
}
.char_a5 .radio:not(checked)+label:before {
    background: url(/tpl_img/char_a5.png);
}
.char_a5 .radio+label:before {
    background: url(/tpl_img/char_a5.png.png);
}
.char_a6 .radio:not(checked)+label:before {
    background: url(/tpl_img/char_a6.png);
}
.char_a6 .radio+label:before {
    background: url(/tpl_img/char_a6.png);
}
.char_a7 .radio:not(checked)+label:before {
    background: url(/tpl_img/char_a7.png);
}
.char_a7 .radio+label:before {
    background: url(/tpl_img/char_a7.png);
}
li.test_q_false .checkbox:checked+label:before,
li.test_q_false .checkbox:not(checked)+label:before {
    background: url(/tpl_img/cletka4.png);
}
li.test_q_true .checkbox:checked+label:before,
li.test_q_true .checkbox:not(checked)+label:before {
    background: url(/tpl_img/cletka2.png);
}
.char_a .checkbox:not(checked)+label:before {
    background: url(/tpl_img/cletka_a.png);
}
.char_a .checkbox+label:before {
    background: url(/tpl_img/cletka_a.png);
}
.char_b .checkbox:not(checked)+label:before {
    background: url(/tpl_img/cletka_b.png);
}
.char_b .checkbox+label:before {
    background: url(/tpl_img/cletka_b.png);
}
.char_c .checkbox:not(checked)+label:before {
    background: url(/tpl_img/cletka_c.png);
}
.char_c .checkbox+label:before {
    background: url(/tpl_img/cletka_c.png);
}
.char_d .checkbox:not(checked)+label:before {
    background: url(/tpl_img/cletka_d.png);
}
.char_d .checkbox+label:before {
    background: url(/tpl_img/cletka_d.png);
}
.char_a .checkbox:checked+label:before,
.char_b .checkbox:checked+label:before,
.char_c .checkbox:checked+label:before,
.char_d .checkbox:checked+label:before,
.char_e .checkbox:checked+label:before {
    background: url(/tpl_img/cletka1.png);
}
.char_a1 .checkbox:checked+label:before,
.char_a2 .checkbox:checked+label:before,
.char_a3 .checkbox:checked+label:before,
.char_a4 .checkbox:checked+label:before,
.char_a5 .checkbox:checked+label:before {
    background: url(/tpl_img/cletka1.png);
}
.char_a1 .checkbox:not(checked)+label:before {
    background: url(/tpl_img/cletka_a1.png);
}
.char_a1 .checkbox:not(checked)+label:before {
    background: url(/tpl_img/cletka_a1.png);
}
.char_a1 .checkbox+label:before {
    background: url(/tpl_img/cletka_a1.png);
}
.char_a2 .checkbox:not(checked)+label:before {
    background: url(/tpl_img/cletka_a2.png);
}
.char_a2 .checkbox+label:before {
    background: url(/tpl_img/cletka_a2.png);
}
.char_a3 .checkbox:not(checked)+label:before {
    background: url(/tpl_img/cletka_a3.png);
}
.char_a3 .checkbox+label:before {
    background: url(/tpl_img/cletka_a3.png);
}
.char_a4 .checkbox:not(checked)+label:before {
    background: url(/tpl_img/cletka_a4.png);
}
.char_a4 .checkbox+label:before {
    background: url(/tpl_img/cletka_a4.png);
}
.char_a5 .checkbox:not(checked)+label:before {
    background: url(/tpl_img/char_a5.png);
}
.char_a5 .checkbox+label:before {
    background: url(/tpl_img/char_a5.png.png);
}
.char_a6 .checkbox:not(checked)+label:before {
    background: url(/tpl_img/char_a6.png);
}
.char_a6 .checkbox+label:before {
    background: url(/tpl_img/char_a6.png);
}
.char_a7 .checkbox:not(checked)+label:before {
    background: url(/tpl_img/char_a7.png);
}
.char_a7 .checkbox+label:before {
    background: url(/tpl_img/char_a7.png);
}
.test_ul_sootv .char_a1 {
    background: url(/tpl_img/cletka_a1.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_a2 {
    background: url(/tpl_img/cletka_a2.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_a3 {
    background: url(/tpl_img/cletka_a3.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_a4 {
    background: url(/tpl_img/cletka_a4.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_a5 {
    background: url(/tpl_img/cletka_a5.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_a6 {
    background: url(/tpl_img/cletka_a6.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.test_ul_sootv .char_a7 {
    background: url(/tpl_img/cletka_a7.png) no-repeat;
    line-height: 0;
    padding: 1px 0 1px 35px;
    margin: 3px 0;
}
.testes ul li p,
.rez_teste ul li p {
    line-height: 15px;
    margin-top: 2px;
}
.createTest form ul li {
    display: block !important;
}
.class_sootvetst .radio:not(checked)+label:before {
    left: -28px;
}
.class_sootvetst .radio:not(checked) {
    margin: 0;
}
.matchRadio input {
    min-width: 15px;
}
.class_sootvetst input {
    min-width: 28px;
}
.class_sootvetst li {
    width: 28px;
    margin-left: 0;
}
.block0_cont input {
    padding-left: 10px;
}

.chk_yes_qes input[type="checkbox"]:checked,
.chk_yes_qes input[type="checkbox"]:not(checked) {
	position: static;
}

/*-----CREATE-TESTS-STYLE-----*/
select.create-test  {
	width: 100%;
	max-width: 480px;
    border: 1px solid #CACACA;
    border-radius: 5px;
    font-weight: bold; 
    color: #494949;
    padding: 0 5px;
}
.create-test-content {
	width: 100%;
	max-width: 960px;
	padding: 5px;
}
.create-test-formItem {
	width: 100%;
	max-width: 960px;
	margin: 5px 0px;
}
/*-----TESTS-STYLE-END-----*/

/*-----STATIC-PAGES-STYLE-START-----*/
.static-page-header {
	background: rgb(255,255,255);
	padding: 5px;
}
.static-page-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.static-page-header .header-info-buttons {
	margin-top: 0px;
	display: flex;
}
.static-page-header .header-info-buttons .button-full-blue.button-full-blue--icon{
	width: 40px;
	font-size: 25px;
	padding: 0 5px;
	line-height: 1.3;
}
.static-page-title-2 {
	text-align: center;
	color: rgb(66,139,220);
}

table.static-list-table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 20px auto;
  padding: 0;
  table-layout: fixed;
  width: 100%;
}
table.static-list-table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
table.static-list-table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
table.static-list-table th,
table.static-list-table td {
  font-size: 12px;
  padding: .625em;
  text-align: center;
}
table.static-list-table th:nth-child(1),
table.static-list-table td:nth-child(1) {
  width: 50%;
}
table.static-list-table td.date {
	font-size: 10px;
	font-weight: 600;
}

table.static-list-table i {
	font-size: 20px;
}

/*-----STYLE-FOR-CABINET-/static-----*/
.static-form-group {
	padding: 10px 25px;
	background-color: rgb(230,230,230);
	border: 1px solid rgb(220,220,220);
	border-radius: 5px;
	margin-bottom: 20px;
}
.static-create {
	margin: 20px auto;
}
.page-hat-text-admin {
	margin: 10px 70px;
}


/*-----STATIC-PAGES-STYLE-END-----*/
.more-info-block {
	text-align: center;
	margin-bottom: 30px;
}
.no-display {
	display: none;
}
.block-display {
	display: block;
}
.inline-block-display {
	display: inline-block;
}
.float-left-block {
	float: left;
}
.float-right-block {
	float: right;
}
.element-border-radius-5 {
	border-radius: 5px;
}
.element-border-radius-10 {
	border-radius: 10px;
}
.element-border-radius-15 {
	border-radius: 15px;
}
.element-border-radius-20 {
	border-radius: 20px;
}
.element-border-radius-25 {
	border-radius: 25px;
}
.element-width-70 {
	width: 70px;
}
.element-width-90 {
	width: 90px;
}
.element-width-100 {
	width: 100px;
}
.element-width-150 {
	width: 150px;
}
.element-width-160 {
	width: 160px;
}
.element-width-200 {
	width: 200px;
}
.element-width-240 {
	width: 240px;
}
.element-width-250 {
	width: 250px;
}
.element-width-300 {
	width: 300px;
}
.element-width-350 {
	width: 350px;
}
.element-margin-left-10 {
	margin-left: 10px;
}
.element-margin-left-20 {
	margin-left: 20px;
}
.element-margin-left-30 {
	margin-left: 30px;
}
.element-margin-right-10 {
	margin-right: 10px;
}
.element-margin-right-20 {
	margin-right: 20px;
}
.element-margin-right-30 {
	margin-right: 30px;
}
.element-margin-right-40 {
	margin-right: 40px;
}
.element-margin-top-20 {
	margin-top: 20px;
}
.element-margin-top-minus-20 {
	margin-top: -20px;
}
.element-margin-top-40 {
	margin-top: 40px;
}
.element-margin-bottom-40 {
	margin-bottom: 40px;
}
.clear {
	clear: both;
}

/*-----OLD-STYLES-FOR-LESSONS-&-COURSES-START-----*/
.lessons-container tr {
    border-bottom: 1px solid #CAC9C9;
}
.lessons-container tr td {
    position: relative;
    padding: 10px;
}
.lesson-create {
    text-align: center;
}
.lesson-create label input {
    vertical-align: middle;
}
.lesson-create table {
    border-spacing: 10px 0px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}
.lesson-create table td {
    padding: 10px;
    width: 290px;
    background-color: #dadbda;
    border-radius: 5px;
}
.lesson-create-teach-container {
    margin-top: 0px;
    border-spacing: 10px 0px;
    text-align: center;
    margin: 0 auto;
}
.lesson-create-teach-container td:nth-child(1) {
    width: 50px;
}
.lesson-create-teach-container td:nth-child(2) {
    width: 70px;
}
.lesson-create table td input[type=datetime-local],
.lesson-create table td input[type=text] {
    padding-left: 5px;
}
.lesson-create #cke_links_ru {
    margin-bottom: 40px;
}
.lesson-create input[type=submit] {
    font-size: 20px;
    cursor: pointer;
    width: 120px;
    height: 45px;
    margin-top: 40px;
    border-radius: 25px;
}
.theme-editor-selector-container {
    text-align: center;
}
.hat-filter {
    font-size: 16px;
    padding: 10px;
    margin: 10px 10px 0px 0px;
}
.course-manager-hat .course_meta {
    padding-right: 13%;
    padding-top: 20px;
}
.course-manager.right-position input[type=text] {
    padding-left: 10px;
}
.course-manager.right-position {
    text-align: center;
}
.course-manager.right-position .main_block {
    margin-top: 30px;
    background-color: #dadbda;
    padding: 10px;
    margin-left: 350px;
    margin-right: 20%;
    border-radius: 5px;
}
.course-list.left-position li {
    margin: 6px 0px;
    cursor: pointer;
    padding: 5px 10px;
    text-align: center;
    border-bottom: 1px dashed black;
}
.real-course-list li {
    padding: 5px;
    text-align: left;
    background-color: #DADBDA;
    border-radius: 5px;
    border-bottom: 10px;
    cursor: pointer;
    margin-bottom: 5px;
}
.real-course-list li table tr:first-child td:first-child {
    padding: 5px 10px;
    background-color: #1e9cb7;
    border-radius: 25px;
    color: white;
}
.real-course-list li table {
    text-align: center;
}
.online_less h4 {
    color: #26b6d5;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    line-height: 22px;
}
.online_less h5 {
    color: #26b6d5;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.online_less table {
    width: 100%;
    margin: 20px 0;
}
.online_less tr td:nth-child(1) {
    width: 70%
}
.online_less tr td:nth-child(2) {
    text-align: right;
}
.online_less tr td {
    vertical-align: bottom;
}
.online_less .left {
    float: left;
    width: 63%;
}
.online_less .right {
    float: right;
    border: 1px solid #cacaca;
    width: 30%;
    text-align: center;
    height: auto;
}
.online_less .player {
    width: 630px;
    height: 355px;
    margin: 0 auto;
    background: url(../tpl_img/no_video.png);
}
.main_c,
.additivies {
    border: 1px solid #26b6d5;
    padding: 0 15px;
    margin: 5px 0;
}
.online_less button {
    background: #1e9cb7;
    border: none;
    padding: 10px 8px;
    border-radius: 5px;
    margin: 2px 5px;
    width: 135px;
}
.online_less button a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}
.select-width-200 {
    width:200px !important;
}
.multiple-class {
    float: left;
    height: 150px;
    width: 100px;
}
.looknw h1 span {
    color: #26B6D5;
}
.looknw h3 {
    color: #26B6D5;
    text-align: center;
    margin-top: 50px;
}
.block_adm_rr {
    background: #E6E6E6;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid;
}
.block_adm_rr p {
    padding: 0;
    margin: 0 0 10px 0;
    color: #1E9CB7;
    font-size: 20px;
    line-height: 30px;
}
.block_adm_rr span {
    padding: 0;
    margin: 0 0 10px 0;
    color: #000;
    font-size: 16px;
    line-height: 35px;
}
.back_to_less a {
    color: #000;
}
.back_to_less {
    border: 1px solid #cacaca;
    line-height: 30px;
    padding: 0 10px;
    margin: 5px 15px;
    height: 32px;
    width: 200px;
    text-align: center;
    background: #DDD;
}
#docs {
    position: fixed;
    width: 40%;
    height: 400px;
    top: 20%;
    left: 30%;
    background: white;
    display: none;
    z-index: -9990;
    border: 2px solid #1e9cb7;
    border-radius: 10px;
    padding: 15px;
}
#docs .close {
    text-align: center;
    float: right;
    padding: 0 5px;
    text-decoration: none;
    color: #CCCCCC;
    font-family: monospace;
    cursor: pointer;
}
#docs form {
    width: 300px;
    margin: 20px auto;
    text-align: center;
}
#doc_list {
    max-height: 200px;
    min-height: 200px;
    overflow-y: overlay;
    padding: 0px 20px 0 20px;
    border: 1px solid #ddd;
}
.alt_title_test {
    background: rgba(255, 86, 86, 0.35);
    padding: 10px 15%;
    margin-top: -20px;
}
.alt_title_test h1 {
    font-size: 19px !important;
    color: #242424 !important;
    padding: 0 0 0 30px !important;
    font-weight: normal;
    text-align: center;
}
.redactme {
    background: #1e9cb7;
    border: none;
    padding: 10px 8px;
    border-radius: 5px;
    margin: 20px 5px;
    text-align: center;
}
.redactme a {
    color: #fff;
}
.simple_doc {
    cursor: pointer;
}
.simple_doc:hover {
    color: #96dbea;
}
.bottom-right-scroll {
    border: 1px solid grey;
    height: 35px;
    display: block;
    width: 170px;
    line-height: 35px;
    padding-top: 0px;
    border-radius: 25px;
    color: black;
    text-align: center;
    box-sizing: border-box;
    transition: all .3s;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: linear-gradient(#2acef1, #2f91af);
    cursor: pointer;
    color: white;
}
.bottom-left-scroll {
    border: 1px solid grey;
    height: 35px;
    display: block;
    width: 170px;
    line-height: 35px;
    padding-top: 0px;
    border-radius: 25px;
    color: black;
    text-align: center;
    box-sizing: border-box;
    transition: all .3s;
    position: fixed;
    left: 10px;
    bottom: 10px;
    background: linear-gradient(#2acef1, #2f91af);
    cursor: pointer;
    color: white;
}
.message h1 {
    margin: 20px 0.5%;
}
div.course-list.left-position>ul {
    margin-top: 30px;
}
div.course-manager-hat>div:nth-child(2)>label>input[type="checkbox"] {
    vertical-align: middle;
}
.course-pay-tab-h1 {
    display: inline-block;
    margin-left: 20%;
    margin-right: 20%;
}
.course-pay-tab-info {
    position: relative;
}
.course-pay-tab-info img:hover+.course-pay-tab-info-hover {
    display: block;
}
.course-pay-tab-info-hover {
    display: none;
    position: absolute;
    width: 505px;
    height: 150px;
    background-color: rgba(30, 156, 183, 0.93);
    z-index: 10;
    padding: 15px;
    color: white;
    font-size: 14px;
    font-weight: 300;
    border-radius: 5px;
    left: 180px;
    top: 0px;
}
.course-pay-tab-info-hover p {
    margin: 0px;
}
div.course-name>label:nth-child(3) {
    margin: 0px auto;
}
.course-manager-body {
    margin: 0px auto;
}
.course-pay-tab-info h3 {
    color: #E33923;
    display: inline-block;
    font-size: 14px;
    padding-left:12px;
    font-family: sans-serif;
}
.course-pay-tab-info img {
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
}
.course-pay-tab-info table tr>td:first-child {
    padding-left:12px;
}
#oplata_od_content_text3 tr td {
    vertical-align: bottom;
    text-align: center;
}
#oplata_od_content,
#oplata_od_content2,
#oplata_od_content3 {
    border: 1px solid #1E9CB7;
}
#oplata_od_content p,
#oplata_od_content2 p,
#oplata_od_content3 p {
    padding: 15px;
}
#oplata_od_content_text3 h4 {
    text-align: center;
    font-size: 14px;
    color: #242424;
}
a.oplata_ssilkas {
    background: #1E9CB7;
    color: #fff;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 0 10px;
    line-height: 40px;
    font-weight: normal;
}
#oplata_od_content3 input[type="submit" i],
#oplata_od_content2 input[type="submit" i] {
    background: #1E9CB7;
    color: #fff;
    text-decoration: none;
    padding: 0px 15px;
    border-radius: 5px;
    border: none;
}
#oplata_od_content_text3 p {
    color: #1e9cb7;
    font-size: 18px;
    margin: 0;
    padding: 14px 0;
    text-align: left;
}
#oplata_od_content_text3 tr td:nth-child(2) {
    text-align: left;
}
#oplata_od_content_text3 tr td select {
    width: 300px;
}
#sum_text1,
#sum_text {
    line-height: 40px;
    border: 1px solid #CACACA;
    padding: 0 30px;
    border-radius: 5px;
}
.course-manager-hat {
    text-align: center;
}
.course-manager-hat .course_meta {
    padding-right: 13%;
    padding-top: 20px;
}
.course-manager.right-position input[type=text] {
    padding-left: 10px;
}
.course-manager.right-position {
    text-align: center;
}
.course-manager.right-position .main_block {
    margin-top: 30px;
    background-color: #dadbda;
    padding: 10px;
    margin-left: 350px;
    margin-right: 20%;
    border-radius: 5px;
}
.course-payment-container table {
    text-align: center;
    /* float: left; */
    background-color: #E9E9E9;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    padding: 0px 10px;
    margin: 70px auto -35px auto;
    width: 50%;
    font-size: 22px;
    /* margin-right: 10px; */
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.35);
}
.course-payment-container table span {
    margin: 0px 15px;
}
.course-payment-container table input {
    font-size: 20px;
    padding: 0px 20px;
    background-color: #1798B3;
    border-radius: 15px;
    margin-top: 15px !important;
}
.course-payment-header {
    font-size: 35px !important;
    color: rgb(36, 36, 36) !important;
    padding: 0px 0px 0px 30px !important;
}
.course-payment-container table:last-child {
    float: none;
}
.course-payment-container p {
    margin-top: 15px;
    margin-bottom: 0px;
}
.course-payment-submit {
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}
.multiple-class {
    float: left;
    height: 150px;
    width: 100px;
}
.course-manager-body {
    text-align: center;
}
.course-manager-body .select-block {
    float: left;
    margin: 0px 3%;
}
.course_meta {
    text-align: center !important;
}
.coursePrice {
    font-family: Circe-bold;
    color: #e53a24;
    font-size: 25px;
    line-height: 30px;
    font-weight: 900;
}
.course-meta input {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}
.prices-right .price-currency {
    margin-top: -7px;
}
.up_type {
    color: #1e9cb7;
    cursor: pointer;
}

.course-manager [type="checkbox"]:checked, .course-manager [type="checkbox"]:not(:checked) {
	position: static;
}
/*-----CHATS-----*/
.online_chat {
    width: 90%;
    margin: 0 auto 10px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
}
.online_chat p span a {
    text-decoration: none;
    color: #232323;
}
.online_chat h4 {
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0 0 10px 10px;
    padding: 10px 0;
}
.online_chat table {
    width: 100%;
}
.online_chat tr td {
    width: 50% !important;
    text-align: center !important;
}
.online_chat tr td a {
    background: #1e9cb7;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    border-radius: 5px;
}
.online_chat tr td:nth-child(2) a {
    color: #1e9cb7;
    background: #fff;
    font-weight: bold;
}
.oc_spisok {
    height: 200px;
    overflow-y: scroll;
    margin: 20px 0;
}
.online_chat textarea {
    width: 231px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgb(30, 156, 183);
    margin: 10px 0px;
    max-width: 85%;
    height: 120px;
}
.online_chat_onclick p img {
    padding: 0 10px;
    vertical-align: middle
}
.online_chat_onclick p {
    color: #232323;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}
.online_chat_onclick {
    width: 90%;
    margin: 0 auto 10px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    position: relative;
    margin-top: -506px;
    background: #fff;
}
.online_chat_onclick p span a {
    text-decoration: none;
    color: #232323;
}
.online_chat_onclick h4 {
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0 0 10px 10px;
    padding: 10px 0;
}
.online_chat_onclick table {
    width: 100%;
}
.online_chat_onclick tr td {
    width: 50% !important;
    text-align: center !important;
}
.online_chat_onclick tr td a {
    background: #1e9cb7;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    border-radius: 5px;
}
.online_chat_onclick tr td:nth-child(2) a {
    color: #1e9cb7;
    background: #fff;
    font-weight: bold;
}
.oc_spisok {
    height: 200px;
    overflow-y: scroll;
    margin: 20px 0;
}
.online_chat_onclick textarea {
    width: 231px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgb(30, 156, 183);
    margin: 10px 0px;
    max-width: 85%;
    height: 120px;
}
.online_chat_onclick .oc_icons img {
    float: left;
    margin: 5px 15px;
}
.online_chat_onclick .oc_icons img:nth-child(2) {
    float: right;
}#close_chat {
    text-align: center;
    float: right;
    padding: 0 5px;
    text-decoration: none;
    color: #CCCCCC;
    font-family: monospace;
    cursor: pointer;
}
.online_chat_onclick_uchen input[type="button" i],
.chats_btn input[type="button" i] {
    background: #1e9cb7;
    border: none;
    border-radius: 5px;
    margin: 2px 5px;
    width: 135px;
    color: #fff;
}
.online_chat_onclick_uchen table tr td {
    vertical-align: middle;
}
.com_chat_usr_list {
    height: 200px;
    overflow-y: scroll;
    margin: 20px 0;
    border-top: 1px solid#ddd;
    padding: 10px 0;
}
.com_chat_usr_list p span {
    color: #fff;
    background: #1E9CB7;
    padding: 8px 10px;
    border-radius: 14px;
    margin-left: 5px;
    margin-right: 10px;
    float: right;
}
.online_chat_onclick_uchen h4#chat_name span a {
    color: #ddd;
}
.com_chat_usr_list p a {
    color: #232323;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: 5px 0;
}
.com_chat_usr_list .oc_sobs {
    margin-top: -43px;
    margin-right: 3px;
}
.online_chat_onclick_uchen table tr td span,
.chats_btn span {
    background: #1e9cb7;
    border: none;
    border-radius: 5px;
    margin: 3px 5px;
    width: 135px;
    color: #fff;
    padding: 8px 13px;
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
}
p.cat_small_hat {
    border: 1px solid #f1f1f1;
    padding: 5px !important;
    text-align: center;
    background: #f1f1f1;
    color: #383838 !important;
}
.online_chat_onclick_uchen p img {
    padding: 0 10px;
    vertical-align: middle
}
.online_chat_onclick_uchen p {
    color: #232323;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}
.online_chat_onclick_uchen {
    width: 90%;
    margin: 0 auto 10px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    position: relative;
    background: #fff;
}
.online_chat_onclick_uchen p span a {
    text-decoration: none;
    color: #232323;
}
.online_chat_onclick_uchen h4 {
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0 0 10px 10px;
    padding: 10px 0;
}
.online_chat_onclick_uchen table {
    width: 100%;
}
.online_chat_onclick_uchen tr td {
    width: 50% !important;
    text-align: center !important;
}
.online_chat_onclick_uchen tr td a {
    background: #1e9cb7;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    border-radius: 5px;
}
.online_chat_onclick_uchen tr td:nth-child(2) a {
    color: #1e9cb7;
    background: #fff;
    font-weight: bold;
}
.oc_spisok {
    height: 200px;
    overflow-y: scroll;
    margin: 20px 0;
}
.online_chat_onclick_uchen textarea {
    width: 231px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgb(30, 156, 183);
    margin: 10px 0px;
    max-width: 85%;
    height: 120px;
}
.online_chat_onclick_uchen .oc_icons img {
    float: left;
    margin: 5px 15px;
}
.online_chat_onclick_uchen .oc_icons img:nth-child(2) {
    float: right;
}
.online_chat_onclick_uchen .notread {
    background: #f3f3f3;
    padding: 1px 10px;
}
.online_chat p span a:hover .online_chat_onclick_uchen {
    display: block;
}
.online_chat_onclick_uchen .oc_zagolov h4 a {
    text-align: center;
    float: right;
    padding: 0 10px;
    text-decoration: none;
    color: #CCCCCC;
    font-family: monospace;
}
.chats_okno p {
    color: #232323;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 5px 10px;
}

.lesson-create input[type="checkbox"]:checked, .lesson-create input[type="checkbox"]:not(checked) {
	position: static;
}
/*-----OLD-STYLES-FOR-LESSONS-&-COURSES-END-----*/


@media only screen and (max-width: 960px) {

	.hide-960 {
		display: none;
	}
	.header-begin-info {
		flex-direction: column;
	}
	.header-begin-info-btns {
		flex-direction: row;
		align-items: center; 
		margin-top: 25px;
	}
	.menu-cabinet .menu-elements li.menu-cabinet-logo {
		margin-right: 50px;
		padding: 0;
	}

}
@media only screen and (max-width: 768px) {

	.hide-768 {
		display: none;
	}
	.header .menu {
		font-size: 16px;
	}
	.info-block {
		margin-top: 25px;
	}
	.elements-block {
		justify-content: center;
	}
	.how-to-start .element-wrap-list .element-wrap {
		width: 200px;
	}
	
	.how-to-learn .sub-section-element .element-wrap-list-arrowed .element-wrap {
		width: 145px;
	}
	.how-to-learn .sub-section-element .element-wrap-list-arrowed .main-arrow {
		margin-left: -10px;
	}
	.why-us .element-wrap {
		margin-bottom: 40px;
	}
	.why-us .element-wrap p.subject-title--blue{
		margin-bottom: 20px;
	}
	.element-wrap-list .element-wrap {
		width: auto;
	}
	.main .element-wrap {
		width: 240px;
	}
	.element-width-200 {
		margin: auto;
	}
	.main-arrow {
		margin-left: -10px;
	}
	.sub-footer .faq-link {
		display: none;
	} 
	.footer .faq-block {
		display: block;
	} 
	.sub-section-btns {
		text-align: center;
	}
	.menu-cabinet .menu-elements li.menu-cabinet-logo {
		margin-right: 10px;
		padding: 0;
	}
	.profile-form .form-item-tooltip {
		width: 100%;
		display: block;
		float: none;
		position: static;
		height: 100%;
		margin-top: 5px;
	}
	.menu-cabinet-elements-block-left {
		margin: auto;
	}
	.menu-cabinet-logo img {
		max-width: 60px;
		width: 100%
	}
	.menu-cabinet .menu-elements li.menu-cabinet-elements {
		padding: 15px 10px;
	}
	.course-blocks {
		flex-direction: row;
	}
	.course-block {
		flex: 0 0 60%;
		margin: 5px auto;
	}
	.cards-footer {
		width: 85%;
	}
	.form-item.form-item--photo > .form-item-tooltip {
		display: block;
	}
	.question-block {
		margin-bottom: 	30px;
	}
}
@media only screen and (max-width: 600px) {

	.info-block {
		max-width: 360px;
		margin: 0 auto;
		margin-top: 25px;
	}
	.header-info span.fa {
		font-size: 20px;
		margin-top: 10px;
	}
	.header-begin-info-btns { 
		justify-content: space-evenly;
	}
	.elements-block {
		justify-content: center;
	}
	.element-wrap {
		width: 200px;
	}
	.element-wrap-list .element-wrap {
		width: 400px;
	}
	.how-to-start .element-wrap-list .element-wrap {
		width: 100%;
		margin-top: 20px;
	}
	.how-to-start .element-wrap-list .element-width-300 {
		width: 100%;
		margin-top: 0;
	}
	.menu-desktop.menu-cabinet {
		display: block;
	}
	.menu-desktop {
		display: none;
	}
	.header .menu-mobile {
		display: block;
		margin-top: 20px;
	}
	.header .menu-mobile > .menu {
		background: rgb(66, 139, 220);
	}
	.header .menu-mobile .menu-elements li {
		padding-top: 0px;
	}
	.header .menu-mobile .menu-elements li a: click{
		display: none;
	}
	.menu-mobile-btn {
		height: 100%;
	}
	.menu-mobile-btn:hover {
		filter: drop-shadow(0px 0px 3px rgba(255,255,255,1));
	}
	.menu-mobile-btn-main {
		background: url(../tpl_img/house_main_small.png) center no-repeat;
	}
	.menu-mobile-btn-start {
		background: url(../tpl_img/how_to_start_small.png) center no-repeat;
	}
	.menu-mobile-btn-learn {
		background: url(../tpl_img/how_to_learn_small.png) center no-repeat;
	}
	.menu-mobile-btn-adv {
		background: url(../tpl_img/advantages_small.png) center no-repeat;
	}
	.hide-480 {
		display: none;
	}
	.header-info .element-width-160 {
		width: 120px;
	}
	.footer-columns {
		flex-direction: column;
	}
	.element-wrap-list .element-wrap {
		width: 100%;
	}
	.how-to-learn .sub-section-element .element-wrap-list-arrowed .element-wrap {
		width: 200px;
	}
	.how-to-learn .sub-section-element .element-wrap-list-arrowed .main-image--progress{
		top: -50px;
	}

	.how-to-start .element-wrap-list .element-wrap .button {
		display: block;
		width: 200px;
		margin: 0 auto;
	}
	.element-wrap-list-arrowed .element-wrap .main-image {
		bottom: 0;
	}
	.element-wrap-list-arrowed .element-wrap .main-arrow {
		bottom: 0;
		left: 170px;
	}
	.question-block {
		margin-top: -80px;

	}
	.question-block .element-wrap--question {
		flex-direction: column;
	}
	.question-block .question-block-button {
		margin: 20px 0px;
	}
	.question-block .image-arrow-question {
		display: none;
	}
	.question-block .step-element {
		width: 300px;
		margin-top: 20px;
	}
	.question-block .element-wrap {
		width: 100%;
	}
	.footer-list-block {
		display: none;
	}
	.footer-list-block li, .subject-title--orange, .sub-footer .sub-footer-text {
		text-align: center;
	}
	.subject-title--orange {
		padding: 10px 0;
	}
	.form-item.form-item--photo > .form-item-tooltip {
		display: block;
	}
	.auth-form {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.auth-form-item {
		width: 100%;
		margin: 0 auto;
	}
	.auth-form-item input {
		width: 100%;
		max-height: 90px;
		height: 100%;
		font-size: 40px;
	}
	.auth-form-item .lost-pass-text{
		font-size: 25px;
		font-weight: 800;
		line-height: 3;
	}
	.auth-form-item .button-full--blue{
		float: right;
		height: 75px;
		width: 200px;
		font-size: 35px;
	}
	.auth-form-item--head {
		display: inline-block;
		margin-bottom: 10px;
	}
	.auth-form-item--head-title {
		float: left;
		font-size: 25px;
		font-weight: 800;
		text-transform: uppercase;
		color: rgb(80,80,80);
	}
	.auth-form-item--head  .fa-times-circle {
		float: right;
		font-size: 40px;
		color: rgb(255,180,73);
	}
	.contact-form {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: auto;
		padding-bottom: 30px;
		z-index: 9999;
	}
	.contact-form .contact-form-item {
		margin: 10px auto 0px auto;
		width: 90%;
	}
	.contact-form .contact-form-item--head-title {
		font-size: 	32px;
	}	
	.contact-form .contact-form-item--head-text {
		font-size: 	23px;
	}
	.contact-form .contact-form-item input, .contact-form .contact-form-item textarea {
		padding: 15px;
		font-size: 27px;
		width: 100%;
	}
	.contact-form .button {
		height: 70px;
		font-size: 27px;
		line-height: 60px;
		padding: 0px 6px;
	}
	.contact-form .contact-form-item--buttons {
		display: flex;
		justify-content: space-around;
	}
	.contact-form .contact-form-item .file-upload {
		width: 180px;
		height: 72px;
	}
	.menu-create {
		position: absolute;
		top: 0;
		right: 0;
		width: 320px;
	}
	.profile-form {
		width: 90%;
	}
	.course-block {
		flex: 0 0 100%;
	}
	.tabs-links {
		flex-direction: column;
		justify-content: flex-start;
	}
	.profile-form.profile-form-pay .form-item.form-item--btn {
		flex-direction: column;
	}
	.profile-form.profile-form-pay .form-item.form-item--btn .button-full-blue {
		margin-bottom: 	5px;
	}
	.menu-elements .menu-cabinet-mobile-icon {
		display: block;
	}
	.block-right-mobile {
		display: none;
		width: 100%;
		position: absolute;
		top:80px;
		right: 0px;
		background: rgb(255,180,73);
		z-index: 10;
		text-align: center;
	}
	.menu-cabinet-elements-block-right {
		margin-top: -22px;
	}
	.card-block {
		width: 50%;
		margin-bottom: 20px;
	}
	.card-block--english {
		width: 55%;
		margin-bottom: 0px;
	}
	.card-block--english:hover {
		width: 56%;
	}
	.cards-footer {
		border: none;
		height: auto;
	}
	.cards-button {
		top: 15px;
	}
	.menu-profile-element.menu-cabinet-submenu ul {
		width: 192px;
	}
}

@media only screen and (max-width: 480px) {
	.element-wrap-list-arrowed .element-wrap .twin-arrow {
		display: block !important;
	}
	.element-wrap-list-arrowed .element-wrap .main-arrow {
		display: none !important;
	}
	.element-wrap-list-arrowed .element-wrap {
		margin-bottom: 20px;
	}
	.form {
		width: 90%;
	}
	.form-item-tooltip {
		display: block;
		float: none;
		position: static;
		width: 100%;
		height: 100%;
		margin-top: 5px;
	}
	.auth-form-item .button-full--blue{
		float: none;
	}
	.contact-form .button {
		margin-bottom: 10px;
	}
	.contact-form .contact-form-item--buttons {
		display: flex;
		flex-direction: column;
	}
	.form-page-menu ul {
		flex-direction: column;
	}
	.header-begin-info-btns {
		flex-direction: column;
	}
	.header-begin-info-btns a { 
		margin-top: 15px;
		margin-left: 0px;
	}
	.course-block .course-element {
		flex-direction: column;
	}
	.course-block .course-element .course-item {
		margin-bottom: 	5px;
	}
	.menu-cabinet .menu-elements li.menu-cabinet-elements {
		padding: 15px 0px;
	}
	.static-page-header .header-info-buttons .button-border--blue {
		padding: 0 15px;
	}
	.card-block {
		width: 65%;
	}
	.card-block--english {
		width: 70%;
	}
	.card-block--english:hover {
		width: 71%;
	}
	.contact-form .contact-form-item .file-upload {
		width: 100%;
	}
	
}

@media only screen and (max-width: 320px) {

	.how-to-learn .element-wrap .step-element .main-image {
		position: relative;
	}
	.how-to-learn .element-wrap .step-element .main-image--progress {
		top: 0;
	}
	.how-to-learn .element-wrap .step-element .twin-arrow {
		position: relative;
		top: 20px;
	}
	.card-block {
		width: 85%;
	}
	.card-block--english {
		width: 90%;
	}
	.card-block--english:hover {
		width: 91%;
	}

}