/* cyrillic-ext */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}






.show-on-load{display:none;}
.mfont{
    /*font-size: 4.3rem;*/
    display: inline-block;
    font-style: normal;

}
.mfont::after{
    font-family: 'font_img';
    line-height: 1em;
}
.mfont.m_1::after{content: ' 1';}
.mfont.m_2::after{content: ' 2';}
.mfont.m_3::after{content: ' 3';}
.mfont.m_4::after{content: ' 4';}
.mfont.m_5::after{content: ' 5';}
.mfont.m_6::after{content: ' 6';}
.mfont.m_7::after{content: ' 7';}
.mfont.m_8::after{content: ' 8';}
.mfont.m_9::after{content: ' 9';}
.mfont.m_a::after{content: ' a';}
.mfont.m_b::after{content: ' b';}
.mfont.m_c::after{content: ' c';}
.mfont.m_d::after{content: ' d';}
.mfont.m_e::after{content: ' e';}
.mfont.m_f::after{content: ' f';}
.mfont.m_g::after{content: ' g';}
.mfont.m_h::after{content: ' h';}
.mfont.m_i::after{content: ' i';}
.mfont.m_j::after{content: ' j';}
.mfont.m_k::after{content: ' k';}
.mfont.m_l::after{content: ' l';}
.mfont.m_m::after{content: ' m';}
.mfont.m_n::after{content: ' n';}
.mfont.m_o::after{content: ' o';}
.mfont.m_p::after{content: ' p';}
.mfont.m_q::after{content: ' q';}
.mfont.m_r::after{content: ' r';}
.mfont.m_s::after{content: ' s';}
.mfont.m_t::after{content: ' t';}
.mfont.m_u::after{content: ' u';}
.mfont.m_v::after{content: ' v';}
.mfont.m_w::after{content: ' w';}
.mfont.m_x::after{content: ' x';}
.mfont.m_A::after{content: ' A';}

