@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: local('OpenSans-Light'), local('OpenSans-Light'),
    url('OpenSans-Light.ttf') format('truetype');

}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: local('OpenSans-Regular'), local('OpenSans-Regular'),
    url('OpenSans-Regular.ttf') format('truetype');

}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: local('OpenSans-Medium'), local('OpenSans-Medium'),
    url('OpenSans-Medium.ttf') format('truetype');

}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: local('OpenSans-SemiBold'), local('OpenSans-SemiBold'),
    url('OpenSans-SemiBold.ttf') format('truetype');

}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: local('OpenSans-Bold'), local('OpenSans-Bold'),
    url('OpenSans-Bold.ttf') format('truetype');

}
@font-face {
    font-family: 'Bebas Neue Pro';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: local('BebasNeuePro-Bold'), local('BebasNeuePro-Bold'),
    url('BebasNeuePro-Bold.ttf') format('truetype');

}
html {
    overflow-y: scroll;
    min-height: 100%;
}

a:hover {
    text-decoration: none;
    color: black;
}

#phone::before {
    content: "+";

}

a.more,
button.round,
input.round,
a.round {
    padding: 8px 32px;
    background: white;
    color: black;
    line-height:1em;
    display:inline-block;
    border: solid black 1px;
    border-radius: 51px;
    /*margin-right: 10px;*/

}

.reg-btn {
    display: inline-block;
    padding: 8px 32px;
    background-color: white !important;
    margin-left: 15px;
    float: right;
    width: 30%;
    color: gray;
    font-weight: bold;
    line-height: 1em;
    margin-right: 10px;
    align-items: flex-start;
    text-align: center;
    border: solid gray 1px;
}
.next-btn {
    display: inline-block;
    padding: 8px 32px;
    background-color: rgb(64, 189, 131) !important;
    margin-left: 15px;
    float: right;
    width: 30%;
    color: white;
    font-weight: bold;
    line-height: 1em;
    margin-right: 10px;
    align-items: flex-start;
    text-align: center;
}
#upperhelp { padding:0 !important; margin-bottom:0px; }
#video { /*padding:0 !important;*/ }
.problemBlockLanding { margin-bottom: 10px; min-height: 90px; }
.problemLineLanding {
    display: flex; margin:15px 0; padding: 10px; flex-wrap: wrap;justify-content: space-between;

}
@media (min-width: 578px) {
    .problemLineLanding {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}
.problemContentLanding {
    order: 3;
    margin: 20px 0 0 0!important;
}
.problemContentLanding b{
    white-space: normal!important;
}
@media (min-width: 578px) {
    .problemContentLanding {
        order: unset;
        margin: 7px 20px 0!important;
    }
    .problemContentLanding b{

    }
}

.problemLineLanding:hover { background: #f0f0f0}
.problemLineLanding .box { border: solid #777777 1px; display: block; ; text-align: center; width: 70px; padding: 4px 5px; }
.problemLineLanding .box span { display: block; font-size: 12px; line-height: 0.9em; }
.problemLineLanding .box { margin-top: 2px; }
.problemLineLanding  .problemContentLanding {

    margin: 7px 20px 0; font-size: 1.2em; vertical-align: top;
    overflow: hidden; white-space: nowrap; display: block; flex-grow: 2; }
.landingBlockMore { float: right; margin-bottom: 30px; }
.more-link { font-weight: bold; text-decoration: none; text-transform: uppercase; color: #c0c0c0; }
.embed-responsive-12by5 { padding-bottom: 38%; min-height:100px; }
.problemContentLanding { position: relative; height: 4.5em; overflow: hidden; ; color: #b7b7b7; width:100%}
.problemContentLanding span { font-style: italic; line-height: 1.2em; font-size: 0.8em; white-space:normal}
.problemContentLanding span p { margin: 0;}
.problemContentLanding b { display: block; line-height: 1.0em; margin-bottom: 10px; color: black;}
.problemContentLanding img {display: none }
hr {
    padding:0;
    margin: 0 0 20px;
}

.container {
    padding :0;
    max-width: 1200px!important;
    width: 100% !important;

}
.container-main {
    max-width: 1800px!important;
}
.media-video{
    width: 16.6%;
}
@media (max-width: 960px) {
    .media-video{
        width: 25%;
    }
}
@media (max-width: 480px) {
    .media-video{
        width: 50%;
    }
}

a {color: #323232}
a:visited {color: #323232; }
.navbar-left li a:hover { background: inherit; }
/*.navbar-left li.active:before,*/
/*.navbar-left li:hover:before {*/
    /*background: inherit;*/
    /*content: '\25B6\FE0E';*/
    /*font-family: EmojiSymbols, "Segoe UI Symbol", sans;*/
    /*font-size: 16px;*/
    /*position: absolute;*/
    /*color: black;*/
    /*margin: 2px 0 0 -5px;*/
/*}*/
/*.nav li:hover:before {*/
    /*color: rgb(64, 189, 131);*/
/*}*/

.navbar-right {
    display: flex;
    margin-right: -5px;
    margin-left:  0px;
}
h4 i {
    border-bottom: solid 1px #dedede;
    display:block;
    height:7px;
}
h4 {
    height: 1em;
    color:#d1d1d1;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    /*padding:50px 15px 60px;*/
    margin: 25px 15px;
}

h4 span {
    position: absolute;
    margin:0;
    padding-right:  20px ;
    background: white;
}
.navbar-toggle {
    border-color: #ddd;
}

.navbar-right li a { padding : 2px 3px ; margin-top: 10px; font-size: 12px; }
@media (min-width: 960px) {
    .navbar-right li a { font-size: 16px;}
}
@media (min-width: 480px) {
    .navbar-right li a { font-size: 14px;}
}
@media (min-width: 400px) {
    .navbar-right li a { padding : 5px 7px ;}
}
.navbar-nav .stick {
    float:left;
    width:1px;
    height: 14px;
    margin: 17px 0;
    background: black;
}
.nav .bar-brand {
    padding: 15px 19px;
}
@media (min-width: 768px) {
    .navbar-collapse {
        margin: 0 15px;
    }
}

.navbar-header { float: none; }
@media (min-width: 1000px) {
    .sidebar-nav .navbar-collapse {
        padding: 0;
        max-height: none;
    }
    .sidebar-nav ul {
        float: none;
        display: block;
    }
    .sidebar-nav li {
        float: none;
        display: block;
    }
    .sidebar-nav li a {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}

.menu>*:nth-child(n+4) {
    font-weight: bold;
}
.menu  li { position: inherit !important;}

body {
    letter-spacing: 0.2px;
    font-family: 'OpenSans';
    background: white;
    height: 100%;
    font-size: 14px;
    color: #323232;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}




input, textarea {
    padding:3px 5px ;
}

.sizes .control-label {
    text-align:left;
}



.has-error.form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error.form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
/* video thumbnail and link */
.video {
    /*height:230px;*/
    /*margin: 15px;*/
}


#bottom div a {
    display: block;
}
#bottom div b {
    display: block;
    padding-bottom: 10px
}

.content {
    margin-top: 100px;
}

.sidebar {
    float: left;
    width: 25%;
}

.sidebar li a {
    font-size: 14px;
}


.sidebar li a[href$="#"] {
    color: #bbb !important;
}

.sidebar li {
    margin: 0 0 0 -15px;
    padding-left:15px;
}
ul { padding: 0; }

/*/////////////////////////////////////////// Landing */
.preview .date {
    float: left;
    width: 50px;
    text-align: center;
    font-weight: bold;
    line-height: 0.7;
    margin: 9px 16px 0 -2px ;
}
.preview .date b {
    font-size: 42px;
}

@media(min-width: 919px) {
    .preview .date b {
        font-size: 48px;
    }
}
.info-programm{
    font-size: 12px;
}
@media(min-width: 919px) {
    .info-programm{
        font-size: 14px;
    }
}
.preview {
    position:relative;
    padding:  0;
    /*margin-bottom:20px;*/
}

.preview img {
    /*width: 100%;*/
    /*height: 28em;*/
}

.preview p{
    margin-top: 5px;
    font-weight: 400;
    font-size: 10px;
    line-height: 110%;
    color: #969696;

}
#events .preview p{
    white-space: nowrap;
}
.preview h1 {
    /*color: white;*/
    font-weight: bold;
    margin:0;
    font-size: 14px;
    padding: 3px 0 !important;
}

a.preview, .preview > a {
    display: flex;
    padding: 15px;
    margin: 0 10px 0 0px;

}
.preview a:hover,
a.preview:hover {
    background: #f0f0f0;
}
em,
.preview a>div>p:first-child,
.preview >div>p:first-child {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 110%;
    color: #ACACAC;
    padding: 2px 0 0;
    margin-bottom: 5px;
}
.preview div > div {
    font-weight: 700;
    font-size: 10px;
    line-height: 110%;
    color: #585858;
}

@media(min-width: 960px) {
    .preview a>div>p:first-child,
    .preview >div>p:first-child {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .preview div > div {
        font-size: 16px;
    }

    .preview p{
        margin-top: 10px;
        font-size: 14px;
    }
}
#events .preview div > b {
    white-space: nowrap;
}
#faces h2 {
    text-align: left;
    white-space:nowrap;
}
#faces {
    position: relative;
}

#faces .opinion a { display: block}
#faces .opinion {
    display: inline-block;
    padding: 15px;
    width:16.6666%;
    white-space: nowrap;
    vertical-align: top;
}
#faces .opinion > * {
    display: block;
}
.round-quest{
    margin-top: 3px!important;
}
.option-control:visited ,
.option-control {
    position:absolute;
    right: auto;
    left: auto;
    width:45px;
    top: 75px;
    color:#dedede;
    font-size:48px;
}
.option-control:hover {
    color: #909090;
}
.help-link{
    margin-right: 10px!important;
}
#faces .opinion a {
    margin-top: 5px;
}

#faces .opinion img {
     display: inline-block;
     /*height: 160px;*/
     width: 100%;
    height: auto;
    -moz-transition: width  400ms , height 400ms;
    -webkit-transition: width 400ms , height 400ms;
    -ms-transition: width 400ms, height 400ms ;
    transition: width 400ms, height 400ms ;
}

#faces .opinion div {
    position: absolute;
    opacity: 0;
}

#faces .images {
    margin-top: 30px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    clear: both;
    display: flex;
    max-height: 600px;
    justify-content: center;
}
#faces .images a {
    /*flex-grow: 1;*/
}
#faces .images a img {
    width: auto;
    height:100%;
    max-height: 600px;
}

