.email-notification {border:1px solid #fff;border-radius:4px;padding:20px;}
.email-notification-label {color:#838383;display:block;font-size:0.75rem;font-weight:700;line-height:inherit;padding-right:10px;width:auto;margin-bottom:0;border-bottom:0;background-color:#121212;margin-bottom:-5px;padding-bottom:5px;position:relative;right:22px;}
.mailbox-content-col table tbody tr.new td {background-color:#1d1d1d;font-weight:700;}
.btn-social-login {padding:0;}
.row.social-logins {text-align:center;}
.form-item--social {float:none;display:inline-block;vertical-align:top;}
.search-col button[type=submit] .icon {line-height:1.6;}
.inverted-colors .btn-selectpicker, .inverted-colors input[type=text], .inverted-colors input[type=number], .inverted-colors input[type=password], .inverted-colors input[type=email], .inverted-colors select, .inverted-colors textarea {border-color:#ccc;}
.inverted-colors div.checkbox label span.sub-label:before, .inverted-colors div.radio label span.sub-label:before{border-color:#aaa;}
.inverted-colors .ucp-option-col a:hover .sub-label {color:#ff1e2b;}
.inverted-colors .ucp-option-col a span.icon {color:#ff1e2b;}
.inverted-colors ul.profile-list .sub-desc {color:#000;}

ul.main-nav-list li.has-list.plain-list > ul {display:none}
@media (min-width:768px){
    ul.main-nav-list li.has-list.plain-list {position:relative}
    ul.main-nav-list li.has-list.plain-list > ul {display:none;position:absolute;width:250px;top:100%;left:-10px;background-color:#121212;padding:0.75rem 0;box-shadow:0 0 0.1875rem rgba(0,0,0,.7);border-top:0.0625rem solid #373737;padding-bottom:0;}
    ul.main-nav-list li.has-list.plain-list > ul li {display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:500;font-size:.813rem;float:none;margin:0;}
    ul.main-nav-list li.has-list.plain-list > ul li a {height:36px;line-height:36px;padding:0 10px;}
    ul.main-nav-list li.has-list.plain-list:hover > ul {display:block}
    .inverted-colors ul.main-nav-list li.has-list.plain-list > ul {background:#ededed;color:#121212;border-color:#c9c9c9;box-shadow:0 3px 0.1875rem rgba(0,0,0,.3);}
}

.item-tr-col > .inner-col.vtt-thumbs-col {padding:3px 10px}
.vtt-thumbs .thumb {display:block;float:left;padding:3px;width:33.3333333%;opacity:1;transition:.1s opacity linear;position:relative;}
.vtt-thumbs .thumb img {width:100%;position:relative;z-index:1;}
.vtt-thumbs .thumb .info {display:block;background:#343434;padding:3px 8px;color:#fff;transition:.1s all linear;border-radius:3px 3px 0 0;position:absolute;opacity:0;top:0;left:50%;transform:translateX(-50%);text-align:center;z-index:2;line-height:1.5em;white-space:nowrap;}
.vtt-thumbs .thumb:hover {opacity:0.8;z-index:10;}
.vtt-thumbs .thumb:hover .info {opacity:1;top:-20px}
@media (min-width: 480px) { .vtt-thumbs .thumb { width: 25%; } }
@media (min-width: 768px) { .vtt-thumbs .thumb { width: 16.6666667%; } }
@media (min-width: 1540px) { .vtt-thumbs .thumb { width: 8.3333333%; } }
@media (max-width: 1539px) { .vtt-thumbs .thumb:hover .info {top:-12px} }


.i-tags:before {
    content: '\f02c';
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal !important;
    font-weight: 400 !important;
    text-rendering: optimizelegibility;
    text-transform: none !important;
}

.i-purchased:before {
    content: '\f07a';
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal !important;
    font-weight: 400 !important;
    text-rendering: optimizelegibility;
    text-transform: none !important;
}
[data-toggle=tooltip]{  z-index: 1000;}


.i-rss:before {
    content:"\f09e";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal !important;
    font-weight: 400 !important;
    text-rendering: optimizelegibility;
    text-transform: none !important;
	margin-right: 0.25rem;
}

.i-locked:before {
    content:"\f023";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal !important;
    font-weight: 400 !important;
    text-rendering: optimizelegibility;
    text-transform: none !important;
	content: "ï?®";
    margin-top: -0.125rem;
}

.group-checkboxes{
    width: 25%;
    float: left;
}

@media(max-width: 1024px){
    .group-checkboxes{
        width: 33.33%;
    }    
}
@media(max-width: 800px){
    .group-checkboxes{
        width: 50%;
    }    
}
@media(max-width: 600px){
    .group-checkboxes{
        width: 100%;
    }    
}

.page-upload .form-col .pseudo-form, 
.page-upload .form-col form{
    max-width: 55.75rem;
}

.mobile-only{
    display: none;
}
@media(max-width: 640px){
    .mobile-only{
        display: block;
    }
}

div.checkbox label span.sub-label::before{
    border-color: #fff;
}

.upload-line{
    position: relative;
}
.upload-information{
    position: absolute;
    left: 171px;
    top: 29px;
    width: 510px;
    color: #d0d0d0;
    font-size: 13px;
}
@media(max-width: 640px){
    .upload-information{
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        display: inline-block;
        margin-top: 20px;
    }
}
.qq-upload-button{
    width: 9.563rem !important;
}
.dating-item{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #333;
}
.dating-item:last-child{
    border: 0;
}
.dating-item .inner{
    display: flex;
    width: 100%;
    position: relative;
    align-items: flex-start;
}
@media(max-width: 1300px){
    .dating-item .inner{
        flex-direction: column;
    }
}
.dating-item .thumb{
    flex: 0 0 278px;
}
.dating-item .details{
    padding-left: 20px;
    padding-bottom: 20px;
    flex: 1 0 0;
    min-width: 0;
}
.dating-item .details-2{
    padding-left: 20px; 
    padding-bottom: 20px;
    flex: 0 0 170px;
}
@media(max-width: 1300px){
    .dating-item .thumb{
        flex: 1 0 auto;
        padding: 20px;
    }
    .dating-item .details{
        flex: 1 0 auto;
        padding-bottom: 0;
    }
    .dating-item .details-2{
        flex: 1 0 auto;
    }
}
.dating-item .detail{
    margin-top: 10px;
}
.dating-photos{
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}
.dating-photos .thumbs ul{
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}
.dating-photos .thumbs ul li{
    flex-basis: 20%;
    padding: 0 10px;
    margin-bottom: 20px;
}
@media(max-width: 650px){
    .dating-photos .thumbs ul li{
        flex-basis: 33.3333%;
    }
}
@media(max-width: 480px){
    .dating-photos .thumbs ul li{
        flex-basis: 50%;
    }
}

@media (max-width: 47.938em) {
	ul.main-nav-list li>a {
		line-height: 14px;
	}
}