.clear{
    clear: both;
}
.wrap{
    margin: 0 auto;
}
ul      {
    list-style: none;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
}
body, .button{
    font-family: Roboto-Light;
}
.palatini_font{
    font-family: palatino;
}
.center-text{
    text-align: center;
}
h1, h2, h3, h4, h5, h6{
    font-family: Raleway;
}
.quote{
    font-family: RalewayLightItalic;
    font-style: italic;
}
.navbar-custom {
    font-family: Roboto;
}
h1, h2, h3{
    text-align: center;
    font-weight: 600;
    letter-spacing: inherit;
}

h2:after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: #532865;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 15px;
}
.button{
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}
.button-big {
    padding: 10px 18px;
    font-size: 13px;
}
#context_button01{
    padding: 0.5em 0.5em;
    text-align: center;
    color: #000000;
    border: 2px solid #532865;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 4px;
}
#context_button01:hover, #context_button01:active{
    color: #ffffff;
    background: #000000;
}
#context_button01:hover, #context_button01:focus{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#context_button01 a:hover, #context_button01 a:focus{
    color: #000000;
    text-decoration: none;
}
#context_button02{
    padding: 0.5em 0.5em;
    text-align: center;
    color: #000000;
    border: 2px solid #532865;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#context_button02 a:hover, #context_button02 a:focus{
    color: #000000;
    text-decoration: none;
}

.button-line-dark {
    border: 1px solid #999999;
    border-radius: 4px;
}
.nav_fb_info li {
    margin-left: 10px;
}
.nav_fb_info, .nav_fb_info li, .nav_fb_info span, .nav_fb_info ul {
    display: inline-block;
}
.nav_fb_info2, .nav_fb_info2 li, .nav_fb_info2 span, .nav_fb_info2 ul {
    display: inline-block;
}
#nav-primary .nav_fb_info{
    width: 190px;
    line-height: 54px;
    padding-top: 10px;
    position: absolute;
    top: 0;
    left: 250px;
}
.nav_fb_info2{
    display: none;
}
.sticky-wrapper {
    padding-top: 0;
}
.sticky-wrapper a, .sticky-wrapper span {
    color: #ffffff;
}
.is-sticky a {
    color: #ffffff;
}
#shapka{
    height: 94px;
    background: #262626;
}
#nav-primary .navbar-header{
    width: 270px;
    margin-top: 10px;
}
#nav-primary .top-menu{
    width: 450px;
    margin-top: 12px;
    margin-right: 30px;
    float: right;
}
.navbar-custom .navbar-nav > li > a::after {
    background: rgba(250, 196, 43, 1);
}



.yii-page {
    margin-top: 0;
    margin-bottom: 0;
}



/* login form */

.login-form{
    margin-top: 10%;
    padding: 50px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}
.login-form input{
    padding: 12px 10px;
}
.form-control{
    height: 45px;
}



/* PRELOAD */
#preload {
    background: #532865;
}


/* HEAD */
#head{
    /*
    background: url("../images/bg_head.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    */
    padding: 0;
}
#head h1, #head h2{
    text-align: right;
    margin: 0;
    font-size: 3em;
    font-weight: 900;
    color: #ffffff;
    width: 100%;
    margin-top: 40px;
}
#head h1{
    font-family: Raleway-Black;
}
#head h2:after{
    background: none;
}
#head h3{
    text-align: right;
    font-family: Raleway;
    font-size: 3em;
    font-weight: 900;
    margin-bottom: 15px;
    margin-top: 8px;
    color: #fac42b;
    width: 100%;
}
#head iframe{
    margin-top: 37px;
    width: 406px;
    height: 193px;
}
#head .bg_layer {
    padding-top: 130px;
    background: #532865 url("../images/bk_header_tr.png") no-repeat;
    background-size: cover;
    background-position: left bottom;
    overflow: hidden;
}
#head .quote{
    border-style: solid;
    border-width: 41px 58px 49px 59px;
    -moz-border-image: url("../images/quote.png") 49 59 49 59 repeat;
    -webkit-border-image: url("../images/quote.png") 49 59 49 59 repeat;
    -o-border-image: url("../images/quote.png") 49 59 49 59 repeat;
    border-image: url("../images/quote.png") 49 59 49 59 fill repeat;
    font-size: 1.3em;
    color: #ffffff;
    padding: 20px;
    margin-bottom: 45px;
    margin-top: 25px;
    margin-left: 110px;
    margin-right: -10px;
    text-align: center;
}
#context_button00 {
    padding: 0.5em 0.5em;
    text-align: center;
    color: #000000;
    background: #fac42b;
    border: 2px solid #fac42b;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#context_button00:hover, #context_button00:active{
    color: #fff;
    background: #000;
    border: 2px solid #fac42b;
}
#head p{
    font-size: 1.6em;
    color: #ffffff;
}
#p01{
    text-align: right;
    margin-top: 45px;
}
#p02{
    height: 730px;
    margin-top: -80px;
}
#head h6{
    font-size: 2em;
    font-weight: 700;
    color: #ffffff;
}
#head h5{
    font-size: 1.3em;
    padding: 20px;
    margin-top: 40px;
    color: #ffffff;
}