#faces .opinion  a:focus,
#faces .opinion  a:active {
     outline: 0;
    /*background: blue;*/
}

#faces .tab-content {
    text-align: left;
}

#faces .opinion.active  {
    background: #dedede;
}



/*/////////////////////////////////////////// Catalog */
#catalog .sidebar li.active {
    background: rgb(234,234,234);
}

#catalog .sidebar  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#catalog .sidebar b {
    font-weight: normal;
    display:block;
    margin-top: 5px;
    margin-bottom: 15px;
}
#catalog .sidebar a {
    color: #bbb339;
}

#catalog .cats .item h1 a,
#catalog .cats .item h1
{
    letter-spacing: -1px;
    font-weight: bold;
    display: block;
    margin: 10px 0;
    font-size: 18px;
    color: black;
    text-align: left;
}

#catalog .cats .item {
    clear: both;
    min-height: 154px;
    margin: 40px 0;
    position: relative;
    overflow: hidden;
}
#catalog .cats .item > div {
    padding: 0 10px 10px 280px;
}

#catalog .cats .item > a:hover {
    overflow: visible;
    z-index: 20;
}
#catalog .cats .item > a {
    position:absolute;
    overflow: hidden;
    min-height: 205px;
    height: 80%;
    margin-bottom: 20px;
}
#catalog .cats .item > a > img{
    margin-right: 40px;
    width: 250px;
    height: auto;
}

#catalog .cats {
    float:left;
    width:74%;
    padding-left: 15px ;
    border-left: solid 1px #c0c0c0;
    min-height: 250px;
}
#catalog > h1 {
    font-weight: bold;
    font-size: 34px;
    color: #c2ba3d;
    margin:-30px 0 30px 0;
    text-align: left;
}
/*///////////////////////////////////////////// Study Item */


.learnItem > div.container > h1 {
    padding: 15px 0;
}


.learnItem p {

    max-width: 950px;
    margin: 0 auto;
    padding: 10px 0;
}
.learnItem .about {
    /*background: url(/img/photo.jpg) no-repeat center top;*/
    margin: 50px 0 50px 0;
    position: relative;
}

.learnItem .about > h1 {
    letter-spacing: 0;
}
.learnItem .about > div {
    padding: 50px 0 40px;

}
.learnItem .about > img {
    position: absolute;
    height: 100%;
    z-index:-1;
    right:0;
    top: 25px;
}


.learnItem ol {
    display: inline-block;
}

.learnItem .learnText  ol   li {
    text-align: left;
    margin-left: 100px;
    line-height: 1.7em;
}

.learnItem {
    font-size: 16px;
    text-align: center;
}

.learnItem .about p {
    background: rgba(0,0,0,0.5);
    padding: 10px 20px;
    text-align: left;
    color: white;
    font-size:20px;
}

.learnItem .about h1 {
    background: black;
    color: white;
    font-weight: bold;
    font-size: 24px;
    padding: 20px;
}


#studyItem {
    max-width: 970px !important;
}

#studyItem > div {
    font-size:16px;
}

#studyItem h1 {
    padding-top: 40px;
    color: white !important;
}
#studyItem h3 {
    text-align: center;
}
/************************************************** profile */
 #avatar form{
    /*background: rgb(240,240,240);*/
    text-align: center;
    /*padding: 15px 0;*/
    margin-bottom: 10px;
}

 #avatar label {
    cursor: pointer;
}

#avatar label b {
    display: block;
    margin: 40% 0;
    text-align: center;
}

#profile .card a.glyphicon-remove {
    position:absolute;
    right: 0;
    top: 0px;
}

#profile .card.t label {
    /*color: white;*/
    color:#dedede;
    font-size: 170px;
    /*margin-top: -60px;*/
    cursor: pointer;
    font-weight: normal;
}

#profile .card {
    /*position: relative;*/
    /*vertical-align: top;*/
    overflow:hidden;
    text-align: center;
    display: inline-block;
    /*vertical-align: top;*/
    max-height: 200px;
    height: 100%;
    color: #bdbdbd;
    margin: 0 0px 0px 0;
    /*background: #dedede;*/
    box-sizing: border-box;
    /*border:#dedede 1px solid;*/
    -moz-box-sizing: border-box;
}
#profile .card.t {
    padding: 25px 10px !important;
    background: white;
    line-height: 0.9;
}

#profile #avatar span {
   color: rgb(189, 189, 189);
   text-align: center;
   display: block;
   padding: 10px 0 0 0;
}
/************************************************** other */
.render-form {
    margin: 0 -4px;
    text-align: left;
}

.vertical-form .render-group > label {
    float: left;
}

.render-group {
    /*padding: 0 4px;*/
}

.render-group > label {
    font-weight: normal;
    min-height: 20px;
    display: block;
    margin: 5px 0 0 0;
}

.render-group > input[disabled] {
    text-align: center;
    color: #9f9f9f;
}


.render-group > .render-button,
.render-group > input,
.render-group > select,
.render-group > button,
.render-group > textarea
{
     min-height: 25px;
     width: 100%;
     display: inline-block;
     border: solid 1px #dedede;
     background: #FFF;
     padding: 2px 3px;

}
.render-group > textarea {
     height: 128px;
}

.render-group > .render-button,
.render-group > button[type=submit],
.render-group > input[type=button] {
    text-align: center;
     background: #eee;
     color: #9f9f9f;
     min-height: 28px
}

#profile .render-group > label {
    color: #9f9f9f;
}
/*****************************************************/
#question {
    padding-bottom: 30px;
}
#question .render-group input {
    font-size: 14px;
}

#question textarea::-webkit-input-placeholder {  color: #d8d8d8; }
#question textarea::-moz-placeholder {  color: #d8d8d8;  }
#question textarea:-ms-input-placeholder {  color: #d8d8d8;   }
#question textarea:-moz-placeholder { color: #d8d8d8; }

#question .render-group {
     padding-bottom: 10px;
}
#question input[type=submit] {
     font-weight: bold;
     color: #989898;
}

#question textarea {
     height: 154px;
}

.toolbox form, .toolbox input, .toolbox button {
    display: inline-block;
}

.toolbox .tool {
    visibility: hidden;
}

.toolbox:hover .tool {
    visibility: visible;
}


#tech div > * {
    vertical-align: middle;
}

#tech .t {
    display: inline-block;
}

#tech {
    white-space: nowrap;
    background: #f5f5f5;
    height: 71px;
    font-size: 20px;
    padding: 10px;
}


@media screen and (min-height: 400px) {
   #loginModal #login {
       margin: -220px auto 0 auto;
       top: 50%;

   }
   .modal {
      height: 100%;
   }

}
.round.black,
.pay button.round ,
#login button.round {
    background: #2a2a2a;
    border-color:#2a2a2a;
    color: white;
    display:block;
    margin:auto;
    font-weight: bold  ;
    text-align: center;
}

.green .round, .round.green {
    background: rgb(64, 189, 131);
    border-color:rgb(64, 189, 131);
    color: white;
    display:block;
    margin: 0 3px;
    font-weight: bold ;
    text-align: center
}
.green .group-round .round, .round.green {
    background: transparent;
    border-color:transparent;
    padding:12px 14px;
    margin-right: 20px;

}
.group-round {
    background-color: black;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /*margin: 0 15px;*/
}

#login {
    border-radius: 7px;
    border: solid white;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    /*background: url(/img/bg.png);*/
    /*padding: 7px;*/
    max-width: 500px
}


#login .tab-content {
    padding: 0 40px 15px;
}

#login .render-group {
    margin-bottom: 10px;
}
#login div.text-center button.round {
    width: 100%;
    display:block;
    margin: 20px auto 30px;
}
@media(min-width: 768px) {
    #login div.text-center button.round {
        width: 50%;
    }
}
#login .render-group label:after {
    content: ':';
}
#login label {
    color: #bebebe;
}

#login > * {
    background: white;
}

#login .top .active a{
    color: #2c2c2c;
    font-weight: bold;
    text-decoration: none;
}
#login .top {
    padding: 24px 0 24px 31px;
}

#login .top a {
    color: #bebebe;
    font-weight: bold;
    font-size: 20px;
    margin-right: 22px;
}

.article p {
    margin-bottom:8px;
}

.article a {
    font-weight: bold;
}
.article a:hover {
    text-decoration: underline;
    background: inherit;
}

.tabs {
    list-style-type: none;
}
.tabs > li {
    display: inline-block;
}


/*////////////////////////////////////////////////////////////// Pay Method */
.price {
    background: #f5f5f5;
    padding: 20px 150px;
    margin: 20px auto;
}

.price .promo > * {
    vertical-align: middle;
    margin-right: 100px;
}

.pay .payMethod  li {
    position: relative;
    text-align: center;
    display: block;
}

.pay .payMethod a:hover ,
.pay .payMethod .active a {
    background: #f5f5f5;
}
.pay .payMethod a:hover >  img:first-child,
.pay .payMethod .active a >  img:first-child{
    border-color:#737373;
}
.pay .wu {
    text-align: right;
    max-width: 400px;
    padding-right: 200px;
    margin:20px auto
}
.pay .wu b{
    position:absolute;
    margin-left: 10px;
}
.pay .payMethod {
    border-right: 1px #dadada solid;
}
.pay .payMethod a > span > img {
    display: block;
}
.pay .payMethod a > span {
    margin-top: 10px;
    height: 48px;
    overflow:hidden;
    display: block;
}
.pay .payMethod a {
    color: black;
    cursor: pointer;
    display: block;
    padding: 10px 0;
}
.pay .payMethod img {
    float:left;
    margin-left: 10px;
    border: solid 1px #f4f4f4;
    border-radius: 2px;
    height:64px;
    box-sizing: content-box;

}
.pay .payMethod a b {
    display: block;
    /*float:right;*/
    width: 100%;
    padding: 24px 0;
    text-align: center;
}

.pay i {
    display: inline-block;
    background: #c1b93d;
    color: white;
    padding-top: 6px;
    font-size: 28px;
    width: 50px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
    font-style: normal;
}


.learnItem h2 ,
.pay .tab-pane h2 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
.pay .tab-pane ul {
    display: inline-block;
    text-align: left;
}
.pay .tab-pane {
    text-align: center;
}
/*//////////////////////////////////////////////////////////////////////*/

