h2
{
    font-size: 18px;
    font-weight: bold;
    font-family: mybold;
}
.colored-line
{
    border-width:2px;
}
.on-style-color
{
    color: #fff;
}

.top-menu-bar
{
    height:90px;
    width:100%;
    background-color:#eeeeee;
}


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


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

.top-menu-admin-stat
{
    background-image: url(images/icon-stat-admin-black.png);
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    display: inline-block;
    margin-left: 10px;
}

.top-menu-login-box > .btn-group
{
    border-radius: 5px;
    width: 145px;
    padding-left: 10px;
}
.top-menu-login-box > .btn-group > .btn
{    
    width: 100%;
    text-align: left;
}


.top-menu-login-label
{
    
}
.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:60px;
    padding-right:60px;
    
}


.content-container-1
{
    
    
    
    padding-top: 25px;
}
.main-object-header
{
    width:100%;
    font-weight:bold;
    font-family:mybold;
    font-size:18pt;
    text-align:center;
    margin-top: 10px;
}

.content-container-2
{
    margin-top:20px;
}
.content-container-3
{
    padding-top:20px;
}

.big-items-block
{
    background-repeat:no-repeat;
    padding-left:60px;
    padding-right:20px;
    float:left; 
    margin-top: 25px;
}


.big-items-block.clock
{
    background-image: url(images/icon_time_big_black.png);
           
}
.big-items-block.language
{
    background-image: url(images/icon_language_big_black.png);          
}

.big-items-block-header
{
    margin-top:10px;
    margin-bottom:0;
}



.middele-time-rotator-box
{
    width:450px;
    margin-left:calc(50% - 200px);
    margin-top:30px;
    margin-bottom:10px;
}
.middele-time-rotator-box > .label-box
{
    width:150px;
    float:left;
}
.middele-time-rotator-box > .label-box > p
{
    font-family: mybold;
    margin-top: 10px;
}  

.middele-time-rotator-box > .webinar-time-rotator
{
    width: calc(100% - 150px);
    float:left;
}


.preview_screen_box
{
    width:100%;
    height:400px;
    position:relative;
}
.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; 
    margin-top:20px;
}

.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: 0 1px;    
    padding-left: 20px;
    
}


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

.webinar-quick-register-box
{
    float:right;
}

.webinar-quick-register-box > .register_btn
{
    float:left;
    width:170px;
    height:50px;
    color:#fff;
}

.webinar-like-btn
{    
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 10px;
    margin-right: 20px;
    float: left;
    cursor: pointer;
}
.webinar-like-btn > svg
{
    width:100%;
    height:100%;
}

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

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

.webinar-like-btn.liked .liked-class
{
    fill:#00bfff;
    stroke:#00bfff;
    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
{
    clear:both;
}

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


.anons-content-box
{
    max-width:750px;
    font-family:mybold;
    text-align:center;
}



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




.bottom-adds-box
{
    color:#000;
    text-align:center;
    padding-bottom:20px;
}
.bottom-adds-box > .p1
{
    padding-top:20px;
    font-size:16pt;
}
.bottom-adds-box > .p2
{
    font-family:mybold;
    font-size:14pt;
}
.bottom-adds-box > .p3
{
    font-size:16pt;
}
.bottom-adds-box > .p4
{
    font-size:10pt;
}


.time-rotator-right-inner
{
    float:right;
    width: 255px;
}



.bottom-adds-rotator-box
{
    position:relative;
    height:80px;
}
.bottom-adds-rotator-box .webinar-time-rotator
{
    position:absolute;
    left:50%;
    margin-left:-130px;
    width:300px;    
}

.content-moderators-box-outer
{
    float:right;
}
.content-moderators-box-inner
{
    float:right;
    width:250px;
    padding-bottom:20px;    
}



@media all and (max-width: 1100px) {
    .webinar-quick-register-box > .price-box
    {
        width:100%;
        margin-top: 30px;            
    }
    
    .webinar-quick-register-box > .register_btn 
    {
        width:74%;
    }
    .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;
    }
}
@media all and (max-width: 450px){
    .master_edit_box{
        font-size: 0;
    }
    .top-menu-left-box{
        top: 40px;
    }
    .webinar-time-rotator{
        width: 240px!important;
    }
    .main-container-block-inner{
        padding:0 15px;
    }
    .content-moderators-box-inner{
        float: none;
        width: 100%;
    }
    .webinar-quick-register-box{
        float: none;
    }
}