/* important */
#important{
    padding: 90px 0 45px 0;
    background: url("../images/1.png") no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}


/* INFO */

#info{
    padding: 45px 0 45px 0;
}
#info i {
    color: #532865;
}
#info h6{
    margin: 30px 0 0 0;
}
#download {
    background: url("../images/1.png") no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    /*
    background: url("../images/bg01.png") no-repeat;
    background-position: center top;
    background-size: cover;
    */
    padding: 0;
}
#download section{
    padding: 0;
}
#download .bg_layer{
    padding: 45px 0 110px 0;
    /* background: rgba(255,255,255,0.9); */
}
#download h3:after {
    margin: 10px auto;
    background-color: #532865;
}
#download a{
    font-size: 14px;
    padding: 10px;
}
#download h6{
    margin-top: 50px;
    margin-bottom: 50px;
}
#download h6, #download p{
    font-size: 18px;
}
#download .quote{
    border-style: solid;
    border-width: 41px 58px 49px 59px;
    -moz-border-image: url("../images/quoteBold1.png") 49 59 49 59 repeat;
    -webkit-border-image: url("../images/quoteBold1.png") 49 59 49 59 repeat;
    -o-border-image: url("../images/quoteBold1.png") 49 59 49 59 repeat;
    border-image: url("../images/quoteBold1.png") 49 59 49 59 fill repeat;
    font-size: 1.2em;
    font-weight: normal;
    color: #000;
    line-height: 23px;
    padding: 12px;
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
}


/* VIDEO */
#video{
    padding: 0;

}
#video h2{
    margin-bottom: 35px;
}
#video h2:after {
    background-color: #fff;
}
#video .video{
    background: #fac42b;
    padding: 45px;

}
#video .video-bg{
    background: url("../images/displ1.png") no-repeat;
    background-position: center;
    height: 652px;
}
.video-box{
    max-width: 674px;
    margin: 0 auto;
    padding-top: 52px;
}
#video .youtube_iframe {
    width: 100%;
    margin: 0 auto;
}




/* PROGRAM Посетив тренинг ВЫ ПОЛУЧАЕТЕ */
#program {
    background: #532865;
}
#program h2:after {
    background-color: #fff;
}
#program .panel-title > a, #program h2{
    color: #ffffff;
    cursor: default;
}
#program .date {
    color: #ffffff;
}
#program .button{
    margin-top: 35px;
}
#program .button-line-dark{
    background-color: #fff;
}
#program .button-line-dark:hover, #program .button-line-dark:active{
    background-color: #000;
    color: #fff;
}
#program .panel-default-borderles{
    border-bottom: none;
    text-align: center;
}



/* Ведущие */
.speaker figure img {
    width: 200px;
    border: 1px solid #d0d0d0;
}
.speaker figure {
    cursor: default;
}
figure.effect-ming {
    background: #f5f5f5;
}
figure.effect-ming:hover img {
    opacity: 1;
}
#speaker-detail .social li{
    padding-left:1px;
}
#speaker-detail .social li:first-child{
    padding-left:5px;
}
#speaker-detail li {
    padding-right:1px;
}
.speaker figure{
    display: inline;
    width: 200px;
}
.speaker .caption {
    padding: 10px;
    width: 60%;
    min-height: 200px;
    height: auto;
    margin: 0 auto;
    float: right;
    background: #fff;
}
.speaker h4 {
    font-family: Raleway;
}
.speaker h4:after {
    background-color: #532865;
}
#list-speaker .li .speaker .caption{
    margin-right: 230px;
}
#sp03{
    margin-left: 225px;
    margin-right: 0 !important;
}





