/* MuseoSansCyrl-Thin */
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/MuseoSansCyrl-100.ttf') format('truetype');
}
/* MuseoSansCyrl-Light */
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/MuseoSansCyrl-300.ttf') format('truetype');
}
/* MuseoSansCyrl-Regular */
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/MuseoSansCyrl-500.ttf') format('truetype');
}
/* MuseoSansCyrl-Medium */
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/MuseoSansCyrl-700.ttf') format('truetype');
}
/* MuseoSansCyrl-Bold-Italic */
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/MuseoSansCyrl-900.ttf') format('truetype');
}
/* MuseoSansCyrl-Thin-Italic */
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/MuseoSansCyrl-100Italic.ttf') format('truetype');
}
/* MuseoSansCyrl-Light-Italic */
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/MuseoSansCyrl-300Italic.ttf') format('truetype');
}
/* MuseoSansCyrl-Regular-Italic */
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/MuseoSansCyrl-500Italic.ttf') format('truetype');
}
/* MuseoSansCyrl-Medium-Italic */
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/MuseoSansCyrl-700Italic.ttf') format('truetype');
}
/* MuseoSansCyrl-Bold-Italic */
@font-face {
    font-family: 'MuseoSansCyrl';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/MuseoSansCyrl-900Italic.ttf') format('truetype');
}
/* PT-Serif-Italic */
@font-face {
    font-family: 'PT-Serif';
    font-style: italic;
    font-weight: normal;
    src: url('../fonts/PTSerif-Italic.ttf');
}
/* PT-Serif-BoldItalic */
@font-face {
    font-family: 'PT-Serif';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/PTSerif-BoldItalic.ttf');
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
::-webkit-input-placeholder {color:#bbb!important;}
::-moz-placeholder          {color:#bbb!important;}/* Firefox 19+ */
:-moz-placeholder           {color:#bbb!important;}/* Firefox 18- */
:-ms-input-placeholder      {color:#bbb!important;}
:focus::-webkit-input-placeholder {opacity:0;}/* webkit */
:focus::-moz-placeholder          {opacity:0;}/* Firefox 19+ */
:focus:-moz-placeholder           {opacity:0;}/* Firefox 18- */
:focus:-ms-input-placeholder      {opacity:0;}/* IE */
html, body, 
h1, h2, h3, h4, h5, h6, 
form, input, textarea, button, select, option,
ul, ol, li, img, p, 
table, tr, td, thead, tbody, tfoot 
{
    margin: 0;
    padding: 0;
    border: 0;
}
html, body {
    min-height: 100%;
    width: 100%;
    font-size: 10px;overflow-x: hidden;
}
body {
    font-family: 'MuseoSansCyrl', sans-serif;
    font-size: 1.6rem;
    line-height: 1.625;
    font-weight: 300;
    letter-spacing: 0;
    color: #58595b;
    background: #fafafa;
    overflow-x: hidden;
}
input, textarea, button, select {
    font-family: 'MuseoSansCyrl', sans-serif;
    font-size: 1.4rem;
    color: #818181;
}
textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 60px;
    resize: none;
}
button {
    cursor: pointer;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
a {
    color: #58595b;
    cursor: pointer;
    text-decoration: underline;
}
a, .btn {
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -ms-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}
a:hover{
    color: #68b653;
    text-decoration: underline;
}
a:focus {
    color: #68b653;
    outline: none;
    outline-offset: 0;
    text-decoration: underline;
}
button:focus {
    outline: none;
    outline-offset: 0;
    color: inherit;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
}
ul, li{
    list-style: none;
}
ol>li {
    list-style-type: decimal;
    list-style-position: inside;
}
::-webkit-input-placeholder {
    font-family: 'MuseoSansCyrl', sans-serif;
    font-size: 1.4rem;
    color: #bbb;
}
:-moz-placeholder {
    font-family: 'MuseoSansCyrl', sans-serif;
    font-size: 1.4rem;
    color: #bbb;
}
:focus {
    outline: 0;
}

/* blocks */

.no-margin {margin: 0 !important;}
.no-padding {padding: 0 !important;}
.w50 {width: 50px !important;}
.w75 {width: 75px !important;}
.w100 {width: 100px !important;}
.w125 {width: 125px !important;}
.w150 {width: 150px !important;}
.w175 {width: 175px !important;}
.w200 {width: 200px !important;}
.w225 {width: 225px !important;}
.w250 {width: 250px !important;}
.w275 {width: 275px !important;}
.w300 {width: 300px !important;}
.w325 {width: 325px !important;}
.w350 {width: 350px !important;}
.w375 {width: 375px !important;}
.w400 {width: 400px !important;}
.w425 {width: 425px !important;}
.w450 {width: 450px !important;}
.w475 {width: 475px !important;}
.w500 {width: 500px !important;}
.wide {width: 100%;}
.max-wide {max-width: 100%;}
.m5 {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m25 {margin: 25px !important;}
.m30 {margin: 30px !important;}
.m35 {margin: 35px !important;}
.m40 {margin: 40px !important;}
.m45 {margin: 45px !important;}
.m50 {margin: 50px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}

.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p25 {padding: 25px !important;}
.p30 {padding: 30px !important;}
.p35 {padding: 35px !important;}
.p40 {padding: 40px !important;}
.p45 {padding: 45px !important;}
.p50 {padding: 50px !important;}
.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pl0 {padding-left: 0 !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
.pr0 {padding-right: 0 !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.block-center {margin-left: auto; margin-right: auto;}
.max-height {
    height: 100%;
}
.rounded {border-radius: 50%;}

/* text tools 
--------------------------------------------------------*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 300;
    padding: 0;
    margin: 0;
}
h1, .h1 {font-size: 4.3rem; line-height: 1.333;}
h2, .h2 {font-size: 3.3rem; line-height: 1.333;}
h3, .h3 {font-size: 2.5rem; line-height: 1.333;}
h4, .h4 {font-size: 2rem; line-height: 1.333;}
h5, .h5  {font-size: 1.7rem; line-height: 1.333;}
h6, .h6  {font-size: 1.5rem; line-height: 1.333;}

.thin {font-weight: 100!important;}
.light {font-weight: 300!important;}
.regular {font-weight: 500!important;}
.medium {font-weight: 700!important;}
.bold, b {font-weight: 900!important;}

.serif {font-family: 'PT-Serif';}

small, .small {font-size: .75em; line-height: 1.417;}
big, .big {font-size: 1.7rem;}
sub {vertical-align: sub; font-size: 0.33em;}
sup {vertical-align: super; font-size: 0.33em;}

.italic {font-style: italic;}
.no-italic {font-style: normal;}
.underline {text-decoration: underline;}
.linethrough {text-decoration: line-through;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}
.nolink {color: inherit; text-decoration: none;}
.nowrap {white-space: nowrap; word-wrap: normal; word-break: normal;}
.onwrap {white-space: normal; word-wrap: normal; word-break: normal;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

.direction-ltr {direction: ltr;}
.direction-rtl {direction: rtl;}

/* Colors */
.text-default {color: #58595b!important;}
.text-black {color: #000!important;}
.text-white {color: #fff!important;}
.text-gray {color: #818181!important;}
.text-blue {color: #1769b5!important;}
.text-green {color: #68b653!important;}
.text-yellow {color: #f77221!important;}
.text-red {color: #f76666!important;}
.text-error, .form-error {color: #f76666;}
.text-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bg-black { background-color: #000; }
.bg-white { background-color: #fff; }
.bg-gray { background-color: #58595b; }
.bg-green { background-color: #68b653; }
.bg-orange { background-color: #f77221; }
.bg-braun { background-color: #57442e; }
.bg-blue { background-color: #1769b5; }
.bg-orange-gradient { background-color: transparent; background-image: linear-gradient(to bottom, 0% #f76918, 100% #f7a239); }
.bg-yellow-gradient { background-color: transparent; background-image: linear-gradient(to bottom, 0% #fde456, 100% #f7bd32); }
.bg-green-gradient { background-color: transparent; background-image: linear-gradient(to bottom, 0% #84d84f, 100% #68b653); }
.bg-blue-gradient { background-color: transparent; background-image: linear-gradient(to bottom, 0% #6dcdff, 100% #3cd1de); }

.hide {display: none;}

/* Buttons 
--------------------------------------------------------*/
.btn {
    font-weight: 700;
    border: 2px solid transparent;
    padding: 7px 40px;
    font-size: 1.7rem;
    line-height: 1.65;
    border-radius: 50px;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.btn-sm {
    padding: 7px 30px;
    font-size: 1.4rem;
}
.btn.focus,
.btn:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus:active,
.btn:active:focus {
    outline: none!important;
    box-shadow: none!important;
}
.btn.disabled,
.btn:disabled,
.btn[disabled],
a.btn[disabled],
a.btn.disabled {
    cursor: not-allowed!important;
    opacity: .65;
}
/* btn-primary */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary[disabled] {
    color: #007bff;
    background-color: #fff;
    border-color: rgba(0,123,255,.5);
}
.btn-primary:focus,
.btn-primary.focus {
    color: #007bff;
}
.btn-primary:hover,
.btn-primary.hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):not([disabled]).active,
.btn-primary:not(:disabled):not(.disabled):not([disabled]):active {
    color: #fff;
    background-color: #0062cc;
    border-color: #0062cc;
}
/* btn-success */
.btn-success,
.btn-success.disabled,
.btn-success:disabled,
.btn-success[disabled] {
    color: #68b653;
    background-color: #fff;
    border-color: rgba(104,182,83,.5);
}
.btn-success:focus,
.btn-success.focus {
    color: #68b653;
}
.btn-success:hover,
.btn-success.hover {
    color: #fff;
    background-color: #68b653;
    border-color: #68b653;
}
.btn-success:not(:disabled):not(.disabled):not([disabled]).active,
.btn-success:not(:disabled):not(.disabled):not([disabled]):active {
    color: #fff;
    background-color: #5a9d47;
    border-color: #5a9d47;
}
/* btn-warning */
.btn-warning,
.btn-warning.disabled,
.btn-warning:disabled,
.btn-warning[disabled] {
    color: #ffc107;
    background-color: #fff;
    border-color: rgba(255,193,7,.5);
}
.btn-warning:focus,
.btn-warning.focus {
    color: #ffc107;
}
.btn-warning:hover,
.btn-warning.hover {
    color: #57442e;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):not([disabled]).active,
.btn-warning:not(:disabled):not(.disabled):not([disabled]):active {
    color: #57442e;
    background-color: #e2ab07;
    border-color: #e2ab07;
}
/* btn-orange */
.btn-orange,
.btn-orange.disabled,
.btn-orange:disabled,
.btn-orange[disabled] {
    color: #f77221;
    background-color: #fff;
    border-color: rgba(247,114,33,.5);
}
.btn-orange:focus,
.btn-orange.focus {
    color: #f77221;
}
.btn-orange:hover,
.btn-orange.hover {
    color: #fff;
    background-color: #f77221;
    border-color: #f77221;
}
.btn-orange:not(:disabled):not(.disabled):not([disabled]).active,
.btn-orange:not(:disabled):not(.disabled):not([disabled]):active {
    color: #fff;
    background-color: #ec6411;
    border-color: #ec6411;
}
/* btn-danger */
.btn-danger,
.btn-danger.disabled,
.btn-danger:disabled,
.btn-danger[disabled] {
    color: #dc3545;
    background-color: #fff;
    border-color: rgba(220,53,69,.5);
}
.btn-danger:focus,
.btn-danger.focus {
    color: #dc3545;
}
.btn-danger:hover,
.btn-danger.hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):not([disabled]).active,
.btn-danger:not(:disabled):not(.disabled):not([disabled]):active {
    color: #fff;
    background-color: #bd2130;
    border-color: #bd2130;
}
/* btn-info */
.btn-info,
.btn-info.disabled,
.btn-info:disabled,
.btn-info[disabled] {
    color: #17a2b8;
    background-color: #fff;
    border-color: rgba(23,162,184,.5);
}
.btn-info:focus,
.btn-info.focus {
    color: #17a2b8;
}
.btn-info:hover,
.btn-info.hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):not([disabled]).active,
.btn-info:not(:disabled):not(.disabled):not([disabled]):active {
    color: #fff;
    background-color: #117a8b;
    border-color: #117a8b;
}
/* btn-link */
.btn-link,
.btn-link.disabled,
.btn-link:disabled,
.btn-link[disabled] {
    color: #58595b;
    text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
    color: #58595b;
}
.btn-link:hover,
.btn-link.hover {
    color: #68b653;
}
.btn-link:not(:disabled):not(.disabled):not([disabled]).active,
.btn-link:not(:disabled):not(.disabled):not([disabled]):active {
    color: #68b653;
}
/* btn-gradient */
.btn-gradient,
.btn-gradient:hover,
.btn-gradient.hover,
.btn-gradient:focus,
.btn-gradient.focus {
    background-color: transparent;
    border-width: 0 0 3px;
    border-top-color: transparent;
    padding-top: calc(inherit + 1px);
    background-size: 99%;
}
/* btn-primary btn-gradient */
.btn-primary.btn-gradient {
    color: #fff;
    background-image: linear-gradient(to bottom, #5ec5fb 0%, #29cedc 100%);
    border-top-color: transparent;
    border-bottom-color: #1769b5;
}
.btn-primary.btn-gradient:focus,
.btn-primary.btn-gradient.focus {
    color: #fff;
}
.btn-primary.btn-gradient:hover,
.btn-primary.btn-gradient.hover {
    color: #fff;
    background-image: linear-gradient(to bottom, #6dcdff 0%, #3cd1de 100%);
    border-top-color: transparent;
    border-bottom-color: #1769b5;
}
.btn-primary.btn-gradient:not(:disabled):not(.disabled):not([disabled]).active,
.btn-primary.btn-gradient:not(:disabled):not(.disabled):not([disabled]):active {
    color: #fff;
    background-image: linear-gradient(to bottom, #6dcdff 0%, #3cd1de 100%);
    border-top-color: transparent;
    border-bottom-color: #1769b5;
}
/* btn-success btn-gradient */
.btn-success.btn-gradient,
.btn-success.btn-gradient.disabled,
.btn-success.btn-gradient:disabled,
.btn-success.btn-gradient[disabled] {
    color: #fff;
    background-image: linear-gradient(to bottom, #7ad640 0%, #5aad44 100%);
    border-top-color: transparent;
    border-bottom-color: #207723;
}
.btn-success.btn-gradient:focus,
.btn-success.btn-gradient.focus {
    color: #fff;
}
.btn-success.btn-gradient:hover,
.btn-success.btn-gradient.hover {
    color: #fff;
    background-image: linear-gradient(to bottom, #84d84f 0%, #68b653 100%);
    border-top-color: transparent;
    border-bottom-color: #207723;
}
.btn-success.btn-gradient:not(:disabled):not(.disabled):not([disabled]).active,
.btn-success.btn-gradient:not(:disabled):not(.disabled):not([disabled]):active {
    color: #fff;
    background-image: linear-gradient(to bottom, #84d84f 0%, #68b653 100%);
    border-top-color: transparent;
    border-bottom-color: #207723;
}
/* btn-warning btn-gradient */
.btn-warning.btn-gradient,
.btn-warning.btn-gradient.disabled,
.btn-warning.btn-gradient:disabled,
.btn-warning.btn-gradient[disabled] {
    color: #57442e;
    background-image: linear-gradient(to bottom, #fde456 0%, #f7bd32 100%);
    border-top-color: transparent;
    border-bottom-color: #bb8a23;
}
.btn-warning.btn-gradient:focus,
.btn-warning.btn-gradient.focus {
    color: #57442e;
}
.btn-warning.btn-gradient:hover,
.btn-warning.btn-gradient.hover {
    color: #57442e;
    background-image: linear-gradient(to bottom, #fde978 0%, #facc5c 100%);
    border-top-color: transparent;
    border-bottom-color: #bb8a23;
}
.btn-warning.btn-gradient:not(:disabled):not(.disabled):not([disabled]).active,
.btn-warning.btn-gradient:not(:disabled):not(.disabled):not([disabled]):active {
    color: #57442e;
    background-image: linear-gradient(to bottom, #fde978 0%, #facc5c 100%);
    border-top-color: transparent;
    border-bottom-color: #bb8a23;
}
/* btn-orange btn-gradient */
.btn-orange.btn-gradient,
.btn-orange.btn-gradient.disabled,
.btn-orange.btn-gradient:disabled,
.btn-orange.btn-gradient[disabled] {
    color: #fff;
    background-image: linear-gradient(to bottom, #f7a239 0%, #f76918 100%);
    border-top-color: transparent;
    border-bottom-color: #bb6038;
}
.btn-orange.btn-gradient:focus,
.btn-orange.btn-gradient.focus {
    color: #fff;
}
.btn-orange.btn-gradient:hover,
.btn-orange.btn-gradient.hover {
    color: #fff;
    background-image: linear-gradient(to bottom, #f6b96e 0%, #f68b4e 100%);
    border-top-color: transparent;
    border-bottom-color: #bb6038;
}
.btn-orange.btn-gradient:not(:disabled):not(.disabled):not([disabled]).active,
.btn-orange.btn-gradient:not(:disabled):not(.disabled):not([disabled]):active {
    color: #fff;
    background-image: linear-gradient(to bottom, #f6b96e 0%, #f68b4e 100%);
    border-top-color: transparent;
    border-bottom-color: #bb6038;
}
/* btn-danger btn-gradient */
.btn-danger.btn-gradient,
.btn-danger.btn-gradient.disabled,
.btn-danger.btn-gradient:disabled,
.btn-danger.btn-gradient[disabled] {
    color: #fff;
    background-image: linear-gradient(to bottom, #e85d6b 0%, #dc3545 100%);
    border-top-color: transparent;
    border-bottom-color: #a22531;
}
.btn-danger.btn-gradient:focus,
.btn-danger.btn-gradient.focus {
    color: #fff;
}
.btn-danger.btn-gradient:hover,
.btn-danger.btn-gradient.hover {
    color: #fff;
    background-image: linear-gradient(to bottom, #e4717d 0%, #d64e5b 100%);
    border-top-color: transparent;
    border-bottom-color: #a22531;
}
.btn-danger.btn-gradient:not(:disabled):not(.disabled):not([disabled]).active,
.btn-danger.btn-gradient:not(:disabled):not(.disabled):not([disabled]):active {
    color: #fff;
    background-image: linear-gradient(to bottom, #e4717d 0%, #d64e5b 100%);
    border-top-color: transparent;
    border-bottom-color: #a22531;
}
/* btn-info btn-gradient */
.btn-info.btn-gradient,
.btn-info.btn-gradient.disabled,
.btn-info.btn-gradient:disabled,
.btn-info.btn-gradient[disabled] {
    color: #fff;
    background-image: linear-gradient(to bottom, #5ac0d0 0%, #17a2b8 100%);
    border-top-color: transparent;
    border-bottom-color: #117080;
}
.btn-info.btn-gradient:focus,
.btn-info.btn-gradient.focus {
    color: #fff;
}
.btn-info.btn-gradient:hover,
.btn-info.btn-gradient.hover {
    color: #fff;
    background-image: linear-gradient(to bottom, #80ccd8 0%, #3aa9bb 100%);
    border-top-color: transparent;
    border-bottom-color: #117080;
}
.btn-info.btn-gradient:not(:disabled):not(.disabled):not([disabled]).active,
.btn-info.btn-gradient:not(:disabled):not(.disabled):not([disabled]):active {
    color: #fff;
    background-image: linear-gradient(to bottom, #80ccd8 0%, #3aa9bb 100%);
    border-top-color: transparent;
    border-bottom-color: #117080;
}

/* Tables 
--------------------------------------------------------*/
/* Table programs */
.table-programs {color: #000;}
.table-programs>tbody>tr>td,
.table-programs>tbody>tr>th,
.table-programs>tfoot>tr>td,
.table-programs>tfoot>tr>th,
.table-programs>thead>tr>td,
.table-programs>thead>tr>th {
  border-color: #e3e3e3;
  padding: 8px 20px;
}
.table-programs td + td,
.table-programs th + th {text-align: center;}
.bg-blue-1 {background-color: #2f75b5; color: #fff;}
.bg-blue-2 {background-color: #9bc2e6;}
.bg-blue-3 {background-color: #bdd7ee;}
.bg-blue-4 {background-color: #ddebf7;}
.bg-gray-1 {background-color: #d9d9d9;}
.text-red-1 {color: #dc3545;}
.vertical-middle {vertical-align: middle!important;}
tr.vertical-middle td,
tr.vertical-middle th {vertical-align: middle!important;}

/* Title block 
--------------------------------------------------------*/
.block-title {
    position: relative;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 50px;
}
.block-title::after {
    content: '';
    position: absolute;
    width: 70px;
    height: 2px;
    bottom: -11px;
    left: 0;
    background-color: rgba(247,114,33,.2);
}

/* Forms 
--------------------------------------------------------*/
.form-group,
.input-group {
    position: relative;
    margin-bottom: 14px;
}
.control-label {
    padding: 0 22px;
    font-size: 1.4rem;
    line-height: ;
    font-weight: 500;
    color: #818181;
}
.form-control {
    display: block;
    width: 100%;
    padding: 12px 20px;
    font-size: 1.4rem;
    line-height: 1.429;
    color: #818181;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d9dce2;
    border-radius: 23px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus {
    color: #818181;
    background-color: #fff;
    border-color: #818181;
    outline: 0;
    box-shadow: none;
}
.form-control[readonly],
.form-control[readonly]:focus {
    background-color: #f2f2f2;
}
.form-control:disabled {
    color: #d9dce2;
    background-color: #fff;
    cursor: not-allowed;
}
.form-control.error {
    border-color: #f76666;
}
.errorMessage,
.form-control + .help-block,
.radio + .help-block,
.checkbox + .help-block {
    color: #f76666;
    margin: 0 10px;
}
.radio {
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.radio.inline-radio {
    display: inline-block;
}
.radio.inline-radio:not(:first-child) {
    margin-left: 20px;
}
.radio > input[type="radio"] {
    display: none;
}
.radio > input[type="radio"] + span {
    position: relative;
    display: block;
    padding: 0 0 0 32px;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 500;
    color: #818181;
}
.radio > input[type="radio"]:disabled + span {
    cursor: not-allowed;
}
.radio > input[type="radio"] + span::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #d9dce2;
    background-color: #fff;
}
.radio > input[type="radio"] + span::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
    transition: .2s;
}
.radio > input[type="radio"]:checked + span::after {
    background-color: #818181;
}
.radio > input[type="radio"]:disabled + span::before {
    background-color: #f2f2f2;
}
.checkbox {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 2px 0;
}
.checkbox.inline-checkbox {
    display: inline-block;
}
.checkbox > input[type="checkbox"] {
    display: none;
}
.checkbox > input[type="checkbox"] + span {
    position: relative;
    display: block;
    padding: 0 0 0 32px;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 500;
    color: #818181;
}
.checkbox > input[type="checkbox"]:disabled + span {
    cursor: not-allowed;
}
.checkbox > input[type="checkbox"] + span::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #d9dce2;
    background-color: #fff;
}
.checkbox > input[type="checkbox"] + span::after {
    position: absolute;
    display: block;
    content: '\f00c';
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    line-height: 8px;
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 900;
    color: transparent;
    transition: .2s;
}
.checkbox > input[type="checkbox"]:checked + span::after {
    color: #818181;
}
.checkbox > input[type="checkbox"]:disabled + span::before {
    background-color: #f2f2f2;
}
select.form-control:not([size]):not([multiple]) {
    height: auto;
    padding: 12.5px 20px;
}
.ui-selectmenu-button.ui-button {width: 100%;}
.ui-button,
.ui-button:hover,
.ui-button:focus,
.ui-button:active {
    width: 100%;
    padding: 12.5px 20px;
    font-family: 'MuseoSansCyrl', sans-serif;
    font-size: 1.4rem;
    line-height: 1.429;
    color: #818181;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d9dce2;
    border-radius: 23px;
    transition: .2s;
}
.ui-button:focus {
    border-color: #818181;
}
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-button .ui-icon {
    background-image: none;
    text-indent: 0;
    text-align: center;
}
.ui-button .ui-icon::before,
.ui-button .ui-icon::after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 78%;
    left: 50%;
    width: 1px;
    height: 6px;
    background-color: #818181;
    transform-origin: 50% 0;
    transition: .2s;
}
.ui-button .ui-icon::before {
    transform: rotate(135deg);
}
.ui-button .ui-icon::after {
    transform: rotate(-135deg);
}
.ui-button.ui-selectmenu-button-open .ui-icon::after,
.ui-button.ui-selectmenu-button-open .ui-icon::before {
    top: 50%;
}
.ui-button.ui-selectmenu-button-open .ui-icon::before {
    transform: rotate(45deg);
}
.ui-button.ui-selectmenu-button-open .ui-icon::after {
    transform: rotate(-45deg);
}
.ui-state-disabled,
.ui-menu .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    color: #d9dce2;
    background-color: #fff;
    cursor: not-allowed;
    opacity: 1;
}
.ui-widget.ui-widget-content {
    border: 1px solid #818181;
}
.ui-menu.ui-widget {
    border-radius: 13px;
    margin-top: 4px;
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 12.5px 14px;
    font-size: 1.4rem;
    line-height: 1.333;
    font-family: 'MuseoSansCyrl', sans-serif;
    color: #818181;
    border: none;
    border-bottom: 1px solid #f2f2f2;
}
.ui-menu .ui-menu-item:last-child .ui-menu-item-wrapper {
    border-bottom: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: #f2f2f2;
    font-weight: 300;
    margin: 0;
}
.ui-datepicker {
    border-radius: 4px;
    padding: 2px;
}
.ui-datepicker .ui-datepicker-header {
    padding: 7px 0;
    border-radius: 4px;
    border: none;
    background-color: #f2f2f2;
}
.ui-datepicker .ui-datepicker-title select {
    color: #272727;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 5px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev {}
.ui-datepicker-header .ui-icon {
    background-image: none;
    position: relative;
}
.ui-datepicker-header .ui-datepicker-prev .ui-icon::before,
.ui-datepicker-header .ui-datepicker-prev .ui-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 1px;
    background-color: #818181;
    transform-origin: 0 50%;
}
.ui-datepicker .ui-datepicker-prev .ui-icon::before {
    transform: rotate(40deg);
}
.ui-datepicker .ui-datepicker-prev .ui-icon::after {
    transform: rotate(-40deg);
}
.ui-datepicker-header .ui-datepicker-next .ui-icon::before,
.ui-datepicker-header .ui-datepicker-next .ui-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0%;
    width: 7px;
    height: 1px;
    background-color: #818181;
    transform-origin: 100% 50%;
}
.ui-datepicker .ui-datepicker-next .ui-icon::before {
    transform: rotate(40deg);
}
.ui-datepicker .ui-datepicker-next .ui-icon::after {
    transform: rotate(-40deg);
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
    border: none;
}
.ui-datepicker th {
    padding: .4em .3em;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
    border: 1px solid #efefef;
    background: #f9f9f9;
    color: #272727;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary {
    opacity: 1;
    background-color: #fff;
    color: #d9dce2;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover {
    background-color: #93da80;
    color: #fff;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    background-color: #b7ccf1;
    color: #fff;
}
.ui-datepicker .ui-state-active {
    background-color: #68b653;
    color: #fff;
}
.datepicker {
    position: relative;
    cursor: pointer;
    padding-right: 40px;
}
.datepicker[readonly],
.datepicker[readonly]:focus {
    background-color: #fff;
}
.datepicker + i {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 1.9rem;
    color: #818181;
    pointer-events: none;
}
.search-group {
    position: relative;
}
.search-input + i {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.9rem;
    color: #818181;
    cursor: pointer;
    padding: 10px;
}
.ui-spinner.ui-widget.ui-widget-content {
    border: none;
    background: transparent;
}
.ui-spinner .ui-spinner-input {
    font-size: 2.2rem;
    line-height: 1;
    text-align: center;
    width: 80px;
    font-family: 'MuseoSansCyrl', sans-serif;
    border: 1px solid #d9dce2;
    border-radius: 13px;
    background-color: #f0f0f0;
    padding: 10.5px 15px;
    margin: 0 20px;
}
a.ui-spinner-button {
    display: inline-block;
    position: absolute;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    border-radius: 0;
    width: auto;
    height: auto;
    font-size: 1.5rem;
    text-decoration: none;
    color: #58595b;
    cursor: pointer;
    opacity: .4;
    transition: .2s;
}
a.ui-spinner-button:hover {
    opacity: .8;
}
.ui-spinner-button.ui-spinner-down {
    left: 0;
    right: auto;
}
.ui-spinner-button.ui-spinner-down::before {
    content: '\f056';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.ui-spinner-button.ui-spinner-up {
    right: 0;
    left: auto;
}
.ui-spinner-button.ui-spinner-up::before {
    content: '\f055';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/* panel 
--------------------------------------------------------*/
.panel {
    margin-bottom: 14px;
    box-shadow: 0 0 9px rgba(196,196,196,.34);
    border-radius: 13px;
    background-color: #fff;
}
.panel .panel-heading {}
.panel .panel-body {
    padding: 22px;
}
/* accordion 
--------------------------------------------------------*/
.accordion .card,
.accordion .card:first-of-type,
.accordion .card:last-of-type,
.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-radius: 13px;
    border: none;
    box-shadow: 0 0 9px rgba(196,196,196,.34);
    margin: 0 0 9px;
    overflow: hidden;
}
.accordion .card-header {
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
}
.accordion .card-header button,
.accordion .card-header button:hover,
.accordion .card-header button:not(:disabled):not(.disabled):active {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 2rem;
    font-weight: 500;
    text-decoration: none;
    white-space: normal;
    border: none;
    border-radius: 0;
    padding: 19px 20px 19px 82px;
    color: #fff;
    background-image: linear-gradient(to right, #f76918 0%, #f7a239 100%);
}
.accordion .card-header button::before {
    content: '\f068';
    position: absolute;
    top: 19px;
    left: 28px;
    font-family: "Font Awesome 5 Free";
    font-size: 1.9rem;
    font-weight: 900;
}
.accordion .card-header button.collapsed {
    background-image: none;
    background-color: #fff;
    color: #58595b;
}
.accordion .card-header button.collapsed:hover,
.accordion .card-header button.collapsed:hover::before {
    color: #f77221;
}
.accordion .card-header button.collapsed::before {
    content: '\f067';
    color: #c7c7c7;
    transition: .15s ease-in-out;
}
.accordion .card-header button.collapsed:active::before {
    color: #fff;
}
.accordion .card-body {
    padding: 34px 80px 20px;
}
.accordion .card-body > div {
    overflow: hidden;
}
@media (max-width: 767.98px) {
    .accordion .card-header button,
    .accordion .card-header button:hover,
    .accordion .card-header button:not(:disabled):not(.disabled):active {
        font-size: 1.6rem;
        padding: 10px 15px 10px 62px;
    }
    .accordion .card-header button::before {
        top: 8px;
    }
    .accordion .card-body {
        padding: 14px 30px 20px;
    }
}
/* tabs 
--------------------------------------------------------*/
.nav-tabs {
    border-bottom: 3px solid #eee;
}
.nav-tabs .nav-link {
    border: 3px solid transparent;
    border-bottom: none;
    border-radius: 0;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 11px 16px;
    text-decoration: none;
}
.nav-tabs .nav-link:hover {
    color: #58595b;
}
.nav-tabs .nav-link.active {
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #f77221;
    background-color: #fff;
    border-color: #eee;
}
.nav-tabs .nav-item {
    margin-bottom: -3px;
}
.tab-content {
    margin-bottom: 14px;
}
.tab-content>.tab-pane {
    background-color: #fff;
    word-break: break-word;
}
.tab-content>.active {
    border: 3px solid #eee;
    border-top: none;
    padding: 20px 16px 26px;
}
/* alerts 
--------------------------------------------------------*/
.alert {
    position: relative;
    padding: 12px 20px 12px 52px;
    margin-bottom: 14px;
    border: 1px solid transparent;
    border-radius: 13px;
    font-weight: 500;
    font-size: 1.6rem;
}
.alert::before {
    position: absolute;
    top: 10px;
    left: 20px;
    font-family: "Font Awesome 5 Free";
    font-size: 1.9rem;
    font-weight: 900;
}
.alert.alert-primary::before {content: '\f05a';}
.alert.alert-secondary::before {content: '\f05a';}
.alert.alert-success::before {content: '\f058';}
.alert.alert-danger::before {content: '\f057';}
.alert.alert-warning::before {content: '\f071';}
.alert.alert-info::before {content: '\f05a';}
.alert.alert-light::before {content: '\f05a';}
.alert.alert-dark::before {content: '\f05a';}
.close {
    font-size: 2rem;
    text-shadow: none;
    opacity: .3;
}
.alert-dismissible .close {
    position: absolute;
    top: 7px;
    right: 6px;
    padding: .75rem 1.25rem;
}
/* pagination 
--------------------------------------------------------*/
.pagination .page-item {
    margin: 0 4px 0;
}
.pagination .page-item > a {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    border: 1px solid #afafaf;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 700;
    color: #afafaf;
}
.pagination .page-item > a:hover,
.page-item.active > a,
.pagination .page-item.prev-link > a:hover,
.pagination .page-item.next-link > a:hover {
    background-color: #afafaf;
    border-color: #afafaf;
    color: #fff;
}
.pagination .page-item.prev-link > a,
.pagination .page-item.next-link > a,
.page-item:last-child .page-item > a,
.page-item:first-child .page-item > a {
    border-radius: 15px;
    border: none;
    font-size: 2rem;
}
.pagination .page-item.prev-link > a,
.pagination .page-item.next-link > a {
    background-color: transparent;
}
/* tooltip 
--------------------------------------------------------*/
.tooltip {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.42;
    z-index: 10000;
}
.tooltip.show {
    opacity: 1;
}
.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 15px;
}
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: 15px 0;
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: 15px 0;
}
.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 15px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 15px;
    color: #58595b;
    text-align: left;
    background-color: #fff;
    border-radius: 17px;
    box-shadow: 0 12px 29px rgba(117,118,119,.27);
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: 15px 6px 0;
    border-top-color: #fff;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: 6px 15px 6px 0;
    border-right-color: #fff;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 6px 15px;
    border-bottom-color: #fff;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: 6px 0 6px 15px;
    border-left-color: #fff;
}
/* template 
--------------------------------------------------------*/

@media (min-width: 1200px){
    .container {
        max-width: 1170px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width:1170px
    }
}
.wrapper {
    min-height: 100%;
}
.super-wrapper {
    position: relative;
    min-height: 100vh;
    padding-bottom: 0;
}
.super-wrapper > .container:last-child {
    margin-bottom: 70px;
}
/* Flex container
--------------------------------------------------------*/
.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-justify-content: flex-start; /* Safari */
    justify-content: flex-start;
}
/* Flex direction */
.flex-row {
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
}
.flex-column {
    -webkit-flex-direction: column; /* Safari */
    flex-direction: column;
}
.flex-row.revers {
    -webkit-flex-direction: row-reverse; /* Safari */
    flex-direction: row-reverse;
}
.flex-column.revers {
    -webkit-flex-direction: column-reverse; /* Safari */
    flex-direction: column-reverse;
}
/* Flex wrap */
.flex-nowrap {
    -webkit-flex-wrap: nowrap; /* Safari */
    flex-wrap: nowrap;
}
.flex-wrap {
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
}
.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse; /* Safari */
    flex-wrap: wrap-reverse;
}
/* Flex justify content */
.flex-justify-start {
    -webkit-justify-content: flex-start; /* Safari */
    justify-content: flex-start;
}
.flex-justify-end {
    -webkit-justify-content: flex-end; /* Safari */
    justify-content: flex-end;
}
.flex-justify-center {
    -webkit-justify-content: center; /* Safari */
    justify-content: center;
}
.flex-justify-between {
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
}
.flex-justify-around {
    -webkit-justify-content: space-around; /* Safari */
    justify-content: space-around;
}
/* Flex align items */
.flex-align-items-stretch {
    -webkit-align-items: stretch; /* Safari */
    align-items: stretch;
}
.flex-align-items-start {
    -webkit-align-items: flex-start; /* Safari */
    align-items: flex-start;
}
.flex-align-items-end {
    -webkit-align-items: flex-end; /* Safari */
    align-items: flex-end;
}
.flex-align-items-center {
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
.flex-align-items-baseline {
    -webkit-align-items: baseline; /* Safari */
    align-items: baseline;
}
/* Flex align content */
.flex-align-content-stretch {
    -webkit-align-content: stretch; /* Safari */
    align-content: stretch;
}
.flex-align-content-start {
    -webkit-align-content: flex-start; /* Safari */
    align-content: flex-start;
}
.flex-align-content-end {
    -webkit-align-content: flex-end; /* Safari */
    align-content: flex-end;
}
.flex-align-content-center {
    -webkit-align-content: center; /* Safari */
    align-content: center;
}
.flex-align-content-between {
    -webkit-align-content: space-between; /* Safari */
    align-content: space-between;
}
.flex-align-content-around {
    -webkit-align-content: space-around; /* Safari */
    align-content: space-around;
}

/* ===================
    Header
=================== */
.header {
    position: relative;
    background-color: #fff;
    box-shadow: 0 5px 13px rgba(186,186,186,.18);
    z-index: 1;
}
.navbar {
    padding: 18px 0;
}
.navbar-brand {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    padding: 0;
}
.navbar-brand img {
    max-height: 90px;
    max-width: 90px;
    height: auto;
    width: auto;
    object-fit: contain;
    object-position: 50% 50%;
}
.navbar-brand p.full-title {
    padding: 0 15px;
    font-size: 1.6rem;
    line-height: 1.4375;
    font-weight: 500;
    color: #1769b5;
    word-spacing: 200px;
    width: 200px;
    white-space: normal;
    text-transform: uppercase;
}
.navbar-brand p.short-title {
    display: none;
}
.navbar-toggler {
    position: relative;
    height: 40px;
    width: 40px;
    border: none;
}
.navbar-toggler > span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #aaa;
    opacity: 1;
    transition: .2s;
}
.navbar-toggler::before,
.navbar-toggler::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    transform-origin: 51% 50%;
    background: #aaa;
    transform: rotate(0deg);
    transition: .2s;
}
.navbar-toggler::before {
    top: 20%;
    left: 0;
}
.navbar-toggler::after {
    bottom: 20%;
    left: 0;
}
.navbar-toggler:not(.collapsed) > span {
    opacity: 0;
}
.navbar-toggler:not(.collapsed)::before {
    top: 50%;
    transform: rotate(45deg);
}
.navbar-toggler:not(.collapsed)::after {
    bottom: 50%;
    transform: rotate(-45deg);
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 10px;
        padding-left: 10px;
        margin: 5px 15px;
        font-size: 1.8rem;
        line-height: 1.333;
        font-weight: 700;
        text-decoration: none;
        text-align: center;
    }
    .navbar-expand-lg .navbar-nav.login-menu {
        flex-direction: column;
        margin: 0 -10px 0 50px;
    }
    .navbar-expand-lg .navbar-nav.login-menu .nav-link {
        border: 2px solid rgba(0,123,255,.5);
        border-radius: 25px;
        color: #007bff;
        padding: 8px 36px;
        margin: 5px 10px;
    }
    .navbar-expand-lg .navbar-nav.login-menu .nav-link:hover {
        background-color: #007bff;
        color: #fff;
        border-color: #007bff;
    }
    .navbar-expand-lg .navbar-nav.login-menu .nav-link:focus {
        background-color: #0062cc;
        color: #fff;
        border-color: #0062cc;
    }
}
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-link:hover {
    color: #68b653;
}
@media (max-width: 991.98px) {
    .navbar {
        padding: 10px 0;
    }
    .navbar-brand img {
        max-height: 40px;
        max-width: 40px;
    }
    .navbar-brand p.full-title {
        display: none;
    }
    .navbar-brand p.short-title {
        display: inline-block;
        color: #1769b5;
        font-size: 3.5rem;
        line-height: 1;
        margin: 0 0 0 10px;
        font-weight: bolder;
    }
    .navbar-expand-lg .navbar-nav {
        margin-top: 10px;
        border-top: 1px solid #eee;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-weight: 700;
        text-decoration: none;
    }
}

/* ===================
    Footer
=================== */
footer {
    background-color: #3d78ac;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.714;
}
footer a {
    color: #fff;
    font-weight: 700;
}
.footer-main {
    padding: 48px 0 26px;
    border-top: 1px solid #3d78ac;
}
.footer-main .footer-logo {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    margin: 0 0 40px;
}
.footer-main .footer-logo img {
    max-width: 90px;
    max-height: 90px;
    object-fit: contain;
    object-position: 50% 50%;
}
.footer-main .footer-logo p {
    font-size: 1.6rem;
    line-height: 1.4375;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 24px;
    word-spacing: 5px;
    width: 200px;
    white-space: normal;
}
.footer-main h4 {
    font-weight: 700;
    margin: 0 0 10px;
}
.footer-main .footer-about p {
    font-weight: 100;
    letter-spacing: 0.01em;
}
.footer-main .footer-menu {}
.footer-main .footer-menu li {}
.footer-main .footer-menu a {
    font-size: 1.8rem;
}
.footer-main .footer-contacts {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.footer-main .footer-contacts li {
    flex-grow: 0;
    width: 100%;
    padding: 0 20px 0 0;
    margin: 0 0 10px;
}
.footer-main .footer-contacts li.map-marker {
    flex-grow: 1;
    flex-shrink: 1;
    width: 60%;
}
.footer-main .footer-contacts li,
.footer-main .footer-contacts a {
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 300;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.footer-main .footer-contacts i {
    display: inline-block;
    line-height: inherit;
    width: 1.64em;
    margin-right: 5px;
}
.footer-main .footer-contacts span {
    word-break: break-all;
}
.footer-main .footer-contacts li.map-marker span {
    word-break: normal;
}
.footer-main .footer-social-links {
    margin: 0 -10px;
}
.footer-main .footer-social-links li {
    display: inline-block;
}
.footer-main .footer-social-links li a {
    font-size: 1.8rem;
    margin: 0 10px;
}
.footer-bottom {
    background-color: #2d5a82;
    padding: 18px;
}
.footer-bottom .copyright {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    color: rgba(255,255,255,.5);
    text-align: center;
}
@media (max-width: 1199.98px) and (min-width: 992px) {
    .footer-main .footer-contacts li {
        width: 50%;
    }
    .footer-main .footer-contacts li.map-marker {
        width: 100%;
    }
}
@media (max-width: 991.98px) and (min-width: 768px) {
    .footer-main .footer-logo-about {
        display: flex;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .footer-main .footer-logo {
        margin: 0 20px 40px 0;
    }
}
@media (max-width: 767.98px) {
    .footer-main .footer-logo {
        margin: 0 0 30px;
    }
    .footer-main .footer-about {
        margin: 0 0 30px;
    }
    .footer-main .footer-menu {
        margin: 0 0 30px;
    }
}
@media (max-width: 767.98px) {
    .footer-main .footer-contacts li {
        width: 100%;
    }
    .footer-bottom .copyright {
        flex-wrap: wrap;
    }
}

/* ===================
    Breadcrumbs
=================== */
.breadcrumbs {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 53px 0 20px;
}
.breadcrumbs > * {
    flex-grow: 1;
    flex-shrink: 1;
}
.breadcrumbs > .breadcrumbs-list > ul > li {
    display: inline-block;
}
.breadcrumbs > .breadcrumbs-list > ul > li,
.breadcrumbs > .breadcrumbs-list > ul > li a {
    color: #b3b3b3;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 500;
}
.breadcrumbs > .breadcrumbs-list > ul > li:not(:last-child)::after {
    content: '/';
    margin: 0 10px;
}
.breadcrumbs > .breadcrumbs-list > ul > li a:hover {
    text-decoration: underline;
    color: #333;
}

/* ===================
    Page title
=================== */
.page-title {
    font-size: 4rem;
    font-weight: 300;
    margin: 33px 0 60px;
}
@media (max-width: 767.98px) {
    .page-title {
        font-size: 3rem;
        margin: 14px 0 32px;
    }
}

/* ===================
    Basket widget
=================== */
.basket {
    flex-grow: 0;
}
.basket > a {
    display: block;
    padding: 0 0 0 42px;
    background-image: url(../img/shopping_cart.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-size: 1.7rem;
    font-weight: 700;
    text-decoration: none;
}

/* ===================
    Share links
=================== */
.share-links li {
    display: inline-block;
    margin: 5px 0 5px 12px;
    transition: .2s;
}
.share-links li:hover {
    transform: scale(1.2);
}
.share-links li i[class*='facebook'] {color: #4e73ca;}
.share-links li i[class*='twitter'] {color: #009ee9;}
.share-links li i[class*='pinterest'] {color: #bd081c;}
.share-links li i[class*='fa-vk'] {color: #5f83ad;}

/* ===================
    Modals
=================== */
.modal-backdrop.show {
    opacity: .25;
}
.modal-content {
    border: none;
    border-radius: 21px;
}
.modal-header {
    padding: 50px 50px 10px;
    border-bottom: none;
}
.modal-footer {
    padding: 10px 50px 50px;
    border-top: none;
}
.modal-body {
    padding: 50px 50px 20px;
}
.modal-body:last-child {
    padding-bottom: 50px;
}
.modal-header + .modal-body {
    padding-top: 20px;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 580px;
    }
}

/* ===================
    Home
=================== */
section {
    position: relative;
}
section > .container {
    z-index: 1;
}
.section-title {
    font-size: 4rem;
    line-height: 1.25;
    font-weight: 300;
    text-align: center;
    max-width: 890px;
    margin: 0 auto 85px;
}
.section-description {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 100;
    text-align: center;
    margin: 0 auto 40px;
}
.section-title + .section-description {
    margin: -68px auto 68px;
}
@media (max-width: 767.98px) {
    .section-title {
        font-size: 3.5rem;
        margin: 0 auto 40px;
    }
    .section-description {
        font-size: 2rem;
        line-height: 1.4;
        font-weight: 100;
        text-align: center;
        margin: 0 auto 40px;
    }
    .section-title + .section-description {
        margin: -23px 0 68px;
    }
}
.absolute-image {
    position: absolute;
    z-index: 1;
}
.absolute-image.left-position {
    right: calc(1170px + (100vw - 1170px) / 2)!important;
}
.absolute-image.right-position {
    left: calc(1170px + (100vw - 1170px) / 2);
}
/* Slider 
--------------------------------------------------------*/
.main-block {
    /*background-color: #fafafa;*/
    overflow: hidden;
}
.main-block::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(88,89,91,.37);
    z-index: 1;
}
.main-block .container,
.main-block .container-fluid {
    position: relative;
    z-index: 5;
}
.main-block-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    overflow: hidden;
}
.main-block div {
    background-color: inherit;
}
#main-slider {
    background-color: inherit;
}
#main-slider .slick-track {
    background-color: inherit;
}
#main-slider .slick-slide {
    position: relative;
    padding: 0;
    overflow: visible;
    background-color: inherit;
}
#main-slider .slick-slide::before {
    display: block;
    content: "";
}
#main-slider .slick-slide::before {
    padding-top: 54.47%;
}
#main-slider .slick-slide > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: inherit;
}
#main-slider .slick-slide p {
    font-size: 3.3rem;
    line-height: 1.21;
    font-weight: 100;
    text-align: center;
}
#main-slider .slick-slide .slide-slogan {
    font-size: 4.8rem;
    line-height: 1.21;
    font-weight: 300;
    text-align: center;
    padding: 60px 20px 20px;
}
#main-slider .slick-slide .slide-title {
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-color: inherit;
}
#main-slider .slick-slide .slide-title {
    background-color: inherit;
    text-transform: uppercase;
    color: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    word-wrap: normal;
    word-break: normal;
    font-weight: 900;
}
#main-slider .slick-slide .slide-mudr .slide-title {
    background-image: url(../img/main-slider/slide-1.jpg);
    font-size: 33rem;
    letter-spacing: 0.06em;
}
#main-slider .slick-slide .slide-online .slide-title {
    background-image: url(../img/main-slider/slide-2.jpg);
    font-size: 22rem;
    line-height: 1.2;
    margin: 60px 0 0;
    letter-spacing: 0.02em;
}
#main-slider .slick-slide .slide-motivation .slide-title {
    background-image: url(../img/main-slider/slide-3.jpg);
    font-size: 16.7rem;
    line-height: 1.2;
    margin: 80px 0 0;
    letter-spacing: 0.02em;
}
#main-slider .slick-slide .slide-business .slide-title {
    background-image: url(../img/main-slider/slide-4.jpg);
    font-size: 23.7rem;
    line-height: 1.2;
    margin: 60px 0 0;
    letter-spacing: 0.02em;
}
#main-slider .slick-dots {
    position: absolute;
    display: inline-block;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}
#main-slider .slick-dots li {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    color: transparent;
    margin: 0 5px;
}
#main-slider .slick-dots li button {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    color: transparent;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #a3a3a3;
    opacity: .5;
    transition: .5s;
}
#main-slider .slick-dots li.slick-active button {
    opacity: 1;
}
.main-block .main-slogan {
    display: block;
    padding: 250px 0;
    text-align: center;
    color: #fff;
}
.main-block .main-slogan h1 {
    max-width: 1300px;
    font-size: 3.6rem;
    font-weight: 100;
    margin: 0 auto 20px;
}
.main-block .main-slogan p {
    font-size: 3.6rem;
    margin: 0 0 20px;
    font-weight: 600;
}
@media (max-width: 1199.98px) {
    .main-block .main-slogan {
        padding: 200px 0;
    }
    #main-slider .slick-slide::before {
        padding-top: 58%;
    }
    #main-slider .slick-slide p {
        font-size: 2.8rem;
        line-height: 1.21;
        font-weight: 100;
        text-align: center;
    }
    #main-slider .slick-slide .slide-slogan {
        font-size: 3.8rem;
        line-height: 1.21;
        font-weight: 300;
        text-align: center;
        padding: 60px 20px 20px;
    }
    #main-slider .slick-slide .slide-mudr .slide-title {
        background-image: url(../img/main-slider/slide-1.jpg);
        font-size: 28rem;
        letter-spacing: 0.06em;
    }
    #main-slider .slick-slide .slide-online .slide-title {
        background-image: url(../img/main-slider/slide-2.jpg);
        font-size: 17rem;
        line-height: 1.2;
        margin: 60px 0 0;
        letter-spacing: 0.02em;
    }
    #main-slider .slick-slide .slide-motivation .slide-title {
        background-image: url(../img/main-slider/slide-3.jpg);
        font-size: 13.5rem;
        line-height: 1.2;
        margin: 80px 0 0;
        letter-spacing: 0.02em;
    }
    #main-slider .slick-slide .slide-business .slide-title {
        background-image: url(../img/main-slider/slide-4.jpg);
        font-size: 21rem;
        line-height: 1.2;
        margin: 60px 0 0;
        letter-spacing: 0.02em;
    }
}
@media (max-width: 991.98px) {
    .main-block .main-slogan {
        padding: 150px 0;
    }
    #main-slider .slick-slide::before {
        padding-top: 65%;
    }
    #main-slider .slick-slide p {
        font-size: 2.4rem;
        line-height: 1.21;
        font-weight: 100;
        text-align: center;
    }
    #main-slider .slick-slide .slide-slogan {
        font-size: 3.3rem;
        line-height: 1.21;
        font-weight: 300;
        text-align: center;
        padding: 30px 20px 20px;
    }
    #main-slider .slick-slide .slide-mudr .slide-title {
        background-image: url(../img/main-slider/slide-1.jpg);
        font-size: 22rem;
        letter-spacing: 0.06em;
    }
    #main-slider .slick-slide .slide-online .slide-title {
        background-image: url(../img/main-slider/slide-2.jpg);
        font-size: 13rem;
        line-height: 1.2;
        margin: 60px 0 0;
        letter-spacing: 0.02em;
    }
    #main-slider .slick-slide .slide-motivation .slide-title {
        background-image: url(../img/main-slider/slide-3.jpg);
        font-size: 10rem;
        line-height: 1.2;
        margin: 80px 0 0;
        letter-spacing: 0.02em;
    }
    #main-slider .slick-slide .slide-business .slide-title {
        background-image: url(../img/main-slider/slide-4.jpg);
        font-size: 16.5rem;
        line-height: 1.2;
        margin: 60px 0 0;
        letter-spacing: 0.02em;
    }
}
@media (max-width: 767.98px) {
    .main-block .main-slogan {
        padding: 80px 0;
    }
    .main-block .main-slogan h1 {
        font-size: 2rem;
    }
    .main-block .main-slogan p {
        font-size: 3rem;
    }
    #main-slider .slick-slide::before {
        padding-top: 86%;
    }
    #main-slider .slick-slide p {
        font-size: 2.2rem;
        line-height: 1.21;
        font-weight: 100;
        text-align: center;
    }
    #main-slider .slick-slide .slide-slogan {
        font-size: 3rem;
        line-height: 1.21;
        font-weight: 300;
        text-align: center;
        padding: 30px 20px 20px;
    }
    #main-slider .slick-slide .slide-mudr .slide-title {
        background-image: url(../img/main-slider/slide-1.jpg);
        font-size: 16rem;
        letter-spacing: 0.06em;
    }
    #main-slider .slick-slide .slide-online .slide-title {
        background-image: url(../img/main-slider/slide-2.jpg);
        font-size: 10rem;
        line-height: 1.2;
        margin: 60px 0 0;
        letter-spacing: 0.02em;
    }
    #main-slider .slick-slide .slide-motivation .slide-title {
        background-image: url(../img/main-slider/slide-3.jpg);
        font-size: 7.5rem;
        line-height: 1.2;
        margin: 80px 0 0;
        letter-spacing: 0.02em;
    }
    #main-slider .slick-slide .slide-business .slide-title {
        background-image: url(../img/main-slider/slide-4.jpg);
        font-size: 12.5rem;
        line-height: 1.2;
        margin: 60px 0 0;
        letter-spacing: 0.02em;
    }
}
@media (max-width: 575.98px) {
    #main-slider {
        display: none;
    }
    .main-block {
        background-color: #58595b;
    }
    .main-block::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url(../img/home/main-block.jpg);
        background-position: 80% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: .37;
    }
    .main-block div {
        background-color: transparent;
    }
    .main-block-video {
        display: none;
    }
    .main-block .main-slogan {
        display: block;
        padding: 40px 0;
        text-align: center;
        color: #fff;
    }
    .main-block .main-slogan h1 {
        font-size: 1,6rem;
        margin: 0 0 20px;
        font-weight: 100;
    }
    .main-block .main-slogan p {
        font-size: 2,5rem;
        font-weight: 600;
    }
}
/* Form 
--------------------------------------------------------*/
.first-course {
    background-color: #fafafa;
    padding: 40px 0;
}
.first-course .women-1 {
    min-width: 350px;
    height: 842px;
    width: calc((100vw - 1170px) / 2);
    object-fit: contain;
    object-position: 0 0;
}
.first-course .book-1 {
    top: 155px;
    min-width: 328px;
    height: 169px;
    width: calc((100vw - 1205px) / 2);
    object-fit: contain;
    object-position: 100% 0;
}
.subscription-form {
    max-width: 720px;
    margin: 0 0 120px;
}
.label-form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 0 35px;
}
.label-form p {
    position: relative;
    max-width: 360px;
    margin: 0 0 0 15px;
    font-size: 2rem;
    line-height: 1.5;
}
.label-form p::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    width: 20px;
    height: 61px;
    background-image: url(../img/home/arrow-down.png);
    opacity: .33;
}
.subscription-form form {
    background: #fff;
    padding: 10px 20px;
    display: flex;
    border-radius: 13px;
    box-shadow: 0 0 38px rgba(196,196,196,.34);
}
.subscription-form form .form-group {
    margin: 0;
}
.subscription-form form .btn {
    padding-left: 25px;
    padding-right: 25px;
}
@media (max-width: 767.98px) {
    .label-form p::after {
        content: none;
    }
    .subscription-form {
        margin: 0 0 40px;
    }
    .subscription-form form {
        padding: 14px 20px;
    }
    .subscription-form form .form-group {
        margin: 0 0 14px;
    }
}
/* MUDR 
--------------------------------------------------------*/
.mudr-block {}
.mudr-block .advantage-list {
    text-align: center;
}
.mudr-block .advantage-list img {
    margin: 0 0 20px;
}
.mudr-block .advantage-list p {
    padding: 0 10px 10px;
}
/* University structure 
--------------------------------------------------------*/
.university-structure {
    background-color: #fafafa;
    padding: 40px 0;
}
.university-structure .women-2 {
    min-width: 380px;
    height: 651px;
    width: calc((100vw - 1170px) / 2);
    object-fit: contain;
    object-position: 100% 0;
}
.university-structure .book-2 {
    top: 155px;
    min-width: 175px;
    height: 189px;
    width: calc((100vw - 1250px) / 2);
    object-fit: contain;
    object-position: 0 0;
}
.detachment-item {
    position: relative;
    background-color: transparent;
    padding: 6px;
    margin: 0 0 20px;
}
.detachment-item > div {
    background-color: #fff;
    padding: 20px 15px 30px;
}
.detachment-item .detachment-title {
    position: relative;
    font-size: 3rem;
    line-height: 1.3;
    font-weight: 700;
    text-align: center;
    padding: 0 0 30px;
    margin: 0 0 24px;
}
.detachment-item .detachment-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 68px;
    background-color: #000;
}
.detachment-item ul {
    margin: 0 -5px 34px 0;
}
.detachment-item li {
    position: relative;
    margin: 0 0 14px 0;
    padding: 0 0 0 30px;
    font-size: 1.8rem;
    font-weight: 300;
}
.detachment-item li::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-size: 1.3rem;
    font-weight: 900;
    position: absolute;
    top: 4px;
    left: 0;
}
.detachment-list > div:nth-child(3n-2) .detachment-item {background-image: linear-gradient(135deg, rgba(247,105,24,.14) 0%, rgba(247,162,57,.14) 100%);}
.detachment-list > div:nth-child(3n-2) .detachment-title {color: #f77221;}
.detachment-list > div:nth-child(3n-2) .detachment-title::after {background-color: rgba(247,114,33,.2);}
.detachment-list > div:nth-child(3n-2) .detachment-item li::before {color: #f77221;}

.detachment-list > div:nth-child(3n-1) .detachment-item {background-image: linear-gradient(135deg, rgba(148,207,49,.14) 0%, rgba(140,216,69,.14) 100%);}
.detachment-list > div:nth-child(3n-1) .detachment-title {color: #68b653;}
.detachment-list > div:nth-child(3n-1) .detachment-title::after {background-color: rgba(122,181,23,.2);}
.detachment-list > div:nth-child(3n-1) .detachment-item li::before {color: #68b653;}

.detachment-list > div:nth-child(3n) .detachment-item {background-image: linear-gradient(135deg, rgba(66,158,244,.14) 0%, rgba(66,133,244,.14) 100%);}
.detachment-list > div:nth-child(3n) .detachment-title {color: #1769b5;}
.detachment-list > div:nth-child(3n) .detachment-title::after {background-color: rgba(23,105,181,.2);}
.detachment-list > div:nth-child(3n) .detachment-item li::before {color: #1769b5;}
/* Advantages 
--------------------------------------------------------*/
.advantages {
    background-color: #fafafa;
    padding: 40px 0 140px;
}
.advantages .women-3 {
    min-width: 424px;
    height: 798px;
    width: calc((100vw - 1170px) / 2);
    object-fit: contain;
    object-position: 0 0;
}
.advantages .book-3 {
    top: 155px;
    min-width: 170px;
    height: 208px;
    width: calc((100vw - 1340px) / 2);
    object-fit: contain;
    object-position: 100% 0;
}
.advantage-item-2 {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: 0 0 28px;
}
.advantage-item-2 img {
    margin: 0 15px 0 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.advantage-item-2 h4 {
    font-size: 3rem;
    line-height: 1.833;
    font-weight: 700;
    margin: 10px 0;
}
.advantage-item-2 p {
    font-size: 1.8rem;
    margin: 0 0 10px;
}
.advantage-item-2 ul {
    margin: 0 -5px 34px 0;
}
.advantage-item-2 li {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 1.8rem;
    font-weight: 300;
}
.advantage-item-2 li::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-size: 1.3rem;
    font-weight: 900;
    position: absolute;
    top: 4px;
    left: 0;
    color: #f77221;
}
@media (max-width: 1199.98px) {
    .advantages {
        padding: 40px 0 40px;
    }
}
/* Exhortation 
--------------------------------------------------------*/
.exhortation {
    background-color: #fafafa;
}
.exhortation > .bg-gradient {
    position: relative;
    background-image: linear-gradient(to right, #6dcdff 0%, #3cd1de 100%);
}
.exhortation > .bg-gradient::before {
    content: '';
    position: absolute;
    top:0;
    left:50%;
    bottom:0;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1470px;
    background-image: url(../img/home/logo-mudr.png);
    background-repeat: no-repeat;
    background-position: 100% 20%;
}
.exhortation p {
    color: #fff;
    font-weight: 100;
    font-size: 2.6rem;
}
.exhortation p.title {
    font-weight: 500;
    font-size: 5.8rem;
    line-height: 1.333;
}
.exhortation p.slogan {
    position: relative;
    padding: 0 0 0 100px;
    margin: 30px 0;
    font-family: 'PT-Serif';
    font-size: 2.5rem;
    line-height: 1.28;
}
.exhortation p.slogan::before {
    content: '';
    display: block;
    position: absolute;
    width: 70px;
    height: 2px;
    left: 0;
    top: 16px;
    background: #fff;
}
.exhortation .form-group {
    margin: 0;
}
.exhortation .form-control {
    padding: 19px 20px;
    background: transparent;
    border-color: #fff;
    border-radius: 35px;
    font-size: 1.6rem;
    color: #fff;
}
.exhortation .form-control::-webkit-input-placeholder {color:#fff!important;font-size: 1.6rem;}
.exhortation .form-control::-moz-placeholder          {color:#fff!important;font-size: 1.6rem;}/* Firefox 19+ */
.exhortation .form-control:-moz-placeholder           {color:#fff!important;font-size: 1.6rem;}/* Firefox 18- */
.exhortation .form-control:-ms-input-placeholder      {color:#fff!important;font-size: 1.6rem;}
.exhortation img.women {
    margin: -100px 0 0;
    height: calc(100% + 100px);
}
@media (max-width: 991.98px) {
    .exhortation p.title {
        font-size: 4.8rem;
    }
    .exhortation .form-group {
        margin: 0 0 14px;
    }
    .exhortation .form-control {
        padding: 12px 20px;
        background: transparent;
        border-color: #fff;
        border-radius: 35px;
        font-size: 1.6rem;
        color: #fff;
    }
}
/* Teachers 
--------------------------------------------------------*/
.teachers {
    padding: 100px 0 0;
    background-color: #fafafa;
}
.teachers .section-description {
    max-width: 780px;
}
.teachers-list > div {
    padding: 0;
}
.teachers-item {
    text-align: center;
    margin: 0 0 60px;
}
.teachers-item img {
    width: 100%;
    height: auto;
    margin: 0 0 24px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); /* Чёрно-белое изображение */
    transition: .5s; /* Плавный переход */
    object-fit: cover;
    object-position: 50% 0;
}
.teachers-item .teacher-name {
    font-size: 3rem;
    line-height: 1.25;
    font-weight: 700;
    padding: 0 10px 10px;
}
.teachers-item .teacher-position {
    font-size: 2rem;
    line-height: 1.5;
    font-family: 'PT-Serif';
    color: #2c2c2c;
    padding: 0 10px 24px;
}
.teachers-item .teacher-about {
    padding: 0 10px;
}
.teachers-item:hover img {
    -webkit-filter: none;
    filter: none; /* Убираем фильтр */
}
.teachers-list > div {
    padding-right: 15px;
    padding-left: 15px;
}
.embed-responsive-3by4::before {
    padding-top: 120%;
}
.embed-responsive-16by8::before {
    padding-top: 50%;
}
.embed-responsive-16by7::before {
    padding-top: 43.75%;
}
.embed-responsive > img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: 50% 50%;
}
/* Сertificates 
--------------------------------------------------------*/
.certificates {
    background-image: linear-gradient(to right, rgba(231,191,93,.2) 0%, rgba(233,209,150,.2) 100%);
}
/* Certificates 
--------------------------------------------------------*/
.certificates {
    padding: 40px 0;
}
.certificates::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1340px;
    background-image: url(../img/home/trophy.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.certificates .section-title {
    margin-bottom: 60px;
}
#certificates-slider {
    padding: 0 0 70px;
}
#certificates-slider .slick-slide {
    position: relative;
    padding: 0;
    overflow: visible;
    margin: 10px 10px 40px;
}
#certificates-slider .slick-slide::before {
    display: block;
    content: "";
}
#certificates-slider .slick-slide::before {
    padding-top: 68.89%;
}
#certificates-slider .slick-slide > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
#certificates-slider .slick-slide > div::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    bottom: 0;
    box-shadow: 0 0 30px rgba(0,0,0,.57);
    z-index: -1;
}
#certificates-slider .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 50%;
}
#certificates-slider .slick-arrow {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 51px;
    width: 57px;
    border: 1px solid #58595b;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background-color: transparent;
}
#certificates-slider .slick-arrow::before,
#certificates-slider .slick-arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    width: 12px;
    background-color: #58595b;
    transition: .2s;
}
#certificates-slider .slick-arrow.slick-prev {
    transform: translateX(-100%);
    border-right-width: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
#certificates-slider .slick-arrow.slick-prev::before {
    left: 28px;
    transform-origin: 0 50%;
    transform: rotate(45deg);
}
#certificates-slider .slick-arrow.slick-prev::after {
    left: 28px;
    transform-origin: 0 50%;
    transform: rotate(-45deg);
}
#certificates-slider .slick-arrow.slick-prev:hover:before,
#certificates-slider .slick-arrow.slick-prev:hover:after {
    left: 23px;
    background-color: #000;
}
#certificates-slider .slick-arrow.slick-next {
    border-left-width: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
#certificates-slider .slick-arrow.slick-next::before {
    right: 28px;
    transform-origin: 100% 50%;
    transform: rotate(45deg);
}
#certificates-slider .slick-arrow.slick-next::after {
    right: 28px;
    transform-origin: 100% 50%;
    transform: rotate(-45deg);
}
#certificates-slider .slick-arrow.slick-next:hover:before,
#certificates-slider .slick-arrow.slick-next:hover:after {
    right: 23px;
    background-color: #000;
}
/* Exhortation 2 
--------------------------------------------------------*/
.exhortation2 {
    background-color: #fafafa;
}
.exhortation2 > .bg-gradient {
    position: relative;
    background-image: linear-gradient(to right, #6dcdff 0%, #3cd1de 100%);
}
.exhortation2 > .bg-gradient::before {
    content: '';
    position: absolute;
    top:0;
    left:50%;
    bottom:0;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1470px;
    background-image: url(../img/home/logo-mudr.png);
    background-repeat: no-repeat;
    background-position: 0 20%;
}
.exhortation2 p {
    color: #fff;
    font-weight: 100;
    font-size: 2.6rem;
}
.exhortation2 p.title {
    font-weight: 500;
    font-size: 5.8rem;
    line-height: 1.333;
}
.exhortation2 p.slogan {
    position: relative;
    padding: 0 0 0 100px;
    margin: 40px 0 70px;
    font-family: 'PT-Serif';
    font-size: 2.5rem;
    line-height: 1.28;
}
.exhortation2 p.slogan::before {
    content: '';
    display: block;
    position: absolute;
    width: 70px;
    height: 2px;
    left: 0;
    top: 16px;
    background: #fff;
}
.exhortation2 .form-group {
    margin: 0;
}
.exhortation2 .form-control {
    padding: 19px 20px;
    background: transparent;
    border-color: #fff;
    border-radius: 35px;
    font-size: 1.6rem;
    color: #fff;
}
.exhortation2 .form-control::-webkit-input-placeholder {color:#fff!important;font-size: 1.6rem;}
.exhortation2 .form-control::-moz-placeholder          {color:#fff!important;font-size: 1.6rem;}/* Firefox 19+ */
.exhortation2 .form-control:-moz-placeholder           {color:#fff!important;font-size: 1.6rem;}/* Firefox 18- */
.exhortation2 .form-control:-ms-input-placeholder      {color:#fff!important;font-size: 1.6rem;}
.exhortation2 img.women {
    margin: -100px 0 0;
    height: calc(100% + 100px);
}
@media (max-width: 991.98px) {
    .exhortation2 p.title {
        font-size: 4.8rem;
    }
    .exhortation2 .form-group {
        margin: 0 0 14px;
    }
    .exhortation2 .form-control {
        padding: 12px 20px;
        background: transparent;
        border-color: #fff;
        border-radius: 35px;
        font-size: 1.6rem;
        color: #fff;
    }
}
/* mudr-video 
--------------------------------------------------------*/
.mudr-video {
    padding: 45px 0 140px;
    background-color: #fafafa;
}
.mudr-video .section-title {
    margin-bottom: 50px;
}
.mudr-video iframe {
    padding: 10px;
    background-color: #fff;
}
.mudr-video .embed-responsive {
    overflow: visible;
    z-index: 1;
}
.mudr-video .embed-responsive::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    bottom: 0;
    box-shadow: 0 0 60px rgba(0,0,0,.57);
    z-index: -1;
}
@media (max-width: 1199.98px) {
    .mudr-video {
        padding: 45px 0 40px;
    }
}

/* ===================
    Support
=================== */
.contacts-list {
    margin-top: 70px;
    margin-bottom: 15px;
    justify-content: center;
}
.contacts-item {
    text-align: center;
    height: 100%;
    padding: 6px;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
}
.contacts-item > div {
    flex-grow: 1;
    background-color: #fafafa;
    padding: 30px 15px;
}
.contacts-item i {
    font-size: 4.8rem;
    margin: 0 0 20px;
    background: linear-gradient(45deg, #0B2349 33%, #0D61BC 66%, #8AA9D6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.contacts-item p {
    font-size: 2.3rem;
    line-height: ;
    font-weight: 700;
    margin: 0 0 16px;
}
.contacts-item li {
    line-height: 1.4375;
}
.contacts-item.adress-item {
    background-image: linear-gradient(135deg, rgba(109,153,255,.14) 0%, rgba(60,108,222,.14) 100%);
}
.contacts-item.phones-item {
    background-image: linear-gradient(135deg, rgba(132,216,79,.14) 0%, rgba(104,182,83,.14) 100%);
}
.contacts-item.mails-item {
    background-image: linear-gradient(135deg, rgba(247,162,57,.14) 0%, rgba(247,105,24,.14) 100%);
}
.contacts-item.skypes-item {
    background-image: linear-gradient(135deg, rgba(109,205,255,.14) 0%, rgba(60,209,222,.14) 100%);
}
.contacts-item.adress-item i {
    background-image: linear-gradient(135deg, rgba(109,153,255,.7) 0%, rgba(60,108,222,.7) 100%);
}
.contacts-item.phones-item i {
    background-image: linear-gradient(135deg, rgba(132,216,79,.7) 0%, rgba(104,182,83,.7) 100%);
}
.contacts-item.mails-item i {
    background-image: linear-gradient(135deg, rgba(247,162,57,.7) 0%, rgba(247,105,24,.7) 100%);
}
.contacts-item.skypes-item i {
    background-image: linear-gradient(135deg, rgba(109,205,255,.7) 0%, rgba(60,209,222,.7) 100%);
}
.contacts-item li a {
    text-decoration: none;
    word-break: break-word;
}
.feedback-form {
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
}
.feedback-form p {
    font-size: 1.4rem;
    color: #818181;
}
.captcha-block {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}
@media (max-width: 575.98px) {
    .contacts-item {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ===================
    News
=================== */
.news-list {}
.news-list .card {
    margin: 0 0 28px;
    border: none;
    border-radius: 13px;
    box-shadow: 0 0 9px rgba(196,196,196,.34);
    overflow: hidden;
}
.news-list .card-body {
    padding: 18px 18px 22px;
}
.news-list .card-img-top {
    object-fit: cover;
    object-position: 50% 50%;
    transition: .8s ease-in-out;
}
.news-list .card:hover .card-img-top {
    transform: scale(1.1);
}
.news-list .card-img-top.no-image {
    object-fit: none;
    background-color: #e9ebed;
}
.news-list .card-title {
    margin: 0 0 15px;
}
.news-list .card-title,
.news-list .card-title a {
    text-decoration: none;
    font-size: 2.2rem;
    font-weight: 700;
}
.news-list .info,
.new-block .info {
    margin: 0 0 30px;
}
.news-list .info li,
.new-block .info li {
    display: inline-block;
    font-size: 1.6rem;
}
.news-list .info li:not(:last-child):after,
.new-block .info li:not(:last-child):after {
    content: '/';
    margin: 0 15px 0 10px;
}
.news-list .info i,
.new-block .info i {
    font-size: .9em;
    color: #f4721e;
    margin: 0 5px 0 0;
}
.news-list .card-text,
.new-block .card-text {
    font-size: 1.8rem;
    line-height: 1.444;
    margin: 0 0 42px;
}
.news-categories {
}
.news-categories > ul {
    margin: 0 0 40px;
}
.news-categories > ul li {
    letter-spacing: -.02em;
}
.news-categories > ul li a {
    position: relative;
    display: block;
    font-weight: 300;
    font-size: 1.8rem;
    text-decoration: none;
    padding: 8px 10px 6px 30px;
    margin: 0 0 5px;
    border-bottom: 3px solid rgba(88,89,91,.1);
}
.news-categories > ul li a::before {
    content: '\f054';
    position: absolute;
    left: 0;
    top: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.6em;
}
.news-categories > ul li a:hover,
.news-categories > ul li.active a,
.news-categories > ul li a.active {
    color: #f4721e;
    border-color: rgba(244,114,30,.1);
}
@media (max-width: 991.98px) {
    .news-categories h2 {
        margin: 0 0 20px;
    }
    .news-categories > ul li a {
        padding: 4px 10px 4px 30px;
    }
    .news-categories > ul li a::before {
        top: 11px;
    }
}

/* ===================
    New
=================== */
.new-block {
    margin: 0 0 50px;
    border: none;
    border-radius: 13px;
    box-shadow: 0 0 9px rgba(196,196,196,.34);
    overflow: hidden;
}
.new-block .card-body {
    padding: 30px 34px 22px;
}
.new-block .card-img-top {
    object-fit: cover;
    object-position: 50% 50%;
    height: 380px;
}
@media (max-width: 767.98px) {
    .new-block .card-img-top {
        height: 250px;
    }
}

/* ===================
    Comments
=================== */
.comments-block {}
.comments-block .comments-filter {
    margin: 0 0 20px;
}
.comments-block .media {
    margin: 0 0 25px;
}
.comments-block .media .avatar {
    width: 145px;
    height: 145px;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 50%;
    margin: 0 15px 0 0;
}
.comments-block .media .media-body {
    border: 6px solid;
    border-image: linear-gradient(to right, rgba(247,105,24,.14) 0%, rgba(247,162,57,.14) 100%);
    border-image-slice: 1;
    padding: 16px 24px 22px;
}
.comments-block .media .media-heading {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 0 5px;
}
.comments-block .media .media-heading h5 {
    font-size: 2rem;
    font-weight: 700;
}
.comments-block .media .media-heading .date {
    font-size: 1.4rem;
    font-weight: 700;
    color: #afafaf;
}
.comments-block .media .comments-controls {}
.comments-block .media .comments-controls li {
    display: inline-block;
    font-size: 1.4rem;
}
.comments-block .media .comments-controls li:not(:last-child)::after {
    content: ' /';
    color: #afafaf;
    font-weight: 500;
    margin: 0 8px 0 8px;
}
.comments-block .media .comments-controls a {
    color: #f77221;
    text-decoration: none;
}
.comments-block .media .comments-controls a:hover {
    text-decoration: underline;
}
.comments-block .media .media-text {
    margin: 12px 0 0;
}
.comments-block .comments-form {
    margin: 80px 0 0;
}
.comments-block .comments-form .comments-editor {
    margin: 0 0 30px;
    box-shadow: 0 0 9px rgba(196,196,196,.34);
}
@media (max-width: 575.98px) {
    .comments-block .media {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
    }
    .comments-block .media .avatar {
        margin: 0 0 15px;
        width: 100px;
        height: 100px;
    }
}

/* ===================
    Login page
=================== */
.login-form {
    max-width: 570px;
    margin: 0 auto;
}
.login-form .popovers {
    cursor: help;
    border: 1px solid #3d78ac;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    border-radius: 50px !important;
    font-size: 10px;
    background: #3d78ac;
    color: #fff;
    position: absolute;
    right: 18px;
    top: 14px;
}
@media (max-width: 767.98px) {
    .login-form p.h1 {
        font-size: 3rem;
    }
}
@media (max-width: 575.98px) {
    .login-form .btn {
        display: block;
        width: 100%;
    }
}

/* ===================
    News widget
=================== */
.news-widget li {
    padding: 10px 0 18px;
}
.news-widget .media {
    text-decoration: none;
    border-bottom: 3px solid rgba(88,89,91,.1);
    padding: 0 0 15px;
}
.news-widget .media .preview {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    object-position: 50% 50%;
    margin: 0 30px 0 0;
}
.news-widget .media .preview .card-img-top {
    object-fit: cover;
    object-position: 50% 50%;
    transition: .8s ease-in-out;
}
.news-widget .media:hover .preview .card-img-top {
    transform: scale(1.2);
}
.news-widget .media-body p {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.429;
    margin: 0 0 15px;
}
.news-widget .media .date {
    font-size: 1.2rem;
    font-weight: 300;
    color: #58595b;
}
.news-widget .media .date i {
    color: #f4721e;
    margin: 0 5px 0 0;
}

/* ===================
    Store. Catalog
=================== */
.catalog-item .card {
    height: calc(100% - 28px);
    margin: 0 0 28px;
    border: none;
    border-radius: 13px;
    box-shadow: 0 0 9px rgba(196,196,196,.34);
    overflow: hidden;
}
.catalog-item .card-body {
    padding: 18px 18px 5px;
}
.catalog-item .card-img-top {
    object-fit: cover;
    object-position: 50% 50%;
    transition: .8s ease-in-out;
}
.catalog-item .card:hover .card-img-top {
    transform: scale(1.1);
}
.catalog-item .card-img-top.no-image {
    object-fit: none;
    background-color: #e9ebed;
}
.catalog-item .card-title {
    margin: 0 0 15px;
}
.catalog-item .card-title,
.catalog-item .card-title a {
    text-decoration: none;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}
.catalog-item .card .stars {
    text-align: center;
    margin: 0 0 5px;
}
.catalog-item .card .stars li {
    display: inline-block;
    font-size: 1.2rem;
    margin: 0 2px;
}
.catalog-item .card .stars i {
    color: #d9dce2;
}
.catalog-item .card .stars i[class^=fas] {
    color: #f77221;
}
.catalog-item .card .price {
    text-align: center;
    font-size: 2.3rem;
    font-weight: 300;
    margin: 0 0 20px;
}

/* ===================
    Store. Product
=================== */
.product .embed-responsive {
    border-radius: 13px;
}
.product .card-img-top {
    object-fit: cover;
    object-position: 50% 50%;
}
.product .product-name {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.4;
    margin: -5px 0 15px;
}
.product .stars {
    display: inline-block;
    text-align: center;
    margin: 0 0 30px;
}
.product .stars li {
    display: inline-block;
    font-size: 1.2rem;
    margin: 0 2px;
}
.product .stars i {
    color: #d9dce2;
}
.product .stars i[class^=fas] {
    color: #f77221;
}
.product .price {
    position: relative;
    font-size: 3rem;
    font-weight: 700;
    color: #f77221;
    margin: 0;
}
.product .price::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: rgba(244,114,30,.1);
}
.product .comments-block .media .avatar {
    width: 106px;
    height: 106px;
}
/* rateit 
--------------------------------------------------------*/
.star-range .name {
    display: inline-block;
    font-weight: 500;
    margin: 0 0 10px;
}
.star-range div.rateit {
    margin: 0 0 0 -4px;
}
.star-range div.rateit div.rateit-range{
    background: url(../img/star-empty.png) no-repeat;
    height: 25px;
}
.star-range div.rateit div.rateit-hover {
    background: url(../img/star-solid.png) no-repeat;
}
.star-range div.rateit div.rateit-selected {
    background: url(../img/star-solid.png) no-repeat;
}

/* ===================
    Library
=================== */
.library .catalog-item .card-title,
.library .catalog-item .card-title a {
    text-decoration: none;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
}
.catalog-item .overlay {
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(132,216,79,.8) 0%, rgba(104,182,83,.8) 100%);
    z-index: 2;
    transition: .2s;
    opacity: 0;
}
.catalog-item .card:hover .overlay {
    bottom: 0;
    opacity: 1;
}
.catalog-item .overlay i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 3rem;
    color: #fff;
    display: inline-block;
}

/* ===================
    Files
=================== */
.library-files .catalog-item .card-title,
.library-files .catalog-item .card-title a {
    text-decoration: none;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
}
.badge {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 1.4rem;
    z-index: 1;
}
.badge.badge-icon {
    font-size: 2rem;
}

/* ===================
    Basket
=================== */
.basket .table-responsive {
    box-shadow: 0 0 9px rgba(196,196,196,.34);
    border-radius: 13px;
}
.basket .table {
    margin: 0;
    background-image: linear-gradient(to right, #f76918 0%, #f7a239 100%);
}
.table .thead-gradient tr th,
.table .thead-gradient tr td {
    background: transparent;
    border: none;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    padding: 20px;
}
.basket .table tbody tr:first-child td {
    padding-top: 24px;
}
.basket .table tbody tr:last-child td {
    padding-bottom: 24px;
}
.basket .table tbody td {
    vertical-align: middle;
    background-color: #fff;
    padding: 10px;
    border: none;
}
.basket .table .delete-item {
    background: transparent;
    padding: 10px;
    font-size: 1.6rem;
}
.basket .table .product-preview {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    object-position: 50% 50%;
}
.basket .table .no-image {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #d9dce2;
}
.basket .table .no-image .product-preview {
    object-fit: none;
}
#userData button::before {
    content: '\f007';
    font-weight: 400;
    font-size: 2.5rem;
    top: 15px;
}
#paymentSystem button::before {
    content: '\f3d1';
    font-weight: 400;
    font-size: 2.5rem;
    top: 15px;
}
@media (max-width: 767.98px) {
    #userData button::before {
        font-size: 1.7rem;
        top: 10px;
    }
    #paymentSystem button::before {
        font-size: 1.7rem;
        top: 10px;
    }
}
.payment-system .payment-logo {
    max-width: 150px;
    width: 100%;
    max-height: 150px;
}
.scroll-textarea > .scroll-content > textarea {
    padding: 12px 20px;
}

/* ===================
    Scrollbar
=================== */
.scrollbar-inner > .scroll-element.scroll-y {
    right: 12px;
}

.blocked {
    position: relative;
}
.blocked::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0,0,0,.3);
    border-radius: 21px;
}
.blocked::after {
    content: '\f2f1';
    position: absolute;
    top: 36%;
    left: 46%;
    z-index: 20;
    font-family: "Font Awesome 5 Free";
    font-size: 50px;
    font-weight: 900;
    animation: a 2s infinite linear;
}
/* NEWS PAGE PAGINATION */
.pagination-news>li {
    margin: 0 4px 0;
}
.pagination-news>li>a {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    border: 1px solid #afafaf;
    background-color:white;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 700;
    color: #afafaf;
    padding:5px 10px 5px 10px;
}
.pagination-news>li>a:hover,
.pagination-news>.active>a,
.pagination-news>.previous:hover,
.pagination-news>.next:hover {
    background-color: #afafaf;
    border-color: #afafaf;
    color: #fff;
}
.pagination-news>.previous,
.pagination-news>.next,
.pagination-news>li:last-child>a,
.pagination-news>li:first-child>a {
    border-radius: 15px;
    border: none;
    background-color:transparent;
}
.pagination-news>.previous,
.pagination-news>.next {
    background-color: transparent;
}

.comments-editor{
    box-shadow: 0 0 9px rgba(196,196,196,.34);
}
.comments-filter{
    min-width:125px;
}
.comments-editor{
	margin-bottom:20px;
}

/* Content page */
.block_button {
    height: auto!important;
    top: auto!important;
}
div.hide_block_button,
div.show_block_button {
    width: auto!important;
}
.block_button .btn {
    padding: 5px!important;
}
@media (max-width: 1200px){
    .toolbar {
        min-height:0!important;
    }
}
.toolbar label.control-label {
    margin-top: 0!important;
}
.toolbar .l-hide, .toolbar .l-show {
    padding: 9px 7px!important;
    bottom: -35px!important;
    font-size: 14px!important;
}
.cke_screen_reader_only.cke_copyformatting_notification {
    height: 0;
}
.pay-security-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: -7px -7px -7px 0;
}
.pay-security-icon img {
    height: 40px;
    max-width: 80px;
    object-fit: contain;
    object-position: 50% 50%;
    filter: contrast(0);
}
@media (max-width: 575px) and (min-width: 320px) {
    .g-recaptcha {
        transform: scale(0.80);
        -webkit-transform: scale(0.80);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
#submit_button{
    bottom: -34px!important;
    border-radius: 0px!important;
    padding: 10px  20px!important;
    right: 250px!important;
    font-weight: 400!important;
    border-radius: 0px 0px 5px 5px!important;
    font-size: 14px!important;
    line-height: 1!important;
    color: #818181!important;
    border: none!important;
}
#backbutton{
    bottom: -34px!important;
    border-radius: 0px!important;  
}
#backbutton .btn{
    border-radius: 0px!important;
    padding: 10px  20px!important;
    font-weight: 400!important;
    border-radius: 0px 0px 5px 5px!important;
    font-size: 14px!important;
    line-height: 1!important;
    color: #818181!important;
    border: none!important;
}
.poduct-ref-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    margin-top: -30px;
}
.poduct-ref-link > * {
    flex-grow: 1;
    flex-shrink: 0;
}
.poduct-ref-link > p {
    flex-grow: 0;
    flex-shrink: 1;
    font-size: 1.35rem;
    font-weight: 500;
    margin-bottom: 14px;
}
.poduct-ref-link .form-group {
    max-width: 335px;
    width: 100%;
}
.poduct-ref-link .btn-copy {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
    width: 40px;
    height: 100%;
    text-align: center;
    line-height: 46px;
    color: #f77221;
    margin-right: 5px;
}
@media (max-width: 991.98px) {
    .poduct-ref-link {
        flex-direction: column;
    }
    .poduct-ref-link .form-group {
        max-width: none;
    }
}
.cke_combopanel, .cke_ltr {
    z-index:99999 !important;
}