.poss h2 {
    font-weight: bold;
    letter-spacing: 0;
    font-size: 1.2em;
}

/*////////////////////////////////////*/
.bottom a[href='#'] {
    color: gray;
}


.anchor {
   position: absolute;
   top:-100px;
   display: block;
   height: 0;
   width:0;
}

.del {
    position:relative;
    text-decoration:none;
}
.del:after {
    content:"";
    position:absolute;
    top:40%; left:0; width:100%; height:6px;
    background:red;
    transform:rotate(-23deg);
}



.clock span, .clock b {
    width: 25px;
    display: inline-block;
    text-align: center;
    padding-top: 2px;
}
.clock b {
    width: 20px;
}

.clock {
    width: 262px;
    height: 60px;
    color: white;
    white-space: nowrap;
    float: right;
    margin-left: 38px;
    font-size: 32px;
    text-align: center;
    background: url("/img/timer.png") no-repeat 0px 0;
}
.offerLeft {
    font-size: 20px;
    vertical-align: middle;
}
.offerLeft span {
    vertical-align: middle;
    display: inline-block;
    margin: 0 30px;
    background: url(/img/gray.png) no-repeat;
    color: white;
    font-size: 32px;
    width: 51px;
    text-align: center;
}

.box h2 {
    text-align: center;
}
/*//////////////////////////////////////////////////////////////////////*/
.myClasses h1 {
    color:black;
    font-size: 26px;
    text-align: left;
}

.myClasses div > * {
    margin: 10px 0;
}

.myClasses .black a {
    text-decoration: underline;
    color: black;
    font-weight: bold;
}


.search input:placeholder {
    color: #c5c5c5;
}
.search {
    /*margin: 10px 0 40px 0;*/
    position: relative;
    width: 100%;
}
.search input,
.search button {
    height: 31px;
    border: solid 1px #dedede;
    vertical-align: baseline;
    top: 0;
}

.search button {
    background: transparent;
    border: 0;
    position: absolute;
    right: 0;
    color: #989898;
    width: 39px;
    /*border-radius: 0 4px 4px 0;*/
}

.search input {
    /*min-width: 350px;*/
    width: 100%;
    /*border-right: 0;*/
    border-radius: 4px;

}
h5 { white-space: nowrap}
h3 em , h5 em{
    font-size:1em;
    white-space: nowrap;
    border-left: solid 3px #dedede;
    padding-left:7px;
    margin-left:3px;
}


/* ------------------------------------------------- profile edit */
#profileEdit input ,
#profileEdit textarea ,
#profileEdit select {
    width: 100%;
    background: inherit;
    padding: 6px;
    border-radius: 1px;
    margin-bottom:5px;
    border: solid 1px #dedede;
}
#profileEdit input:disabled {   background: #dedede;}

#profileEdit .row>*:first-child {
    padding-top:7px;
    color: #a6a6a6;
    display: flex;
    align-items: center;
}
#profileEdit .row svg{
    margin-right: 10px;
}
#profileEdit .birth { margin-bottom: 5px;}
#profileEdit .birth select { margin:0 ;}
#profileEdit label {
    display: block;
    margin:0;
    border: solid 1px #dedede;
    border-radius: 1px;
    text-align: center;
    padding: 3px 4px 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
    color: #b8b8b8;
}
#profileEdit input[type=checkbox]:checked  {
    background: black;
}
#profileEdit input[type=checkbox] +input+ label::before {   content: "не "; }
#profileEdit input[type=checkbox]:checked +input+ label::before { content: ""; }
#profileEdit input[type=checkbox] {
    background: white;
    position: absolute;
    border: black 1px solid;
    border-radius: 1px;
    top: 3px;
    left: 25px;
    width: 15px;
    height: 15px;
}
/* ---------------------------------------------------- profile */
#profile p,
#profile h3 {
    margin:0;
    padding:0;
}
#profile .data * {
    display:block;
    padding-bottom:15px;
}
#profile .data *:empty {
    display:none;
}
#profile .data *:before {
    content:attr(label)':';
    color:#d0d0d0;
    width: 200px;
    display:block;
    float:left;
    text-decoration: none;
}
#spinnerAva{
    width: 64px;
    height: 64px;
    margin: auto;
}


.big-spinner .lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.big-spinner .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
}
.big-spinner .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FFF;
    margin: -3px 0 0 -3px;
}
.big-spinner .lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px;
}
.big-spinner .lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px;
}
.big-spinner .lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px;
}
.big-spinner .lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px;
}
.big-spinner .lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px;
}
.big-spinner .lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px;
}
.big-spinner .lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px;
}
.big-spinner .lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px;
}
@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
form .loader { display: none; text-align: left}
form.loading {
    position: relative;
}
form.loading .loader{
    display: flex;
    top:0;
    position: absolute;
    height:100%;
    width: 100%;
    background: rgba(255,255,255,0.8);
}

form.loading .loader img {
    padding-top: 50%;
    padding-left: 50%;
    margin-top:-64px;
    margin-left: -64px;
}



.banner-top  {
    padding-bottom:30px;
    position:relative;
}
.banner-top a, .banner-top a:visited {
    position: absolute;
    left: 10%;
    bottom: 22%;
    background: rgba(0,0,0,0.1);
    color: white !important;
    padding: 10px 30px;
    font-weight: bold;
    border-width: 2px;
    border-color: #ffeeee;
}

.stuff b,
.stuff a[style~='font-weight:bold']{
    margin: 10px 0;
    display: block;
}
.stuff .stuffTable { margin: 10px 0 6px}

.stuff .stuffTable p:nth-child(2n-1) {
    float:left;
    width: 200px;
}
.stuff > div >a, .stuff > div > a:hover {
    text-decoration: underline;
    display: block;
    background: inherit;
}
.stuff > div {
    margin-top: 10px;
}
.stuff a.round {
    position:relative;
    z-index:2;
    border-color: #ddcb29;
    font-weight: bold;
    margin-top: 20px;
    padding:8px 15px;

}


a.stuff:hover {
    background: inherit;
}

.violent > a{
    border-color: #9408ff;
    margin-left: 15px;
}
.catalog.courses .stuff.preview {
    width: 50%;
    float:left;
}

.stuff a.round:hover {
    background: #ddcb29;
}

.buy {
    background: rgb(64, 189, 131);
    color:white;
    padding: 16px 15px 13px;
    margin: auto;
    border: 0;
    text-decoration: none;
    display: block;
    width: 50%;
    font-size:16px;
    letter-spacing: 0;
    text-align: center;
}