.mfont.num{
    background: #ccc;
    color: #f00;
    height: 1.3em;
    width: 1.3em;
    border-radius: 50%;
    font-size: 1.5em;
    line-height: 1.4em;
    display: inline-grid;
    padding-left: 0.38em;
    text-align:left;
}
.mfont.num.brend-color{color: #fff;}
.roadmap .mfont-d{height: 128px;}
.mfont.num.brend-color{background: #1a2ec3;}


.mfont.num::after{
    display: block;
    position: absolute;
    top:0;
}
.mfont.num.brend-color::after{color: #1a2ec3;}
.mfont.num.display-2::after{
    font-size: 4.3rem;
    line-height: 2em;
}
.mfont.num.display-3::after{
    font-size: 3.4rem;
    line-height: 2.4em;
}

.text-black{color:#000;}

.text-decoration-line-through{text-decoration:line-through;}
body {
    background-color: #fff;
    font-family: "Roboto", "Open Sans", Arial;
    font-weight: 300;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", Arial;
    font-weight: 400;
    color: #333;
}

.bg-warning{
    background-color: #fff4b2!important;
}

.hidden{display:none;}


.pb-6, .py-6 {padding-bottom: 5rem!important;}
.pt-6, .py-6 {padding-top: 5rem!important;}

.pb-7, .py-7 {padding-bottom: 10rem!important;}
.pt-7, .py-7 {padding-top: 10rem!important;}

.mb-6, .my-6 {margin-bottom: 5rem!important;}
.mt-6, .my-6 {margin-top: 5rem!important;}

.mb-7, .my-7 {margin-bottom: 10rem!important;}
.mt-7, .my-7 {margin-top: 10rem!important;}

.text-size-13{font-size: 1.3rem;}
.text-size-12{font-size: 1.2rem;}
.text-size-11{font-size: 1.1rem;}
.text-size-9{font-size: .95rem;}
.text-size-8{font-size: .9rem;}
.text-size-7{font-size: .85rem;}
.text-size-6{font-size: .8rem;}
.text-size-5{font-size: .75rem; font-weight: 400;}


small{
    font-size: 0.9rem;
    font-weight: 200;
}
a:hover, a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}


.bg-light {
    background-color: #f0f5ff!important;
}

.h4         {font-size: 1.3rem;}
.display-4  {font-size: 2.8rem;}
.display-3  {font-size: 3.4rem;}

small{
    font-size: 13px;
    line-height: 1rem;
    display: inline-block;
}

.form-control,
.form-control:focus
{color: #000;}

a.text-warning{
    color: #dfa700!important;
}
a.text-warning:hover{
    color: #d37900!important;
}

.navbar{box-shadow:0 0 1rem RGBA(0,0,0,.2)}
.navbar .h5{font-size: 1.4rem;}
.navbar .h6{font-size: 0.9rem;}
.navbar .nav-link{font-weight: 400;}
.navbar .nav-link.active{font-weight: 600; border-bottom:1px solid;}
.navbar-brand img{width: 16rem;}
.navbar .h6{display: block;}
.navbar-right u.sm{display: none;}
.navbar a:focus{color: #1a2ec3;}




.time-line div *
{
    display: inline-block;
    height: 0.3rem;
    width: 4.3rem;
    margin: 0 0.4rem;
    background-color: #1a2ec3;
}
.time-line b{
    background-color: #aaa;
}
.time-line {
    white-space: nowrap;
    overflow:hidden;
    margin-bottom: -18.5rem;
    margin-top: 18.5rem;
    position: absolute;
}

.time-line u{
    background-color: #fff;
    box-shadow: 0 0 2px #fff;
    border: 5px solid #fff;
}

.time-line.text-center{
    z-index: 1;
}
.time-line.text-left{
    left: 50%;
    width: 50% !important;
}
.time-line.text-right{
    right: 50%;
}
.time-start p.h4{
    position: relative;
    z-index: 2;
}

.line-shadow{
    content: '';
    position: relative;
    top: 0;
    width: 100%;
    height: 21px;
    background-image: url(/images/line-shadow.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position-x: center;
}


.white-space-normal{white-space: normal;}

/*Размер окна*/
.modal-md {
    max-width: 600px;
}
@media (max-width: 1200px){
    .time-line div * {width: 3.1rem;}
}
@media (max-width: 992px){
    .time-line div * {width: 1.6rem;}
}
@media (max-width: 768px){
    .navbar .nav-link.active{border-bottom: none;}
    .modal-md {
        max-width: 550px;
    }
    .navbar-brand img{width: 13rem;}

    .time-line div *
    {
        width: 3.3rem;
        margin: 0 0.4rem;
    }
    .line-shadow{background-size:100%;}

}
@media (max-width: 576px){
    /*.nav.nav-inline{width: 150px;}*/
    .modal-md {max-width: 100%;    }
    .modal .btn-lg{font-size: 1.1rem;}
    .modal .h2{font-size: 1.9rem;}
    .h2-sm, h2{font-size: 2rem;}
    .h3-sm, h3{font-size: 1.6rem;}
    .h4-sm, h4{font-size: 1.2rem;}
    .small-sm{font-size:0.8rem;}

    .navbar-right u{display: none;}
    .navbar-right u.sm{display: inline-block;}
    .navbar .h5{font-size: 1.2rem;}
    .navbar .h6{display: inline-block;}
    /*.mh-100 {margin-top: 3rem;}*/

    .navbar .nav .nav-link{display: block;width: 100%;    text-align: right;}
    .price .btn-m-block{width:100%}

    .display-4  {font-size: 2.4rem;}
    .display-2  {font-size: 4rem;}


}

hr.text-white{border-top-color: #FFF;}

.btn-outline-primary{color: #1a2ec3;}
.brend-color{color: #1a2ec3;}
.brend-background{background-color: #1a2ec3!important;}
.brend-background:hover{background-color: #f2445c!important;}
.brend-border{border-color: #05179a!important;}
.brend-border:hover{border-color: #f2445c!important;}


/** {
    background:rgba(0,0,0,.1);
    box-shadow:0 0 1px rgba(0,0,0,.7);
}*/
/*body > div, img{display: none;}*/
/*.zindex-popover{z-index:20000; height: 92vh; width: 100vw; position: fixed; top: 0; }*/




.fixed-top{
    transition-property: top;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
    transition-delay:.5s;
}

/*#headerwrap {
    background: url(/images/top_bg5-min.jpg) no-repeat center #555;
    background-clip: border-box;
    background-size: cover;
}*/

.webp #headerwrap {
    -webkit-transition:600s linear;
    -moz-transition:600s linear;
    -o-transition:600s linear;
    background:
      url(/images/space-2150.webp) -1px bottom/cover;
    background-clip: border-box;
}

.no-webp #headerwrap {
    -webkit-transition:600s linear;
    -moz-transition:600s linear;
    -o-transition:600s linear;
    background:
      url(/images/space-2150.jpg) -1px bottom/cover;
    background-clip: border-box;
}
@media (max-width: 1300px){
  .webp #headerwrap {
    background:
      url(/images/space-1300.webp) -1px bottom/cover;
  }
  .no-webp #headerwrap {
    background:
      url(/images/space-1300.jpg) -1px bottom/cover;
  }
}
@media (max-width: 760px){
  .webp #headerwrap {
    background:
      url(/images/space-760.webp) -1px bottom/cover;
  }
  .no-webp #headerwrap {
    background:
      url(/images/space-760.jpg) -1px bottom/cover;
  }
}

#headerwrap > * {
    background-color: rgba(0, 0, 0, 0.25);
}

#headerwrap > .container > .row {
    height: 100vh;
    text-shadow: 0 0 8px #000;
}
#headerwrap > .container > .row a{
    /*text-shadow: 0 0 8px #fff;*/
    /*text-shadow:none;*/
    color:#b4d8fb;
}


#headerwrap .col-11 {
    min-width: 220px;
}

#headerwrap .small-sm{line-height: 1.1rem;}
#headerwrap .content-success > *{
    background: RGBA(255,255,255,0.7);
    text-shadow:none;
}




.documentation ol {
    padding-left: 1.6rem;
}

.documentation li {
    font-size: 14px;
    list-style: decimal-leading-zero;
    margin-bottom: 10px;
}


#program .content .row.brend-border {
    border-left-width: 1px;
    border-left-style: dashed;
}
#program .content .row.brend-border:before {
    content: "";
    border-color: #1a2ec3;
    border-style: solid;
    border-radius: 50%;
    border-width: 1px;
    width: 2rem;
    height: 2rem;
    margin-left: -2.55rem;
    position: absolute;
}
#program img{cursor: pointer;}

