@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Cabin:400);
/* open sans font */
@import url("//fonts.googleapis.com/css?family=Open+Sans");

/* ####### CSS FOR BON POOL ####### */
/* div's for pool tables */
#pwrapper { width: 700px; margin-right: auto; margin-left: auto; }
.pheader, .prow { }
.pcell { width: 150px; float: left; border: 1px solid; padding: 5px; }
/* Div for main index */
#pspan { font-size: 22px; color: red; }
/* ####### CSS FOR BON POOL ####### */

/* CSS for TVDB class */
.tvdb_img { width: 100%; height: auto; padding: 1px; }
/* CSS for TVDB class */

/* CSS for upload page */
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }
#boxes .window { position:fixed; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; }
#boxes #dialog { width:575px; height:303px; padding:10px; background-color:inherit; overflow:auto; }
/* CSS for upload page */

/* Disclaimer */
td.disclaimer { -moz-box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 5px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 5px 0 rgba(0, 0, 0, 0.5); }
/* Disclaimer End */

/* Search Bar */
.search{ background: url(data:image/png;base64,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) no-repeat 10px 6px #444; border:0 none; font: bold 12px Arial, Helvetica, Sans-serif; color:#ffffff; width:150px; padding:6px 15px 6px 35px; border-radius:20px; text-shadow:0 2px 2px rgba(0,0,0,0.3); box-shadow:0 1px 0 rgba(255,255,255,0.1), 0 1px 3px rgba(0,0,0,0.2) inset; -webkit-transition: all 0.7s ease 0s; }
.search:focus { width: 200px; outline:0; }
/* Search Bar */

/* ##### KHEZ CSS ##### */
/* Tab System */
/* Tab Line */
.ktabs { text-align: left; padding: 5px 8px 5px 8px; height: 20px; }
/* Actual Tab */
.ktab { background-color: #86A1BE; border-bottom: 1px solid #375576; padding: 6px 5px 6px 5px; border: thin solid #375576; border-top: none; }
/* Tab Text */
.kbutton { color: #FFFFFF; font-weight: bold; text-align: center; vertical-align: middle; }
/* Message System */
/* Messages */
.kSuccess, .kError, .kWarning, .kNotice, .kDBError { margin: 2px 6px 2px 6px; border: 1px solid #ADADAD; padding: 1px 0px 1px 0px; text-align: center; font-weight: bold; color: #EDEDED; }
/* Success Message */
.kSuccess { background-color: #006600; }
/* Notice Message */
.kNotice { background-color: #666600; }
/* Warning Message */
.kWarning { background-color: #660000; }
/* Error Message */
.kError { background-color: #AA0000; }
/* DBError Message */
.kDBError { background-color: #BB0000; padding-left: 50px; padding-right: 50px; }
/* Help System */
/* Help Page */
.kHelpBox { margin: 0px 6px 5px 6px; border: thin solid #0F0F0F; }
/* Help Menu */
.kHelpContents { display: table; margin: 0px 6px 5px 10px; padding: 5px 6px 5px 6px; background-color: #86A1BE; border: thin dashed #0F0F0F; }
/* Help Header */
.kHelpHeader { font-weight: bold; text-align: center; display: block; }
/* Help Item */
.kHelpItem { padding: 0px 6px 0px 6px; font-size: 1.2em; }
/* Todo System */
/* Todo Box */
.kTodoBox { margin: 2px 6px 2px 6px; padding: 1px 0px 1px 0px; font-weight: bold; color: #EDEDED; display: table; }
/* Todo Levels */
.kTodoNow, .kTodoNext, .kTodoMaybe, .kTodoLast, .kTodoNever { padding: 3px 6px 3px 6px; }
/* ASAP */
.kTodoNow { background-color: #006600; }
/* Next Important Update */
.kTodoNext { background-color: #666600; }
/* If I have time */
.kTodoMaybe { background-color: #660000; }
/* Not really on the list */
.kTodoLast { background-color: #AA0000; }
/* Doubtful */
.kTodoNever { background-color: #BB0000; }
/* ##### KHEZ CSS ##### */

/* ##### SIDENAV ##### */
/* LTR CSS */
#snav.en { left: 0; text-align: left; }
#snav.en  li span { left: -100px; }
#snav.en li a:hover span { left: 25px; }
/* RTL CSS */
#snav.ar { right: 0; text-align: right; }
#snav.ar  li span { right: -100px; }
#snav.ar li a:hover span { right: 25px; }
/* main SideNav.css styles */
#snav { position: fixed; top:6.3%; z-index: 9999; font-size: 18px; font-family: 'Open Sans', sans-serif; }
#snav ul { list-style: none; }
#snav * { margin: 0; padding: 0; outline: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#snav li a { text-decoration: none; color: #fff; display: block; position: relative; }
#snav .fa { vertical-align: middle; font-size: 18px; width: 25px; height: 35px; line-height: 35px; text-align: center; position: relative; z-index: 4; }
#snav li span { font-size: 15px; vertical-align: middle; height: 35px; line-height: 35px; width: auto; white-space: nowrap; overflow: hidden; display: block; padding: 0 15px; position: absolute; top: 0; visibility: hidden; z-index: 3; }
#snav li a:hover .fa { transform: rotate(720deg); }
#snav li a:hover span { visibility: visible; }
/* colors styles */
/* menu items title background used for browsers not supporting :nth-child */
#snav li span { background-color: #393939; }
/* icons color and background before hover  */
#snav li .fa { background-color: #393939; color: #fff; }
/* icons hover color */
#snav li a:hover .fa { color: #fff; }
/* repeated colors from 1 to 10 each hover color repeated after 10 menu items */
#snav li:nth-child(10n+1) span, #snav li:nth-child(10n+1) a:hover .fa { background-color: #8350DD; }
#snav li:nth-child(10n+2) span, #snav li:nth-child(10n+2) a:hover .fa { background-color: #4EC5DB; }
#snav li:nth-child(10n+3) span, #snav li:nth-child(10n+3) a:hover .fa { background-color: #3DC25D; }
#snav li:nth-child(10n+4) span, #snav li:nth-child(10n+4) a:hover .fa { background-color: #99BE24; }
#snav li:nth-child(10n+5) span, #snav li:nth-child(10n+5) a:hover .fa { background-color: #38c; }
#snav li:nth-child(10n+6) span, #snav li:nth-child(10n+6) a:hover .fa { background-color: #ff0000; }
#snav li:nth-child(10n+7) span, #snav li:nth-child(10n+7) a:hover .fa { background-color: #000; }
#snav li:nth-child(10n+8) span, #snav li:nth-child(10n+8) a:hover .fa { background-color: #F1A111; }
#snav li:nth-child(10n+9) span, #snav li:nth-child(10n+9) a:hover .fa { background-color: #777; }
#snav li:nth-child(10n+10) span, #snav li:nth-child(10n+10) a:hover .fa { background-color: #30555C; }
/* ##### SIDENAV ##### */

/*NSFW*/
img[src$="#nsfw"] {
	filter: blur(15px) !important; 
	-webkit-filter: blur(15px) !important; 
	-moz-filter: blur(15px) !important;
	-o-filter: blur(15px) !important; 
	-ms-filter: blur(15px) !important;
	filter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSI+PGZpbHRlciBpZD0iZiI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMjUiLz48L2ZpbHRlcj48L3N2Zz4=#f) !important;
	border: 5px solid #F00 !important;
	margin: 5px !important;
}
img[src$="#nsfw"]:hover {
	-webkit-filter: none !important; 
	-moz-filter: none !important;
	-o-filter: none !important; 
	-ms-filter: none !important;
	filter:none !important;
	border: 5px solid transparent !important;
}

/* Profile */

.card {
    padding-top: 20px;
    background-color: rgba(214, 224, 226, 0.2);
    border-top-width: 0;
    border-bottom-width: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card .card-heading {
    padding: 0 20px;
    margin: 0;
}

.card .card-heading.simple {
    font-size: 20px;
    font-weight: 300;
    color: #777;
    border-bottom: 1px solid #e5e5e5;
}

.card .card-heading.image img {
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-right: 15px;
    vertical-align: top;
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.card .card-heading.image .card-heading-header {
    display: inline-block;
    vertical-align: top;
}

.card .card-heading.image .card-heading-header h3 {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #262626;
}

.card .card-heading.image .card-heading-header span {
    font-size: 12px;
    color: #999999;
}

.card .card-body {
    padding: 0 20px;
    margin-top: 20px;
}

.card .card-media {
    padding: 0 20px;
    margin: 0 -14px;
}

.card .card-media img {
    max-width: 100%;
    max-height: 100%;
}

.card .card-actions {
    min-height: 30px;
    padding: 0 20px 20px 20px;
    margin: 20px 0 0 0;
}

.card .card-comments {
    padding: 20px;
    margin: 0;
    background-color: #f8f8f8;
}

.card .card-comments .comments-collapse-toggle {
    padding: 0;
    margin: 0 20px 12px 20px;
}

.card .card-comments .comments-collapse-toggle a,
.card .card-comments .comments-collapse-toggle span {
    padding-right: 5px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-comments .media-heading {
    font-size: 13px;
    font-weight: bold;
}

.card.people {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 400px;
    padding-top: 0;
    margin-left: 20px;
    overflow: hidden;
    vertical-align: top;
}

.card.people:first-child {
    margin-left: 0;
}

.card.people .card-top {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 170px;
    height: 150px;
    background-color: #ffffff;
}

.card.people .card-top.green {
    background-color: #53a93f;
}

.card.people .card-top.blue {
    background-color: #427fed;
}

.card.people .card-info {
    position: absolute;
    top: 150px;
    display: inline-block;
    width: 100%;
    height: 101px;
    overflow: hidden;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card.people .card-info .title {
    display: block;
    margin: 8px 14px 0 14px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    color: #404040;
}

.card.people .card-info .desc {
    display: block;
    margin: 8px 14px 0 14px;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    color: #737373;
    text-overflow: ellipsis;
}

.card.people .card-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    line-height: 29px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: rgba(214, 224, 226, 0.2);
}

.card.hovercard .cardheader {
    background: url("../imgs/image-1.png");
    background-size: cover;
    height: 135px;
}

.card.hovercard .avatar {
    position: relative;
    top: -50px;
    margin-bottom: -50px;
}

.card.hovercard .avatar img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid rgba(255,255,255,0.5);
}

.card.hovercard .info {
    padding: 4px 8px 10px;
}

.card.hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #262626;
    vertical-align: middle;
}

.card.hovercard .info .desc {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
}

.card.hovercard .bottom {
    padding: 0 20px;
    margin-bottom: 17px;
}


.fb-profile{
    background-color: rgba(214, 224, 226, 0.2);
    border-radius: 4px;
    padding-bottom: 20px;
    overflow: hidden;
}
.fb-profile img.fb-image-lg{
    z-index: 0;
    width: 100%;
    margin-bottom: 10px;
}

.fb-image-profile {
    margin: -45px 10px 0 20px;
    width: 100px;
    z-index: 9;
    border: 6px solid rgba(255,255,255,0.7);
    border-radius: 3px;
}
.fb-profile-name{
    font-size: 14pt;
    font-family: Montserrat;
}




.profile.panel{
    background-color: #404040;
    border-radius: 4px;
    overflow: hidden;
    margin:20px 0;
}
.bg_blur
{
    background-image:url('http://ultraimg.com/images/hexagonalblack-wallpaper.jpg');
    height: 400px;
    background-size: cover;
}

.profile.panel .info-col .btn-group{
    position: absolute;
    bottom: 0;
    margin-left: -15px;
}
.profile.panel .info-col .btn-group .btn{
    width: 25%;
    border-radius: 0;
}
.profile.panel .info-col{
    height: 400px;
}

.follow_btn {
    text-decoration: none;
    position: absolute;
    left: 35%;
    top: 42.5%;

}


.profile.panel .header{
    color : #808080;
    margin-left:10%;
    margin-top:70px;
}

.profile.panel .picture{
    height:200px;
    width:150px;
    position:absolute;
    top: 75px;
    left:-75px;
    border: 6px solid  rgba(255, 255, 255, 0.8);
    border-radius: 3px;
}

.profile.panel .picture_mob{
    position: absolute;
    width: 35%;
    left: 35%;
    bottom: 85%;
}

@media (max-width: 767px) {
    .profile.panel .header{
        text-align : center;
    }

    .profile.panel .nav{
        margin-top : 30px;
    }
}


.profile-card {
    width: 100%;
    height: auto;
    background: rgba(214, 224, 226, 0.2);
    border-radius: 3px;
    overflow: hidden;
}

.profile-card h1 {
    font-size: 24px;
    margin-top: 0px;
}

.profile-card .img-container {
    width: 100%;
    height: 200px;
    text-align: center;
    background: rgb(48,126,221);
    background: -moz-linear-gradient(-45deg,  rgba(48,126,221,1) 0%, rgba(242,92,137,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(48,126,221,1)), color-stop(100%,rgba(242,92,137,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(48,126,221,1) 0%,rgba(242,92,137,1) 100%);
    background: -o-linear-gradient(-45deg,  rgba(48,126,221,1) 0%,rgba(242,92,137,1) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(48,126,221,1) 0%,rgba(242,92,137,1) 100%);
    background: linear-gradient(135deg,  rgba(48,126,221,1) 0%,rgba(242,92,137,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#307edd', endColorstr='#f25c89',GradientType=1 );

}

.profile-card .img-container a {
    margin: 0px auto;
    text-align: center;
}

.profile-card .img-container a img {
    border-radius: 50%;
    border: 3px solid #fff;
    margin-top: 50px;
}

.profile-card .pc-key {
    width: 100%;
    height: auto;
    float: left;
}

.profile-card .pc-key p {
    font-size: 15px;
    color: #828282;
    float: left;
    line-height: 42px;
    margin-bottom: 0px;
    margin-left: 20px;
}

.profile-card .pc-key ul {
    float: right;
    margin: 0px;
    padding: 0px;
}

.profile-card .pc-key ul li {
    padding: 4px 12px;
    margin-top: 6px;
    border-right: 1px solid #ddd;
    color: #3f4c6b;
    list-style: none;
    float: left;
}

.profile-card .pc-key ul li a {
    color: #3f4c6b;
}

.profile-card .pc-key ul li a:hover {
    color: #242D3F;
}

.profile-card .pc-key ul li:last-child {
    border-right: none;
}

.profile-card ul.follow-list {
    margin: 0px;
    padding: 0px;
    background: #3f4c6b;
    width: 100%;
}

.profile-card ul.follow-list li {
    width: 25%;
    float: left;
    list-style: none;
    padding: 8px 0px;
    background: #111F28;
}

.profile-card ul.follow-list li a {
    padding: 2px 14px;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    border-right: 1px solid #1C3544;

}

.profile-card ul.follow-list li:last-child a {
    border-right: none;
}


/********************************/
/*          Panel cards         */
/********************************/
.panel.panel-card {
    position: relative;
    height: 241px;
    border: none;
    overflow: hidden;
    background: rgba(214, 224, 226, 0.2);
}
.panel.panel-card .panel-heading {
    position: relative;
    z-index: 2;
    height: 120px;
    border-bottom-color: #fff;
    overflow: hidden;

    -webkit-transition: height 600ms ease-in-out;
    transition: height 600ms ease-in-out;
}
.panel.panel-card .panel-heading img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 120%;

    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.panel.panel-card .panel-heading button {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 3;
}
.panel.panel-card .panel-figure {
    position: absolute;
    top: auto;
    left: 50%;
    z-index: 3;
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
    -webkit-box-shadow: 0 0 0 3px #fff;
    box-shadow: 0 0 0 3px #fff;

    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);

    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
}

.panel.panel-card .panel-body {
    padding-top: 40px;
    padding-bottom: 20px;

    -webkit-transition: padding 400ms ease-in-out;
    transition: padding 400ms ease-in-out;
}

.panel.panel-card .panel-thumbnails {
    padding: 0 15px 20px;
}
.panel-thumbnails .thumbnail {
    width: 60px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
}


.panel.panel-card:hover .panel-heading {
    height: 55px;

    -webkit-transition: height 400ms ease-in-out;
    transition: height 400ms ease-in-out;
}
.panel.panel-card:hover .panel-figure {
    opacity: 0;

    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
}
.panel.panel-card:hover .panel-body {
    padding-top: 20px;

    -webkit-transition: padding 400ms ease-in-out;
    transition: padding 400ms ease-in-out;
}
}