.how2ask {
    margin-bottom: 40px;
    border: solid #f0f0f0 5px;
    padding:25px 30px 35px;
    background: white;
    position: relative;
    z-index: 2;
}
#quill-container>.ql-editor { min-height: 280px; }
#quill-container p,
#quill-container h1 { margin-bottom: 10px;}
.ql-header:after {
    content: 'H';
    font-weight: bold;
    font-size:19px;
    display:block;
    margin-top: -3px;
}
.problem .has-error { border: red 1px solid;background: #ffeeee; }
.problem a {font-weight: bold; }
.problemContent { position: relative; }
.problemContent img { max-width: 100%; height: auto;margin: 10px 0;}
.problemContent h1 { font-size: 1.4em;}
.problemContent a { color:#168acd; text-decoration: underline}

.problemLine { display:flex; margin: 15px 0;padding: 10px; }
.problemLine:hover { background: #f0f0f0}
.problemLine .box {border: solid #777777 1px; display: block; ; text-align: center; width: 70px; padding: 4px 5px;}
.problemLine .box span {display: block; font-size: 12px;line-height: 0.8;}
.problemLine .box {margin-top: 2px}
.problemLine > b {margin: 13px 20px;font-size:1.2em;vertical-align: top;  overflow: hidden;white-space: nowrap;display: block;flex-grow: 2}

.comments { text-align: left; border-bottom: solid 1px #f0f0f0; padding-bottom: 30px; margin-bottom: 15px;position: relative; width: 80%; margin-left: auto}
.comments > * {margin: 15px 0 15px 15px; clear:both; }

.vote .up:before { content: '\25B2\FE0E';font-family: "Segoe UI Symbol", EmojiSymbols, sans }
.vote .down:before { content: '\25BC\FE0E'; font-family: "Segoe UI Symbol", EmojiSymbols, sans}
.vote.on .up:hover:before{ color:rgb(64, 189, 131)  }
.vote.on .down:hover:before { color:#f64487; }

.vote {float: left;margin-top: -5px}
.vote.off .up, .vote.off .down{ color: #f0f0f0; }
.vote .up, .vote .down {
    border: 0;
    background: transparent;
    display:block;
    font-size: 25px;
    color: #d0d0d0;
}
.vote form {display: inline}
.vote , .vote * { width: 70px;text-align: center;}
.vote span{
    font-size: 24px;
    font-weight: bold;

    display: block;
    line-height: 1.1;
}

.comments .vote { position: absolute; right: 100%; margin:0; padding-left:15px;}
.comments .vote button {padding:0; }
.comments .vote > * ,
.comments .vote form > * {font-size: 13px; !important; display: inline;width: auto; }
.comments .vote.off button{display:none}

.square { display: block; position: relative; width: 100%;}
.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.upload-gray {background: rgb(183,183,183);}
.model-error {padding-top: 2em; color: red; font-weight: bold;  }
.model-error:after {content: 'Это поле является обязательным'; }
.sqcontent { position: absolute; left:0; right:0; top: 50%;cursor: pointer;
transform: translateY(-50%); color: white;text-transform: uppercase; text-align: center}
.sqtext {color: white;text-transform: uppercase; text-align: center; cursor: pointer}
.sqerror {position:absolute; bottom:5px;left:0; right:0; text-align:center;padding-top: 2em; color: #aa0000; font-weight: bold;  }
.sqerror:after {content: 'Это поле является обязательным'; }
.park p { margin-bottom: 1.5em; }


.playlist a:before{ font-family: EmojiSymbols, "Segoe UI Symbol", sans; content: '⏺\FE0E '; color: white ;
    position: absolute; margin: -2px 0 0 -20px ;}
.playlist a.active:before { color: #40bd83; }
.playlist a.active {font-weight: bold; }
.playroom h5 { font-weight: bold; font-size: 1.2em;}

#search #humans div { position:relative; float: left; }
#search #humans .img { padding-bottom:100%; overflow:hidden; position:relative ;border-radius:100%;}
#search #humans img { width:100%;height: auto; display:block;}
#search #humans div a {display:block;text-align: center}
#search #humans span { display: block; height: 3em; margin-top: 5px; line-height: 1.2em}
#search #problems > div { margin: 5px; }


.modelList .preview:nth-child(4n+1),
#search #video .preview:nth-child(4n+1)
{ clear: left; content: ' '; display: block}

a.round-quest, input.round-quest{
    background: rgb(64, 189, 131);
    padding: 2px 12px !important;
    border-color:rgb(64, 189, 131);
    float: right; color: white;
    z-index: 10;
    margin-left: 10px;
    position: absolute !important;
    white-space: nowrap;
    right: 0;
}
a.round-quest:hover,
input.round-quest:hover

{
    background: rgb(64, 189, 131) !important;
}

a.round-quest {
    right: -100px;
    top: 0;
    float: left;
}
@media (min-width: 720px) {
    a.round-quest {
        margin-left: 0px;
    }
}
@media (min-width: 998px) {
    a.round-quest {
        float: right;
    }
}
a.round-add{
    right: -30px !important;

}

@media (max-width: 998px) {
    a.round-quest{
        position: unset!important;
    }
}
@media (max-width: 768px) {
    a.round-quest{
        position: unset!important;
        margin-right: 0px;
    }
}
@media (max-width: 998px) {
    a.round-add{
        top: -35px;
        right: 0;

    }
}

@media (max-width: 768px) {
    a.round-quest{
        right: 0;
        top: 0;

    }
}
@media (max-width: 768px) {
    a.round-add{
        right: 0 !important;
        top: 0;
    }
}
@media (max-width: 768px) {
    a.round-add{
        right: 0 !important;
        top: 0;
        position: relative!important;
    }
}
body > .container {
    min-height: 70vh;
    padding: 0 15px;
}
@media (min-width: 540px) {
    body > .container {
        padding: 0 20px;
    }
}
@media (min-width: 568px) {
    body > .container {
        padding: 0 15px;
    }
}
@media (min-width: 720px) {
    body > .container {
        padding: 0 20px;
    }
}
@media (min-width: 896px) {
    body > .container {
        padding: 0 30px;
    }
}
@media (min-width: 1024px) {
    body > .container {
        padding: 0 20px;
    }
}
.l-more{
    white-space: nowrap;
}

@media (max-width: 768px) {
    .l-more{
        font-size: 12px;
        padding: 5px 10px !important;
        bottom: 28% !important;
    }
}

@media (max-width: 576px) {
    .l-more{
        font-size: 11px;
        padding: 5px 10px !important;
        bottom: 28% !important;
        border: 0 !important;
    }
}
.avatar-style{
    width: 510px;
    margin: 0 auto;
}
.avatar-style h3{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}
.avatar-style p{
    font-size: 14px;
text-align: left;
}
.avatar-style button{
    background-color: #414141;
    border: 0;
    color: white;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
}
#gpdr{
    display: none;
}
.gpdr-holder{
    display: flex;
    color: white;
    align-items: center;
    background: #666666;
    padding: 20px 0 20px;
    position: fixed;
    width: 100%;
    z-index: 10;
    bottom: 0;
}
.gpdr-button{

    background: white;
    color: #666666;
    border: 1px solid white;
    text-transform:uppercase;
    font-weight: bold;
    padding: 8px 8px 3px;
}
@media (min-width:720px){
    .gpdr-button {
        margin-left: 30px;
    }
}
.gpdr-holder .container{
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px;
}
@media (min-width:720px){
    .gpdr-holder .container{
        flex-wrap: nowrap;
        justify-content: unset;
        padding: 10px;
    }
}
.gpdr-text{
    text-align: start;
    margin-bottom: 10px;
}
@media (min-width:720px){
    .gpdr-text{
        text-align: unset;
        margin-bottom: 0;
    }
}
.lang__selected {
    display: flex;
    width: 50px;
    cursor: pointer;
    padding: 8px 0 8px 0;
}
.lang__selected:hover{
    /*background-color: #eee;*/
}

.lang__selected span{
    display: flex;
    /*justify-content: flex-end;*/
    margin-right: 4px;
    line-height: 1;
    font-weight: 700;
    min-width: 30px;
}
.lang__list {
    display: flex;
    flex-direction: column;
    padding: 8px 0px;
    position: absolute;
    top: 35px;
    right: 0;
    width: 50px;
    background-color: #eee;
    opacity: 0;
    visibility: hidden;
}
.lang__list a {
    display: flex;
    /*justify-content: flex-end;*/
    line-height: 1;
    font-weight: 700;
    margin: 0  12px 10px 0;
}
.lang__list a:last-child {
    margin: 0 12px 0 0;
}
.lang-holder{
    display: flex;
}
.block-down {
    width: 10px;
    position: relative;
}
.block-down::after {
    content: '';
    position: absolute;
    top: 3px;
    border: 5px solid transparent;
    border-top: 5px solid black;
}
.lang__controlls{
    margin-top: 10px;
    position: relative;
}
.lang__list.opened {
    opacity: 1;
    visibility: visible;
    margin-top: -10px;
}
.lang__selected.opened{
    background-color: #eee;
}

.lang__selected.opened span{
    color: #9fa4a5;
}
.lang__list.opened a{
    color: #9fa4a5;
}
.lang__selected.opened span:hover{
    color: #000000;
}
.lang__list.opened a:hover{
    color: #000000;
}
.invoice-form {
    max-width: 573px;

}
.invoice-form .alert{
    margin-top: 20px;
}
.invoice-form-title{
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
}
.invoice-form-subtitle{
    font-weight: boldрп ;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 11px;
}
.invoice-form-text{
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 43px;
}
.invoice-form-reg{
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 8px;
}
.invoice-input-label{
    font-size: 14px;
    line-height: 14px;
    color: #B0AFAF;
    font-weight: normal;
    margin-top: 12px;
}
.invoice-form input[type="text"]{
    background: #E8F0FE;
    border: 1px solid #DBDADA;
    width: 100%;
}
.invoice-form input[type="password"]{
    background: #E8F0FE;
    border: 1px solid #DBDADA;
    width: 100%;

}
.submit-form{
    margin-top: 32px;
    display: flex;
    width: 573px;
    align-items: center;
    justify-content: space-between;
}
.submit-form button[type="submit"]{
    background: #000000;
    border-radius: 100px;
    color: white;
    padding: 9px 30px;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
}
.submit-form div{
    font-size: 16px;
    line-height: 16px;
}
.submit-form div a{
    font-weight: bold;
    border-bottom: 1px solid black;
    transition: all .3s;
}
.submit-form div a:hover{

    border-bottom: 1px solid transparent;
}

.invoice-form [type="radio"]:checked,
.invoice-form [type="radio"]:not(:checked) {
    display: none;

}
.invoice-form [type="radio"]:checked + label,
.invoice-form [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 29px;
    display: inline-block;
    color: #666;
}
.invoice-form [type="radio"]:checked + label:before,
.invoice-form [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border: 2px solid #DFE0E1;
    border-radius: 100%;
    background: #E8F0FE;
}
.invoice-form [type="radio"]:checked + label:after{
    content: '';
    width: 7.5px;
    height: 7.5px;
    background: #40BD83;
    position: absolute;
    top: 9px;
    left: 9px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.invoice-form [type="radio"]:not(:checked) + label:after{
    content: '';
    width: 7.5px;
    height: 7.5px;
    background: #fc001a;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.invoice-form [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.invoice-form [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.mk-title{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}
.mk-holder{
    margin: 0 15px;
}
.mk-button-holder{
    display: none;
    justify-content: center;

}
.mk-holder iframe{
    margin-bottom: 60px;
}

.mk-button-holder a{
    margin: 0 12px 100px;
    border: 3px solid #FF005C;
    outline: none;
    font-weight: 900;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    width: 330px;
    padding: 22px 10px;
    background: transparent;
    cursor: pointer;
    text-align: center;


}
.mk-button-holder a.full{
    background: #FF005C;
}

.mk-iframe-holder{
    display: flex;
}



.videowrapper{
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 53%;
    padding-top: 25px;
    height: 0;
}
.videowrapper-invite{
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 53%;
    padding-top: 25px;
    height: 0;
}
.videowrapper-1{
    float: none;
    clear: both;
    width: 30%;
    position: relative;
    padding-bottom: 53%;
    padding-top: 25px;
    height: 0;
    display: none;
}
@media (min-width:568px) {
        .videowrapper-1{
            display: block;
        }
        .videowrapper{
           width: 70%;
        }
    }
.videowrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videowrapper-invite iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videowrapper-1 iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.zoom-in:focus::after, .zoom-in:hover::after {
    transform: scale(1.02);
}
.layer-background:hover .zoom-in::after{
    transform: scale(1.02);
}
:hover > .layer-background {
    opacity:1;

}
.layer-underground {
    /*background-color: black;*/
    background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.7));
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .3s;
}

.layer-background {
    /*background-color: black;*/
    background-image: linear-gradient(180deg, rgba(0,0,0,0.7), rgba(0,0,0,0));
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .5s;
}
.render-banner-hodler {
    width: 100%;
    display: flex;
    padding: 0;
    background: #F4F3F3;



}
@media (min-width: 640px){
    .render-banner-hodler {
        margin-bottom: 30px;
    }
}

.render-bunner-link{
    background: black;
}
.render-banner-img-holder {
    width: 100%;
    position: relative;
    overflow: hidden;
    /*display: flex;*/
}

.render-banner-img {
    height: 257px;

    background-size: cover;
    background-position: center;
    /*background-color: #555;*/
    display: flex;
    flex-wrap: wrap;
    /*width: 50%;*/

}
@media (min-width: 640px){
    .render-banner-img {
        height: 300px;
    }
}
@media (min-width: 960px){
    .render-banner-img {
        height: 550px;
    }
}
.render-banner-title-holder{
    display: flex;
    justify-content:center;
    align-items: center;
    width: 50%;
    flex-direction: column;
}
.render-banner-title-holder h1{
    font-family: 'Bebas Neue Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 36px!important;
    line-height: 30px;
    text-transform: uppercase;
    color: #252525;
    text-align: center;
}
@media (min-width: 640px){
    .render-banner-title-holder h1{
        font-size: 64px!important;
        line-height: 55px;
    }
}
@media (min-width: 960px){
    .render-banner-title-holder h1{
        font-size: 90px!important;
        line-height: 80px;
    }
}
@media (min-width: 1100px){
    .render-banner-title-holder h1{
        font-size: 120px!important;
        line-height: 110px;
    }
}
@media (min-width: 1400px){
    .render-banner-title-holder h1{
        font-size: 160px!important;
        line-height: 130px;
    }
}
.render-banner-title-holder div{
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    font-size: 7px;
    line-height: 90%;
    max-width: 150px;
    text-transform: uppercase;
}

@media (min-width: 640px){
    .render-banner-title-holder div{
        font-size: 12px;
        max-width: 260px;
        line-height: 90%;
    }
}
@media (min-width: 960px){
    .render-banner-title-holder div{
        font-size: 10px;
        line-height: 90%;
        max-width: unset;
    }
}
@media (min-width: 1100px){
    .render-banner-title-holder div{
        font-size: 14px;
        line-height: 90%;
    }
}
@media (min-width: 1400px){
    .render-banner-title-holder div{
        font-size: 18px;
        line-height: 90%;
    }
}
.render-banner-title-holder p{
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    font-size: 7px;
    line-height: 90%;
    max-width: 150px;
    text-transform: uppercase;
}

@media (min-width: 640px){
    .render-banner-title-holder p{
        font-size: 12px;
        max-width: 260px;
        line-height: 90%;
    }
}
@media (min-width: 960px){
    .render-banner-title-holder p{
        font-size: 10px;
        line-height: 90%;
        max-width: unset;
    }
}
@media (min-width: 1100px){
    .render-banner-title-holder p{
        font-size: 14px;
        line-height: 90%;
    }
}
@media (min-width: 1400px){
    .render-banner-title-holder p{
        font-size: 18px;
        line-height: 90%;
    }
}
.link-render-banner{
    display: flex;
    width: 100%;
}
.render-banner-img-holder:nth-child(1) {
    border-right: 2px solid white;

}

.render-banner-img-holder:nth-child(2) {
    border-left: 2px solid white;
}

.events-holder{
    margin-bottom: 10px;
    padding-bottom: 15px;
    transition: all .3s;
    padding-top: 15px;
    padding: 15px 7px!important;
}
@media (min-width: 768px) {
    .events-holder{
        margin-bottom: 30px;
        padding: 15px 15px!important;
    }
}
.events-holder:hover{
    background: #f0f0f0;
}
#events{
    margin-top: 40px;
    padding-left: 7px;
    padding-right: 7px;
}
@media (min-width: 480px) {
    #events{
        margin-top: 26px;
        margin-bottom: 26px;
    }
}
@media (min-width: 768px) {
    #events{
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 960px) {
    #events{
        margin-top: 52px;
        margin-bottom: 51px;
    }
}
.event-title{
    font-family: 'OpenSans';
    font-weight: 700;
    font-size: 18px;
    line-height: 80%;
    letter-spacing: -0.08em;
    margin-bottom: 10px;
    color: #252525;
    min-height: 1.6em;
    display: flex;
    align-items: flex-end;
}

@media (min-width: 480px) {
    .event-title{
        margin-bottom: 8px;
        font-size: 18px;
        line-height: 80%;
    }
}
@media (min-width: 960px) {
    .event-title{
        font-size: 23px;
        line-height: 80%;
        margin-bottom: 20px;
    }
}
@media (min-width: 1180px) {
    .event-title{
        font-size: 30px;
        line-height: 80%;
        margin-bottom: 25px;
    }
}
@media (min-width: 1520px) {
    .event-title{
        font-size: 40px;
        line-height: 80%;
        margin-bottom: 30px;
    }
}
#events img{
    width: 100%;
    margin-bottom: 15px;
}

@media (min-width: 960px) {
    #events img{
        margin-bottom: 30px;
    }
}
.event-text{
    font-family: 'OpenSans';
    font-weight: 300;
    font-size: 10px;
    line-height: 110%;
    color: #585858;
    margin-bottom: 15px;
}

@media (min-width: 480px) {
    .event-text{
        font-size: 10px;
        line-height: 110%;
        margin-bottom: 15px;
    }
}
@media (min-width: 960px) {
    .event-text{
        font-size: 16px;
        line-height: 110%;
        margin-bottom: 30px;
    }
}
.navbar-logo{
    width: 100px;
}
@media (min-width: 720px) {
    .navbar-logo{
        width: 115px;
    }
}
.event-coming{
    display: flex;
    justify-content: space-between;
    font-family: 'OpenSans';
    font-weight: 600;
    font-size: 10px;
    line-height: 90%;
    color: #585858;
    text-transform: uppercase;
}

@media (min-width: 480px) {
    .event-coming{
        font-size: 10px;
        line-height: 90%;
    }
}
@media (min-width: 960px) {
    .event-coming{
        font-size: 16px;
        line-height: 90%;
    }
}

.banner-background-text {
    background-color: black;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 68px;
    padding: 0 0 10px 10px;
    display: none;
}

.banner-text{
    z-index: 1;
    pointer-events: none;

    position: absolute;
}
.banner-text > * {
    font-family: OpenSans;
    z-index: 2;
    font-size: 7px;
    color: white;
    margin: 0;
    line-height: 1.2;


}
.banner-text > :nth-child(1) {
    letter-spacing: 0.03em;
}
.banner-text > :nth-child(3) {
    letter-spacing: -0.01em;
}
.banner-text > h1 {
    font-size: 12px;
    margin: 6px 0;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: -0.015em;
    line-height: 1;
}
.banner-text > h1 p{
    margin: 0;
    padding: 0;
}


.banner-text-relative {
    /*display: none;*/
    z-index: 2;
    bottom: 15px;
    left: 15px;
}


/*media landscape*/
@media (min-width: 320px) and (orientation: landscape) {
    .banner-background-text {
        display: none;
    }

    .banner-text-relative {
        display: block;
        bottom: 15px;
        left: 15px;
        pointer-events: none;
    }

    .banner-text {
        position: absolute;
        pointer-events: none;

    }
}

/*iphone se*/
@media (min-width: 568px) and (orientation: landscape) {
    /*.render-banner-img {*/
    /*    height: 156px;*/
    /*}*/

    .banner-text > * {
        font-size: 7px;
    }

    .banner-text > h1 {
        font-size: 12px;
        margin: 10px 0;
    }
}

/*iphone Pro Max*/
@media (min-width: 800px) and (orientation: landscape) {
    .zoom-in::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        background-size: cover;
        transform-origin: center;
        transition: transform 0.4s ease-in-out;
    }
    /*.render-banner-img {*/
    /*    height: 248px;*/
    /*}*/

    .banner-text > * {
        font-size: 10px;
    }

    .banner-text > h1 {
        font-size: 20px;
        margin: 11px 0;
    }
}

/*iphone ipad mini*/
@media (min-width: 1024px) and (orientation: landscape) {
    .zoom-in::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        background-size: cover;
        transform-origin: center;
        transition: transform 0.4s ease-in-out;
    }
    .render-banner-hodler {
        margin-bottom: 20px;

    }
    /*.render-banner-img {*/
    /*    height: 345px;*/
    /*    transition: background 1s ease-out;*/
    /*}*/

    .banner-text > * {
        font-size: 14px;
    }

    .banner-text-relative {
        display: block;
        bottom: 30px;
        left: 30px;
        pointer-events: none;
    }

    .banner-text > h1 {
        font-size: 23px;
        margin: 19px 0;
    }
}

/*iphone pro 11*/
@media (min-width: 1194px) and (orientation: landscape) {
    .zoom-in::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        background-size: cover;
        transform-origin: center;
        transition: transform 0.4s ease-in-out;
    }
    /*.render-banner-img {*/
    /*    height: 476px;*/
    /*}*/

    .banner-text > * {
        font-size: 18px;
    }

    .banner-text > h1 {
        font-size: 30px;
        margin: 10px 0;
    }
}

