.header-place-box
{
    width:100%;
    height:60px;
    border-bottom:1px solid #cccccc;
    padding-left:70px;
    padding-right:70px;
}

.header-box
{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 55px;
}

.all-content-box
{
    padding-left:70px;
    padding-right:70px;
}

.landing-image-container
{
    max-width: 1200px;
    max-height:400px;
    position:relative;
    overflow:hidden;
    margin: 0 auto;
}
.landing-image-container > img
{
    width: 100%;
}

.landing-image-container-buttons-box
{
    position:absolute;
    right:15px;
    bottom:15px;
}
.landing-under-image-container-buttons-box
{
    display:none;
}

.landing-user-send-message
{
    background-image: url(images/icon-message-black.png);  
    background-repeat: no-repeat;
    background-position: 10px 13px;
    padding-left:40px;
    padding-right:20px;
    line-height:45px;
    
    height:45px;
    border:1px solid #dddcdd;
    background-color:#fff;
    float:left;
    margin-right:2px;
    cursor:pointer;
}
.landing-user-subscribe
{
    height:45px;
    line-height:45px;
    border:1px solid #dddcdd;
    background-color:#fff;
    padding-left:20px;
    padding-right:20px;
    float:left;
    cursor:pointer;
    width:120px;
    text-align:center;
}

.landing-user-subscribe.liked
{
    background-color:#cdcdce;
}



.central-content-box
{
    max-width: 1200px;    
    position:relative;
    margin: 0 auto;
}

.left-content-box
{
    float:left;
    width:400px;
    padding-left:20px;
    padding-right:30px;
}

.right-content-box
{
    float:left;
    width:calc(100% - 400px);
    position:relative;      
}


.user-photo-line-box
{
    height:60px;
    width:100%;
    position: relative;
}

.user-photo-box
{
    overflow:hidden;
    width:230px;
    height:230px;
    position:absolute;
    bottom:0;
    left:0;
    border: 4px solid #fff;
}
.user-photo-box > img
{
    width:100%;
    
}

.user-name-line-box
{
    margin-top:30px;
}
.user-name
{
    float: left;
    margin: 0;
    font-size: 19pt;
    font-weight: bold;
}

.online-indicator
{
    float:right;
    color:#e26666;
}

.user-description-box
{
    padding-top:20px;
    padding-bottom:20px;
    border-bottom: 1px solid #ccc;
}

.user-short-job-box
{
    padding-top:20px;
    padding-bottom:20px;
    border-bottom: 1px solid #ccc;
}
.user-short-contacts-box
{
    padding-top:20px;
    padding-bottom:20px;
    border-bottom: 1px solid #ccc;
}

.user-short-contacts-box > p,
.user-short-job-box > p
{
    padding-left:30px;
    background-repeat:no-repeat;
}

.user-short-job-box .region
{    
    background-image: url(images/left-icon-region.png);    
}
.user-short-job-box .learning
{    
    background-image: url(images/left-icon-learning.png);    
}
.user-short-job-box .working
{    
    background-image: url(images/left-icon-working.png);    
}

.user-short-contacts-box .email
{
    background-image: url(images/left-icon-email.png);   
}
.user-short-contacts-box .site
{
    background-image: url(images/left-icon-site.png);   
}
.user-short-contacts-box .phone
{
    background-image: url(images/left-icon-phone.png);   
}
.user-short-contacts-box .skype
{
    background-image: url(images/left-icon-skype.png);   
}



.user-footer
{
    padding-left:70px;
    padding-right:70px;
}
.user-footer .footer_box
{
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
}

.user-footer .navbar-nav > li
{
    height:30px;
}




.user_landing_under_logo_menu_box
{
    height: 60px;
    border-bottom: 1px solid #dddddd;
}

.user_landing_selector
{
    float:left;
    margin-left:15px;
    margin-right:40px;  
    line-height:60px;
    height:60px;
    cursor:pointer;
}
.user_landing_selector.video
{
    margin-right:10px;
}

.user_landing_selector.selected
{
    border-bottom:2px solid #d90000;
    color: #d90000;
}
.user_landing_selector .numerator
{
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding: 1px 4px 1px 4px;
    margin-left: 10px;
    color: #878787;
}




.user_landing_content
{
    
}
.user_landing_about_header
{
    font-size:14pt;
    margin-top:20px;
}

.user_landing_about_tags_box
{
    min-height:50px;
}

.user_landing_about_description_box
{
    min-height:50px;
}

.user_landing_about_header.working
{
    background-image: url(images/label-working.png);  
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left:30px;
}

.user_landing_webinars_box
{
    /*min-height:100px;*/
}