/* ЦЕНЫ ЖЕЛТЫЕ */
#price{
    background: none;
    padding: 0;
}
#price .bg_layer{
    padding: 90px 0;
    background: #dcd6d6;
}
.wrap .icon {
    visibility: visible;
    opacity: 0.4;
    right: -155px;
    top: 100px;
}
.wrap:hover .icon {
    visibility: visible;
    opacity: 0.4;
}
#price .lead{
    color: #000000;
}
#price .button-line-dark{
    color: #ffffff;
    background: #262626;
    text-decoration: none;
}
#price .button-line-dark:hover, .button-line-dark:active {
    color: #262626;
    background: #ffffff;
    text-decoration: none;
}
#price .early-bird{
    float: right;
}
#price .table-header{
    white-space: nowrap;
}
#price .table-header p{
    padding-top: 20px;
}
#price .price-table{
    display: inline-block;
    height: 225px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}
#price .price-table li{
    color: #444;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 35px;
    border-bottom: 1px dotted;
    border-color: rgba(255,255,255, 0.7);
}
.price-table .price {
    font-family: Roboto;
}
.price-table .desc li {
    font-family: Roboto;
}
@media (max-width: 360px){
    #price .price-table {
        width:auto !important;
    }
}





/* ОТЗЫВЫ */
#feedback{
    background: #532865;
}
#feedback h2:after{
    background-color: #ffffff;
}
#feedback h2{
    color: #ffffff;
}
.feedback .iframe_bg{
    display: inline-block;
}
#feedback .carousel-inner {
    width: 90%;
    margin: 0 auto;
}
#feedback .carousel-control {
    width: 10%;
}
#feedback .carousel-control.left{
    left: -20px;
    background-image: none;
}
#feedback .carousel-control .glyphicon-chevron-left {
    left: 20%;
}
#feedback .carousel-control.right {
    right: -20px;
    background-image: none;
}
#feedback .carousel-control .glyphicon-chevron-right {
    right: 20%;
}




/* РЕГИСТРАЦИЯ */
#register{
    padding: 70px 0 0 0;
    background: url("../images/4.png") no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
#register h4{
    margin: 20px 0;
}
#register p{
    margin: 10px 0;
}
#register i{
    color: #532865;
    margin-top: 10px;
}
#register input[type="text"], input[type="email"], select, textarea {
    padding: 3px 8px;
}
#register .button-big {
    padding: 5px 18px;
}
#register .quote{
    border-style: solid;
    border-width: 41px 58px 49px 59px;
    -moz-border-image: url("../images/quoteBold1.png") 49 59 49 59 repeat;
    -webkit-border-image: url("../images/quoteBold1.png") 49 59 49 59 repeat;
    -o-border-image: url("../images/quoteBold1.png") 49 59 49 59 repeat;
    border-image: url("../images/quoteBold1.png") 49 59 49 59 fill repeat;
    font-size: 1.1em;
    font-weight: normal;
    color: #000;
    line-height: 23px;
    padding: 20px;
    margin-bottom: 60px;
    margin-top: 25px;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
}
#register .price{
    padding-top: 55px;
    background: #fff;
    height: 340px;
}
#register button{
    margin-right: -15px;
    background-color: rgb(250, 196, 43);
    border-radius: 4px;
}
#register button:hover, #register button:active{
    background-color: #000;
    color: #fff;
}






/* ФУТТТЕР */

footer {
    padding: 0;
}
footer .nav > li > a{
    font-family: Roboto;
    font-size: 12px;
}
footer .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #262626;
    color: #fac42b;
}
footer ul li a:hover {
    color: #ffffff;
}
.subfooter .fb_info, .subfooter .fb_info li, .subfooter .fb_info span, .subfooter .fb_info ul{
    display: inline-block;
}
.subfooter .fb_info{
    font-size: 1.4em;
}
.subfooter .fb_info li{
    margin-left: 10px;
}
.subfooter h3{
    font-size: 1.5em;
    margin: 0;
    color: #aba9a9;
}


/* thank-page */
.thank{
    text-align: center;
    margin-right:0;
    margin-left:0;
}
.thank-body{
    width: 100%;
    height: 100%;
    background: rgba(83, 40, 101, 0.13);
    position: absolute;
}
.thank p{
    font-size: 2.5em;
    font-family: 'Roboto-Light';
}
.thank h3, .thank h2{
    font-size: 2.5em;
    font-family: 'Roboto-Light';
    color: #5d5d5d;
}
.thank h3:after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: #532865;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 15px;
}
.thank h2:after{
    background: none;
}
.thank .small_text{
    font-size: 1.4em;
    font-family: 'Roboto';
}
.thank img{
    width: 100%;
}
.thank-block{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    margin-top: 90px;
    padding: 45px;
    background: #fff;
}
.thank-block a{
    margin-top: 25px;
    padding: 5px 18px;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}