/*desktops*/
@media (min-width: 1440px) and (orientation: landscape) {
    .zoom-in::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        background-size: cover;
        transform-origin: center;
        transition: transform 0.4s ease-in-out;
    }
    .render-banner-hodler {
        margin-bottom: 10px;

    }
    /*.render-banner-img {*/
    /*    height: 435px;*/
    /*}*/

    .banner-text-relative {
        display: block;
        bottom: 20px;
        left: 20px;
        pointer-events: none;
    }

    .banner-text > * {
        font-size: 12px;
    }

    .banner-text > h1 {
        font-size: 25px;
        margin: 12px 0;
    }
}

/*surface Book*/
@media (min-width: 1920px) and (orientation: landscape) {
    .zoom-in::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        background-size: cover;
        transform-origin: center;
        transition: transform 0.4s ease-in-out;
    }
    .render-banner-hodler {
        margin-bottom: 30px;

    }
    .render-banner-hodler {
        padding: 6px 6px 0;
    }
    .render-banner-img-holder:nth-child(1) {
        border-right: 3px solid white;
    }

    .render-banner-img-holder:nth-child(2) {
        border-left: 3px solid white;
    }
    .render-banner-img {

        height: 500px;
    }

    .banner-text-relative {
        display: block;
        bottom: 40px;
        left: 40px;
        pointer-events: none;
    }

    .banner-text > * {
        font-size: 18px;
    }

    .banner-text > h1 {
        font-size: 38px;
        margin: 22px 0;
    }
}

/*media portrait*/
/*iphone pro max*/
@media (min-width: 414px) and (orientation: portrait) {

    /*.render-banner-img {*/
    /*    height: 273px;*/
    /*}*/

    .banner-background-text {
        height: 85px;
        padding: 0 0 12px 12px;
    }

    .banner-text > h1 {
        font-size: 16px;
        margin: 4px 0;
    }
}
@media (min-width: 500px) {
    .render-banner-hodler {
        margin-bottom: 14px;

    }
}
/*ipad mini*/
@media (min-width: 720px) and (orientation: portrait) {
    .render-banner-hodler {
        margin-bottom: 10px;

    }
    /*.render-banner-img {*/
    /*    height: 375px;*/
    /*}*/
    .render-banner-hodler {
        padding: 4px 4px 0;
    }
    .render-banner-img-holder:nth-child(1) {
        border-right: 2px solid white;

    }

    .render-banner-img-holder:nth-child(2) {
        border-left: 2px solid white;
    }

    .banner-background-text {
        height: 111px;
        padding: 0 0 20px 20px;
    }

    .banner-text > * {
        font-size: 8px;
    }

    .banner-text > h1 {
        font-size: 15px;
        margin: 10px 0;
    }

}