.content p {
    line-height: 1.2rem;
}


.content li {
    list-style: none;
    margin-left: -2.5rem;
}

.content li:before {
    content:  "— ";
}

.price .h3{
  font-size: 1.2rem;
  color:#222;
  letter-spacing: 0.4rem;
}
.price li{
  display: block;
  padding-bottom: 1.3rem;
}
.price .custom-switch {
    padding-left: 1.5rem;
}
.custom-control-input:focus~.custom-control-label::before {
  box-shadow: none;
}
.price b{
  font-weight: 700;
}
.price li > div{
  margin-left: 1.6rem;
}
.price .progress .bg-light{
  background: #ddd!important;
}

.price .progress{
  margin-top:-3rem;
  margin-bottom:3rem;
}

.price .justify-content-around .col-sm-6.h4{
  padding-left:20px;
  padding-right: 0;
}

@media (max-width: 760px){

  .price .position-absolute-bottom{
    position: unset!important;
  }
  .price li{
    padding-bottom: 1rem;
  }
}
@media (max-width: 576px){
  .price li{
    padding-bottom: 0.7rem;
  }
}
.price .h3 u{
  display: block;
  color:#000;
  font-size: 3.3rem;
  margin-top: -1rem;
  letter-spacing: normal;
}
.price.bg-white{
  background-color: #f8f8f8!important;
}
/*.price .gold{
    background: linear-gradient(160deg, #000000 65%, #ffd60f 76%, #ff0c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/
.price .brend-background.badge-pill{
    background-color: #f44336;
}
.price .bg-secondary{
    background: #ddd!important;
    border: 1px solid #bbb;
}
.price .tariff{
    box-shadow: 0 30px 30px -10px rgba(18,43,72,.1);
}

.price .text-danger span{
    width: 30px;
    height: 30px;
    display: inline-block;
}
.price ul{
    /*line-height: 2.5em;*/
    opacity: 0.85;
}
.price .badge{
  font-size: 80%;
  line-height: 1.1rem;
}
.price .installment-on{
    opacity: 0.7;
}
.price .none{
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
}
.tariff > *{
  opacity: .99;
}
.tariff .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #2ea22e;
    background-color: #6c6;
}
.tariff .hover {
    opacity:0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
}
.tariff:hover .hover {
    opacity:.99;
}
.tariff:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: .25rem;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
}
.tariff:hover:before {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    box-shadow: 0 30px 30px -10px rgba(18,43,72,.3);
}
.tariff .progress{
  opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
}
.tariff:hover .progress{
  opacity: .7;
}
.price .helper{
    opacity: 0;
    cursor: pointer;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    -moz-transition: 0.35s;
    transition: 0.35s;
    margin-left: 0.3rem;
}
.tooltip-inner{
    background-color: #333!important;
}
.tooltip.show .arrow:before{
    border-top-color: #333!important;
}
.price .check{
    position: absolute;
    margin-top: 0.2rem;
}
.price li:hover .helper,
.price button[aria-describedby] .helper{
    opacity:1;
}
.price .bg-secondary{
    background: linear-gradient(90deg, rgba(0, 1, 40, 0.9), rgba(0, 1, 40, .85)), url(/images/bg1_min.jpg)!important;
}

