/*----------------------------------------------------------------------
| Template: Template of photography site
------------------------------------------------------------------------
| @author: Md. Rokibul Hossain
------------------------------------------------------------------------
| Powered by: Orange Business Developement Ltd.
------------------------------------------------------------------------*/
.fade_bottom {
    position: fixed;
    height: 200px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 0;
}

.button.medium {
    min-width: 180px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
}
.button{
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 28px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    outline: none;
    background-color: #0099e5;
    border: 1px solid #0088cc;
    text-shadow: 0px 1px 0px #0088cc;
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.15) inset;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.15) inset;
    -webkit-transition: background-color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
}
.button.submit, .button.following:not(.mini_follow) {
    background-color: #34bf49;
    border-color: #2fab41;
    text-shadow: 0px 1px 0px #2fab41;
}
.button:hover {
    background-color: #00aaff; color: #fff
}

#black_overlay{
    position: fixed; display: none; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: 999
}
#photo_dtl_white_overlay{
    position: fixed; display: none; width: 100%; height: 100%; padding: 25px; overflow-y: auto; opacity: 1.0; z-index: 1000
}
#photo_dtl_white_overlay > .dtl_content{
    display: block;
    height: 100%;
    background-color: #fff;
    width: 100%;
}
#photo_dtl_white_overlay > .close_dtl_btn{
    position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; line-height: 26px;
    cursor: pointer; background: #fff; border: 1px solid #ccc; color: #000;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
#sliding_msg_block{
    position: fixed;
    display: none;    
    background: #2f6934;
    width: 100%;
    font-size: 14px;
    opacity: 0.8;
    color: #fff;
    z-index: 1000;
    padding: 5px 15px;
    left: 0;
    bottom: 0;    
}

/**
 * Header style
 */
#header{}
#header .header-block{    
    position: relative;
    z-index: 900;
    top: 0;
    height: 50px;
    width: 100%;
    padding: 0 50px;
    background-color: #fff;
    border-bottom: 1px solid #eeeff2;
    font-size: 14px;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: auto;
}
#header .header-block a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    height: 50px;
    padding: 0 10px;
    color: #525558;
    font-weight: normal;
    letter-spacing: 0.025em;
    white-space: nowrap;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    line-height: 50px;
}
#header .user-profile,#header .notification-info{
    position: relative;
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
#header .user-profile #px_topnav_user {
    max-width: 180px;
    text-overflow: ellipsis;
}
#header .user-profile .icon {
    /*background: transparent url(//assetcdn.500px.org/assets/px_topnav/nav_sprite-73305a1a615bb88713008c73e2ed603d.png) right */
    bottom no-repeat;
    display: inline-block;
    margin: 0;
    width: 20px;
    height: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    text-align: left;
    cursor: pointer;
    color: #b9c1c7;
    vertical-align: middle;
    margin-bottom: 3px;
}
#header .user-profile .icon.avatar {
    width: 30px;
    height: 30px;
    background-color: #f8f8f8;
    border: 1px solid #eeeff2;
}
#header .user-profile #px_topnav_user .avatar {
    background-image: none;
    position: relative;
    text-overflow: ellipsis;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
#header .user-profile .user-profile-options,#header .notification-info .latest-notification-block {
    left: -10px;
    padding: 0;
    top: 50px;
    min-width: 140px;
    display: none;
    -webkit-box-shadow: 0 0 0 1px rgba(238,239,242,0.67), 0 1px 3px rgba(0,0,0,0.05);
    box-shadow: 0 0 0 1px rgba(238,239,242,0.67), 0 1px 3px rgba(0,0,0,0.05);
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
#header .notification-info .latest-notification-block{
    width: 300px;
    left: -170px;
}
#header .user-profile .user-profile-options ul,#header .notification-info .latest-notification-block ul {
    padding: 10px 0;
    width: 100%;
    background-color: #fff;
}
#header .notification-info .latest-notification-block ul{
    padding: 0
}
#header .user-profile .user-profile-options ul:not(:last-child),#header .notification-info .latest-notification-block ul:not(:last-child) {
    border-bottom: 1px solid #eeeff2;
}
#header .user-profile .user-profile-options li,#header .notification-info .latest-notification-block li {
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
#header .user-profile .user-profile-options .links.clearfix li,#header .notification-info .latest-notification-block .clearfix li {
    display: block;
}
#header .notification-info .latest-notification-block .clearfix li{
    text-align: left;
    padding: 0 10px;
    height: 50px;
    overflow: hidden;
    display: block;
    color: #525558;
    border-bottom: 1px solid #eee;
    font-weight: normal;
    letter-spacing: 0.025em;
    white-space: nowrap;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    line-height: 50px;
}
#header .user-profile .user-profile-options a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    height: 50px;
    padding: 0 10px;
    color: #525558;
    font-weight: normal;
    letter-spacing: 0.025em;
    white-space: nowrap;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    line-height: 50px;
}
#header .user-profile .user-profile-options .links.clearfix a{
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #525558;
    letter-spacing: -0.01em;
    padding: 0 20px;
    background-color: #fff;
    border: none;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#header .main-logo{
    height: 50px
}
#header .main-logo a{
    padding: 0 15px 0 0;
}
#header .main-logo a img{
    max-width: 100%;
    max-height: 100%;
}
#header .siginup-btn a,#header .login-btn a{
    position: relative;
    background-color: #34bf49;
    color: white;
    padding-left: 50px;
    padding-right: 15px;
    line-height: 28px;
    height: 28px;
    top: 11px;
    border-radius: 50% 25px;
}
#header .login-btn a{
    background-color: #cd4045; margin-right: 10px;
    padding-left: 15px; padding-right: 15px;
}
#header .upload-btn a{
    position: relative;
    text-indent: 29px;    
    color: #fff;
    background: #0099e5;
    line-height: 28px;
    height: 28px;
    padding-left: 15px;
    top: 11px;
    padding-right: 15px;
    border-radius: 50% 25px;
}
#header .upload-btn a i{
    position: absolute;
    left: -12px;
    top: 7px;
    font-size: 16px;
    color: #fff;
}
#header .siginup-btn a{
    padding-left: 15px
}