/*ipad pro 11*/
@media (min-width: 960px) and (orientation: portrait) {

    .render-banner-hodler {
        margin-bottom: 20px;

    }
    /*.render-banner-img {*/
    /*    height: 414px;*/
    /*}*/

    .banner-background-text {
        height: 149px;
        padding: 0 0 30px 30px;
    }

    .banner-text > * {
        font-size: 12px;
    }

    .banner-text > h1 {
        font-size: 25px;
        margin: 7px 0;
    }
}

.video-list{
    width: 50%;
}
@media(min-width: 768px) {
    .video-list {
        width: 33.3%;
    }
}
@media(min-width: 992px) {
    .video-list {
        width: 25%;
    }
}

.invite-title{
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 25px;
}
.invite-star{
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 50px;
}
.invite-button{
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #FED807;
    border-radius: 100px;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
    border: 0;
    outline: none;
    padding: 16px 60px;
}
.invite-holder{
    margin-top: 30px;
}
.social-contacts{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    margin-top: 21px;
}
.social-birthday{
    margin-bottom: 18px;
    text-align: center;
}

@media (min-width: 540px) {
    .social-birthday.full{
        display: none;
    }
}
@media (min-width: 720px) {
    .social-birthday.full{
        display: block;
    }
}
.social-contacts a{
margin-right: 25px;
}
.social-contacts a:last-child {
    margin-right: 0;
}
.asterisk{
    color: #CE3D3D;
    font-size: 20px;
}

#login, .invite{
    max-width: 600px;
}

.l-radio {
    padding: 6px;
    border-radius: 50px;
    display: inline-flex;
    cursor: pointer;
    transition: background 0.2s ease;
    margin: 8px 0;
    -webkit-tap-highlight-color: transparent;
}
.l-radio input:checked {
    box-shadow: inset 0 0 0 6px white;
    background: #40BD83;
}
.l-radio input {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: none;
    border: solid 1.5px #9F9F9F;
    box-shadow: inset 0 0 0 0px #9F9F9F;
    appearance: none;
    padding: 0;
    margin: 0;
    transition: box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
    pointer-events: none;
}
.l-radio input:focus {
    outline: none;
}
.l-radio span {
    vertical-align: middle;
    display: inline-block;
    line-height: 20px;
    padding: 0 8px;
}
.invite-social{
    margin-bottom: 15px;

}

.invite-social input{
    min-height: 25px;
    width: 100%;
    display: inline-block;
    border: solid 1px #dedede;
    background: #FFF;
    padding: 3px 5px !important;
}

.reg-social-title{
    margin-bottom: 35px;
    font-size: 16px;
}
.reg-social-title span{
    font-size: 12px;
}
.invite-step-holder{
    display: flex;
    max-width: 230px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
.invite-step{
    border: 1px solid #27AE60;
    filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.1));
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 9px;
    z-index: 2;
    background: white;
}



.invite-step-holder:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    border-top: 1px dotted #BEBEBE;
}
.invite-step.active{
    border: 1px solid #27AE60;
    color: white;
    background: #27AE60;
}
.invite-step:first-child:after{
    content: '';
    position: absolute;
    left: 16px;
    right: 0;
    z-index: 1;
    background: white;
    width: 10px;
    height: 16px;
}
.invite-step:last-child:after{
    content: '';
    position: absolute;
    left: -11px;
    right: 0;
    z-index: 1;
    background: white;
    width: 10px;
    height: 16px;
}
.invite-step:after{
    content: '';
    position: absolute;
    left: 16px;
    right: 0;
    z-index: 1;
    background: white;
    width: 10px;
    height: 16px;
}
.invite-step:before{
    content: '';
    position: absolute;
    left: -11px;
    right: 0;
    z-index: 1;
    background: white;
    width: 10px;
    height: 16px;
}
.invite-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 24px 37px 24px 31px!important;
}
.profile-render-title{
    width: 100%;
    font-weight: bold;
    font-size: 21px;
    line-height: 21px;
    display: flex;
    justify-content: center;
    margin-bottom: 13px;
    align-items: center;
    color: #323232;
    text-align: center;
}
.profile-render-site{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    color: #323232;
    margin-bottom: 18px;
    text-align: center;
}
.profile-render-site div{
    margin-bottom: 8px;
}
.profile-render-country{
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 14px;
    line-height: 14px;
    color: #AFAFAF;
    align-items: center;
    margin-bottom: 18px;
}
.profile-render-country svg{
    position: relative;
    top: -3px;
    margin-right: 10px;
    width: 10px;
    height: 16px;
}
.profile-render-about{
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    margin-right: 7px;
}
.profile-render-about-holder{
    display: flex;
    margin-bottom: 11px;
}
.profile-render-hr{
    position: relative;
    display: flex;
    flex: auto;
}
.profile-render-hr:after{
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.6em;
    border-top: 1px solid #DEDEDE;
    z-index: -1;
}
.profile-render-about-text{
    font-size: 14px;
    line-height: 14px;
    color: #323232;
    margin-bottom: 7px;
    word-break: break-word;
}
.profile-render-phone svg{
    position: relative;
    margin-right: 10px;
}
.profile-render-cont{
    display: flex;
    flex-wrap: wrap;

    margin-bottom: 20px;
    flex-direction: column;
}
@media(min-width: 540px) {
    .profile-render-cont{
        align-items: center;
        flex-direction: unset;
    }
}
.profile-render-cont a{
    line-height: 18px;
}
.profile-render-mail svg{
    position: relative;
    margin-right: 10px;
}
.render-button-profile{
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #FFFFFF!important;
    justify-content: center;
    display: flex;
    background: #323232;
    width: 100%;
    padding: 13px 0;
    margin-bottom: 24px;
    border: 1px solid #323232;
}
.render-button-profile.active-button{
    background: #ffffff;
    color: #AFAFAF!important;
    border: 1px solid #AFAFAF;
}
.border-profile{
    display: flex;
    flex-direction: column;
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    margin-bottom: 24px;
}

.webinar-profile-holder{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: start;
}
.webinar-profile-holder:hover{
    text-decoration: none;
}
.webinar-profile-holder:focus{
    text-decoration: none;
}

.webinar-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ededed;
    padding: 12px 14px;
    margin: 6px 0;
    cursor: pointer;
}

.webinar-title{
    font-size: 1em;
    display: inline;
    white-space: nowrap;
    border-left: solid 3px #dedede;
    padding-left: 7px;
    margin-left: 3px;
    color: #c0c0c0;
    font-weight: 500;
    font-style: normal;
}
.webinar-review-holder{
    width: 100%;
}
.review-webinar-text{
    font-size: 16px;
    line-height: 20px;
    color: #323232;
}
.webinar-sucess{
    display: flex;
    align-items: center;
    margin-top: 2px;

}
.webinar-sucess svg{
    width: 25px;
    height: 25px;
}
.webinar-sucess div{
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: #C0C0C0;

}
.webinar-sucess svg{
    margin-left: 12px;
}
.webinar-profile{
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    text-decoration: none;
    font-size: 24px;
    margin-bottom: 20px;
}
@media(min-width: 720px) {
    .webinar-profile{
        font-size: 24px;
    }
}
.col-navigated {
    width: 100%;
    position: relative;
    min-height: 1px;
    float: left;
}

