*{ margin: 0;padding: 0; }
body { font-family:'Roboto', sans-serif;color: #141414;font-size: 75%;background:#dacfe0;min-height:100vh;padding: 1px 0 0 0;margin: -1px auto 0 auto;}
body.v2 {background:#eeeaf0;}
body.light {background:#fdfdfd;}
body, html { cursor:default; touch-action: manipulation; position: relative;}
strong {font-weight:500;}
body,html,.bg {height: 100%;}

body.sidemenu-open {position: fixed;width: 100%;}

.default-font { font-family:arial,tahoma, 'trebuchet ms', helvetica; }

.shre { display:flex;margin:0 0 20px 0; overflow:hidden; }
.shre a { margin:0 5px 0 0;flex:auto;border-radius:3px;text-align:center; text-decoration:none; color:#fff!important; font-size: 16px;display: block;box-sizing: border-box;padding: 7px 0;float: left;}
/*.shre.dynamic a { flex:auto;}*/

.shre a:last-child { margin:0;}
.shre a .icon { margin:0 8px 0 0; font-size:120%;vertical-align:top; }
.shre a.facebook { background:#3b5998; }
.shre a.twitter { background:#498bbd; }
.shre a.link { background:#bd4949; }
.shre a.group { background:#4da0a9; }

.shre.block {display:block;}
.shre.block a {flex:none;float:none;margin:0 0 4px 0;padding:10px; }

.shre.center a {text-align:center;}
.shre.center a .icon {margin:0;}
.shre.center a.link .icon {margin-right:8px;}

.selectable {padding: 0 3px 0 2px;margin: 0 -2px;border-radius: 3px;color: inherit!important;}
.selectable:hover, .selectable.hover {background: rgba(0, 0, 0, 0.05);}
.selectable.jq-dropdown-open {background: rgba(0, 0, 0, 0.08);}


.a-clickable {cursor:pointer;}

.trending {}
.trending .itemholder {width:100%;}
.trending .itemholder .item {min-height: 134px;display:block;text-decoration:none;background:#526172; width:calc(33.3% - 14px);padding:16px;border-radius:3px;margin:0 20px 0 0;float:left;color:white;box-sizing:border-box;}
.trending .itemholder .item:hover {filter:brightness(93%);}
.trending .itemholder .item:active {filter:brightness(87%);}
.trending .itemholder .item:nth-child(3n) { margin:0!important;}
.trending .itemholder .item .title {font-family:'Roboto'; font-size:16px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.trending .itemholder .item .info {margin: 14px 0 0 0;overflow: hidden;}
.trending .itemholder .item .info .pic {width:31px;height:31px;border-radius:50%;float:left;}
.trending .itemholder .item .info .username {font-size: 13px;line-height: 22px;color: rgba(255, 255, 255, 0.58);margin: 4px 0 0 10px;float: left; width:calc(100% - 41px); overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.wcontainer {background: #fff!important;border: 1px solid rgba(0,0,0,.12);border-radius: 5px;padding: 6px;box-sizing: border-box;}
.wcontainer.nopadding {padding:0!important;}
.wcontainer.clickable:not(.questions_block):hover { cursor:pointer; background:#f7f7f7!important;}
.tinyblockbutton {display:inline-block;background: #666;border:1px solid #666;color: white;padding: 2px 5px;text-decoration: none;border-radius: 3px;margin: 0 4px 0 0;position:relative;top:-2px;}
.tinyblockbutton .icon {margin:0 5px 0 0;}
.tinyblockbutton.twitter {border-color:#1a8cd2;color:#1a8cd2!important;background:none;}
.tinyblockbutton.youtube {border-color: #d65959;color: #d05454!important;background:none;}
.tinyblockbutton.facebook {border-color:#4867aa;color:#4867aa!important;background:none;}
.tinyblockbutton.web {border-color:#2664b5;color:#2664b5!important;background:none;}
.tinyblockbutton.podcast {border-color:#2664b5;color:#2664b5!important;background:none;}
.tinyblockbutton.patreon {border-color:#a59023;color:#a59023!important;background:none;}
.tinyblockbutton.parler {border-color:#be1e2d;color:#be1e2d!important;background:none;}
.tinyblockbutton.merch {border-color:#1b847f;color:#1b847f!important;background:none;}

.tinyblockbutton.icononly {border:none;padding:0;}
.tinyblockbutton.icononly .text {display:none;}
.tinyblockbutton.icononly .icon {margin:0;}
.tinyblockbutton.icononly .icon.parler {display:inline-block;margin:0;width:13px;height:13px;background:url('/images/icon-parler.svg') center center / cover no-repeat;}

.generic-left { float:left; width: calc(100% - 360px); }
.generic-right {width:330px;float:right;}


#particles-js{width: 100%;height: 100%;background-color: #b61924;background-image: url('');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}

.listitem { box-sizing:border-box; color:rgba(0,0,0,.68); text-decoration:none; display: block;width: 100%;padding: 8px 9px!important;border-radius: 4px;margin: 0 0 5px 0;overflow:hidden;}
.listitem .list-picture { width: 60px;height: 60px;background-color:#adadad!important;float: left;border-radius:4px; position:relative; overflow:hidden; }
.listitem .list-picture .inline-info {color: white;position: absolute;right: 5px;bottom: 2px;font-size: 11px;text-shadow: 1px 1px rgba(0,0,0,.6); }
.listitem .list-content { padding:1px 0 0 0;margin:0;float: left;width: calc(100% - 145px);position: relative;margin: 0px 0 0 11px; }
.grid .listitem .list-content { width: calc(100% - 71px); }
.listitem.nomemberdetails .list-content {width: calc(100% - 71px);}
.listitem h2 { margin:0;display:block; font-size:20px;font-weight:normal;}
.grid .listitem h2 { font-size:17px;font-family: 'Roboto';max-height: 39px;color:black;overflow: hidden;text-overflow: ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 18px;}

.listitem .info {    font-size: 11px;
    color: rgba(0,0,0,.5);
    max-height: 27px;
    overflow: hidden;
    line-height: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 3px 0 0 0;}


/*
.grid.optionlist input[type="radio"]:checked + label h2, .grid.optionlist input[type="checkbox"]:checked + label h2 {
    color: rgba(255, 255, 255, 0.9)!important;
}

.grid.optionlist input[type="radio"]:checked + label .info, .grid.optionlist input[type="checkbox"]:checked + label .info {
    color: rgba(255, 255, 255, 0.6)!important;
}
*/

.contentbox { background:#efefef; }
.contentbox-clickable { background:#efefef; cursor:pointer!important; }
.contentbox-clickable:hover { background:#e8e8e8; }
.contentbox-clickable:active { background:#e2e2e2; }

/* .seen { opacity:.74; } */
.seen span:not(.question-type):not(.lvlbtn) { color:rgba(0,0,0,.40)!important;}

button::-moz-focus-inner {border: 0;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}

::selection { background: #a0d2f1; }
li { list-style: none;}
a, textarea, button, input, select, label, div { outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
input[type="submit"], input[type="button"], button {font-family:Roboto, sans-serif;-webkit-appearance: none;-moz-appearance:none;appearance:none;cursor:pointer;}
ol {}
ol li { list-style: inherit;    padding: 0 0 6px 7px; }

a { outline:none; }
a img { border:0; }
a{ text-decoration: underline;color: #634c88;cursor: pointer; }
a:hover{ text-decoration: none;color: #634c88;}


h1{font-size:233%;font-family: Roboto, sans-serif;font-weight:400;}
h2{font-size:200%;font-family: Roboto, sans-serif;font-weight:400;}
h3{font-size:183%;font-family: Roboto, sans-serif;font-weight:400;}
h4{font-size:150%;font-weight:normal;font-family: Roboto, sans-serif;}
h5{font-size:150%;color:#006080;font-weight:normal; font-family: Roboto, sans-serif;}
h6{font-size:117%;font-weight:normal;text-transform:uppercase;color:#000; font-family: Roboto, sans-serif;}

input[type="text"]:disabled {background: #ececec!important;box-shadow: none!important;}

.emojione { float: none!important;padding: 0!important;margin: 0 5px!important;border-radius: 0!important;max-width: 18px!important;max-height: 18px!important;vertical-align: text-top!important;display: inline-block!important; }
.reaction {pointer-events:none;}
.reaction.loaded { position: relative;min-width: 21px;float: right;}
.reaction .emojione { margin: 0!important;width: 22px;height:22px;max-width:unset!important;max-height:unset!important;position: absolute;left: 6px;top: 0px;}
.heading-container { margin: 0 0 26px 0; }
h1.bigheading { font-weight: 300;font-size: 39px;text-align: center;margin: 0 0 5px 0;color: #272727; }
h2.subheading { margin: 0px;font-size: 19px;font-weight: 300;text-align: center; }
h2.subheading a { text-decoration:none; }


.page_block_small h2.subheading { color: #545454; font-size:16px; }

.selected { color: #000 !important;font-weight: bold;}
.greenheading { text-align: center;background: #efdded;padding: 15px;border-radius: 4px;color: #52354f; }
.greenheading .additionaltext { padding: 15px 0 0 0; font-size: 12px; }

.error_red {background: #e8d0d0;margin: 0 0 12px 0;padding: 10px;color: #6b3030;border-radius: 3px;}
.error_red p.title { font-size: 18px;margin: 0 0 10px 0; }

/*
.notification { background: #c6e5e8;margin: -2px 0 12px 0;padding: 10px;color: #2c4346;border-radius: 3px;font-size: 16px;border-bottom: 1px solid #8dacaf; }
.notification p.title { font-size: 18px;margin: 0 0 10px 0; }
*/

.blocklink {padding: 2px;border-radius: 2px;text-decoration: none;}
.blocklink:hover {background: #e2e2e2 }
.blocklink:active {background: #dadada }

.like-container {display:none;position: absolute;left: 41px;top: -4px;border-radius: 4px;padding: 0 0 0 26px;width: 200px;z-index: 999;}
.like-container .like-holder{background: #e2d4e0;border-radius: 4px;display: block!important;width: 100%;z-index: 1;padding: 4px;overflow: hidden;}
.like-container .like-holder:after {left: 10px;top: 15px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-right-color: #e2d4e0;border-width: 8px;margin-top: -8px;}
.like-container .like-holder .list { display:block; }
.like-container .like-holder .list .like-option { vertical-align: bottom!important; }
.like-container .item {line-height: normal!important;display: block!important;padding: 3px 2px 6px 3px;box-sizing: border-box;text-decoration: none;color: #4e4e4e!important;border-radius:2px;}
.like-container .item:last-of-type { margin:0!important; }
.like-container .item:hover { background: #cabac7; }
.like-container .item:active { background: #bdacba; }
.like-container .item .img {height: 20px;width: 20px;float: left;display: block;background: #8e8e8e;margin: 0 7px 0 0;border-radius: 2px;position:relative;border-radius:50%;}
.like-container .item .img .thumb {display:none;position: absolute;left: 13px;bottom: -4px;font-size: 11px;color: #ecc6ff;}
.like-container .item .info { display: block;float: right;margin: 5px 3px 0 0;font-size: 12px;opacity: .7;}
.like-container .item .info .icon { padding: 0;float: none;position: relative!important;right: 0!important;line-height: initial!important;font-size: 11px!important;}
.like-container .item .text {color:#000!important;display: inline-block;padding: 0 0 0;position: relative;top: 2px;white-space: nowrap;width: calc(100% - 82px);font-weight: bold;font-size: 13px;margin:0;}

.like-container .item.link { text-align: center;background: #ccbbc9;margin: 3px 0 0 0!important;padding: 4px;font-size:16px;}

.user-list-wide {}
.user-list-wide .user {display:block; position:relative; text-decoration:none;float:left;margin: 0px 12px 12px 0;width: calc(25% - 9px);box-sizing: border-box;border-radius: 5px;overflow:hidden;}

.user-list-wide .user .image {width: 100%!important;height: 188px!important;border-radius:0;position:relative;background-color:rgba(0,0,0,.07)!important;}
.user-list-wide .user .image .heart { position: absolute;bottom: 5px;left: 5px;color: white;background: rgba(0,0,0,.67);padding: 2px 4px;border-radius: 2px;font-size: 10px;}
.user-list-wide .user .image .star { position: absolute;top: 4px;right: 6px;font-size: 18px;color: #c5c500; }
.user-list-wide .user .image .status { z-index: 1;position: absolute;bottom: 5px;width: 68px;right: 5px;background: rgba(0,0,0,.67);padding: 2px 4px;border-radius: 2px;}
.user-list-wide .user .image .status .icon {background: #2faf34;width: 10px;height: 10px;border-radius: 50%;box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);    margin-right: 5px;float:left;}
.user-list-wide .user .image .status .text {color:#e0e0e0;font-size:10px;}
.user-list-wide .user .image .actions { position: absolute; top: 0px; right: 5px; z-index: 11; font-size: 24px; color: #eaeaea; display: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
.user-list-wide .user:hover .image .actions { display: block; }
.user-list-wide .user.ignore-search:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: #fff; opacity: 0.5;}
.user-list-wide .user .info{margin:0;padding: 5px;color: #757575;border-radius:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top:none;font-size: 13px;}
.user-list-wide .user .info .username{ font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 15px;color: #636363; float: left;max-width: calc(100% - 35px);overflow: hidden;text-overflow: ellipsis;}
.user-list-wide .user .info .info-right{float:right;font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 15px;color:#636363}
.user-list-wide .user .info .info-bottom, .user-list-wide .user .info .left{margin:5px 0 0 0;font-size:11px;}
.user-list-wide .user .info .info-bottom .left { white-space: nowrap;overflow: hidden;max-width: calc(100% - 54px);float: left;margin: 0;text-overflow: ellipsis;}
.user-list-wide .user .info .info-bottom span{margin:0 0 0 5px;float:right;}
.user-list-wide .user:hover { -webkit-filter:brightness(107%);-moz-filter:brightness(107%);filter:brightness(107%); }
.user-list-wide .user:active { -webkit-filter:brightness(90%);-moz-filter:brightness(90%);filter:brightness(90%); }

.user-list-wide .user:hover > .info { border:1px solid rgba(0, 0, 0, 0.23);border-width:0 1px 1px 1px; }


.faq-item { line-height: 1.5em;margin-bottom: 25px; padding:5px 7px; }
.faq-item p {     margin-bottom: 5px!important; }
.faq-item.active { background: #ffffd0;border-radius: 4px; }
.smiley { height:21px;float: none!important;padding: 0!important;margin: 0!important;vertical-align: middle; }
.switch-form { display:inline-block; }

.dropzone {display:none!important;position: fixed;z-index: 999999999;width: 100%!important;height: 100%!important;top: 0;left: 0;background: rgba(129, 30, 152, 0.5)!important;text-align: center!important;}
.dropzone span { font-size: 30px;width: 100%!important;text-align: center!important;color: white!important;position: fixed;top: calc(50% - 24px);left: 0;text-shadow: 1px 1px rgba(0,0,0,.5);}

.guest-answer-preview { background: #e4e4e4;margin: 7px 0 0;padding: 10px;border-radius: 4px; }
.guest-answer-preview strong { margin:0 5px 0 0; }

.questionlist-title {}


.question-answer-form { width: 100%;box-sizing: border-box;margin: 11px 0 20px 0;}
.question-answer-form p, .question-answer-form  .block { margin: 8px 0px 8px 0px;padding: 5px 0 5px 0; }
.question-answer-form label.main{display: inline-block;float: left;width: 100%;font-size: 19px;color: #525252;margin: 15px 4px 10px 4px;vertical-align: top;font-family: 'Roboto', sans-serif; }
.question-answer-form label.main .icon { margin: 0 6px 0 0; }
.question-answer-form textarea { margin:10px 0 0 0;border:none;font-family:Roboto, sans-serif;min-height: 100px; max-height: calc(100vh - 106px); font-size: 14px;width: 100%;height: 100px;resize: vertical;box-sizing: border-box;background: rgb(0,0,0,.04);outline: none;padding: 10px; }
.question-answer-form input[type="text"], .question-answer-form input[type="email"], .question-answer-form input[type="password"], .question-answer-form input[type="url"] {-webkit-transition-property: background;-webkit-transition-duration: 0.20s;width: 100%;font-size: 13px;border: 1px solid #afafaf;padding: 5px 8px;box-sizing: border-box;border-radius: 3px;outline: none;background: #f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%);background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=0 );box-shadow: inset 0 0 0px 1px rgba(255,255,255,.9);}
.question-answer-form input:not(.submitbutton):focus, .question-answer-form textarea:focus { /*box-shadow: inset 0px 1px 2px #d2d2d2;*/ }
.question-answer-form input { outline:none; }
.question-answer-form .submitbutton, .question-answer-form .uploadphoto-wrapper-uploadbutton { cursor:pointer;padding: 10px!important;text-align: center;box-sizing: border-box;width: auto;font-size: 16px!important; }
.question-answer-form .submitbutton { align-self:flex-end; }


.question-answer-form .answerform-retracted {display:flex;padding: 13px 20px;}
.question-answer-form .answerform-retracted .u-image {flex-shrink: 0;width: 35px;height: 35px;margin: 3px 0 0 0;border-radius: 50%;background: rgba(0,0,0,.07);}
.question-answer-form .answerform-retracted input {border: none;box-shadow:none;background: rgb(0 0 0 / 6%);height: 44px;margin: 0 10px 0 25px;border-radius: 5px;color: #757575;font-size: 14px;}
.question-answer-form .answerform-retracted .btn {font-size: 16px;padding: 12px 19px;border: none;}

.question-answer-form .answerform-extended {padding: 0 10px 10px 10px;}

.answer-comment-form { width: 100%; padding: 13px 17px 40px 17px;box-sizing:border-box;border-radius: 4px;margin:14px 0 20px 0;}
.answer-comment-form .heading { font-size: 16px;padding: 0;margin: 0;font-family: 'Roboto', sans-serif; color:#777;}
.answer-comment-form .heading .icon { color: #777;margin: 0 6px 0 0;}
.answer-comment-form p, .question-answer-form  .block { margin: 8px 0px 8px 0px;padding: 5px 0 5px 0;/*overflow:hidden;*/ }
.answer-comment-form label.main{ display:inline-block; float:left; width:180px;font-size: 13px;font-weight: bold; color:#85905d; margin:4px; vertical-align:top; }
.answer-comment-form textarea, .edit-post-form textarea { font-family:Roboto, sans-serif;font-size: 13px;  width: 100%;height:60px; resize:vertical; border-radius: 3px; border: 1px solid #afafaf;box-sizing: border-box; background: #f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%);background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=0 );box-shadow: inset 0 0 0px 1px rgba(255,255,255,.9); outline: none; padding:5px; }
.answer-comment-form input[type="text"], .question-answer-form input[type="email"], .question-answer-form input[type="password"], .question-answer-form input[type="url"] {-webkit-transition-property: background;-webkit-transition-duration: 0.20s;width: calc(100% - 210px);font-size: 13px;border: 1px solid #afafaf;padding: 5px 8px;box-sizing: border-box;border-radius: 3px;outline: none;background: #f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%);background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=0 );box-shadow: inset 0 0 0px 1px rgba(255,255,255,.9);}
.answer-comment-form input:not(.submitbutton):focus, .question-answer-form textarea:focus { box-shadow: inset 0px 1px 2px #d2d2d2; }
.answer-comment-form input { outline:none; }
.answer-comment-form .loading { font-size: 22px;float: right;display: block;margin: 4px 6px 0 0;color: #0a0a0a; }
.answer-comment-form .submitbutton { cursor:pointer;margin: 3px 0 0 0; float:right; padding: 5px 15px!important;text-align: center;box-sizing: border-box; }

.question-answer-form .block.answer-submit {display:flex;}
.question-answer-form .block.answer-submit .uploadphoto-wrapper-uploadbutton {padding:10px!important;}
.question-answer-form .info {font-size: 12px;opacity: .7;background: #e4e4e4;padding: 9px;border-radius: 3px;margin:10px 0;}

.question-answer-form .js-files:not(:empty) {margin:14px 0 0 0;}
.question-answer-form .js-progress {margin-top: 10px!important;box-shadow:none;}


.textarea-transparent .editor-toolbar {display:block!important;}
.textarea-transparent .editor-toolbar:not(.fullscreen) {padding:0!important;background: none!important;border-width: 0 0 1px 0!important;}
.textarea-transparent .editor-toolbar:not(.fullscreen) a {border:none!important;    padding: 6px 7px 6px 4px!important;margin: 0px 2px 0px 0;border-right: 1px solid #cecece;border-radius: 0;}
.textarea-transparent .CodeMirror:not(.CodeMirror-fullscreen) {background:none!important; padding: 12px 0;border:none;}
.textarea-transparent .editor-toolbar:not(.fullscreen) a.active, .textarea-transparent .editor-toolbar:not(.fullscreen) a:hover {background:none!important;border-width:0 1px 0 0!important;color:#0054d2!important;}

.CodeMirror-fullscreen {z-index:999999999!important;}

.edit-post-form textarea {margin: 10px 0 4px 0;}

.squarebuttons { text-align:center; width:100%;margin:2px 0 16px 0; display:flex;}
.squarebuttons .item { display:inline-block;width:50%; margin: 0 5px 0 0; flex:1;position:relative; }
.squarebuttons .item .inner {display: block;font-size: 15px;cursor: pointer;box-sizing: border-box;text-decoration: none;color:black;padding: 7px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.squarebuttons .item:not(.profile) .inner:active {background:rgba(0,0,0,.06);}

.squarebuttons .item.profile a { color:white; }

.squarebuttons .inner span {display: inline-block;margin: 5px 0 0;border-radius: 3px;font-size: 30px;}
.squarebuttons .item.profile .inner span {margin: 7px 0 2px;font-size: 27px;}
.squarebuttons .item .inner.selected {background:#292929;color:#fff!important;font-weight:normal;}
.squarebuttons .item .inner.selected span {color:#fff;}
.squarebuttons .item .num { position: absolute;margin: 0;border: 0;right: calc(50% - 23px);bottom: 27px;font-size: 12px;background: #e02828;padding: 2px 6px;color: white;z-index: 1;font-weight: bold;border-radius: 50%;}
.squarebuttons .item:last-child {margin:0;}


.fancySelect {position:relative;}
/*linear-gradient(to right, #ffffff 0%,#ffffff 86%,transparent 90%,transparent 100%)*/
.fancySelect select {
    max-width: 190px;
    padding: 8px 36px 6px 10px;
    font-size: 14px;
    line-height: inherit;
    height: 34px;
    color: #676767;
    box-shadow: 0px 1px 2px rgb(0,0,0,.3);
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 500;
    font-family: 'Roboto';
    appearance: none;
    border: none;
    background: url(/images/icon-caret-down.svg) 94% / 19px no-repeat #fff!important;
    }


.fancySelect select::-ms-expand {display: none;} /*ie10-11*/
@media screen and (min-width:0\0) {.fancySelect select {background: none\9;padding: 5px\9;}} /*ie9*/



.quick-question-container { }
.quick-question-container .done {margin: 38px 0 38px 0;text-align: center;font-size: 20px;color: #207d6e;}

.quick-question { border-radius: 4px;overflow: hidden;position: relative;box-sizing: border-box;padding: 8px 12px;user-select:none;}
.quick-question .loading { text-align:center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;    background: linear-gradient(to bottom, #ffffff00 13%,rgba(255, 255, 255, .6) 44%,#ffffff00 70%);animation: Animation 1.5s ease infinite;z-index: 1;background-size: 222%;z-index: 1; }
.quick-question h2 { font-size: 19px;display: block;margin:0;color: #505050;font-family: Roboto;font-weight: normal; }
.quick-question p { margin: 10px 0 0 0;color: #845e86;font-family: Roboto;font-size: 13px; }
.quick-question .options { margin:20px 0 0 0;overflow:hidden; }
.quick-question .options .buttons { float: left; }
.quick-question .options .buttons a { color:#5d5d5d;padding: 4px 6px;display:block;margin: 1px 0 5px 0; text-decoration:none; }
.quick-question .options .buttons a:hover {background: rgba(0,0,0,.07);border-radius: 3px; }
.quick-question .options .buttons a:active {background: rgba(0,0,0,.11);border-radius: 3px; }
.quick-question .options .buttons a .icon { margin: 0 3px 0 0;font-size: 15px;color: #5d5d5d;}
.quick-question .options .buttons a .title { font-size: 15px;color: #5d5d5d;margin: 0;}
.quick-question .options .question-optionlist { margin: 0;text-align: right;float: right;  }
.quick-question .options .question-optionlist label { font-size: 15px;padding: 6px 9px; }
.quick-question .options .question-optionlist li { width: 84px; float:none;display: inline-block;float: right; width: inherit; }
.quick-question .options .question-optionlist.multiple { width: calc(100% - 100px);    display: inline-block; }
.quick-question .options .question-optionlist.multiple li { width: 100%;margin: 0 0 5px 0; }

@keyframes Animation { 0%{background-position:10% 0%}50%{background-position:91% 100%}100%{background-position:10% 0%}}

.floating-button {z-index: 99999;position:fixed;right:0;bottom:0;cursor:pointer;display:none;padding:12px;}
.floating-button#scroll-to-top {z-index: 999991;}
.floating-button .circle { text-align:center;width:50px;display:block;height:50px;background-color:#4c3c65;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.floating-button .circle span {position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:8px solid transparent;border-bottom-color:#ffffff;}
.floating-button:hover .circle {background-color:#692984;opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}
.floating-button:active .circle {background-color:#56216d;}

.tabnavigation {text-align: left;list-style: none;padding: 0 15px 0 0;height: 32px;overflow: hidden;font-size: 12px;font-family: verdana;position: relative;float: left;margin: 0px 0px -2px -4px;}
.tabnavigation li {border: 1px solid #AAA;background: #d4d4d4;background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);display: inline-block;position: relative;z-index: 0;border-top-left-radius: 6px;border-top-right-radius: 6px;box-shadow: 0 2px 2px rgba(0, 0, 0, .2), inset 0 1px 0 #FFF;text-shadow: 0 1px #FFF;margin: 0 0px 0 4px;padding: 0px;}
.tabnavigation li:hover {background: #d4d4d4;background: -o-linear-gradient(top, #f1f1f1 50%, #D1D1D1 100%);background: -ms-linear-gradient(top, #f1f1f1 50%, #D1D1D1 100%);background: -moz-linear-gradient(top, #f1f1f1 50%, #D1D1D1 100%);background: -webkit-linear-gradient(top, #f1f1f1 50%, #D1D1D1 100%);background: linear-gradient(top, #f1f1f1 50%, #D1D1D1 100%);}
.tabnavigation li:active {background: #d4d4d4;background: -o-linear-gradient(top, #E3E3E3 50%, #D1D1D1 100%);background: -ms-linear-gradient(top, #E3E3E3 50%, #D1D1D1 100%);background: -moz-linear-gradient(top, #E3E3E3 50%, #D1D1D1 100%);background: -webkit-linear-gradient(top, #E3E3E3 50%, #D1D1D1 100%);background: linear-gradient(top, #E3E3E3 50%, #D1D1D1 100%);}
.tabnavigation a {color: #555;text-decoration: none;}
.tabnavigation li.selected {background: #FFF;color: #333;z-index: 2;border-bottom-color: #FFF;}
.tabnavigation:before {position: absolute;content: " ";width: calc(100% - 15px);bottom: 0;left: 0;border-bottom: 1px solid #b1b1b1;z-index: 1;left: 5px;}
.tabnavigation li:not(:first-child):before,
.tabnavigation li:after {border: 1px solid #AAA;position: absolute;bottom: -1px;width: 5px;height: 5px;content: " ";}
.tabnavigation li:not(:first-child):before {left: -6px;border-bottom-right-radius: 6px;border-width: 0 1px 1px 0;box-shadow: 2px 2px 0 #D1D1D1;}
.tabnavigation li:after {right: -6px;border-bottom-left-radius: 6px;border-width: 0 0 1px 1px;box-shadow: -2px 2px 0 #D1D1D1;}
.tabnavigation li.selected:not(:first-child):before {box-shadow: 2px 2px 0 #FFF;}
.tabnavigation li.selected:after {box-shadow: -2px 2px 0 #FFF;}

.tabnavigation li:first-of-type {box-shadow:inset 0 1px 0 #FFF;}

.morecontent  {display:inline!important;margin:0!important;padding:0!important;float:none!important;}
.morecontent span {display: none;margin:0!important;padding:0!important;float:none!important;}
.content-inline { display:inline!important; }
.viewmorelink {display: inline-block;margin:0!important;padding:0!important;float:none!important;}
.moreellipses { margin:0!important;padding:0!important;float:none!important; }

.gc-reset{transform:scale(0.95) !important;-webkit-transform:scale(0.95) !important;transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;}

.overflow { overflow: initial!important; }

.inputform.advanced .copy-embed-code {display:block!important;} /*important*/
.inputform.advanced .CodeMirror, .inputform.advanced .CodeMirror-scroll {min-height: 208px!important;}
.inputform.advanced .editor-toolbar {display:block!important;}
.inputform.advanced .CodeMirror {border-radius:0 0 3px 3px!important;}




.inputform { width:500px; margin: 15px auto 20px; }
.inputform.wide { width:625px; }
.inputform.full .item-right,.inputform.full label.main { width:100%!important;float:none!important; }
.inputform.dialog-form { width:100%; margin: 40px auto 20px; }
.inputform.dialog-form label { }
.inputform.dialog-form .input { font-size: 14px;width: calc(100% - 220px)!important; height: unset!important;padding: 7px!important;font-size: 16px!important;box-shadow: none!important;}
.inputform p, .inputform  .block { margin: 8px 0px 8px 0px;padding: 5px 0 5px 0; position:relative; overflow:hidden; }
.inputform .greet .block { overflow:inherit; }

/*video upload progress bar for share form*/
.video-progress .progress {height: 13px;border-radius: 3px;overflow: hidden;background: #e2e2e2;}
.video-progress .progress .progress-js {background-color: #339633;height: 100%;width: 0%;-webkit-transition: width .3s ease-in-out;}

.inputform.block-errors div.form-error { float: none;display: block;background: #ad7070;color: white;padding: 5px;border-radius: 3px;margin: 6px 0 6px 0;box-sizing: border-box;text-align: left; }
#errors .form-error {font-size: 18px;margin: 0 0 10px 0;padding: 6px 9px;}


.inputform label.main{     line-height: 27px;display: inline-block;float: left;width: 180px;font-size: 17px;color: #616161;margin: 3px;vertical-align: top; }
.inputform.default label.main{ font-size:17px;color:#333;font-weight: 300; }
.inputform.small label.main{ font-size: 12px;color: #222;font-weight:bold; margin:6px 3px 0; }
.inputform.dialog-form label.main {width: 120px;font-size: 16px;line-height: 26px; }
.inputform.dialog-form .input { width:calc(100% - 151px)!important; }
.inputform .field-block { float: left; }
.inputform .row {  display: table;  content: " ";  }
.inputform .row:after {clear: both}

.inputform .linkpreview { width: 100%;border-radius: 3px;padding: 7px 8px;box-sizing: border-box;background: #dedede;display: inline-block; }
.inputform .linkpreview a.title { font-size: 17px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;display: inline-block;color: #3a3a3a;text-decoration: none; }
.inputform .linkpreview a.title:hover { text-decoration:underline; }
.inputform .linkpreview .url { color: #2362a5;font-size: 12px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%; }

.inputform textarea { min-height:100px; height:100px; resize:vertical; padding: 8px!important; }
.inputform textarea, .inputform select, .inputform input[type="text"], .inputform input[type="email"], .inputform input[type="password"], .inputform input[type="url"], .inputform input[type="date"], .inputform input[type="time"] { font-family:Roboto, sans-serif;min-height: 38px; font-size: 15px;-webkit-transition-property: background;-webkit-transition-duration: 0.20s;width: 100%;border: 1px solid #ccc;padding: 5px 8px;box-sizing: border-box;border-radius: 2px;outline: none;background: #fff;}


.inputform .form-info-content { display: inline-block;margin: 7px 30px -8px 0;float: right;color: #983a3a; }
.inputform .form-info-content.red { color:#983a3a; }
.inputform .form-info-content.green { color:green; }
.inputform .text { margin:6px 3px 0; }

.inputform .info { background: #f1e9f1;padding: 8px;margin: 0 0 17px 0;border-radius: 4px; }

.inputform .item-right { float:left; font-size: 14px; width:287px;position:relative; }
.inputform.wide .item-right { float:right; font-size: 14px; width:435px; }

.inputform .item-right .text { font-size:12px;margin:0 0 7px 0; }
.inputform .item-right .error { background-color: #b16060;border-radius: 3px;margin: 0 0 5px 0;display: block;padding: 5px 6px;color: white;font-size: 12px; }

.inputform .item-right.buttonlist { display:flex; }
.inputform .item-right.buttonlist a { width:100%;display:block;margin:0 4px 0 0; text-align:center; padding:5px 0; }
.inputform .item-right.buttonlist a:last-child { margin:0; }

.inputform .item-right.buttonlist a .icon { color:#4c4c4c!important; }


.inputform input[type="date"],.inputform input[type="time"] { width:initial; }

.inputform .month { width: calc(50% - 8px)!important; }
.inputform .day { width: 25%!important; }
.inputform .year { width: 25%!important; }

.inputform .item-delete { position: absolute;right: 0px;top: 3px; border-radius: 4px;height: 24px;font-size: 14px;padding: 0 8px;box-sizing: border-box;text-decoration: none;line-height: 23px;color: #797979; }
.inputform .item-delete:hover { color: #000; }

.inputform input:not(.submitbutton):focus, .inputform textarea:focus { box-shadow: inset 0px 1px 2px #ddd; }
.inputform input { outline:none; }
.inputform .submitbutton { margin: 0 0 4px 0;width: 100%; padding: 7px!important; }

.inputform.edit-profile-form { margin: 0; width: calc(50% - 80px); float:left; }
.inputform.edit-profile-form.first { margin: 0 70px 0 0; }
.inputform.edit-profile-form label.main { float:none;width:100%; margin: 4px 4px 4px 1px; }
.inputform.edit-profile-form input[type="text"], .inputform.edit-profile-form input[type="email"], .inputform.edit-profile-form input[type="password"], .inputform.edit-profile-form input[type="url"] { width:100%; }
.inputform.edit-profile-form textarea, .inputform.edit-profile-form select:not(.birthday) { width:100%; }
.inputform.edit-profile-form .submitbutton { margin: 0 0 4px 0; width: 100%; box-sizing:border-box; padding: 6px; }
.inputform.edit-profile-form .submitbutton.first { }
.inputform.edit-profile-form .submitbutton.second { display:none; }

.inputform .greet { background: #f1eff1;padding: 0px 28px 10px;box-sizing: border-box;border-radius: 5px; }

.radiomenu {border:1px solid #ccc;border-radius:4px;display:flex;}
.radiomenu a {font-size: 120%;padding:8px 0;text-align:center; flex:1;border-right:1px solid #ccc;display:inline-block;text-decoration:none;color:#555;}
.radiomenu a .icon {margin:0 6px 0 0;}
.radiomenu a.active {background: rgba(0,0,0,.06);}
.radiomenu a:last-child {border-right:none;}

.tabcontainer {box-shadow: 0px 0px 0 1px rgba(0,0,0,.2);border-radius: 3px; }
.tabcontainer.active { z-index: 9999991; background:white;position: relative; box-shadow: 0 0 12px rgba(0,0,0,.4), 0px 0px 0 1px rgba(0,0,0,.2); }

.tabcontainer.active h2 { color:#000!important; }
.tabcontainer.active label.main { color:#616161!important; }

div.tab {overflow: hidden;border-bottom: 1px solid #c7c7c7;border-top-left-radius: 3px;border-top-right-radius: 3px;text-transform: inherit;background: rgba(0, 0, 0, 0.07);color: black;position: relative;}
div.tab .close { position: absolute;right: 6px;top: 0px;font-size: 17px;padding: 3px;color: #ababab; }
div.tab .close:hover { color:#888; }
div.tab .close:active { color:#666; }
div.tab button {background-color: transparent;float: left;border: none;outline: none;cursor: pointer;padding: 6px 15px 6px 13px;font-size: 12px;color: #737373;font-weight: bold;border-right: 1px solid #c7c7c7;}
div.tab button:hover {background-color: #e0e0e0;color:#555;}
div.tab button.active, div.tab button:active { background-color: rgba(0,0,0,.06);color:#555;}
.tabcontent {display: none;padding: 9px 11px;margin: 0 0 18px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background: rgba(0,0,0,.018);}
div.tab button.active div.tab button .icon { color:#222!important; }

.writepost {}
.writepost .avatar { width: 45px;height: 45px;float: left;    border-radius: 4px;}
.writepost .post { width: calc(100% - 60px);float: right; position:relative;}
.writepost.question .avatar {}
.writepost.question .post {}
.writepost .post .submit-post { position: absolute;right: 0;height: 45px;box-sizing: border-box;padding: 15px;}
.writepost .post textarea { padding:5px;width: 100%;box-sizing: border-box;overflow:hidden;height: 45px;color: #333;padding: 12px;font-size: 15px;border: none!important;background: #eaeaea!important;resize: none;}
.tabcontainer:not(.active) .writepost .post textarea { background: transparent!important;}
.writepost .post textarea.gray { background:#eaeaea;margin:0; }
.writepost .post textarea.active { font-size: 19px; padding:13px 10px; }
.writepost .post .form-block { margin:0 0 8px 0; }
.writepost .post input[type='text'], .writepost .post select {width: 100%;box-sizing: border-box;overflow:hidden;height: 45px;color: #333!important;font-size: 19px; padding:11px 12px;border: none;background:#eaeaea;border-radius: 3px;}
.writepost .hr { width: 100%;height: 1px;background: #cecece;margin: 6px 0; }
.writepost .button { font-weight: bold;font-size: 11px; }
.writepost .button .icon { margin:0 5px 0 0; color:#007c90; }

.profile-questions-container {}
.profile-questions-container .line {height: 1px;background: rgba(0,0,0,.2);margin: 24px 0;}
.profile-questions-container .profile-question { margin: 0 0 20px 0;  }
.profile-questions-container .profile-question h2 { font-size:18px; color:#333; margin:0 0 10px 0; }
.profile-questions-container .profile-question select, input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="time"], textarea { box-sizing: border-box;padding: 0 3px;height:34px;background:#fff;border-radius: 3px; border:1px solid #bfbfbf;margin: 0; font-size: 15px;}
.profile-questions-container .profile-question .usa {min-width: 121px;}

.profile-questions-container .asRange {max-width: 100%!important;margin: 0!important;}

.profile-questions-container .profile-question .textfield { width:100%; }

.profile-questions-container div.form-error { float:right;margin: 6px 7px 0px 0px!important; }


.profile-questions-container .submit { font-weight:300;cursor:pointer; color: white;background: #2c7d5b;width:calc(100% - 67px);font-size: 20px;border: none;box-sizing: border-box;padding: 8px;margin: 0;border-radius: 2px; }
.profile-questions-container .submit:active { background:#226348; }

.profile-questions-container .skip { font-weight:300;cursor:pointer; color: white;background: #6d6d6d;width: 60px;font-size: 20px;border: none;box-sizing: border-box;padding: 8px;margin: 0 0 0 3px;border-radius: 2px; }
.profile-questions-container .skip:active { background:#555; }

.profile-questions-container.settings { width: calc(100% - 272px);margin: 10px 0 0 0; float:left; }
.profile-questions-container.settings.right { width: 200px;float: right;height: 200px;margin: 10px 0 0 0;border-radius: 2px;box-sizing: border-box; }

.optionlist {list-style-type:none;margin:0;padding:0;}
.optionlist.flex {display:flex;}
.optionlist.flex li {flex:1;}
.optionlist.grid .listitem {margin: 4px 3px 1px;width: calc(33.33% - 6px);float:left;}

.optionlist.userquestion:not(.poll) {margin:0 -3px 11px -3px;}
.optionlist.userquestion {margin:0 0 11px 0;overflow:hidden;}
.optionlist.userquestion li { height:auto;float: none;margin: 0 0 5px 0;background: #f1f1f1;width: 100%;box-sizing: border-box;border-radius: 3px;overflow:hidden;position:relative;}
.optionlist.userquestion label { position: relative;text-align: left;padding: 9px 54px 9px 35px;box-sizing: border-box;display: block;width: 100%;z-index: 99;font-size: 15px; }
.optionlist.userquestion:not(.grid) label { background:none!important; }
.optionlist.userquestion .indicator { display: block;position: absolute;height: 100%;width: 0%; }
.optionlist.userquestion .indicator span { animation: progressBar 4s ease-in-out 1.1s;animation-fill-mode:both; display: block;position: absolute;height: 100%;background: rgb(59 34 99 / 9%); }
.optionlist.userquestion .indicator.no-votes span { animation-duration:1s;}
.optionlist.userquestion .indicator.fast span { animation-duration:.8s;animation-delay:0s;}
.optionlist.userquestion .num-votes { position: absolute;right: 0;opacity: .6;font-size: 13px;margin: 9px 9px 0 0;}
.optionlist.userquestion li:hover { background:#e8e8e8; }
.optionlist.userquestion input[type="radio"], .optionlist.userquestion input[type="checkbox"] { margin: 10px 0 0 11px; }

.optionlist.poll input[type="radio"]:checked + label, .optionlist.poll input[type="checkbox"]:checked + label {background:none!important; box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 52%);}

@keyframes progressBar {0% { width: 0; }100% { width: 100%; }}

.optionlist.userquestion.fullwidth li {width:100%;}


.optionlist.list {}
.optionlist.list li {float:none; width:100%; margin: 0 0 5px 0;}
.optionlist.list label {text-align:left;}
.optionlist input[type="radio"], .optionlist input[type="checkbox"] { margin: 6px 0 0 7px;float: left; position: absolute;z-index: 100;outline:none!important;}
.optionlist li {user-select: none;float:left;margin:0 5px 0 0;width:84px;height:26px;position:relative;}
.optionlist li:last-child {margin:0 0 0 0;}
.optionlist label, .radiolist input {display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;background: #e0e0e0;}
.optionlist input[type="radio"]:checked + label, .optionlist input[type="checkbox"]:checked + label {background: #f1eec6!important;/*color: white;*/}
.optionlist label {padding: 5px;cursor: pointer;z-index: 99999;line-height: 17px;color: #444;}
.optionlist label:hover {background:#ccc;}

.optionlist .checkmark.big {display:none; position: absolute;width: 100%;height: 100%;background: rgb(255 255 255 / 53%);z-index: 99;margin: 0;top: 0;left: 0;}
.optionlist .checkmark.big .icon {    color: #387b53;font-size: 52px;position: absolute;top: calc(50% - 26px);left: calc(50% - 26px);display: block;}

.optionlist:not(.grid) label {border-radius:2px;}

.optionlist.grid input[type="radio"]:checked + label, .optionlist.grid input[type="checkbox"]:checked + label {background:#fffddc!important;}
/*.optionlist.grid input[type="radio"]:checked + label .checkmark, .optionlist.grid input[type="checkbox"]:checked + label .checkmark { display:inline-block!important; }*/
.optionlist.grid input[type="radio"]:checked + label .checkmark.big, .optionlist.grid input[type="checkbox"]:checked + label .checkmark.big { display:block!important; }


.question-optionlist {list-style-type:none;margin:0;padding:0;}

.question-optionlist.flex {display:flex;}
.question-optionlist.flex li {flex:1;}

.question-optionlist.flex.settings {display:flex;}
.question-optionlist.flex.settings li {flex:1;}

/* for mobile */
.question-optionlist.flex.mobilelist {  }
.question-optionlist.flex.mobilelist li {  }
.question-optionlist.flex.mobilelist.mobilelist2 li {  }

.question-optionlist.userquestion {margin:0 0 5px 0;}
.question-optionlist.userquestion li { float: none;margin: 0 0 5px 0;background: #e0e0e0;width: 302px;padding: 0 1px;box-sizing: border-box;border-radius: 3px;}
.question-optionlist.userquestion label { text-align: left;padding: 5px;display: inline-block;width: calc(100% - 32px); }
.question-optionlist.userquestion li:hover { background:#dadada; }
.question-optionlist.list {}
.question-optionlist.list li {float:none; width:100%; margin: 0 0 5px 0;}
.question-optionlist.list label {text-align:left;padding:5px;}
.question-optionlist input[type="radio"], .question-optionlist input[type="checkbox"] { margin: 5px 0 0 7px;float: left;}
.question-optionlist li {user-select: none;float:left;margin:0 5px 0 0;width:84px;position:relative;}
.question-optionlist li:last-child {margin:0 0 0 0;}
.question-optionlist label, .radiolist input {display:block;top:0;left:0;right:0;bottom:0;text-align:center;background: #e0e0e0; border-radius: 2px;}
.question-optionlist input[type="radio"], .question-optionlist input[type="checkbox"] {opacity:0.011;z-index:100;display:none;}
.question-optionlist input[type="radio"]:checked + label, .question-optionlist input[type="checkbox"]:checked + label {-webkit-tap-highlight-color: transparent;background: #614b82;color: white;}
.question-optionlist label {padding: 5px 1px;cursor: pointer;z-index: 99999;line-height: 17px;color: #444;}
.question-optionlist label:hover {background:#ccc;}

.question-optionlist.seven-per-row { flex-wrap: wrap;}
.question-optionlist.seven-per-row li {     width: calc(14% - 3px);box-sizing: border-box;margin: 1px 5px 5px 0;flex: initial; }
.question-optionlist.seven-per-row li:nth-child(7n) {     margin: 1px 0 5px 0; }

.question-optionlist.mobile-two-per-row { }
.question-optionlist.mobile-two-per-row li {  }
.question-optionlist.mobile-two-per-row li:nth-child(2) { }

.separator{height: 1px;border-bottom: 1px dotted #c3c3c3;clear: both;}


.mtop_30{margin-top: 30px;}

a.local{padding: 1px 0;	text-decoration: none !important;border-bottom-width: 1px !important;border-bottom-style: dashed !important;margin-bottom: 2px !important;}
.no_bg{background: none !important;}
.no_br{white-space: nowrap;}
.t_center{text-align: center;}

.answer_guest_overlay {position: absolute;top: -10px;left: -10px;width: calc(100% + 20px);height: 100%;background: rgba(197, 178, 197, 0.7);z-index: 999;border: 9px solid #fff;border-bottom: 0;box-sizing: border-box;border-radius: 15px;}
.answer_guest_overlay .text {text-align: center;font-size: 22px;color: #444444;margin: 66px 0 0 0;}
.answer_guest_overlay .text a.login { color:#005c79; }
.answer_guest_overlay .text a.login { color:#005c79; }

.blur { -webkit-filter:blur(2px); filter:blur(2px); }

.grey_line{height:1px;background-color:#c3c3c3}
a.local.local{cursor:pointer}
a.local.active,a.local:hover{border-width:0!important}
a.inactive{color:#ccc!important;text-decoration:none!important;border:0!important;margin:0;cursor:default}
.error{color:red}
.br{height:1px;font-size:1px;padding:0;margin:0;clear:both}
.question_askeduser{position:absolute;left:-185px;background:#efefef;text-align:center;padding:6px 13px;border-radius:2px}
.bg{position:relative;overflow: auto;}

.topbar {height: 52px;user-select: none; background: #4c3c65;z-index: 999991;position: absolute;width:100%; }
.topbar.main {margin: 0;}

.topbar.logged-out { border-bottom: 1px solid rgba(0,0,0,.19);box-shadow: inset 0 -1px rgba(255,255,255,.1); }

.topbar.disabled {pointer-events:none;}
.topbar.disabled .content .menu.menu-desktop {filter:blur(2px);-webkit-filter:blur(2px);-moz-filter:blur(2px);}
.topbar.disabled .content .c-r .action-bar ul li a:not(.logout) {filter:blur(2px);-webkit-filter:blur(2px);-moz-filter:blur(2px);}
.topbar.disabled .content .c-r .user-info {filter:blur(2px);-webkit-filter:blur(2px);-moz-filter:blur(2px);}
.topbar.disabled .content .menu.menu-mobile {filter:blur(2px);-webkit-filter:blur(2px);-moz-filter:blur(2px);}

.topbar.disabled .content .c-r .action-bar ul li a .notification {display:none!important;}

.wrapper { width:1100px; margin:0 auto; }
.topbar .content { width:1100px; margin:0 auto; height:100%; }
.topbar .content .logo {cursor: pointer;width: 152px;text-decoration: none;float: left;height: 51px;color: white;text-indent: -9999px;background: url('/images/logo-agnostic.svg') 2px 12px / contain no-repeat;}
.topbar .content .logo:hover { background-color: rgba(0,0,0,.13); }
.topbar .content .logo:active { background-color: rgba(0,0,0,.23); }
.topbar .content .logo-mobile { width:39px; height:37px; background: url('/images/logo-mobile-agnostic.svg') 0 0 / contain no-repeat; display:none; float:left;text-indent: -9999px;margin: 7px 0 0 0; }
.topbar .content .logo-mobile.logged-out { }

.topbar .content .show-sidemenu {font-size: 21px;color: rgba(255, 255, 255, 0.6);float: left;line-height: 38px;text-align: center;border-radius: 2px;width: 29px;height: 37px;margin: 7px 5px 0 -2px;background: url(/images/menu-hamburger.svg) center center / cover no-repeat;}

/*
.sidemenu {box-shadow: 1px 0 23px rgba(0, 0, 0, 0.5);display: flex;flex-direction: column;min-width: 255px;width: 255px;left:-255px;top:0;height:100%;position:absolute;background: #fff;z-index: 999999999999999; }
*/

.sidemenu {box-shadow: 1px 0 23px rgba(0, 0, 0, 0.5);overflow: auto;min-width: 255px;width: 255px;left: -255px;top: 0;height: 100vh;position: fixed;background: #fff;z-index: 999999999999999;}
.sidemenu .user {width:100%;display:block;margin:0 0 0 5px;}
.sidemenu .user .picture {background-color: rgba(0, 0, 0, 0.18)!important;height: 32px;width: 32px;border-radius: 50%;margin: 3px 0 0 0;float: left;}
.sidemenu .user .username {float: left;color: white;font-size: 17px;margin: 2px 0 0 11px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: calc(100% - 50px);}
.sidemenu .user .username .info {font-size:10px;}

.sidemenu .topbar {position:relative;overflow:hidden;}

.sidemenu ul {}
.sidemenu ul li {}
.sidemenu ul li a { display: block;padding: 11px 13px;text-decoration: none;font-size: 18px;color: #484848;border-bottom: 1px solid rgba(0,0,0,.1);}
.sidemenu ul li a .icon { font-size: 19px;margin: 0 11px 0 0;width: 31px;text-align: center;}
.sidemenu ul li a:hover { background: rgba(0,0,0,.1);}
.sidemenu ul li a.logout { color: #7d4747;}

.sidemenu-overlay {z-index: 999999999999998;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.65); }

.topbar .content .menu { float: left;height: 45px;color: white; margin: 7px 0 0 39px; }
.topbar .content .menu ul { margin: 0;padding: 0; }
.topbar .content .menu ul li { display: inline-block;position:relative; }
.topbar .content .menu ul li > a {float: left;text-decoration: none;color: rgba(255,255,255,.87);/*background: rgba(0,0,0,.32);*/padding: 0px 10px;font-size: 17px;line-height: 37px;height: 37px;border-radius: 3px;margin: 0 7px 0 0;}
.topbar .content .menu ul li.current > a {background: rgba(0,0,0,.4);}
.topbar .content .menu ul li:last-child > a {margin:0!important;}
.topbar .content .menu.menu-mobile ul li > a {margin:0 5px 0 0;}
.topbar .content .menu.menu-mobile ul li.browse-mobile > a {margin:0!important;}
.topbar .content .menu ul li > a:hover { background:rgba(0,0,0,.35); }
.topbar .content .menu ul li > a:active { background:rgba(0,0,0,.44); }
.topbar .content .menu ul li > a .icon { margin: 0 10px 0 0px; }

.topbar .content .menu.menu-desktop {  }
.topbar .content .menu.menu-mobile { display:none; }

.topbar.logged-out .content .c-r { float:right; }
.topbar .content .c-r { }
.topbar .content .c-r .menu ul li a:not(.loginwith) { margin: 0 0 0 7px!important; }
.topbar .content .c-r .menu ul li a.highlight { background: #0f795c; }
.topbar .content .c-r .menu ul li a.highlight:hover { filter: brightness(110%); }
.topbar .content .c-r .menu ul li a.highlight:active { filter: brightness(90%); }
.topbar .content .c-r .action-bar {float: right;margin: 9px 39px 0 0;box-sizing: border-box;}
.topbar .content .c-r .action-bar {margin-top: 9px;}
.topbar .content .c-r .action-bar ul { margin: 0;padding: 0; }
.topbar .content .c-r .action-bar ul li { display: inline; }
.topbar .content .c-r .action-bar ul li.topbar-user-icon {  }
.topbar .content .c-r .action-bar ul li a { color: rgba(255,255,255,.7);font-size: 27px;margin: 0 1px;padding: 0px 10px 16px;text-align: center;float: left;position:relative;max-height:54px;}
.topbar .content .c-r .action-bar ul li a.active { color: rgba(255,255,255,.9); text-shadow: 0 1px rgba(0,0,0,.4); }
.topbar .content .c-r .action-bar ul li a.active:hover {color: rgba(255,255,255,1)}
.topbar .content .c-r .action-bar ul li a.active:hover > .notification {background:#ea1c1c;}
.topbar .content .c-r .action-bar ul li a.active:active {color: rgba(255,255,255,.8)}
.topbar .content .c-r .action-bar ul li a.active:active > .notification {background:#c12424;}


/*.topbar .content .c-r .action-bar ul li a .notification { position: absolute; margin:0; border:0;right: 3px;top: -3px;font-size: 11px;background: #e02828;padding: 1px 4px;color: white;border-radius: 2px;text-shadow: 1px 1px #000;box-shadow: 1px 1px rgba(0,0,0,.3); z-index:1; }*/
.topbar .content .c-r .action-bar ul li a .notification { font-size:12px;position: absolute;margin: 0;border: 0;right: 6px;top: 0px;background: #e02828;color: white;border-radius: 3px;z-index: 1;height: 14px;padding: 0px 2px;min-width: 11px; }

/*.topbar .content .c-r .action-bar ul li a .notification { position: absolute; margin:0; border:0;right: 6px;top: -2px;background: #e02828;color: white;border-radius: 50%; z-index:1;text-indent:-999999px;    width: 11px;height: 11px;border: 2px solid #4c3c65; } */

.topbar .content .c-r .action-bar ul li a:hover { color: rgba(255,255,255,.8) }
.topbar .content .c-r .action-bar ul li a:active { color: rgba(255,255,255,.6) }
.topbar .content .c-r .action-bar ul li a.logout {  }
.topbar .content .c-r .action-bar ul li a.logout:hover {  }
.topbar .content .c-r .action-bar ul li a.logout:active {  }
.topbar .content .c-r .action-bar ul li a .icon {  }
.topbar .content .c-r .action-bar ul li a.settings {  }
.topbar .content .c-r .action-bar ul li a.show-n-box { padding-bottom: 17px; }
/*.topbar .content .c-r .action-bar ul li a.settings:hover i { animation: spin 2s infinite linear;transition-duration: 100s; }*/

.topbar .content .c-r .user-info {float: right;max-width: 172px;min-width: 125px;margin: 8px 0 0 0;position:relative;z-index:999998;cursor:pointer;}

/*.topbar .content .c-r .user-info:hover > .menu { display:block!important; }*/
.topbar .content .c-r .user-info:hover > .right { background: rgba(0,0,0,.20); }
.topbar .content .c-r .user-info:active > .right { background: rgba(0,0,0,.30); }

.topbar .content .c-r .user-info .menu { user-select:none;height:initial;margin:0;padding: 0;box-shadow: 0 0 5px rgba(0,0,0,.6);border-bottom: 1px solid #444444; z-index: 9999999;position: absolute;float:left;top: 43px;left: -77px;background: #f9f9f9;width:315px;color: black;box-sizing: border-box; overflow:hidden;height:auto;}
.topbar .content .c-r .user-info .menu:after, .topbar .content .c-r .user-info .menu:before {bottom: 100%;right: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.topbar .content .c-r .user-info .menu:after {border-color: transparent;border-bottom-color: #f9f9f9;border-width: 10px;margin-left: -10px;}
.topbar .content .c-r .user-info .menu:before {border-color: rgba(0, 0, 0, 0);border-bottom-color: transparent;border-width: 11px;margin-right: -1px;}

.topbar .content .c-r .user-info .menu .row { width: 50%;margin: 0 auto;display: inline-block;float: left;padding: 3px;box-sizing: border-box; }
.topbar .content .c-r .user-info .menu .row .title { font-size: 18px;margin:8px; }
.topbar .content .c-r .user-info .menu .row .item { text-decoration: none;display: block;line-height: initial!important;padding: 6px 4px 6px 10px;font-size: 17px;box-sizing: border-box;color: #717171!important;width: 100%;text-align: left;height: inherit!important; }
.topbar .content .c-r .user-info .menu .row .item span {  }
.topbar .content .c-r .user-info .menu .row .item:hover { background:#e8e1e8!important;color:#6f566f!important; }
.topbar .content .c-r .user-info .menu .row .item:active { background:#e2dbe2!important; }

/*.topbar .content .c-r .user-info:hover > .left .picture { filter: brightness(120%); }*/

.topbar .content .c-r .user-info .left {float: left;width: 29px;height: 29px;margin: 2px 0 0 0;border-radius: 50%;box-shadow: inset 0 -1px rgba(0,0,0,.1);background-color: rgba(0, 0, 0, 0.18)!important;}
.topbar .content .c-r .user-info .left .picture { max-width: 34px;max-height: 32px;float: left; margin: 2px; border-radius:2px; }

.topbar .content .c-r .user-info .right {color: #fff;float: left;width: calc(100% - 56px);margin: 0 0 0 3px;padding: 3px 0 0 5px;text-shadow: 1px 1px rgba(0,0,0,.5);height: 32px;border-radius: 3px;}
.topbar .content .c-r .user-info .right .name {pointer-events:none;line-height: 16px;font-size: 13px;font-weight:bold;display: block;text-decoration: none;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.topbar .content .c-r .user-info .right .status { pointer-events:none;font-size: 10px;margin: 1px 0 0 1px;opacity: .8;}
.topbar .content .c-r .user-info .right .status .online { background: #49bb21; }
.topbar .content .c-r .user-info .right .status .offline { background: gray; }
.topbar .content .c-r .user-info .chevron { float:right; }
.topbar .content .c-r .user-info .chevron .icon { font-size: 16px;position: relative;top: 8px;color: rgba(255, 255, 255, 0.67); }

.group-teaser {    height: 120px;
    background: linear-gradient(90deg, rgb(25 171 124 / 58%), rgb(31 0 60 / 77%)), url(https://images.pexels.com/photos/3009787/pexels-photo-3009787.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260) center center / cover no-repeat;
    border-radius: 28px 0;
    display: flex;
    align-items: center;
    font-size: 22px;
    color: white;
    text-shadow: 1px 1px 5px rgba(0,0,0,.6);
    padding: 0 0 0 34px;
    margin: 0 0 30px 0;
    color:white!important;
    text-decoration:none;}


.main-guest-container {display: flex;flex-direction: column;justify-content: center;color: white;margin: 61px 0 0 0;min-height: 300px;height: calc(100vh - 61px);overflow: hidden;   background: linear-gradient(240deg, rgb(76, 60, 101) 42%, rgba(76, 60, 101, 0)), url(/images/background.jpg?v=1) center center / cover no-repeat;/* background: linear-gradient(215deg, rgba(104, 47, 128, 0.87) 26%, rgba(177, 53, 53, 0.38)), url('/images/background.jpg?v=1') center center / cover no-repeat;*/}
.main-guest-container .holder { display: flex;flex-direction: column;justify-content: center;float:right;width:500px;margin:-20px 0 0 0;}
.main-guest-container .logo { width: 360px;float: left;height: 105px;color: white;text-indent: -9999px;background: url(/images/logo-agnostic-noshadow.svg) 2px 12px / contain no-repeat;}
.main-guest-container h1 {font-size: 80px; font-weight:200;margin: 0 0 20px 0;color:white!important; }
.main-guest-container h2 {font-size: 50px;font-weight: 200;max-width: 850px;margin: 0 auto;color:white!important; }
.main-guest-container h2 strong {font-weight:normal; }
.main-guest-container h2 span {font-weight:normal; }


.toggle-1 {display:none;}

.main-guest-container .main-registerbutton-desktop {width:300px;}
.main-guest-container .register { width:100%;text-align:center;position:relative;z-index:99999; display:inline-block; padding: 17px 60px;box-sizing: border-box;margin: 40px auto 0;background: #0f795c;border-radius:5px;color: #fff;font-size: 30px;text-decoration: none; }
.main-guest-container .register:hover { filter: brightness(110%); }
.main-guest-container .register:active { filter: brightness(90%); }
.main-guest-container .subtext { display:block; margin:15px auto; text-align:center; font-size:12px; font-family:arial, tahoma, 'trebuchet ms'; }

.main-guest-container .aboutlearnmore {text-align: center;position: relative;z-index: 99999;padding: 7px 0;margin: 20px 0 0 0;text-decoration:underline;border-radius: 3px;color: #fff;text-shadow:1px 1px rgba(0,0,0,.3);font-size: 18px;display: inline-block;}

.main-guest-container.quote { border-radius:5px;height: auto;font-size: 20px;color: #40213d;padding: 22px;background: #e6cedb; text-align:center; }
.main-guest-container.quote .learnmore { margin: 0 0 0 12px;font-size: 16px; padding: 6px 14px; }
.main-guest-container.quote .break { display:none; }


.js-notification {display:none;background: #599052;padding: 7px 12px;font-size: 15px;color: white;margin: 0 0 7px 0;border-radius: 4px;}

div.form-error { display: inline-block;margin: 7px 30px -8px 0;color:#983a3a; }

.show-listmenu { font-size:12px; }

.listmenu { display:none; z-index: 9999999;position: absolute;padding: 9px 0 0 0;top: 36px;width: -moz-max-content; }
.listmenu > div { overflow: auto;min-width:125px;width: max-content;user-select:none;height:initial;margin:0;box-shadow: 0 0 5px rgba(0,0,0,.6);border-bottom: 1px solid #888;background: #f9f9f9;color: black;box-sizing: border-box;border-radius: 4px; }

.listmenu.listmenu-topbar-userinfo { padding:11px 0 0 0;top: 33px; left:-95px; }
.listmenu.listmenu-topbar-userinfo > div { width:220px;padding: 0;cursor:default; }
.listmenu.listmenu-topbar-userinfo .item { padding: 6px 6px 6px 13px; }
.listmenu.listmenu-content-learn-about {top: 20px;left: -157px;}
.listmenu.listmenu-topbar-share { left:-25px; }
.listmenu.listmenu-topbar-browse { left:-7px; }
.listmenu.listmenu-topbar-discuss { left:-5px; }
.listmenu.question-options { right: -45px;top: 12px; }
.listmenu.chatroom-participants { top: 50px; }
.listmenu.likes-options { right: 0;top: 19px;padding: 5px 0 0 0;/*min-width: 119px;*/ }

.p_action.post .listmenu.likes-options { right: 0;top: 24px;padding: 5px 0 0 0;/*min-width: 119px;*/ }



.listmenu.likes-options > div { /*min-width: 127px;*/min-width:unset; }
.listmenu.likes-options .item { margin:0!important;border:none!important;}
.listmenu.likes-options .item.active { background: #e6e6e6; color: #666!important; }
.listmenu.likes-options .item.active span { color: #666!important; }
.listmenu.likes-options .item .like-option-description { /*display: inline-block;*/display:none;margin: 2px 0 0 0;pointer-events:none; font-size: 14px; }
.listmenu.likes-options .item .like-option-icon { pointer-events:none;margin:0; }
.listmenu.likes-options .item .like-option-icon .icon { font-size:19px;text-align:center;position:relative;left:-1px;color:gray; }

.listmenu-show-filter-options { top:20px!important; }

.listmenu .row { width: 50%;margin: 0 auto;display: inline-block;float: left;box-sizing: border-box; }
.listmenu .title { font-size: 18px;margin:8px; }
.listmenu .item, .topbar .content .c-r .action-bar ul li a.item { text-decoration: none;display: block;line-height: initial!important;padding: 6px 10px;font-size: 17px;box-sizing: border-box;color:rgba(0, 0, 0, 0.58)!important;width: 100%;text-align: left;height: inherit!important;float: none;margin:0; }
.listmenu .item.like-type, .listmenu .item-extra.like-type {padding: 11px 0;float: left;width: 50px;text-align:center;}
.listmenu .item-extra {padding:6px 10px;font-size: 20px;text-align: center;margin:0;}
.listmenu .item-extra span {margin:0!important;}
.listmenu .item-extra .icon {color:gray!important;}

.listmenu .userdetails {overflow: hidden;margin: 13px 10px 14px;}

.listmenu .userdetails .image-upload-box {display:none;text-decoration:none;position: absolute;width: 50px;height: 50px;border-radius: 50%;text-align: center;padding-top: 8px;background: rgba(95, 11, 85, 0.74);color: white;box-sizing: border-box;}
.listmenu .userdetails .image-upload-box span {display:block;font-size:10px;margin:3px 0 0 0;}
.listmenu .userdetails .image-upload-box:active {background: rgba(95, 11, 85, 0.84);}
.listmenu .userdetails .avatar{background-color:rgba(0, 0, 0, 0.2)!important;float: left;border-radius:50%;width: 50px;height: 50px; margin: 0 5px 0 0;display:block;}

.listmenu .userdetails .userdetails-right {width: calc(100% - 62px);float: left; align-items: flex-start;display: flex;flex-direction: column;justify-content: center;height: 50px;padding: 0 0 0 7px;}
.listmenu .userdetails .userdetails-right .ud-username {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%;display:block;color:inherit;font-size:15px;font-weight:500;margin:0 0 6px 0;text-decoration:none;}
.listmenu .userdetails .userdetails-right .ud-username:hover {text-decoration:underline;}
.listmenu .userdetails .userdetails-right .ud-btn {text-decoration:none;border-radius:4px;border:1px solid #4c3c65;background:none;color:#4c3c65;padding:2px 5px;font-size:11px;opacity:.75;}
.listmenu .userdetails .userdetails-right .ud-btn:hover {opacity:1;}
.listmenu.listmenu-topbar-userinfo .item:last-child {padding-bottom: 9px;}

.listmenu:not(.listmenu-topbar-userinfo):not(.listmenu-topbar-browse) .item {border-bottom: 1px solid rgba(0,0,0,.08);display:block!important;}


.listmenu .item:last-child { border-bottom: none; }
.listmenu .item.active { background:#e6e6e6; }
.listmenu .item.big { text-align: center;display: block;width:auto;box-sizing: border-box;padding: 7px 0;background:#f9f9f9;border-bottom: 1px dashed rgba(0,0,0,.22);}
.listmenu .item.big:last-child {border-bottom:none;}
.listmenu .item i { width: 30px; }
.listmenu .item.big i { width:auto;margin: 1px 0 9px 0!important;font-size:30px; display:block; }

.listmenu .item.big:hover { filter:brightness(95%); }
.listmenu .item.big:active { filter:brightness(92%); }


.listmenu .item:not(.big):hover { background:#e6e6e6!important;color:#666!important; }
.listmenu .item:not(.big):hover span:not(.btn) { color:#666!important; }
.listmenu .item:not(.big):active { background:#dedede!important; }

.topbar .listmenu > div {border-top-left-radius:0;border-top-right-radius:0;}

.main-intro { margin:40px auto 0; }
.main-intro .container {width: 953px!important; margin:0 auto 0; }
.main-intro .container.signup { margin:40px auto 0; }
.main-intro h1 {font-size: 61px;text-align: center;color: #424242!important;}
.main-intro h1 span {/*background: #cfdad8;padding: 4px 9px;margin: 0 5px 0 0;*/border-radius: 4px;color: #258472;}
.main-intro h2.block {box-sizing:border-box;width:100%;text-align: center;background: #258475;margin: 17px auto;font-size: 19px;padding: 5px;box-sizing: border-box;font-family: arial, tahoma, helvetica, 'trebuchet ms';color: white!important;font-weight: normal;border-radius: 3px;}
.main-intro .left {width: calc(50% - 28px);float: left;background: #edf2f3;box-sizing: border-box;padding: 7px 10px;border-radius: 4px; }
.main-intro .left h2 { color:#0c6557!important; font-weight:normal; font-size:26px; }
.main-intro .left ul { margin:0 0 10px 29px; }
.main-intro .left ul li { list-style: none;font-size: 18px;color: #444; }
.main-intro .left ul li::before { content: "\2022";display: inline-block;width: 24px;margin-left: -24px;font-size: 31px;position: relative;top: 5px;color: #256a84;}
.main-intro .right { width:50%; float:right; }

.main-intro .inputform {width:100%; margin:0;}
.main-intro .inputform .block:first-of-type{    margin: 0 0px 8px 0px;padding: 0 0 5px 0;}
.social-login-big {  }
.social-login-big a { padding: 8px 0!important;font-size: 19px!important;  width: calc(50% - 6px)!important; }
.social-login-big a:first-of-type { float:left!important; }
.social-login-big a:last-of-type { float:right!important; }


.loginregister-left {width:calc(100% - 460px);float:left;    margin: 0 0 0 14px;}
.loginregister-right {width:440px;float:right;    margin: 0 5px 0 0;}


.registerform-left {margin:0;width:473px;max-width:100%;}

.infobubble {width: 150px;border-radius: 5px;background: #364f98;padding: 6px;position: absolute;z-index: 1;text-align: center;color: white;font-size: 20px;display: flex;align-items: center;justify-content: center;}
.infobubble:after {content: '';border: solid 10px transparent;border-right-color: #364f98;position: absolute;margin: 0 0 0 -91px;}
.infobubble.right:after {content: '';border: solid 10px transparent;border-left-color: #1d8484;position: absolute;margin: 0 0 0 91px;border-right-color: transparent;}

.infobubble.purple {background:#7c3698;}
.infobubble.purple:after {border-right-color:#7c3698;}

.infobubble.red {background:#98363f;}
.infobubble.red:after {border-right-color:#98363f;}

.infobubble.green {background:#1d8484;}
.infobubble.green:after {border-left-color:#1d8484;}

.fancyjoinheading {font-size: 33px;margin: 10px 0 26px 0;font-weight: 200;text-transform: uppercase;}
.fancyjoinheading span {font-weight: normal;}

body.v2 .bg_header, body.light .bg_header, body.white .bg_header{min-height: 100%;margin-bottom: -79px;}
.page_block{width:1100px;margin:70px auto;}
.page_block.main { margin: -7px auto; }
.page_block:nth-child(2){margin:0 auto 0;}
.page_block.fullheight .body_bg { margin:0;border-radius:0; }
.page_block.up {margin:-29px auto 0;}

.page_block_small{width: 652px;margin:0 auto; position:relative; }
.page_block_small.wide {width: 860px;     max-width: calc(100% - 11px); }
.page_block_small.nobg .body_bg {background:none; box-shadow:none;margin:0;}

body.white {background:white!important;}
body.white .body_bg {background:white!important;box-shadow:none;border:none;}

.page_block_small.nobg .body_content {padding:0; }

.page_block_small.nofooter {margin:0 auto 60px;}
.page_block_small .body_content {min-height: 0; padding:16px;}
.header{margin:0 auto}
/*.header img{margin-top:15px;float:left}*/
.header .slogan{margin-top:35px}
.local_menu{border-bottom:1px solid rgba(0,0,0,0);margin-top:-7px;padding-top:10px}
.local_menu li a.selected{height:35px;margin-bottom:-10px;position:relative}

.local_menu.settingsmenu{} /* hide on 700 */

.header_menu{padding-top:20px;position:relative;text-align:right}
.header_menu li a,.local_menu li a{display:block;padding:8px 0 0;color:#5d5d5d;text-decoration:none;font-weight:bold;text-align:center;float:left;height:22px;text-transform:uppercase;padding-left:17px;padding-right:17px}
.fancyheading{ font-weight:normal; box-sizing: border-box;font-size: 24px;font-family:Roboto;padding: 0!important;text-transform: inherit;color: #2b2b2b;margin: 0 0 15px 0;}
.fancyheading.regular { font-size: 22px;}
.fancyheading.small { font-size:18px;margin:10px 0 10px 0; }
.fancyheading a { text-decoration:none; }
.fancyheading a.clickable { text-decoration:none;color:inherit; }
.fancyheading a.clickable:hover { text-decoration:underline; }

.form { margin:20px; }
.form p { margin: 11px 0px 11px 0px; }
.form label.main{ 	display: inline-block;float: left;width: 50%;color: #2f2f2f;    margin: 4px 0; vertical-align: top;font-size: 15px; }
.form select {;width:45%;background:#f8f8f8; border:1px solid #757575; padding: 6px 4px 6px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; outline:none; height: 30px; }
.form textarea { border:none;font-size: 13px;width: 45%; height:100px; resize:vertical; border-radius: 3px; padding: 1px 3px 1px 3px; background: #f3f3f3; outline: none; padding:3px; }
.form input[type="text"], .form input[type="email"], .form input[type="password"],  .form input[type="url"] { padding: 0px 5px; box-sizing:border-box;font-size: 13px; width:45%; height:26px; background:#fafafa; box-shadow:inset 0 0 0 1px #fff;border:1px solid #a9a9a9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; outline:none; }
.form input[type="submit"] { padding: 0px 5px; box-sizing:border-box;font-size: 13px; width:45%; height:26px; border-radius: 3px; outline:none; }


.header_menu li a.selected{height:35px;margin-bottom:-11px;position:relative}
.header_login_block{padding-top:2px}
.header_login_block input{margin-left:5px}
.header_login_block .input{width:152px;border-radius:4px;border:1px solid #bdbdbd;background:#fefefe;background:-moz-linear-gradient(top,#f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);background:-webkit-linear-gradient(top,#f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);background:linear-gradient(to bottom,#f9f9f9 0%,#ffffff 50%,#f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f9f9f9',GradientType=0);padding: 0px 5px;height: 25px;}

.body_header {}
.body_bg{ width:100%;margin: 10px 0 0 0; background: #fdfdfd;box-shadow: 0 2px 2px 0 rgba(0,0,0,.5);border-top-left-radius: 7px;border-top-right-radius: 7px;position: relative;overflow:hidden;}
.body_bg.fully-rounded { border-radius:7px; }
.body_bg.fully-rounded.step1 { border-radius:0; }
.body_bg.settings{ margin: 0 0 0 1px;border-radius:0; border-top-right-radius: 7px;}
.body_content { margin: 0 auto;min-height: 626px;padding-bottom: 80px;padding: 11px 11px 85px;}
.body_content.nopadding { padding-left:0!important;padding-right:0!important;}
.body_bg.complete-profile {margin:0 0 150px 0!important;}


.last_event h6{padding:10px 0 10px 5px}
.last_questions .view_all{top:10px;right:10px;position:absolute}
.last_questions{    width: 67%;float: left;margin-right: 2%;position: relative;}
.last_questions_right{background:#f1f1f1;background:-moz-linear-gradient(top,#ededed 0%,#ffffff 42px);background:-webkit-linear-gradient(top,#ededed 0%,#ffffff 42px);background:linear-gradient(to bottom,#ededed 0%,#ffffff 42px);border-top:1px solid #bbb;box-shadow:inset 0 1px #fff;position:relative}
.last_questions span.paging{position:absolute;top:10px;right:10px}
.last_questions_sort{margin:15px 0}
.last_questions_sort p{float:left;font-weight:bold}
.last_questions_sort a{margin-left:15px}
.last_questions_sort.long a{margin-left:30px}
.last_questions_sort.long a.active{font-weight:bold}
.last_questions_sort.long a img{margin-left:5px}
.last_questions_sort a.selected{color:#000;font-weight:bold;text-decoration:none}
.last_questions_sort a.img{margin-left:0}
.questions_block{margin-bottom:8px;display:block;color:#3b3b3b!important;}
.questions_block.clickable{overflow:hidden;}
.questions_block.wcontainer{padding:0;}
.questions_block.wcontainer .q_c {margin:0;}


/*.questions_block.clickable:hover > .q_c { background:#e0e0e0; }*/
/*.questions_block.clickable:active > .q_c { background:#dadada; }*/

.questions_block.clickable:hover .q_c_block span.info {color:rgba(0,0,0,.65);}
.questions_block.clickable:hover .q_c_block .left img {background: #d8d8d8;}
.questions_block img{padding:1px;float:left;border-radius:4px}

/*compact format for postlist*/
.questions_block.compact .head {display:none;}
.questions_block.compact .q_c_block .q_c_title.questionlist-title, .questions_block.compact .q_c_block .q_c_title .video-container, .questions_block.compact .q_c_block .inline-picture, .questions_block.compact .q_c_block .inline-picture-compact {margin-bottom: 18px;}
.questions_block.compact .q_c_block {padding: 14px;}
.questions_block.compact .q_c_block .left {display:none;}
.questions_block.compact .q_c_block .right {width:100%;}
.questions_block.compact .q_c_block span.info .item {font-weight:400;}

.q_c_block span.info.postlist .like-option.emojione {width: 20px;height: 20px;}
.q_c_block span.info.postlist .post-reactions {top:0;margin-right: 11px!important;margin-left:0!important;}
.q_c_block span.info.postlist .post-reactions .reaction-item {padding: 0 2px;}

.q_c_block .reaction.loaded .like-option.emojione {width: 18px!important;height: 18px!important;}


.questions_block .smallimg {width: 15px;height:15px;display: inline-block;position: relative;top: 3px;margin: 0 2px 0 0;}

.questions_block .avatar{}
.questions_block img.thumb {float: none}

.questions_block.notification-block .name {font-size:13px;margin:5px 0 0 0;}


.questions_notice_block{margin-bottom:5px;display:block;}
.questions_notice_block.clickable:hover > .q_c {background:#EEFFFF;}
.questions_notice_block.clickable:active > .q_c {background:#DDEEEE;}



.questions_notice_block.clickable:hover  .q_c_block span.info {color:rgba(0,0,0,.65);}
.questions_notice_block.clickable:hover  .q_c_block .left img {background: #c8d8d8;}


.q_c_b{float:right}
.q_c_n{width:620px!important;float:right}
.q_c_n_top{position:relative}
.q_c_with_avatar {width: calc(100% - 85px)!important;border-radius: 5px; }
.q_c{width:100%;float:right;border-radius:5px; margin:0 0 2px 0;transition: box-shadow 0.18s ease; }
.q_c.q_c_notice{background:#d9e0e4; }
.q_c.q_c_notice:hover{background:#ccd5da!important; }
.q_c.q_c_notice:active{background:#c2cbd0!important; }
.q_c .gallery { margin:0 0 0 0; overflow:hidden;}
.q_c .gallery img {max-width:100%;}
.q_c .gallery li { display:inline-block; }
.q_c .gallery li a { display:inline-block; width:125px; height:119px; border-radius:4px; }
.q_c .gallery li a:hover { filter:brightness(106%); }

.q_c.active { background:#dde4e2;}
.q_c.active .q_c_top .add { border-color: transparent transparent #dde4e2 transparent!important; }
.q_c.active .q_c_text p,.q_c.active .q_c_text .text  {color:#455449!important;}

.q_c.active .comment-text {color:#455449!important;}

.q_c_top{position:relative}
.q_c_block{border-radius:5px;padding:8px 0 4px;position:relative;overflow:hidden;}
.q_c_block.isarticle {border-left: 3px solid #23867d;background:rgba(58, 173, 115, 0.05);}
.q_c_block.isarticle .q_c_title { font-size: 24px;}

.q_c_block .sticky-backdrop {display:none;position: absolute;bottom: 0;left: 0;opacity: .07;overflow: hidden;}
.q_c_block .sticky-backdrop .icon {color: #000000;bottom: -5px;left: -7px;font-size: 180px;position: relative;}

.answer-container .q_c_block {padding:4px 0 4px;}
.q_c_block.notificationlist { padding: 5px 0 5px; }
.q_c_block.notificationlist .q_c_title{width:calc(100% - 115px);}
.q_c_block.notificationlist .q_c_title .notification-text {}
.q_c_block.notificationlist .q_c_title .notification-text span.n-text {   display:inline-block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; float: none;margin: 0;padding: 0;}

.q_c_block.userlist { }
.q_c_block.userlist .left { width: 89px;}
.q_c_block.userlist .left img { max-height: 80px; max-width:80px;}
.q_c_block.userlist .right { width: calc(100% - 95px);}

.q_c_block.v2 {padding: 18px 0;}


.q_c_block .left { width: 95px; float:left; position:relative; }
.q_c_block .left .image {margin:0 auto;position:relative;overflow:hidden;height:41px; width:41px;border-radius:50%; background: gray; }
.q_c_block .left.mobile {display:none;}
.q_c_block .question-type { margin: 0 7px 0 0;background: #a96d6d;padding:5px;font-size: 11px;color: white;border-radius: 3px;position: relative;top: -3px; }
.q_c_block .question-type.poll { background: #a96d6d }
.q_c_block .question-type.link { background: #5c88ca; }

.q_c_block .head {margin:0 0 20px 0;}
.q_c_block .head .title {font-size:14px;color:#3b3b3b;}
.q_c_block .head .title .icon {margin:0 0 0 6px;}
.q_c_block .head .title.title-1 {margin: -5px;padding: 5px 0 0 5px;font-weight:500;max-width: calc(100% - 109px);-webkit-line-clamp: 2;display: -webkit-inline-box;-webkit-box-orient: vertical;overflow: hidden;}
.q_c_block .head .title.title-1.title-right {font-weight:300;opacity:.6;float:right;}
.q_c_block .head .title:not(.title-right):hover {text-decoration:underline;}
.q_c_block .head .title.title-2 {display:inline-block;color:#828282;font-size:13px;padding: 5px 5px 5px 0px;}

.q_c_block .right {width: calc(100% - 120px);float: left; }
.q_c_top .add {width: 0;height: 0;border-style: solid;border-width: 0px 0 16px 18px;border-color: transparent transparent #efefef transparent;display: block;position: absolute;left: -17px;top: 10px;}

.q_c_text .inline-container { display:block; background: gainsboro;padding: 4px 4px;border-radius: 3px;color: #484848;font-size: 16px;margin: 0 0 6px 0;}
.q_c_block.clickable {display:block;text-decoration:none;}
.q_c_block.clickable:hover { background:#e8e8e8;}
.q_c_block.clickable:hover .inline-container { background:#d0d0d0;}


.wcontainer .q_c_top .add, .q_c.active.wcontainer .q_c_top .add {border-color: transparent transparent #fff transparent!important;box-shadow: 0px 1px #e0e0e0;}

/*
.questions_block.clickable:hover > .q_c { background:#e8e8e8; }
.questions_block.clickable:active > .q_c { background:#e2e2e2; }
*/
.q_c_block.clickable:active { background:#e2e2e2;}
.q_c_block.clickable:active .inline-container { background:#c3c3c3;}

.q_c_text .inline-container.preview { display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;padding:3px 4px;}

.q_c_block img{border:0;max-width:100%;}
.q_c_block p.title{font-size:142%;color:#000;margin:5px 0 3px 10px;position:relative;width:92%;float:left;}
.q_c_text{/*padding-top:5px;*/position:relative;clear:both;}
.questions_block:not(.compact) .q_c_text{margin:0 10px;}
.q_c_text p, .q_c_text .text, .comment-text{color:#5d5d5d;margin-bottom:10px;font-size: 17px;}

.formatted blockquote {border-radius:3px;position:relative;max-width: 100%;white-space: inherit;font-family: inherit;font-style: italic;margin: 10px 0;background: rgba(0,0,0,.05);padding: 6px;box-sizing: border-box;}
.formatted blockquote p {font-size:90%;}
.formatted blockquote:before {content: 'Quote:';font-size: 80%;font-weight: 500;margin: 0 0 8px 0;display: block;}

.formatted code { font-family:inherit; margin:5px;display:block;opacity:.85; }


.formatted h1 { font-size: 132%;margin: 5px 0 16px 0!important;font-family: Roboto;font-weight: 400;}
.formatted h2 { font-size: 110%;margin: 5px 0 16px 0!important;color: inherit;font-weight: 400;font-family:'Roboto';}

.formatted h3,
.formatted h4,
.formatted h5,
.formatted h6 {font-size: 98%;margin: 0 0 5px 0;color:inherit;padding:0;font-family:'Roboto';}

.formatted p { margin-bottom: 14px; }
.formatted p:only-child, .formatted p:last-child { margin-bottom: 0; }

.formatted ul, .formatted ul li  { list-style-type:disc;}
.formatted ul, .formatted ol  { margin: 27px 0 27px 24px;}
.formatted li { margin: 10px 0;}
.formatted .video-container {border-radius:4px;min-width: 264px;position: relative!important;padding-bottom: 56.25%!important; /* 16:9 */padding-top: 25px;height: 0;margin:10px 0;overflow:hidden;}
.formatted .video-container.video-post-preview {border-radius:0;}
.formatted .video-container .video { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.formatted .video-container.video-post-preview iframe {max-width:100%;}

.q_c_text.post { font-size: 23px; }
.q_c_left{float:left;width:80px}
.q_c_left img{margin-bottom:5px;border-radius:4px;max-width: 58px;max-height: 58px;}

.q_c_left .picture {display:block;position: relative;height: 65px;width: 65px;margin: 0px 0px 4px 0;border-radius: 50%;background-color: #bfbfbf!important;}
.q_c_left .picture .status.online { z-index: 1;position: absolute;right: 2px;top: 4px;background: #2faf34;width: 12px;height: 12px;border-radius: 50%;}
.q_c_left .picture:hover { filter:brightness(112%); }
.q_c_left .picture:active { filter:brightness(95%); }

.q_c_left .name{text-decoration: none;max-width: 100%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.q_c_left .name:hover{text-decoration:underline}
.q_c_left ul{margin-top:10px;width:90%}
.q_c_left li{border-top:1px dotted #c3c3c3;padding-top:3px;height:17px}
.q_c_left a{text-decoration:none}
.q_c_left a:hover{text-decoration:underline}
.q_c_left li span{float:left}
.q_c_left li span.right{color:#808080;float:right}
.q_c_block .day{color:#808080;}
/*.q_c_block .button{width:166px;height:30px;border:0;color:#fff;text-transform:uppercase;margin:20px 0;cursor:pointer}*/
.q_c_block .q_c_title{z-index:1;height:auto;word-wrap:break-word;position:relative;float:left;color:#3b3b3b;font-weight:normal;width:100%;box-sizing: border-box;text-decoration:none;font-size: 18px;display: inline-block;}
.q_c_block .q_c_title.questionlist-title{ margin-bottom: 24px;}
.q_c_block .q_c_title.questionlist-title.withcategory{min-height:23px;}
.q_c_block .q_c_title .video-container {padding: 0;border-radius: 4px;margin: -7px 0 24px 0;}
.q_c_block .inline-picture {width: 100%;float: left;border-radius: 4px; margin: -7px 0 24px 0;}
.q_c_block .inline-picture-compact {    background-color: rgba(0,0,0,.12)!important;width: 65px;height: 65px;float: left;margin: 0;border-radius: 3px;}
/*.q_c_block .q_c_title.haspicture {width:calc(100% - 82px);} */
.q_c_block .q_c_title:hover{}

.questions_block.postlist.compact .q_c_title.haspicture {width: calc(100% - 65px);padding-left: 11px;}


.q_c_block.padding .q_c_title,.q_c_block.padding span.info {margin-left:8px;} 

.q_c_block .q_c_title .img { display:inline-block;width: 21px;height: 20px;margin: 0 4px 0 0;border-radius: 2px;position: relative;top: 4px; }
.q_c_block span.info { margin:0;float:left;box-sizing:border-box;transition: all 0.18s ease;display: block;font-size: 14px;color: rgba(0,0,0,.46);width: 100%;}
.q_c_block span.info .item { text-decoration:none;color:inherit;display:inline-block;margin:0 16px 0 0;line-height:14px;font-weight:500;    color: #9DAAB5;}
/*.q_c_block span.info .item:last-child {margin-right:0;}*/

.item.posted-in.mobile {opacity: .4;font-size: 11px;display: block;position: relative;top: -7px;margin: 0 0 0 14px;color:initial;}

.q_c_block span.info .image { display:inline-block;text-decoration:none; border-radius: 50%;width: 17px;height: 17px;float: none;vertical-align: bottom;margin: 0 5px 0 0;background-color: #dadada!important;}

.q_c_block span.info .qbutton {padding: 2px 4px 2px 5px;margin-top: 4px;margin-left: -2px;border-radius: 3px;}
.q_c_block span.info .qbutton:hover {background: rgba(0,0,0,.1);color:#83919c; }
.q_c_block span.info .icon { margin:0 6px 0 0;}

.tooltip_templates {display:none;}
.tooltipster-sidetip .tooltipster-content { padding: 6px 7px!important;}

.q_c_block .cat_n{ float:left;margin-left:15px;clear:both;color:gray}

.cat_vote{ float:right;margin-bottom:7px;margin-left:5px;margin-right:8px; }
.cat_vote .cat_block_vote{ float:right; }
.cat_vote span{color:#000;}
.cat_vote .right{float:right}
.cat_vote .title{color:#000;margin-left:0;margin-right:3px}




/* additional hover selectors are at the bottom in media queries */



span.favorite.active span{color:#fff}

.q_c_block .ask_by{float:left;margin-left:15px;color:gray}
.q_c_block .answer{ float: right;color: gray;margin: 0 20px 0 0;position: absolute;top: 16px;right: 0;}

.category { margin-bottom: 9px;overflow: hidden;background: #f5f5f5;border-radius: 5px;    padding: 0 10px;}
.category h6{padding:10px 5px 5px;}
.category ul{width:26%;margin-right:9%;float:left;margin-left:10px}
.category li{padding-top:5px}
.category li.selected .cat{color:#000;font-weight:bold}
.category ul.last{margin:0}
.category_top,.top_users{ margin-bottom: 9px;border-radius: 5px;overflow: hidden; box-sizing:border-box;}
.top_users_right_float{width:100%!important}
.top_users h6{padding:10px 0 13px 7px}
.category_top .title,.top_users .title{font-weight:bold;color:#141414;width:100px;float:left}
.category_top .title2,.top_users .title2{font-weight:bold;float:right;color:#141414;width:100px;text-align:right}
.category_top ul{width:100%}
.top_users ul{width:95%;margin:0 auto}
.top_users li{margin-bottom:5px;display:block;height:35px;}
.top_users li.li_title{margin-bottom:5px;display:block;height:25px;border-bottom:1px dotted #c3c3c3}
.category_top li,.category li{display:block;border-bottom:1px dashed #d2d2d2;float:left;width:100%}


.category_top .cat,.category .cat {color:#777;float:left;text-decoration:none;padding:9px 15px; font-size:14px; width:100%;position:relative;box-sizing: border-box;}
.category_top .cat:hover,.category .cat:hover,.top_users .cat:hover{background:rgba(0,0,0,.04);color:#333;}
.category_top .cat:active,.category .cat:active,.top_users .cat:active{background:rgba(0,0,0,.059);}

.top_users .cat {color:#1b6279;float:left;text-decoration:none;padding:1px 6px; width:60%;position:relative;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.block_ask{margin:25px 0;padding:12px 10px;background:#f3f3f3;border-radius:3px}
.block_ask .left{float:left;width:calc(100% - 116px)}
.block_ask .right{float:right;width:91px}
.top_users img{float:left;margin-right:10px;width:28px;height:28px}
.top_users .counter{float:left;display:block;width:20px;padding-top:8px}
.top_users .cat{}

.category_top .count,.category .count {float:right;color:#909090;}
.category_top .count .new,.category .count .new {padding: 2px 4px;background: rgba(0,0,0,.08);margin-right: 5px;color: rgba(0,0,0,.5);border-radius: 2px;}

.top_users .count{float:right;color:#909090;margin-top:3px; right:0px; top:3px;}
.push {height:150px;}
.bottom {height: 79px;position: absolute;width: calc(100% - 2px);bottom: 0;margin: 0 0 0 -10px;background: #4c3c65;}
.bottom ul.first{padding-top:27px}
.bottom ul{margin-left:15px;padding-top:5px}
.bottom li{border-right: 1px solid rgba(255,255,255,.6);color:#FFFFFF;display:inline;font-size:100%;padding:0 10px;text-shadow:0 -1px 0 #003a4f}
.bottom li:last-child{border-right:none;}
.bottom li.last{border:0}
.bottom ul.first a{text-decoration:none}
.bottom ul.first a:hover{text-decoration:underline}
.bottom li a{color:#FFFFFF}
.bottom li span{margin-right:5px}

.bottom.fullwidth {width:100%!important;margin:0!important;position:relative;overflow:hidden;}
.bottom.fullwidth .container {width:1100px;margin:0 auto;text-align:center;}
.bottom.fullwidth ul {margin:0!important;padding-left:0!important;}
.bottom.fullwidth li {margin:0!important;/*padding-left:0!important;*/}

.breadcrumbs{margin-bottom:15px}




.breadcrumbs li{position:relative;display:inline;}
.breadcrumbs li:after{content: "\f105";font-family: FontAwesome;display: inline-block;margin: 0 3px 0 5px;line-height: 18px;color:#999;}
.breadcrumbs li:last-of-type:after{content: "";}
.breadcrumbs li.first{padding-left:0}
.breadcrumbs li.last{background:none}
.breadcrumbs li.last a{text-decoration:none}

.answer_block{width:100%}
.answer_block .last_questions_sort{margin:0 0 20px}
.bars {margin-bottom: 15px;border-radius: 4px;overflow: hidden;}
.bars .bar{display:block;width:33%;color:#000;text-decoration:none;background:#eaeaea;float:left;padding:11px 0 11px 30px;box-sizing:border-box;position:relative;box-shadow:inset 16px 0 20px -5px rgba(0,0,0,0.1)}
.bars .bar:hover{background:#e2e2e2}
.bars .bar:hover:after{border-left:13px solid #e2e2e2}
.bars .bar:active{background:#d8d8d8}
.bars .bar:active:after{border-left:13px solid #d8d8d8}
.bars .bar:after{content:'';position:absolute;z-index:1;right:-13px;top:0;width:0;height:0;border-bottom:18px solid transparent;border-top:18px solid transparent;border-left:13px solid #eaeaea;clear:both}

.bars .bar .count{background: #717171;color: #fff;padding: 2px 5px;text-shadow: 1px 1px #000;border-radius: 10px;margin: 0 8px 0 0;}
.bars .bar.active{background: #4c3c65;color:#fff;text-shadow:1px 1px rgba(0,0,0,.4);}
.bars .bar.active:hover { background:#8449a2; }
.bars .bar.active:hover:after { border-left: 13px solid #8449a2; }
.bars .bar.active:active { background:#7b4596; }
.bars .bar.active:active:after { border-left: 13px solid #7b4596; }
.bars .bar.active .count{background: white;text-shadow:none;color: black;}
.bars .bar.active:after {border-left: 13px solid #4c3c65;    }

.answer_accepted { background-color: #5c865f; border-radius: 3px;}
.answer_accepted_red {background-color: #b16060;border-radius: 3px;}
.answer_accepted span, .answer_accepted_red span {padding: 11px;display: block;font-size: 117%;color: #fff;}
.answer_accepted a {text-decoration: underline;color: #fff;}


.odd tr:nth-child(odd) {background: #f3f3f3;}

.question-noanswers { margin:20px 0 20px 10px; }

.question-noanswers a { margin:0 0 0 10px; }

.answer-comment-block { margin: 0 0 13px 94px;width: calc(100% - 94px); }
.answer-comment-block .answer-comment-heading { font-size: 16px;padding: 4px 10px;margin: 0 0 15px 0; color:#6d6d6d; }
.answer-comment-block .answer-comment-heading .icon { color: #777;margin: 0 6px 0 0; }

.answer-comment-block .answer-comment { margin: 0 0 3px 0; }
.answer-comment-block .answer-comment .q_c_top .add { top: 9px; }
.answer-comment-block .answer-comment .q_c_left { width:60px; }
.answer-comment-block .answer-comment .q_c_left .img { border:0;border-radius:50%;background-color:#bfbfbf!important;display:inline-block;width: 48px;height: 48px; margin:0; }
.answer-comment-block .answer-comment .q_c_text {margin: 0 8px;padding-top: 3px; }
.answer-comment-block .answer-comment .q_c_text .comment {font-size:17px; }
.answer-comment-block .answer-comment .q_c { width: calc(100% - 72px); }
.answer-comment-block .answer-comment .q_c_block { padding: 5px 3px; font-size:13px; }

.answer-comment-block .answer-comment .comment-text { display:block; margin: 11px 4px 5px 0;color:#808080; }

.comment-edited {display: inline;margin: 0 0 0 10px;text-transform: lowercase;opacity: .6;}


.level_info_text { width: 100%!important;box-sizing:border-box;background-color: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 9px;color: #615D5C;font-size: 12px;font-weight: normal;margin-bottom: 10px;padding: 15px 20px;text-align: left;}
.level_info_text .level { width: 100%;background: #c0eab5;display: block;color: #4a773e;margin: 10px 0 5px; }

.level-info-left { float:left; width:43%; }
.level-info-right { width: calc(57% - 13px);float: left;margin-left: 13px; }

.simple_form {}
.simple_form td { padding:0 0 3px 0; }
.simple_form td.lbl { width:37%; vertical-align: top; padding: 5px 0 0 0; }
.simple_form td .input { max-width:270px;padding:0 3px; box-sizing:border-box; width:100%; border-radius:3px; height:29px; background:white; }
.simple_form td .submit {width:100%;max-width:270px;margin:5px 0 0 0; }



.full .q_c{width: 100%;}

.report_block{ width: 636px;background: #fff;margin: 105px auto 0;border-radius: 7px;box-shadow: 0 0 17px rgba(0,0,0,.4);z-index: 999999;position: absolute;top:0;left: 0;right: 0;margin-left: auto;margin-right: auto;}
.report_content{margin:0 30px;padding: 30px 0;position: relative;}
.report_content .title_big{font-size: 150%;margin-left: 10px;margin-right: 35px;}
.report_content .close{width: 22px;height: 21px;position: absolute;right: 0;top: 29px;cursor: pointer;border-radius: 3px;background: #af4949;color: white;text-align: center;line-height: 21px;}
.report_content .close i { margin: 4px; }
.report_content table{width: 100%;table-layout: fixed;margin-top: 40px;font-size:14px;}
.report_content td,.report_content th{padding-bottom: 15px;vertical-align: top;line-height: 18px;}
.report_content td div { margin-bottom: 10px; }
.report_content input { float: left;margin-right: 5px; }
.report_content th { padding-right: 20px;text-align: right;width: 26%;font-weight:600; }
.report_content th {}
.report_content th span { font-weight: normal;font-size: 92%; }
.report_content span { color: #939292; }
.report_content textarea { font-family:Roboto, sans-serif;width: 100%;height: 75px;border: 0;padding: 5px;background: #f1f1f1;resize:vertical; }
.report_content .submit { cursor: pointer;margin-left: 0px;text-transform: uppercase;padding: 7px 14px;font-size:15px;}


.n-delete { position: absolute;right: 7px;top: 7px;padding: 9px 11px;background: rgba(0,0,0,.1);border-radius: 4px; color: rgba(0,0,0,.6); }
.n-delete:hover { background: rgba(0,0,0,.15);}
.n-delete:active { background: rgba(0,0,0,.2);}


.quick-notification { display:none; position: fixed;bottom: -44px;left: 0;width: 100%;text-align: center;z-index: 99999999999;font-size: 17px;padding: 11px;color: white;text-shadow: 0 1px rgba(0,0,0,.5);cursor:pointer;}

.quick-notification.green { background: #3b6f26; }
.quick-notification.red { background: #a54b4b; }
.quick-notification.orange { background: #a56b2f; }

.actionbutton {}
.actionbutton div { color:#acacac; border:1px solid #c3c3c3; box-shadow: inset 0 0 0 1px #fff; background: #f5f5f5;background: -moz-linear-gradient(top, #ffffff 0%, #f1efef 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#f1efef 100%);background: linear-gradient(to bottom, #ffffff 0%,#f1efef 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1efef',GradientType=0 );}
.actionbutton.comment { display: block;float: right;}
.actionbutton.delete-comment { display: block;float: right;margin: -2px -3px 0 1px; }

.settings-quick {}
.settings-quick .block { margin: 0 0 5px 0;padding: 10px 7px;overflow: hidden;background: rgba(0,0,0,.06);color: #636363;border-radius: 4px;}
.settings-quick.infobox-content .block { background:none;}
.settings-quick.infobox-content { padding:0;}
.settings-quick .block .block-left { font-size:18px; float:left; width: calc(100% - 60px);}
.settings-quick .block .block-right { padding-right: 7px;box-sizing: border-box;float:left;width:60px;text-align:right;}
.settings-quick .block .block-right input[type="radio"] {     vertical-align: middle;height: 14px;width: 14px;}

.settings-quick .block.multiple .block-left {width: calc(100% - 340px);font-size:18px!important;}
.settings-quick .block.multiple .block-right { width:340px;}

.settings-quick .block .label:first-child {margin: 0 7px 0 0;}
.settings-quick .block .label {display: inline-block;margin: 0 7px 0 19px;font-size: 13px;position: relative;top: 2px;}
.settings-quick.group-alerts a {color: #5f5f5f;font-size: 19px;}
.settings-quick.group-alerts .block .label:first-child {margin-top: 0!important;}
.settings-quick.group-alerts .block .label {display: inline-block;margin: 10px 10px 0 0!important;}



.comment div{ width: 35px;height: 20px;margin-left: 5px;float: right;text-align: center;font-size: 13px;line-height: 20px;border-radius: 4px;color: #35769c;}
.comment div:hover{border: 1px solid #007294!important;box-shadow: none!important;color: #fff!important;background: #0090bc!important;background: -moz-linear-gradient(top, #0090bc 0%, #007396 100%)!important;background: -webkit-linear-gradient(top, #0090bc 0%,#007396 100%)!important;background: linear-gradient(to bottom, #0090bc 0%,#007396 100%)!important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090bc', endColorstr='#007396',GradientType=0 )!important;}

.actionbutton div{ width: 30px;height: 20px;margin-left: 5px;float: right;text-align: center;font-size: 13px;line-height: 21px;border-radius: 4px;color:#929292;}
.actionbutton div:hover{ border:1px solid #ff6803;box-shadow: none;color: #fff;background: #ca7474; background: -moz-linear-gradient(top, #ff8737 0%, #ff6804 100%);background: -webkit-linear-gradient(top, #ff8737 0%,#ff6804 100%);background: linear-gradient(to bottom, #ff8737 0%,#ff6804 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8737', endColorstr='#ff6804',GradientType=0 );}
.actionbutton div .icon { line-height: 21px; }

.edit-post-form {overflow:hidden; margin:0 0 10px 0; display: none;}
.edit-post-form textarea, .edit-post-form .input { width: 100%;box-sizing: border-box;padding: 6px;font-size: 15px; }
.edit-post-form textarea {   max-height: 200px; min-height: 64px;resize:vertical;}
.edit-post-form .label { font-size: 14px;font-weight: bold;display: block;margin: 0 0 4px 1px;color: #333;}
.edit-post-form .block { margin:0 0 14px 0;}
.edit-post-form .btn { font-size:17px; cursor:pointer;}


.answer-edit-form {padding: 2px 10px 30px;}




.delete-comment div{ width: 35px;height: 21px;margin-left: 5px;float: right;text-align: center;font-size: 13px;line-height: 14px;border-radius: 4px;color: #d06868;padding: 3px;box-sizing: border-box;}
.delete-comment div:hover{border: 1px solid #a53434;box-shadow: none;color: #fff;background: #cc4b4b;background: -moz-linear-gradient(top, #d84e4e 0%, #ab3535 100%);background: -webkit-linear-gradient(top, #d84e4e 0%,#ab3535 100%);background: linear-gradient(to bottom, #d84e4e 0%,#ab3535 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84e4e', endColorstr='#ab3535',GradientType=0 );}

.edit-comment div{ width: 35px;height: 21px;margin-left: 5px;float: right;text-align: center;font-size: 13px;line-height: 14px;border-radius: 4px;color: gray;padding: 3px;box-sizing: border-box;}
.edit-comment div:hover{border: 1px solid #a53434;box-shadow: none;color: #fff;background: #cc4b4b;background: -moz-linear-gradient(top, #d84e4e 0%, #ab3535 100%);background: -webkit-linear-gradient(top, #d84e4e 0%,#ab3535 100%);background: linear-gradient(to bottom, #d84e4e 0%,#ab3535 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84e4e', endColorstr='#ab3535',GradientType=0 );}

.block_error .answer_accepted_red{}
.block_error .title{font-weight:bold;font-size:117%;margin:15px 0 10px}
.block_error ul{margin-bottom:20px}
.block_error li{background:url(../img/ar.png) no-repeat;padding-left:20px;color:#4e4f51;margin:10px 0 0 5px}

.cal{background:url(../img/apr.png) no-repeat;width:16px;height:16px;float:left;margin-left:10px}
.t_center{text-align:center;padding-left:0!important}


.block_left{float: left;width: 30%; }
.header_monk{width: 50px;height: 70px;float: left;margin-top:-5px;}
.user_info{ margin:0px 0 35px 0; }
.user_info .hello{font-size: 117%;}
.user_info .hello a{font-weight: bold;margin-left: 6px;}
.user_info .avatar_block{overflow:hidden;display:flex;}
.avatar_block .image-upload-box {display:none;text-decoration:none;position: absolute;width: 82px;height: 82px;border-radius: 50%;text-align: center;padding-top: 14px;background: rgba(95, 11, 85, 0.74);color: white;box-sizing: border-box;}
.avatar_block .image-upload-box span {display:block;text-shadow:1px 1px #000;font-size:11px;margin:7px 0 0 0;}
.avatar_block .image-upload-box:active {background: rgba(95, 11, 85, 0.84);}
.user_info .avatar_block .avatar{width: 82px;height: 82px;margin: 0 5px 0 0;background-color: #00000057!important;display: block;border-radius: 50%;}


.avatar_block .avatar_chenge{margin: 0 0 0 10px;flex-grow: 1;display: flex;align-items: start;flex-direction: column;justify-content: center;}
.avatar_block .avatar_chenge a {display: block;padding: 2px 6px 2px 1px;border-radius: 3px;min-width: 156px;font-size: 14px;font-weight: 400;color: #666;text-decoration: none;}
.avatar_block .avatar_chenge a:hover{ background: rgba(0,0,0,.05);}
.avatar_block .avatar_chenge a:active{ background: rgba(0,0,0,.07);}
.avatar_block .avatar_chenge a .icon { width: 18px;text-align: center;margin: 0 5px 0 2px;color: inherit!important;}
.avatar_block .avatar_chenge span{float: right;opacity: .8;}
.avatar_block .edit_profile{padding-top: 1px!important;margin: 4px 0 0 0;}
.avatar_block .avatar_upload{}
.avatar_block .avatar_remove{}

.user_info .avatar_info{margin: 7px 0;}
.user_info .avatar_info div{ border-bottom: 1px solid #dadada;padding: 8px 0 12px;height: 10px;}
.user_info .avatar_info div span{width: 50%;float: right;text-align: right;color: #808080;}
.user_info .avatar_info .title{float: left;color: #000;text-align: left;}
.most_friendly_list{width: 100% !important;margin-top: 30px; box-sizing:border-box;}
.most_friendly_list_main{}

.account-left { float: left;width: 31%;}
.account-left .user-main-level .level-icon.small {height: 31px;width: 24px;}
.account-left .user-main-level .level-icon.small .lvlbtn.tiny {height: 19px;width: 20px;line-height: 20px;}
.account-right { width: 66%;float: right;}

.block_right_70{width: 67%;float: right;}
.last_questions_right h6{padding: 10px 10px 20px;}
.last_questions_right .q_c_block span.like{margin-top: 5px;float: right;margin-right: 10px;}


.term_block{font-size:16px;width: 75%;margin: 15px auto;color: #222;}
.term_block .title{font-size: 22px;margin-bottom: 20px;text-align: center;color: #333;margin-top: 20px;}
.term_block .title span{font-size: 12px;color: #000;}
.term_block .title_small{    font-weight: bold;margin: 29px 0 10px 0;font-size: 20px;}
.term_block .box { padding: 12px;border-radius: 5px; }
.term_block h2, .term_block h3 {margin: 45px 0 25px 0;}
.term_block p {margin:0 0 25px 0;}


.block_table{border: 1px solid #e5e5e5;}
.block_table .title_table{background-color: #e5e5e5;padding: 5px 8px;}
.block_table .content{margin-left: 5%;    margin-bottom: 15px;margin-top: 5px;}
.block_table table .tit{font-weight: bold;width: 150px;}
.block_table table td{padding-bottom: 5px;}
.term_block ul.sorted{margin-left: 20px;margin-top: 10px;}
.term_block ul.sorted li{list-style-type: decimal;}
.term_item{margin: 50px 0;}
.term_item ul{margin: 10px 0;}
.term_item li{background: url("../img/ar.png") no-repeat;padding-left: 20px;margin: 5px 0 0 5px;}
.q_text{margin-bottom: 5px; font-size: 108%;font-weight: bold;}

.table_qwe{width: 70%; table-layout: fixed;margin: 5px auto;}
.table_qwe td,.table_qwe th{text-align: left;padding: 5px;}
.table_qwe th{ background-color: #d8d8d8;color: #404040;}


.search_block.small{width: 230px;}
.search_block.small .text_input{width: 139px;height: 25px;color: #9b9b9b;vertical-align: middle;border: 1px solid #ababab;border-width: 1px 0 1px 1px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;padding: 0 8px!important;background: #f9f9f9;}
.search_block.small .text_input:focus{background: #fff;}
.term_item p{line-height: 1.5em;margin-bottom:15px;}

.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}

/* pagination for users */
.pagination.pagination-front {float:right;}
.pagination.pagination-front > li {margin:0;}
.pagination.pagination-front > li a {border-radius:3px!important;}
.pagination.pagination-front > li:not(.prevnext) {display:none}

.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 6px 12px;line-height: 1.42857143;text-decoration: none;color: #337ab7;background-color: #ffffff;border: 1px solid #dddddd;margin-left: -1px;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 2;color: #23527c;background-color: #eeeeee;border-color: #dddddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 3;color: #ffffff;background-color: #337ab7;border-color: #337ab7;cursor: default;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777777;background-color: #ffffff;border-color: #dddddd;cursor: not-allowed;}
.pagination-lg > li > a,
.pagination-lg > li > span {padding: 10px 16px;font-size: 18px;line-height: 1.3333333;}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {border-bottom-left-radius: 6px;border-top-left-radius: 6px;}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {border-bottom-right-radius: 6px;border-top-right-radius: 6px;}
.pagination-sm > li > a,
.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;line-height: 1.5;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-bottom-right-radius: 3px;border-top-right-radius: 3px;}

/* NCLR */
.hide {display: none !important;}
.hide_nr {display: none;}
.show {display: block !important;}
.show_nr {display: block;}
.invisible {visibility: hidden;}
.hidden {display: none !important;}

.main-heading { padding: 10px 0 0 0; }
.main-heading.main-heading-original { display:block; }
.main-heading.main-heading-mobile { display:none; }

.full-width-on-mobile { }
.narrow_right { float:right; width:31%; }
.narrow_left { float:left; width:31%; }
.mobile_login_menu { display:none!important; } /* login navigation item, hidden by default, show for mobiles*/
.loginform {width:430px; margin: 25px auto;border-radius: 5px;padding: 6px 20px;}
.loginform label.main { width: 120px; }

.loginwith {display: inline-block;font-size: 16px;flex: 1;padding: 11px 0;box-sizing: border-box;text-transform: uppercase;text-decoration: none;text-align: center;border-radius: 3px;}
.loginwith:nth-child(1) { margin: 0 11px 0 0; }
.loginwith .icon { margin:0 8px 0 0; }
.loginwith.facebook { border:1px solid #4267b2;color:#4267b2; }
.loginwith.google { border:1px solid #df4a32;color:#df4a32; }


.n-box {min-height: 142px;user-select:none;z-index:9999999;position: absolute;float:left;top: 51px;left: -307px;background: #eaeaea;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.48);width:360px;border-radius: 4px;color: black;box-sizing: border-box;}
.n-box .n-heading {padding: 7px;font-size: 18px;font-family: Roboto;font-weight: 400;box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.34);z-index: 9999;position: relative; }
.n-box .n-heading a {font-size: 13px!important;text-decoration: none;float: right!important;margin: 0 6px 0 9px!important;padding: 4px 0!important;color: inherit!important;opacity: .67; }
.n-box .n-heading a:hover {opacity: 1; }
.n-box .n-content {width:100%; max-height: calc(100vh - 111px);border-bottom-left-radius:4px; border-bottom-right-radius:4px; overflow-y:auto;overflow-x:hidden;padding:0; background:#f7f7f7; }

.n-box .n-bottom { font-size: 11px!important;z-index:2;text-decoration: none;font-weight: bold;padding: 6px!important;float: none!important;display: block;text-align: center!important;margin: 0!important;background: #e4e4e4;color: #1b6279!important;position: absolute!important;bottom: 0;width: 100%;box-sizing: border-box;border-top: 1px solid rgba(0, 0, 0, .35);    border-bottom-left-radius: 5px;    border-bottom-right-radius: 5px;}

.n-box .n-bottom:hover {background: #dcdcdc;}
.n-box .n-bottom:active {background: #d0d0d0;}

.n-box:after, .n-box:before {bottom: 100%;right: 5%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.n-box:after {border-color: transparent;border-bottom-color: #eaeaea;border-width: 10px;margin-left: -10px;}
.n-box:before {border-color: rgba(0, 0, 0, 0);border-width: 11px;margin-right: -1px;}

.n-box .n-content .n-item { z-index: 2;overflow:hidden;box-sizing:border-box;width:100%!important;font-size: inherit!important;margin: 0!important;padding: 9px 9px!important; border-bottom: 1px solid rgba(0,0,0,.2); }
.n-box .n-content .holder .n-item:last-of-type {border-bottom:none!important;}

.n-box .n-content .n-item:hover { background: #e8e8e8; }
.n-box .n-content .n-item:active { background:#e5e5e5; }
.n-box .n-content .n-item.unread { background: rgb(239, 234, 218) }
.n-box .n-content .n-item.unread:hover { background:rgb(230, 226, 211); }
.n-box .n-content .n-item.unread:active { background:rgb(222, 218, 205); }
.n-box .n-content .n-item .delete-notification { position: absolute;z-index:1;right: 0px;top: 0px; padding: 20px 14px 19px 14px;color: rgba(0,0,0,.3); }
.n-box .n-content .n-item .delete-notification:hover { color: rgba(0,0,0,.5); background:rgba(0,0,0,.06); }
.n-box .n-content .n-item .delete-notification:active { color: rgba(0,0,0,.7); background:rgba(0,0,0,.12); }
.n-box .n-content .n-item .picture { width: 35px;height: 35px;float: left;box-sizing: border-box;border-radius: 50%; }
.n-box .n-content .n-item .item-right { font-weight:500;text-align:left;float: left;width: calc(100% - 62px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 2px 0 0 10px;box-sizing: border-box;color: #464646;font-size: 14px;}
.n-box .n-content .n-item .item-right .icon { font-size:inherit;}
.n-box .n-content .n-item .item-right .name { font-weight:normal;font-size: 12px;display: block;margin: 1px 0 0 0;width: 100%;z-index:1;position:relative;overflow: hidden;opacity: .66;}
.n-box .n-content .n-item .item-right .name .right { display:inline-block; margin:0 3px 0 0;}


.n-box .n-content .n-item .like-option.emojione {width: 18px;height: 18px;position: relative;top: -1px;}

.n-box .n-content .no-notifications {z-index:1;padding: 27px 0;text-align: center;font-family: 'Roboto', sans-serif;font-size: 13px;line-height: 24px;position: absolute;top: 36px;width: 100%;box-sizing:border-box; }



.copyrightnotice {}
label.mobile-nowidth { }

.main-guest-recentquestions { }
.main-guest-recentquestions h6 { }

.most_friendly_list_account { }
.account_participate {}

.question_holder {  }
.question_button_label {  }

.title-mobile-orig { display:inline-block; }
.title-mobile { display:none; }

.mobile-author-avatar { display:none;max-height: 39px;padding:0;float: left;margin: 0 10px 0 0;border-radius: 3px; }




.dialog { width: 450px;background: #f5f5f5;border-radius: 5px;position: fixed;left: 50%;top: 50%;margin-left: -225px;margin-top: -112px;z-index: 999999999999;box-shadow: 0 0 10px rgba(0,0,0,.5); }
.dialog.modal {margin-top:0;transform: translateY(-50%); }
.dialog.modal .dialog-content { max-height: 196px;overflow:auto; }

.dialog.dialog-polloptions { width: 450px;margin-left: -225px;margin-top: -125px; }
.dialog .dialog-title { font-size: 18px;padding: 12px 10px 3px;color: #4a404e; }
.dialog .dialog-title .dialog-close, .dialog .dialog-title .modal-close { float: right;font-size: 22px;color: #484848;margin: -4px 0 0 0; }
.dialog .dialog-title .image { width: 20px;height: 20px;float: left;background: #a0a0a0;border-radius: 3px;margin: 0 7px 0 0; }
.dialog .dialog-content { padding: 8px; }
.dialog .dialog-content textarea { font-family:Roboto, sans-serif;width: 100%;height: 143px;padding: 5px;box-sizing: border-box;resize: vertical;margin-top: 0px;margin-bottom: 0px;border-radius: 3px;border: 1px solid #c7c7c7;font-size: 14px; }
.dialog-sendmessage .js-progress.b-progress { position: absolute; top: 2px; left: 91px; height: 23px; }
.dialog-sendmessage .js-progress.b-progress .label { padding: 5px 7px; }


.alert {background: rgba(0,0,0,.6);z-index: 999999999991;position: fixed;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;z-index: 9999999999;}


.alert .box {overflow:auto;position:relative;padding: 20px 27px;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,.5); user-select:none;width: 590px;background: #fff;border-radius: 5px;}
.alert .close {z-index:1; width: 12px;height: 12px;position: absolute;display: block;padding: 30px;top: 0;right: 0;background: url('/images/icon-close.svg') center center / 12px no-repeat; }

.alert .close:hover {filter:brightness(60%)}


.alert .alert-title {margin:0 0 16px 0;font-size: 28px;font-weight: 400;text-align:center;color:initial; }
.alert .alert-title.long {font-size: 22px; }
.alert .alert-title .alert-close { float: right;font-size: 20px;color: #77488a; }
.alert .alert-content { padding: 5px 9px 10px 9px;color: #676767; }
.alert .alert-content .message { margin:0 0 5px 2px;font-size:16px;color: #676767; }
.alert .alert-content .message strong { color: #3b3b3b; }
.alert .alert-content .buttons { text-align:center; margin:20px 0 0 0;}
.alert .alert-content .buttons a { font-size:19px;margin:0 10px;text-transform:uppercase; padding: 8px 23px;}
.alert .alert-content .buttons a:not(.active) { text-decoration:underline!important;background:transparent!important;border:none!important;color:#3b3b3b!important;}
.alert .alert-content .buttons a:not(.active):hover { background:rgba(0,0,0,.05)!important;}
.alert .alert-content .buttons a:not(.active):active { background:rgba(0,0,0,.08)!important;}
.alert p {margin:0 0 20px 0;}
.alert p:last-of-type {margin:0;}
.alert textarea {width:100%;min-height:82px;resize:vertical;max-height:150px;padding:13px 20px;background:#f0f0f0;outline:none;border:none;font-family:inherit;font-size:16px;margin:13px 0 0 0;}


.hide-on-mobile-1060 { }
.hide-on-mobile-1050 { }
.hide-on-mobile-960 { }
.hide-on-mobile-900 { }
.hide-on-mobile-800 { }
.hide-on-mobile-768 { }
.hide-on-mobile-600 { }
.hide-on-mobile-500 { }
.hide-on-mobile-700 { }
.hide-on-mobile-408 { }
.hide-on-mobile-360 { }
.hide-on-mobile-350 { }
.hide-on-mobile-300 { }

span.break-on-360 {  }
span.break-on-430 {  }
span.break-on-500 {  }
span.break-on-1050 {  }

.ipad-show { display: none !important; }
.show-on-mobile-1100{ display:none; }
.show-on-mobile-1050 { display:none; }
.show-on-mobile-1050-inline { display:none; }
.show-on-mobile-600 { display:none!important; }
.show-on-mobile-500 { display:none!important; }
.show-on-mobile-500-block { display:none!important; }
.show-on-mobile-500-flex { display:none!important; }
.show-on-mobile-900 { display:none; }
.show-on-mobile-900-block { display:none!important; }
.show-on-mobile-960 { display:none!important; }
.show-on-mobile-800 { display:none!important; }
.show-on-mobile-768-flex { display:none!important; }
.show-on-mobile-768-inline-block { display:none!important; }
.show-on-mobile-768 { display:none!important; }
.show-on-mobile-700 { display:none!important; }
.show-on-mobile-450 { display:none!important; }
.show-on-mobile-350 { display:none!important; }
.show-on-mobile-360 { display:none!important; }

.questiontitle { font-size: 22px;color: #444;margin: 0 0 12px 0;position: relative;float: left;font-family: 'Roboto', serif;font-weight: normal;    overflow-wrap: break-word;word-wrap: break-word;word-break: break-word; }

.questiontitle .type {user-select:none;color: white;background: cadetblue;font-size: 14px;padding: 3px 5px;border-radius: 3px;position: relative;top: -2px;}
.questiontitle .type.question { background: #a05f5f;}
.questiontitle .type.link { background: #5c88ca;}
.questiontitle .type.poll { background: cadetblue;}

.question-block { padding:9px; margin: 10px 0 0 0; border-radius:5px;overflow:hidden; }




.question-block.gallery {}
.question-block.gallery ul li { float:left; }
.question-block.gallery ul li a img{ }

.similar-questions {}
.similar-questions .similar-question { display:block; margin-bottom: 6px;padding: 5px 10px;border-radius: 4px;text-decoration: none;font-size: 17px;font-weight: normal;font-family: 'Roboto', serif;color:#777; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.similar-questions .similar-question:hover { color:#636363;}

.poll-results {}
.poll-results .heading { font-family: 'Roboto', serif;font-size: 17px!important;color: #444;margin: 0px 0 2px 3px;display: block;text-transform: capitalize; }
.poll-results .poll-bar {position:relative;overflow:hidden;background:#cacaca; height:20px; margin:0 0 7px 0;border-radius:3px;}
.poll-results .poll-bar.bar-1 .percentage {background:#38b1cc;}
.poll-results .poll-bar.bar-2 .percentage {background:#2cb299;}
.poll-results .poll-bar.bar-3 .percentage {background:#8e5d9f;}
.poll-results .poll-bar.bar-4 .percentage {background:#efc32f;}
.poll-results .poll-bar.bar-5 .percentage {background:#e44c41;}
.poll-results .poll-bar .percentage {min-width:15px!important;background: #b08ebd!important;height: 20px;width: 0%;}

.poll-results .poll-bar .poll-text { position: absolute; right:0;background: #737373;color: white;height: 20px;margin: 0px;padding: 3px 7px;box-sizing: border-box;min-width: 53px;font-size:13px;}


.poll-holder {margin: 38px 0;}
.questions_block.postlist .poll-holder {margin: -7px 0 24px 0;}

.question-poll {margin:7px 0 15px 0;}
.question-poll .question-poll-heading { font-size:12px;color:#333;display: block;margin: 10px 0 7px 4px;font-weight: bold; }
.question-poll .qbutton { font-size: 12px; cursor:pointer; margin: 3px 0 0 0; text-align:center;padding: 6px 10px;}
.question-poll .qbutton.submitPoll { min-width: 125px;font-size: 15px; }
.question-poll .qbutton .icon { margin:0 3px 0 0; }
.question-poll .poll-ul-wrap {position:relative;}
.question-poll .poll-ul-wrap .loading { display:none;position: absolute;width: 100%;height: 100%;background: rgba(255,255,255, .35) url('/images/tail-spin.svg') no-repeat center center;z-index: 999;background-size: 50px 50px; }


.votedFor { margin: 11px 0 12px 2px;display: block;font-size: 14px;opacity: .7; }

.answerquestionbutton-desktop { display:inline-block; }
.answerquestionbutton-mobile { display:none!important; }
.show-answer-source, .show-answer-photo { font-weight: bold;float: right;display: block;margin: 0 26px 12px 0;text-decoration: none; }
.show-answer-source.answer { margin: 0 10px 12px 0; }
.show-answer-source span, .show-answer-photo span { color: #8f9a84; }

.input-add { font-weight: bold;float: right;display: block;margin: 0 0 12px 0;text-decoration: none;padding: 9px;background: rgba(0,0,0,.1);border-radius: 3px; }
.input-add span { color: #8f9a84; }
.input-add .icon { font-size: 12px;vertical-align: baseline;margin: 0 5px 0 0; }

.submit-answer-preview-question {  }

#preview-answer-form { text-align:center; }
.answer-question-page-btn-edit { font-size: 17px;margin-right:17px; }
.answer-question-page-btn-publish { font-size: 17px; }

.create-poll-container { margin: 15px 0 30px 0; }
.create-poll-container h2 { margin: 0 0 14px 4px;font-size: 20px;color: #222;}



.mobilebuttons-user { display:none; }
.mobilebuttons-visitor { display:none; }



.accountbuttons-mobile { text-align:center; width:100%; display:none; margin:11px 0 0 0; }
.accountbuttons-mobile .item { display:inline-block;width:33%; margin: 0 5px 0 0; }
.accountbuttons-mobile .item a {display: block;font-size: 13px;cursor: pointer;box-sizing: border-box;background: #696969;color: #fff;text-decoration: none;border-radius: 3px;padding: 5px 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.accountbuttons-mobile a span {display: inline-block;margin: 4px 0 0;color: #fff;border-radius: 3px;font-size: 21px;}
.accountbuttons-mobile .item a.selected {background:#3c3c3c;color:#fff!important;font-weight:normal;}
.accountbuttons-mobile .item a.selected span {color:#fff;}
.accountbuttons-mobile .item:last-child {margin:0;}




.userlist-small:first-of-type { margin:10px 0 10px 0;}
.userlist-small { width:100%; margin:0 0 5px 0; float:left; clear:none; }
.userlist-small .user-picture { vertical-align:middle;max-height:28px; max-width:30px;border-radius:3px; }


.category_mobile { display:none!important; float:none!important; margin:0!important; color:#1b6279!important; }
.category_desktop { float:none!important; margin:0!important; color:#1b6279!important; } /* long category names in question lists */

.category-holder-main { margin: 0 0 10px 0; display:none; }
.most_friendly_list_account_mobile { margin-top: 11px; }

.mobile-notifications-withcheckbox {}

.question-answercount-desktop {}
.question-answercount-mobile { display:none; padding: 0 3px; text-decoration:none; }
.question-answercount-mobile i.fa { margin: 0 4px 0 0; }

.view-count-desktop { margin: 0 5px 0 0!important; }
.view-count-mobile { display:none!important; padding: 0 3px 0 0; margin: 0 1px 0 0!important; text-decoration:none; }
.view-count-mobile i.fa { margin: 0 4px 0 0; }

.answerblock {}

.mobile-sort-questions { display:none;background: #f1f1f1; margin: 5px 0px;padding: 7px; }
.mobile-sort-questions p { font-size:18px; }
.mobile-sort-questions a.filter { display:inline-block;padding: 5px 10px;background: #d8d8d8;text-decoration: none;color: #4e4e4e;margin: 7px 0 0 0; }
.mobile-sort-questions a.filter .icon{  }
.mobile-sort-questions a.filter.active { font-weight:bold; background: #e2dde8!important; }
.mobile-sort-questions a.filter + img { display:none;}
.mobile-sort-questions a.filter img { vertical-align:middle;}
.mobile-sort-questions a.filter i.fa { margin:0 8px 0 0; }
.mobile-sort-questions a.filter i.fa.sort {margin: 0 0px 0 0;font-size: 15px;box-sizing: border-box;line-height: 12px;}
.mobile-sort-questions a.filter.filter-item-left {  }
.mobile-sort-questions a.filter.filter-item-right { min-height: 14px;}

.ulist {}
.ulist .user {position:relative;display:block;width:calc(20% - 6px);border-radius: 4px;overflow:hidden;margin:0 7px 7px 0;float:left;text-decoration:none!important;position: relative;}
.ulist .user:nth-child(5n) {margin:0;}

.ulist .user .heart { z-index:1;position: absolute;bottom: 4px;right: 7px;color: white;}
.ulist .user .star { position: absolute;top: 4px;right: 6px;font-size: 18px;color: #ffff87;}
.ulist .user .pic {overflow:hidden;display:block;background: #ded5dd;width:100%;height: 150px;}
.ulist .user .info {box-sizing: border-box;display:block;background: rgba(0, 0, 0, 0.50);padding: 0; height: 22px;text-align: left;color: white;font-size: 13px;position: absolute;bottom: 0px;width: 100%;}
.ulist .user .info .left {float:left;width:60%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.ulist .user .info .right {float:right;width:40%;text-align:right;}
.ulist .user .info .right.m {color:blue;}
.ulist .user .info .right.f {color:pink;}
.ulist .user .info .right.t {color:purple;}
.ulist .user .status { position: absolute;bottom: 6px;z-index: 1;left: 7px;background: grey;width: 10px;height: 10px;border-radius: 50%;box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3); }
.ulist .user .status.online { background: #2faf34; }

/*.ulist .user:hover { -webkit-filter:brightness(107%);-moz-filter:brightness(107%);filter:brightness(107%); }
.ulist .user:active { -webkit-filter:brightness(90%);-moz-filter:brightness(90%);filter:brightness(90%); }*/


.mobile-sort-questions.blank { background: none; }
.mobile-sort-questions.blank a.filter {background: rgba(0,0,0,.06);margin: 1px 0 0 0;border-radius: 3px;}
.mobile-sort-questions.desktop {display: block!important;padding: 0;}

.mobile-sort-questions.dark a { background: #e2e2e2; }
.mobile-sort-questions.dark a:hover { background: #dcdcdc; }
.mobile-sort-questions.dark a:active { background: #d4d4d4; }

.mobile-main-heading { padding: 0;margin: 0 0 11px 0px;overflow: hidden;font-family: Roboto;font-size: 22px;color: #2b2b2b; }
.mobile-main-heading.breadcrumblist { margin:0; }
.mobile-main-heading.breadcrumblist.top { margin:20px 0 0 0; }
.mobile-main-heading .title { margin: 3px 0 0 0;display: inline-block; }

/*
scrollable heading
.mobile-main-heading { display:flex;}
.mobile-main-heading .left {flex: 1;white-space: nowrap;min-width: 0;position: relative;}
.mobile-main-heading .left:before { pointer-events:none;content:''; position: absolute;width: 100%;height: 100%;background: linear-gradient(to left, #f7f7f7 1%, #ffffff00 37%);z-index: 1;}
.mobile-main-heading .left *  {min-width:0!important;flex:0;white-space: nowrap;overflow: scroll;}
*/


.mobile-main-heading .left { float: left; }
.mobile-main-heading .left .title { margin:5px 0 0 2px; display:block; }
.mobile-main-heading .right { float: right;position:relative; }
.mobile-main-heading  a { padding: 5px 6px 5px 0;margin:3px 0px 0 3px;float: left;color: #2b2b2b; }

.mobile-main-heading.background { background: #f1f1f1;padding: 5px;border-radius: 4px; }
.mobile-main-heading.background .breadcrumb li a:hover, .mobile-main-heading.background .breadcrumb li.home a:hover { background: rgba(0,0,0,.06); }
.mobile-main-heading.background .breadcrumb li a:active, .mobile-main-heading.background .breadcrumb li.home a:active { background: rgba(0,0,0,.1); }


.breadcrumb {list-style-type: none;overflow:hidden;font-size:14px;}
.breadcrumb li { background:none;position:relative; display:inline;margin:0;padding:0; }
.breadcrumb li a { text-decoration:none; border-radius:2px;padding: 1px 4px 1px 4px;margin: 0;float:none; }

.breadcrumb li a:hover { background:rgba(0,0,0,.044); }
.breadcrumb li a:active { background:rgba(0,0,0,.07); }

.breadcrumb li a span { text-decoration: none; }
.breadcrumb li:after {content: "\f105";font-family: FontAwesome;display: inline-block;margin: 0 1px 0 4px;line-height: 18px;color:#999; }
.breadcrumb li:last-child:after {content: "";margin:0; }

.breadcrumb li.home a {}
.breadcrumb li.home a:before {}
.breadcrumb li.home a span { }

/*
.breadcrumb li.home a:hover {color:#1a7786;}
.breadcrumb li.home a:active {color:#155863;}
*/

.breadcrumb { font-size:inherit; }
.breadcrumb li:after { line-height:27px; }
.breadcrumb li a { border-radius:4px; padding: 0 1px 2px 4px; }
.breadcrumb li.home a { line-height:26px;margin: 0;padding: 0px 5px;/*color:#38909e;*/display:inline-block; }
.breadcrumb li.home a span { position: absolute;margin:0;padding:0;width:0px;display:inline-block;text-indent:-9999999999px;white-space: nowrap; }
.breadcrumb li.home a:before { content: "\f015";font-family: FontAwesome;display: inline-block; }

.joinbox {margin:0;padding:8px 10px 10px 10px;}

.message-sad { padding: 12px 10px 12px 56px;background: #eadcdc url(/images/frown-o.svg) 8px 10px / cover no-repeat;background-size: 37px 37px;border-radius: 3px;font-size: 14px;color: #6b4f4f; }
.message-sad h3 { font-family: inherit;font-size: 18px;color: #634545!important;margin: 0 0 5px 0;font-weight:normal;}

.mobile-main-heading.search {}
.mobile-main-heading.search .left{float: left; width:calc(100% - 165px);}
.mobile-main-heading.search .right{ float:right; width:155px;position:relative;}
.mobile-main-heading.search .right .searchinput { width: 100%;height: 28px;border-radius: 3px;border: 1px solid #b3b3b3;padding: 0px 31px 0 9px;}
.mobile-main-heading.search .right .icon { position: absolute;top: 5px;right: 8px;font-size: 16px;color: gray; }

.member-search { margin-bottom: 12px;border-radius: 5px;padding: 8px; }

.item-sort-mobile { display:none; }


.gallery-flexible {position:relative;margin:0 0 130px 0;}
/* reveal grid after images loaded */
.gallery-flexible.are-images-unloaded {opacity: 0;}
.gallery-flexible .item {width:calc(33.33% - 5px);margin-bottom:7px;}
.gallery-flexible .eoc-message {display:none;position: absolute;bottom: -80px;font-size: 20px;width: 100%;text-align: center;opacity: .9;}


.gallery-flexible-small {position:relative;margin:0 0 0 0;opacity: 0;transition: opacity 500ms;}
.gallery-flexible-small.masonry {opacity:1;}
/* reveal grid after images loaded */
.gallery-flexible-small.are-images-unloaded {opacity: 0;}
.gallery-flexible-small .item {width:calc(50% - 5px);margin-bottom:7px;padding:0;float:none;border-radius:0;}
.gallery-flexible-small .eoc-message {display:none;position: absolute;bottom: -80px;font-size: 20px;width: 100%;text-align: center;opacity: .9;}



.page-load-status {display:none; transition: opacity .3s ease-in-out;position: absolute;bottom: -80px;font-size: 20px;width: 100%;}
.infinite-scroll-last, .infinite-scroll-error {display:none;text-align: center;opacity: .9;}
.infinite-scroll-request {width:100px;height:24px;margin:0 auto;background:url('/images/loading-dots.svg') center center / cover no-repeat;}


.filter-item-right-clear { display:none; }
.mobile-searchblock { display:none; }
.mobile-searchblock .left { width: calc(100% - 75px);}
.mobile-searchblock .right { width: 75px;}

.notifications-avatar { }

.widget-overlay { opacity:.3; background:#000; z-index: 999999; top: 0;left: 0;width: 100%;height: 100%; position:fixed; }
.light-overlay { opacity:.3; background:#50177f; z-index: 99999; top: 0;left: 0;width: 100%;height: 100%; position:fixed; }
.alert-overlay, .modal-overlay { opacity:.21; background:#50177f; z-index: 99999999999; top: 0;left: 0;width: 100%;height: 100%; position:fixed; }
.dialog-overlay { opacity: .38; background:#000; z-index: 999999; top: 0;left: 0;width: 100%;height: 100%; position:fixed; }
.post-overlay { opacity:.1; background:#000; z-index: 999999; top: 0;left: 0;width: 100%;height: 100%; position:fixed; }


.userlist-container { background:none!important; }
.user-photo-container { overflow:hidden; box-sizing:border-box;border-radius: 5px; }
.user-photo-container .item {border-radius:50%;position:relative;width: 50px;box-sizing: border-box;margin: 7px;display:inline-block; float:left; border:0; }
.user-photo-container .item .status {z-index:1;position: absolute;display:block;right: 5px;top: 4px;background: #2faf34;width: 15px;height: 15px;border-radius: 50%; }
.user-photo-container .item .heart { z-index: 1;position: absolute;bottom: -2px;right: -4px;margin:0!important; }
.user-photo-container .item .heart .icon { font-size:29px; }
.user-photo-container .item .heart span { position: absolute;left: -1px;font-size: 10px;color: white;text-align: center;width: 100%;top: 7px;}
.user-photo-container .item .star { position: absolute;top: 8px;right: -2px;font-size: 16px;color: #636363;z-index: 1; }
.user-photo-container .item .info { display:none; background:none!important;}
.user-photo-container .item.more { overflow:hidden;border-radius:50%;background: #6b6b6b!important;color: white;text-decoration: none;font-size: 18px;font-family: roboto;display: flex;justify-content: center;align-items: center; }
.user-photo-container .item.more .text { position: absolute;top: calc(50% - 11px);left: 0;text-align:center;bottom: 0;right: 0; }


.user-photo-container .item .child { padding-top:100%;width:100%;display:block;border-radius:50%;background-color:rgba(0,0,0,.08)!important; }
/*square*/
.user-photo-container.square .item { border-radius:3px;}
.user-photo-container.square .item .child { border-radius:3px;}



.user-photo-container.index { height: 235px; user-select:none;}
.user-photo-container.index .holder {position:relative;width: 100%;top: 0;left: 0;overflow: hidden;animation: mainanim 19s linear infinite;}
@keyframes mainanim {0%{top:0px;}100%{top:-480px;}}


.user-photo-container .item:hover {-webkit-filter: brightness(107%);-moz-filter: brightness(107%);filter: brightness(107%); }
.user-photo-container .item:active {-webkit-filter: brightness(90%);-moz-filter: brightness(90%);filter: brightness(90%); }

.user-photo-container a { display: block; text-align:center; }

.blur { filter:blur(3px);}


label {display: inline;}

.regular-checkbox {display: none;}
.regular-checkbox + label {background-color: #fafafa;border: 1px solid #cacece;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);padding: 9px;border-radius: 3px;display: inline-block;position: relative;}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.regular-checkbox:checked + label {background-color: #e9ecee;border: 1px solid #adb8c0;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);color: #99a1a7;}
.regular-checkbox:checked + label:after {content: '\2714';font-size: 14px;position: absolute;top: 0px;left: 3px;color: #99a1a7;}
.big-checkbox + label {padding: 18px;}

.big-checkbox:checked + label:after {font-size: 28px;left: 6px;}

.tag {width: 200px;position: relative;top: 5px;font-weight: bold;text-transform: uppercase;display: block;float: left;}

.radio-1 {width: 193px;}

.button-holder {float: left;}

/* RADIO */

.regular-radio {display: none;}
.regular-radio + label {-webkit-appearance: none;background-color: #fafafa;border: 1px solid #cacece;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);padding: 9px;border-radius: 50px;display: inline-block;position: relative;}
.regular-radio:checked + label:after {content: ' ';width: 12px;height: 12px;border-radius: 50px;position: absolute;top: 3px;background: #99a1a7;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);text-shadow: 0px;left: 3px;font-size: 32px;}
.regular-radio:checked + label {background-color: #e9ecee;color: #99a1a7;border: 1px solid #adb8c0;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);}
.regular-radio + label:active, .regular-radio:checked + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}

.big-radio + label {padding: 16px;}

.big-radio:checked + label:after {width: 24px;height: 24px;left: 4px;top: 4px;}

.li-small { margin: 0 0 30px 0; }
.li-small.likes {margin:0;max-height: 191px;overflow: auto;}
.li-small .item { box-sizing:border-box;border-radius:3px;display:block;text-decoration:none;overflow:hidden; margin:0 0 3px 0;padding: 4px; }

.li-small.wcontainer .item {border-radius:0;margin:0;}

.li-small .item .left { position:relative;float:left;width:34px;height:34px;border-radius:50%;background-color:rgba(0,0,0,.23)!important; }
.li-small .item .like-option { position: absolute;right: -5px;bottom: -4px;}
.like-container .list .like-option.fa,
.li-small .item .like-option.fa { margin-left: 3px; border-radius: 50%; padding: 2px 3px 3px 3px; font-size: 12px;color: #fff;background: #53b142; }
.li-small .item .like-option.emojione { margin-right: 0!important; }
.li-small .item .right { padding-top:2px;float:right; width:calc(100% - 43px); }

.li-small .item .right .title { font-size:14px;color:#4c4c4c;margin:0;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.li-small .item .right .subtitle { color:#aaa; font-size:11px;line-height: 14px;text-align:left;margin:1px 0 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

.li-small .item:last-of-type { margin:0; }


.li-small.wide .item {width: calc(25% - 5px);float: left;margin: 0 5px 5px 0;}
.li-small.wide .item:nth-child(4n) {width: calc(25%);margin: 0 0 5px 0;}

.li-small.likes .item .left { border-radius:50%; }
.li-small.likes .item .right .title { font-size:16px; }
.li-small.likes .item { margin: 0px 0 0px 0;padding: 8px 4px 8px 4px;border-bottom: 1px solid rgba(0,0,0,.15); }
.li-small.likes .item:last-child { border-bottom: none; }

.li-small.likes .item:hover { background:rgba(0,0,0,.04); }
.li-small.likes .item:active { background:rgba(0,0,0,.065); }

.li-small.plain .item {border-bottom: 1px solid rgba(0, 0, 0, 0.12);color: #565656;font-size: 17px;border-radius: 0;white-space: nowrap;text-overflow: ellipsis;padding: 9px 0;}
.li-small.plain .item:hover {border-bottom: 1px solid rgba(0, 0, 0, 0.25);color: #111;}
.li-small.plain .item .title  {float:right;width:calc(100% - 40px);text-overflow: ellipsis;overflow: hidden;margin: 4px 0px;}

.li-small.plain .item .picture {width: 32px;height: 32px;float: left;display: block;background-color: #ccc!important;}

.reaction .like-option.emojione {width:20px;height:20px;top:2px;}
.reaction.small .like-option.emojione {width:17px;height:17px;top:0;}
.like-option.emojione {/*width:20px;height:20px;top:2px;*/width: 24px;height: 24px;max-width: unset!important;max-height: unset!important;}
.listmenu.likes-options .like-option.emojione {width: 26px!important;height: 26px!important;max-width: unset!important;max-height: unset!important;margin:0!important;}


.p_action .buttonblock-label { margin:0 3px 0 12px;font-size:13px; }
.p_action .buttonblock {border-radius:3px;font-size:20px;text-decoration:none;position:relative;display:inline-block;cursor:pointer;margin:0;box-sizing:border-box;background: rgba(0,0,0,.06);padding: 1px 6px;}
.p_action.small .buttonblock {padding:2px 6px;font-size:15px;}
.p_action .buttonblock span { margin:0 3px 0 0;color:inherit;}
.p_action .buttonblock .icon { margin:0!important;color:#999;}
.p_action .buttonblock .icon.reply { color:#5461a2;}
.p_action .buttonblock .share{ color: #3b5998;}
.p_action .buttonblock.green { }
.p_action .buttonblock .text { font-size:inherit;display:inline-block;margin:0 2px 0 0;color:inherit; }
.p_action .buttonblock.green .icon { color:#6aab87;margin: 0 0 0 3px; }


.post-reactions {cursor:pointer;display: inline-block;position: relative;vertical-align: bottom;top: 1px;margin:0 0 0 12px!important;}
.post-reactions.small {}
.post-reactions:hover {filter:brightness(105%);}
.post-reactions .reaction-item {padding:2px;display:inline-block;background: white;border-radius:50%;}
.post-reactions .like-option {margin:0!important;position:relative;background: white;border-radius: 32%!important;}
.post-reactions .reaction-item:nth-child(1) {z-index:3;position:relative;margin:0!important;}
.post-reactions .reaction-item:nth-child(2) {z-index:2;position:relative;margin:0 0 0 -8px!important;}
.post-reactions .reaction-item:nth-child(3) {z-index:1;position:relative;margin:0 0 0 -8px!important;}

.post-reactions.small .like-option {width: 19px;height: 19px;}

.p_action.postlist .buttonblock, .ilikebutton.simple {/*background:transparent!important;*/border:none!important;box-shadow:none!important;padding:3px 3px 3px 6px!important;margin:-2px 0 0 0;font-size:16px;}
.p_action.postlist .buttonblock {font-size:inherit!important;}
.p_action.postlist .post-reactions {top: 0px;margin: 0 0 -1px 0!important;}
.p_action.postlist .post-reactions .like-option.emojione{width: 19px;height: 19px;}

.p_action.postlist .buttonblock.green .icon {color:inherit;}


.p_action.postlist .reaction .emojione {width: 18px;height: 18px;top: -2px!important;left: 3px!important;}





.ilikebutton .icon, .ilikebutton i, .ilikebutton .text {pointer-events:none;} /*important*/
.ilikebutton.simple span, .ilikebutton.simple .text, .ilikebutton.simple .icon {color:inherit!important;}
.buttonblock.simple:not(.prevent-touch):hover, .buttonblock.green.simple.active {background:none!important;}
.buttonblock.simple.active, .buttonblock.simple:not(.prevent-touch):hover .text, .buttonblock.simple:not(.prevent-touch):hover > span {color:#c1272d!important;}

.p_action .buttonblock.active:not(.ilikebutton), .p_action .buttonblock:not(.prevent-touch):not(.ilikebutton):hover {background:rgba(0,0,0,.1);}
.p_action .buttonblock.ilikebutton.active, .p_action .buttonblock.ilikebutton:not(.prevent-touch):hover {background:rgb(208, 236, 195);}
.p_action .buttonblock.ilikebutton.active > .text, .p_action .buttonblock.ilikebutton:not(.prevent-touch):hover > .text {background:#CCE4BF;color:#649e44!important;}
.p_action .buttonblock.ilikebutton, .p_action .buttonblock.ilikebutton:not(.prevent-touch) {padding:1px 6px;display:inline-block;margin: 0;border-radius:3px;}
.p_action.postlist .buttonblock.green:not(.prevent-touch):hover, .p_action.postlist .buttonblock.green.active  {border:none;background: rgb(204, 228, 191)!important;}
.p_action.postlist .buttonblock.green:not(.prevent-touch):hover .icon, .p_action.postlist .buttonblock.green.active .icon {color: #649e44!important;}


.level-icon { vertical-align: middle;display:inline-block;position: relative;width: 50px;height: 51px; }
.level-icon .icon { font-size: 55px;color: #a90c0c; }
.level-icon .level-number { margin:0; padding:0; color: #fff;position: absolute;left: 0;width: 100%;text-align: center;line-height: 55px;font-size: 25px;text-shadow: 0px -1px 0px rgba(0,0,0,.5); }
.level-icon .level-number.two-digits {line-height: 57px;font-size: 19px; }

.level-icon.small { width:24px; height:24px; }
.level-icon.small .icon {font-size: 26px;color: #a90c0c; }
.level-icon.small .level-number {line-height: 26px;font-size: 11px;text-shadow: 0px -1px 0px rgba(0,0,0,.5); }
.level-icon.small .level-number.two-digits {line-height: 27px;font-size: 9px; }

.level-icon.tiny { width: 14px;height: 14px;vertical-align: baseline; }
.level-icon.tiny .icon {font-size: 15px;color: #a90c0c; }
.level-icon.tiny .level-number {line-height: 21px;font-size: 9px;text-shadow: 0px -1px 0px rgba(0,0,0,.5); }
.level-icon.tiny .level-number.two-digits {line-height: 27px;font-size: 9px; }

.level-icon.small.q_c_icon { margin:0 5px; padding:0; vertical-align:bottom; }

.lvlbtn { text-decoration:none; color:white!important;display: inline-block;text-align: center; }
.lvlbtn.tiny {width: 17px;height: 14px;font-size: 11px;font-weight: bold;line-height: 15px;border-radius: 2px;position:relative;top:-1px;}

.lvlbtn.level-0 { background:#a9a9a9; }
.lvlbtn.level-1 { background:#8c8c8c; }
.lvlbtn.level-2 { background:#e6ca00; }
.lvlbtn.level-3 { background:#d86e23; }
.lvlbtn.level-4 { background:#2fa755; }
.lvlbtn.level-5 { background:#1a70ad; }
.lvlbtn.level-6 { background:#571ec7; }
.lvlbtn.level-7 { background: linear-gradient(to bottom, #840000 0%,#d60000 50%,#840000 100%); }
.lvlbtn.level-8 { background: linear-gradient(to bottom, #5d310c 0%,#a25415 50%,#501600 100%); }
.lvlbtn.level-9 { background: linear-gradient(to bottom, #000 0%,#4a4a4a 50%,#000 100%); }
.lvlbtn.level-10 { background: linear-gradient(to bottom, #000 0%,#4a4a4a 50%,#000 100%); }


/*.q_c_block:hover .lvlbtn.level-6 {background:red!important;} */


.level-icon.level-0 .icon { color:#a9a9a9; }
.level-icon.level-1 .icon { color:#8c8c8c; }
.level-icon.level-2 .icon { color:#e6ca00; }
.level-icon.level-3 .icon { color:#d86e23; }
.level-icon.level-4 .icon { color:#2fa755; }
.level-icon.level-5 .icon { color:#1a70ad; }
.level-icon.level-6 .icon { color:#571ec7; }
.level-icon.level-7 .icon { background: linear-gradient(to bottom, #840000 0%,#d60000 50%,#840000 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.level-icon.level-8 .icon { background: linear-gradient(to bottom, #5d310c 0%,#a25415 50%,#501600 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.level-icon.level-9 .icon { background: linear-gradient(to bottom, #000 0%,#4a4a4a 50%,#000 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.level-icon.level-10 .icon { background: linear-gradient(to bottom, #000 0%,#4a4a4a 50%,#000 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.level-icon.level-10 .level-number { color:gold; }

.level-icon.bottom-align { vertical-align: bottom; }
.level-icon:hover { filter:brightness(110%) }
.level-icon:active { filter:brightness(90%) }

.infobox-content { color: #75745d; font-size: 14px;margin: 10px 0;background: #f1eec6!important;padding: 8px 10px;border-radius: 4px; }
.infobox-content.big{ font-size: 15px;padding: 15px 10px;text-align:center; margin:0 0 10px 0;color:#696850; }
.infobox-content.big h1 { font-size: 17px;font-weight:normal; }

.infobox-content ul {margin:0 19px;}
.infobox-content ul li {list-style-type:square!important;margin:0 0 10px 0;}

.animated {animation-duration: 1s;animation-fill-mode: both;}
.animated.infinite {animation-iteration-count: infinite;}
.animated.hinge {animation-duration: 2s;}

.pulse {animation-name: pulse;}
.fadeInUp {animation-name: fadeInUp;}
.zoomIn {animation-name: zoomIn;}
.alertAnimation {animation-name: zoomIn;}
.pulse2 {animation-name: pulse-big;animation-timing-function: ease-in-out;}
.bounceIn {-webkit-animation-name: bounceIn;animation-name: bounceIn;}

@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes fadeInUp {from {opacity: 0;transform: translate3d(0, 100%, 0);}to {opacity: 1;transform: none;}}
@keyframes pulse {from {transform: scale3d(1, 1, 1);}50% {transform: scale3d(1.05, 1.05, 1.05);}to {transform: scale3d(1, 1, 1);}}
@keyframes pulse-big {from {transform: scale3d(1, 1, 1);}50% {transform: scale3d(1.5, 1.5, 1.5);}to {transform: scale3d(1, 1, 1);}}
@keyframes zoomIn {from {opacity: 0;transform: scale3d(.3, .3, .3);}50% {opacity: 1;}}
@keyframes loading-dot {50% { color: transparent }}.loading__dot { animation: 1s loading-dot infinite }.loading__dot:nth-child(2) { animation-delay: 250ms }.loading__dot:nth-child(3) { animation-delay: 500ms }
@-webkit-keyframes slide {from { background-position: 0 0; }to { background-position: 486px 0; }}
@-webkit-keyframes spin {0%  {transform: rotate(0deg);} 100% {transform: rotate(360deg);}   }




.main-level-icon {}

.post-writecomment { float: right;padding: 8px 15px;font-size: 17px;box-sizing:border-box; }

.form-advanced { display:none; }

.photo { position: relative; }
.photo .status-list { position: absolute; right: 0; bottom: 0; z-index: 1;font-size:9px; }
.photo .status-list .status-item { color: #fafafa;display: inline-block;font-size: 1.1em;padding: 2px 4px;margin-left: 1px;background: rgba(0,0,0,0.5); float: right;}
.photo .status-list .status-item:first-child { border-bottom-right-radius: 4px; }
.photo .status-list .status-item:last-child { border-top-left-radius: 4px; }



.photo .rotate { -webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: -webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;position: absolute;top: -3px;right: -3px;background: white;font-size: 16px;color: black;width: 24px;height: 24px;border-radius: 50%;text-align: center;box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 30%);line-height: 26px;}
.photo .rotate:hover {-webkit-transform: rotate(0deg);transform: rotate(0deg);}

.photo-popup-empty-container { display: none!important; }
.fancybox-slide > .photo-popup-container { padding: 0; }
.photo-popup-container {display: none;margin:0;height:80vh;width: 90%;max-width: 850px;max-height:500px;border-radius:5px;overflow:hidden!important;}
.photo-popup-container .photo-popup-inner-container {height:100%;}
.photo-popup-container .fancybox-close-small {color:red;outline:none!important;}
.photo-popup-container .fancybox-close-small:after {outline:none!important;border-radius:2px;}
.photo-popup-container .photo-popup {width: calc(100% - 310px);height:100%;float: left;position:relative;}
.photo-popup-container .photo-popup .photo-popup-overlay {display:none;position:absolute; width:100%; height:100%;left:0;top:0;background:rgba(0,0,0,.2);}
.photo-popup-container .photo-popup .photo-popup-overlay .topbuttons {position:absolute;top:10px;right:12px;}
.photo-popup-container .photo-popup .photo-popup-overlay .topbuttons a {font-size: 24px;color: rgba(255,255,255,.9);text-shadow: 0 0 5px rgba(0,0,0,.5);margin: 0 0 0 10px;}
.photo-popup-container .photo-popup .photo-popup-overlay .topbuttons a:hover {color: rgba(255,255,255,1);}
.photo-popup-container .photo-caption {box-sizing: border-box;width: 310px;float: right;padding: 10px 10px;max-height: 100%; overflow: visible; position: relative;}
.photo-popup-container .photo-caption .likes-details {position: absolute;top: 0;left: 0;z-index: 99995;width: 100%;overflow-y: auto;background: #fff;display: none; overflow-y: auto;}
.photo-popup-container .photo-caption .likes-details .back {cursor: pointer;}
.photo-popup-container .photo-caption .likes-details .likes-detailed-list {padding: 33px 5px 5px;}
.photo-popup-container .photo-caption .likes-details .likes-detailed-list .item {display: block;padding: 3px 2px 6px 3px;box-sizing: border-box;text-decoration: none;color: #332b31;border-radius: 2px;}
.photo-popup-container .photo-caption .likes-details .likes-detailed-list .item:hover {background: #cabac7;}
.photo-popup-container .photo-caption .likes-details .likes-detailed-list .item .img {height: 20px;width: 20px;float: left;display: block;background: #8e8e8e;margin: 0 7px 0 0;position: relative;border-radius: 50%;}
.photo-popup-container .photo-caption .likes-details .likes-detailed-list .item .img .thumb {display: none;position: absolute;left: 13px;bottom: -4px;font-size: 11px;color: #ecc6ff;}
.photo-popup-container .photo-caption .likes-details .likes-detailed-list .item .text {display: inline-block;padding: 0 0 0;text-overflow: ellipsis;overflow: hidden;position: relative;top: 2px;white-space: nowrap;width: calc(100% - 82px);font-weight: bold;font-size: 13px;margin: 0;}
.photo-popup-container .photo-caption .likes-details .likes-detailed-list .item .info {display: block;float: right;margin: 2px 3px 0 0;}
.photo-popup-container .photo-caption .likes-details .back {position: absolute;top: 5px;left: 5px;font-size: 21px;color: #7c3698;}
.photo-popup-container .photo-caption .photo-like { position: relative; }
.photo-popup-container .photo-caption .photo-like,
.photo-popup-container .photo-caption .show-likes-list,
.photo-popup-container .photo-caption .photo-text {padding: 8px 40px 8px 15px;border-radius: 6px;background: #efefef;margin-bottom: 10px;position: relative;min-height: 30px;box-sizing: border-box;}
.photo-popup-container .photo-caption .photo-text .change-text,
.photo-popup-container .photo-caption .photo-text .submit {display: inline-block;position: absolute;right: 0;top: 0;height: 30px;font-size: 15px;color: #fff;width: 30px;border-radius: 50%;text-align: center;padding-top: 5px;background: rgba(0,0,0,0.4);box-sizing: border-box;cursor: pointer;}
.photo-popup-container .photo-caption .photo-text .submit {top: 1px;left: unset; right: 1px;background: rgba(50,220,50,0.6);width: 26px;height: 26px;}
.photo-popup-container .photo-caption .photo-text .submit:hover {background: rgba(50,220,50,0.9);}
.photo-popup-container .photo-caption .photo-text .change-text:hover {background: rgba(0,0,0,0.7);}
.photo-popup-container .photo-caption .photo-text .textarea {display: none;position: absolute;left: 0;top: 0;width: 100%;border: 1px solid rgba(0,0,0,0.2);border-radius: 15px;padding: 5px 30px 5px 5px;box-sizing: border-box;height: 30px;background: #fff;}
.photo-popup-container .photo-caption .photo-text .textarea textarea {display: block;border: none;outline: none;resize: none;width: 100%;height: 100%; white-space: normal; font-family: inherit; font-size: inherit; line-height: inherit; }
.photo-popup-container .photo-caption .photo-like {display: inline-block;cursor: pointer;padding-top: 2px;padding-bottom: 3px;}
.photo-popup-container .photo-caption .photo-like > .like {transition: 0.3s;display: inline-block;box-sizing: border-box;height: 26px;width: 26px;padding-top: 2px;padding-left: 4px;font-size: 20px;border-radius: 50%;color: #9a9a9a;position: relative;top: 1px;}
.photo-popup-container .photo-caption .photo-like.liked .like {color: #5b1975;}
.photo-popup-container .photo-caption .photo-like:hover > .like {color: #fff;background: #9a9a9a;}
.photo-popup-container .photo-caption .photo-like.liked:hover > .like {background: #5b1975;}
.photo-popup-container .photo-caption .photo-like.liked:active > .like {box-shadow: none;text-shadow: none;background: #52136b;}
.photo-popup-container .photo-caption .photo-like .like-container {left: calc(100% - 18px);top: 0; }
.photo-popup-container .photo-caption .show-likes-list .heart { color: #5b1975; font-size: 15px; }
.photo-popup-container .listmenu.likes-options { right: 52px; top: 22px;min-width: 119px; }
.photo-popup-container .listmenu > div { box-shadow: 0 2px 5px rgba(0,0,0,.6); }


.video-popup-container {display: none;margin:0;width: 90%;max-width: 640px;border-radius:5px;overflow:hidden!important;}

.profile-info-block {position: absolute;z-index: 99999;display: none;overflow: hidden;padding:4px 6px 6px 6px; margin: 0 0 0 7px;/*pointer-events:none;*/    box-shadow: 0 0 40px rgb(0,0,0);background: white;border-radius: 8px;}
.profile-info-block .inner-block {background: #fff;color: rgba(0,0,0,.68);overflow:hidden;position: relative;width: auto;min-width: 300px;max-width: 377px;padding: 9px;box-sizing: border-box;background: #fff;}
.profile-info-block .inner-block .profile-photo-block { float:left; width: 120px;}
.profile-info-block .inner-block .profile-photo-block img {display: block;width: 100%;height: auto; border-radius:3px; }
.profile-info-block .inner-block .profile-info {float:right;display: block;width:calc(100% - 134px); }
.profile-info-block .inner-block .profile-info > div { padding-bottom: 5px; }
.profile-info-block .inner-block .profile-info .bio { margin: 10px 0 0 0;background: rgba(0,0,0,.09);border-radius: 3px;padding:0;overflow:hidden; }
.profile-info-block .inner-block .profile-info .bio .contents { margin:6px;display:block; }
.profile-info-block .inner-block .profile-info .bio .contents:empty { display:none; }
.profile-info-block .inner-block .profile-info .profile-info-heading { font-size: 18px; }
.profile-info-block .inner-block .profile-info .profile-info-heading a { color:inherit;font-weight:500; }

.post-hover-info-block {position: absolute;z-index: 99999;display: none;overflow: hidden;margin: 0 0 0 7px;box-shadow: 0 0px 6px 1px rgba(0,0,0,.5);border-radius: 7px;margin: 10px;}
.post-hover-info-block .questions_block {margin: 0;max-width: 800px;}
.post-hover-info-block .q_c {margin: 0;}


.zip-preview { color: #27847b; font-size:15px; }

.hashtags {}

.hashtags .left { width:150px;float:left; }
.hashtags .left h2 { margin:0;font-size:18px; }
.hashtags .right { width:calc(100% - 150px);float:right; }


.hashtags .hashtag { float:left; background: #dacfcf;display: inline-block;text-decoration: none;border-radius: 3px;margin: 0 5px 5px 0px;padding:0 5px;box-sizing: border-box;overflow: hidden;}
.hashtags .hashtag .tag { padding: 3px 0px;margin: 0 3px;color: #333;width: initial;top: 0;font-weight: normal;text-transform:none;font-size: 14px;}
.hashtags .hashtag .vote-container { margin: 0;display: inline-block;padding: 0;float: right;}
.hashtags .hashtag .vote-container .vote { padding: 0px 5px;color: #333;margin: 3px -1px 3px 2px;display: inline-block;border-radius: 2px;line-height: 16px;    font-size: 10px;}
.hashtags .hashtag .vote-container .vote.up { color:#000;margin: 3px -1px 3px 3px;}
.hashtags .hashtag .vote-container .vote.down { color:#8c5454;margin: 3px -1px 3px 3px;}

.hashtags .hashtag:hover {background:#7b538c;}
.hashtags .hashtag:active {background:#704b80;}
.hashtags .hashtag.enabled {background:#dcdcdc;}
.hashtags .hashtag.disabled {background:#5f5f5f;}
.hashtags .hashtag.disabled .tag {color:white;}

.hashtags .hashtag .vote-container .vote:hover { background: rgba(0, 0, 0, 0.14); }
.hashtags .hashtag .vote-container .vote:active { background: rgba(0, 0, 0, 0.2); }
.hashtags .hashtag .vote-container .vote.active { background: rgba(0, 0, 0, 0.26); }

.hashtags .hashtag .vote-container .vote.active.up {color:#f1ea92;}
.hashtags .hashtag .vote-container .vote.active.down {color:#b76868;}

.hashtags .info { font-weight: bold;margin: 0 0 6px 0; }

#sitetext-modal .CodeMirror, #sitetext-modal .CodeMirror .CodeMirror-scroll { min-height:150px!important; max-height:200px; }
#room-box-container {
    display: none;
}

#room-box-container .room-box {
    min-height: 142px;
    user-select: none;
    z-index: 9999999;
    background: #eaeaea;
    box-shadow: 0 0 8px rgba(0,0,0,.4);
    border: 1px solid rgba(0,0,0,.5);
    width: 360px;
    border-radius: 4px;
    color: black;
    box-sizing: border-box;
    position: relative;
}

#room-box-container .room-box .room-heading,
#room-box-container .room-box .room-footer {
    padding: 6px 6px 4px 6px;
    border-bottom: 1px solid #9c9c9c;
    color: #565656;
    font-weight: bold;
}

#room-box-container .room-box .rooms-content {
    max-height: calc(100vh - 100px);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: auto;
    padding: 0;
    background: #f7f7f7;
}

#room-box-container .room-box .rooms-content .item .picture {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    max-width: 40px;
}

#room-box-container .room-box .rooms-content .item .item-right {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 3px;
    max-width: calc(100% - 70px);
}

#room-box-container .room-box .rooms-content .item .item-right .room-info {
    font-size: 0.75em;
}

#room-box-container .room-box .room-footer {
    border-top: 1px solid #9c9c9c;
    border-bottom: none;
    display: none;
    width: 100%;
    box-sizing: border-box;
}

#humanist-pledge-popup,
#humanist-welcome-popup {
    width: 200px;
    background: #fff;
    margin: 135px auto 0;
    border-radius: 7px;
    box-shadow: 0 0 17px rgba(0,0,0,.4);
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    padding: 4px 10px 10px;
}

#cookies-block {
    display: none;
    position: fixed;
    top: 65px;
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    border: 1px dashed #cfcfcf;
    right: 5px;
    width: 400px;
    max-width: calc(100% - 10px);
    box-sizing: border-box;
    z-index: 100000;
}

#cookies-block .answer {
    padding-top: 10px;
}

#cookies-block .answer .btn {
    margin-right: 5px;
}

#cookies-block .answer .btn:last-child {
    margin-right: 0px;
}

.nomargin { margin:0!important; }
.wcontainer-item-clickable {background:none;}
.wcontainer-item-clickable:hover {background:rgba(0, 0, 0, 0.04);}


.btns-50pct {overflow:hidden;}
.btns-50pct > * {display:block;float:left;width: calc(50% - 2.5px);box-sizing: border-box;margin: 0 5px 5px 0; }
.btns-50pct > *:nth-of-type(2n) {margin:0 0 5px 0;}


.btn{display: inline-block;border: none;padding: 5px 8px;text-decoration: none;color: #fff!important;/*text-shadow: 0 -1px rgba(0,0,0,.5);*/border-radius: 3px;font-size: inherit;background: #4c3c65!important;;}
.btn:not(.icon-only):hover{background: #74328e;}
.btn:not(.icon-only):active{background:#6c2f84;}

.btn.icon-only {background:transparent!important;color:#656565!important;text-shadow:none;}

.btn-gray{ border:none;display: inline-block;padding: 5px 8px;text-decoration: none;border-radius: 3px;font-size: inherit;color: #525252!important;text-shadow: none!important;background: #e2e2e2;}
.btn-gray:hover { background:#dadada; }
.btn-gray:active { background:#cecece; }
.btn-gray .icon { margin:0 5px 0 0; }
.btn-gold{ border:none;display: inline-block;padding: 5px 8px;text-decoration: none;border-radius: 3px;font-size: inherit;color: #FFFFFF!important;text-shadow: none!important;background: #d59900;}
.btn-gold:hover { background:#f5bb00; }
.btn-gold:active { background:#e5bb00; }
.btn-gold .icon { margin:0 5px 0 0; }


/*
.article {}
.article ul {margin:10px 0 19px 0;}
.article ul li {list-style-type: square;margin: 0 0 3px 21px;}
.article p {margin-bottom:19px;}
.article h2 { margin: 5px 0 25px 0;}
.article h3 { margin: 15px 0 25px 0;}
.article h4 { margin: 0 0 25px 0;}
.article .infobox-content p { margin: 19px 0 0 0;}
.article .infobox-content p:first-of-type { margin: 0;}
/*.article em {background: #ffffe2;padding: 4px 8px;display: inline-block;line-height: 119%;color: #292923;}*/
*/

.youtube-preview-frame-block { position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.youtube-preview-frame-block button { width: 70px;height: 50px;background: transparent;border: none;position: absolute;top: 50%;left: 50%;margin-left: -35px;z-index: 1;margin-top: -25px;}
.youtube-preview-frame-block .ytp-large-play-button-bg {fill: #d02020;fill-opacity: 1;transition:fill .17s;}
.youtube-preview-frame-block:hover .ytp-large-play-button-bg {fill: #f00;fill-opacity: 1;}
.youtube-preview-frame-block .img-bg {height: 100%;width: 100%;-webkit-background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;top:0;}


.questions_block.wcontainer:hover > .q_c { box-shadow: 0 2px 3px -2px rgba(0,0,0,.4);}
.questions_block.wcontainer:hover .sticky-backdrop { opacity:.087;}


.guestbox {width: 470px;margin: 0 auto;padding: 24px 60px;box-sizing: border-box;}
.guestbox.complete-profile { width: 580px;padding: 24px 84px; }

.guestbox h1 {text-transform: uppercase;font-size: 33px;font-weight: normal;}

.guestbox .input { border: 1px solid #D9D9D9;border-radius:3px;background:#fff;box-sizing: border-box;width: 100%;height: 50px;font-size: 19px;font-family: "Brandon Grotesque", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;padding: 0 14px;color: #353535;}
.guestbox textarea.input { padding: 6px 14px; }
.submitbutton { text-transform:uppercase;box-sizing:border-box;width: 100%;font-size: 19px!important;font-family: "Brandon Grotesque", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;padding: 10px!important;text-align:center;position:relative;color: #999;}
.submitbutton.disabled {pointer-events:none!important;}


.guestbox .birthdate { width:calc(33.33% - 4px); margin:0 0 0 4px; display:block; float:left; }
.guestbox .birthdate:first-of-type { width:calc(33.33%); margin:0; }

.guestbox .location {width:calc(33.33% - 2px); margin:0 4px 0 0; display:block; float:left;}
.guestbox .location.last { width:calc(33.33% - 4px); margin:0; }
.guestbox .usa { min-width:136px; }

.guestbox .zip-preview {margin: 0 0 0 6px;font-weight: 300;font-size: 15px;}

.submitbutton .spinner {display:none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3) url(/images/spinner.svg) center center / cover no-repeat;background-size: 60px;}
.submitbutton:disabled .spinner {display: block;}
.guestbox .item:first-of-type {margin-top:20px;}
.guestbox .item {margin:0 0 14px 0;}
.guestbox .item label {color: #999;font-size: 15px;display: inline-block;margin: 0 0 4px 0;width:100%;box-sizing:border-box;}
.guestbox .separator {margin: 40px auto;text-align: center;border-bottom: 1px solid #cecece;}
.guestbox .separator:after {content: 'OR';background: white;padding: 11px;font-size: 17px;top: -9px;position: relative;text-transform: uppercase;}
.guestbox .separator.login:after {content: 'OR LOG IN WITH';}
.guestbox .separator.register:after {content: 'OR SIGN UP FASTER WITH';}
.guestbox.complete-profile .item label {font-size: 20px;color: #3b3b3b;font-family:arial, tahoma, helvetica, Sans-Serif;}
.guestbox.complete-profile .item .info {font-size:12px;font-family:arial, tahoma, helvetica, Sans-Serif;display: block;margin: 3px 0 0 0;}
.guestbox.complete-profile .item .input-holder {position:relative;}
.guestbox.complete-profile .item .input-holder .label-right {pointer-events:none;position: absolute;right: 13px;top: 11px;color: #d9d9d9;font-size: 18px;}

.guestbox .item .info {font-size: 14px;line-height: 16px;display: block;opacity: .6;}




.guestbox .submitbutton .spinner {display:none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3) url(/images/spinner.svg) center center / cover no-repeat;background-size: 60px;}
.guestbox .submitbutton:disabled .spinner {display: block;}


.editor-toolbar.fullscreen { z-index: 9999999999999!important;height:65px!important;}
.editor-toolbar.fullscreen a {font-size: 18px!important;width: 38px!important;height: 51px!important;padding: 14px 4px 0 3px!important;margin: 4px 0 0 0!important;box-sizing: border-box!important;}
.editor-toolbar.fullscreen::before {width:0!important;height:0!important;}







.articles { display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 10px;grid-row-gap: 10px; }
    
.articles .item.big {grid-area: 1 / 1 / 3 / 3;}
.articles .item.big .child {padding-top: 40%;}
.articles .item {text-decoration:none;overflow:hidden;position:relative;box-sizing: border-box;display:inline-block; border:0;background-color:#505050; }
.articles .child {transition: all 0.7s ease;padding-top:60%;width:100%;display:block;background-color:rgba(0,0,0,.28)!important;position:relative;height:100%; }
.articles .title { color: white;font-size: 23px;font-weight: 400;position: absolute;bottom: 8px;width: calc(100% - 16px);left: 8px;}
.articles .atop {max-width: calc(100% - -4px);text-overflow: ellipsis;overflow: hidden;white-space:nowrap;transition: all 300ms ease;display: inline-block;background: #e60f23;font-size: 71%;padding: 3px 7px 3px 10px;position: relative;left: -8px;text-transform: uppercase; }
.articles .abottom { display:block; margin:10px 0 0 0; }
.articles .item.big .title { font-size: 36px;bottom: 19px;width: calc(100% - 28px);left: 19px;}
.articles .item.big .atop {padding: 3px 7px 3px 22px;left: -19px;max-width: calc(100% - -13px);}
/*.articles .item:hover .atop {font-size:74%;}*/
.articles .item:hover .child {transform: scale(1.05);}
.articles .item.more { overflow:hidden;background: #6b6b6b!important;color: white;text-decoration: none;font-size: 18px;font-family: roboto;display: flex;justify-content: center;align-items: center; }
.articles .item.more .text { position: absolute;top: calc(50% - 11px);left: 0;text-align:center;bottom: 0;right: 0; }

.articles.list {display:block!important;}
.articles.list .item {display:block;margin:0 0 10px 0;}
.articles.list .item .child {padding:0!important;position:absolute;}
.articles.list .item .title {margin: 80px 0 8px 0;position: relative;display: block;}




@media screen and (min-width : 1060px)  { .user_info .avatar_block .avatar {width:99px;height:99px;} .avatar_block .image-upload-box {width:99px;height:99px;padding-top:23px;} .avatar_block .avatar_chenge a {  width:180px;  font-size: 15px;padding:3px 6px 3px 1px;} }
@media screen and (min-width : 800px)   { .q_c_block span.info {font-size:15px;} .q_c_block span.info .image {width:18px;height:18px;vertical-align:middle;margin: -3px 6px 0 -4px;} }

@media screen and (max-width : 1120px)  { .bottom.fullwidth .container {width: 100%;padding: 0 10px;box-sizing:border-box;} .topbar .content .logo { display:none; } .topbar .content .logo-mobile { display:inline-block; }.photo-popup-container .photo-popup .photo-popup-overlay { display:block!important;background:rgba(0,0,0,0); } .show-on-mobile-1100 { display:block; }.main-guest-container .register { margin: 29px 0 0 0;float:left;width:auto; }  .topbar .content .c-r { margin:0 1px 0 0; } .greenheading .additionaltext { text-align:left; } .page_block {width: 96%;} .topbar .content, .wrapper { width: 96%!important; } }
@media screen and (max-width : 1050px)  { .trending .itemholder .item { width: calc(33.3% - 8px);margin: 0px 11px 0 0;} .fancyjoinheading { text-align:center; } .registerform-left { margin:0 auto; } .loginregister-right { display:none;width:100%;float:none;margin:0; } .loginregister-left {float:none;width:100%;margin:0;}.main-intro h2.block { margin: 59px auto 0; } span.break-on-1050 { display:block; }.main-intro .inputform label.main { width: 100%; } .main-intro .inputform .item-right {width: 100%!important; } .main-intro .container { width:100%!important; }.show-on-mobile-1050 { display:block; }.show-on-mobile-1050-inline { display:inline; } .hide-on-mobile-1050 { display:none; } }
@media screen and (max-width : 1060px)  { .hide-on-mobile-1060 { display:none; } .main-guest-container.quote .learnmore { margin: 15px 0 0 0; } .main-guest-container.quote .break { display:block; } }
@media screen and (max-width : 1000px)  { .main-guest-container .holder {width:390px;} .main-guest-container h1 {font-size:8vw;}.main-guest-container h2 {font-size:35px;}.main-guest-container .logo {width: 295px;height: 88px;}.inputform .item-right.buttonlist a .icon { display:block; margin:0 0 5px 0; } }
@media screen and (max-width : 960px)   { .q_c_block .q_c_title { width:100%; } .answer-comment-block .answer-comment .q_c_block { font-size:14px; } .mobile-sort-questions a.filter .icon { display:none; } .show-on-mobile-960 { display:inline-block!important; } .main-level-icon { display:none; } .questionlist-title { font-weight:normal!important; font-size: 18px; text-decoration:none!important; } .term_block { width:97%!important;    margin: 9px auto; } .hide-on-mobile-960 { display:none!important; } .q_c_block .answer { display:none; }.question_askeduser { display:none; } .header_menu li a, .local_menu li a { padding-left: 12px;padding-right: 12px; } }
@media screen and (max-width : 900px)   { .topbar .content .c-r .action-bar ul li a .notification { right: 2px; } .show-on-mobile-900-block { display:block!important; } .topbar .content .c-r .user-info .menu { top:45px; }  .bottom ul { margin-left:0; } .header_menu li a, .local_menu li a {padding-left: 8px;padding-right: 8px;}.n-box { left: -161px!important;width: 360px!important;}.n-box:after, .n-box:before {right: 47%;}.topbar .content .menu { margin: 7px 0 0 18px; } .topbar .content .c-r .action-bar ul li a { padding: 0px 6px; } h2.subheading { font-size:18px; } .topbar .content .c-r .action-bar ul li a.logout { display:none; } .account-left { width:258px;} .account-right { width:calc(100% - 271px); } .show-on-mobile-900 { display:block; }.hide-on-mobile-900 { display:none!important; } .search_block.small { display:none; } .bottom { text-align:center; }  .search_block.small { display:none; } .header_login_block { display:none!important;} .login_line_block .block { display:none; } .mobile_login_menu { display:inline-block!important; } }
@media screen and (max-width : 862px)   { .magazine .articles .item.big .child {padding-top: 55%;}.topbar.logged-in .content .menu-desktop ul li a > .icon {display:none;} .most_friendly_list_account_mobile { display:none; margin: 0 0 10px 0; } .most_friendly_list_account { display:none; }  .block_left { float:none; width:100%; } .block_right_70 { float:none; width:100%; } }
@media screen and (max-width : 814px)   { .floating-button .circle i { margin: 11px 0 0 1px!important; } .floating-button .circle { width:41px; height:41px; } .floating-button .circle span { margin-top:-13px; } .open-search-member-form {display:block!important; } .mobile-sort-questions a.filter { padding: 5px 8px; }  .topbar .content .logo { width: 136px;font-size: 31px;line-height: 47px; } .topbar .content .menu ul li > a { padding:0 8px;margin: 0 4px 0 0; } .question_holder { width:100%; } .monk_ad { display:none; } .full-width-on-mobile { width:100%; } .narrow_right.member-search-form {display:none; } .narrow_right {width:100%; } .narrow_left {width:100%; } }
@media screen and (max-width : 800px)   { .heading-container {margin: 24px 20px 29px 20px;}.inputform.edit-profile-form { width: calc(50% - 10px); } .inputform.edit-profile-form.first { margin: 0 20px 0 0; } .hide-on-mobile-800 { display:none!important; } .show-on-mobile-800 { display:block!important; } }
@media screen and (max-width : 766px)   { .optionlist.grid .listitem { width: calc(50% - 6px); margin: 0 3px 7px;display: inline-block;}.page_block_small.nofooter {margin: 75px auto 60px;} .n-box {left: -160px!important;top: 47px;}.main-guest-container { background: linear-gradient(180deg, rgb(76, 60, 101) 14%, rgba(76, 60, 101, 0.85)), url(/images/background.jpg?v=1) -55px center / cover no-repeat;}.main-guest-container {height: calc(100vh - 53px);margin:0;}.main-guest-container .logo {display:none;} .main-guest-container .main-registerbutton-desktop { margin:0 auto; }.main-guest-container h2 {font-size:6.7vw;} .main-guest-container .register {float:unset;padding:17px 0;width:100%;}.main-guest-container .holder {width: 100%;text-align:center;} .page_block.v2 {margin:70px auto 0;}#cookies-block { top: 55px; } .n-delete { padding: 12px 15px; } .page_block.fullheight {width:100%!important;} .photo-popup-container .photo-popup .photo-popup-overlay .topbuttons { top: 7px;right: 50px; } .fancybox-container .fancybox-slide > .photo-popup-container {margin: 2vh 2vw;}  .photo-popup-container .photo-popup-inner-container {display: flex;flex-direction: column;justify-content: center;}  .photo-popup-container .photo-popup, .photo-popup-container .photo-caption {width: 100%;float: none;clear: both;margin: 0;}  .photo-popup-container .photo-caption .photo-text {min-height: 45px;}  .photo-popup-container .photo-caption .photo-text .change-text, .photo-popup-container .photo-caption .photo-text .submit {position: absolute;left: unset;top: 0;right: 0;width: 40px;height: 40px;font-size: 21px;line-height: 29px;} .photo-popup-container .photo-caption .photo-like:hover > .like {text-shadow: none;box-shadow: none;color: #9a9a9a;background: none;}  .photo-popup-container .photo-caption .photo-like.liked:hover > .like {background: none;}  .photo-popup-container .photo-caption .photo-like.liked:active .like {background: none;} .photo-popup-container .photo-caption .likes-details .back { font-size: 24px; left: 0; top: 0; display: inline-block; padding: 5px 10px; } .listmenu .item { padding:9px 10px; } .user_info { display:none; } .li-small.wide .item {width: calc(33.3% - 5px);float: left;margin: 0 5px 5px 0;}.li-small.wide .item:nth-child(3n) {width: calc(33.3%)!important;margin: 0 0 5px 0!important;}.li-small.wide .item:nth-child(4n) { width: calc(33.3% - 5px);float: left;margin: 0 5px 5px 0; }.asRange { max-width: calc(100% - 44px);margin: 0 0 0 15px; } .show-on-mobile-768-inline-block { display:inline-block!important;  } .show-on-mobile-768-flex { display:flex!important; } .show-on-mobile-768 { display:block!important; }.hide-on-mobile-768 { display:none!important; }  .level-info-left {float:none; width:100%;margin:0;}.level-info-right {margin:0;float:none; width:100%;} .bottom ul.first{padding-top: 10px;} .copyrightnotice { display:block; margin:0 0 8px 0; }.user-photo-container img {width: 43px; }.main-guest-container.quote { padding:14px; font-size: 18px;} .tabcontent { margin: 0 0 12px 0; } .account-right { margin: 16px 0 0 0; } .account-left, .account-right { float:none; width:100%; } .account_participate { display:none; } .user_info .avatar_info { display:none; } }

@media screen and (max-width : 549px)   { .user-photo-container .item {width: calc(33.33% - 5px);margin: 0px 5px 5px 0; } /*.user-photo-container .item:not(.more):nth-child(n+5) {display:none;}*/ .userlist-container {padding:0;} }

@media screen and (min-width : 550px) and (max-width : 767px)   { .user-photo-container .item {width: calc(14.2857% - 5px);margin: 0px 5px 5px 0; } .user-photo-container .item:not(.more):nth-child(n+7) {display:none;} .userlist-container {padding:0;} }

@media screen and (max-width : 730px)   { .bottom.fullwidth .container {padding: 13px 10px;}.bottom { margin: 0 0 0 -9px; } .body_content { padding: 10px 10px 85px; }  .main-guest-container.quote { background:#e4d1e4 }  .bottom li.lasttext { display:none; } .questiontitle {font-size: 20px;}/*.question_button_label { display:none!important }*/ .main-heading.main-heading-original { display:none; } .main-heading.main-heading-mobile { display:block; } }
@media screen and (min-width : 700px)   { .alert .box {max-height: 93vh;overflow: auto;} }
@media screen and (max-width : 700px)   { .alert .box {border-radius:0;width:100%;height:100%;}.guestbox.complete-profile { width: 100%;padding: 24px 60px; }.show-on-mobile-700 { display:block!important; }.listmenu.listmenu-topbar-browse { left:-24px; } .inputform.wide {width: 500px;}.inputform.wide .item-right { width:287px; } .mobile-main-heading.breadcrumblist.top {margin: 20px 0 12px 0;} .v2 .mobile-main-heading.breadcrumblist.top {margin: 20px 0 0 0;}.topbar.logged-out .content .logo-mobile { display:none; } .topbar.logged-out .content .logo { display:block;margin:0;background: url(/images/logo-agnostic.svg) 0 13px / contain no-repeat; } .inputform .greet { padding:0;background:none; } .topbar.disabled .content .c-r .action-bar {display:none;}.settings-quick:not(.group-alerts) .block.multiple .block-left { float:none; width:100%; }.settings-quick:not(.group-alerts) .block.multiple .block-right { float:none;width:100%; text-align:left; margin: 11px 0 4px 0; }.n-box {left: -66px!important;}.n-box:after, .n-box:before {right: 73%;} .topbar .content .menu.menu-desktop { display:none; } .topbar .content .menu.menu-mobile { float: right;display:block; }.topbar .content .menu ul li a .icon { display:inline-block; } .page_block_small { width:90%; } .report_block { width: 91%; } .inputform.edit-profile-form.first { margin: 0 20px 0 0; } .inputform.edit-profile-form { width:100%!important; }  .invitation_block {margin: 12px;}   .local_menu.settingsmenu { display:none; } .body_bg.settings { border-top-right-radius:7px;border-top-left-radius:7px; margin:0; } .category ul { width: 41%;margin-right: 5%; }.bars .bar .count { display:none; } .hide-on-mobile-700 { display:none; }  }
@media screen and (min-width : 436px) and (max-width:559px) { .user-list-wide .user { width: calc(33.3% - 8px); } .user-list-wide .user:nth-child(3n) {margin: 0px 0 12px 0;} }
@media screen and (min-width : 560px)   { .n-box {left: -66px!important;}.guestbox.complete-profile { padding: 4px 30px; }.user-list-wide .user { width: calc(25% - 9px); } .user-list-wide .user:nth-child(4n) {margin: 0px 0 12px 0;} }
@media screen and (max-width : 600px)   { .gallery-flexible .item {width:calc(50% - 5px);}.listmenu.listmenu-topbar-userinfo {padding: 10px 0 0 0;left: -83px;}.topbar .content .c-r .user-info { margin: 9px 13px 0 0;max-width:39px;width:unset;min-width:39px; }.topbar .content .c-r .user-info {min-width:unset;} .topbar .content .c-r .user-info .right, .topbar .content .c-r .user-info .chevron { display:none; }.main-guest-container .register {font-size: 28px;padding: 13px 51px;}.main-guest-container .main-registerbutton-desktop {    margin: 44px auto 0;}.main-intro .left ul li {font-size:17px;} .main-intro h2.block { display:none; }.li-small.wide .item:nth-child(3n), .li-small.wide .item:nth-child(4n),.li-small.wide .item {width: calc(50% - 5px)!important;margin: 0 5px 5px 0!important;}.li-small.wide .item:nth-child(2n) {width: calc(50%)!important;margin: 0 0 5px 0!important;} .body_content {padding: 7px 6px 85px;}.bottom {margin: 0 0 0 -5px;} .breadcrumbs {  margin: 5px 5px 13px 3px; } .topbar .content .menu.menu-mobile { margin: 7px 0 0 8px; } .show-on-mobile-600 { display:inline-block!important; }.term_block .title {font-size: 20px;} .table_qwe { width:99%; }.hide-on-mobile-600 { display:none!important;} }
@media screen and (max-width : 630px)   { .question-optionlist.mobile-two-per-row { flex-wrap: wrap!important;}.question-optionlist.mobile-two-per-row li { width: calc(50% - 5px)!important;box-sizing: border-box;margin: 1px 5px 5px 0!important;flex: initial; }.question-optionlist.mobile-two-per-row li:nth-child(2) { margin: 1px 0 5px 0!important; } .mobilebuttons-visitor { display:flex; }  .mobilebuttons-user { display:flex; } .question-optionlist.flex.mobilelist { flex-wrap: wrap; }.question-optionlist.flex.mobilelist li { width: 15.05%;box-sizing: border-box;margin: .8%; flex:initial; }.question-optionlist.flex.mobilelist li { width: 31.5%;box-sizing: border-box;    margin: 5px 0.8%; flex:initial; }.question-optionlist.flex.mobilelist.mobilelist2 li { width:48.4%; } }
@media screen and (max-width : 560px)   { .questions_block.compact .q_c_block span.info .item.username .qbutton { margin-left:0!important;padding-left:0!important; }.questions_block.compact .q_c_block span.info .item.username {max-width: 135px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: bottom;} .settings-quick .block.multiple .block-left { float:none; width:100%; }.settings-quick .block.multiple .block-right { float:none;width:100%; text-align:left; margin: 11px 0 4px 0; }.articles {display:block;grid-template-columns: unset;grid-column-gap: unset;grid-row-gap: unset;}.articles .item.big {grid-area:unset;}.articles .item {width:100%;display:block;margin:0 0 10px 0;}.articles .item .child {padding-top:60%!important;}.trending .itemholder .item:nth-child(3) { display:none;}.trending .itemholder .item:nth-child(2) { margin:0;}.trending .itemholder .item {width: calc(50% - 6px);}.fancyjoinheading { font-size: 39px; }.fancyjoinheading span.break {font-weight: normal;display: block;font-size: 34px;} .topbar .content .c-r .user-info .left {float:none!important;} .main-intro h1 {font-size: 48px;} .topbar .content .c-r .user-info .menu { left:-129px; } .inputform.dialog-form .input { width:calc(100% - 127px)!important; } .loginform p {margin: 0px;padding: 3px 0 1px 0;}  .q_c_text.post { font-size: 19px; }.bottom { margin: 0 0 0 -4px; } div.form-error, .inputform .form-info-content.red { margin: 7px 6px 0 0; } .inputform .form-info-box .form-info-content { width:100%; } .body_content { padding: 5px 5px 85px; } .inputform .item-delete { right: 2px;top: -27px;height: 25px;font-size: 16px;padding: 3px 6px;line-height: 19px; } .questiontitle .type { font-size:13px; } .questiontitle { font-size:19px; } .inputform label.main { width:100%; }  .mobilebuttons-visitor a { font-size:11px!important; }.category_mobile { display:inline-block!important; } .category_desktop { display:none!important; } .input-add {margin: -3px 2px 0 0;font-size: 10px;padding: 8px 0 5px 8px;} .show-answer-source {margin: -3px 2px 0 0;font-size: 10px;} .bars .bar { padding: 11px 0 11px 0; text-align:center; } .bars .bar:not(:last-child):after {display:none; } .question-answer-form input[type="text"], .question-answer-form input[type="email"], .question-answer-form input[type="password"], .question-answer-form input[type="url"] {width: 100%;} .question-answer-form textarea, .question-answer-form select { width:100%; } .main-guest-recentquestions { background:none; border-top:none!important; } .main-guest-recentquestions h6 { display:none; } .block_ask { background:none;     margin: 8px 0px 0 0; }  .last_questions_sort { display:none; } .tabnavigation li {margin: 0 -3px 0 4px; font-size: 11px;} .inputform { width:91%!important; } .inputform .item-right {width: 100%!important;} .inputform textarea, .inputform select { width:100%!important; } .inputform .submitbutton { width:100%!important;margin:5px 0 0 0;font-size:17px; } label.mobile-nowidth { width:0!important; margin:0!important;  } }
@media screen and (max-width : 500px)   { .questions_block.compact .q_c_block {padding:14px 11px 11px;} .page_block_small h1.bigheading { font-weight:normal; }.item.posted-in.mobile {margin:0 0 0 9px;} .q_c_block.notificationlist .q_c_title {width: calc(100% - 49px);}.n-box {left: -117px!important;width: 360px!important;}.n-box:after, .n-box:before {right: 59%;}.topbar .content .c-r .action-bar {margin-right:13px;} .topbar .content .c-r .action-bar ul li a.settings { display:none; }.user-photo-container .item {margin: 0px 5px 5px 0;}.body_bg { box-shadow:none; } .listitem .list-picture {width: 45px;height:101px;float: none;width: calc(100% + 12px);margin: -6px;border-radius:0;}.grid .listitem .list-content {width: 100%;margin: 13px 0 0 0;}.listitem .info {font-size: 11px;max-height: 41px;line-height: 14px;-webkit-line-clamp: 3;margin: 1px 0 0 0;}.grid .listitem h2 {width:100%!important;}.optionlist.grid .listitem {height:200px!important;border-radius: 7px;}.optionlist.grid input[type="radio"]:checked + label .checkmark, .optionlist.grid input[type="checkbox"]:checked + label .checkmark {display:none!important;}.optionlist.grid input[type="radio"]:checked + label, .optionlist.grid input[type="checkbox"]:checked + label {background: none!important;}.q_c_block .left {display:none;} /*.q_c_block span.info {padding-left:9px;}*/ .q_c_block:not(.notificationlist) .right { width:100%; }.main-guest-container { height: calc(100vh - 53px); } .page_block.up {margin:0 auto;} .main-guest-container h1 {font-size:11vw;}.main-guest-container h1 span {display:block;font-size:18vw;} .main-intro .inputform {width:100%!important;} .main-intro .left, .main-intro .right {width:100%;} .mobile-main-heading.breadcrumblist.top {margin: 18px 9px 2px;}.userlist-container { margin-bottom:13px; }.profile-questions-container div.form-error { text-align: left;padding: 4px 0 10px 8px;box-sizing: border-box;font-size: 14px;font-weight: bold; } div.form-error { display: inline-block;margin: 7px 30px -8px 0;width:100%; text-align:right; color:#983a3a; }.header_line .content {width: calc(100% - 22px);} .answer-comment-block .answer-comment {margin: 1px 0 0 26px;}.q_c_with_avatar { width:100%!important; } .report_content .submit { padding:9px 14px; width:100%; } .report_content th { display:none; } .report_content td { width:100%; } .report_content .title_big { margin-left:0; } .report_content {margin: 0 15px;padding: 15px 0; } .report_content .close { top:13px; } .report_content table { margin-top:16px; } .q_c_text p, .q_c_text .text, .comment-text  { font-size:18px; } .mobile-sort-questions a.filter.filter-item-right { min-height:inherit; } .filter-item-right-clear { clear:both; display: block; } .mobile-sort-questions.nosort a.filter {width: calc(33.3% - 4px)!important;float: left!important;font-size:12px;display: block!important;text-align:center!important;box-sizing:border-box!important;margin: 4px 6px 0px 0px!important;} .mobile-sort-questions a.filter.filter-item-left { float:left;width:80%; box-sizing:border-box; }.mobile-sort-questions a.filter.filter-item-right { float:right; width:19%; min-height: 24px; text-align:center;box-sizing:border-box; } .mobile-sort-questions a.filter { padding: 7px 1px!important;font-size: 14px;display: block;margin: 0 0 4px 0!important; }.mobile-sort-questions.nosort a.filter:nth-child(3n) {margin: 4px 0 0 0!important;} .dialog { width:calc(100% - 20px); left:0; top:50%; margin:-112px 10px 0 10px; } .questions_block .avatar { display:none; }  .bottom {margin: 0 0 0 -11px;border: none;width: 100%; }.writepost .post textarea {padding: 12px 0px;  } .writepost .post textarea.active { padding: 12px 2px;font-size: 17px; } .optionlist.userquestion li { width:100%; } .main-guest-container .main-registerbutton-desktop { width: 70%; } span.break-on-500 { display:block; }.page_block_small { width:94%; } h2.subheading {     font-size: 14px; } h1.bigheading { font-size: 28px; } .question-noanswers { margin:20px 0 20px 0px; text-align:center; width:100%; box-sizing:border-box; }.question-noanswers a {display:block; width:150px; text-align:center; margin:20px auto 0; padding:7px;}.answer-comment-block .answer-comment .q_c {width: 100%!important;}.answer-comment-block .answer-comment-heading { margin:0 0 6px 0; } .answer-comment-block {margin: 0!important;width: 100%!important;}.actionbutton.comment { /*margin: 0 4px 0 0;*/ }.level_info_text { padding: 8px 9px; border-radius:6px; } .inputform.edit-profile-form { width: 100%; margin:0!important; }.inputform.edit-profile-form .submitbutton.second { display:block; } .inputform.edit-profile-form .submitbutton.first { display:none; } .answer_guest_overlay .text { font-size:18px; line-height: 43px; margin:58px 0 0 0; } .answerblock {width: 100%!important;box-sizing: border-box;} .mobile-notifications-withcheckbox {width: calc(100% - 52px)!important;} .mobilebuttons-visitor a { font-size:10px!important; } .show-on-mobile-500 { display:inline-block!important; } .show-on-mobile-500-flex { display:flex!important; } .show-on-mobile-500-block { display:block!important; } .mobile-author-avatar { display:block!important; } .q_c_block .day {     float: left;margin: 0;font-size: 11px;display: flex;justify-content: center;flex-direction: column;height: 41px;width: calc(100% - 70px); } .hide-on-mobile-500 { display:none!important; } .q_c_left { display:none; } .title-mobile-orig { display:none; } .title-mobile { display:inline-block; } .page_block, .topbar .content, .wrapper{ width:97%!important; } .q_c { width:100%!important; } .q_c_top .add { display:none; } }
@media screen and (max-width : 520px)   { .optionlist.grid .listitem {padding:6px!important;}.mobile-main-heading.alerts .right label {display:none;}.mobile-main-heading.alerts .right select {width:129px;}.topbar .content .c-r .user-info .menu {left: -87px;}.topbar .content .c-r .user-info .menu:after, .topbar .content .c-r .user-info .menu:before {right: 63.3%;} } 
@media screen and (max-width : 470px)   { .question-answer-form .submitbutton, .question-answer-form .uploadphoto-wrapper-uploadbutton {    font-size: 13px!important;} .question-answer-form .answerform-retracted .btn {display:none;}.question-answer-form .answerform-retracted input {margin-right:0;}.page_block.v2 { margin:70px auto 0; } .main-intro .left {width:100%;} .writepost.question .avatar {display:none;}.writepost.question .post {width:100%;}.heading-container { margin:20px 20px 26px 20px; } .topbar { margin:0 0 13px 0; }  .n-box { left: -127px; } }
@media screen and (max-width : 450px)   { .listmenu .item.like-type, .listmenu .item-extra.like-type {padding:9px;}.listmenu .item-extra, .like-option { font-size: 17px;} .articles .item {margin:0 0 6px 0;}.p_action.post .reaction .like-option.emojione {width: 18px;height: 18px;top: 1px; } .q_c_block .author {font-size:13px;}.like-option.emojione {width: 21px;height: 21px;top: 0;}.p_action.small .buttonblock {padding:1px 4px;} .p_action .buttonblock {font-size:17px;}.shre {flex-wrap:wrap;} .shre a { flex:0 0 calc(50% - 2.5px)!important;margin:0 5px 5px 0!important; } .shre a:nth-child(2n) {margin-right:0!important;} .optionlist.userquestion.fullwidth.categoryoptions input {display:none!important;}.optionlist.userquestion.fullwidth.categoryoptions label {padding:5px 0 5px 5px!important;font-size: 13px!important;}.social-login-big a { width:100%!important; margin:0 0 7px 0!important; } .show-on-mobile-450 { display:block!important; }.item-hidden-mobile.hidden-4  { display:none; } }
@media screen and (max-width : 436px)   { .user-list-wide .user { width: calc(50% - 4px);margin: 0px 7px 7px 0; } .user-list-wide .user:nth-child(2n) {margin: 0px 0 7px 0;} .post-writecomment { width:100%; float:none; text-align:center;margin:10px 0; } }
@media screen and (max-width : 430px)   { .questions_block.compact .q_c_block span.info.postlist .post-reactions {position:relative;top:-2px;} .q_c_block span.info.postlist .post-reactions {margin-right: 3px!important;} .questions_block.compact .q_c_block span.info.postlist .like-option.emojione {width:17px;height:17px;} .questions_block.compact .q_c_block span.info {font-size:12px;}.main-guest-container h2 {font-size: 9.1vw;max-width: 97%;} .listmenu.listmenu-topbar-share {left: -38px;}.listmenu.listmenu-topbar-browse { left:-53px; }.topbar .content .c-r .user-info .menu:after, .topbar .content .c-r .user-info .menu:before {right: 63.1%;}.n-box {left: -128px!important;}.n-box:after, .n-box:before {right: 56%;} .topbar .content .menu ul li > a .icon { display:none; } .topbar .content .menu { margin: 7px 0 0 0; } .answer_guest_overlay .text { font-size:24px; line-height: 60px; margin:25px 0 0 0; }span.break-on-430 { display:block; } }
@media screen and (max-width : 408px)   { .questions_block.compact .q_c_block span.info .item.username {max-width: 115px; }.questions_block:not(.compact) .q_c_block.v2 span.info .item {margin-right:0!important;} .mobile-prefblock .fancyheading {font-size:17px!important;} .guestbox {padding: 10px 18px;}.guestbox .item:first-of-type {margin-top: 12px;}.guestbox.complete-profile { padding: 4px 15px; }.breadcrumb {font-size:19px!important;} .page_block_small .body_bg.fully-rounded {padding:0!important;}.page_block_small {width: 96%;} .main-guest-container .holder {margin: -33px 0 0 0;}.main-intro h1 {font-size: 41px;}.topbar .content .c-r .user-info .menu:after, .topbar .content .c-r .user-info .menu:before {right: 60.1%;}.topbar .content .c-r .user-info .menu .row .item { padding: 7px 2px 7px 10px;font-size: 16px; } .topbar .content .c-r .user-info .menu { width:290px; } .mobile-sort-questions a { padding:5px 1px; } .submit-answer-preview-question { display:none; }  .hide-on-mobile-408 { display:none!important;} .answerquestionbutton-desktop { display:none; } .answerquestionbutton-mobile { display:block!important; }.greenheading .additionaltext { display:none; } .inputform { width:100%!important; margin: 12px auto 20px!important; } .loginform { width:80%!important; } }
@media screen and (max-width : 380px)   { .questions_block.compact .q_c_block span.info .item {margin-right:10px;}.main-guest-container .register {padding: 13px 0;width: 100%;}.main-guest-container .main-registerbutton-desktop {width: 81%;}/*.user-photo-container .item {width: calc(25% - 5px); } .user-photo-container .item:nth-child(4n) {width: calc(25%)!important; margin:0 0 5px 0!important; }*/.topbar .content .menu.menu-mobile {margin: 7px 0 0 5px;}.topbar .content .c-r .action-bar { background:none!important; padding:0; } .topbar .content .c-r .action-bar ul li a .icon {font-size: 26px;} div.tab button .icon {display:none;  } .n-box { left: -94px!important;    width: 300px!important; } .n-box:after, .n-box:before {right: 58.3%;}  div.tab button { padding: 6px 9px 6px 9px; }  }
@media screen and (max-width : 360px)   { .q_c_block.v2 span.info .item.item-left {min-width:84px!important;} .topbar .content .c-r .action-bar {margin-right: 4px;} .page_block .guestbox {padding: 10px 7px;}.topbar .content .c-r .user-info {margin-right: 6px;}.topbar .content .menu.menu-mobile {margin: 7px 0 0 9px;}.answer-comment-form .heading { font-size:14px!important; } .show-on-mobile-360 { display:block!important; } .answer-comment-block .answer-comment .level-icon {display:none;}.topbar .content .c-r .user-info .menu {left: -76px;}.settings-quick .block .block-left { font-size:16px; }.topbar .content .c-r .user-info .menu:after, .topbar .content .c-r .user-info .menu:before {right: 64%;}    .inputform.dialog-form label.main { width: 104px;font-size: 14px; } .inputform.dialog-form .input {width: calc(100% - 111px)!important;} .topbar .content .logo-mobile { font-size:22px;     max-width: 93px; } .writepost .avatar { display:none; } .writepost .post { width:100%; float:none;}  div.tab button { padding: 6px 8px 6px 8px; } .question-poll .qbutton.submitPoll { min-width: 68px; } .heading-container {margin: 20px 10px 25px 10px;}.term_block .title {font-size: 18px;} .hide-on-mobile-360 { display:none!important; }span.break-on-360 { display:block; }  .accountbuttons-mobile a { font-size:11px; } .header_monk { display:none; } .logo2_header { width: 248px;margin: 0 auto;display: block;}  }
@media screen and (max-width : 350px)   { .questions_block.compact .q_c_block span.info .item {margin-right:7px;}.questions_block.compact .q_c_block span.info .item.username {max-width: 106px;}.topbar .content .c-r .action-bar {margin-right:4px;}.topbar .content .c-r .action-bar ul li a .icon {font-size: 26px;} .n-box {left: -74px!important;}.n-box:after, .n-box:before {right: 65%;}.q_c_block.notificationlist .q_c_title {width: calc(100% - 67px);} .q_c_block.notificationlist .right { width:100%!important; } .q_c_block.notificationlist .left { display:none; } .main-intro h1 {font-size: 37px;}.loginwith { padding: 6px 0!important;font-size: 15px!important; }.show-on-mobile-350 { display:block!important; }.hide-on-mobile-350 { display:none!important; } }
@media screen and (max-width : 288px)   { .topbar .content .logo-mobile { font-size:21px!important; }.loginwith { padding: 6px 6px!important;font-size: 11px!important; } .accountbuttons-mobile a { font-size:10px; } .block_ask { padding: 12px 2px; } .logo2_header, .logo2_header img { max-width: 100%; margin:0 auto; padding-top:8px; display:block;}  }
@media screen and (max-width : 300px)   { .body_content {padding: 11px 7px 85px;}.notifications-avatar { display:none; }.invitation_block {margin: 5px;} .hide-on-mobile-300 { display:none!important; } }
@media screen and (max-width : 334px)   { .topbar .content, .wrapper {width: calc(100% - 11px)!important;}.n-box {width: 288px!important;left:-81px!important;}.n-box:after, .n-box:before {right: 61%;}.q_c_block:not(.v2) span.info {font-size:13px;} .q_c_block span.info .image {width:16px;height:16px;}.main-guest-container .main-registerbutton-desktop {width: 91%;} .topbar .content .c-r .user-info .menu {left: -66px;}.topbar .content .c-r .user-info .menu:after, .topbar .content .c-r .user-info .menu:before {right: 67.5%;}.settings-quick .block .label { margin: 0 7px 0 10px; } .dialog { margin: -125px 10px 0 10px; } .dialog .dialog-content textarea { height:170px; }  .topbar .content .logo-mobile { font-size:25px; }.topbar .content .c-r .action-bar ul li a.settings { display:none; } h2.subheading {font-size: 13px;} .topbar .content .c-r .action-bar ul li.topbar-user-icon { display:none!important; } .view-count-mobile{ display:inline-block!important; }.view-count-desktop { display:none!important; }.question-answercount-mobile{ display:inline-block!important; }.question-answercount-desktop { display:none!important; } .block_ask .left, .block_ask .right { float:none; width:100%; } .block_ask .left input { box-sizing: border-box; } .block_ask .right input { width:100%!important; margin: 9px 0 0 0; } .gc-reset{transform:scale(0.85) !important;-webkit-transform:scale(0.85) !important;transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;} }
@media screen and (max-width : 326px)   { .topbar .content .menu.menu-mobile ul li > a {margin:0;} .topbar .content .menu ul li > a {padding: 0 5px;}.topbar.logged-out .content .logo-mobile { display:block; } .topbar.logged-out .content .logo { display:none; }}
@media screen and (max-width : 310px)   { .n-box {width: 282px!important;left: -80px!important;}.n-box:after, .n-box:before {right: 62%;}.topbar .content .c-r .action-bar ul li a {padding: 0px 3px;}.listmenu.listmenu-topbar-browse { left:-57px;  } .topbar .content .c-r .user-info { margin-right:3px!important; } .topbar .content .menu ul li > a { padding:0 3x; }.q_c_block:not(.notificationlist) .left { display:none; } .q_c_block .right { width:100%; }.topbar .content .logo-mobile { font-size:24px; }.q_c_block .day { /*font-size:10px;*/ } .gc-reset{transform:scale(0.75) !important;-webkit-transform:scale(0.75) !important;transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;} }
@media screen and (max-width : 318px)   { .main-intro h1 {font-size: 34px;}.topbar .content .c-r .user-info .menu .row .item {padding: 7px 1px 7px 9px;font-size: 15px;}.topbar .content .c-r .user-info .menu {width: 267px;left: -42px!important;}.topbar .content .c-r .user-info .menu:after, .topbar .content .c-r .user-info .menu:before {right: 73.4%;} }
@media screen and (max-width : 290px)   { .topbar .content .menu ul li a { font-size:15px!important; }.n-box:after, .n-box:before {right: 57.2%;}}
@media screen and (max-width : 274px)   { .topbar .content .logo-mobile { font-size:20px!important; } }



/*sticky header for tablet+desktop*/
@media screen and (min-width : 767px) { .listmenu.listmenu-topbar-userinfo { padding:15px 0 0 0;}.q_c_block .lvlbtn {background-color: #8e8e8e;} .q_c_block:hover span.info { opacity:1;} .user_info { min-height: 78px; /*min-height: 97px;*/ } .page_block.fullheight { margin: 60px auto 0; }  .topbar { position:fixed; z-index:9999999;width:100%; }.page_block { margin:75px auto 0; }.page_block_small.nofooter {margin: 110px auto 60px;}.bg_header{overflow:hidden;}.user_info .avatar_block {margin: 2px 0 0 0;} .user-photo-container .item:nth-child(4n) { margin: 0 0 5px 0; } .user-photo-container .item { width: calc(25% - 4px);  margin: 0 5px 5px 0;} .user-photo-container { background: none;padding: 0;text-align: left; } .userlist-container { background: none;padding: 0; } .userlist-heading {margin: 24px 0 15px 0;}  }

/* bigger topbar for desktop/tablet */
@media screen and (min-width : 767px) { .topbar .content .c-r .user-info .left { width:34px;height:34px;margin: 0; }.topbar .content .c-r .action-bar {margin-top: 12px;} .topbar .content .c-r .user-info { margin: 11px 0 0 0; }.n-box { width: 440px; left: -199px; }.n-box:after, .n-box:before {right: 47%;} .topbar { height:65px; }.topbar .content { margin:4px auto 0; }.topbar .content .logo {width: 169px;height: 59px; }.topbar .content .logo-mobile {width: 46px;height: 43px;}.topbar .content .menu ul li > a { height:43px;font-size: 18px;line-height: 43px; }.topbar .content .c-r .user-info {max-width: 166px; } .listmenu { top:43px; }.page_block {margin: 86px auto 0;}.page_block.v2 {margin: 103px auto 0;}.topbar .content .c-r .action-bar ul li a .notification { font-size:12px; }}
@media screen and (min-width : 767px) and (max-width: 1120px) { .page_block, .topbar .content, .wrapper { width: calc(100% - 28px)!important; } }


@media screen and (min-width : 618px) and (max-width : 767px)   { .mobile-sort-questions a .icon { display:inline-block!important; } }
@media screen and (min-width : 101px) and (max-width : 750px)   { .li-small.split .item { width: calc(50% - 8px);float:left;margin:0 8px 5px 0;} .li-small.split .item:nth-child(2n) { margin:0 0 5px 0;width:50%; } }

@media screen and (min-height: 500px)   {.dialog.modal {transform: translateY(-64%)!important;} }
@media screen and (min-height: 600px) and (min-width: 1100px)   { /*.main-guest-container .holder { margin:-240px 0 0 0; } */ }
@media screen and (min-height: 800px) and (min-width: 1100px)   { .main-guest-container .logo {width: 439px;height: 117px;}.main-guest-container h2 {font-size: 55px; }.main-guest-container .holder { width: 537px; } .main-guest-container .holder { margin:-88px 0 0 0; }  }
/* iphone 5/5s */
@media screen and (device-aspect-ratio: 40/71) { .topbar .content .c-r .user-info { min-width: 40px; } .listmenu > div { min-width: 175px; } .listmenu .item { padding-top: 12px; padding-bottom: 12px; } .questions_block .answer-edit-form .nav .btn { padding: 7px 12px; font-size: 1.5em; } }


/* search bar desktop/tablet */
@media screen and (min-width : 767px) { .desktop-search .block_ask .right {width: 75px !important;} .desktop-search .block_ask .left {width: calc(100% - 75px) !important;}}
@media screen and (min-width : 500px) { .q_c_block .sticky-backdrop {display:block;}}



/* new mobile design mobile playground */

@media screen and (max-width:500px) {
    body { background:#f7f4f4; }
    
    /*.q_c_block.v2 .listmenu.likes-options {right: -62px!important;}*/
    
    
    /*always show response form excended on mobile*/
    .answerform-retracted {display:none!important;}
    .answerform-extended {display:block!important;}
    
    .q_c_block.v2 {padding: 19px;}
    .q_c_block .left.desktop {display:none;}
    .q_c_block .left.mobile {display:block!important;width:auto;}
    .q_c_block .left.mobile .image {margin:0 14px 0 0;height: 37px;width: 37px;}
    
    .optionlist.userquestion {margin:0 0 5px 0;}
    
    .breadcrumb li.home {display:none;}
    
    .alert { align-items: flex-end;}
    .alert .box { padding: 0;background:none;box-shadow:none;}
    .alert .alert-title {font-size:25px;}
    .alert .alert-title.long {font-size: 20px;}
    .alert .alert-content .message {font-size: 16px;}
    .alert .alert-content .buttons a {display:block;margin:0;}
    .alert .inner {max-height: 100vh;overflow: auto;width:100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;background: #fff;padding: 16px 7px 0px 7px;}
    .alert .close { padding: 15px 22px;}
    .alert .alert-title { margin: 20px 0 16px 0;}

    .alertAnimation {animation-name: fadeInUp;} /*changes to fadeInUp for mobile 500px*/

    .alert .alert-content .buttons a:first-of-type {margin-bottom:10px;}

    .body_bg { margin:0; border-radius:0;box-shadow:none; background:transparent; }
    .topbar { margin:0; }
    .page_block { width: 100%; }
    .page_block.v2 { width: calc(100% - 20px); }
    .page_block_small .body_content { padding:10px; }
    .page_block_small .body_bg.fully-rounded { border-radius: 4px;padding: 0; box-sizing:border-box;}
    .page_block_small .body_bg.step2 {background:white!important; }
    
    /*.body_content { padding:11px 11px 85px; }*/
    .body_content { padding:11px 0 85px 0; }
    .term_block {width:100%!important;}
    .tabcontent {background: #fff; }

    .hashtags .left, .hashtags .right {width:100%;float:none;margin-bottom:12px;}
    .hashtags .left h2 a {float:right;}

    .writepost .post input[type='text'], .writepost .post select, .writepost .post textarea.gray{ background: #f3f3f3; }

    /*.n-delete {background: #bbb6bb;color: #6b6b6b; }*/
    .mobile-sort-questions.blank a.filter {background: #dedede;color: black;}
    .mobile-sort-questions a.filter.active {background: #cfc9d2!important;color: #544758;}
    .q_c_text p, .q_c_text .text, .q_c_text ol,.q_c_text ul, .comment-text{color: #6d666d!important;}
    .q_c.active {background: #dacbda;}
    .q_c.active .q_c_text p, .q_c.active .q_c_text .text, .q_c.active .comment-text {color: #5f495f!important;}
    .user-photo-container {background: transparent;}
    .userlist-container a.filter {background:#bfbfbf!important;}

    .greenheading {background: #d4cad8;}
    .error_red {     background: #dcc9c9; }
    .member-search { background:transparent; }
    .q_c_text .optionlist label, .q_c_text .radiolist input {background: #cac6ca;}
    .question-block .btn-gray {background: #ccc8cc;}
    .message-sad { background-color:#decaca;}
    .q_c_text .inline-container { display:block; background: #d0cad0;padding: 4px 4px;border-radius: 3px;color: #484848;font-size: 16px;margin: 0 0 6px 0;}
    .q_c_block.clickable {display:block;text-decoration:none;}
    .q_c_block.clickable:hover { background:#dad5da;}
    .q_c_block.clickable:hover .inline-container { background:#c3bac3;}
    .q_c_block.clickable:active { background:#d2ccd2;}
    .q_c_block.clickable:active .inline-container { background:#b7b0b7;}
    .q_c_text .inline-container.preview { display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;padding:3px 4px;}
    .q_c_block .day {color: #5a5a5a;}
    .quick-question { background:#e2dde2; }
    .similar-questions .similar-question {color: #4a4a4a;background: #e4e0e4;}

    .asRange .asRange-pointer { width: 20px!important; height: 20px!important; border-radius:20px!important; top:-1px!important; }
    .asRange, .asRange .asRange-selected { height: 17px!important; }
    .asRange .asRange-pointer .asRange-tip { top: -38px!important;width: 35px!important;height: 25px!important;margin-left: -8px!important;font-size: 20px!important;line-height: 25px!important;}

    .fancyheading { margin: 0 0 10px 0; }
    
    .guestbox .birthdate {flex:1;padding:0 5px;}
    .guestbox .birthdate:first-of-type {flex: 0 0 120px;}
    .guestbox.regular {padding: 11px;}
    .guestbox .location.zip {width:106px!important;}
    .guestbox {width:95%; padding: 18px 30px;}
    .page.guestbox {width:95%; padding: 18px 30px;}
    .page_block .guestbox {width:100%;}

    div.tab button { width:33.3%;padding:6px 0; }
    div.tab button:last-child { border-right: none; }

    .inputform label.main { color:#2f2f2f;margin: 3px 0 5px 0;font-size:17px; }

    .inputform select { height: 34px;background:#fff; }
    .inputform textarea { background:#fff; }

    .inputform select, .inputform input[type="text"], .inputform input[type="email"], .inputform input[type="password"], .inputform input[type="url"], .inputform input[type="date"], .inputform input[type="time"] { height:34px;background:#fff; }
    .inputform textarea { background:#fff; }

    .loginform .loginwith { display: block!important;float: none;margin: 0 0 10px 0!important;width: 90%!important;margin: 8px auto 0px!important;font-size: 18px!important;padding: 8px 0!important; }

    .mobile-main-heading.background {background: #dddade; }
    .topbar .content, .wrapper { width: calc(100% - 14px)!important; }

    .answer_guest_overlay {width: 100%;left: 0;border: none;border-radius: 5px;top: -5px;}

    .inputform .info { background: #ded5de; }

    .infobox-content { background: #d7d6de!important; font-size: 15px; color:#000; }
    .infobox-content.big h1 { font-size: 17px; }
    .infobox-content .additionaltext { padding: 15px 0 0 0; font-size: 12px; }

    .q_c_block.notificationlist .left { width:50px; }
    .q_c_block.notificationlist .left .picture { width:44px; }

    .li-small.likes .item { background: transparent!important; }

    .inputform .linkpreview { background: #e0d5e0; }



    .contentbox, .contentbox-clickable { background:#e6e3e6; }
    .wcontainer .contentbox, .wcontainer .contentbox-clickable { background:#ececec; }
    .contentbox-clickable:hover, .contentbox-clickable:active { background:#dad5da!important; }
    .questions_block.clickable:hover > .q_c, .questions_block.clickable:hover > .q_c { background:#dad5da!important; }
    .questions_block.clickable.wcontainer:hover > .q_c, .questions_block.clickable.wcontainer:hover > .q_c { background:inherit!important; }

}

@media screen and (max-width : 430px)   { .loginform .loginwith { width:100%!important; font-size:17px!important;} }



.fancybox-container { z-index:9999999999999999!important; }


@media screen and (min-width:1000px) and (min-height:500px) {
    .dialog.modal {transform: unset;top: 290px;}
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .ipad-hide {
        display: none !important;
    }

    .ipad-show {
        display: inline-block !important;
    }
}




body.mobile-app .page_block:not(.page_block_article) { margin: 18px auto 0!important;}

/*videoJS styles*/
.video-js .vjs-big-play-button {font-size: 5em!important;line-height: 2em!important;height: 2em!important;width: 2em!important;top: calc(50% - 1em)!important;left: calc(50% - 1em)!important;padding: 0!important;background-color: #493469!important;border-radius: 50%!important;border:none!important;}
.video-js .vjs-big-play-button:hover {filter: brightness(114%)!important;}
.video-js .vjs-tech {outline:none!important;}
.video-js .vjs-control-bar { background-color: rgba(73, 52, 105, 0.66)!important;font-size:12px!important;}
.vjs-record .vjs-record-button.vjs-control, .vjs-icon-record-start {color:red!important;}

.jq-dropdown .jq-dropdown-menu label:active, .jq-dropdown .jq-dropdown-menu li>a:active {background-color: #e6e6e6!important;}
.jq-dropdown .jq-dropdown-menu label, .jq-dropdown .jq-dropdown-menu li>a {line-height: 22px!important;font-size:14px!important;}
.jq-dropdown .jq-dropdown-menu li>a .icon {margin:0 5px 0 0;}
.jq-dropdown .jq-dropdown-menu li>a .icon.block {margin: 0 7px 0 0;width: 16px;text-align: center;}

.show-important {display:block!important;}
.hide-important {display:none!important;}