.user_landing_tag_item
{
    background-color: #e8f5ff;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: left;    
    margin-right: 10px;
    margin-bottom: 10px;
}
.user_landing_tag_item > p
{
    margin:0;
    line-height: 30px;
    color:#1e5582;    
}


.user_landing_job_item
{
    padding-bottom:30px;
    padding-left:30px;
    background-image: url(images/job-line-ellipse.png);  
    background-repeat: no-repeat;
    background-position: 0 0px;
    position:relative;
}

.user_landing_job_item_line
{
    position: absolute;
    border-left: 1px solid #e9ebf3;
    top: 5px;
    bottom: 0;
    left: 8px;
    width: 1px;
}

.user_landing_job_item:last-child .user_landing_job_item_line
{
    display:none;
}

.user_landing_job_date
{
    font-size:10pt;
    color:#537b99;
}

.user_landing_job_date .duration
{
    color:#545454;
}

.user_landing_job_name_box
{
    
}

.user_landing_job_name_box .position
{
    background-color:#e8f5ff;
    height:30px;
    padding-left:20px;
    padding-right:20px;
    line-height:30px;
    color:#1e5582;
    float:left;
}

.user_landing_job_name_box .organisation
{
    float:left;
    margin-left:20px;
    line-height:30px;
    font-weight:bold;
}

.user_landing_job_name_box .disposition
{
    font-weight: normal;
}

.user_landing_job_description
{
    
}

.user_landing_job_photos_box
{
    margin-top:30px;
    padding:15px;
    border:1px solid #ababab; 
}

.user_landing_job_photo_item
{
    height: 100px;
    overflow: hidden;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px
}

.user_landing_job_photo_item >  img
{
    height:100%;
}


.user_landing_webinars_box:before,
.user_landing_webinars_box:after {
    content: "";
    display: table;
} 

.user_landing_webinars_box:after {
    clear: both;
}

.user_landing_webinar_item
{
    width:calc(50% - 40px);
    border-bottom: 1px solid #dddddd;
    float:left;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
        
}



.user_landing_webinar_item_image_box
{
    height:210px;
    overflow:hidden;
    cursor:pointer;
}

.user_landing_webinar_item_image_box > img
{
    height:100%;
}

.user_landing_webinar_item_name
{
    font-weight:bold;
    color:#2c74ab;
    margin-top:15px;
}

.user_landing_webinar_item_anons
{
    height: 60px;
    overflow: hidden;
    margin: 0;
}


.user_landing_webinar_item_viewes
{
    padding-left: 30px;
    background-image: url(images/user-landing-viewes.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    position: relative;
    margin: 0;
    color: #aaaaaa;
}

.user_landing_media_item_play
{
    background-image: url(images/icon_play_video_circle.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    position: absolute;
    top:calc(50% - 38px);
    left:calc(50% - 38px);
    width:77px;
    height:77px;
}


.user-landing-spinner
{
    position:relative;
    bottom:0;
    height:100px;
    width:100%;
    display:none;
}











.user-news-top-box
{
    margin-top:20px;
    position:relative;
}

.user-news-top-spinner
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.3); 
    display:none;
}

.user-news-top-input
{
    width: 100%;
    height: 55px;
    border: 1px solid #dddddd;
    padding:15px;
    resize: none;
}

.user-news-top-input.focused
{
}