/**
 * Upload photo block
 */
.popup-upload-content-block{
    position: fixed; background: #fff; padding: 15px; width: 90%; height: 80%; left: 120%; top: 10%; z-index: 1000; 
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 1px 1px 5px #999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.popup-upload-content-block .main_region {
    height: 100%;
}
.popup-upload-content-block .main_region .file_selector {
    height: 100%;
    text-align: center;
}
.popup-upload-content-block .main_region .file_selector .browse_container {
    position: relative;
    top: 45%;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
}
.popup-upload-content-block .main_region .file_selector .browse_container .drag_drop_message {
    margin: 25px 0;
    color: #0099e5;
}
.popup-upload-content-block .main_region .uploading_grid_layout{
    display: none;
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane{
    position: absolute;
    /*width: 75%;*/
    overflow-x: hidden;
    background: #f7f8fa;
    /* margin: -15px; */
    border-radius: 5px 0 0 5px;
    /* padding: 15px; */
    padding-bottom: 80px;
    overflow-y: scroll;
    height: 100%;
    left: 0;
    top: 0;

    width: -webkit-calc(100% - 310px);
    width: -moz-calc(100% - 310px);
    width: calc(100% - 310px);
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item{
    float: left; position: relative;    
    color: #b9c1c7;
    font-weight: bold;
    text-align: center;
    cursor: pointer;    
    padding: 3px;
    width: 279px;
    height: 279px;
    margin: 15px 0 50px 15px
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .overlay{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border: 3px solid transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 5;
    pointer-events: auto;
    opacity: 0;
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    transition: border 0.2s;
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .overlay.active{
    border: 3px solid #0099e5;
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .overlay .gradient {
    position: absolute;
    height: 40px;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(transparent));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, transparent 100%);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .overlay .remove {
    opacity: 0;
    position: absolute;
    top: -4px;
    right: 6px;
    width: 16px;
    height: 16px;    
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-backface-visibility: hidden;
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .overlay .selected-circle {
    width: 20px;
    height: 20px;
    opacity: 0;
    display: inline-block;
    position: absolute;
    bottom: -7px;
    right: -7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #0099e5;
    background-size: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;    
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .overlay .selected-circle{
    -webkit-animation: grow_circle 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
    -moz-animation: grow_circle 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
    animation: grow_circle 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .overlay:hover .gradient{
    opacity: 1.0
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .overlay:hover .remove{
    opacity: 1.0;
    top: 5px;
    color: #fff
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .circle_progress,
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .percentage_progress{
    position: absolute;

    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    z-index: 15
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .percentage_progress{
    text-shadow: 0 0 10px #000; color: #fff
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item img {
    opacity: 0;
    position: relative;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .name {
    position: absolute;
    top: -webkit-calc(100% + 10px);
    top: -moz-calc(100% + 10px);
    top: calc(100% + 10px);
    width: -webkit-calc(100% + 4px);
    width: -moz-calc(100% + 4px);
    width: calc(100% + 4px);
    left: -2px;
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .uploader_photo_grid_item .name input {
    width: 100%;
    border: 1px solid #f7f8fa;
    background: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .add_more_grid_item{
    float: left;
    border: 2px solid #b9c1c7;
    color: #b9c1c7;
    font-weight: bold;
    text-align: center;
    cursor: pointer;    
    padding: 3px;
    width: 279px;
    height: 279px;
    margin: 15px 15px 50px 15px;
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .add_more_grid_item .icon {
    display: block;
    margin: 35% auto 0;
    padding: 10px;
    font-size: 24px;
}
.popup-upload-content-block .main_region .uploading_grid_layout .photo_grid_pane .add_more_grid_item .label {
    text-align: center;
    font-size: 17px;
    color: #666;
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane{
    position: absolute; right: 0; top: 0; width: 310px; height: 100%; text-align: left;
    overflow-x: hidden; overflow-y:  hidden; background: #fff;
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .require_fields_block{
    display: block;
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .require_fields_block label{
    text-transform: uppercase;
    color: #CD0000;
    border-bottom: 1px solid #eee;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    background: #f9f9f9;
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .require_fields_block .require_data{
    display: block ;text-align: center; color: #666
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .require_fields_block .require_data i{
    display: block; padding-bottom: 7px; color: #ccc
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .require_fields_block .active,
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .require_fields_block .active i{
    color: #363
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .publish_section {
    border-bottom: 1px solid #eeeff2; padding: 10px
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .publish_section .publish {    
    display: block
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .publish_section .note {
    padding: 0 10px 10px;
    font-size: 11px;
    color: #71767a;
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section{
    display: block;
    position: absolute;
    padding: 15px;
    margin: 10px 0;
    border-top: 1px solid #eee;
    left: 0;
    right: 0;
    overflow-x: hidden;
    height: -webkit-calc(100% - 162px);
    height: -moz-calc(100% - 162px);
    height: calc(100% - 162px);    
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section label{
    color: #336633;
    display: block;
    font-weight: normal;
    overflow: hidden
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section label span{
    float: right;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    text-shadow: 1px 0 5px #fff;
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .discoverability_bar{
    position: relative; background: #f7f7f7; width: 100%; height: 10px; margin-bottom: 10px; border: 1px solid #eee; overflow: hidden;
    transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .discoverability_bar span{
    position: absolute; width: 0%; height: 10px; background: #363;
    transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s;
    z-index: 1
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .keywords_block{
    margin-bottom: 10px
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .category_block{
    border: 1px solid #ddd;
    padding: 10px; margin-bottom: 10px;
    max-height: 200px;
    overflow: auto;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .sel_category_block{
    margin: 5px 0 10px 0;
    font-size: 12px;    
    color: #999;
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .category_block .photography_cat_item{
    padding: 5px
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .category_block .photography_cat_item i{
    margin-right: 5px; width: 15px
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .photo_title{
    margin-bottom: 10px
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .photo_description{
    margin-bottom: 10px
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .adult_content i,
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .watermark_content i,
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .for_sell_content i{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 34px; color: #ccc;
    margin-right: 10px;
    cursor: pointer;        
}
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .adult_content span,
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .watermark_content span,
.popup-upload-content-block .main_region .uploading_grid_layout .uploader_right_pane .photo_content_section .for_sell_content span{
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    color: #71767a;     
    margin-bottom: 10px;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
}
.popup-upload-content-block .main_region .footer{
    clear: both;
    font-weight: bold;
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}
.popup-upload-content-block .main_region .uploading_grid_layout .footer{
    position: relative; bottom: -60px
}

/**
 * Justify photo gallery display styles
 */
#photo_list_block{position: relative}
#photo_list_block .justified-gallery>.photo_thumbnail {
    opacity: 1;
    background-color: #eeeff2;
}
#photo_list_block .justified-gallery>.photo_thumbnail img {
    background-color: #eeeff2;
    pointer-events: none;
}
#photo_list_block.justified-gallery>.photo_thumbnail .nsfw_placeholder_content{
    width: 100%;
    height: 100%;
    background-color: #333;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
#photo_list_block.justified-gallery>.photo_thumbnail .nsfw_placeholder_content h4{
    position: relative;
    top: 45%;
}
#photo_list_block .info, #photo_list_block .bottom_info, #photo_list_block .price_info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;		
    text-align: left;		
    padding: 15px;
    pointer-events: none;
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(bottom, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: -moz-linear-gradient(bottom, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to top, transparent 0%, rgba(0,0,0,0.6) 100%);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
#photo_list_block .bottom_info{
    top: auto; bottom: 0; min-height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.6) 100%);
}
#photo_list_block .price_info{
    top: auto; bottom: 0; min-height: 40px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.6) 100%);
}
#photo_list_block .info .credits{overflow: hidden}
#photo_list_block .info .credits .avatar,#photo_list_block .info .credits .photo_info_wrap{}
#photo_list_block .info .credits .avatar{float: left; width: 45px; height: 45px; background-color: #ccc; background-size: cover; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-shadow: 0 0 25px #000;}
#photo_list_block .info .credits .photo_info_wrap{
    position: relative;
    float: left;
    max-width: -webkit-calc(100% - 55px);
    max-width: -moz-calc(100% - 55px);
    max-width: calc(100% - 55px);        
    vertical-align: middle;
    margin-left: 10px;
}
#photo_list_block .info .credits .photo_info_wrap > a{display: inline-block; max-width: 100%; font-size: 13px; line-height: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
#photo_list_block .info .credits .photo_info_wrap > a:hover{text-decoration: underline;}
#photo_list_block .info .credits .photo_info_wrap > div{
    line-height: 1.4em;
    display: block;
    max-width: 100%;
    font-size: 14px;
    font-weight: bold;
    font-weight: 500;
    color: #fff;
    position: relative;
    position: static;
    pointer-events: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}    
#photo_list_block .info .credits .photo_info_wrap > div span.by{display: inline-block; color: #fff; font-size: 12px; padding-right: 7px}
#photo_list_block .info .credits .photo_info_wrap > div a{display: inline-block; color: #fff; font-size: 13px}
#photo_list_block .info .credits .photo_info_wrap > a.photographer{font-size: 12px; padding-left: 5px}
#photo_list_block .info .credits .photo_info_wrap > a.photo-cat{font-size: 12px; padding-left: 7px; color: #fff}
#photo_list_block .info .credits .cover_photo_setup{
    position: absolute;
    right: 15px;
    color: #fff;
    text-shadow: 0 0 5px #000;
    font-size: 22px;    
    pointer-events: auto;
}
#photo_list_block .price_info .cart{font-size: 20px; color: #fff; text-shadow: 0 0 25px #000; position: relative; top: 0; right: 10px; cursor: pointer}
#photo_list_block .price_info .price{display: inline-block; max-width: 200px; color: #fff; font-size: 14px; text-shadow: 0 0 5px #000;}
#photo_list_block .right{
    opacity: 0;
    position: absolute;
    right: 15px;
    bottom: 0;
    pointer-events: auto;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
#photo_list_block .photo_thumbnail .add_story{
    right: 50px
}
#photo_list_block .photo_thumbnail:hover .right{
    opacity: 1;
    bottom: 15px;
    -webkit-transition: bottom 0.2s;
    -moz-transition: bottom 0.2s;
    transition: bottom 0.2s;
}
#photo_list_block .photo_thumbnail:hover .add_story{
    bottom: 14px
}
#photo_list_block .photo_thumbnail .right .add_to_gallery_button,
#photo_list_block .photo_thumbnail .right .add_to_story_button{
    position: relative; color: #fff; font-size: 20px; cursor: pointer
}
#photo_list_block .photo_thumbnail .right .add_to_story_button{
    font-size: 22px
}
#photo_list_block .photo_thumbnail .right .add_to_gallery_button .gallery_plus{
    position: absolute;
    font-size: 14px;
    right: 4px;
    top: -2px;
    display: inline-block;
}
#photo_list_block .photo_thumbnail:hover .info,#photo_list_block .photo_thumbnail:hover .bottom_info,#photo_list_block .photo_thumbnail:hover .price_info{opacity: 1.0}
#photo_list_block .photo_thumbnail .sell_info{
    position: absolute;
    z-index: 9999;
    background: #CD0000;
    color: #fff;
    padding: 1px 5px 1px 10px;
    right: 0px;
    top: 40%;
    font-size: 13px;
    /* font-weight: bold; */
    border-radius: 25px 0 0 25px;
}

/**
 * Discovery page css
 */
.discover_block{_padding-top: 20px; text-align: left;}
.discover_block ul{width:100%; list-style-type: none}
.discover_block ul li{border-bottom: 1px solid #eee; padding: 20px 20px 17px 0;}
.discover_block li:first-child {padding-top: 0;}
.left_part, .right_part {
    display: inline-block;
}
.left_part .default_photo{
    background: #eee;
    height: 100%;
    color: #ccc;
    font-size: 55px;
    text-align: center;
    position: relative;
}
.left_part .default_photo i{padding-top: 20%}
.left_part .blank_photo{
    background: #eee;    
    height: 100%;
    text-align: center;
    color: #ccc;
    position: relative;
}
.left_part .blank_photo i{padding-top: 35%; font-size: 30px}
.group-top-photos { height: 141px; width: 212px; }
.photo_cat:first-child { height: 141px; margin-bottom: 0; margin-right: 1px; width: 141px; }
.photo_cat { display: inline-block; float: left; vertical-align: top;}
.photo_cat a { display: block;}
.photo_cat a .photo {background-color: #f7f8fa; background-size: cover;}

.photo_cat:first-child a .photo { height: 141px; width: 141px;}

.right_cat_photo { display: inline-block; float: left; height: 70px; margin-bottom: 1px; vertical-align: top; width: 70px;}
.right_cat_photo a {display: block;}
.right_cat_photo a .photo { background-color: #f7f8fa; background-size: cover; height: 70px; width: 70px;}
.right_part {
    width: -webkit-calc(100% - 232px);
    width: -moz-calc(100% - 232px);
    width: calc(100% - 232px);
    margin-left: 16px;
    vertical-align: top;
}
.right_part .group_avatar {
    display: inline-block;
    position: relative;
    font-size: 14px;
    width: 50px;
    height: 50px;
    vertical-align: top;
}
.right_part .default_avatar{
    width: 100%; height: 100%; background: #eee;
    text-align: center; color: #ccc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.right_part .default_avatar i{
    padding-top: 37%;
}
.right_part .group_avatar img {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.right_part .group_meta {
    display: inline-block;
    position: relative;
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: calc(100% - 70px);
    margin-left: 6px;
}

.group_meta h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: bold;
}
.group_meta h2 a.name {
    display: inline-block;
    max-width: -webkit-calc(100% - 30px);
    max-width: -moz-calc(100% - 30px);
    max-width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #525558;
}

.pill {
    display: inline-block;
    background-color: #b9c1c7;
    line-height: 18px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 0 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
}
.pill.submit {
    background-color: #34bf49;
}
.pill.submit:hover{
    background-color: #35d049;
    color: #fff
}
.pill.subscribe{
    background-color: #0099e5
}
.pill.subscribe:focus,.pill.subscribe:hover{
    background-color: #00b1ff; color: #fff
}
.subscribe_buttons,.unsubscribe_buttons,.admin_buttons { display: inline-block }
.admin_buttons .edit_group{ display: none }
.admin_buttons:hover .moderator{
    display: none
}
.admin_buttons:hover .edit_group{
    display: inline-block
}
.unsubscribe_buttons .unsubscribe{
    display: none; background-color: #0099e5; color: #fff
}
.unsubscribe_buttons .unsubscribe_front{
    background-color: #888
}
.unsubscribe_buttons:hover .unsubscribe_front{
    display: none
}
.unsubscribe_buttons:hover .unsubscribe{
    display: inline-block
}
.members_count,.members_count:hover {color: #b9c1c7; font-size: 14px; font-weight: normal; line-height: 1.4em; margin-left: 5px; vertical-align: top;}
.description { margin: 10px 0 15px; }

.friends {background: rgba(0, 0, 0, 0) url("//assetcdn.500px.org/assets/groups/groups_friends@2x-7fb6dcb8633fd76cb30298c3a3a98a4d.png") no-repeat scroll 0 0 / 22px 17px;color: #b9c1c7; padding-left: 30px;}

/**
 * GROUP PHOTOS BLOCK STYLES
 */
.group_grid_item {
    position: relative;
    line-height: 0;
    display: inline-block;
    width: 280px;
    height: 280px;
    margin: 0 20px 20px 0;
    background-color: #000;
    overflow: hidden;
    vertical-align: top;
    list-style: none
}
.group_grid_item:nth-child(3n) {
    margin-right: 0;
}
.group_photos_grid_item .photo {
    position: absolute;
    width: 100%;
    height: 100%;
}
.group_photos_grid_item .photo .thumbnail {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.group_photos_grid_item .buttons {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    float: right;
    position: absolute;
    z-index: 2;
    top: -10px;
    right: 10px;
    width: auto;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.group_photos_grid_item .attribution {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    bottom: 0px;
    color: #fff;
    background: #000;
    background: rgba(0,0,0,0.6);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.6) 100%);
    width: 100%;
    height: 75px;
    text-shadow: 0px 0px 1px black;
    width: 100%;
}
.group_photos_grid_item .attribution .title {
    max-width: 100%;
    height: 22px;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    position: absolute;
    white-space: word-wrap;
    text-overflow: ellipsis;
    top: 20px;
    padding: 0 12px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.group_photos_grid_item .attribution .author {
    max-width: 100%;
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
    position: absolute;
    bottom: 8px;
    padding: 0 12px;
}
.group_photos_grid_item .attribution a {
    color: #fff;
    max-width: 100%;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    padding: 2px 8px;
}
.group_photos_grid_item .attribution a:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: " ";
    width: 100%;
    padding: 1px 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 100%;
    position: absolute;
    top: -1px;
    left: -3px;
    display: block;
    background-color: rgba(255,255,255,0);
    z-index: 1;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.group_photos_grid_item .attribution a:hover:before {
    background-color: rgba(255,255,255,0.15);
}
.group_photos_grid_item:hover .buttons {
    opacity: 1;
    top: 10px;
}
.group_photos_grid_item .action-button {
    background: center center no-repeat;
    background-size: 20px 20px;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    background-color: rgba(34,34,34,0.2);
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.group_photos_grid_item .action-button span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 48px;
    background: center center no-repeat;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-transition-property: opacity top background-color;
    -moz-transition-property: opacity top background-color;
    transition-property: opacity top background-color;
}
.group_photos_grid_item .action-button.animate:hover {
    background-color: rgba(34,34,34,0.4);
}
.group_photos_grid_item .action-button .count {
    top: 15px;
    opacity: 0;
}
.group_photos_grid_item .action-button.animate:hover .count {
    top: 0px;
    opacity: 1;
}
.group_photos_grid_item .action-button.animate:hover .icon {
    top: -15px;
    opacity: 0;
}

/**
 * GROUP MEMBERS STYLES
 */
.group_member_grid_item .fade {
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, rgba(0,0,0,0.6)), to(rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.6) 100%);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.6) 100%);
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
.group_member_grid_item:hover .fade {
    opacity: 0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
.group_member_grid_item .radialfade {
    background: -webkit-radial-gradient(50% 50%, ellipse cover, rgba(0,0,0,0.6) 0%, transparent 60%, transparent 100%);
    background: -moz-radial-gradient(50% 50%, ellipse cover, rgba(0,0,0,0.6) 0%, transparent 60%, transparent 100%);
    background: radial-gradient(50% 50%, ellipse cover, rgba(0,0,0,0.6) 0%, transparent 60%, transparent 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
.group_member_grid_item .thumb_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.group_member_grid_item .profile {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
    position: relative;
    background-color: #ebebeb;
    background-size: cover;
    display: block;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 1px rgba(0,0,0,0.2);
}
.group_member_grid_item .info {
    position: relative;
    text-align: center;
}
.group_member_grid_item .info .name_wrap {
    display: block;
    text-align: center;
    margin: 10px auto 0 auto;
}
.group_member_grid_item .info .name_wrap a {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    max-width: 90%;
    line-height: 1.4em;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    margin: 0 auto;
    width: auto;
    padding: 2px 8px;
}
.group_member_grid_item .info .name_wrap a:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: " ";
    width: 100%;
    padding: 1px 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 100%;
    position: absolute;
    top: -1px;
    left: -3px;
    display: block;
    background-color: rgba(255,255,255,0);
    z-index: 1;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.group_member_grid_item .info .name_wrap a:hover:before {
    background-color: rgba(255,255,255,0.15);
}
.group_member_grid_item .info .location_wrap {
    height: 16px;
    display: block;
    margin-top: 5px;
    color: #fff;
}
.group_member_grid_item .info .location_wrap .pin {
    height: 16px;
    display: inline-block;
    position: relative;
    right: 6px;
    vertical-align: middle;
}
.group_member_grid_item .info .location_wrap h2 {        
    font-size: 14px;
    font-weight: normal;
    margin: 0px auto 0 auto;
    display: inline-block;
    text-transform: capitalize;
    overflow: hidden;
    max-width: 85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4em;
    vertical-align: middle;
    height: 1.4em;
}

/**
 * PHOTO MANAGER DISPLAY STYLES
 */
.squared_photo_grid {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
}
.squared_photo_grid .squared_photo_grid_item {
    border: none;
    float: left;
    position: relative;
    margin: 20px 0 0 20px;
    width: 147px;
    height: 147px;
    cursor: default;
    text-align: center;
    pointer-events: none;
    background: #f8f8f8
}
.squared_photo_grid .squared_photo_grid_item .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border: 3px solid transparent;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 100000;
    pointer-events: auto;
    opacity: 0;
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    transition: border 0.2s;
}
.squared_photo_grid .squared_photo_grid_item.loaded .overlay {
    opacity: 1;
}
.squared_photo_grid .squared_photo_grid_item img {
    opacity: 0;
    position: relative;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;
}
.squared_photo_grid .squared_photo_grid_item.loaded img {
    opacity: 1;
}
.infinite_scroll_container .infinite_scroll_loader {
    display: block;
    clear: both;
    height: 40px;
    margin: 10px;
    background-color: #eeeff2;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #71767a;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
}
.infinite_scroll_container.single_page .infinite_scroll_loader {
    display: none;
}
.squared_photo_grid .squared_photo_grid_item.ui-selected .overlay {
    border: 3px solid #0099e5;
}
.squared_photo_grid .squared_photo_grid_item.loaded .overlay {
    opacity: 1;
}
.squared_photo_grid .squared_photo_grid_item .overlay .selected-circle {
    width: 20px;
    height: 20px;
    opacity: 0;
    display: inline-block;
    position: absolute;
    bottom: -7px;
    right: -7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #0099e5;        
    background-size: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.squared_photo_grid .squared_photo_grid_item.ui-selected .overlay .selected-circle {
    opacity: 1;
    color: #fff;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-animation: grow_circle 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
    -moz-animation: grow_circle 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
    animation: grow_circle 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}

.photo_like_btn{
    background: url(/sp-assets/img/transparent_black_shade_1x1.png);
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    pointer-events: auto;
}
.photo_like_btn > .count {
    display: inline-block;
    padding: 0 10px 0 15px;
}
.photo_like_btn:hover{
    background: #ff6152
}
.photo_like_btn.active{
    background: #dc4e41
}
.photo_like_btn.inactive{
    background: #999; cursor: default;
}
.photo_like_btn.inactive:hover{
    background: #999;
}

/**
 * Group discussions
 */
.discusssions ul{list-style: none; text-align: left}
.discusssions ul li:first-child {
    padding-top: 0;
}
.discusssions ul li {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}
.join_content h3{color: #0099e5; font-size: 14px; font-weight: bold; margin-bottom: 1em; text-transform: uppercase; margin-top:0px;}

.votes {margin: 4px 10px 4px 0;}

.votes .votes_widget {border: 1px solid #b9c1c7;border-radius: 3px;display: block;float: left; height: 50px;opacity: 1;position: 

relative;text-align: center;transition: opacity 0.1s ease 0s; width: 30px;}

.votes .votes_widget .vote_up::before {

background: rgba(0, 0, 0, 0) url("//assetcdn.500px.org/assets/groups/vote_sprites-3410ea808a1f019c9b8b9d801a6ff4a7.png") no-repeat scroll -20px 5px;

content: "";display: block; height: 15px; margin: 0 auto; width: 10px;}

.votes .votes_widget .vote_down::before {

background: rgba(0, 0, 0, 0) url("//assetcdn.500px.org/assets/groups/vote_sprites-3410ea808a1f019c9b8b9d801a6ff4a7.png") no-repeat scroll -30px 5px;

content: "";display: block; height: 15px; margin: 0 auto; width: 10px;}

.post_body_content{}

.post_body_content h1{ font-size: 20px; font-weight: normal; margin: 0; overflow: hidden; text-overflow: ellipsis; }

.post_body_content h1 a{color: #525558; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  width: 100%; margin-left: 10px; }


.break { display: inline-block; line-height: 14px; margin-left: 5px;}

.created-at {color: #b9c1c7; font-size:12px; }

.body_text{padding: 0 10px;-moz-box-orient: vertical;

box-sizing: border-box;

color: #71767a;display: -webkit-box; font-size: 14px; line-height: 1.4; margin: 0 auto; max-height: calc(14px * 1.4 * 2); max-width: 100%; 

overflow: hidden; text-overflow: ellipsis;}

.attachments_count {

background-image: url("//assetcdn.500px.org/assets/groups/photo_set_icon-4b563515395473b8b9ffa7c0245bd6c6.png");

background-position: right center;background-repeat: no-repeat; background-size: 18px auto; color: #b9c1c7; font-weight: bold; height: 20px; line-height: 20px; 
padding-right: 26px; padding-top: 1px; position: absolute; right: 10px; top: 1px;
}

.badge-demo.replies_count::before { border-bottom: 3px solid transparent;border-right: 4px solid #b9c1c7; border-top: 3px solid transparent; bottom: 6px; content: ""; height: 0; position: absolute; right: 100%; transition: all 0.15s ease-out 0s; width: 0;}

.badge-demo.replies_count { background-color: #b9c1c7; border-radius: 3px; display: inline-block; height: 18px; padding: 0 5px; position: relative; transition: all 0.15s ease-out 0s;}

.replies_info .replies_header {color: #b9c1c7; font-size: 14px; font-weight: bold; line-height: 1.4em; margin-left: 2px; position: relative; text-transform: uppercase; top: 1px; transition: all 0.15s ease-out 0s;}
.person-image a img{height:30px; width:30px; float:left; margin-left: 10px; border-radius: 3px; margin-right: 10px}

.bill-hour{margin-top:10px;}
.bill-hour a{display: inline-block; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size: 14px; color: #525558; font-weight: bold;}
.bill-hour p{margin-left:10px}
.body_text_con{margin-left: 40px}
.button_wrap{clear:both; display: inline-block; float: left; margin: 20px 0 0 10px;}
.social-icon{padding-left: 10px}
.social-icon ul{list-style-type: none;}
.social-icon ul li{  border: 1px solid #ccc; float: left; padding: 3px 12px; }
.social-icon ul li:first-child{border-top-left-radius:3px; border-bottom-left-radius:3px}
.social-icon ul li:last-child{border-top-right-radius:3px; border-bottom-right-radius:3px}
.social-icon ul li:first-child:hover a{color: #3B5998}
.social-icon ul li:nth-child(2):hover a{color:  #00ACED}
.social-icon ul li:nth-child(3):hover a{color:  #CC2127}
.social-icon ul li:nth-child(4):hover a{color:  #71767A}
.social-icon ul li a i{font-size: 16}
.comments{width:100%; overflow: hidden}
.comment-image{width:17%; margin-top:7px; float:left;}
.comment-image a img{width:30px; height: 30px; border-radius: 3px  }
.comment-detail{float:left; width:83%; padding-left: 10px}
.comment-detail p{font-size:12px;}

/**
 * GALLERY STYLES
 */
.photo_gallery{
    display: block; text-align: left;
}
.photo_gallery .px_card {
    position: relative;
    width: 280px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.photo_gallery .px_card.medium {
    width: 360px;
    margin: 0 17px 50px 17px;
}
.photo_gallery .px_card.create_gallery_cta {
    cursor: pointer;
}
.photo_gallery .gallery_card_view {
    -webkit-transition: margin 0.2s ease-in-out, position 0.2s ease-in-out;
    -moz-transition: margin 0.2s ease-in-out, position 0.2s ease-in-out;
    transition: margin 0.2s ease-in-out, position 0.2s ease-in-out;
}
.photo_gallery .px_card .bottom {
    width: 100%;
    height: 150px;
    text-align: center;
    padding-top: 35px;
    border: 1px solid #eeeff2;
    border-top: none;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.photo_gallery .px_card.no_badge.no_avatar .bottom {
    height: 90px;
    padding-top: 15px;
}
.photo_gallery .px_card.create_gallery_cta .bottom.create_gallery_cta_content {
    height: 330px; color: #999
}
.photo_gallery .px_card.create_gallery_cta .bottom.create_gallery_cta_content i{
    padding-top: 30%; font-size: 40px
}
.photo_gallery .px_card.create_gallery_cta .bottom.create_gallery_cta_content p{
    margin-top: 15px; font-size: 18px
}
.photo_gallery .gallery_card_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 999;
    opacity: 0.5;
    display: none;
}
.photo_gallery .px_card .link_wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
}
.photo_gallery .px_card .top {
    position: relative;
    width: 100%;
    height: 130px;
    background-size: cover;
    background-position: center;
    background-color: #eee;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #eeeff2;
    border-bottom: none;
    border-top: none;
}
.photo_gallery .px_card.no_badge .top {
    height: 240px;
}
.photo_gallery .bottom .gallery_title a{
    font-size: 18px;
    color: #006699;
    line-height: 24px;
}
.photo_gallery .bottom .total_photos{
    color: #999; font-size: 12px; margin-top: 5px
}

/**
 * ADD TO GALLERY POPUP STYLES
 */
.photo_gallery_mini{
    margin: -10px; list-style: none;
}
.photo_gallery_mini .gallery_list_wrap{
    position: relative;
    font-size: 14px;
    font-weight: normal;
    color: #71767a;
    line-height: 48px;
    background-color: #f7f8fa;
    border-top: 1px solid #eeeff2;
    height: 50px;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background-color 0.1s;
    -moz-transition: background-color 0.1s;
    transition: background-color 0.1s;
}    
.photo_gallery_mini .gallery_action_btn{
    display: block;        
    color: #71767a;
    padding: 0 10px 0 10px;
    height: 100%;
}
.photo_gallery_mini .gallery_cover_photo{
    float: left;
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-top: 10px;
}
.photo_gallery_mini .gallery_cover_photo .cover_img{
    width: 30px;
    height: 30px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #eee;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 8px;
    color: #ccc;
}
.photo_gallery_mini .gallery_cover_photo .selected_img,
.photo_gallery_mini .gallery_cover_photo .pre_loader{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;        
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #eee;
}
.photo_gallery_mini .gallery_cover_photo .selected_img i,
.photo_gallery_mini .gallery_cover_photo .pre_loader i{
    position: relative; top: -8px;
}
.photo_gallery_mini .gallery_cover_photo.active .cover_img,
.photo_gallery_mini .gallery_cover_photo.loading .cover_img{
    visibility: hidden
}
.photo_gallery_mini .gallery_cover_photo.active .selected_img{
    opacity: 1; color: #3db73d;
    -webkit-animation: pulse_large 0.4s 0s ease-in-out forwards;
    -moz-animation: pulse_large 0.4s 0s ease-in-out forwards;
    animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.photo_gallery_mini .gallery_title{
    float: left;
    line-height: 48px;
    max-width: -webkit-calc(100% - 60px);
    max-width: -moz-calc(100% - 60px);
    max-width: calc(100% - 60px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.photo_gallery_mini .view_gallery_btn{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 16px;
}
.photo_gallery_mini .gallery_list_wrap:hover .view_gallery_btn{
    visibility: visible;
    opacity: 1.0;        
}
.photo_gallery_mini .gallery_list_wrap .view_gallery_btn:hover{
    background: #006699; color: #fff
}

/**
 * STORY STYLES
 */
.photo_story{
    display: block; text-align: left;
}
.photo_story .px_card {
    position: relative;
    width: 280px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.photo_story .px_card.medium {
    width: 360px;
    margin: 0 17px 50px 17px;
}
.photo_story .px_card.selected{
    background-color: #eee
}
.photo_story .px_card.create_story_cta {
    cursor: pointer;
}
.photo_story .story_card_view {
    -webkit-transition: margin 0.2s ease-in-out, position 0.2s ease-in-out;
    -moz-transition: margin 0.2s ease-in-out, position 0.2s ease-in-out;
    transition: margin 0.2s ease-in-out, position 0.2s ease-in-out;
}
.photo_story .px_card .bottom {
    width: 100%;
    height: 150px;
    text-align: center;
    padding-top: 35px;
    border: 1px solid #eeeff2;
    border-top: none;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.photo_story .px_card.no_badge.no_avatar .bottom {
    height: 90px;
    padding-top: 15px;
}
.photo_story .px_card.create_story_cta .bottom.create_story_cta_content {
    height: 330px; color: #999
}
.photo_story .px_card.create_story_cta .bottom.create_story_cta_content i{
    padding-top: 30%; font-size: 40px
}
.photo_story .px_card.create_story_cta .bottom.create_story_cta_content p{
    margin-top: 15px; font-size: 18px
}
.photo_story .story_card_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 999;
    opacity: 0.5;
    display: none;
}
.photo_story .px_card .link_wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
}
.photo_story .px_card .top {
    position: relative;
    width: 100%;
    height: 130px;
    background-size: cover;
    background-position: center;
    background-color: #eee;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #eeeff2;
    border-bottom: none;
    border-top: none;
}
.photo_story .px_card.no_badge .top {
    height: 240px;
}
.photo_story .bottom .story_title a{
    font-size: 18px;
    color: #006699;
    line-height: 24px;
}
.photo_story .bottom .total_photos{
    color: #999; font-size: 12px; margin-top: 5px
}

/**
 * ADD TO story POPUP STYLES
 */
.photo_story_mini{
    margin: -10px; list-style: none;
}
.photo_story_mini .story_list_wrap{
    position: relative;
    font-size: 14px;
    font-weight: normal;
    color: #71767a;
    line-height: 48px;
    background-color: #f7f8fa;
    border-top: 1px solid #eeeff2;
    height: 50px;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background-color 0.1s;
    -moz-transition: background-color 0.1s;
    transition: background-color 0.1s;
}    
.photo_story_mini .story_action_btn{
    display: block;        
    color: #71767a;
    padding: 0 10px 0 10px;
    height: 100%;
}
.photo_story_mini .story_cover_photo{
    float: left;
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-top: 10px;
}
.photo_story_mini .story_cover_photo .cover_img{
    width: 30px;
    height: 30px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #eee;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 8px;
    color: #ccc;
}
.photo_story_mini .story_cover_photo .selected_img,
.photo_story_mini .story_cover_photo .pre_loader{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;        
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #eee;
}
.card_info{background: #555765;float: right;margin-right:10%;display:inline-block;border-radius: 3px;color: #fff;border: 1px solid transparent; cursor: pointer;pointer-events: auto}
.card_info:hover{background: #ff6152;}

.photo_story_mini .story_cover_photo .selected_img i,
.photo_story_mini .story_cover_photo .pre_loader i{
    position: relative; top: -8px;
}
.photo_story_mini .story_cover_photo.active .cover_img,
.photo_story_mini .story_cover_photo.loading .cover_img{
    visibility: hidden
}
.photo_story_mini .story_cover_photo.active .selected_img{
    opacity: 1; color: #3db73d;
    -webkit-animation: pulse_large 0.4s 0s ease-in-out forwards;
    -moz-animation: pulse_large 0.4s 0s ease-in-out forwards;
    animation: pulse_large 0.4s 0s ease-in-out forwards;
}
.photo_story_mini .story_title{
    float: left;
    line-height: 48px;
    max-width: -webkit-calc(100% - 60px);
    max-width: -moz-calc(100% - 60px);
    max-width: calc(100% - 60px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.photo_story_mini .view_story_btn{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 16px;
}
.photo_story_mini .story_list_wrap:hover .view_story_btn{
    visibility: visible;
    opacity: 1.0;        
}
.photo_story_mini .story_list_wrap .view_story_btn:hover{
    background: #006699; color: #fff
}

/**
 * Notifications
 */
.user_notifications_list_block .notify_list{
    display: block;
    text-align: left;
    padding: 15px;
    overflow: hidden
}
.user_notifications_list_block .notify_list:nth-child(even){
    background: #f7f7f7;
}

.user_notifications_list_block .notify_list:nth-child(odd){
    background-color: #f2f2f2
}
.user_notifications_list_block .notify_list .avatar,
.user_notifications_list_block .notify_list .img{
    float: left;
    background-color: #fff;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #ddd;    
    width: 50px;
    height: 50px;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.user_notifications_list_block .notify_list .avatar a,
.user_notifications_list_block .notify_list .img a{
    display: inline-block; width: 100%; height: 100%;
}
.user_notifications_list_block .notify_list .content{
    float: left;
    padding: 2px 10px;
    width: calc(100% - 120px);
    height: 50px;
}
.user_notifications_list_block .notify_list .img{
    float: right;   
}

#msg_scroller{
    position: fixed; bottom: 10%; left: -100px; opacity: 0;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#msg_scroller .succ_msg{
    background: #363; color: #fff; padding: 15px;    
}
#msg_scroller .err_msg{
    background: #CD0000; color: #fff; padding: 15px;    
}
#back_top{
    position: fixed;
    display: none;
    bottom: 15px;
    right: 15px;
    background: #666;
    width: 50px;
    height: 50px;
    color: #fff;    
    border: 5px solid #999;
    font-size: 28px;
    padding: 5px;
    cursor: pointer;
    opacity: 0.6;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
#back_top:hover{
    opacity: 1.0
}
@media(max-width: 480px){    
}