h2
{
    font-size: 18px;
    font-weight: bold;
    font-family: mybold;
}
.header_center
{
    text-align:center;
}

.top-menu-bar
{
    height:90px;
    width:100%;   
}


.top-menu-left-box
{
    width: 200px;
    height: 40px;
    background-repeat: no-repeat;    
}


.top-menu-admin-box > p
{
    color:#fff;
    cursor:pointer;
    margin-right:30px;
    margin-top:7px;
    text-decoration:underline;
}
.top-menu-admin-edit
{
    background-image: url(images/icon-edit-admin.png);
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    display: inline-block;
    margin-left: 10px;
}

.top-menu-login-box > .btn-group
{
    background-color: #fff;
    border-radius: 5px;
    width: 145px;
    padding-left: 10px;
}
.top-menu-login-box > .btn-group > .btn
{    
    width: 100%;
    text-align: left;
}
.top-menu-login-caret
{
    background-image: url(images/button-caret-black.png);
    width:19px;
    height:9px;
    position:absolute;
    right:5px;
    top:10px;    
}



.main-container-block-inner
{
    padding-left:25px;
    padding-right:25px;
    
}


.content-container-1
{
    height:85px;
    
    
    padding-top: 25px;
}
.content-container-1 > p
{
    width:100%;    
    font-weight:bold;
    font-family:mybold;
    font-size:18pt;
}

.header_icons_line
{
    height:30px;
}

