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

.top-menu-bar
{
    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-white.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.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-white.png);
    width:19px;
    height:9px;
    position:absolute;
    right:5px;
    top:10px;    
}

.top-header-under-menu .register_btn
{
    color:#fff;
    width:250px;
    text-align:center;
    height:40px;
    margin-top: 30px;
    float:left;
}

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

.liked-class
{
    fill:none;
    stroke:#00a3d9;
    stroke-width:10px;    
}

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

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






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





.on_image_header_box
{
    position:relative;
    width:100%;
    height:500px;
}

.on_image_header_box_for_picture
{
    position:absolute;
    height:100%;
    width:100%;    
}

.on_image_header_box_for_picture > img
{
    width:100%;
}

.on_image_header_box_for_content
{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:20px;    
}
.on_image-top-menu-bar-inner
{    
    position:relative;
    height:90px;
}

.top-header-name-box
{
    
}
.top-header-under-menu
{
   
}

.top-header-name-box
{
    color: #fff;
    font-size: 22pt;
    margin-bottom: 10px;
    
}



.content-container-1
{
    overflow:hidden;
}
.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;
}
.preview_screen_box > img
{
    width:100%;
    height:auto;
}

.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_white.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: 0 1px;
    color:#fff;
    margin-bottom:20px;
}

.label-webinar-duration
{
    background-image: url(images/icon_time_min_white.png);
    background-repeat:no-repeat;
    padding-left: 20px;
    background-position: 0 1px;
    color:#fff;   
    margin-bottom:20px;
}

.label-webinar-language
{
    background-image: url(images/icon_flag_ru.png);
    background-repeat: no-repeat;
    background-position: 0 1px;    
    padding-left: 20px;
    color:#fff;
    margin-bottom: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-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;
    color:#fff;
}


.anons-content-box
{
    color: #fff;
}
.under-anons-box
{
    margin-top: 50px;
}


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




.bottom-adds-box
{
    color:#000;
    text-align:center;
    padding-bottom:20px;
    padding-top: 20px;
    padding-left: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-outer
{
    height:140px;
    width:100%;
}
.content-moderators-box-outer
{
    overflow:hidden;
    height:100%;
    width:calc(100% - 60px);
    float:left;
}
.content-moderators-left
{
    width:30px;
    height:30px;
    background-image: url(images/moderator-rotator-left.png);
    background-repeat: no-repeat;
    margin-top:50px;
    cursor:pointer;
    float:left;
}
.content-moderators-right
{
    width:30px;
    height:30px;
    background-image: url(images/moderator-rotator-right.png);
    background-repeat: no-repeat;
    margin-top:50px;
    cursor:pointer;
    float:left;
}

.content-moderators-box
{
    width:100%;
    
}


.bottom-adds-rotator-box p
{
    color:#fff !important;
}
.bottom-adds-box .p4
{
    text-align:right;
    line-height:40px;
    color:#fff;
}
.bottom-adds-box .p1
{
    margin-top: 35px;
    color: #fff;
    font-size: 16pt;
    text-align: left;
}



@media all and (max-width: 1100px) {
    .main-container-block-inner
    {
        padding-left:0;
        padding-right:0;    
    }
    
    .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;
    }
       
}

@media all and (max-width: 768px) {
    .social-links-container,
    .label-write-creator
    {
        display:block;
    }
    
    .content-container-3
    {
        margin-top:30px;
    }
    
   
    .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;
    }
    
    
    
    .on_image_header_box_for_picture
    {
        overflow:hidden;   
    }

    .on_image_header_box_for_picture > img
    {
        width:auto;
    }
    /* .top-menu-admin-box
    {
        display:none !important;
    } */
    .under-anons-box {
        margin-top: 20px;
    }
    .label-webinar-begining,
    .label-webinar-duration,
    .label-webinar-language
    {
        margin-bottom:10px;
    }
    .label-write-creator
    {
        margin-top:0;
    }
    
    .top-header-under-menu .register_btn
    {
        margin-top: 10px;
    }
    
    .bottom-adds-box .p1 
    {
        text-align:center;
    }
}
@media all and (max-width:450px){
    .webinar-time-rotator{
        width: auto;
    }
    .box-right-padding{
        padding:0;
    }
    .content-container-2, .content-container-3, .content-container-4, .content-container-5{
        padding: 0 10px;
    }
    .content-moderators-right{
        background-position-x: 20px;
    }
    .bottom-adds-box{
        padding-right: 20px;
    }
    .bottom-adds-box .p4{
        text-align: center;
    }
    .content-moderators-box-outer-outer{
        height: 100%;
    }
    .content-container-row-13, .content-container-row-23, .content-container-row-05{
        float: left;
    }
}