.thank-block .btn-warning:active:hover{
    color: buttontext;
    background-color: buttonface;
    border-color: buttonface;
}
.thank-block .btn-warning:focus, .btn-warning.focus {
    color: buttontext;
    background-color: buttonface;
    border-color: buttonface;
}
.thank-block a:hover, .thank-block a:active{
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}



/* адаптив */
/* Large desktop */
@media (min-width: 1200px){
    #speakers .clear{
        clear: none;
    }
    #feedback iframe{
        width: 511px;
        height: 288px;
    }
}

@media (max-width: 1200px){
    #list-speaker .li .speaker .caption {
        margin-right: 0;
    }
    #list-speaker .li:nth-child(2) .speaker .caption {
        margin-left: 0;
    }

}



/* переключение меню в мобильный вид на определённой ширине */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}


@media (max-width: 990px){
    #headImg{
        display: none;
    }
    #price .early-bird{
        float: none;
    }
    #price .price-table {
        display: block;
        margin: 15px auto;
    }
    #nav-primary .navbar-header {
        width: 100%;
    }
    #nav-primary .top-menu {
        text-align: right;
        margin-top: 21px;
        margin-right: 0;
        float: right;
        background: #262626;
        padding-right: 30px;
        overflow: hidden;
    }
    .navbar-custom {
        background: #262626;
    }
    #head h1, #head h2, #head h3{
        text-align: center;
    }
    #head .quote{
        margin: auto;
        margin-bottom: 45px;
        margin-top: 25px;
    }
    #feedback iframe{
        width: 648px;
        height: 364px;
    }
    #video .video-bg {
        background-size: cover;
        height: 630px;
    }
    #video .video-box {
        max-width: 654px;
        padding-top: 52px;
    }

}

@media (min-width: 990px) and (max-width: 1200px){
    .speaker .caption {
        width: 75%;
    }
    #feedback iframe{
        width: 420px;
        height: 236px;
    }


}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1200px){

}


/* Landscape phone to portrait tablet */
@media (max-width: 767px){
    #program i{
        display: none;
    }
    #feedback iframe {
        width: 100%;
        height: 300px;
    }
    #feedback .iframe_bg{
        display: block;
    }
    #register .price {
        padding-top: 0;
        height: auto;
        padding-bottom: 30px;
    }
    .subfooter .fb_info {
        text-align: center;
        width: 100%;
    }
    #video .video-bg {
        background: none;
        height: 100%;
    }
    #video .video-box {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 630px){


}

@media (min-width: 480px){
    #sp01{
        display: none;
        float: right;
    }
    #sp02{
        display: inline;
        float: right;
    }
    #sp03{
        float: left;
    }
}
/* Landscape phones and down */
@media (max-width: 480px){
    .nav_fb_info{
        display: none;
    }
    .nav_fb_info2{
        display: block;
    }
    #feedback iframe {
        width: 100%;
        height: 200px;
    }
    #feedback .carousel-control {
        width: 10%;
    }
    #feedback .carousel-control.left{
        left: 0;
    }
    #feedback .carousel-control .glyphicon-chevron-left {
        left: 0;
    }
    #feedback .carousel-control.right {
        right: 0;
    }
    #feedback .carousel-control .glyphicon-chevron-right {
        right: 0;
    }
    #nav-primary .nav_fb_info {
        top: 45px;
        left: 55px;
    }
    .speaker figure img {
        margin: 0 auto;
    }
    .speaker figure {
        float: none;
    }
    .speaker .caption {
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    #sp01{
        display: inline;
        float: none;
    }
    #sp02{
        display: none;
        float: none;
    }
    #sp03{
        float: none;
    }
    #price .price-table {
        width: 325px;
    }
    .logo{
        margin-top: 0;
    }
    #nav-primary{
        height: 95px;
    }
    #context_button01, #context_button00{
        display: block;
    }
    .subfooter .fb_info {
        text-align: center;
        width: 100%;
    }
    h2 {
        font-size: 1.5em;
    }

}