/*.why{background:#f8f8f3;}*/
.why{
    -webkit-transition:600s linear;
    -moz-transition:600s linear;
    -o-transition:600s linear;
    background: linear-gradient(to right, rgba(0,0,0,0) 15%,rgba(21, 0, 0, 0.66) 30%,rgba(0, 13, 62, 0.54) 70%,rgba(0,0,0,0) 85%), url(/images/bg5.jpg) -1px center;
    /*background:linear-gradient(290deg, rgba(1, 20, 158, 0.79), rgba(97, 0, 13, 0.73)), url(/images/bg5.jpg);*/
    background-repeat: no-repeat;
    /*background-size: 150%;*/
    background-size: cover;
    background-position-x: center;
}

@media (max-width: 1000px){
  .webp .why {
    background: linear-gradient(290deg, rgba(1, 20, 158, 0.79), rgba(97, 0, 13, 0.73)), url(/images/bg5.webp);
  }
  .no-webp .why {
    background: linear-gradient(290deg, rgba(1, 20, 158, 0.79), rgba(97, 0, 13, 0.73)), url(/images/bg5.jpg);
  }
}

.roadmap .dotted{
    position: absolute;
    margin-left: -70px;
    margin-top: 50px;
}
.roadmap .dotted b{
    display: inline-block;
    width:7px;
    height:7px;
    border-radius:50%;
    background: #777;
    margin: 0 6px;
}


#teachers{background: linear-gradient(90deg, rgba(12, 34, 202, 0.85), rgba(0, 4, 31, 0.83)), url(/images/bg3_min.jpg);}
.open-form{background: linear-gradient(90deg, rgba(242, 68, 92, .7), rgba(26, 46, 195, .7)), url(/images/bg1_min.jpg);}




u{white-space:nowrap; text-decoration:none;}

.modal .close{
    position: absolute;
    /*top: -1rem;*/
    right: 1rem;
}
.modal .close:focus{
    outline: none;
}

.modal .modal-dialog{
    position: relative;
}

.modal .head{}
.modal img{width: 10.5rem;}
form small {line-height: 1.4rem; font-weight: 300;}


.program .row.pl-4{margin-left:-10px;}




.savecoki{box-shadow:0 0 1rem RGBA(0,0,0,.2)}
.savecoki .h6{font-size:14px;}
.savecoki small{font-size:11px;}

iframe.img-fluid{width: 100%;}

#videoModal .modal-body{width: 500px; height: 300px;}