@media(min-width: 720px) {
    .col-navigated{
        width: 33.3%;
    }
}
@media(min-width: 896px) {
    .col-navigated{
        width: 33.3%;
    }
}
@media(min-width: 1194px) {
    .col-navigated{
        width: 25%;
    }
}
.col-profile{
    width: 100%;
    position: relative;
    min-height: 1px;

    float: left;
}
@media(min-width: 720px) {
    .col-profile{
        width: 66.6%;
        padding-left: 15px;
    }
}
@media(min-width: 896px) {
    .col-profile{
        width: 66.6%;
    }
}
@media(min-width: 1194px) {
    .col-profile{
        width: 75%;
    }
}
.list-nav li{
    float: none;
    max-width: 222px;
    width: 100%;
}
.render-nav{
    display: flex;
    /*margin-right: -15px;*/
    /*margin-left: -15px;*/
    margin-bottom: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media(min-width: 500px) {
    .render-nav{
        margin-bottom: 14px;
    }
}
@media(min-width: 720px) {
    .render-nav{
        margin-bottom: 10px;
    }
}
@media(min-width: 960px) {
    .render-nav{
        margin-bottom: 20px;
    }
}
@media(min-width: 980px) {
    .render-nav{
        margin-bottom: 14px;
    }
}
.render-login{
    order: 2;
    width: 100%;
}
@media(min-width: 720px) {
    .render-nav{
        flex-wrap: nowrap;
        justify-content: unset;
    }
    .render-login{
        order: unset;
        width: unset;
    }
}


@media(min-width: 720px) {
    .render-login{
        flex-wrap: nowrap;
    }
    .render-login .search{
        margin: 0;
    }
}
.render-login{
    display: flex;
    flex: 1 1 auto;

}
@media(min-width: 720px) {
    .render-login{
        margin-right: 20px;
    }
}

@media(min-width: 420px) {
    .navbar-right{
        flex-wrap: nowrap;
    }
}
.render-profile-left .profile-render-title{
    display: block;
}
.render-profile-left .profile-render-site{
    display: block;
}
.render-profile-left .profile-render-country{
    display: flex;
}
@media(min-width: 540px) {
    .render-profile-left .profile-render-title{
        display: none;
    }
    .render-profile-left .profile-render-site{
        display: none;
    }
    .render-profile-left .profile-render-country{
        display: none;
    }
}
@media(min-width: 720px) {
    .render-profile-left .profile-render-title{
        display: block;
    }
    .render-profile-left .profile-render-site{
        display: block;
    }
    .render-profile-left .profile-render-country{
        display: flex;
    }
}

@media(min-width: 540px) {
    .avater-render-holder {
        display: flex;
        margin-bottom: 5px;
    }
}
@media(min-width: 540px) {
    .avater-render-holder form{
        width: 175px;
    }
}
@media(min-width: 720px) {
    .avater-render-holder form{
        width: unset;
    }
}
.profile-render-avatar {
    display: none;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
@media(min-width: 540px) {
    .profile-render-avatar{
        display: flex;
    }
}
@media(min-width: 720px) {
    .profile-render-avatar{
        display: none;
    }
    .avater-render-holder{
        display: block;;
    }
}
.social-contacts svg{
    width: 23px;
    height: 23px;
    transition: all .3s;
    fill:#C0C0C0
}
.social-contacts .soc-telegram:hover {
    fill:#40B3E0;
}
.social-contacts .soc-behance:hover {
    fill:#1976D2;
}
.social-contacts .soc-face:hover {
    fill:#1976D2;
}
.social-contacts .soc-tweet:hover {
    fill:#03A9F4;
}
.social-contacts .soc-inst:hover {
    fill:#FD0147;
}
.social-contacts svg:hover {
}
.profile-render-mail {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.profile-render-phone{
    margin-bottom: 13px;
}
@media(min-width: 720px) {
    .social-contacts svg{
        width: 18px;
        height: 18px;
    }
}
@media(min-width: 540px) {
    .profile-render-phone {
        margin-right: 37px;
        float: left
    }

    .profile-render-mail {

        float: left
    }
}
.render-mail-wrap{
    white-space: break-spaces;
    flex: 1;
    word-break: break-word;
}
.profile-render-phone {
    display: flex;
    align-items: center;
}
@media(min-width: 720px) {
    .profile-render-phone {
       display: flex;
        align-items: center;
        margin-right: 0px;
        width: 100%;
    }

    .profile-render-mail {
        display: flex;
        align-items: center;
    }
}
@media(min-width: 540px) {
    #events {
        display: flex;
    }
}
@media(min-width: 720px) {
    #events {
        display: block;
    }
}
.navbar-render{
    margin-right: 0px;
}
@media(min-width: 450px) {
    .navbar-render{
        margin-right: 30px;
    }
}
.navbar-toggle-render{
    display: none;
    flex: 1;
    width: calc(100% - 30px);
    justify-content: center;
    align-items: center;
    padding: 13px 0;
    margin: 0px 15px;
    border: 1px solid #323232;
    cursor: pointer;
    background: #323232;
    color: #FFFFFF!important;
    transition: .3s all;

}
.navbar-toggle-render .stick-menu{
    background: #FFFFFF;
}
.navbar-toggle-render .stick-menu:after{
    background: #FFFFFF;
}
.navbar-toggle-render .stick-menu:before{
    background: #FFFFFF;
}

.navbar-toggle-render.collapsed .stick-menu{
    background: #000000;
}
.navbar-toggle-render.collapsed .stick-menu:after{
    background: #000000;
}
.navbar-toggle-render.collapsed .stick-menu:before{
    background: #000000;
}
.navbar-toggle-render.collapsed{
    background: transparent;
    color: #323232!important;

}
@media(min-width: 720px) {
    .navbar-toggle-render{
        display: none;
    }

}
.navbar-toggle-render span {
    font-size: 18px;
    line-height: 18px;
    position: relative;
    top: 3px;
}
.stick-menu{
    position: relative;
    width: 17px;
    height: 1px;
    background: #000000;
    margin-right: 13px;
}
.stick-menu:after{
    content: '';
    position: absolute;
    top: 5px;
    width: 17px;
    height: 1px;
    background: #000000;
}
.stick-menu:before{
    content: '';
    position: absolute;
    bottom: 5px;
    width: 17px;
    height: 1px;
    background: #000000;
}
.webinar-review .card{
    float: left;
    margin-right: 4px!important;

}
.webinar-review{
    /*margin-bottom: 30px;*/
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.title-webinar-course.review{
    display: flex;
    max-width: 100px;
    width: 100%;

}
.title-webinar-course {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #323232;
    font-weight: 500;
    margin-top: 0;
}
.title-webinar-course-holder{
    position: relative;
    margin-bottom: 45px;

}
.webinar-cert{
    margin-right: 35px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.webinar-cert a{
    color: #4898D1;
}
.nav-profile-link a{
    display: inline-block;
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}
@media(min-width: 280px) {
    .nav-profile-link a {
        max-width: 60px;
    }
}
@media(min-width: 290px) {
    .nav-profile-link a {
        max-width: 70px;
    }
}
@media(min-width: 300px) {
    .nav-profile-link a {
        max-width: 80px;
    }
}
@media(min-width: 310px) {
    .nav-profile-link a {
        max-width: 90px;
    }
}
@media(min-width: 320px) {
    .nav-profile-link a {
        max-width: 100px;
    }
}
@media(min-width: 340px) {
    .nav-profile-link a {
        max-width: 120px;
    }
}
@media(min-width: 360px) {
    .nav-profile-link a {
        max-width: 140px;
    }
}
@media(min-width: 400px) {
    .nav-profile-link a {
        max-width: 180px;
    }
}
@media(min-width: 440px) {
    .nav-profile-link a {
        max-width: 220px;
    }
}
.preloaderHide{
    display: none;
}
.preloader{
    height: 40vw;

}
#spinnerLoder{
    width: 32px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.lds-loader {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
}
.lds-loader div {
    animation: lds-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 32px 32px;
}
.lds-loader div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000000;
    margin: -1.5px 0 0 -1.5px;
}
.lds-loader div:nth-child(1) {
    animation-delay: -0.036s;
}
.lds-loader div:nth-child(1):after {
    top: calc(25px * 2);
    left: calc(25px * 2);
}
.lds-loader div:nth-child(2) {
    animation-delay: -0.072s;
}
.lds-loader div:nth-child(2):after {
    top: calc(27px * 2);
    left: calc(22.5px * 2);
}
.lds-loader div:nth-child(3) {
    animation-delay: -0.108s;
}
.lds-loader div:nth-child(3):after {
    top: calc(28.5px * 2);
    left: calc(19.5px * 2);
}
.lds-loader div:nth-child(4) {
    animation-delay: -0.144s;
}
.lds-loader div:nth-child(4):after {
    top: calc(29px * 2);
    left: calc(16px * 2);
}
.lds-loader div:nth-child(5) {
    animation-delay: -0.18s;
}
.lds-loader div:nth-child(5):after {
    top: calc(28.5px * 2);
    left: calc(12.5px * 2);
}
.lds-loader div:nth-child(6) {
    animation-delay: -0.216s;
}
.lds-loader div:nth-child(6):after {
    top: calc(27px * 2);
    left: calc(9.5px * 2);
}
.lds-loader div:nth-child(7) {
    animation-delay: -0.252s;
}
.lds-loader div:nth-child(7):after {
    top: calc(25px * 2);
    left: calc(7px * 2);
}
.lds-loader div:nth-child(8) {
    animation-delay: -0.288s;
}
.lds-loader div:nth-child(8):after {
    top: calc(22.5px * 2);
    left: calc(5px * 2);
}
@keyframes lds-loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.profile-created{
    font-size: 12px;
    line-height: 12px;
    color: #AFAFAF;
    text-align: center;
    margin-bottom: 13px;
}
.card-hodler{
    display: flex;
}
.slider, .slider2 {
    max-height: 180px;
    position: relative;
    overflow: hidden;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

.card-hodler {
    display: flex;
    transition: transform 0.6s ease;
    flex: 1;
    align-items: center;
    min-height: 180px;
}

.card {
   flex : 0 0 33.333333%;
    max-width: 33.333333%;
}

.slider__control {
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    width: 31px;
    color: #fff;
    text-align: center;
    background: #EDEDED;
}

.slider__control_show {
    display: flex;
    z-index: 1;
}


.slider__control_left {
    left: 0;
}

.slider__control_right {
    right: 0;
}

.slider__control::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 100%;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.slider__control_left::before {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.24183 6.67451L5.43041 6.49394L5.24183 6.31337L0.527699 1.7995C0.43891 1.71449 0.369086 1.61415 0.321661 1.50452C0.274247 1.39491 0.249999 1.27785 0.249999 1.1599C0.249999 1.04196 0.274247 0.924889 0.321661 0.815284C0.369087 0.705651 0.438911 0.605312 0.527699 0.520296C0.61651 0.435258 0.722527 0.367258 0.839963 0.320682C0.95741 0.274099 1.08364 0.250001 1.21136 0.250001C1.33908 0.250001 1.46531 0.274099 1.58276 0.320682C1.70019 0.367258 1.80621 0.435258 1.89502 0.520296L7.47179 5.86015L7.47197 5.86033C7.56086 5.94526 7.63076 6.04555 7.67825 6.15516C7.72572 6.26474 7.75 6.38181 7.75 6.49975C7.75 6.6177 7.72572 6.73476 7.67825 6.84434C7.63076 6.95395 7.56086 7.05424 7.47197 7.13918L7.47179 7.13936L1.89502 12.4792L1.89484 12.4794C1.80612 12.5645 1.70015 12.6326 1.58274 12.6792C1.46532 12.7259 1.33908 12.75 1.21136 12.75C1.08364 12.75 0.957406 12.7259 0.83998 12.6792C0.723044 12.6328 0.617461 12.5651 0.528962 12.4804C0.16496 12.1216 0.160068 11.5404 0.527699 11.1884L5.24183 6.67451Z' fill='%232C2C2C' stroke='%23EDEDED' stroke-width='0.5'/%3E%3C/svg%3E%0A");
}

.slider__control_right::before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.24183 6.67451L5.43041 6.49394L5.24183 6.31337L0.527699 1.7995C0.43891 1.71449 0.369086 1.61415 0.321661 1.50452C0.274247 1.39491 0.249999 1.27785 0.249999 1.1599C0.249999 1.04196 0.274247 0.924889 0.321661 0.815284C0.369087 0.705651 0.438911 0.605312 0.527699 0.520296C0.61651 0.435258 0.722527 0.367258 0.839963 0.320682C0.95741 0.274099 1.08364 0.250001 1.21136 0.250001C1.33908 0.250001 1.46531 0.274099 1.58276 0.320682C1.70019 0.367258 1.80621 0.435258 1.89502 0.520296L7.47179 5.86015L7.47197 5.86033C7.56086 5.94526 7.63076 6.04555 7.67825 6.15516C7.72572 6.26474 7.75 6.38181 7.75 6.49975C7.75 6.6177 7.72572 6.73476 7.67825 6.84434C7.63076 6.95395 7.56086 7.05424 7.47197 7.13918L7.47179 7.13936L1.89502 12.4792L1.89484 12.4794C1.80612 12.5645 1.70015 12.6326 1.58274 12.6792C1.46532 12.7259 1.33908 12.75 1.21136 12.75C1.08364 12.75 0.957406 12.7259 0.83998 12.6792C0.723044 12.6328 0.617461 12.5651 0.528962 12.4804C0.16496 12.1216 0.160068 11.5404 0.527699 11.1884L5.24183 6.67451Z' fill='%232C2C2C' stroke='%23EDEDED' stroke-width='0.5'/%3E%3C/svg%3E%0A");
}
.webinar-review-image{
    display: flex;
    margin-bottom: 17px;
    flex-wrap: wrap;
}
.email-change-holder{
    width: 100%;
    max-width: 400px;
    margin: auto;
    padding-top: 100px;
}
.email-change-input{
    padding: 7px 14px;
    border: 1px solid #E2E2E2;
    width: 100%;
    font-size: 14px;
    line-height: 100%;
    color: #323232;
}
.email-change-title{
    font-weight: bold;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 44px;
    color: #000000;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.email-change-label{
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 9px;
    color: #AFAFAF;
}
.email-change-input-holder{
    margin-bottom: 32px;
}
.email-change-button{
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
    background: #323232;
    padding: 12px 0 11px 0;
    border: none;
    outline: none;
}
.webinar-title-holder{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-right: 30px;
    margin-bottom: 7px;
}
@media(min-width: 720px) {
    .webinar-title-holder{
        margin-bottom: 0;
    }
}
.webinar-title-holder .webinar-title{
    margin-bottom: 20px;
}
.navbar-left{
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media(min-width: 720px) {
    .navbar-left{
        display: unset;
        flex-direction: unset;
        align-items: unset;
    }

}
.help-link{
    text-align: center;
}
@media(min-width: 720px) {
    .help-link{
        text-align: unset;
    }
}

.navbar-left{
    border-color: black;
    border-style: solid ;
    border-width: 0px 1px 1px 1px;
    margin: 0!important;
    padding: 10px 0 20px 0;
}
@media(min-width: 720px) {
    .navbar-left{
        margin: 7.5px -15px!important;
        padding: 0;
        border: none;
    }
}
@media(min-width: 1000px) {
    .navbar-left{
        margin: 0!important;
    }
}
.fileLabel{
    position: relative;
    display: flex;
    justify-content: center;
}
.fileLabel img{
    max-width: 150px;
}
@media(min-width: 540px) {
    .fileLabel img{
        max-width: 170px;
    }
}
@media(min-width: 720px) {
    .fileLabel img{
        max-width: unset;
    }
}
@media(min-width: 200px) {
    #events{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: flex-start;
    }
}
@media(min-width: 620px) {
    #events{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: flex-start;
    }
}
@media(min-width: 720px) {
    #events{

        flex-wrap: wrap;
    }
}

