div#upload-dropzone {
    background: none repeat scroll 0 0 #424242;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: .8;
    filter: alpha(opacity = 80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: 10000;
    display: none;
}

a[class^="PIN_"], a[class*="PIN_"] {
    z-index:1000!important; 
}

div#upload-dropzone h1 {
    font-size: 50pt;
    display: block;
    position: absolute;
    line-height: 50px;
    top: 50%;
    left: 50%;
    margin: -80px 0 0 -270px;
    text-shadow: 3px 3px 4px #000;
    color: #fff;
    z-index: -1;
}

.alexx {display:none;}

.side-b {text-align:center; padding-top:10px;}
.side-b div {margin:10px auto;}
*[id^='epmads-']{display:inline-block;}
.cbreak {display: inline-block; max-width: 820px;  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.pinboard {margin:0 auto; width:420px; display:block;}

//#pinboard span[class$="_img"] {margin-top:1px; margin-bottom:1px;}
#pinboard {display:block; width:100%; border:1px solid #cdcdcd; border-radius:6px;}

#pinboard > span {
    box-shadow: none !important;
    width: 100%!important;
    overflow: hidden;
}

.comprowrap {height:20px; margin:0 20px; border:1px solid #b9b9b9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.comprogress {background:#ddd; height:20px; }
p.uprogress {text-align:center; font-size:13px; font-weight:bold; padding-bottom:5px;}
#topic-content .image i.play { cursor: pointer; position: absolute; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; height: 70px; width: 70px; text-indent: -999px; overflow: hidden; background: url(/images/icon_gif_play.png) no-repeat; }
#topic-content .image i.wait{ cursor: pointer; position: absolute; top: 50%; margin-top: -24px; left: 50%; margin-left: -24px; height: 58px; width: 58px; text-indent: -999px; overflow: hidden; background: url(/images/icon_gif_load.gif) no-repeat; }
#topic-content .img-wrap i.play { cursor: pointer; position: absolute; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; height: 70px; width: 70px; text-indent: -999px; overflow: hidden; background: url(/images/icon_gif_play.png) no-repeat; }
#topic-content .img-wrap i.wait{ cursor: pointer; position: absolute; top: 50%; margin-top: -24px; left: 50%; margin-left: -24px; height: 58px; width: 58px; text-indent: -999px; overflow: hidden; background: url(/images/icon_gif_load.gif) no-repeat; }
.image {position:relative;}
//.btn {border-radius:20px;}
.b-report {border-radius:20px;}
.navbar-navi {
position: relative;
float: left;
display:block;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid #ddd;
border-radius: 4px;
}
.navbar-menu { position:fixed; top:0px; left:15px; display: block; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; opacity:0.4; background-image: none; border: 1px solid #ddd; border-radius: 4px; z-index:1030;}
.navbar-menu:hover {background-color:#fff; opacity:1;}

.navbar-default {background-color:#fff; border-bottom:#fff; box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);}

.shadow-bot {box-shadow:none; padding-bottom:5px;}

.navbar-default .navbar-navi:hover,
.navbar-default .navbar-navi:focus {
  background-color: #ddd;
}

.navbar-default .navbar-navi  .icon-bar, .navbar-menu .icon-bar {
background-color: #888;
}

.navbar-navi .icon-bar+.icon-bar, .navbar-menu .icon-bar+.icon-bar {
margin-top: 3px;
}

.navbar-navi .icon-bar, .navbar-menu .icon-bar {
display: block;
width: 22px;
height: 3px;
border-radius: 1px;
}


//.nopin a[class^="PIN_"], .nopin a[class*="PIN_"] {display:none;}

.nopin:hover a[class^="PIN_"], .nopin:hover a[class*="PIN_"] {
    display:none!important;
    z-index:-1!important;
    visibility:hidden!important;
}

.letter-brand {  position: absolute; display:none; top: -3px; right: 5px; color: #555; font-size: 26px; text-shadow: -4px 0 #f8f8f8, 0 4px #f8f8f8, 4px 0 #f8f8f8, 0 -4px #f8f8f8; font-family: 'Source Sans Pro', sans-serif; font-weight: 900;}

.navbar-default .navbar-navi:hover span.letter-brand, .navbar-default .navbar-navi:focus span.letter-brand {text-shadow: -4px 0 #ddd, 0 4px #ddd, 4px 0 #ddd, 0 -4px #ddd;}

.navbar-fixed-top, .points-wrap-sm {position:absolute!important;}
.navi-head {position:fixed!important;}


.search-in a i.fa, .search-out a i.fa, .user-in a i.fa{font-size:16px!important;}
.search-in a i.fa, .search-out a i.fa {font-weight:bold;}
#login {padding-right:0px!important;}

.user-out button.btn {border:none!important;}
.user-out button.btn i.fa {font-size:22px;}


/* ######## social ####### */
.social-bar {position:fixed; top:25%; left:35px; display:block; background:#fff; width:66px; border:1px solid #e5e5e5; border-radius:4px;}
.social-bar ul {margin:-1px; }
.social-bar ul li {padding-top:10px; padding-bottom:10px;}
.social-bar ul li:first-child {padding-top:13px;}
.social-bar i {font-size:2em; color:#b8b8b8;}
.social-bar ul li:hover {cursor:pointer;}
.social-bar ul li:hover i {color:#fff;}
.social-bar>ul>li.sfb:hover {background:#3B5998; border-radius:4px 4px 0 0;}
.social-bar>ul>li.stwt:hover {background:#00ACED;}
.social-bar>ul>li.spin:hover {background:#CB2027;}
.social-bar>ul>li.sggl:hover {background:#DD4B39; border-radius:0 0 4px 4px;}



.btn-contr {margin-top:20px; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; font-weight: 600;}
.btn-contr i {color:#07355d; position:relative; top:1px;}
.btn-search {padding: 6px 10px;}
.bclose {border:none;}
.navbar-btn {margin-left:10px;}
.navbar-brand {font-family: 'Source Sans Pro', sans-serif; font-weight:900; color:rgba(0,0,0,0.8)!important; text-transform:uppercase; margin-left:-15px;}
.navi {margin:0px;}
.navi>li {float:left;}
.unit, .unit-list {display:block; margin-top:50px;}
.unit-list img{margin-bottom:10px;}

.unit h3, .unit h1, #header-title{
font-family: 'Source Sans Pro', sans-serif;
font-weight:700;
font-size:60px;
line-height:1;
letter-spacing: 0.02em;
color:rgba(0,0,0,0.8);
margin-bottom:20px;
}

.unit h3 a, h3.imgtitle a {color:rgba(0,0,0,0.8); font-size:40px;}
.unit h3 a:hover, h3.imgtitle a:hover {color:rgba(0,0,0,0.4); text-decoration:none;}
h3.imgtitle {font-family: 'Source Sans Pro', sans-serif;
font-weight:700;
font-size:60px;
line-height:1;
letter-spacing: 0.02em;
color:rgba(0,0,0,0.8);
margin-bottom:20px; padding-left:15px; padding-right:15px;}
.side-unit {margin-bottom:30px; display:block;}
h1.ptitle {
font-family: 'Source Sans Pro', sans-serif;
font-weight:700;
font-size:60px;
line-height:1;
letter-spacing: 0.02em;
color:rgba(0,0,0,0.8);
margin-bottom:20px;    
}
.unit p {
font-family: 'Vollkorn', serif;
letter-spacing: .01rem;
font-weight:400;
font-size:22px;
line-height:1.5;
color:rgba(0,0,0,0.6);
margin-top:20px;
}

.side-unit h4 {
font-family: 'Source Sans Pro', sans-serif;
font-weight:600;
font-size:22px;
line-height:1;
letter-spacing: 0.02em;
color:rgba(0,0,0,0.8);
margin-bottom:5px;
}

.side-meta {display:block;}
.img-wrap {position:relative;}
.image img {cursor: url(../images/magnify.cur),default;}
.noslide, .slide, #topic-content, .content {font-family: 'Vollkorn', serif; letter-spacing: .01rem; font-weight: 400; font-size: 20px; line-height: 1.5; color: rgba(0,0,0,0.6); margin-bottom:20px; 
  //word-break: break-all;
  //word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;}
.zoom a {display:none;}
.noslide img, .slide img, #topic-content img {margin:0 auto;}

#topic-content h2 {font-size: 28px; margin-bottom: 0px; font-weight: bold; display:inline-block;}

span.numbers {background:#c21212; border-radius:20px; padding:1px 10px; color:#fff;}
.side-points {
display:inline-block;
background:#CB4F15;
color:#fff;
border-radius:4px;
padding:5px;
margin-right:5px;
}

.unit-list h3 {
font-family: 'Source Sans Pro', sans-serif;
font-weight:700;
font-size:42px;
line-height:1;
letter-spacing: 0.02em;
color:rgba(0,0,0,0.8);
margin-bottom:20px;
}

.unit-list h3 a {
color:rgba(0,0,0,0.8);
}
.side-unit h4 a {
color:rgba(0,0,0,0.8);
}
.unit-list h3 a:hover, .side-unit h4 a:hover, .unit-list h3 a:focus, .side-unit h4 a:focus {
text-decoration:none;
}

/* .side-unit:hover h4 a, .side-unit:focus h4 a {color:rgba(0,0,0,0.8);} */

.side-block {border-radius:4px; border-bottom:3px solid #ccc; background:#e5e5e5; padding:15px 20px; margin:20px 0;}
.side-block span, .side-block div {font-size: 24px; margin:0px; font-weight:700; font-family: 'Source Sans Pro', sans-serif;}

.unit-list p {
font-family: 'Vollkorn', serif;
letter-spacing: .01rem;
font-weight:400;
font-size:20px;
line-height:1.5;
color:rgba(0,0,0,0.6);
margin-top:20px;
}

.top-pic {
width:100%;
height:300px;
background-size:cover;
background-repeat:no-repeat;
background-position:50% 50%;
}

.unit-meta, .unit-tags, unit-meta-com {
font-family: 'Source Sans Pro', sans-serif;
}

.unit-meta li, .unit-tags li, .unit-meta-com li {display:inline-block!important; padding-right:10px; color:#b4b4b4; font-size:14px;}
.unit-meta li.rating {background:#f4f4f4; color:#666; border-radius:3px; border:1px solid #e5e5e5; padding:0px 5px; margin-right:5px;}

.unit-tags li {padding-left:10px; padding-right:0px;}

.unit-meta-com {margin-top:10px;}
.unit-tags {float:right;}

#site-menu {
width: 300px;
height: 100%;
position: fixed;
display:none;
top: 51px;
z-index:1000;
color:#fff;
left: 0px;
background: #1B1B1C;
padding:0px 0px 25px;
}
#note-wrap {
width: 300px;
height: 100%;
position: fixed;
display:none;
top: 0;
z-index:1000;
color:#fff;
right: 0px;
background: #fff;
border-left:1px solid #ddd;
padding:51px 0px 0px 0px;
-webkit-overflow-scrolling: touch;
}
#note-wrap .n-wrap {padding:0px 0px 0px 0px!important; overflow:auto;}
.list-wrap {padding: 0px 15px 0px 15px; overflow:auto; display:block; -webkit-overflow-scrolling: touch;}

.notif #note-wrap {
display:block;
}

.boring #site-menu {
display:block;
}

.boring .prime-nav, .notif .prime-nav, .boring .points-wrap-sm, .notif .points-wrap-sm {position:fixed!important;}

.headroom .navbar{
    transition: transform 100ms linear;
}
.headroom--pinned .navbar{
    transform: translateY(0%);
}
.headroom--unpinned .navbar{
    transform: translateY(-100%);
}

.boring .navbar, .notif .navbar{
    transform: translateY(0%)!important;
}

.channels li {margin-bottom:3px;}
.channels li a {color:#fff; display:block; font-size:16px; padding:5px 10px; font-family: 'Source Sans Pro', sans-serif; border-radius:4px;}
.channels li a:hover, .channels li a:focus {text-decoration:none; background:#3B3B3D; color:#fff;}
.channels li a.active {background:#C0253B;}
.search-form {font-size:50px; height:70px; padding:0px; border:0px; width:100%; outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0); appearance: none;}
.search .site-wrapper, .user .site-wrapper {padding-top:65px;}
.notifications {background: #c21212; color: #fff; position: absolute; padding: 1px 4px; line-height: 14px; border-radius: 7px; font-weight: bold; top: 5px; right: -2px; font-family: arial; font-size: 12px;}
.search, .user, .sign, .contribute {display:none; background:#fff; position:relative; z-index:9999; min-height:100vh;}
.row-top {padding-top:70px;}
.user input, .user textarea {margin-bottom:10px;}
.modal-dialog-edit {width:400px;}
.profile-list {display:block; text-align:left; margin:5px auto 0 auto; font-family: 'Source Sans Pro', sans-serif;}
.profile-list li {display:block; margin-bottom:15px;}
.profile-list li a {font-size:30px; font-weight:600; display:block;}
.profile-list li a:hover, .profile-list li a:focus {color:#666; text-decoration:none;}
.profile-list li a i {color:#666;}

.profile-list li:nth-child(2) i{margin-left:-2px;}
.profile-list li:nth-child(3) i{margin-left:3px; margin-right:4px;}
.profile-list li.logout a {color:#fff!important;}
.profile-list li h5 {font-size:18px;}
//.profile-list li.divider {height: 1px; margin: 25px 0 15px; overflow: hidden; background-color: #e5e5e5; text-align:center;}
.profile-list li.divider {margin-bottom:0px; text-align:center; height:15px;}
.profile-list li.divider hr {margin-bottom:0px;}
.profile-list li.divider span {display:inline-block; background:#fff; color:#333; padding:5px; position:relative; top:-17px; font-weight:600;}
.profile-list li .sig-links a {font-size:14px!important; font-weight:400; text-align:right;}
.profile-list li .sig-links a:hover {color:#337ab7;}
.profile-list li .sig-links a span, .profile-list li .sig-links a:hover span {color:#666;}

.sig-links {font-size: 12px; display: block; width: 175px;}
.sig-links button.btn-link {padding:0px; font-size:13px;}
.points {position:absolute; right:0; left:0; border-radius:20px; border:1px solid #e5e5e5; line-height:20px; background:#fff; margin:0 auto; width:180px; height:20px; display:table; color:#888; top:9px;}
.prow {display:table-row;}
.negative, .count, .positive {display:table-cell; text-align:center; padding:3px;}
.count {width:30%; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.negative, .positive {width:35%; cursor:pointer;}
.negative:hover, .negative:focus, .negative.active {background:#c21212; color:#fff;}
.positive:hover, .positive:focus, .positive.active {background:#157f15; color:#fff;}
.negative {border-radius:20px 0 0 20px;}
.positive {border-radius:0 20px 20px 0;}





.points-wrap-sm {position:fixed; width:100%; height:40px; background:#6b6b6b; display:none; z-index:99;}
.points-sm {line-height:20px; width:100%; height:40px; display:table; color:#fff;}
.prow-sm {display:table-row;}
.negative-sm, .count-sm, .positive-sm {display:table-cell; text-align:center; vertical-align:middle;}
.count-sm {width:30%; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.negative-sm, .positive-sm {width:35%; cursor:pointer;}
.negative-sm:hover, .negative-sm:focus, .negative-sm.active {background:#c21212; color:#fff;}
.positive-sm:hover, .positive-sm:focus, .positive-sm.active {background:#157f15; color:#fff;}

.sig-sm {display:none;}
.sig-sm i {font-size:16px!important; color:#c1c1c1;}


.social {display:table; width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-radius:4px 4px 0 0; padding:20px 10px; margin-top:50px;}
.social-row {display:table-row;}

.fb, .twt, .gl, .pin {display:table-cell; width:25%; vertical-align:top; text-align:center;}
.fb img, .twt img, .gl img, .pin img {margin-bottom:10px;}
.subscribe {width:100%; background:#222; display:block; border-radius:0px 0px 4px 4px;}
.subscribe label {color:#fff; font-weight:400; font-size:18px; }
.sub-wrap {padding:20px;}
.subscribe .input-group-btn:last-child>.btn {border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0;  border-bottom-left-radius: 0;}

.btn-orange {background-color: #CB4F15; border-color: #CB4F15; font-weight:bold; color:#fff; margin-left: 0px!important;}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active,
.btn-orange.active {background-color: #CB4F15; font-weight:bold; color:#fff; margin-left: 0px!important;;}
.btn-fb {background-color: #3B5998; border-color: #3B5998; color:#fff;}
.btn-fb:hover, .btn-fb:focus, .btn-fb:active, .btn-fb.active {color:#fff; background-color: #344e86; border-color: #2d4373;}
.btn-gl {color:#fff; background-color: #CF1717; border-color: #CF1717;}
.btn-gl:hover, .btn-gl:focus, .btn-gl:active, .btn-gl.active {color:#fff; background-color: #b81414; border-color: #a11212;}
.btn-load {color: #31708f; background-color: #d9edf7; border-color: #bce8f1; font-family: 'Source Sans Pro', sans-serif; font-weight:600; margin-bottom:40px;}
.btn-load:hover, .btn-load:focus, .btn-load:active, .btn-load.active {color: #31708f; background-color: #d9edf7; border-color: #96cad5;}
.btn-show {margin-top:20px; font-family: 'Source Sans Pro', sans-serif; font-size:16px; padding:10px 100px; font-weight:600;}
.unit-single {margin-top:0px;}
.image img {display: block; max-width: 100%; height: auto; margin:0 auto;}
.video {text-align:center; margin-top:10px;}
.btn:focus, button:focus, a:focus {outline:0!important;}

.log-list {width:270px; margin:0 auto;}
.log-list li {margin-bottom:10px;}
.log-list h5 {font-family: 'Source Sans Pro', sans-serif; font-size:15px;}
.comment-form {display:table; width:100%; border:1px solid #e5e5e5; background:#f4f4f4; padding:10px; border-radius:4px; margin-top:10px;}
.comment-row {display:table-row;}
.comment-area {display:table-cell;}
.comment-action {display:table-cell; width:150px; padding:0 10px 0 20px; vertical-align:top;}
.comment-area textarea {resize:vertical;}
h3.comment-title {font-family: 'Source Sans Pro', sans-serif;}
h3.interest-title {font-family: 'Source Sans Pro', sans-serif; margin:30px 0;}
/*.comment-action>.btn{border-radius:4px!important;}*/
.comment-action span.attach {display:block; margin-top:15px;}
.comment-action span.attach a {color:#333;}

.comment-list {margin-top:50px;}
.comment-list li {display:block;}
.comment-list li.comment {margin-top:20px; padding:20px 20px 20px 10px; border-radius:4px;}
.comment-list li.comment .image {margin-top:20px;}
.comment-list li.comment:nth-child(odd) {background:#f4f4f4;}
.comment-list li.comment:nth-child(even) {background:#f4f4f4;}
.c-content {/*float:left; display:block;*/}
.c-content p {font-size:16px; color: rgba(0,0,0,0.6); font-family: 'Source Sans Pro', sans-serif;   -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;}
/*.c-meta li:last-child{float:right;}*/
.c-title {margin-top:0px; font-size:20px;}
.c-title a{font-weight:600;}
.c-title a:hover {text-decoration:none;}
.c-points {margin-right:10px; width:40px; display:block; color:#888; float:left;}
.c-points .negative {display:block; width:100%; cursor:pointer;}
.c-points .count {display:block; width:100%; border:none; font-size:20px; line-height:25px;}
.c-points .positive {display:block; width:100%; cursor:pointer;}

.comment-report {margin-top: 10px; font-size: 14px;}
.comment-report .close {opacity:0.5; position:relative; top:-5px;}
.comment-report .form-control {margin:5px 0;}
.comment-report .btn-danger {border-radius:4px; margin-left:5px;}
button.b-report i{color:#999;}
button.b-report:hover, button.b-report:focus {background:#fff;}
button.b-report:hover i, button.b-report:focus i{color:#c70707;}

.comment-list abbr {color:#b4b4b4;}

.c-points .negative:hover, .c-points .negative:focus, .c-points .negative.active {background:transparent; color:#C21212;}
.c-points .positive:hover, .c-points .positive:focus, .c-points .positive.active {background:transparent; color:#157F15;}
.c-points .negative {border-radius:0px;}
.c-points .positive {border-radius:0px;}

.c-wrap {display:table; width:100%;}
.c-row {display:table-row;}
.c-cell-left {width:50px; display:table-cell; vertical-align:top;}
.c-cell-right {display:table-cell; vertical-align:right; font-size: 16px; color: rgba(0,0,0,0.6); font-family: 'Source Sans Pro', sans-serif;}

table.subcom {width:100%; margin:20px 0;}
table.subcom tr {  border-top: dotted 1px rgb(168, 168, 168); border-bottom: dotted 1px rgb(168, 168, 168);}
table.subcom tr td {line-height:22px; padding:10px 0 10px 10px; color:rgba(0,0,0,0.6);
  font-family: 'Source Sans Pro', sans-serif;
-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

table.subcom  abbr[title] {font-size:13px; white-space: nowrap; border-bottom:none; color:#717171; padding-left:5px;}
.c-sub-meta {display:inline-block; white-space: nowrap; font-size:13px;}
.interest {
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  justify-content: flex-start;}
.interest li.in-unit {float:left; width:33.3%; display:block;}
.interest li.in-unit .side-unit {padding:0 10px 20px;}

.crop {max-height:400px; overflow:hidden; display:block;}
.list-img {max-height:1000px; overflow:hidden; display:block; margin-bottom:10px;}
.loader {display:block; text-align:center; margin:50px 0;}
.crop-m {max-height:200px; overflow:hidden; display:block;}

.widget {margin-top:50px; font-family: 'Source Sans Pro', sans-serif; }
.widget p, .proin {font-size:16px;}
.proin li{line-height:20px;}
.widget p {line-height:30px;}
/* responsive youtube wrapper */
.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.autocomplete-suggestions {background:rgba(255,255,255,0.8);}
.autocomplete-suggestion {cursor:pointer; display:block; padding:10px; font-family: 'Source Sans Pro', sans-serif; font-size:16px; border-bottom:1px solid #e5e5e5; color:#337ab7;}
.autocomplete-selected {background:#f4f4f4;}
.rep-txt {display:block!important; float:none; margin:10px 0 5px;}
.signup {text-align:left;}
.navbar-hidden {top:-91px!important;}


/* Edited 2015.05.08 */
.noti {margin:0px;}
.noti li {margin-bottom:0px; display:block; font-size:14px;}
.noti li.comment-noti a{background:#f8f8f8; color:rgba(0,0,0,0.7); border-bottom:1px solid #e5e5e5;}
.noti li.post-noti a{background:#f0f0f0; color:rgba(0,0,0,0.7); border-bottom:1px solid #e5e5e5;}

.noti li.comment-noti a{background:#e9f8ff; color:rgba(0,0,0,0.7); border-bottom:1px solid #bce8f1;}
.noti li.post-noti a{background:#D9EDF7; color:rgba(0,0,0,0.7); border-bottom:1px solid #bce8f1;}
.noti li.report-noti a{background:#f2dede; color:#a94442; border-bottom:1px solid #ebccd1;}

.noti li.report-noti a span {font-size:13px; display:block;}

.noti li a {color:#333; display:block; padding:15px; font-family: 'Source Sans Pro', sans-serif; font-size:16px;}
.noti li a:hover, .noti li a:focus {text-decoration:none; background:#fcf8e3; border-bottom:1px solid #faebcc; color:#8a6d3b;}
.noti li a i {color:rgba(0,0,0,0.4); font-size:14px;}
.noti abbr {font-size:11px; color:rgba(0,0,0,0.3); white-space: nowrap;}
.noti li a strong.noti-title {padding-right:10px;}
.noti li a:hover i, .noti li a:focus i, .noti li a:hover abbr, .noti li a:focus abbr {color:#8a6d3b;}

.noti li.report-noti a i.fa-exclamation-triangle {color:#a94442;}


.noti li.profile-edit a{background:#4e4e4e!important; border-bottom:1px solid #e5e5e5; color:#e5e5e5; padding-left:3px;}
.noti li.profile-edit a:hover{background:#fff!important;}
.noti li.profile-edit i{color:rgba(0,0,0,0.4); padding-left:15px;}
.noti li.noti-title {color:#d6d6d6; background:#333; padding:5px 0 5px 15px; font-size:16px; font-weight:600;}
.noti li.log-out {padding:10px 10px 5px 10px;}
.noti li.log-out button{border-radius:4px!important;}
.noti li.log-name {font-weight:bold; color:#333; padding-top:13px;}

.noti li a.noti-a {color:#337ab7; display:inline; padding:0px; font-family: 'Source Sans Pro', sans-serif; font-size:16px;}
.noti li a.noti-a:hover, .noti li a.noti-a:focus {text-decoration:underline; background:transparent; border-bottom:none; color:#337ab7;}

.form-control .select2-choice {border: 0; border-radius: 2px;}
.form-control .select2-choice .select2-arrow {border-radius: 0 2px 2px 0;}
.form-control.select2-container {height: auto !important; padding: 0px;}
.form-control.select2-container.select2-dropdown-open {border-color: #5897FB; border-radius: 3px 3px 0 0;}
.form-control .select2-container.select2-dropdown-open .select2-choices {border-radius: 3px 3px 0 0;}
.form-control.select2-container .select2-choices {border: 0 !important; border-radius: 3px;}

#sidebar {position:fixed; top:145px;}
.file_up {display: block; float: left; margin: 0px 10px 10px 0px; position: relative; border: 1px solid #AAA;}
.upmask {background: #FFF none repeat scroll 0% 0%; position: absolute; z-index: 140; width: 61px; height: 61px; top: 0px; left: 0px;}
.finmask {background: rgba(255, 255, 255, 0.6) none repeat scroll 0% 0%; position: absolute; z-index: 140; top: 0px; left: 0px; width: 61px; height: 61px; cursor: pointer;}
.thumbposted {background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; border-radius: 3px 0px 0px; padding:3px 5px; position: absolute; z-index: 140; top: 30px; right: -1px;}
.thumbposted:after {content:'\2713'; color:#39B54A; text-align:center; font-weight:bold; font-size:12px;}

#filesPanel:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.upmask span.loading, .upmask span.profload {width: 61px; height: 61px; padding: 0px; margin: 0px; background: transparent url("/images/loader_up3.gif") no-repeat scroll 0px 0px; cursor: pointer;}
.upmask span {display: block; color: #850D0D; background: #FCEEEE none repeat scroll 0% 0%; font-size: 11px; text-align: center;  width: 61px; height: 61px;}
.modal-header h4 {margin:0px;}
.row-padding {padding:30px 0; text-align:center;}
.btn-page {margin-bottom:10px;}
.avablock {position:relative;}
.prothumb {position:absolute; top:0; left:0; background:rgba(255,255,255,0.8); display:block; width:60px; height:60px; text-align:center;}
.prothumb i {position:relative; top:16px;}

//.fluidbox-overlay {z-index:1050!important;}
//.fluidbox-wrap {z-index:1060!important;}
.botlinks li {margin-bottom:10px;}
.botlinks li a{color:#666;}

.ie9 .points {left:45%;}
.ie .container {
  width: 1200px;
}
.ie .left {float:left!important; width:70%!important;}
.ie .right {float:right!important; width:28%!important;}
.ie .interest {width:100%; display:block;}
.ie .center-block {width:300px;}
.ie .prime-nav {border-bottom:1px solid #ddd;}
.ie .modal-dialog {left:40%;}

.btn-share {background:#32407F; border:1px solid #32407F; border-left:none; border-bottom:none; color:#fff; position:fixed; bottom:0; left:0; border-radius:0 4px 0 0; display:none; z-index:8000;}
.btn-share:hover, .btn-share:focus, .btn-share:active {color:#fff;}
.share-close {display:none; font-size:48px; position:absolute; right:0; top:0; padding:10px 20px!important; color:#fff!important; opacity:1!important; background:#000!important;}
.soc-hide {display:block;}
.soc-show {display:block;}


#smallSearchForm input {border-bottom: 1px solid #f0f0f0;}
#smallSearchForm p.help-block {font-family: 'Source Sans Pro', sans-serif; font-size: 16px; color: #999; font-weight: 400;}
#smallSearchForm p.help-block .fa-windows:before {color: #00ADEF;}
#smallSearchForm p.help-block .fa-apple:before {color: #D4D2D3;}


.gbox, .gbox.affix-top {margin-top:60px;}
.gbox.affix {margin-top:0px;}
/* Cia editinta 2017.01.19 */
#MarketGidComposite31905 .mctitle a, #MarketGidComposite63493 .mctitle a, #MarketGidComposite60255 .mctitle a, .MarketGidComposite92687 .mctitle a{color:rgba(0,0,0,0.8)!important;}
#MarketGidComposite31905 .mgline:hover .mctitle a, #MarketGidComposite63493 .mgline:hover .mctitle a, #MarketGidComposite60255 .mgline:hover .mctitle a, #MarketGidComposite92687 .mgline:hover .mctitle a {color:rgba(0,0,0,0.8)!important; text-decoration:none!important;}
#MarketGidComposite31905 .mcdomain, #MarketGidComposite63493 .mcdomain, #MarketGidComposite60255 .mcdomain, #MarketGidComposite92687 .mcdomain {display:none!important;}
#MarketGidComposite31905 div.mcimg a.close-informer, #MarketGidComposite63493 div.mcimg a.close-informer, #MarketGidComposite60255 div.mcimg a.close-informer, #MarketGidComposite92687 div.mcimg a.close-informer  {display:none!important;}
#MarketGidComposite31905 .mctitle a:hover, #MarketGidComposite63493 .mctitle a:hover, #MarketGidComposite60255 .mctitle a:hover, #MarketGidComposite92687 .mctitle a:hover {text-decoration:none!important;}
#MarketGidComposite63493 .mgheader, #MarketGidComposite60255 .mgheader, #MarketGidComposite92687 .mgheader{display:none!important;}
#MarketGidComposite63493 .mctitle a, #MarketGidComposite60255 .mctitle a, #MarketGidComposite92687 .mctitle a{font-size:18px!important; line-height:18px!important;}
#MarketGidComposite63493 img.mcimg, #MarketGidComposite60255 img.mcimg, #MarketGidComposite92687 img.mcimg {cursor:pointer!important;} 
/* Cia editinta 2017.01.19 */
#M46142ScriptRootC63493 {margin-top:-10px;}
.spost #M46142ScriptRootC63493 {margin-top:55px;}

.social-bar {position: fixed; top: 0; left: 0; display: none; background: rgba(0,0,0,0.8); width: 100%; height: 100vh; border: none; border-radius: 0px; z-index: 9999;}
html.no-vh-support .social-bar {height:100%;}
.social-bar ul li {float: left; width: 50%; height: 50vh; padding:0px;}
html.no-vh-support .social-bar ul li {height:50%; position:absolute;}
html.no-vh-support .social-bar ul li:first-child {top:0; left:0;}
html.no-vh-support .social-bar ul li:nth-child(2) {top:0; right:0;}
html.no-vh-support .social-bar ul li:nth-child(3) {bottom:0; left:0;}
html.no-vh-support .social-bar ul li:last-child {bottom:0; right:0;}
.social-bar ul li:first-child {padding:0px;}
.social-bar i {position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size:4em;}
.btn-share {display:inline-block;}

.social-bar>ul>li.sfb {background:#3B5998; border-radius:0;}
.social-bar>ul>li.stwt {background:#00ACED;}
.social-bar>ul>li.spin {background:#CB2027;}
.social-bar>ul>li.sggl {background:#DD4B39; border-radius:0;}
.social-bar i {width: 90px; height: 90px; border-radius: 50%; color: #fff; background:red;}
.social-bar i.fa-facebook {background:#3B5998;}
.social-bar i.fa-facebook:before {position:relative; top:17px;}
.social-bar i.fa-twitter {background:#00ACED;}
.social-bar i.fa-twitter:before {position:relative; top:17px;}
.social-bar i.fa-pinterest {background:#CB2027;}
.social-bar i.fa-pinterest:before {position:relative; top:17px;}
.social-bar i.fa-google-plus {background:#DD4B39;}
.social-bar i.fa-google-plus:before {position:relative; top:17px;}
.share-close {display:inline-block;}
html.no-vh-support .share-close {z-index:10;}
html.no-vh-support .share-close span {position:relative; top:-5px;} 

.social-bar{position:static; display:block; height:auto; background:transparent; margin-top:10px; margin-bottom:20px; top:0px;}
.social-bar ul {overflow:hidden;}
.social-bar ul li {width:25%; height:auto;}
.social-bar i {width:auto; height:auto; position:relative; top:-5px; font-size:2em; border-radius:0px; width:50px; height:50px; transform:none; -webkit-transform:none; background:transparent;}
.share-close, .btn-share {display:none!important;}
.mg-block {display:none;}
.mg-col {display:block;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.points {left:45%;}
}

@media (max-width:1030px) {

}

@media (max-width:992px) {
  .unit-tags {float:none;}
  .unit-tags li {padding-left:0px; padding-right:10px;}
  .interest li.in-unit {width:50%;}
  .interest-above li.in-unit:last-child {display:none;}
  .tposts {display:none;}
  .channels li {margin-bottom:5px;}
  .channels li a  {padding:10px 10px;}
  .mg-col {display:none;}
  .mg-block {display:block;}
  
  .gbox.affix {position:static;}
}

@media (max-width:910px) {
.social-bar {position: fixed; top: 0; left: 0; display: none; background: rgba(0,0,0,0.8); width: 100%; height: 100vh; border: none; border-radius: 0px; z-index: 9999;}
html.no-vh-support .social-bar {height:100%;}
.social-bar ul li {float: left; width: 50%; height: 50vh; padding:0px;}
html.no-vh-support .social-bar ul li {height:50%; position:absolute;}
html.no-vh-support .social-bar ul li:first-child {top:0; left:0;}
html.no-vh-support .social-bar ul li:nth-child(2) {top:0; right:0;}
html.no-vh-support .social-bar ul li:nth-child(3) {bottom:0; left:0;}
html.no-vh-support .social-bar ul li:last-child {bottom:0; right:0;}
.social-bar ul li:first-child {padding:0px;}
.social-bar i {position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size:4em;}
.btn-share {display:inline-block;}

.social-bar>ul>li.sfb {background:#3B5998; border-radius:0;}
.social-bar>ul>li.stwt {background:#00ACED;}
.social-bar>ul>li.spin {background:#CB2027;}
.social-bar>ul>li.sggl {background:#DD4B39; border-radius:0;}
.social-bar i {width: 90px; height: 90px; border-radius: 50%; color: #fff; background:red;}
.social-bar i.fa-facebook {background:#3B5998;}
.social-bar i.fa-facebook:before {position:relative; top:17px;}
.social-bar i.fa-twitter {background:#00ACED;}
.social-bar i.fa-twitter:before {position:relative; top:17px;}
.social-bar i.fa-pinterest {background:#CB2027;}
.social-bar i.fa-pinterest:before {position:relative; top:17px;}
.social-bar i.fa-google-plus {background:#DD4B39;}
.social-bar i.fa-google-plus:before {position:relative; top:17px;}
.share-close {display:inline-block;}
html.no-vh-support .share-close {z-index:10;}
html.no-vh-support .share-close span {position:relative; top:-5px;} 

.social-bar{position:static; display:block; height:auto; background:transparent; margin-top:10px; margin-bottom:20px; top:0px;}
.social-bar ul {overflow:hidden;}
.social-bar ul li {width:25%; height:auto;}
.social-bar i {width:auto; height:auto; position:relative; top:-5px; font-size:2em; border-radius:0px; width:50px; height:50px; transform:none; -webkit-transform:none; background:transparent;}
.share-close, .btn-share {display:none!important;}

.soc-hide {display:none;}
.soc-show {display:block;}
}
@media (max-width:900px) {
  .unit h1 {font-size:36px;}
  .unit-list {margin-top:20px;}
  .unit-list h3 {line-height:0.6}
  .unit-list h3 a {font-size:22px; letter-spacing:0;}
  .navbar-brandd {display:none;}
  span.letter-brandd {display:block;}
  //.navbar {position:absolute!important;}
  .navbar-menu:hover {background-color:transparent; opacity:0.4;}
}


@media (max-width:700px) {
  .points-wrap-sm {display:block;}
  .points-lg {display:none;}
  //.profile-list li.divider {width:100%;}
  //.profile-list li.social-button {display:inline-block; width: 45%; margin: 0 2.2%; margin-bottom: 5px;}
  .modal-dialog-edit {width:auto;}
  .modal-header h4 {font-size:18px; margin:0px;}  
/*  .log-style .form-group {float:left; width:48.5%;}
  .log-style .form-group:first-child {margin-right:1.5%;}
  .log-style .form-group:nth-child(2) {margin-left:1.5%;}  
  .log-style label {display:none;}
*/
  .signup input[type='text'], .signup input[type='password'], .signup input[type='email'], .subscribe input, .expanding-wrapper textarea, #reply-text {
  font-size: 16px;
}
}

@media (max-width:500px) {
.pinboard {margin:0 auto; width:100%; display:block;}
}

@media (max-width:480px) { 
#MarketGidComposite60255 .mgline + .mgline {display:none!important;}
}

@media (max-width: 440px) { 
.search-form {font-size:35px;}
.sig-lg {display:none;}
.sig-sm {display:block;}

/* sizing */
.unit h3 {font-size:36px;}
.side-block h3 {font-size:18px;}
.unit-tags {float:none;}
.unit-meta {margin-bottom:0px;}
.unit-meta li {margin-bottom:10px;}
.interest li.in-unit {width:100%;}
.interest-above li.in-unit:last-child {display:block;}
.side-unit {margin-bottom:0px;}
.comment-action {width:80px;}
table.subcom tr td {text-align:left;}

table.subcom {margin-bottom:0px;}
.comment-list li.comment {padding-top:20px; padding-left:20px;}
.c-wrap, .c-row, .c-cell-left, .c-cell-right {display:block;}
.c-cell-left {width:100%; height:30px;}
.c-cell-left:after, .c-cell-right:before {content:''; display:block; clear: both;}
.c-points {float:none; width:100%;}

.c-points .negative, .c-points .count, .c-points .positive {width:33.3%; float:left; padding:5px 0; background:#e5e5e5; margin-bottom:10px;}
.c-points .negative {border-radius:0 8px 8px 0;}
.c-points .count {line-height:22px!important;}
.c-points .positive {border-radius:8px 0 0 8px;}
.c-points .negative:hover, .c-points .negative:focus, .c-points .negative.active {background:#c21212; color:#fff;}
.c-points .positive:hover, .c-points .positive:focus, .c-points .positive.active {background:#157f15; color:#fff;}
.unit-meta-com li {margin-bottom:5px; font-family: 'Source Sans Pro', sans-serif; font-size:13px;}
}

@media (max-width:325px) {
a.navbar-brand {display:none;}    
}