.header_views
{
    float:left;
    background-image: url(images/icon_views.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-right: 10px;
}
.header_participants
{
    float:left;
    background-image: url(images/icon_participants.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-right: 10px;
}

.course_info_number_views
{
    margin-right:5px;
    font-family:mybold;
}
.course_info_number_participants
{
    margin-right:5px;
    font-family:mybold;    
}


.content-container-2
{   
}

.preview_screen_box
{
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}
.preview_screen_box > img
{
    width:100%;
    height:auto;
}

.preview_screen_box_play
{
    background-image: url(images/play-video-big-white.png);
    width:111px;
    height:86px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-43px;
    margin-left:-55px;
    cursor:pointer;
}
.preview_screen_box_play:hover
{
    opacity:0.8;
}
.box-left-padding
{
    padding-left:30px;
}
.box-right-padding
{
    padding-right:40px;
}

.webinar-quick-box
{
    position:relative;       
}

.webinar-quick-box-inner
{
    position:relative;
    height:100%;
    width:100%;
}



.label-webinar-begining
{
    background-image: url(images/icon_pruffme_min_black.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding-left: 30px;    
}

.label-webinar-duration
{
    background-image: url(images/icon_time_min_black.png);
    background-repeat:no-repeat;
    padding-left: 30px;
    background-position: 0 1px;
}

.label-webinar-language
{
    background-image: url(images/icon_flag_ru.png);
    background-repeat:no-repeat;
    background-position: 100px 1px;
    color:#b3b2b3;
    margin-top: 20px;
}


.translation_date,
.translation_time
{
    font-weight:bold;
    font-family:mybold;
}

.webinar-quick-register-box
{
    /*margin-top:50px;*/
}


.landing_course_menu_box
{
    min-height: 50px;
    border-bottom: 1px solid #dddddd;
}

.landing_course_menu_item
{
    float:left;
    margin-left:15px;
    margin-right:40px;  
    line-height:50px;
    height:50px;
    cursor:pointer;
}
.landing_course_menu_item.selected
{
    border-bottom:2px solid #d90000;
    color: #d90000;
}
.landing_course_menu_item.main
{
    background-image: url(images/landing_course_menu_main.png);
    background-repeat: no-repeat; 
    padding-left: 30px;
    background-position: 0;
}
.landing_course_menu_item.chat
{
    background-image: url(images/landing_course_menu_chat.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: 0;    
}
.landing_course_menu_item.moderator
{
    background-image: url(images/landing_course_menu_chat_moderator.png);
    background-repeat: no-repeat;   
    padding-left: 30px;
    background-position: 0;
}
.landing_course_menu_item.main.selected
{
    background-image: url(images/landing_course_menu_main_selected.png);    
}
.landing_course_menu_item.chat.selected
{
    background-image: url(images/landing_course_menu_chat_selected.png);    
}
.landing_course_menu_item.moderator.selected
{
    background-image: url(images/landing_course_menu_chat_moderator_selected.png);    
}

.landing-course-description-box
{
    display:none;
}
.comments_inner_box
{
    padding-top: 20px;
}


.webinar-quick-register-box > .register_btn
{
    float: left;
    width: calc(100% - 50px);
    height: 40px;
    border-radius: 20px;
    color: #fff;
}
.webinar-like-btn
{    
    display: inline-block;
    width: 25px;
    height: 25px;   
    margin-top: 10px;
    float: right;
    cursor:pointer;
}
.webinar-like-btn > svg
{
    width:100%;
    height:100%;
}

.liked-class
{
    fill:#FFFFFF;
    stroke:#d90000;
    stroke-width:2px;    
}

.webinar-like-btn:hover .liked-class
{
    fill:#fccaca;
}

.webinar-like-btn.liked .liked-class
{
    fill:#d90000;
    stroke:#d90000;
    stroke-width:2px;    
}





.webinar-quick-register-box > .price-box
{
    float:left;
    width: calc(100% - 170px);
}

.price-label-container
{
    font-size: 16pt;
    font-weight: bold;
    font-family: mybold;
}

.price-label-container-icon
{
    background-image: url(images/icon_money_black.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 25px;
    background-position: 0 8px;
    margin-right: 7px;
}


.price-box > p
{
    text-align:center;
    width:100%;
    margin:0;
}

.social-links-container
{
    padding-top:15px;
    clear:both;
}

.label-write-creator
{
    margin-top:20px;
}


.anons-content-box
{
    padding-top:5px;
    font-weight:bold;
    font-family:mybold;
    word-wrap: break-word;
}



.description-content-box
{
    padding-bottom:30px;
    word-wrap: break-word;
}

.middle-adds-box_outer
{
    border-radius:5px;
    padding-top:20px;
    padding-bottom:20px;
}
.middle-adds-box
{     
    max-width:600px;
    margin-left:calc( 50% - 300px);    
}
.middle-adds-box > .p1
{
    color:#fff;
    float:left;
    width:calc(100% - 160px);
    line-height: 35px;
    padding-right:10px;
    
}
.middle-adds-box > .register_btn
{
    float:left;
    background-color:#fff;
    width:160px;
}


.bottom-adds-box
{
    color:#fff;
    text-align:center;
    padding-bottom:20px;
    border-radius: 5px;
}
.bottom-adds-box > .p1
{
    padding-top:20px;
    font-size:16pt;
}
.bottom-adds-box > .p2
{
    font-family:mybold;
    font-size:14pt;
}

.bottom-adds-box > .p2.middle
{
    padding-top:15px;
}

.bottom-adds-box > .p3
{
    font-size:16pt;
}
.bottom-adds-box > .p4
{
    font-size:10pt;
}
.bottom-adds-box .webinar-time-rotator p
{
    color:#fff !important;
}
.bottom-adds-rotator-box
{
    position:relative;
    height:80px;
}
.bottom-adds-rotator-box .webinar-time-rotator
{
    position:absolute;
    left:50%;
    margin-left:-130px;
    width:300px;    
}



.refresh-course-init-rotator
{
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-color: rgba(0, 0, 0, 0.8);
}





@media all and (max-width: 1100px) {
    .webinar-quick-register-box > .price-box
    {
        width:100%;
        margin-top: 30px;            
    }
    
    .webinar-quick-register-box > .register_btn 
    {
        width:100%;
    }
    .webinar-quick-register-box 
    {
        margin-top:0;
    }
    .social-links-container,
    .label-write-creator
    {
        display:none;
    }    
}

@media all and (max-width: 768px) {
    .social-links-container,
    .label-write-creator
    {
        display:block;
    }
    
    .content-container-3
    {
        margin-top:30px;
    }
    
    .content-container-row-13 .webinar-time-rotator
    {
        margin-left:calc(50% - 150px);
    }
    .content-container-row-13 .p1
    {
        text-align:center;
        margin-top:30px;
    }
    .webinar_list_item_img_box
    {
        max-width:100%;
    }
    .webinar-quick-box-inner
    {
        margin-top:30px;
    }
    
    .middle-adds-box
    {
        width:100%;
        margin:0;
        padding-left: 20px;
        padding-right: 20px;
    }
    
}