@media(min-width: 400px) {
    #events .preview{
        /*width: 50%;*/
        display: flex;
    }
}
@media(min-width: 620px) {
    #events .preview{
        /*width: 100%;*/
        display: flex;
    }
}
@media(min-width: 720px) {
    #events .preview{
        display: flex;
        flex-wrap: unset;
    }
}
#addAvatar{
    display: flex;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    font-size: 13px;
    line-height: 13px;
    color: #FFFFFF;
    padding: 8px 5px;
    cursor: pointer;
    align-items: center;
    border: 0;
    outline: none;
    position: absolute;
    bottom: 0;
    max-width: 150px;
}
@media(min-width: 540px) {
    #addAvatar{
        max-width: 170px;
    }
}
@media(min-width: 720px) {
    #addAvatar{
        max-width: unset;
    }
}
#addAvatar svg{
    margin-right: 10px;
    width: 10px;
    height: 10px;
    top: 6px;
}
@media(min-width: 540px) {
    #addAvatar svg{
        top: unset;
    }
}

@media(min-width: 720px) {
    .navbar-collapse{
        display: block;!important;
    }
}

.footer-render{
    font-family: 'OpenSans';
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
@media(min-width: 640px) {
    .footer-render{
        flex-direction: row;
    }
}
.left-footer{
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
    margin-top: 30px;
    color: #797979;
    order: 1;
}
@media(min-width: 640px) {
    .left-footer{
        order: unset;
        margin-top: 0;
        font-size: 10px;
        font-weight: 600;
        margin-bottom: 0;
    }
}
@media(min-width: 960px) {
    .left-footer{
        font-size: 12px;
        font-weight: 400;
    }
}
.soc svg{
     width: 20px;
    height: 20px;
    }
@media(min-width: 960px) {
    .soc svg{
        width: 30px;
        height: 30px;
    }
}
.footer-phone{
    margin-bottom: 10px;
}
@media(min-width: 640px) {
    .footer-phone{
        margin-bottom: 0;
    }
}
.right-footer{
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
    color: #797979!important;
}
@media(min-width: 640px) {
    .right-footer{
        font-weight: 600;
        font-size: 10px;
    }
}
@media(min-width: 960px) {
    .right-footer{
        font-size: 12px;
        font-weight: 400;
    }
}
.right-footer a{
    color: #585858!important;
}
@media(min-width: 720px) {
    .right-footer {
        display: block;

        justify-content: unset;
    }
}
.center-footer{
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
    color: #797979;
    margin-bottom: 30px;
}
@media(min-width: 640px) {
    .center-footer{
        font-size: 10px;
        font-weight: 500;
        margin-bottom: 0;
    }
}
@media(min-width: 960px) {
    .center-footer{
        font-size: 12px;
        font-weight: 400;
    }
}

@media(min-width: 640px) {
    .center-footer{
        width: 50%;
    }
    .left-footer{
        width: 25%;
    }
    .right-footer{
        width: 25%;
    }
}
.center-footer-text{
    margin-bottom: 10px;
}
@media(min-width: 640px) {
    .center-footer-text{
        margin-bottom: 10px;
    }
}
@media(min-width: 960px) {
    .center-footer-text{
        margin-bottom: 15px;
    }
}
#bottom .soc a {
    display: inline-flex;
    margin: 0 5px;
}
@media(min-width: 540px) {
    #bottom .soc a {
        margin: 0 5px;
    }
}
@media(min-width: 720px) {
    #bottom .soc a {
        margin: 0 5px;
    }
}
@media(min-width: 960px) {
    #bottom .soc a {
        margin: 0 7px;
    }
}
#bottom .soc img {
    height: 32px;
}
#bottom .soc img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
#bottom .soc svg {
    fill: #BEBEBE;
}

.stick-menu-holder{
    display: flex;
    align-items: center;
    height: 13px;
}
.navbar-nav>li>a{
    padding-top: 5px!important;
    padding-bottom: 5px !important;
}

.help-holder li {
    display: flex;
    flex-wrap: wrap;

}
.help-holder li a{
    border-bottom: 2px solid transparent;
    transition: all .3s;
    padding: 0px 0!important;
    margin: 6px 0;
    line-height: initial;
}
.help-holder li a.round-quest{
    padding: 2px 12px !important;
}
.help-holder li a:hover{
    border-bottom: 2px solid #66B988;
}
@media(min-width: 720px) {
    .help-holder li {
        display: flex;
        flex-wrap: wrap;
    }
}
@media(min-width: 720px) {
    .help-link {
        margin-right: 5px;
    }
}

.old-course-holder{
    margin-bottom: 20px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.tooltip-copy-holder{
    position: relative;
}
.tooltip-copy{
    display: none;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    background: #E8E8E8;
    border-radius: 2px;
    padding: 6px 13px;
    position: absolute;
    z-index: 1;
    top: -35px;
    left: 5px;
}
.copyText{
    cursor: pointer;
}
@media(min-width: 540px) {
    .tooltip-copy{
        font-size: 10px;
    }
}
.empty-course{
    display: none;
}
.empty-course-title{
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #969799;
    margin: 50px 0;
}
.epmpty-icon{
    background: #EBEBEB;
    border-radius: 50%;
    max-width: 210px;
    max-height: 210px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.epmpty-icon svg{
    width: 100%;
    height: 100%;
    padding: 50px;
}
.col-profile :nth-child(2).empty-course{
    display: block;
}

.col-profile .preloaderHide :nth-child(2).empty-course{
    display: block;
}

.button-flex{
    display: flex;
}
.info-text{
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 130%;
    color: #585858;
    display: none;
}

@media(min-width: 640px) {
    .info-text{
        display: block;
    }
}
@media(min-width: 960px) {
    .info-text{
        font-size: 16px;
    }
}

.tmp-footer{
    background: #f8f8f8;
    padding: 60px 0;
    margin-top:40px
}

@media(min-width: 640px) {
    .tmp-footer{
        margin-top:60px
    }
}
@media(min-width: 960px) {
    .tmp-footer{
        margin-top:100px
    }
}

.preview-holer{
    display: flex;
    flex-wrap: wrap;
    margin: -10px 7px 20px;

}

@media(min-width: 640px) {
    .preview-holer{
        margin: -10px 0px 40px;
    }
}
@media(min-width: 960px) {
    .preview-holer{
        margin: -10px 0px 80px;
    }
}
.info-holder{
    margin-bottom:0px;
}

@media(min-width: 640px) {
    .info-holder{
        margin-bottom:40px;

    }
}
@media(min-width: 960px) {
    .info-holder{
        margin-bottom:52px;
    }
}
.render-banner-img-holder img{
    display: none;
}

.render-banner-img-holder .render-banner-title-holder{
    display: none;
}
.render-banner-img-holder:only-child {
   width: 100%;
}
.render-banner-img-holder:only-child a{
    display: flex;
    width: 100%;
}
.render-banner-img-holder:only-child .render-banner-img{
    width: 50%;
    background-image: none!important;
}
.render-banner-img-holder:only-child .banner-text{
    display: none;
}
.render-banner-img-holder:only-child .render-banner-title-holder{
    display: flex;
}
.render-banner-img-holder:only-child .layer-background{
    display: none;
}

.render-banner-img-holder:only-child img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.js-reviewContainer, .js-showMore{
    width: 25%;
}
@media(min-width: 480px) {
    .js-reviewContainer, .js-showMore{
        width: 16.6%;
    }
}
#faces{
    display: flex;
    flex-wrap: wrap;
}

.review__info{
    font-size: 10px;
}

@media(min-width: 960px) {
    .review__info{
        font-size: 14px;
    }
}

.ren-subtitle{
    font-size: 10px;
}


@media(min-width: 480px) {
    .ren-subtitle{
        font-size: 14px;
    }
}
.sel-video{
    padding:10px 7px!important;
    width:100% !important;
    display: block!important;
    position: relative!important;
}

@media(min-width: 768px) {
    .sel-video{
        padding:10px 15px!important;
    }
}