.user-news-top-input-add-photo
{
    background-image: url(images/upload_photo_item.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 22px;
    height: 18px;    
    cursor: pointer;
    position:absolute;
    top: 18px;
    right: 20px;
    cursor:pointer;
}


.user-news-top-properties
{
    display:none;
    height:60px;
    width:100%;
    background-color: #f1f5fd;
}

.user-news-top-properties
{
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.user-news-top-properties-left
{
    float:left;
    padding-left:20px;
}

.user-news-top-properties-right
{
    float:right;
    padding-right:20px;
}

.user-news-top-add-button
{
    background-color: #2c74ab;
    border-radius: 15px;
    color: #fff;
    width: 100%;    
    height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 30px;
    margin-top: 15px;
    cursor:pointer;
}

.user-news-top-add-photo
{
    background-image: url(images/upload_photo_item.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 22px;
    height: 18px;
    margin-top: 20px;
    cursor: pointer;
}



.user-news-top-photos-box
{
    padding: 10px;
    border-bottom: 1px solid #dddddd;
    display:none;
}

.user-news-top-photos-box:before,
.user-news-top-photos-box:after {
    content: "";
    display: table;
} 

.user-news-top-photos-box:after {
    clear: both;
}

.user-news-top-photo-item
{
    width:140px;
    height:100px;
    overflow:hidden;
    margin-right:5px;
    margin-bottom:5px;
    float:left;
    position:relative;
}
.user-news-top-photo-item .img_horisontal
{
    height:100%;
}

.user-news-top-photo-item .img_vertical
{
    width:100%;
}

.user-news-top-photo-item-close
{
    background-image: url(images/icon_close.png);
    background-position: 0 0;
    background-repeat: no-repeat;    
    position:absolute;
    width:19px;
    height:19px;
    top:5px;
    right:5px;  
    cursor:pointer;
}




.user_landing_news_item
{
    margin-top:20px;
    border-bottom:1px solid #dddddd;
    padding-bottom:0;
}
.user_landing_news_item_left_box
{
    width:70px;
    float:left;
}
.user_landing_news_item_right_box
{
    width:calc(100% - 70px);
    float:left;
    position:relative;
}

.user_landing_news_edit_btn
{
    background-image: url(images/item_edit_menu_icon.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 18px;
    height: 18px;
    cursor:pointer;
    display:none;
}
.user_landing_news_item:hover .user_landing_news_edit_btn.editable{
    display:block;
}

.user_landing_news_item_menu_tooltip
{
    position:absolute;    
    
    right: 20px;
    top: 25px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
    display:none;
}
.user_landing_news_item_menu_tooltip:focus
{
    outline: none;
}

.user_landing_news_item_menu_tooltip > p
{
    line-height: 20px;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
    margin:0;
    cursor:pointer;
    
}
.user_landing_news_item_menu_tooltip > p:hover
{
    background-color:#e8f5ff;
}

.user_landing_news_item_user_logo
{
    width:60px;
    height:60px;
    border-radius:30px;
    border:1px solid #eee;
    overflow:hidden;
}

.user_landing_news_item_user_logo > img
{
    width:100%;
}

.user_landing_news_item_bottom
{
    width:100%;
    height:40px;
    position:relative;
    margin-top:5px;
}

.user_landing_news_item_viewers
{
    background-image: url(images/user-landing-viewes.png);
    background-position: 0 14px;
    background-repeat: no-repeat;
    padding-left:30px;    
    float:right;
    color:#bababa;
    line-height:40px;
    margin-bottom:0;
}
.user_landing_news_item_comments_label
{
    background-image: url(images/user-landing-comments.png);
    background-position: 0 10px;
    background-repeat: no-repeat;
    padding-left:30px;    
    float:right;    
    color:#377baf;
    line-height:40px;
    margin-right: 40px;
    margin-bottom:0;
    cursor:pointer;
}

.user_landing_news_item_comments_label .number
{
    background-color: #eeeeee;
    color: #bababa;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 5px;
    margin-left: 5px;
}

.user_landing_news_user_name
{
    font-weight:bold;
    margin:0;
}
.user_landing_news_date
{
    color:#cccccc;
    margin:0;
}

.user_landing_news_text_box
{
    margin-top: 10px;
}

.user_landing_news_text
{
    
}
.user_landing_news_text .link
{
    cursor:pointer;
    color:#79a1c4;
}

.user_landing_news_text .last-text
{
    display:none;
}

.user_landing_news_text_webinar_header
{
    background-image: url(images/icon_news_type_webinar.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left:30px; 
    color:#000;
    font-weight: bold;
}

.user_landing_news_text_webinar_header .name
{
    color:#377aae;
    margin-left: 10px;
}


.user_landing_news_photos_box
{
    position:relative;
}


.user_landing_news_item_go_btn
{
    float:left;
    height:35px;
    line-height:31px;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #dddddd;
    color:#000;
    cursor:pointer;
}
.user_landing_news_item_go_btn:hover,
.user_landing_news_item_go_btn:focus
{
    color:#000;
    text-decoration: none;
}









@media all and (max-width: 1130px) {    
    .left-content-box{
        width:100%;
    }
    
    .right-content-box
    {
        width:100%;
    }
    
    .user-photo-box{
        left: calc(50% - 115px);
    }
    
    .landing-image-container-buttons-box
    {
        display:none;
    }
    .landing-under-image-container-buttons-box
    {
        display: block;
        margin-left: calc(50% - 160px);
        margin-top:20px;
    }
}

@media all and (max-width: 768px) {
    .user_landing_webinar_item
    {
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    
    .user_landing_webinar_item_image_box
    {
        width: 100%;
        height:inherit;
    }
    
    .user_landing_webinar_item_image_box > img{
        width:100%;
        height:inherit;
    }
    
    .user_landing_selector
    {
        margin-right:0;
    }
}

@media all and (max-width: 600px) {
    
    .header-place-box
    {
        padding-left:10px;
        padding-right:10px;
    }
    
    .all-content-box
    {
        padding-left:10px;
        padding-right:10px;
    }
    
    .user-footer {
        padding-left:10px;
        padding-right:10px;
    }
    
    .user_landing_selector .numerator
    {
        display:none;
    }
    .user_landing_selector
    {
        font-weight:bold;
    }
}