.webinar-banner{
  position:fixed;
  z-index: 1;
  box-shadow: 0 0 1rem RGBA(0,0,0,1);

  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  transition-duration: 0.35s;

  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.webinar-banner a{
  text-decoration: underline;
  color:#fff;
}
.webinar-banner .container{
  padding: 3px 0;
}
.webinar-banner .container,
.webinar-banner .row{
  padding:0;
  margin:0;
}








.blog .navbar-brand img{width: 12rem;}
.blog .text-muted{color: #bbb!important;}
.blog .articles a.text-dark{color: #212529!important;}
.blog .articles a.text-dark:hover{color: #777!important;}
.blog .articles p{font-size: 1.1rem; line-height: 1.9rem; margin-bottom:1.4rem; font-weight: 400;}
.blog .speed-reed.dot:before{content: '\2022'; padding:0 10px 0 5px;}

@media (max-width: 600px){
    .blog .articles .h2{font-size: 1.5rem;}
    .blog .articles p{font-size: .9rem; line-height: 1.5rem;}
}







.course.login #course-header{display: none!important;}
.course.login .footer{display: none!important;}

.course #headerwrap > .container > .row{text-shadow:none;}
#headerwrap .login .bg-light{background:rgba(255, 255, 255, 0.8)!important;}
/*#headerwrap .login img{width:17rem;}*/
#headerwrap .login .d-flex > div{min-width: 410px;}



#course-header{background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/top_bg5-min.jpg) center 75%; background-size: cover;}
/*#course-header a.position-absolute{right:0.5rem; top:0.5rem;}*/
#course-header div.position-absolute{top:0.4rem;}

.course .navbar-brand{margin: 0;}
.course .navbar-brand img{background:rgba(255, 255, 255, 0.4); width:10rem;}
.course .text-muted{color:#a1a1a1ba!important;}
.course .text-muted a{color:#3981f180!important;}
.course .text-muted a:hover{color:#068af1!important;}

.course.list .h4{color:#555;}

.course.list .footer .nav{display: none;}
.course.lesson .badge-success{background-color:#7ab46f!important;}
.course.lesson .badge{top: -1rem; font-size: 0.7rem; padding-top: 0.3rem;}
.course.lesson .chevron{width:0.9rem;}
.course.lesson .success{width:1rem;}
.course.lesson .link{width:1rem;}
@media (min-width: 800px){
    .course.lesson .container iframe{width: 750px; height: 440px;}
}










.course.lesson .comments .row .menu *{transition:all 0.2s ease 0s;}
.course.lesson .comments .row a:visited{color:#2972c1;}
.course.lesson .comments .row a:hover{color:#7b7b7b;}
.course.lesson .comments .row > *{max-width: 80%; position: relative; font-size: 0.9rem; word-wrap: break-word;}
.course.lesson .comments .row .sign{position: relative; right: 0; bottom: -0.65rem; float: right; min-width: 4rem;}
.course.lesson .comments .row .sign > *{float: right;}
.course.lesson .comments .row .time{margin-right:0.3rem; font-size: 0.75rem; text-align: right; color: #aaa; width: 2.05rem; line-height: 0.9rem;}
.course.lesson .comments .row .edited{height:0.7rem;}
.course.lesson .comments .row .reply-text{border-left: 3px solid #aaa; color: #888; padding: 0.1rem 0.3rem; cursor:pointer;}
.course.lesson .comments .row .reply-text:hover{background:#0000000f;}
.course.lesson .comments .row .date{font-size: 0.8rem; color: #aaa;}
.course.lesson .comments .row .more{font-size: 0.8rem;}
.course.lesson .comments .add-file img{width: 1rem;}
.course.lesson .comments .row .menu i{display: block; background:#bbb; width:3px; height:3px; margin:1px; border-radius:50%; cursor:pointer;}
.course.lesson .comments .row:hover .menu i{width:0.7rem; border-radius:2px; background: #888;}
.course.lesson .comments .dropdown-menu{font-size: 0.8rem;}
.course.lesson .comments .dropdown-item{cursor:pointer;}
.course.lesson .comments .bg-light.is_edited{background-color: #ffecd0!important;}

.course.lesson .comments .row.select-message{}
.course.lesson .comments img.content-file{cursor:pointer;}
.course.lesson .comments img.content-file,
.course.lesson .comments audio.content-file,
.course.lesson .comments video.content-file{min-width:150px; max-width:350px; max-height:300px;}
.course.lesson .comments #popup-photo .modal-body{background: #eee;}


@media (min-width: 1300px){
    .course.lesson .comments #popup-photo .modal-lg {max-width: 1290px;}
}

#comments {


}


#comments{transition:0.1s;}
#comments.hover{box-shadow: 0 0 3.5rem #060; }
/*#comments.error{background: #faa; border-color: #f00;}*/
/*#comments.drop{background: #afa; border-color: #0f0;}*/






.course.lesson .comments .row.select-message .bg-light{
    -webkit-animation: signal 2s normal;  /* Safari 4+ */
    -moz-animation: signal 2s normal;  /* Fx 5+ */
    -o-animation: signal 2s normal;  /* Opera 12+ */
    animation: signal 2s normal;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes signal{
    0% {background-color: #f0f5ff;}
    10% {background-color: #98baff;}
    50% {background-color: #f0f5ff;}
    60% {background-color: #98baff;}
    100% {background-color: #f0f5ff;}
}
@-moz-keyframes signal{
    0% {background-color: #f0f5ff;}
    10% {background-color: #98baff;}
    50% {background-color: #f0f5ff;}
    60% {background-color: #98baff;}
    100% {background-color: #f0f5ff;}
}
@-ms-keyframes signal{
    0% {background-color: #f0f5ff;}
    10% {background-color: #98baff;}
    50% {background-color: #f0f5ff;}
    60% {background-color: #98baff;}
    100% {background-color: #f0f5ff;}
}
@keyframes signal{
    0% {background-color: #f0f5ff;}
    10% {background-color: #98baff;}
    50% {background-color: #f0f5ff;}
    60% {background-color: #98baff;}
    100% {background-color: #f0f5ff;}
}


/*.course.lesson .comments.border{border-top:0!important; border-bottom: 0!important; border-left: 1px solid #eee!important; border-right: 1px solid #eee!important;}*/

.course.lesson .comments.border{border:0!important;
  box-shadow:
  -4px 0px rgb(255,255,255), 4px 0px rgb(255,255,255),
  -5px 0px rgb(235,235,235), 5px 0px rgb(235,235,235),
  -6px 0px rgb(240,240,240), 6px 0px rgb(240,240,240),
  -7px 0px rgb(245,245,245), 7px 0px rgb(245,245,245),
  -8px 0px rgb(250,250,250), 8px 0px rgb(250,250,250);

  }

.course.lesson .comments .reply-box{padding: 10px; margin-bottom: -5px; border-bottom: 1px solid #ddd; z-index: 3; position: relative; border-radius:.25rem .25rem 0 0;}
.course.lesson .comments textarea {padding: 10px; vertical-align: top; font-family:Roboto, "Open Sans", Arial; color: #212529; font-weight:300; border:0;}
.course.lesson .comments textarea:focus {outline-style: solid; outline-width: 1px; outline-color:#eee; outline: none;}
.course.lesson .comments .d-flex.textarea > *{max-width:100%;}

.course.lesson .comments ::-webkit-input-placeholder {color:#bbb; opacity:1;}
.course.lesson .comments ::-moz-placeholder          {color:#bbb; opacity:1;}
.course.lesson .comments :-moz-placeholder           {color:#bbb; opacity:1;}
.course.lesson .comments :-ms-input-placeholder      {color:#bbb; opacity:1;}

.course .comments .btn-outline-primary{color:#007bff; border-color: #007bff;}
.course .comments .btn-outline-primary:hover{color:#fff;}
.course.lesson .comments .img{width:3rem; margin:0 0 0 0.5rem!important;}
.course.lesson .comments .author{font-weight: 500;}







.checkmark{position: relative; right: 0; bottom: -1rem; float: right;
    display:inline-block; width: 1.5rem; height:1.5rem; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 7px;}
.checkmark_stem{position: absolute; width:.1rem; height:.7rem; background-color:#a5d096; left:0; top:0;}
.checkmark_kick{position: absolute; width:.4rem; height:.1rem; background-color:#a5d096; left:-.3rem; top:.65rem;}


.closemark{float: right; text-align: center; font-size: 1.2rem; width:1.75rem; height:1.75rem; color:#aaa; cursor:pointer;}
.closemark:hover{color:#777;}






.admin-panel{position:fixed; left:0; height:100%; min-height:100%; background:#01172b; color:#fff;}
.admin-panel .dropdown-item:hover{color:#333!important; background:#ddd!important;}




.course.list .confirmed .text-right{position:relative;}

.course.list .confirmed .text-right:before{content:""; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUyIDUyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MiA1MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPHBhdGggZD0iTTI2LDBDMTEuNjY0LDAsMCwxMS42NjMsMCwyNnMxMS42NjQsMjYsMjYsMjZzMjYtMTEuNjYzLDI2LTI2UzQwLjMzNiwwLDI2LDB6IE0yNiw1MEMxMi43NjcsNTAsMiwzOS4yMzMsMiwyNiAgIFMxMi43NjcsMiwyNiwyczI0LDEwLjc2NywyNCwyNFMzOS4yMzMsNTAsMjYsNTB6IiBmaWxsPSIjMjhhNzQ1Ii8+Cgk8cGF0aCBkPSJNMzguMjUyLDE1LjMzNmwtMTUuMzY5LDE3LjI5bC05LjI1OS03LjQwN2MtMC40My0wLjM0NS0xLjA2MS0wLjI3NC0xLjQwNSwwLjE1NmMtMC4zNDUsMC40MzItMC4yNzUsMS4wNjEsMC4xNTYsMS40MDYgICBsMTAsOEMyMi41NTksMzQuOTI4LDIyLjc4LDM1LDIzLDM1YzAuMjc2LDAsMC41NTEtMC4xMTQsMC43NDgtMC4zMzZsMTYtMThjMC4zNjctMC40MTIsMC4zMy0xLjA0NS0wLjA4My0xLjQxMSAgIEMzOS4yNTEsMTQuODg1LDM4LjYyLDE0LjkyMiwzOC4yNTIsMTUuMzM2eiIgZmlsbD0iIzI4YTc0NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat; position:absolute; right:5.5rem; color:#1bb701; width:1.2rem; height:1.2rem; background-size: 1.2rem; display: block; top: 0.1rem;}

    /*;*/

.course .emulation-video{width: 750px; height: 440px; padding-top:160px;}




@media (max-width: 830px){
    iframe,
    .course .emulation-video
        {width: 700px; height: 410px;}
}
@media (max-width: 700px){
    iframe,
    .course .emulation-video
        {width: 600px; height: 350px;}
    #course-header .position-absolute{position:relative!important;}
    /*.course.list .confirmed .text-right:before{display: none;}*/
}
@media (max-width: 600px){
    iframe,
    .course .emulation-video
        {width: 500px; height: 290px;}
}
@media (max-width: 500px){
    iframe,
    .course .emulation-video
        {width: 400px; height: 230px;}
    #headerwrap .login .d-flex > div{min-width:auto;}
}
@media (max-width: 400px){
    iframe,
    .course .emulation-video
        {width: 300px; height: 170px;}
    .course.list .h4{font-size: 1rem;}
    .course.list .h5{font-size: 0.95rem;}
    .course.list .confirmed .text-right:before{right:3.5rem; width:1.0rem; height:1.0rem; background-size: 1.0rem; top: 0;}
}


@media (max-width:800px){
    .container {max-width:100%;}
}


.course.list .confirmed .text-right:after {
    position: absolute;
    content:attr(data-title);
    right: 7.5rem;
    transition:0.2s;
    opacity:0;
    transition-delay: 0.3s;
    background: #7ab46f;
    color: #fff;
    padding: .25em .4em;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}


.course.list .confirmed .text-right:hover:after {
    opacity:1;
}

.amp .articles{width: 690px; max-width: 690px; margin: 0 auto; padding: 3rem;}

@media (max-width: 700px){
    .amp .articles{width: 600px; max-width: 600px; margin: 0 auto; padding: 3rem;}
}
@media (max-width: 600px){
    .amp .articles{width: 500px; max-width: 500px; margin: 0 auto; padding: 1rem;}
}
@media (max-width: 500px){
    .amp .articles{width: 400px; max-width: 400px; margin: 0 auto; padding: 1rem;}
}
@media (max-width: 400px){
    .amp .articles{width: 300px; max-width: 300px; margin: 0 auto; padding: 1rem;}
}
@media (max-width: 300px){
    .amp .articles{width: 200px; max-width: 200px; margin: 0 auto; padding: 1rem;}
}
.amp{padding: 3rem 0;}

.amp a{text-decoration: none;}
.amp .h2{
    color: #212529;
    font-size: 2rem;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.2;
}





@font-face {
    font-family: 'font_img';
    font-display: swap;
    src: url('/images/font/font62.eot#iefix') format('embedded-opentype'),
         url('/images/font/font62.woff2') format('woff2'),
         url('/images/font/font62.woff') format('woff'),
         url('/images/font/font62.ttf') format('truetype'),
         url('/images/font/font-img2.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*Новый год*/
.navbar .navbar-brand{
  margin-left: -18px;
  padding-top:0;
  padding-bottom: 0;
}
.navbar .navbar-brand img {
    width: 17rem;
}