@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('fonts/HelveticaNeueCyr-Roman.eot');
  src: local('HelveticaNeueCyr-Roman'),
    url('fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
    url('fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
    url('fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('fonts/HelveticaNeueCyr-Light.eot');
  src: local('HelveticaNeueCyr-Light'),
    url('fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/HelveticaNeueCyr-Light.woff') format('woff'),
    url('fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('fonts/HelveticaNeueCyr-Medium.eot');
  src: local('HelveticaNeueCyr-Medium'),
    url('fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
    url('fonts/HelveticaNeueCyr-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('fonts/HelveticaNeueCyr-Bold.eot');
  src: local('HelveticaNeueCyr-Bold'),
    url('fonts/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
    url('fonts/HelveticaNeueCyr-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
* { margin: 0px; padding: 0px; border: 0;}
*,*::before, *::after {box-sizing: border-box;}
table {border-collapse: collapse; border-spacing: 0;}
html,body {height: 100%;}
a > img {border: none;}
input, button, textarea, select {outline: none;}
body {width: 100%; color: #222222; background-color: #ffffff; font-family: HelveticaNeueCyr; font-weight: normal; font-size: 20px; min-width: 320px; -webkit-overflow-scrolling: touch;}
.wrap {min-height: 100%;}
#main {padding-bottom: 480px; margin-bottom: 200px;}
footer {min-height: 480px; margin-top: -480px; position: relative; background-color: #222222; padding: 56px 0 40px;}
.centered {width: 1600px; position: relative; margin: 0 auto;}
.inline {width: 100%; position: relative; display: inline-block;}
.align_center {position: relative; width: 100%;}
.align_center:after {content: ''; display: block; clear: both;}
.align_center_to_left {position: relative; right: 50%; float: right;}
.align_center_to_right {position: relative; z-index: 1; right: -50%;}
.tbl {display: table; width: 100%;}
.tbl > div {display: table-cell;}
.clearfix:after {content: ''; display: table; clear: both;}
.flex {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} 
.flex > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.no_select {-moz-user-select: none; -khtml-user-select: none; user-select: none;}
.bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-position: 50% 50%;}
.bg > img {position: absolute; top: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover;';}
.ratio-inner {position: relative; height: 0; border: none;} 
.ratio-content {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.ratio-1-1 {padding-top: 100%;}
.ratio-2-3 {padding-top: 64%;}
.ratio-3-2 {padding-top: 140%;}
#top {width: 100%; margin-bottom: 24px;}
#topBody {width: 100%; min-height: 120px; padding: 32px 0; position: relative;}
#topBody > div {vertical-align: middle; position: relative;}
/*#topBody > div:first-child {width: 368px;}
#topBody > div:first-child img, #mdlMenuTop img {display: block; width: 368px; height: auto;}*/
#topBody > div:first-child {width: 294px;}
#topBody > div:first-child img, #mdlMenuTop img {display: block; width: 294px; height: auto;}
#topBody > div:nth-child(2) {padding: 0 6.5%;}
#topBody > div:nth-child(2) ul {float: right; list-style: none;}
#topBody > div:nth-child(2) ul > li {float: left; margin-right: 48px;}
#topBody > div:nth-child(2) ul > li a, #topBody > div:nth-child(2) ul > li a:visited {color: #222222; text-decoration: none; display: block; height: 32px; line-height: 32px; transition: all 0.2s linear;}
#topBody > div:nth-child(2) ul > li a:hover {color: #DD303A; transition: all 0.2s linear;}
#topBody > div:last-child {width: 240px;}
#topBody > div:last-child .button {float: right;}
.button {display: inline-block; padding: 0 32px; border-radius: 16px; height: 56px; text-decoration: none; color: #222222; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; font-family: HelveticaNeueCyr; font-weight: normal; font-size: 20px; transition: all 0.2s linear; /*box-shadow: 0px 1px 0px #222222, 0px -1px 0px #222222, 1px 0px 0px #222222, -1px 0px 0px #222222;*/ position: relative; background-color: transparent; /*outline: 1px solid #222222; outline-offset: -1px;*/ box-shadow: 0px 0px 0px 1px #222 inset;}
.button > .tbl {width: 100%; height: 56px;}
.button > .tbl > div {vertical-align: middle;}
.button > .tbl > div:first-child p {line-height: 1;}
.button > .tbl > div:nth-child(2) {width: 36px; padding-left: 16px;}
.button > .tbl > div:nth-child(2) svg {display: block; width: 20px; height: 20px;}
.button > .tbl > div:nth-child(2) svg path {stroke: #222222;  transition: all 0.2s linear;}
.button:hover {/*background-color: #F6F6F6; border-color: #808080;*/ background-color: #F56C40; color: #ffffff; transition: all 0.2s linear; /*box-shadow: 0px 1px 0px #F56C40, 0px -1px 0px #F56C40, 1px 0px 0px #F56C40, -1px 0px 0px #F56C40;*/ /*outline: 1px solid #F56C40;*/ box-shadow: 0px 0px 0px 1px #F56C40 inset;}
.button:hover > .tbl > div:nth-child(2) svg path {stroke: #ffffff; transition: all 0.2s linear;}
#focus {width: 100%; padding-bottom: 40px;}
#focusBody {width: 100%; height: auto; overflow: hidden; padding: 80px 6.5% 0; background: radial-gradient(50% 50% at 50% 50%, #F56C40 0%, #DD303A 100%); border-radius: 16px; position: relative;}
#focusBodyTop {width: 100%; height: auto; position: relative; z-index: 2;}
#focusBodyTop > div {vertical-align: top;}
#focusBodyTop > div:first-child {width: 170px; position: relative;}
#focusBodyTop > div:nth-child(2) h1 {font-size: 68px; color: #ffffff; line-height: 1.15; font-weight: normal; text-indent: 280px; margin-bottom: 48px;}
.button--white {color: #ffffff; /*box-shadow: 0px 1px 0px #ffffff, 0px -1px 0px #ffffff, 1px 0px 0px #ffffff, -1px 0px 0px #ffffff;*/ /*outline: 1px solid #ffffff; background: transparent; outline-offset: -1px;*/ box-shadow: 0px 0px 0px 1px #fff inset;}
.button--white > .tbl > div:nth-child(2) svg path {stroke: #ffffff; transition: all 0.2s linear;}
#focusBodyTop > div:first-child .button {position: absolute; left: 0px; top: 8px; height: 72px; padding: 0 40px; font-size: 32px; width: 275px; font-weight: 300;}
#focusBodyTop > div:first-child .button > .tbl {height: 72px;}
#focusBodyTop > div:first-child .button > .tbl > div:nth-child(2) {width: 40px; padding-left: 16px;}
#focusBodyTop > div:first-child .button > .tbl > div:nth-child(2) svg {display: block; width: 24px; height: 24px;}
.button--white:hover {color: #222222; background-color: #ffffff; /*box-shadow: 0px 1px 0px transparent, 0px -1px 0px transparent, 1px 0px 0px transparent, -1px 0px 0px transparent;*/ /*outline: 1px solid #ffffff;*/ box-shadow: 0px 0px 0px 1px #fff inset;}
.button--white:hover > .tbl > div:nth-child(2) svg path {stroke: #222222; transition: all 0.2s linear;}
.flex2 {display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 100%;}
.flex2 > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
#focusBody .flex2 {min-height: calc(100vh - (184px + 80px)); height: auto;}
.flex2 > div:first-child {height: auto; align-self: stretch;}
.flex2 > div:last-child {align-self: stretch; flex-grow: 1; /*overflow: hidden;*/ position: relative; align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end;}
.flex2 > div:last-child > .flex {align-items: stretch; position: relative; width: 100%;}
.flex2 > div:last-child > .flex > div {height: 380px;}
.flex2 > div:last-child > .flex > div:first-child {padding-bottom: 80px; width: 29.16%; align-items: flex-end; -webkit-box-align: end;  -ms-flex-align: end;}
.flex2 > div:last-child > .flex > div:first-child p {color: #ffffff; font-size: 24px; line-height: 1.3;}
.flex2 > div:last-child > .flex > div:last-child {align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end; justify-content: right; align-self: stretch; flex-grow: 1;}
#focusLines {width: 660px; height: 100%; position: relative;}
#focusLines > div {width: 660px; height: 660px; border-radius: 50%; overflow: hidden; background-color: #DD303A; position: absolute; left: 0px; top: 0px; -webkit-box-shadow: 0px 0px 16px 0px rgba(34, 60, 80, 0.08) inset; -moz-box-shadow: 0px 0px 16px 0px rgba(34, 60, 80, 0.08) inset; box-shadow: 0px 0px 16px 0px rgba(34, 60, 80, 0.08) inset; z-index: 1;}
#focusLines:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0px; left: 0px;}
.columns {width: 100%; position: relative;}
.columns > div {vertical-align: top; position: relative;}
.columns-2-32-68 > div:first-child {width: 32%;}
.columns-2-32-68 > div:last-child {padding-left: 2%;}
.margin-100 {padding-top: 100px;}
.txt {width: 100%; position: relative;}
.txt h2 {font-weight: normal; font-size: 48px; line-height: 1.1; margin-bottom: 56px;}
.txt h2:last-child {margin-bottom: 0px;}
#mpAbout h2 {width: 95%;}
.txt p {line-height: 1.3; margin-top: 24px;}
.txt p:first-child {margin-top: 0px;}
#mpAbout .columns-2-32-68 > div:last-child .flex > div {width: calc((100% - 3.03%) / 2); margin-left: 3.03%; float: left;}
#mpAbout .columns-2-32-68 > div:last-child .flex > div:nth-child(2n+1) {margin-left: 0px;}
.button--primary {color: #ffffff; /*box-shadow: 0px 1px 0px transparent, 0px -1px 0px transparent, 1px 0px 0px transparent, -1px 0px 0px transparent;*/ overflow: hidden; background-color: #ED563E; outline: transparent;}
.button--primary .tbl {position: relative; z-index: 2;}
.button--primary:before {content: ''; display: block; width: 100%; height: 100%; z-index: 1; top: 0px; left: 0px; position: absolute; background: linear-gradient(180deg, #DD303A 0%, #ED563E 100%); opacity: 1; transition: all 0.2s linear;}
.button--primary:hover:before {opacity: 0; transition: all 0.2s linear;}
.margin-64 {margin-top: 64px;}
.margin-56 {margin-top: 56px;}
.margin-48 {margin-top: 48px;}
#mpAbout .clearfix .button {margin-right: 3.03%;}
.columns-2-32-68 > div .howItWorks {width: 79.68%; position: relative;}
.howItWorks {padding-top: 32px; position: relative; cursor: pointer;}
.lineBefore:before {content: ''; display: block; width: 100%; height: 1px; background-color: #222222; position: absolute; top: 0px; left: 0px; transition: all 0.5s linear}
/*.lineBefore--active:before {width: 100%; transition: all 0.5s linear}*/
.howItWorks > div {vertical-align: middle;}
.howItWorks > div:first-child {width: 80px; position: relative;}
.howItWorks > div:first-child div {display: block; width: 80px; height: 80px; border-radius: 50%; border: 1px solid #808080; position: relative; transition: all 0.2s linear;} 
.howItWorks > div:first-child div svg {display: block; width: 24px; height: 24px; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -12px; transform: rotate(45deg);}
.howItWorks > div:first-child div svg path {stroke: #808080; transition: all 0.2s linear;}
.howItWorks > div:last-child {padding-left: 24px;}
.howItWorks > div:last-child p {font-size: 32px; line-height: 1.15;}
.howItWorks:hover > div:first-child div {border-color: #F56C40; background-color: #F56C40;}
.howItWorks:hover > div:first-child div svg path {stroke: #ffffff; transition: all 0.2s linear;}
#mpAbout .columns-2-32-68 > div:first-child {vertical-align: bottom; padding-bottom: 112px;}
.margin-140 {margin-top: 140px;}
.padding-140 {padding-top: 140px;}
#mpWhyBody {width: 100%; padding: 80px 6.5% 0;}
#mpWhyWrp {width: 100%; border-radius: 16px; background-color: #F6F6F6;}
#mpWhyBody > .txt h2 {width: 60%;}
#mpWhyBodyMansonry {width: 100%; position: relative; margin-top: 32px;}
.masonry {column-count: 2; column-gap: 2%;}
.masonryItem {display: inline-block; width: 100%; height: auto; border-radius: 16px; background-color: #ffffff; padding: 72px 32px 32px; position: relative; overflow: hidden; margin: 32px 0 0; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.masonryItem:before {content: ''; display: block; width: 16px; height: 16px; position: absolute; left: 32px; top: 32px; border-radius: 50%; background: linear-gradient(180deg, #DD303A 0%, #ED563E 100%); z-index: 1; transition: all 0.2s linear;}
.txt h3 {font-size: 32px; line-height: 1.15; font-weight: normal; margin-top: 48px;}
.txt h3:first-child {margin-top: 0px;}
.masonryItem .clearfix {margin-top: 32px; position: relative; z-index: 2;}
.masonryItem .txt {position: relative; z-index: 2; transition: all 0.2s linear;}
/*.masonryItem:hover:before {transition: all 0.2s linear; width: 100%; height: 100%; border-radius: 0px; top: 0px; left: 0px;}
.masonryItem:hover .txt {transition: all 0.2s linear; color: #ffffff;}
.masonryItem:hover .button {transition: all 0.2s linear; color: #ffffff; border-color: #ffffff;}
.masonryItem:hover .button:hover {color: #222222; border-color: #ffffff; background-color: #ffffff;}
.masonryItem:hover .button:hover > .tbl > div:nth-child(2) svg path {stroke: #222222; transition: all 0.2s linear;}*/
.columns-2-50-50 > div:first-child {width: 50%; padding-right: 7.5%;}
.columns-2-50-50 > div:last-child {width: 50%; padding-left: 1%;}
#mpWhy .columns-2-50-50 > div:first-child {padding-left: 6.5%;}
#mpWhy .columns-2-50-50 > div:last-child {padding-right: 6.5%;}
#mpWhy .columns-2-32-68 > div:last-child {padding-right: 6.5%;}
#mpWhy .columns-2-32-68 > div:last-child h3 {font-size: 42px;}
#mpWhyBody2 {padding-bottom: 80px;}
.thesisEl {width: 100%; position: relative; padding: 32px 0;}
.thesisEl:first-child:before {display: none;} 
.thesisEl:first-child {padding-top: 0px;}
.thesisEl:last-child {padding-bottom: 0px;}
.thesisEl > div {vertical-align: middle; position: relative;}
.thesisEl > div:first-child {font-size: 56px; line-height: 1;}
.thesisEl > div:last-child {padding-left: 4.7%;}
#mpWhy .thesisEl > div:first-child {width: 240px;}
.h2Big {font-size: 64px !important;}
.accordeon {position: relative;}
.accordeon:first-child:before {display: none;} 
.accordeonTop {width: 100%; position: relative; cursor: pointer; padding: 32px 0;}
.accordeon:first-child .accordeonTop {padding-top: 16px;}
.accordeonTop > div {vertical-align: middle;}
.accordeonTop > div:last-child {width: 6.5%; position: relative;}
.accordeonTop > div:last-child span {display: block; width: 32px; height: 40px; top: 50%; margin-top: -20px; right: 0px; line-height: 40px; text-align: center; font-size: 40px; font-weight: 300; position: absolute;}
#courses .accordeonTop > div:first-child .txt h3 {font-size: 42px;}
#coursesWrp {margin-top: 16px;}
.accordeonBody {width: 100%; position: relative; padding-bottom: 48px; display: none;}
.coursesFlex > div {width: calc((100% - 32px) / 2); margin-left: 32px; margin-top: 32px;}
.coursesFlex > div:nth-child(2n+1) {margin-left: 0px;}
.coursesFlex > div:nth-child(-n+2) {margin-top: 8px;}
.coursesFlexEl {width: 100%; height: 100%; border-radius: 16px; padding: 32px; color: #222222; text-decoration: none; position: relative; overflow: hidden; border: 1px solid #222222;}
.coursesFlexElTop {width: 100%; position: relative; z-index: 2;}
.coursesFlexElTop > div {vertical-align: top; position: relative;}
.coursesFlexElTop > div:first-child .txt {margin-top: 3px;}
.coursesFlexElTop > div:last-child {width: 8.91%;}
.coursesFlexElTop > div:last-child svg {float: right; display: block; width: 20px; height: 20px; margin-bottom: 10px;}
.coursesFlexElTop > div:last-child svg path {stroke: #222222; transition: all 0.2s linear;}
.lbl {display: inline-block; padding: 6px 16px; line-height: 1; margin-right: 10px; margin-bottom: 10px; border-radius: 16px; color: #ffffff; font-size: 14px; box-shadow: 0px 1px 0px transparent, 0px -1px 0px transparent, 1px 0px 0px transparent, -1px 0px 0px transparent; transition: all 0.2s linear; position: relative; overflow: hidden;/* transition: all 0.2s linear;*/}
.lbl span {position: relative; z-index: 2;}
.lbl:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; opacity: 1; transition: all 0.2s linear; background: linear-gradient(180deg, #DD303A 0%, #ED563E 100%);}
.txt h4 {font-size: 22px; line-height: 1.15; margin-top: 32px; font-weight: normal;}
.txt h4:first-child {margin-top: 0px;}
.coursesFlexElBottom {position: relative; z-index: 2;}
.coursesFlexElBottomInfo {width: 100%; margin-top: 10px;}
.coursesFlexElBottomInfo:first-child {margin-top: 0px;}
.coursesFlexElBottomInfo > div {vertical-align: top;}
.coursesFlexElBottomInfo > div:first-child {width: 20px;}
.coursesFlexElBottomInfo > div:first-child svg {display: block; width: 20px; height: 20px;}
.coursesFlexElBottomInfo > div:first-child svg path {stroke: #DD303A; transition: all 0.2s linear;}
.coursesFlexElBottomInfo > div:last-child {padding-left: 10px; font-size: 16px; line-height: 1.3;}
.coursesFlexElBottom {width: 100%; height: auto; padding-top: 32px; position: relative;}
.coursesFlexElBottom > div {vertical-align: middle;}
.coursesFlexElBottom > div:last-child {width: 22%; text-align: right;}
.coursesFlexElBottom > div:last-child p {font-size: 24px; line-height: 1;}
.rub {font-family: 'Roboto', sans-serif;}
.oldPrice {font-size: 18px !important; color: #808080; text-decoration: line-through; margin-bottom: 4px; transition: all 0.2s linear;}
.lbl--hollow {background: transparent; color: #222222; box-shadow: 0px 1px 0px #222222, 0px -1px 0px #222222, 1px 0px 0px #222222, -1px 0px 0px #222222;/* transition: all 0.2s linear;*/}
.lbl--hollow:before {display: none;}
.coursesFlexEl:after {content: ''; display: block; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 1; background: linear-gradient(180deg, #DD303A 0%, #ED563E 100%); opacity: 0; transition: all 0.2s linear;}
.coursesFlexEl:not(.coursesFlexEl--noHover):hover {transition: all 0.2s linear; color: #ffffff; /*box-shadow: 0px 1px 0px transparent, 0px -1px 0px transparent, 1px 0px 0px transparent, -1px 0px 0px transparent;*/ border: 1px solid #ffffff;}
.coursesFlexEl:not(.coursesFlexEl--noHover):hover:after {opacity: 1; transition: all 0.2s linear;}
.coursesFlexEl:not(.coursesFlexEl--noHover):hover .coursesFlexElTop > div:last-child svg path, .coursesFlexEl:not(.coursesFlexEl--noHover):hover .coursesFlexElBottomInfo > div:first-child svg path {stroke: #ffffff; transition: all 0.2s linear;}
.coursesFlexEl:not(.coursesFlexEl--noHover):hover .oldPrice {color: #ffffff; transition: all 0.2s linear;}
.coursesFlexEl:not(.coursesFlexEl--noHover):hover .lbl:before {opacity: 0; transition: all 0.2s linear;}
.coursesFlexEl:not(.coursesFlexEl--noHover):hover .lbl {color: #ffffff; box-shadow: 0px 1px 0px #ffffff, 0px -1px 0px #ffffff, 1px 0px 0px #ffffff, -1px 0px 0px #ffffff; transition: all 0.2s linear;/* outline: 1px solid #fff;*/}
.margin-32 {margin-top: 32px;}
#corporateBody {background-color: #222222; padding: 80px 0; border-radius: 16px; color: #ffffff;}
.columns-2--padding > div:first-child {padding-left: 6.5%;}
.columns-2--padding > div:last-child {padding-right: 6.5%;}
#corporateBody .columns-2-50-50 > div:first-child .clearfix .button {margin-right: 4.7%;}
#corporateBody .columns-2-50-50 > div:first-child .clearfix .button:last-child {margin-right: 0px;}
#corporateBody .columns-2-50-50 > div:first-child .txt {padding-right: 13%;}
.blockSlider {width: 100%; height: 100%;}
.blockSliderBody {background-color: #333333; border-radius: 16px; width: 100%; height: 1 auto; height: auto; min-height: 370px; overflow: hidden;}
.blockSliderBodyEl {width: 100%; overflow: hidden; display: none; z-index: 1; opacity: 0;}
.blockSliderBodyEl--active {z-index: 3 !important;}
.blockSliderBodyEl .tbl {width: 100%; height: auto; position: relative; min-height: 370px;}
.blockSliderBodyEl .tbl > div {vertical-align: top; position: relative;}
.blockSliderBodyEl .tbl > div:first-child {width: 56%; padding: 32px;}
.blockSliderBodyEl .tbl > div:first-child .txt p {font-size: 18px;}
.blockSliderBodyEl .tbl > div:last-child img {position: absolute; display: block; width: 350px; height: 350px; bottom: -80px; right: -64px;}
.blockSliderNav {width: 100%; position: relative; z-index: 5;}
.blockSliderNav ul {list-style: none;}
.blockSliderNav ul li {display: block; width: 16px; height: 16px; border-radius: 50%; background-color: #333333; transition: all 0.2s linear; margin: 0 8px; float: left; cursor: pointer;}
.blockSliderNav--active {background-color: #DD303A !important; transition: all 0.2s linear;}
#formBody {background-color: #FFF0EB; padding: 80px 0; border-radius: 16px;}
/*#formBody .columns-2-50-50 > div:first-child {padding-right: 7.5%;}*/
#formBody .columns-2-50-50 > div:first-child .flex2 {width: 100%; height: 100%}
.input {width: 100%; height: 56px; padding: 0 32px; font-family: HelveticaNeueCyr; font-weight: normal; font-size: 20px; color: #222222; border: 1px solid #222222; background-color: transparent; border-radius: 16px; margin-top: 24px; transition: all 0.2s linear;}
.input:first-child, .textarea:first-child {margin-top: 0px;}
.form .clearfix .input, .input--two {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 24px; float: left;}
.form .clearfix .input:nth-child(2n+1), .input--two:nth-child(2n+1) {margin-left: 0px;}
.form .clearfix .input:nth-child(-n+2), .input--two:nth-child(-n+2) {margin-top: 24px;}
.form .clearfix:first-child .input:nth-child(-n+2) {margin-top: 0px;}
.textarea {width: 100%; height: 140px; padding: 16px 32px; font-family: HelveticaNeueCyr; font-weight: normal; font-size: 20px; color: #222222; border: 1px solid #222222; background-color: transparent; border-radius: 16px; margin-top: 24px; transition: all 0.2s linear;}
.chkbx {width: 100%; cursor: pointer;}
.chkbx > div {vertical-align: top; position: relative;}
.chkbx > div:first-child {width: 16px !important; padding-top: 3px;}
.chkbx > div:first-child span {width: 16px; height: 16px; border-radius: 4px; border: 1px solid #222222; display: block; transition: all 0.2s linear;}
.chkbx > div:last-child {padding-left: 12px;}
.chkbx > div:last-child .txt p {font-size: 16px;}
.chkbx--active > div:first-child span {border-color: #ED563E; background-color: #ED563E; transition: all 0.2s linear;}
#formBody .columns-2-50-50 > div:first-child .txt p {font-size: 24px;}
/*#formBodyBottom {position: absolute; bottom: 0px; left: 13%;}*/
#formBodyBottom {width: 100%; position: relative;}
#formBodyBottom .clearfix .button {margin-right: 32px; float: left; margin-top: 16px;}
#formBodyBottom .clearfix .button:last-child {margin-right: 0px;}
.phone {font-size: 42px; line-height: 1;}
.email {font-size: 26px; line-height: 1; margin-top: 16px;}
.phone a, .phone a:visited {color: #222222; border-bottom: none; text-decoration: none;}
#formBodyBottom .email {margin-bottom: 20px;}
#partners .columns-2-50-50 {position: relative; z-index: 1;}
#partners .columns-2-50-50 > div:last-child {padding-right: 6.5%;}
#partnersBody {width: 100%; position: relative; z-index: 2; margin-top: -48px;}
.partnersBodyNavEl {display: block; width: 48px; height: 48px; border: 1px solid #222222; position: relative; cursor: pointer; background: transparent; float: left; margin-right: 24px; border-radius: 16px; transition: all 0.2s linear;}
.partnersBodyNavEl:hover {background-color: #ED563E; border-color: #ED563E; transition: all 0.2s linear;}
.partnersBodyNavEl svg {position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; display: block; width: 20px; height: 20px;}
#partnersBodyNav--prev svg {transform: rotate(225deg);}
#partnersBodyNav--next svg {transform: rotate(45deg);}
.partnersBodyNavEl svg path {stroke: #222222; transition: all 0.2s linear;}
.partnersBodyNavEl:hover svg path {stroke: #ffffff; transition: all 0.2s linear;}
img.imgborder {max-height: 100%; max-width: 100%; height: auto; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#partnersBodySlick {width: 100%; overflow: hidden; position: relative; padding-top: 56px;/* border-top: 1px solid #222222;*/}
#partners .slick {width: 100%; position: relative;}
#partners .slick-slide {position: relative;}
#partners .slick-slide .ratio {width: width: calc(100% - 32px); margin: 0 16px; padding: 8px 16px; background-color: #F6F6F6; border-radius: 16px;}
#partners .slick-slide .bg {mix-blend-mode: darken; background-blend-mode: darken;}
#partners .slick-slide .ratio-2-3 {padding-top: 56%;}
#faqBody {width: 65.87%; margin: 0 auto;}
#faq .accordeonBody .txt {padding-right: 9.86%;}
#footerTop {color: #ffffff;}
.txt a:not(.button), .txt a:not(.button):visited {color: rgb(0, 102, 204); text-decoration: none; border-bottom: 1px solid rgb(0, 102, 204); transition: all 0.2s linear;}
.txt a:not(.button):hover {color: #ED563E !important; border-color: #ED563E !important; transition: all 0.2s linear;}
#footerTopLinks p {margin-top: 8px;}
#footerTopLinks p:first-child {margin-top: 0px;}
#footerTopLinks a, #footerTopLinks a:visited, .footerTopMenuEl .txt a, .footerTopMenuEl .txt a:visited {color: #ffffff; border-color: #ffffff;}
#footerTopInfo p {font-size: 16px; color: #808080; margin-top: 20px;}
#footerTopInfo p:first-child {margin-top: 0px;}
/*#footerTop.columns-2-50-50 > div:first-child {padding-right: 7.5%;}*/
#footerTopInfo a, #footerTopInfo a:visited {color: #808080; border-color: #808080;}
#footerTopMenu > div {width: 50%; position: relative; margin-top: 64px;}
#footerTopMenu > div:nth-child(-n+2) {margin-top: 0px;}
.footerTopMenuEl {width: 100%; padding-right: 32px;}
.footerTopMenuEl > p {line-height: 1.5;}
.footerTopMenuEl > p a, .footerTopMenuEl > p a:visited {color: #808080; text-decoration: none;}
.footerTopMenuEl .txt > p {margin-top: 12px;}
.footerTopMenuEl .txt > p:first-child {margin-top: 0px;}
#footerBottom {color: #808080; padding-top: 24px; position: relative;}
#footerBottom.lineBefore:before {background-color: #808080;}
#footerBottom .columns-2-50-50 > div:first-child {vertical-align: middle;}
#footerBottom .columns-2-50-50 > div:first-child p {font-size: 16px;}
#footerBottom .columns-2-50-50 > div:last-child .flex {width: 100%;}
#footerBottom .columns-2-50-50 > div:last-child .flex > div:first-child {width: 30%; align-items: center;}
#footerBottom .columns-2-50-50 > div:last-child .flex > div:last-child {width: 70%; align-items: flex-end;}
#footerBottomSocial > a {display: block; width: 28px; height: 28px; position: relative; margin-right: 16px; float: left;}
#footerBottomSocial > a img {width: 100%; height: 100%; display: block;}
#footerBottomApps {display: block; width: 100%; height: 38px;}
#footerBottomApps > a {float: right; margin-left: 16px;}
.focusLinesElA {display: block; padding: 16px; background-color: #fff; color: #222222; border-radius: 8px; text-decoration: none; min-height: 160px; height: auto; position: relative; width: 100%; float: left;}
.focusLinesElA .txt h4 {font-size: 17px; font-weight: 500;}
.focusLinesElA .txt {padding-bottom: 40px;}
.focusLinesElA > .flex {width: calc(100% - 32px); position: absolute; left: 16px; bottom: 16px;}
.focusLinesElA > .flex > div {width: 50%; position: relative; vertical-align: middle;}
.focusLinesElA > .flex > div:first-child p {font-size: 17px;}
.focusLinesElA > .flex > div:last-child .coursesFlexElBottomInfo > div:first-child {width: 14px;}
.focusLinesElA > .flex > div:last-child .coursesFlexElBottomInfo > div:first-child svg {width: 16px; height: 16px;}
.focusLinesElA > .flex > div:last-child .coursesFlexElBottomInfo > div:last-child {padding-left: 6px; font-size: 14px; line-height: 1;}
#slickLineWrp {transform: rotate(-12deg);}
.slickLine {width: 1120px;}
.slickLine .slick-slide {position: relative; margin: 0 8px 0;}
.slickLine:first-child {margin-top: 56px;}
.slickLine:nth-child(2) {margin-top: 16px; margin-left: -162px;}
#innerTop {}
#innerTop ul {list-style: none;}
#innerTop ul > li {float: left; margin: 0 16px 0 0; font-size: 16px; color: #808080;}
#innerTop ul > li a, #innerTop ul > li a:visited {color: #000000; text-decoration: none; transition: all 0.2s linear;}
#innerTop ul > li a:hover {color: #ED563E; transition: all 0.2s linear;}
/*#innerTop ul > li svg {display: block; width: 16px; height: 8px;}*/
#innerTop h1 {font-size: 68px; margin-top: 80px; line-height: 1.1; font-weight: normal; width: 74.5%;}
.columns-1-74 {width: 74.5%;}
#blockCatalogFilterTop p {font-size: 18px; text-align: right;}
#blockCatalogFilterTop p a, #blockCatalogFilterTop .txt p a:visited {color: #808080; border-color: #808080;}
#blockCatalogFilterBody {width: 100%;}
#blockCatalogFilterBody > .flex > div {width: calc((100% - 32px) / 2); margin-left: 32px; position: relative;}
#blockCatalogFilterBody > .flex > div:nth-child(2n+1) {margin-left: 0px;}
#blockCatalogFilterBody > .flex > div:nth-child(2) .flex {width: 100%;}
#blockCatalogFilterBody > .flex > div:nth-child(2) .flex > div {width: calc((100% - 32px) / 2); margin-left: 32px;}
#blockCatalogFilterBody > .flex > div:nth-child(2) .flex > div:nth-child(2n+1) {margin-left: 0px;}
#inputSearch {position: relative; width: 100%;}
#inputSearch > input {padding-left: 56px; position: relative; z-index: 1; width: 100%;}
#inputSearch:before {content: ''; display: block; width: 20px; height: 20px; background: url('../img/search.svg') no-repeat; position: absolute; left: 24px; top: 50%; margin-top: -10px; background-size: 20px 20px; z-index: 2;}
.select {width: 100%; height: 56px; padding: 0 28px; font-family: HelveticaNeueCyr; font-weight: normal; font-size: 20px; color: #222222; border: 1px solid #222222; background-color: transparent; border-radius: 16px; margin-top: 24px; transition: all 0.2s linear;}
.select:first-child {margin-top: 0px;}
#blockCatalogFilterBody #inputSearch, #blockCatalogFilterBody .select {margin-top: 24px;}
#blockCatalogFilter {position: relative; z-index: 2;}
#blockCatalogBody {position: relative; z-index: 1;}
#blockCatalogBody .coursesFlex > div:nth-child(-n+2) {margin-top: 0px;}
#bottom .txt {text-align: center; margin-top: 24px;}
#bottom .txt > p {font-size: 18px; color: #808080;}
#h1Small {font-size: 48px !important;}
#blockSingleTop .centered > .flex > div {position: relative;}
#blockSingleTop .centered > .flex > div:first-child {width: 50%; padding-right: 1%;}
#blockSingleTop .centered > .flex > div:last-child {width: 50%; padding-left: 1%;}  
#blockSingleTop .centered > .flex > div > div {width: 100%; height: 100%; position: relative;}
.blockSmall {width: 100%; height: auto; padding: 32px; border-radius: 16px; margin-top: 32px;}
.blockSmall:first-child {margin-top: 0px;}
.bg-F6F6F6 {background-color: #F6F6F6;}
.bg-rgradient {background: radial-gradient(50% 50% at 50% 50%, #F56C40 0%, #DD303A 100%); color: #ffffff;}
.bg-222222 {background-color: #222222; color: #ffffff;}
#blockSingleTop .flex > div:first-child .blockSmall {height: 100%;}
#blockSingleTop .flex > div:first-child .blockSmall .clearfix {margin-bottom: 8px;}
.blockSmallInfo > div {vertical-align: top;}
.blockSmallInfo > div:first-child {padding-right: 32px;}
.blockSmallInfo > div:last-child {width: 200px; text-align: right;}
.blockSmallInfo > div:last-child {font-size: 40px;}
.blockSmallInfo > div:last-child .oldPrice {font-size: 24px !important;}
.bg-rgradient .blockSmallInfo > div:last-child .oldPrice, .bg-222222 .blockSmallInfo > div:last-child .oldPrice {color: #ffffff;}
.margin-56 {margin-top: 56px;}
.button--primary2 {color: #222222; /*box-shadow: 0px 1px 0px #ffffff, 0px -1px 0px transparent, 1px 0px 0px #ffffff, -1px 0px 0px #ffffff;*/ overflow: hidden; background-color: #ffffff; /*outline: 1px solid #ffffff;*/ box-shadow: 0px 0px 0px 1px #fff inset;}
.blockSmall .button {margin-right: 32px; float: left; /*margin-top: 16px;*/}
.blockSmall .button:last-child {margin-right: 0px;}
#blockSingleTopInfo .txt {width: 80%;}
#blockSingleTopStat {position: relative; width: 100%; padding-top: 8px;}
#blockSingleTop .centered > .flex > div:first-child {width: 50%; padding-right: 16px;}
#blockSingleTop .centered > .flex > div:last-child {width: 50%; padding-left: 16px;} 
#blockSingleTopStat .flex {width: 100%; position: relative;}
#blockSingleTopStat .flex > div {width: calc((100% - 32px) / 2); margin-left: 32px;}
#blockSingleTopStat .flex > div:nth-child(2n+1) {margin-left: 0px;}
#blockSingleTopStat .coursesFlexElBottomInfo > div:first-child {vertical-align: top; width: 22px; height: 22px;}
#blockSingleTopStat .coursesFlexElBottomInfo > div:first-child svg {width: 22px; height: 22px;}
#blockSingleTopStat .coursesFlexElBottomInfo > div:last-child {padding-left: 16px; font-size: 18px;}
#blockSingleTopStat .coursesFlexElBottomInfo > div:last-child b {font-weight: 500;}
#blockSingleTopStat .coursesFlexElBottomInfo > div:last-child p:last-child {margin-top: 4px;}
#blockSingleTopStat .coursesFlexElBottomInfo {margin-top: 24px;}
#blockSingleInfo .accordeonTop .txt h3 {font-size: 42px;}
.margin-40 {margin-top: 40px;}
.margin-16 {margin-top: 16px;}
.margin-24 {margin-top: 24px;}
.txt ul {list-style: none; margin-top: 24px;}
.txt ul:first-child {margin-top: 0px;}
.txt ul > li {position: relative; margin-top: 16px; padding-left: 40px; line-height: 1.5;}
.txt ul > li:before {content: ''; width: 20px; height: 2px; background-color: #DD303A; position: absolute; left: 0px; top: 14px;}
.txt ul > li:first-child {margin-top: 0px;}
.txt b, .txt strong {font-weight: 500;}

.txt ol {margin-top: 24px; padding-left: 24px;}
.txt ol:first-child {margin-top: 0px;}
.txt ol > li {position: relative; margin-top: 16px; line-height: 1.5;}
.txt ol > li:first-child {margin-top: 0px;}

#blockSingleWhy .masonryItem {width: 68.39%; overflow: hidden; position: relative;}
#blockSingleWhy .masonryItem:nth-child(2n) {margin-left: 31.61%;}
#blockSingleWhy .masonryItem .txt {width: 53.57%; position: relative; z-index: 2;}
#blockSingleWhy .masonryItem img {position: absolute; z-index: 1; right: -120px; bottom: -56px;}
#blockSingleWhy2 {padding-bottom: 80px;}
.columns-2-50-50 > div .howItWorks {width: 70.82%; position: relative;}
#blockSingleWhy2 .columns-2-50-50 > div:first-child {vertical-align: middle;/*vertical-align: bottom; padding-bottom: 112px;*/}
#blockSingleBottom .flex {width: 100%;}
#blockSingleBottom .flex > div:first-child {width: 50%; padding-right: 16px;}
#blockSingleBottom .flex > div:last-child {width: 50%; padding-left: 16px;}
#loginWrpBody {padding: 80px 0; background-color: #F6F6F6; border-radius: 16px;}
.columns-2-68-32 > div:first-child {padding-left: 2%;}
.columns-2-68-32 > div:last-child {width: 32%;}
.columns-2-68-32.columns-2--padding > div:first-child {padding-left: 6.5%;}
.columns-2-68-32.columns-2--padding > div:last-child {padding-right: 6.5%;}
#loginWrpBody h1 {font-size: 48px; line-height: 1.3; font-weight: normal;}
#loginWrpBody .columns-2-68-32 > div:first-child {padding-right: 9.5%;}
/*#loginWrpBody .columns-2-68-32 > div:first-child .txt {width: 85%;}*/
#restoreTxt p a, #restoreTxt p a:visited {color: #808080; border-color: #808080;}
#sideHelp {margin-top: 100px; padding-top: 32px; position: relative;}
footer .phone a, footer .phone a:visited {color: #ffffff;}
.selectTpEl {display: none;}
.selectTpEl p {font-size: 16px;}
.red--color {border-color: #ED563E; transition: all 0.2s linear;}
#mdl {width: 620px; padding: 40px; background-color: #ffffff; color: #222222; display: none;}
#loader {width: 56px; height: 56px; position: relative;}
#loader > img {width: 100%; height: 100%; display: block;}
#mdl #loader {margin-top: 32px;}
.conf p {font-size: 16px;}

.corporateBody--inner h1 {font-size: 68px; color: #ffffff; line-height: 1.15; font-weight: normal;}
.corporateBody--inner .columns-2--padding > div:first-child .txt p {font-size: 24px;}
.columns-1-50 {width: 50%; padding-right: 16px;}
.columns-2-49-32 > div {position: relative;}
.columns-2-49-32 > div:first-child {padding-right: 19%;}
.columns-2-49-32 > div:last-child {width: 32%;}
.button--dashed {box-shadow: none; outline: 1px dashed #222222; transition: all 0.2s linear;}
.button--dashed > .tbl > div:nth-child(2) svg path {fill: #222222; transition: all 0.2s linear;}
.button--dashed:hover {outline: 1px dashed transparent; transition: all 0.2s linear;}
.button--dashed:hover > .tbl > div:nth-child(2) svg path {fill: #ffffff; transition: all 0.2s linear;}
#calculatorBodyBottom {padding-right: 17.34%;}
#calculatorBodyBottom .tbl:not(.chkbx) {width: 100%;}
#calculatorBodyBottom .tbl:not(.chkbx) > div {vertical-align: top; position: relative;}
#calculatorBodyBottom .tbl:not(.chkbx) > div:last-child {width: 100px;}
#calculatorBodyBottom .tbl:not(.chkbx) > div:last-child .input {text-align: center; padding: 0px; width: 100px;}
#calculatorBodyBottom .tbl:not(.chkbx) > div:first-child {padding-right: 12.75%;}
#calculatorBodyBottom h4 {margin-bottom: 0px;}
#calculatorBodyBottom .tbl > div:first-child .txt p {font-size: 16px; margin-top: 10px; color: #808080;}
#calculatorBodyBottomPeriod {padding-top: 32px; position: relative;}
#calculatorBodyBottomPeriod .clearfix {margin-top: 16px;}
.lblPeriod {cursor: pointer; margin-top: 0px !important;}
.bg-FFF0EB {background-color: #FFF0EB;}
#calculatorBodyTotalPrice, #cartBodyTotalPrice {font-size: 56px; line-height: 1;}
#calculatorBodyTotalPrice .rub {font-size: 55px; position: relative; padding-right: 16px;}
#cartBodyTotalPrice .rub {font-size: 55px; position: relative; padding-right: 16px;}
#calculatorBodyTotalPrice .rub:after {content: '*'; font-size: 24px; line-height: 1; position: absolute; top: 10px; right: 0px; color: #DD303A; line-height: 24px;}
.margin-80 {margin-top: 80px;}
#calculatorBodyTotal .lbl {margin-bottom: 24px !important;}
#calculatorBodyTotalBottomInfo, #cartBodyTotalBottomInfo {padding-top: 32px; position: relative; border-top: 1px solid #222222;}
#calculatorBodyTotalBottomInfo .txt:last-child {position: relative; padding-left: 12px;}
#calculatorBodyTotalBottomInfo .txt:last-child p {font-size: 16px; color: #808080;}
#calculatorBodyTotalBottomInfo .txt:last-child:before {content: '*'; display: block; width: 10px; height: 10px; color: #DD303A; font-size: 18px; line-height: 1; top: 4px; left: 0px; position: absolute;}
#calculatorBodyCourses .coursesFlexEl {display: block; width: 100%; margin-top: 16px;}
.removeBtn {cursor: pointer;}
.removeBtn path {stroke-width: 0.5; stroke: #222 !important; fill: #222; transition: all 0.2s linear;}
.removeBtn:hover path {stroke: #DD303A !important; fill: #DD303A; transition: all 0.2s linear;}
#cabinetBlock1 > div {position: relative;}
#cabinetBlock1 > div:first-child {width: 68%;}
#cabinetBlock1 > div:last-child {width: 32%;}
#cabinetBlock1 > div:last-child > div {width: 100%; position: relative;}
#cabinetBlock1Info > .flex:fist-child {width: 100%;}
#cabinetBlock1Info > .flex:first-child > div:first-child {width: calc(100% - 24px);}
#cabinetBlock1Info > .flex:first-child > div:last-child {width: 24px; align-items: center; justify-content: center;}
#cabinetBlock1Info > .flex:first-child > div:last-child svg {display: block; width: 24px; height: 24px; cursor: pointer;}
#cabinetBlock1Info > .flex:first-child > div:last-child svg path {stroke: #808080; transition: all 0.2s linear;}
#cabinetBlock1Info > .flex:first-child > div:last-child svg:hover path {stroke: #DD303A; transition: all 0.2s linear;}
#cabinetBlock1Info > .flex:first-child > div:first-child {padding-right: 32px;}
#cabinetBlock1Info > .flex:first-child > div:first-child .txt p {margin-top: 10px; font-size: 18px; color: #808080;}
.buttonWidth {width: 100%; padding: 0 24px 0 32px; color: #222222; text-decoration: none; border-radius: 16px; height: 56px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; font-size: 20px; transition: all 0.2s linear; /*outline: 1px solid #222222;*/ position: relative; overflow: hidden; box-shadow: 0px 0px 0px 1px #222 inset;}
.buttonWidth:not(.buttonWidth--active):hover {background-color: #F56C40; transition: all 0.2s linear; /*outline: 1px solid #F56C40;*/ box-shadow: 0px 0px 0px 1px #F56C40 inset; color: #ffffff; /*outline-offset: -1px;*/}
.buttonWidth > div {position: relative; z-index: 2;}
.buttonWidth > div:first-child {width: calc(100% - 24px); padding-right: 24px; align-items: center; line-height: 1;}
.buttonWidth > div:last-child {width: 24px; align-items: center;}
.buttonWidth > div:last-child svg {display: block; width: 24px; height: 24px;}
.buttonWidth > div:last-child svg path {transition: all 0.2s linear; stroke: #222222;}
.buttonWidth:not(.buttonWidth--active):hover > div:last-child svg path {transition: all 0.2s linear; stroke: #ffffff;}
#cabinetBlock1InfoMenu .buttonWidth, #studyLayerBodyPanelMenu .buttonWidth {margin-top: 24px;}
#cabinetBlock1InfoMenu .buttonWidth:first-child, #studyLayerBodyPanelMenu .buttonWidth:first-child {margin-top: 0px;}
.buttonWidth--active {color: #ffffff; /*outline: 1px solid transparent;*/ overflow: hidden; background-color: #ED563E; transition: all 0.2s linear; box-shadow: none;}
.buttonWidth--active > div:last-child svg path {transition: all 0.2s linear; stroke: #ffffff;}
.buttonWidth:before {content: ''; display: block; width: 100%; height: 100%; z-index: 1; top: 0px; left: 0px; position: absolute; background: linear-gradient(180deg, #DD303A 0%, #ED563E 100%); opacity: 0; transition: all 0.2s linear;}
.buttonWidth--active:before {content: ''; display: block; width: 100%; height: 100%; z-index: 1; top: 0px; left: 0px; position: absolute; background: linear-gradient(180deg, #DD303A 0%, #ED563E 100%); opacity: 1; transition: all 0.2s linear; border-radius: 16px;}
#cabinetBlock1Top h1 {font-size: 58px; color: #222222; line-height: 1.3; font-weight: normal;}
#cabinetBlock1Top.tbl {width: 100%;}
#cabinetBlock1Top.tbl > div {vertical-align: middle;}
#cabinetBlock1Top.tbl > div:first-child {padding-right: 32px;}
#cabinetBlock1Top.tbl > div:last-child {width: 40%;}
#cabinetBlock1Main {padding-right: 15.44%; width: 100%; position: relative;}
#cabinetBlock1Body .coursesFlexEl, #mdlCourses .coursesFlexEl {width: 100%; display: block; margin-top: 24px;}
#cabinetBlock1Body .coursesFlexEl:first-child, #mdlCourses .coursesFlexEl:first-child {margin-top: 0px;}
.cabinetBlock1BodyElForm {width: 100%;}
.cabinetBlock1BodyElForm > div:first-child {width: 45%; align-items: center;}
.cabinetBlock1BodyElForm > div:last-child {width: 55%; align-items: center;}
.cabinetBlock1BodyEl .selectTpEl p {font-size: 20px;}
.bg-333333 {background-color: #333333;}
#basket {z-index: 20; position: fixed; width: 784px; left: 50%; margin-left: -392px; border-radius: 16px; padding: 24px 32px; bottom: -200px; transition: all 0.2s linear;}
.basket--show {transition: all 0.2s linear; bottom: 32px !important;}
#basket > .tbl {width: 100%; height: 48px;}
#basket > .tbl > div {vertical-align: middle;}
#basket > .tbl > div:first-child {padding-right: 32px;}
#basket > .tbl > div:last-child {width: 130px;}
#basket > .tbl > div:last-child .button {padding: 0px 24px; font-size: 18px; height: 48px; float: right;}
#basket > .tbl > div:last-child .button .tbl {height: 48px;}
#basket > .tbl > div:nth-child(2) {width: 200px; text-align: right; color: #fff; padding-right: 20px;}
#basket > .tbl > div:first-child .flex {width: 100%; color: #fff;}
#basket > .tbl > div:first-child .flex > div {align-items: center;}
.round {display: block; width: 32px; height: 32px; border-radius: 50%; float: left; margin-left: 16px; position: relative;}
.round--solid {border: 1px solid #ffffff; text-align: center; line-height: 30px; font-size: 16px;}
.round--dashed {border: 1px dashed #ffffff; cursor: pointer; text-align: center; line-height: 26px; font-size: 22px; transition: all 0.2s linear;}
.round--dashed:hover {transition: all 0.2s linear; background-color: #ffffff; color: #333333; border-color: transparent;}
.blockSmall .phone {font-size: 40px;}
.blockSmall .email {font-size: 24px;}
.stickySide {position: sticky; top: 32px; min-height: 32px; margin: 0 0 32px;} 
.coursesFlexElAdd:hover .coursesFlexElTop > div:last-child svg path {fill: #fff; transition: all 0.2s linear;}
.coursesFlexElAdd {padding: 24px;}
input:disabled {background-color: #F6F6F6; border-color: #808080; color: #808080;}
#cabinetBlock1Course {padding-right: 32px; width: 100%; width: 100%; height: 100%; position: relative;}
#cabinetBlock1Course .blockSmall {width: 100%; height: calc(100% - 32px); position: relative;}
#cabinetBlock1Course .blockSmall .flex2 {height: 100% !important;}
.lbl--hollow2 {background: transparent; color: #ffffff; box-shadow: 0px 1px 0px #ffffff, 0px -1px 0px #ffffff, 1px 0px 0px #ffffff, -1px 0px 0px #ffffff;}
.lbl--hollow2:before {display: none;}
#cabinetBlock1Course .blockSmall h1 {font-weight: normal; font-size: 38px; line-height: 1.25; margin-top: 8px; margin-bottom: 80px;}
#cabinetBlock1Course .blockSmall h1:first-child {margin-top: 0px;}
#cabinetBlock1CourseBottom {position: relative; margin-top: 32px; padding-top: 32px; width: 100%; border-top: 1px solid #ffffff;}
#cabinetBlock1CourseBottom > div {vertical-align: middle; width: 50%;}
#cabinetBlock1CourseBottom > div:first-child {padding-right: 16px;}
#cabinetBlock1CourseBottom > div:last-child {padding-left: 16px;}
#cabinetBlock1CourseBottom .coursesFlexElBottomInfo {width: 100%;}
#cabinetBlock1CourseBottom .coursesFlexElBottomInfo div:first-child {vertical-align: top; width: 22px; height: 22px;}
#cabinetBlock1CourseBottom .coursesFlexElBottomInfo > div:first-child svg {width: 22px; height: 22px;}
#cabinetBlock1CourseBottom .coursesFlexElBottomInfo > div:first-child svg path {stroke: #ffffff; transition: all 0.2s linear;}
#cabinetBlock1CourseBottom .coursesFlexElBottomInfo > div:last-child {padding-left: 16px; font-size: 18px;}
#cabinetBlock1CourseBottom .coursesFlexElBottomInfo > div:last-child p:last-child, #cabinetBlock1CourseBottomProgress > div:last-child p:last-child {margin-top: 4px;}
#cabinetBlock1CourseBottom .coursesFlexElBottomInfo > div:last-child b, #cabinetBlock1CourseBottomProgress > div:last-child p b {font-weight: 500;}
#cabinetBlock1CourseBottomProgress {width: 100%;}
#cabinetBlock1CourseBottomProgress > div {vertical-align: middle; position: relative;}
#cabinetBlock1CourseBottomProgress > div:first-child {width: 78px;}
#cabinetBlock1CourseBottomProgress > div:last-child {padding-left: 24px;}
#cabinetBlock1CourseBottomProgress > div:last-child p {font-size: 18px;}
.progressRing {display: block; width: 78px height: 78px; position: relative;}
.progressRing .tbl {width: 74px; height: 74px; position: absolute; left: 2px; top: 2px; border-radius: 50%; border: 1px solid #ffffff;}
.progressRing .tbl > div {vertical-align: middle; text-align: center;}
.progressRing .tbl > div p {color: #ffffff;}
.progressRing .tbl > div p:first-child {font-size: 26px; line-height: 1; padding-top: 2px;}
.progressRing .tbl > div p:nth-child(2) {font-size: 16px; line-height: 1; margin-top: 1px;}
.pie {
  --p:20;
  --b:4px;
  --c:#ffffff;
  --w:78px;
  width:var(--w);
  height: var(--w);
  aspect-ratio:1;
  position:relative;
  display:block;
  margin-top: 0px;
  margin-left: 0px;
  place-content:center;
  font-family:sans-serif;
  z-index: 1;
}
.pie:before,
.pie:after {
  content:"";
  position:absolute;
  border-radius:50%;
}
.pie:before {
  inset:0;
  background:
    radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
    conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(98% - var(--b)),#000 calc(100% - var(--b)));
          mask:radial-gradient(farthest-side,#0000 calc(98% - var(--b)),#000 calc(100% - var(--b)));
}
.pie:after {
  inset:calc(50% - var(--b)/2);
  background:var(--c);
  transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}
.no-round:before {
  background-size:0 0,auto;
}
.no-round:after {
  content:none;
}
.cabinetCourseModulesTop {width: 100%; position: relative;}
.cabinetCourseModulesTop > div {vertical-align: middle; position: relative;}
.cabinetCourseModulesTop > div:first-child {width: 72.6%; padding-right: 32px;}
.cabinetCourseModulesTop > div:last-child .lbl {margin-bottom: 0px; margin-right: 0px;}
.cabinetCourseModulesTop > div:last-child .flex > div {align-items: center;}
.cabinetCourseModulesTop > div:last-child .flex > div:first-child {width: calc(100% - 60px); padding-right: 24px;}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child {width: 60px;}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child .pie {
--w:60px;
--c:#222222;
}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child .progressRing {display: block; width: 60px height: 60px; position: relative;}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child .progressRing .tbl {width: 56px; height: 56px; position: absolute; left: 2px; top: 2px; border-radius: 50%; border: 1px solid #222222;}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child .progressRing .tbl > div {vertical-align: middle; text-align: center;}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child .progressRing .tbl > div p {color: #222222;}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child .progressRing .tbl > div p:first-child {font-size: 20px; line-height: 1; padding-top: 2px;}
.cabinetCourseModulesTop > div:last-child .flex > div:last-child .progressRing .tbl > div p:nth-child(2) {font-size: 12px; line-height: 1; margin-top: 1px;}
.cabinetCourseModulesBody {width: 100%; position: relative;}
.cabinetCourseModulesBody > div:first-child {width: 68%;}
.cabinetCourseModulesBody > div:last-child {width: 32%;}
.cabinetCourseModulesBody > div:first-child > div {width: 100%; padding-right: 32px; position: relative;}
.cabinetCourseModulesBodyNav > a {width: calc((100% - 32px) / 2); float: left;}
.cabinetCourseModulesBodyNav > a:nth-child(2) {margin-left: 32px;}
.tabsBodyEl {display: none;}
.themeFlex > div, .fileFlex > div {width: calc((100% - 32px) / 2); margin-left: 32px; margin-top: 32px; position: relative;}
.themeFlex > div:nth-child(-n+2), .fileFlex > div:nth-child(-n+2) {margin-top: 0px;}
.themeFlex > div:nth-child(2n+1), .fileFlex > div:nth-child(2n+1) {margin-left: 0px;}
.themeEl {width: 100%; height: 100%; position: relative; border-radius: 16px; background-color: #F6F6F6; padding: 32px; cursor: pointer;}
.themeEl .txt h4, .fileEl .txt h4 {font-size: 22px;}
.coursesFlexElBottomInfoControl svg path {stroke: #808080 !important;}
.coursesFlexElBottomInfoControl--passed svg path {stroke: #3EC072 !important;}
.fileEl {width: 100%; height: 100%; position: relative; border-radius: 16px; padding: 32px; cursor: pointer; display: block; text-decoration: none; color: #222222;}
.fileEl0 {background-color: #EDF1F6;}
.fileEl1 {background-color: #FFF0EB;}
.fileEl2 {background-color: #FCDADA;}
.fileEl3 {background-color: #FFFAE3;}
.cabinetCourseModulesBody > div:last-child > div {width: 100%; position: relative;}
.sideTestBottom > div {position: relative; padding-top: 32px;}
.sideTestBottomProgress {width: 100%; height: 12px; background-color: #ffffff; border-radius: 6px; margin-top: 12px;}
.sideTestBottomProgress > div {background-color: var(--c); width:var(--w); height: 12px; border-radius: 6px;}
#studyLayer {width: 100%; height: 100vh; position: fixed; bottom: -100vh; left: 0px; display: block; z-index: 50; opacity: 1; touch-action: none;}
#studyLayerBg {width: 100%; height: 100%; position: fixed; z-index: 49; background-color: rgba(34,34,34,0.4); top: 0; left: 0px; cursor: pointer; opacity: 0; transition: all 0.3s linear; touch-action: none;}
.layer--open #studyLayerBg {opacity: 1; transition: all 0.3s linear;}
#studyLayer > .centered {position: relative; height: 100vh; z-index: 1;}
#studyLayerBody {width: 100%; height: calc(100vh - 64px); margin-top: 64px; position: relative; background-color: #ffffff;}
#studyLayerBodyContent {width: 68%; float: left; height: 100%; position: relative; z-index: 1;}
#studyLayerBodyPanel {background-color: #F6F6F6; width: 32%; float: right; height: 100%; padding: 28px; position: relative; z-index: 2;}
#studyLayerBodyPanelTop {width: 100%; position: relative;}
#studyLayerBodyPanelTop .flex > div {align-items: center; position: relative;}
#studyLayerBodyPanelTop .flex > div:first-child {padding-right: 56px;}
#studyLayerBodyPanelTop .flex > div:first-child .lbl {margin-bottom: 0px; margin-right: 0px; box-shadow: 0px 1px 0px #808080, 0px -1px 0px #808080, 1px 0px 0px #808080, -1px 0px 0px #808080; color: #808080;}
#studyLayerBodyPanelTop .flex > div:last-child .coursesFlexElBottomInfo > div:first-child svg path {stroke: #808080;}
#studyLayerBodyPanelTop .flex > div:last-child .coursesFlexElBottomInfo > div:last-child {color: #808080;}
#studyLayerBodyPanelWrp .txt h3 {font-size: 26px;}
#studyLayerBodyPanelMenu {margin-bottom: 32px;}
#studyLayerBodyPanel > div {width: 100%; height: 100%; position: relative; overflow-y: auto; padding: 2px;}
#studyLayerBodyPanelBottom {padding-top: 32px; border-top: 1px solid #222222;}
#studyLayerBodyPanelBottom .flex > div {width: 50%; padding: 0 1px 1px;}
#studyLayerBodyPanelBottom .flex > div:first-child {justify-content: left;}
#studyLayerBodyPanelBottom .flex > div:last-child {justify-content: right;}
#studyLayerBodyPanel .flex2 > div:last-child > div {width: 100%;}
#studyLayerBodyContent {padding: 80px 32px 32px 64px; position: relative;}
#studyLayerBodyContent > div {width: 100%; height: 100%; overflow-y: auto; padding-right: 32px;}
#studyLayerBodyClose {display: block; width: 56px; height: 56px; background-color: #ffffff; position: absolute; z-index: 2; right: 32px; top: -28px; border-radius: 50%; cursor: pointer; transition: all 0.2s linear; padding: 18px; z-index: 3;
-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.08);
}
#studyLayerBodyClose svg {display: block; width: 20px; height: 20px;}
#studyLayerBodyClose svg path {fill: #222222; stroke-width: 0.5px; stroke: #222222; transition: all 0.2s linear;}
#studyLayerBodyClose:hover svg path {fill: #ffffff; stroke: #ffffff; transition: all 0.2s linear;}
#studyLayerBodyClose:hover {background-color: #ED563E; transition: all 0.2s linear;}
#studyLayerBodyLoader {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
#studyLayerBodyLoader > div {vertical-align: middle;}
#studyLayerBodyLoader > div img {width: 100px; height: 100px; display: block; margin: 0 auto;}
#studyLayerBodyPanelWrp {width: 100%; position: relative;}
.rdbtn {}
.rdbtnEl {margin-top: 24px; width: 100%; cursor: pointer;}
.rdbtnEl:first-child {margin-top: 0px;}
.rdbtnEl > div {vertical-align: top; position: relative;}
.rdbtnEl > div:first-child {width: 22px; padding-top: 2px;}
.rdbtnEl > div:last-child {padding-left: 16px;}
.rdbtnEl > div:last-child .txt p {font-size: 18px;}
.rdbtnEl > div:first-child span {width: 22px; height: 22px; border-radius: 50%; border: 1px solid #808080; position: relative; display: block;}
.rdbtnEl--active > div:first-child span:after {content: ''; display: block; width: 10px; height: 10px; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; background-color: #DD303A; border-radius: 50%;}
.studyLayerBodyContentTestReloadBottom {width: 100%;}
.studyLayerBodyContentTestParams {padding-bottom: 32px; position: fixed;}
.studyLayerBodyContentTestAnswersEl {padding: 24px; border: 1px solid #808080; border-radius: 16px; margin-top: 24px;}
.studyLayerBodyContentTestAnswersEl:first-child {margin-top: 0px;}
.studyLayerBodyContentTestAnswers {padding-bottom: 100px;}
#studyLayerBodyContentTest {position: relative;}
#studyLayerBodyContentTestBottom {/*position: fixed; bottom: 32px; background-color: #fff; width: 943px; padding-top: 32px;*/
position: fixed; width: 1600px; left: 50%; margin-left: -800px; bottom: 32px;
}
#studyLayerBodyContentTestBottom > .tbl {width: 68%; background-color: #fff; padding: 32px 64px 0px 64px;}
/*#studyLayerBodyContentTestBottom > .tbl {width: 100%;}*/
#studyLayerBodyContentTestBottom > .tbl > div {vertical-align: middle;}
#studyLayerBodyContentTestBottom > .tbl > div:first-child {/*padding-right: 32px;*/ /*padding-right: 64px;*/}
#studyLayerBodyContentTestBottom > .tbl > div:nth-child(3) {width: 200px;}
#studyLayerBodyContentTestBottom .flex > div:nth-child(2) {padding-left: 32px; align-items: center;}
#studyLayerBodyContentTestBottom .flex > div:nth-child(2) p, #studyLayerBodyContentTestBottom > .tbl > div:first-child .txt > p {font-size: 18px; line-height: 1; color: #808080;}
#studyLayerBodyContentTestBottom .counter {float: right;}
#studyLayerBodyContentTestBottom > .tbl > div:nth-child(3) .counter p {font-size: 24px;}
.button--deselect, .button--deselect:hover {background-color: #F6F6F6 !important; /*box-shadow: 0px 1px 0px #808080, 0px -1px 0px #808080, 1px 0px 0px #808080, -1px 0px 0px #808080 !important;*/ /*outline: 1px solid #808080 !important; outline-offset: -1px;*/ color: #808080 !important; cursor: auto; transition: all 0.2s linear; box-shadow: 0px 0px 0px 1px #808080 inset !important;}
#studyLayerBodyContentTest .sideTestBottomProgress {background-color: #F6F6F6; width: 60%; position: relative;}
.studyLayerBodyContentTestAnswersElInfo .txt p {font-size: 18px;}
.studyLayerBodyContentTestAnswersElInfo .txt p b {font-weight: 500;}
.studyLayerBodyContentTestAnswersElInfo .txt:nth-child(3) {margin-top: 24px; padding-top: 24px; border-top: 1px solid #222;}
.studyLayerBodyContentTestAnswersElInfo .lbl {margin-bottom: 0px;}
.lbl--true {margin-bottom: 0px; margin-right: 0px; box-shadow: 0px 1px 0px #3EC072, 0px -1px 0px #3EC072, 1px 0px 0px #3EC072, -1px 0px 0px #3EC072; color: #3EC072; color: #fff; background-color: #3EC072;}
.lbl--false {margin-bottom: 0px; margin-right: 0px; box-shadow: 0px 1px 0px #DD303A, 0px -1px 0px #DD303A, 1px 0px 0px #DD303A, -1px 0px 0px #DD303A; color: #DD303A; color: #fff; background-color: #DD303A;}
#totalTestBody {padding: 80px 0; border-radius: 16px;}
#totalTestBody > .flex {width: 100%;}
#totalTestBody > .flex > div:first-child {width: 68%; position: relative;}
#totalTestBody > .flex > div:first-child > div {width: 100%; position: relative;   padding: 0 6.5%;}
#totalTestBody > .flex > div:last-child {width: 32%; position: relative; padding-right: 4.4%;}
#totalTestBody > .flex > div:last-child > div {width: 100%; position: relative; height: 100%;}
#totalTestBodyInfo {width: 80%;}
#totalTestBodyBottom > div:first-child {align-items: center;}
#totalTestBodyBottom > div:nth-child(2) {padding-left: 32px; align-items: center;}
#totalTestBodyBottom > div:nth-child(2) p {font-size: 18px; line-height: 1; color: #808080;}
.coursesFlexEl--payless {cursor: pointer; opacity: 0.8;}
.txt table {width: 100%; position: relative; border-collapse: collapse; margin-top: 24px; margin-bottom: 8px;}
.txt table:first-child {margin-top: 0px;}
.txt table td {padding: 16px; font-size: 16px; border: 1px solid #808080; vertical-align: top; line-height: 1.5;}
.coursesFlexEl .button {margin-left: 32px; float: left;}
.coursesFlexEl .button:first-child {margin-left: 0px;}
#cabinetBlock1BodyAccounts {border-top: 1px solid #222; margin-top: 32px; padding-top: 40px;}
.accountFlexElAdd {padding: 24px;}
#cabinetBlock1Course .blockSmall.bg-222222 {width: 100%; height: auto !important; position: relative;}
#cabinetBlock1Course .blockSmall.bg-222222 h1 {}
.tariffProlongRequest {float: right;}
#tariffInfoTbl {width: 100%; position: relative;}
#tariffInfoTbl > div:first-child {width: 34.55%; position: relative;}
#tariffInfoTbl > div:nth-child(2) {width: calc(100% - (34.55% + 32px)); margin-left: 32px; position: relative;}
#tariffInfoTbl > div > div {width: 100%; position: relative;}
#tariffInfoTblAccounts, #tariffInfoTblCourses {height: auto !important;}
#tariffInfoTblAccountsStat {width: 100%; position: relative;}
#tariffInfoTblAccountsStat > div:first-child {padding-right: 24px; vertical-align: middle;}
#tariffInfoTblAccountsStat > div:last-child {width: 72px; vertical-align: middle;}
#tariffInfoTblAccountsStat svg path {stroke: #fff;}
#tariffInfoTblAccountsBottom {margin-top: 32px; padding-top: 16px; border-top: 1px solid #fff;}
#tariffInfoTblAccountsBottom .button {float: left; color: #fff; outline-color: #fff;}
#tariffInfoTblAccountsBottom .button:hover {outline-color: transparent;}
#tariffInfoTblAccountsBottom .button svg path {fill: #fff; stroke: #fff;}
#tariffInfoTblAccountsBottom .txt p {font-size: 16px;}
#tariffInfoTblCoursesList > div {width: 100%; margin-top: 24px;}
#tariffInfoTblCourses .coursesFlexEl {padding: 24px;}
#tariffInfoTblCourses .coursesFlexEl h4 {font-size: 20px;}
#tariffInfoTblCourses .coursesFlexEl .coursesFlexElTop .clearfix {padding: 1px 0 0 1px;}
.tariffInfoBlockTab1 .clearfix .button {float: left; margin-right: 32px; margin-top: 16px;}
.tariffInfoBlockTab1 .clearfix .button:last-child {margin-right: 0px;}
.tariffInfoBlockTab2 {width: 100%; padding: 80px 6.5%; border: 1px solid #222; border-radius: 16px; margin-top: 32px;}
.tariffInfoBlockTab2:first-child {margin-top: 0px;}
.tariffInfoBlockTab2Top > div:first-child {width: 71%; padding-right: 6.5%;}
.tariffInfoBlockTab2Top > div:last-child {width: 29%; align-items: center;}
.lbl--red {background-color: #DD303A; color: #fff; box-shadow: none; box-shadow: 0px 1px 0px #DD303A, 0px -1px 0px #DD303A, 1px 0px 0px #DD303A, -1px 0px 0px #DD303A;}
.lbl--green {background-color: #3EC072; color: #fff; box-shadow: none; box-shadow: 0px 1px 0px #3EC072, 0px -1px 0px #3EC072, 1px 0px 0px #3EC072, -1px 0px 0px #3EC072;}
.lbl--red:before, .lbl--green:before {display: none;}
.tariffInfoBlockTab2TopProgress {width: 100%;}
.tariffInfoBlockTab2TopProgress > div {vertical-align: middle; position: relative;}
.tariffInfoBlockTab2TopProgress > div:first-child {width: 78px;}
.tariffInfoBlockTab2TopProgress > div:last-child {padding-left: 24px;}
.tariffInfoBlockTab2TopProgress > div:last-child p {font-size: 18px;}
.tariffInfoBlockTab2TopProgress > div:last-child p:last-child {margin-top: 4px;}
.tariffInfoBlockTab2TopProgress > div:last-child p b {font-weight: 500;}
.tariffInfoBlockTab2TopProgress .pie {
--c:#222222;
}
.tariffInfoBlockTab2TopProgress .progressRing .tbl {border: 1px solid #222222;}
.tariffInfoBlockTab2TopProgress .progressRing .tbl > div p {color: #222222;}
.tariffInfoBlockTab2Body .accordeonTop > div:first-child {width: 93.5%; align-items: center;}
.tariffInfoBlockTab2Body .accordeonTop > div:last-child {align-items: center;}
.tariffInfoBlockTab2Body .accordeonTop > div:first-child .txt h3 {font-size: 26px;}
.cabinetTariffModulesTop {width: 100%; position: relative;}
.cabinetTariffModulesTop > div:first-child {vertical-align: middle; padding-right: 6.5%;}
.cabinetTariffModulesTop > div:last-child {width: 24%;}
.cabinetTariffModulesTop > div:last-child .pie {
--w:60px;
--c:#222222;
}
.cabinetTariffModulesTop > div:last-child .progressRing {display: block; width: 60px height: 60px; position: relative;}
.cabinetTariffModulesTop > div:last-child .progressRing .tbl {width: 56px; height: 56px; position: absolute; left: 2px; top: 2px; border-radius: 50%; border: 1px solid #222222;}
.cabinetTariffModulesTop > div:last-child .progressRing .tbl > div {vertical-align: middle; text-align: center;}
.cabinetTariffModulesTop > div:last-child .progressRing .tbl > div p {color: #222222;}
.cabinetTariffModulesTop > div:last-child .progressRing .tbl > div p:first-child {font-size: 20px; line-height: 1; padding-top: 2px;}
.cabinetTariffModulesTop > div:last-child .progressRing .tbl > div p:nth-child(2) {font-size: 12px; line-height: 1; margin-top: 1px;}
.tariffThemeEl {width: 100%; height: 100%; position: relative; border-radius: 16px; background-color: #F6F6F6; padding: 32px;}
.tariffThemeEl .txt h4 {font-size: 22px;}
.tariffThemeEl .flex2 > div:last-child > div {width: 100%; position: relative;}
.tariffThemeElInfo {width: 80%;}
.tariffThemeElInfo p {font-size: 18px;}
.tariffThemeEl .coursesFlexElBottomInfo {margin-top: 20px;}
.tariffThemeEl .coursesFlexElBottomInfo:first-child {margin-top: 0px;}
.tariffInfoBlockTab1 .txt:last-child p {font-size: 16px; color: #808080;}
#calculatorBodyTotalPriceOld {text-decoration: line-through; font-size: 24px;
line-height: 1; margin-top: 10px;}
#calculatorBodyTotalPriceOld .rub {font-size: 25px; position: relative;}
.hdn {display: none;}
#topBody > div:last-child .button--icon {display: none;}
#panel {display: none;}
#mdlMenuTopInfo {margin-top: 40px;}
#mdlMenuBody {margin-top: 40px; padding-top: 32px; border-top: 1px solid #222;}
.mdlMenuBodyEl {margin-top: 40px;}
.mdlMenuBodyEl:first-child {margin-top: 0px;}
.mdlMenuBodyEl .txt p {font-size: 22px; margin-top: 16px;}
.mdlMenuBodyEl .txt p:first-child {margin-top: 0px;}
#mdlMenuTop .button {margin-top: 32px;}
#blockSingleTopFlex > div {width: 100%;}
#blockSingleTopFlex > div:nth-child(2) {margin-top: 32px;}
#mpWhyBodyMansonry2 {margin-top: 8px;}
#buyThisCart {margin-top: 32px;}
#cabinetBlock1InfoMenu2 {display: none;}
#cabinetBlock1InfoMenu3 {display: none;}
.coursesFlexEl .button {margin-top: 16px; float: left; margin-right: 32px; margin-left: 0px;}
.coursesFlexEl .button:last-child {margin-left: 0px; margin-right: 0px;}
.coursesFlexEl--tariff .coursesFlexElBottom > div:last-child, .coursesFlexEl--account .coursesFlexElBottom > div:last-child {display: none;}
a.active {color: #ED563E !important; border-color: #ED563E !important; transition: all 0.2s linear;}
#studyLayerBodyPanelMobile {display: none;}
.txt img {max-width: 100%; height: auto;}
/*.scrollTracking2 {
-moz-transform: translate(0px, 80px);
-webkit-transform: translate(0px, 80px);
-o-transform: translate(0px, 80px);
-ms-transform: translate(0px, 80px);
transform: translate(0px, 80px);
opacity: 0;
-webkit-transition: all 0.3s 0.2s ease;
-moz-transition: all 0.3s 0.2s ease;
-o-transition: all 0.3s 0.2s ease;
transition: all 0.3s 0.2s ease;
}
.scrollTracking2.scrollTracking--active {
-moz-transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
opacity: 1;
-webkit-transition: all 0.6s 0.2s ease;
-moz-transition: all 0.6s 0.2s ease;
-o-transition: all 0.6s 0.2s ease;
transition: all 0.6s 0.2s ease;
}*/
/*.scrollTracking {
opacity: 0;
-webkit-transition: all 0.3s 0.2s ease;
-moz-transition: all 0.3s 0.2s ease;
-o-transition: all 0.3s 0.2s ease;
transition: all 0.3s 0.2s ease;
}
.scrollTracking.scrollTracking--active {
opacity: 1;
-webkit-transition: all 0.8s 0.2s ease;
-moz-transition: all 0.8s 0.2s ease;
-o-transition: all 0.8s 0.2s ease;
transition: all 0.8s 0.2s ease;
}*/
#innerTestSidemenu p {margin-top: 16px;}
#innerTestSidemenu p:first-child {margin-top: 0px;}
.innerGallery {width: 100%; margin-top: 56px;}
.innerGallery:first-child {margin-top: 0px;}
.innerGallery > div {width: calc((100% - 64px) / 3); margin-left: 32px; margin-top: 0px; position: relative;}
.innerGallery > div:nth-child(3n+1) {margin-left: 0px;}
.innerGalleryEl {width: 100%; height: auto; position: relative;}

.ticketsBodyElTop {margin-bottom: 16px;}
.ticketsBodyElTop > div {position: relative; align-items: center;}
.ticketsBodyElTop > div:first-child {width: 60%;}
.ticketsBodyElTop > div:last-child {width: 40%;}
.ticketsBodyElTop > div:last-child > div {width: 100%;}
.ticketsBodyElTop > div:last-child p {width: 100%; text-align: right; color: #808080; display: block; font-size: 16px;}