@charset "UTF-8";
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
a {
    background: transparent;
}

a:active,
a:hover {
    outline: 0;
}

/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

.hide {
    display: none !important;
}

.icons-sprite, .icons-blog-list, .icons-c-fb-lg, .icons-c-fb-s-lg, .icons-c-fb-s, .icons-c-fb-w, .icons-c-fb, .icons-c-googleplus-lg, .icons-c-googleplus-s-lg, .icons-c-googleplus-s, .icons-c-googleplus-w, .icons-c-googleplus, .icons-c-link-w, .icons-c-twitter-lg, .icons-c-twitter-s-lg, .icons-c-twitter-s, .icons-c-twitter-w, .icons-c-twitter, .icons-c-youtube-lg, .icons-c-youtube-s-lg, .icons-c-youtube-s, .icons-c-youtube-w, .icons-c-youtube, .icons-check, .icheckbox.checked:before, .icons-comment-g, .icons-comment-o, .icons-comment-w, .icons-comment, .icons-corner-lg, .icons-down-w, .icons-down, .icons-e-attach-b, .icons-e-attach, .icons-e-bold-b, .icons-e-bold, .icons-e-image-b, .icons-e-italics-b, .icons-e-italics, .icons-e-link-b, .icons-e-link, .icons-e-list-b, .icons-e-list, .icons-e-video-b, .icons-eye-lg, .icons-eye-o, .icons-eye-r, .icons-eye-w, .icons-eye, .icons-fb, .icons-googleplus, .icons-goto-comment, .icons-hamburger-w, .icons-hamburger, .icons-left-w, .icons-like, .icons-link, .icons-msg-lg, .icons-msg-w, .icons-msg, .icons-photo-w, .icons-quote-o-end, .icons-quote-o-m, .icons-quote-o, .icons-quote-s-o, .icons-quote-s, .icons-quote, .icons-right-w, .icons-search-s, .icons-search-sm, .icons-search-w, .icons-search, .icons-twitter, .icons-videoplay, .icons-x-lg, .icons-x-r, .icons-x-sm-w, .icons-x-sm, .icons-x {
    background-image: url('../img/icons-s3f5c3a3283.png');
    background-repeat: no-repeat;
}

.icons-blog-list {
    background-position: 0 0;
}

.icons-c-fb-lg {
    background-position: 0 -9px;
}

.icons-c-fb-s-lg {
    background-position: 0 -33px;
}

.icons-c-fb-s {
    background-position: 0 -58px;
}

.icons-c-fb-w {
    background-position: 0 -77px;
}

.icons-c-fb {
    background-position: 0 -96px;
}

.icons-c-googleplus-lg {
    background-position: 0 -115px;
}

.icons-c-googleplus-s-lg {
    background-position: 0 -139px;
}

.icons-c-googleplus-s {
    background-position: 0 -164px;
}

.icons-c-googleplus-w {
    background-position: 0 -183px;
}

.icons-c-googleplus {
    background-position: 0 -202px;
}

.icons-c-link-w {
    background-position: 0 -221px;
}

.icons-c-twitter-lg {
    background-position: 0 -240px;
}

.icons-c-twitter-s-lg {
    background-position: 0 -264px;
}

.icons-c-twitter-s {
    background-position: 0 -289px;
}

.icons-c-twitter-w {
    background-position: 0 -308px;
}

.icons-c-twitter {
    background-position: 0 -327px;
}

.icons-c-youtube-lg {
    background-position: 0 -346px;
}

.icons-c-youtube-s-lg {
    background-position: 0 -370px;
}

.icons-c-youtube-s {
    background-position: 0 -395px;
}

.icons-c-youtube-w {
    background-position: 0 -414px;
}

.icons-c-youtube {
    background-position: 0 -433px;
}

.icons-check, .icheckbox.checked:before {
    background-position: 0 -452px;
}

.icons-comment-g {
    background-position: 0 -463px;
}

.icons-comment-o {
    background-position: 0 -478px;
}

.icons-comment-w {
    background-position: 0 -493px;
}

.icons-comment {
    background-position: 0 -508px;
}

.icons-corner-lg {
    background-position: 0 -523px;
}

.icons-down-w {
    background-position: 0 -583px;
}

.icons-down {
    background-position: 0 -590px;
}

.icons-e-attach-b {
    background-position: 0 -596px;
}

.icons-e-attach {
    background-position: 0 -610px;
}

.icons-e-bold-b {
    background-position: 0 -624px;
}

.icons-e-bold {
    background-position: 0 -638px;
}

.icons-e-image-b {
    background-position: 0 -652px;
}

.icons-e-italics-b {
    background-position: 0 -666px;
}

.icons-e-italics {
    background-position: 0 -680px;
}

.icons-e-link-b {
    background-position: 0 -694px;
}

.icons-e-link {
    background-position: 0 -708px;
}

.icons-e-list-b {
    background-position: 0 -722px;
}

.icons-e-list {
    background-position: 0 -736px;
}

.icons-e-video-b {
    background-position: 0 -750px;
}

.icons-eye-lg {
    background-position: 0 -764px;
}

.icons-eye-o {
    background-position: 0 -782px;
}

.icons-eye-r {
    background-position: 0 -793px;
}

.icons-eye-w {
    background-position: 0 -804px;
}

.icons-eye {
    background-position: 0 -818px;
}

.icons-fb {
    background-position: 0 -832px;
}

.icons-googleplus {
    background-position: 0 -851px;
}

.icons-goto-comment {
    background-position: 0 -868px;
}

.icons-hamburger-w {
    background-position: 0 -874px;
}

.icons-hamburger {
    background-position: 0 -888px;
}

.icons-left-w {
    background-position: 0 -902px;
}

.icons-like {
    background-position: 0 -913px;
}

.icons-link {
    background-position: 0 -927px;
}

.icons-msg-lg {
    background-position: 0 -943px;
}

.icons-msg-w {
    background-position: 0 -964px;
}

.icons-msg {
    background-position: 0 -980px;
}

.icons-photo-w {
    background-position: 0 -996px;
}

.icons-quote-o-end {
    background-position: 0 -1009px;
}

.icons-quote-o-m {
    background-position: 0 -1018px;
}

.icons-quote-o {
    background-position: 0 -1042px;
}

.icons-quote-s-o {
    background-position: 0 -1074px;
}

.icons-quote-s {
    background-position: 0 -1086px;
}

.icons-quote {
    background-position: 0 -1098px;
}

.icons-right-w {
    background-position: 0 -1110px;
}

.icons-search-s {
    background-position: 0 -1121px;
}

.icons-search-sm {
    background-position: 0 -1141px;
}

.icons-search-w {
    background-position: 0 -1155px;
}

.icons-search {
    background-position: 0 -1175px;
}

.icons-twitter {
    background-position: 0 -1195px;
}

.icons-videoplay {
    background-position: 0 -1211px;
}

.icons-x-lg {
    background-position: 0 -1320px;
}

.icons-x-r {
    background-position: 0 -1334px;
}

.icons-x-sm-w {
    background-position: 0 -1342px;
}

.icons-x-sm {
    background-position: 0 -1352px;
}

.icons-x {
    background-position: 0 -1362px;
}

/* responsive utils */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

.visible-lg {
    display: block !important;
}

table.visible-lg {
    display: table !important;
}

tr.visible-lg {
    display: table-row !important;
}

th.visible-lg, td.visible-lg {
    display: table-cell !important;
}

.visible-lg-block {
    display: block !important;
}

.visible-lg-inline {
    display: inline !important;
}

.visible-lg-inline-block {
    display: inline-block !important;
}

.hidden-lg {
    display: none !important;
}

.icons-sprite, .icons-blog-list, .icons-c-fb-lg, .icons-c-fb-s-lg, .icons-c-fb-s, .icons-c-fb-w, .icons-c-fb, .icons-c-googleplus-lg, .icons-c-googleplus-s-lg, .icons-c-googleplus-s, .icons-c-googleplus-w, .icons-c-googleplus, .icons-c-link-w, .icons-c-twitter-lg, .icons-c-twitter-s-lg, .icons-c-twitter-s, .icons-c-twitter-w, .icons-c-twitter, .icons-c-youtube-lg, .icons-c-youtube-s-lg, .icons-c-youtube-s, .icons-c-youtube-w, .icons-c-youtube, .icons-check, .icheckbox.checked:before, .icons-comment-g, .icons-comment-o, .icons-comment-w, .icons-comment, .icons-corner-lg, .icons-down-w, .icons-down, .icons-e-attach-b, .icons-e-attach, .icons-e-bold-b, .icons-e-bold, .icons-e-image-b, .icons-e-italics-b, .icons-e-italics, .icons-e-link-b, .icons-e-link, .icons-e-list-b, .icons-e-list, .icons-e-video-b, .icons-eye-lg, .icons-eye-o, .icons-eye-r, .icons-eye-w, .icons-eye, .icons-fb, .icons-googleplus, .icons-goto-comment, .icons-hamburger-w, .icons-hamburger, .icons-left-w, .icons-like, .icons-link, .icons-msg-lg, .icons-msg-w, .icons-msg, .icons-photo-w, .icons-quote-o-end, .icons-quote-o-m, .icons-quote-o, .icons-quote-s-o, .icons-quote-s, .icons-quote, .icons-right-w, .icons-search-s, .icons-search-sm, .icons-search-w, .icons-search, .icons-twitter, .icons-videoplay, .icons-x-lg, .icons-x-r, .icons-x-sm-w, .icons-x-sm, .icons-x {
    display: inline-block;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: #f6d4d7;
}

*::-moz-selection {
    color: #000;
    background-color: #f6d4d7;
}

*::selection {
    color: #000;
    background-color: #f6d4d7;
}

body {
    background: #f6f6f6;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    letter-spacing: -0.28px;
    color: #363636;
}

.clearfix {
    float: none;
    clear: both;
}

.first {
    margin-top: 0 !important;
}

.right {
    margin-right: 0 !important;
}

.indent {
    padding-left: 30px;
}

.noborder {
    border: none !important;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.tile-image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.fullwidth {
    width: 1180px;
    margin: 0 auto;
}

.content-width, .fqr-article.blog .article-text img {
    width: 780px;
    margin: 0 auto;
}

.side-width {
    width: 380px;
    margin: 0 auto;
}

.quote-width {
    width: 580px;
}

.text-red {
    color: #f84e5d;
}

.bg-red {
    background-color: #f84e5d;
}

.bg-red:hover {
    background-color: #ef4655;
}

.bg-red:active {
    background-color: #f84e5d;
}

a {
    color: #363636;
    text-decoration: none;
    font-weight: 700;
}

a:hover {
    color: #6d6d6d;
}

a:active {
    color: #f84e5d;
}

.selection, .search-highlight {
    background: #f6d4d7;
}

.separator {
    width: 30px;
    height: 2px;
    background: #f84e5d !important;
}

h1, h2, h3, h4 {
    color: #363636;
    letter-spacing: -1.2px;
    line-height: 1.111;
}

h1 a, h2 a, h3 a, h4 a {
    color: #363636;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #535353;
}

h1 a:active, h2 a:active, h3 a:active, h4 a:active {
    color: #363636;
}

h1 {
    font-size: 48px;
    color: #363636;
    margin: 10px 0 7px;
}

h1 a:hover {
    color: #606060;
}

h2 {
    font-size: 36px;
    margin: 14px 0 8px;
    letter-spacing: -0.8px;
}

h3 {
    font-size: 24px;
    margin: 13px 0 10px;
    letter-spacing: -0.55px;
    line-height: 1.3;
}

h4 {
    margin: 18px 0 14px;
    font-size: 18px;
    letter-spacing: -0.2px;
}

h5 {
    margin: 18px 0 13px;
    font-size: 16px;
    letter-spacing: -0.1px;
}

input[type="text"], input[type="password"], input[type="email"], select, textarea {
    background: transparent;
    border: 1px solid #e2e2e2;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 17px 10px;
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #363636;
}

input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
    color: #cacaca;
}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: #cacaca;
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #cacaca;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #cacaca;
}

.valid-error input, .valid-error textarea, .valid-error select {
    border: 2px solid #f84e5d !important;
}

.valid-error .valid-error-message {
    display: block;
    color: #f84e5d;
}

.valid-info .valid-info-message {
    display: block;
}

.valid-error-message {
    display: none;
}

.valid-info-message {
    display: none;
}

.icheckbox {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e2e2e2;
    width: 24px;
    height: 24px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
}

.icheckbox.checked:before {
    content: "";
}

label.required span {
    color: #f84e5d;
}

.emph {
    font-weight: 900;
    font-size: 18px;
}

.search-box {
    float: right;
    position: relative;
}

.search-box .search-icon {
    position: absolute;
    width: 39px;
    height: 39px;
    /*  left: 0;*/
    right: 0;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.search-box span.icons-search {
    width: 20px;
    height: 20px;
    display: block;
    /*  margin: 4px 0 0 11px;*/
    margin: 4px 8px 0 9px;
}

.search-box input {
    width: 380px;
    height: 39px;
    /*  padding: 0 0 0 36px;*/
    padding: 0 0 0 10px;
    margin: 0;
}

.search-box input:focus {
    background: rgba(255, 255, 255, .5);
    color: #000;
}

.logo {
    background-image: url("/assets/faqrak/img/logo.png");
    display: inline-block;
    width: 230px;
    height: 45px;
    position: absolute;
}

.poznan-logo-main {
    float: right;
}

.poznan-logo {
    background-image: url("/assets/faqrak/img/logo_poznan.png");
    float: right;
    width: 238px;
    height: 59px;
    margin-bottom: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .logo {
        background-image: url("/assets/faqrak/img/logo@2x.png");
    }
    .poznan-logo {
        background-image: url("/assets/faqrak/img/logo_poznan@2x.png");
    }
}

.logo-sub {
    background-image: url("/assets/faqrak/img/logo-sub.png");
    display: inline-block;
    position: absolute;
    width: 221px;
    height: 38px;
    left: 82px;
    top: 37px;
}

.fqr-head.transparent .logo-sub {
    background-image: url("/assets/faqrak/img/logo-sub-w.png");
}

.profile-picture {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    background-size: 40px;
    background-position: 50% 50%;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.profile-picture.large {
    width: 80px;
    height: 80px;
    background-size: 80px;
}

.caption, .supercaption {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 7px;
}

.supercaption {
    padding: 13px 0 32px;
    margin: 0;
    color: #f84e5d;
}

.image-caption {
    display: block;
    text-align: right;
    font-size: 14px;
    margin: 14px 0 27px;
}

.image-link {
    color: #fff;
    text-shadow: 0px 2px 13px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    position: relative;
    float: right;
    margin: 0;
    top: -71px;
    right: 18px;
    letter-spacing: 0.7px;
}

.image-link:hover {
    opacity: 0.7;
}

.image-link:active {
    opacity: 1;
}

.icons-c-link-w {
    width: 20px;
    height: 19px;
    position: relative;
    top: 6px;
    right: 3px;
}

.icons-link {
    width: 16px;
    height: 16px;
    margin: 9px 18px 0 0;
    vertical-align: top;
}

.icons-msg, .icons-msg-w {
    vertical-align: top;
    width: 17px;
    height: 16px;
}

.icons-msg-lg {
    width: 22px;
    height: 21px;
    vertical-align: top;
}

.icons-eye, .icons-eye-w {
    vertical-align: top;
    width: 21px;
    height: 14px;
}

.icons-eye-o, .icons-eye-r {
    width: 14px;
    height: 11px;
    margin-right: 11px;
}

.icons-eye-r {
    margin-right: 9px;
    margin-top: 4px;
    vertical-align: top;
}

.icons-eye-lg {
    width: 27px;
    height: 18px;
    vertical-align: top;
}

.icons-down-w {
    width: 10px;
    height: 7px;
    vertical-align: top;
    margin: 8px 11px;
}

.icons-down {
    width: 9px;
    height: 6px;
    vertical-align: top;
}

.icons-left-w, .icons-right-w {
    width: 6px;
    height: 11px;
}

.icons-x {
    width: 13px;
    height: 13px;
}

.icons-x-r {
    width: 8px;
    height: 8px;
    margin-left: 11px;
}

.icons-x-sm, .icons-x-sm-w {
    width: 10px;
    height: 10px;
}

.icons-x-lg {
    width: 14px;
    height: 14px;
}

.icons-videoplay {
    width: 124px;
    height: 109px;
    margin-bottom: -30px;
}

.icons-quote-s, .icons-quote-s-o, .icons-quote {
    width: 14px;
    height: 12px;
}

.icons-quote-o {
    width: 40px;
    height: 32px;
}

.icons-photo-w {
    width: 15px;
    height: 13px;
    margin-top: 4px;
    margin-right: 9px;
}

.icons-goto-comment {
    width: 13px;
    height: 6px;
}

.icons-check, .icheckbox.checked:before {
    width: 11px;
    height: 11px;
    vertical-align: top;
    top: 5px;
    left: 5px;
    position: absolute;
}

.icons-like {
    width: 14px;
    height: 14px;
}

.icons-hamburger, .icons-hamburger-w {
    width: 20px;
    height: 14px;
    vertical-align: top;
}

.icons-search-s, .icons-search-w {
    width: 20px;
    height: 20px;
    vertical-align: top;
}

.share-buttons .caption, .share-buttons .supercaption {
    margin-bottom: 16px;
}

.share-buttons a {
    width: 19px;
    height: 19px;
    margin: 0 3px 0 2px;
}

.comments {
    display: inline-block;
    vertical-align: top;
}

.comments .icons-comment, .comments .icons-comment-o, .comments .icons-comment-w, .comments .icons-comment-g {
    width: 16px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
}

.comments .comments-n {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-left: 5px;
    margin-top: -2px;
}

.comments:hover .icons-comment, .comments:hover .icons-comment-o, .comments:hover .icons-comment-w, .comments:hover .icons-comment-g {
    opacity: 0.8;
}

.tags {
    display: inline-block;
    vertical-align: top;
}

.tags a {
    font-size: 14px;
    border: 1px solid #e2e2e2;
    color: #363636;
    display: inline-block;
    padding: 0px 10px;
    margin-right: 1px;
    margin-top: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.tags a:hover {
    color: #828282;
}

.tags a:active {
    color: #f84e5d;
    border-color: #f6e5e6;
}

.tags a.current {
    color: #fff;
    background: #f84e5d;
    border-color: #f84e5d;
}

.tags .caption, .tags .supercaption {
    margin-bottom: 2px;
}

.pagination a {
    display: inline-block;
    padding: 5px 10px 6px;
    margin-right: 6px;
    border: 1px solid #e2e2e2;
    font-size: 14px;
    font-weight: normal;
    color: #8c8c8c;
    line-height: 17px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.pagination a:hover {
    border-color: #a9a9a9;
}

.pagination a:active {
    color: #f84e5d;
    border-color: #f6e5e6;
}

.pagination a.current {
    color: #363636;
}

.pagination a.current:hover {
    border-color: #e2e2e2;
}

.pagination .current a {
    color: #fff;
    background: #f84e5d;
    border-color: #f84e5d;
}

.action-button {
    height: 40px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 11px 32px;
    background: #f84e5d;
    border: none;
    white-space: nowrap;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.action-button span {
    margin-right: 7px;
    vertical-align: top;
}

.action-button:hover {
    background: #ef4655;
    color: #fff;
}

.action-button:active {
    background: #f84e5d;
    color: #fff;
}

.action-button.fb {
    background: #46629e;
    width: 132px;
    padding: 11px 20px;
}

.action-button.fb span {
    width: 19px;
    height: 19px;
    margin-top: -1px;
}

.action-button.twitter {
    background: #1da1f2;
    width: 111px;
    padding: 11px 20px;
}

.action-button.twitter span {
    width: 19px;
    height: 16px;
    margin-top: 3px;
}

.action-button.googleplus {
    background: #d73d32;
    width: 120px;
    padding: 11px 23px;
}

.action-button.googleplus span {
    width: 19px;
    height: 17px;
    margin-top: 1px;
}

.hero-image {
    width: 100%;
    height: 470px;
    margin-top: -164px;
    position: relative;
}

.recents {
    font-size: 14px;
    line-height: 1.429;
    margin: 32px 0 35px;
}

.recents .recent-item {
    margin-bottom: 10px;
}

.recents .timestamp {
    font-weight: 700;
    color: #cacaca;
    float: left;
    margin-left: 0px;
    width: 80px;
    min-height: 45px;
}

.recents .title {
    display: block;
    float: left;
    min-width: 240px;
    max-width: 240px;
}

.recents .title:hover, .recents .title:active {
    color: #f84e5d;
}

.recents .now {
    color: #f84e5d;
}

.recents span {
    font-size: 12px;
    text-transform: uppercase;
    color: #cacaca;
}

.newsletter-signup {
    line-height: 1.45;
    font-size: 16px;
    font-weight: bold;
}

.newsletter-signup form {
    margin-top: 15px;
}

.newsletter-signup form input {
    height: 40px;
    width: 580px;
    margin-right: 18px;
}

.newsletter-signup form button {
    width: 179px;
}

.fqr-main {
    margin-top: 164px;
}

.fqr-main.bcrumb {
    margin-top: -36px;
}

.fqr-two-column .column-main {
    float: left;
}

.fqr-two-column .column-side {
    float: right;
    position: relative;
}

.fqr-two-column .column-side .tags a {
    letter-spacing: -0.35px;
}

@-moz-keyframes fqr-loader-a {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes fqr-loader-a {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes fqr-loader-a {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.fqr-loader {
    background: url("/img/fqr-loader.png") no-repeat 50% 50%;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    -moz-animation: fqr-loader-a 1.2s linear infinite;
    -webkit-animation: fqr-loader-a 1.2s linear infinite;
    animation: fqr-loader-a 1.2s linear infinite;
}

.orange-section h1, .blog h1, .article-summary.quote h1, .orange-section h2, .blog h2, .article-summary.quote h2, .orange-section h3, .blog h3, .article-summary.quote h3, .orange-section h4, .blog h4, .article-summary.quote h4 {
    font-family: 'Playfair Display', serif;
}

.orange-section h3, .blog h3, .article-summary.quote h3 {
    letter-spacing: 0.20px;
}

.orange-section a:active, .blog a:active, .article-summary.quote a:active {
    color: #f8b15c;
}

.orange-section.fqr-article .article-text a, .fqr-article.blog .article-text a, .fqr-article.article-summary.quote .article-text a {
    color: #f8b15c;
}

.orange-section.fqr-article .article-text a.watch-link, .fqr-article.blog .article-text a.watch-link, .fqr-article.article-summary.quote .article-text a.watch-link {
    color: #363636;
}

.orange-section.fqr-article .article-text a.image-link, .fqr-article.blog .article-text a.image-link, .fqr-article.article-summary.quote .article-text a.image-link {
    color: #fff;
}

.orange-section.fqr-article .article-text a.image-link:hover, .fqr-article.blog .article-text a.image-link:hover, .fqr-article.article-summary.quote .article-text a.image-link:hover {
    opacity: 0.7;
}

.orange-section.fqr-article .article-text a.image-link:active, .fqr-article.blog .article-text a.image-link:active, .fqr-article.article-summary.quote .article-text a.image-link:active {
    opacity: 1;
}

.orange-section.separator, .separator.blog, .separator.article-summary.quote, .orange-section .separator, .blog .separator, .article-summary.quote .separator {
    background: #f8b15c;
}

.orange-section .supercaption, .blog .supercaption, .article-summary.quote .supercaption {
    color: #f8b15c;
}

.orange-section .tags a.current, .blog .tags a.current, .article-summary.quote .tags a.current {
    background: #f8b15c;
    border-color: #f8b15c;
}

.orange-section .tags a:active, .blog .tags a:active, .article-summary.quote .tags a:active {
    border-color: #f6e8d7;
}

.orange-section .action-button, .blog .action-button, .article-summary.quote .action-button {
    background: #f8b15c;
}

.orange-section .action-button:hover, .blog .action-button:hover, .article-summary.quote .action-button:hover {
    background: #f0a245;
    color: #fff;
}

.orange-section .action-button:active, .blog .action-button:active, .article-summary.quote .action-button:active {
    background: #f8b15c;
    color: #fff;
}

.light {
    background: #fbfbfb;
}

.mobile-menu-open, .mobile-menu-close, .mobile-search-open {
    width: 40px;
    height: 40px;
    float: right;
    padding: 12px 0 0 19px;
}

.mobile-menu-close {
    padding: 9px 0 0 20px;
    display: none;
}

.mobile-search-open {
    padding: 3px 0 0 10px;
}

.errorBox {
    width: 100%;
    text-align: center;
}

.errorBox .errorText {
    width: 300px;
    display: inline-block;
    text-align: left;
    font-weight: bold;
}

.errorBox h1 {
    font-size: 293px;
    font-weight: bold;
    margin-top: -40px;
}

.errorBox p {
    font-weight: bold;
}

.errorBox .color {
    color: #f84e5d;
}

.nsStyle {
    text-align: center;
}

.nsStyle .article-summary.half {
    position: relative;
    width: 292px;
    display: inline-block;
    text-align: left;
}

.nsStyle .article-summary.half .comments {
    margin-left: 35px;
}

.fqr-head {
    position: fixed;
    width: 100%;
    height: 129px;
    top: 0;
    background: #f6f6f6;
    z-index: 1000;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    -webkit-transition-property: background, color;
    transition-property: background, color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.fqr-head .top {
    border-bottom: 1px solid #e9e9e9;
    height: 78px;
    padding-top: 20px;
    position: relative;
}

.fqr-head .top .social-links {
    float: right;
    margin-right: 20px;
    margin-top: 8px;
}

.fqr-head .top .social-links a {
    color: #f84e5d;
    margin-left: 5.75px;
}

.fqr-head .top .social-links a:hover {
    color: #f8707c;
}

.fqr-head .top .social-links a:active {
    color: #f84e5d;
}

.fqr-head .top .social-links a span {
    width: 19px;
    height: 19px;
    vertical-align: top;
}

.fqr-head .menu {
    height: 51px;
    border-bottom: 2px solid #f84e5d;
    font-size: 16px;
    white-space: nowrap;
}

.fqr-head .menu .main-menu {
    list-style-type: none;
    padding: 0;
    margin: 14px 0;
    display: inline-block;
    width: 80%;
}

.fqr-head .menu .main-menu li {
    display: inline-block;
    padding-right: 22px;
}

.fqr-head .menu .guest-menu, .fqr-head .menu .logged-menu {
    display: inline-block;
    width: 20%;
    text-align: right;
    margin-left: -3px;
}

.fqr-head .menu .guest-menu a, .fqr-head .menu .logged-menu a {
    padding-left: 24px;
}

.fqr-head .menu .logged-menu a {
    padding-left: 17px;
    position: relative;
}

.fqr-head .menu .logged-menu .profile-picture {
    width: 20px;
    height: 20px;
    margin: 1px 0 0 0;
    margin-right: 7px;
    background-size: cover;
}

.fqr-head .menu .logged-menu .icons-msg, .fqr-head .menu .logged-menu .icons-msg-w, .fqr-head .menu .logged-menu .icons-eye, .fqr-head .menu .logged-menu .icons-eye-w {
    margin-top: 3px;
}

.fqr-head .menu .logged-menu .watch-link {
    margin-top: 0;
    font-size: 16px;
}

.fqr-head .menu .logged-menu .count {
    position: absolute;
    top: -4px;
    right: -6px;
    min-width: 15px;
    height: 15px;
    /*  padding: 1px 4px 0 0px;*/
    padding-right: 5px;
    font-size: 9px;
    display: inline-block;
    background: #f84e5d;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 15px;
    vertical-align: middle;
    border-radius: 20px;
}

.fqr-head .menu .logged-menu .profile-link .count {
    left: 30px;
    right: auto;
}

.fqr-head.transparent {
    background: transparent;
}

.fqr-head.transparent .top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.149);
}

.fqr-head.transparent .top .logo {
    background-image: url("/assets/faqrak/img/logo-w.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .fqr-head.transparent .top .logo {
        background-image: url("/assets/faqrak/img/logo-w@2x.png");
    }
}

.fqr-head.transparent .top .social-links a {
    color: #fff;
}

.fqr-head.transparent .top .social-links a:hover {
    opacity: 0.6;
}

.fqr-head.transparent .top .social-links a:active {
    opacity: 1;
}

.fqr-head.transparent .top #header-search {
    float: right;
}

.fqr-head.transparent .top #header-search input {
    border: 1px solid rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
}

.fqr-head.transparent .top #header-search input:focus {
    background-color: rgba(255, 255, 255, .5);
    color: #000;
}

.fqr-head.transparent .top #header-search input:-moz-placeholder {
    color: #fff;
}

.fqr-head.transparent .top #header-search input::-moz-placeholder {
    color: #fff;
}

.fqr-head.transparent .top #header-search input:-ms-input-placeholder {
    color: #fff;
}

.fqr-head.transparent .top #header-search input::-webkit-input-placeholder {
    color: #fff;
}

.fqr-head.transparent .menu {
    border-color: rgba(255, 255, 255, 0.502);
}

.fqr-head.transparent .menu .main-menu li a {
    color: #fff;
    opacity: 0.502;
}

.fqr-head.transparent .menu .main-menu li a:hover {
    opacity: 0.8;
}

.fqr-head.transparent .menu .main-menu li a:active {
    opacity: 1;
}

.fqr-head.transparent .menu .main-menu li a.current {
    color: #fff;
    opacity: 1;
}

.fqr-head.transparent .menu .main-menu li a.current:hover {
    opacity: 0.8;
}

.fqr-head.transparent .menu .main-menu li a.current:active {
    opacity: 0.5;
}

.fqr-head.transparent .menu .guest-menu a, .fqr-head.transparent .menu .logged-menu a {
    color: #fff;
}

.fqr-head.transparent .menu .guest-menu a:hover, .fqr-head.transparent .menu .logged-menu a:hover {
    opacity: 0.6;
}

.fqr-head.transparent .menu .guest-menu a:active, .fqr-head.transparent .menu .logged-menu a:active {
    opacity: 1;
}

.fqr-head.light {
    background: #fbfbfb;
}

.fqr-head.user-logged .logged-menu {
    display: inline-block;
}

.fqr-head.user-logged .guest-menu {
    display: none;
}

.fqr-head.user-logged .mobile-logged-menu {
    display: none;
}

.fqr-footer {
    border-top: 1px solid #e9e9e9;
    padding-top: 40px;
    margin-top: 10px;
}

.fqr-footer .footer-logo {
    height: 55px;
    position: relative;
}

.fqr-footer .logo-sub {
    top: 17px;
}

.fqr-footer .footer-text {
    padding-top: 5px;
    color: #363636;
}

.fqr-footer .footer-text .info {
    letter-spacing: 0;
    font-size: 12px;
    line-height: 1.833;
    float: left;
    width: 400px;
}

.fqr-footer .footer-text .links {
    float: left;
    width: 200px;
    line-height: 2.12;
    font-size: 16px;
    padding-top: 5px;
}

.fqr-footer .footer-text .links a {
    color: #363636;
    display: block;
}

.fqr-footer .footer-text .links a:hover {
    color: #6d6d6d;
}

.fqr-footer .footer-text .links a:active {
    color: #f84e5d;
}

.fqr-footer .footer-text .links .sub {
    font-size: 12px;
    line-height: 1.9;
    margin-top: -4px;
}

.fqr-footer .footer-text .last {
    width: 180px;
}

.article-summary {
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.article-summary .art-image {
    position: relative;
    display: block;
    height: 360px;
    overflow: hidden;
}

.article-summary .art-image span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    background-size: cover;
    background-position: 50% 50%;
}

.article-summary .art-image:hover span {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.article-summary .art-image:active {
    background: #000;
}

.article-summary .art-image:active span {
    opacity: 0.8;
}

.article-summary p {
    font-size: 14px;
    margin: 0;
    line-height: 1.429;
    font-weight: 400;
    letter-spacing: -0.28px;
}

.article-summary .tags {
    margin-top: 10px;
}

.article-summary .tags a {
    margin-right: 5px;
    padding: 5px 10px;
    display: auto;
}

.article-summary .comments {
    margin-top: 23px;
    margin-left: 12px;
}

.article-summary .article-author {
    color: #363636;
    margin-top: 9px;
    vertical-align: top;
}

.article-summary.notags .comments {
    margin-top: 2px;
    margin-left: 0px;
}

.article-summary.with-opt-links .comments {
    margin-top: 3px;
    margin-left: 9px;
    margin-right: 13px;
}

.article-summary.half {
    display: inline-block;
    vertical-align: top;
    width: 380px;
    margin-right: 16px;
}

.article-summary.half p {
    padding-top: 2px;
}

.article-summary.half.right {
    margin-right: 0 !important;
    float: right;
}

.article-summary.small {
    padding-top: 30px;
    padding-bottom: 7px;
    margin-bottom: 12px;
}

.article-summary.small p {
    padding: 0px 0 13px;
    margin-top: -2px;
}

.article-summary.small.with-opt-links .comments {
    margin-top: 3px;
}

.article-summary.blog {
    padding: 30px 0 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
}

.article-summary.blog.orange-section h1, .article-summary.blog h1, .article-summary.blog.quote h1, .article-summary.blog.orange-section h2, .article-summary.blog h2, .article-summary.blog.quote h2, .article-summary.blog.orange-section h3, .article-summary.blog h3, .article-summary.blog.quote h3, .article-summary.blog.orange-section h4, .article-summary.blog h4, .article-summary.blog.quote h4 {
    font-family: 'Lato', sans-serif;
}

.article-summary.blog h2 {
    margin-top: 12px;
    margin-bottom: 12px;
    line-height: 1.12;
}

.article-summary.blog h3 {
    letter-spacing: -0.47px;
}

.article-summary.blog .tags {
    display: block;
    margin-bottom: 22px;
}

.article-summary.blog .tags a {
    margin-right: 2px;
}

.article-summary.blog .comments {
    margin-top: 11px;
    margin-left: 15px;
    margin-right: 14px;
}

.article-summary.blog .opt-link {
    margin-top: 9px;
    width: 79px;
}

.article-summary.blog.half {
    padding: 30px 0 10px;
}

.article-summary.blog.half .tags {
    margin-top: -3px;
    margin-bottom: 9px;
}

.article-summary.side-image .art-image {
    width: 179px;
    height: 140px;
    float: left;
    margin-right: 21px;
}

.article-summary.side-image h1, .article-summary.side-image h2, .article-summary.side-image h3, .article-summary.side-image h4 {
    margin: -2px 0 20px;
    line-height: 1.2;
}

.article-summary.side-image .tags {
    margin-top: -10px;
}

.article-summary.side-image.with-opt-links .comments {
    margin-left: 11px;
    margin-right: 6px;
}

.article-summary.side-image.with-opt-links .opt-link {
    width: 80px;
}

.article-summary.side-image.notags h1, .article-summary.side-image.notags h2, .article-summary.side-image.notags h3, .article-summary.side-image.notags h4 {
    margin: -4px 0 15px;
}

.article-summary.quote {
    margin-top: 40px;
    margin-bottom: 21px;
    padding: 30px;
    border: 10px solid #f9a036;
}

.article-summary.quote h1 {
    font-size: 48px;
    font-family: "Playfair Display", serif;
    font-weight: bold;
    margin-top: 26px;
    margin-bottom: 0px;
    letter-spacing: -0.2px;
    line-height: 1.1;
    width: 130%;
}

.article-summary.quote h1 a:active {
    color: #363636;
}

.loadmore {
    text-align: center;
    padding: 30px 0;
}

.opt-link {
    font-size: 14px;
    white-space: nowrap;
    width: 100px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blogs-home-head {
    height: 366px;
    margin-bottom: 35px;
}

.blogs-home-head-text {
    padding-top: 149px;
    color: #fff;
}

.blogs-home-head-text h1 {
    font-weight: 900;
    letter-spacing: -1.55px;
    color: #fff;
}

.blogs-home-head-text h4 {
    margin: 9px 0 15px;
    letter-spacing: 0.1px;
    color: #fff;
}

.blogs-home-head-text .action-button {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    padding: 13px 37px;
    height: 50px;
    font-size: 16px;
}

.blogs-home-head-text .action-button:hover {
    background: #fff;
    color: #363636;
    opacity: 0.8;
}

.blogs-home-head-text .action-button:active {
    background: #fff;
    color: #363636;
    opacity: 1;
}

.popular-blogs {
    font-size: 14px;
    line-height: 1.43;
    margin-bottom: 20px;
}

.popular-blogs .popular-blogs-item {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 6px;
    margin-bottom: 9px;
}

.popular-blogs a span {
    color: #cacaca;
    font-size: 12px;
    text-transform: uppercase;
}

.popular-blogs .opt-link {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.15px;
    color: #afaeae;
    margin-top: 9px;
    margin-right: 17px;
    width: auto;
}

.popular-blogs .opt-link:hover {
    color: #969696;
}

.popular-blogs .comments-n {
    font-size: 12px;
    margin-top: 0;
    color: #afaeae;
}

.popular-authors .article-author {
    color: #363636;
    width: 100%;
    padding: 15px 0;
    margin-top: 0;
    margin-bottom: 1px;
}

.popular-authors .profile-ratings {
    float: right;
}

.orange-section.loadmore, .loadmore.blog, .loadmore.article-summary.quote {
    text-align: left;
}

.orange-section .home-tags, .blog .home-tags, .article-summary.quote .home-tags {
    margin-bottom: 40px;
}

.home-tags a {
    padding: 5px 10px;
}

.about-us-head {
    height: 525px;
    overflow: hidden;
}

.about-us-head-text {
    position: absolute;
    top: 397px;
    left: 0;
    right: 0;
    -moz-transition-property: top;
    -o-transition-property: top;
    -webkit-transition-property: top;
    transition-property: top;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.about-us-head-text h1 {
    color: #fff;
    font-weight: 900;
}

.about-us-head-text .all-videos-link, .about-us-head-text .caption, .about-us-head-text .supercaption {
    color: #fff;
    letter-spacing: 0.7px;
    font-size: 18px;
}

.about-us-head-text .all-videos-link:hover, .about-us-head-text .caption:hover, .about-us-head-text .supercaption:hover {
    color: #fff;
    opacity: 0.7;
}

.about-us-head-text .all-videos-link:active, .about-us-head-text .caption:active, .about-us-head-text .supercaption:active {
    color: #fff;
    opacity: 1;
}

.about-us-head-text .all-videos-link .icons-down-w, .about-us-head-text .caption .icons-down-w, .about-us-head-text .supercaption .icons-down-w {
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.slideout-all-videos {
    height: 0;
    background: #383838;
    position: absolute;
    top: 525px;
    left: 0;
    right: 0;
    overflow: hidden;
    -moz-transition-property: top, height;
    -o-transition-property: top, height;
    -webkit-transition-property: top, height;
    transition-property: top, height;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.slideout-all-videos.expanded {
    top: 297px;
    height: 228px;
}

.slider-all-videos-arrows {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.slider-all-videos-arrows .slider-arrow {
    position: absolute;
    display: block;
    width: 100px;
    height: 228px;
    line-height: 178px;
    top: 0;
    text-align: center;
}

.slider-all-videos-arrows .slider-arrow.left {
    left: -94px;
}

.slider-all-videos-arrows .slider-arrow.right {
    right: -92px;
}

.slider-all-videos {
    white-space: nowrap;
    position: relative;
}

.slider-all-videos .slider-page {
    display: inline-block;
    vertical-align: top;
}

.slider-all-videos .slider-page span {
    display: block;
    width: 180px;
    height: 100px;
    margin-bottom: 16px;
    background-position: 50% 50%;
    background-size: cover;
}

.slider-all-videos .slider-page a {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    margin: 40px 17px 44px 0px;
    white-space: normal;
    font-size: 14px;
    color: #fff;
}

.about-us-head.expanded .about-us-head-text {
    top: 169px;
}

.about-us-head.expanded .icons-down-w {
    -moz-transform: rotate(180deg) translateY(-2px);
    -ms-transform: rotate(180deg) translateY(-2px);
    -webkit-transform: rotate(180deg) translateY(-2px);
    transform: rotate(180deg) translateY(-2px);
}

.about-us-head.small {
    height: 276px;
}

.about-us-head.small .about-us-head-text {
    top: 148px;
}

.about-us-menu-mobile {
    display: none;
}

.add-article {
    margin-bottom: 40px;
}

.add-article > h2 {
    margin-bottom: 40px;
}

.add-article label + div.button-holder {
    display: inline-block;
    margin-bottom: 20px;
}

.make-space div.g-recaptcha {
    display: inline-block;
}

.blog-add-photo {
    height: 360px;
    display: block;
    position: relative;
    margin-top: 33px;
    margin-bottom: 39px;
}

.blog-add-photo .action-button {
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 155px;
    padding: 9px 21px;
    font-size: 16px;
}

.input-box {
    font-size: 16px;
    margin-bottom: 19px;
    position: relative;
}

.input-box label {
    display: inline-block;
    font-weight: bold;
    margin: 10px 0 13px -2px;
    vertical-align: top;
    width: 200px;
}

.input-box .valid-error-message {
    margin-left: 200px;
    font-weight: bold;
    color: #f84e5d;
}

.input-box input, .input-box textarea {
    width: 579px;
    height: 41px;
}

.input-box textarea {
    height: 120px;
}

.input-box .action-button {
    padding: 11px 19px;
    margin: -2px 0 0 0px;
}

.input-box .reset {
    background: none;
    color: #363636;
}

.input-box.half {
    width: 50%;
    float: left;
}

.contact {
    margin-bottom: 40px;
}

.contact h2 {
    margin-bottom: 31px;
}

.contact .share-buttons {
    position: absolute;
    right: -3px;
    bottom: 8px;
}

.recaptcha {
    display: inline-block;
    background: #eee;
    width: 402px;
    height: 95px;
    margin-bottom: 5px;
}

h2.search-header {
    margin: 0 0 8px;
    letter-spacing: -0.5px;
}

h2.search-header span {
    color: #f84e5d;
}

.search-results {
    padding-top: 20px;
}

.search-results h3 {
    margin: 13px 0 -1px;
}

.search-results .article-summary {
    padding-top: 20px;
}

.search-results .article-summary.small {
    padding-bottom: 20px;
    margin-bottom: 3px;
}

.search-results .loadmore {
    text-align: left;
    margin-top: 7px;
}

.expert h1 {
    margin-top: -5px;
    font-size: 46px;
    letter-spacing: -0.4px;
}

.expert .links {
    margin: 31px 21px;
    font-size: 16px;
    float: left;
    width: 357px;
}

.expert .links a {
    display: block;
    margin-bottom: 12px;
    line-height: 1.5;
}

.expert .links.content-width, .expert .fqr-article.blog .article-text img.links, .fqr-article.blog .article-text .expert img.links {
    width: 100%;
}

.expert .column-main {
    margin-bottom: -11px;
}

.large-search {
    float: none;
    margin-top: 33px;
    white-space: nowrap;
    overflow: hidden;
}

.large-search input {
    font-size: 24px;
    height: 60px;
    width: 780px;
    font-weight: 300;
    letter-spacing: -0.3px;
    padding-left: 37px;
    padding-right: 110px;
}

.large-search .search-icon {
    display: block;
    height: 60px;
}

.large-search .search-icon span {
    margin-top: 21px;
}

.large-search .action-button {
    width: 99px;
    height: 58px;
    font-size: 18px;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.expert-nav {
    margin-top: 34px;
    margin-bottom: -9px;
}

.expert-nav .caption, .expert-nav .supercaption {
    margin-bottom: 1px;
}

.expert-section {
    margin-bottom: -11px;
    border-top: 1px solid #e9e9e9;
    padding-top: 20px;
}

.expert-section .separator {
    width: 14px;
    height: 1px;
}

.expert-section .links {
    margin-top: 18px;
}

.expert-section .links a {
    margin-top: 4px;
    margin-bottom: 15px;
}

.expert-section .links a span {
    display: block;
    font-size: 14px;
    margin-top: 2px;
    color: #8c8c8c;
}

.expert-section .loadmore {
    text-align: left;
    padding: 0 0 50px;
}

.expert-article-actions {
    margin-top: 5px;
}

.expert-article-actions .back {
    float: left;
    height: 30px;
    width: 76px;
    padding: 6px 6px 6px 11px;
}

.expert-article-actions .watch {
    float: right;
    font-size: 14px;
    padding-top: 7px;
}

.expert-article {
    margin-top: 34px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.32px;
}

.expert-article h2 {
    font-weight: 900;
    margin-bottom: 27px;
}

.expert-article p {
    margin: 0 2px 10px 2px;
    font-weight: bold;
}

.expert-article .caption, .expert-article .supercaption {
    font-weight: 900;
    margin-top: 34px;
    padding-top: 33px;
    border-top: 1px solid #e9e9e9;
    margin-bottom: 28px;
}

.expert-article .reply {
    margin: 36px 87px 29px;
    padding-left: 11px;
    border-left: 2px solid #f84e5d;
}

.expert-article .reply p {
    margin: -8px 2px 0;
}

.expert-article .reply .timestamp {
    display: block;
    color: #8c8c8c;
    font-size: 14px;
    margin-top: 2px;
}

.expert-article .pagination {
    margin-top: 35px;
}

.expert-contact {
    margin: 76px 0;
    width: 581px;
}

.expert-contact .caption, .expert-contact .supercaption {
    font-size: 16px;
    margin-bottom: 27px;
}

.expert-contact .input-box {
    margin-bottom: 39px;
}

.expert-contact .input-box input, .expert-contact .input-box textarea {
    width: 380px;
}

.expert-contact .input-box.nomargin {
    margin-bottom: 19px;
}

.followed-threads {
    margin-bottom: 36px;
}

.followed-threads h2 {
    margin-top: 26px;
    letter-spacing: -0.9px;
}

.followed-threads .article-summary .tags {
    margin-top: 3px;
}

.followed-threads .article-summary .comments {
    margin-top: 11px;
    margin-left: 14px;
}

.followed-threads .article-summary .opt-link {
    margin-top: 9px;
    width: auto;
    margin-right: 15px;
}

.followed-threads .article-summary .unwatch {
    float: right;
    margin-right: 0;
    display: none;
}

.followed-threads .article-summary .activity {
    float: right;
    font-size: 14px;
    margin-top: -8px;
    margin-right: 8px;
}

.followed-threads .article-summary .activity-text {
    color: #cacaca;
}

.followed-threads .article-summary:hover .unwatch {
    display: block;
}

.fqr-article.lcStyle {
    background: #f6f6f6;
}

.mag-article-head.lcStyle {
    bottom: 60px;
}

.mag-article-head.lcStyle h1 {
    font-weight: 900;
    letter-spacing: -0.5px;
    margin-bottom: -8px;
}

.mag-article-head.lcStyle h4 {
    color: #fff;
    font-weight: 400;
    letter-spacing: -0.1px;
}

.fqr-article .mag-article-body.lcStyle {
    padding-bottom: 25px;
    position: relative;
}

#form-letter.lcStyle {
    margin-top: -80px;
    padding: 17px 100px 40px;
    background: #f6f6f6;
    border: 1px solid #ddd;
}

#form-letter.lcStyle input:first-child {
    font-size: 24px;
    background: transparent;
    color: #393939;
    padding: 15px 0px;
    border: 0px;
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
    letter-spacing: -0.25px;
}

#form-letter.lcStyle input:first-child:focus {
    outline: 0px;
}

#form-letter.lcStyle input:first-child:-moz-placeholder {
    color: #9d9d9d;
}

#form-letter.lcStyle input:first-child::-moz-placeholder {
    color: #9d9d9d;
}

#form-letter.lcStyle input:first-child:-ms-input-placeholder {
    color: #9d9d9d;
}

#form-letter.lcStyle input:first-child::-webkit-input-placeholder {
    color: #9d9d9d;
}

#form-letter.lcStyle .comment-editor-buttons {
    margin-top: 84px;
    margin-left: -16px;
    padding-bottom: 13px;
}

#form-letter.lcStyle .popup-actions {
    font-size: 12px;
}

.action-button.lcStyle {
    float: right;
    margin-top: -34px;
    padding: 10px 17px;
    font-size: 16px;
}

.corner.lcStyle {
    width: 60px;
    height: 60px;
    background-color: #f6f6f6;
    position: absolute;
    bottom: 25px;
    right: 0px;
}

.show-desc.lcStyle {
    margin: 0px;
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.fqr-article .mag-article-body.box-with-corner {
    padding: 40px 105px 36px 99px;
    border: 1px solid #e9e9e9;
    background: #f6f6f6;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 40px;
    position: relative;
}

.fqr-article .mag-article-body.box-with-corner .corner.lcStyle {
    bottom: -1px;
    right: -1px;
}

.fqr-article .mag-article-body.box-with-corner .dataPost {
    color: #888888;
    font-size: 14px;
    margin: -4px 0 7px 0;
}

.fqr-article .mag-article-body.box-with-corner .titlePost {
    width: 100%;
    clear: both;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 0;
    margin-bottom: 32px;
}

.pull-right {
    float: right;
}

.pull-right:after {
    display: block;
    width: 100%;
    clear: both;
    content: ' ';
}

.postBottomBar {
    position: relative;
}

.postBottomBar a {
    margin-right: 13px;
    color: #363636;
    font-size: 14px;
}

.comment-text-wrap.lcStyle {
    margin-top: 20px;
    width: 670px;
    float: right;
    font-size: 14px;
}

.comment-text-wrap.lcStyle a:first-child {
    color: #000;
}

.comment-text-wrap.lcStyle .comment-text {
    color: #8c8c8c;
    font-weight: 600;
}

.comment-text-wrap.lcStyle .comment-actions {
    font-size: 14px;
}

.comment-text-wrap.lcStyle .comment-actions a {
    margin-right: 15px;
}

.comment-text-wrap.lcStyle .profile-link {
    font-weight: 600;
}

.fqr-article .share-buttons.lcStyle {
    right: -10px;
    left: auto;
    position: relative;
    float: right;
    top: 0px;
}

.fqr-article .share-buttons.lcStyle a {
    margin-right: 3px;
}

.comment-item.lcStyle {
    margin-top: 20px;
}

.lc-head {
    height: 400px;
    background-position: 50% 0%;
}

.fqr-article .mag-article-body.lc-tags {
    padding: 10px 0 0;
}

.fqr-article .mag-article-body.lc-tags .article-tags {
    margin-bottom: 15px;
}

.fqr-article .mag-article-body.lc-reply {
    padding-top: 0;
}

.mag-article-head {
    position: absolute;
    margin: 0 auto;
    bottom: 40px;
    left: 0;
    right: 0;
}

.mag-article-head h1 {
    color: #fff;
    font-size: 46px;
    line-height: 1.06;
    letter-spacing: -0.65px;
    margin-bottom: 21px;
}

.mag-article-head .comments {
    margin: 6px 0px 0 16px;
    color: #fff;
}

.mag-article-head .comments:hover {
    opacity: 0.7;
}

.mag-article-head .comments:active {
    opacity: 1;
}

.fqr-article {
    background: #fbfbfb;
    position: relative;
}

.fqr-article .mag-article-body {
    margin: 0 auto;
    padding: 35px 0 40px;
    font-size: 18px;
}

.fqr-article .share-buttons {
    position: absolute;
    left: 0;
    top: 35px;
}

.fqr-article .article-tags {
    margin-bottom: 36px;
    margin-top: 36px !important;
}

.fqr-article .article-text {
    font-size: 18px;
    color: #363636;
    margin-bottom: 28px;
}

.fqr-article .article-text p {
    line-height: 1.8;
    margin: 13px 0 -3px;
    letter-spacing: -0.42px;
    font-size: 18px !important;
}

.fqr-article .article-text strong {
    letter-spacing: -0.10px;
}

.fqr-article .article-text h2 {
    color: #f84e5d;
    font-size: 24px;
    letter-spacing: -0.20px;
    margin: 33px 0 16px;
}

.fqr-article .article-text h2:first-child {
    margin: 0 0 15px;
}

.fqr-article .article-text ul {
    margin-top: 23px;
    margin-bottom: 32px;
    padding: 0 0 0 61px;
    letter-spacing: -0.4px;
    line-height: 1.8;
}

.fqr-article .article-text li {
    margin-bottom: 10px;
}

.fqr-article .article-text a {
    font-weight: 400;
    color: #f84e5d;
}

.fqr-article .article-text a:hover {
    color: #767676;
}

.fqr-article .article-text a:active {
    color: #363636;
}

.fqr-article .article-text img {
    width: 100%;
}

.fqr-article .article-text .mag-highlight {
    font-size: 36px;
    font-weight: 700;
    color: #363636;
    margin: 38px 0;
    line-height: 1.13;
}

.fqr-article .article-text .mag-highlight span {
    border-bottom: 2px solid #f84e5d;
    padding-bottom: 2px;
}

.fqr-article .article-share-buttons {
    margin: 56px 0 0;
}

.fqr-article .article-share-buttons div {
    margin-bottom: 16px;
}

.fqr-article .article-share-buttons a {
    margin-right: 7px;
}

.fqr-article .floater {
    float: left;
    margin: 9px 121px 0 -100px;
    width: 380px;
}

.fqr-article .floater .caption, .fqr-article .floater .supercaption {
    margin-bottom: 38px;
}

.fqr-article .floater p {
    margin: -1px 0 0;
    line-height: 1.4;
    letter-spacing: -0.10px;
}

.fqr-article .floater .comments {
    margin: 17px 0 10px;
    color: #363636;
}

.fqr-article .article-wrap {
    position: relative;
}

.article-comments .article-comments-body {
    margin: 0 auto;
    padding-top: 37px;
    padding-bottom: 40px;
}

.article-comments .emph {
    padding-bottom: 16px;
}

.article-comments textarea {
    width: 780px;
    height: 120px;
    padding: 8px 17px;
}

.article-comments .action-button {
    padding: 11px 19px;
}

.article-comments .article-comments-listing {
    padding-top: 40px;
    font-size: 14px;
    white-space: nowrap;
}

.article-comments .comment-item {
    margin-bottom: 37px;
}

.article-comments .comment-item.level-2 {
    padding-left: 100px;
    margin-bottom: 35px;
}

.article-comments .comment-item.level-2 .comment-text-wrap {
    width: 580px;
}

.article-comments .comment-text-wrap {
    display: inline-block;
    vertical-align: top;
    width: 680px;
    padding-top: 31px;
    position: relative;
}

.article-comments .comment-text {
    color: #8c8c8c;
    line-height: 1.45;
    font-weight: 400;
    letter-spacing: -0.1px;
    white-space: normal;
}

.article-comments .comment-text p {
    margin-top: 13px;
    margin-bottom: 12px;
}

.article-comments .profile-picture {
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
    margin-right: 18px;
}

.article-comments .profile-link {
    letter-spacing: -0.6px;
}

.article-comments .timestamp {
    padding-left: 19px;
    color: #8c8c8c;
}

.article-comments .comment-actions a {
    margin-right: 20px;
}

.article-comments .comment-actions span {
    margin-right: 8px;
}

.article-comments .inline-quote {
    padding-bottom: 2px;
    font-style: italic;
}

.article-comments .inline-quote .author {
    color: #8c8c8c;
}

.article-comments .inline-quote .icons-quote-s {
    vertical-align: bottom;
    margin-right: 16px;
}

.article-comments .inline-quote .quote-text {
    background: #ebebeb;
    display: inline-block;
    padding: 15px 20px 16px;
    margin: 14px 0 0;
    width: 546px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.comment-editor-buttons {
    color: #8c8c8c;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 23px;
}

.comment-editor-buttons button {
    background: none;
    border: none;
    padding: 0;
    width: 38px;
    height: 31px;
}

.comment-editor-buttons button span {
    width: 14px;
    height: 14px;
}

.article-comments.blog .emph {
    font-size: 16px;
}

.article-comments.blog .article-comments-body {
    padding-top: 37px;
    padding-bottom: 0;
}

.article-comments.blog .inline-quote {
    padding-bottom: 23px;
}

.article-related {
    padding: 20px 0 41px;
    border-top: 1px solid #e9e9e9;
}

.article-related .article-summary {
    padding-top: 23px;
    padding-bottom: 10px;
}

.article-related .article-summary .tags {
    margin-top: 2px;
    margin-bottom: 18px;
}

.article-related .article-summary .tags a {
    margin-top: 0;
}

.article-related .article-summary .comments {
    margin: 2px 0 0;
}

.article-related .article-summary .opt-link {
    width: auto;
    margin: 0 0 0 14px;
}

.article-related .article-summary.small {
    padding-top: 40px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.article-related.blog {
    padding: 40px 0 30px;
    border-top: none;
    border-bottom: 1px solid #e9e9e9;
}

.article-related.blog .article-summary {
    padding-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.article-forums {
    padding-bottom: 30px;
}

.article-forums .article-summary.small {
    padding-top: 20px;
    margin-bottom: 20px;
}

.article-forums .loadmore {
    padding: 21px 0 0;
}

.article-author {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-top: 1px;
}

.article-author .profile-picture {
    margin: -11px 8px 0 0;
}

.article-author:hover {
    opacity: 0.7;
}

.article-author:active {
    opacity: 1;
}

.mag-article-head.blog {
    bottom: 33px;
    text-align: center;
}

.mag-article-head.blog h1 {
    letter-spacing: -0.2px;
    margin-bottom: 46px;
}

.mag-article-head.blog .article-author {
    margin: 0 auto;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.4;
}

.mag-article-head.blog .article-author .profile-picture {
    margin-bottom: 15px;
    border: 2px solid #fff;
    width: 39px;
    height: 39px;
}

.mag-article-head.blog .article-author .profile-link {
    font-style: normal;
    color: #fff;
}

.fqr-article.blog .mag-article-body {
    padding: 57px 0 40px;
}

.fqr-article.blog .article-text p {
    padding: 0 100px;
    letter-spacing: -0.18px;
    margin: 13px 0 9px;
    font-weight: bold;
}

.fqr-article.blog .article-text ul {
    padding: 0 100px 0 138px;
    margin-top: 10px;
    margin-bottom: -3px;
    list-style: none;
}

.fqr-article.blog .article-text li {
    margin-bottom: 0;
}

.fqr-article.blog .article-text li:before {
    display: inline-block;
    vertical-align: top;
    content: "›";
    margin-right: 8px;
    color: #f8b15c;
}

.fqr-article.blog .article-text img {
    margin: 0 auto 32px;
    display: block;
}

.fqr-article.blog .quote-style {
    width: 820px;
    padding: 80px 100px 87px;
    margin: 30px 0 27px -20px;
    color: #969696;
    font-style: italic;
    text-align: center;
    line-height: 1.8;
    letter-spacing: -0.17px;
    background: #f6f6f6;
}

.fqr-article.blog .quote-decoration {
    margin: 0 auto;
    height: 24px;
    margin-bottom: 30px;
}

.fqr-article.blog .quote-decoration .q-border {
    background: #f6e8d7;
    width: 80px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
}

.fqr-article.blog .quote-decoration .icons-quote-o-m {
    width: 30px;
    height: 24px;
    vertical-align: top;
    margin: 0 37px;
}

.fqr-article.blog .quote-decoration-bottom {
    margin-top: 20px;
    height: 16px;
    text-align: center;
}

.fqr-article.blog .quote-decoration-bottom .icons-quote-o-end {
    height: 9px;
    width: 21px;
}

.fqr-article.blog .quote-source {
    font-size: 16px;
    margin-top: 29px;
    line-height: 1.5;
    letter-spacing: 1.2px;
    font-family: 'Playfair Display', serif;
}

.first-letter {
    font-size: 105px;
    font-family: 'Playfair Display', serif;
    color: #cacaca;
    float: left;
    font-weight: 900;
    height: 95px;
    line-height: 86px;
    margin-right: 20px;
}

.article-video {
    background: #eee;
    height: 438px;
    margin-bottom: 30px;
}

.article-video.lcStyle {
    height: 325px;
    margin-bottom: 40px;
}

.article-video.lcStyle iframe {
    height: 325px;
}

.video-link {
    position: relative;
    display: block;
    height: 439px;
    width: 780px;
    margin-bottom: 20px;
    text-align: center;
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -moz-transition-property: background-size;
    -o-transition-property: background-size;
    -webkit-transition-property: background-size;
    transition-property: background-size;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.video-link .video-fade {
    background: #171717;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.video-link .emph {
    font-size: 24px;
    line-height: 1.5;
}

.video-link:hover {
    background-size: 110% 110%;
}

.video-link:hover .video-fade {
    opacity: 0;
}

.video-link.half {
    width: 380px;
    height: 214px;
    float: left;
    margin-right: 20px;
}

.video-link.half .video-title {
    top: 116px;
}

.video-title {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 170px;
    color: #fff;
    font-size: 18px;
}

.watch-link {
    margin-top: 10px;
    font-size: 14px;
    display: inline-block;
}

.fqr-article.about-us {
    background: transparent;
}

.fqr-article.about-us .mag-article-body {
    padding: 18px 0 28px;
    border-bottom: 1px solid #e9e9e9;
}

.fqr-article.about-us .article-text h2 {
    color: #363636;
    margin: 33px 0 36px;
    font-size: 36px;
}

.fqr-article.about-us .article-text p {
    padding: 0 100px;
    line-height: 1.7;
    letter-spacing: -0.15px;
    margin: 13px 0;
}

.fqr-article.about-us .article-text .mag-highlight {
    margin: 2px 0 43px;
}

.fqr-article.about-us .floater {
    margin: 0px 20px 0 0px;
}

.fqr-article.about-us .loadmore {
    padding: 12px 0;
}

.article-comments.about-us {
    margin: 13px auto;
}

.article-comments.about-us .article-comments-body {
    padding-top: 22px;
    padding-bottom: 0px;
}

.article-comments.about-us .profile-picture {
    margin-top: 3px;
}

.article-comments.about-us .profile-link {
    letter-spacing: -0.2px;
}

.article-comments.about-us .comment-item {
    margin-bottom: 21px;
}

.article-comments.about-us .comment-text-wrap {
    padding-top: 13px;
    width: 700px;
}

.article-comments.about-us .comment-text p {
    margin-top: 23px;
}

.article-comments.about-us .caption, .article-comments.about-us .supercaption {
    margin-bottom: 18px;
}

.about-us-menu {
    position: absolute;
    left: 0;
    top: 35px;
    font-size: 16px;
}

.about-us-menu a {
    color: #8c8c8c;
    display: block;
    padding-bottom: 17px;
}

.about-us-menu a.current {
    color: #363636;
}

.terms-of-service .column-main {
    margin-top: 9px;
    margin-bottom: 14px;
}

.terms-of-service .column-main h2 {
    margin: 0 0 7px;
    letter-spacing: -0.4px;
}

.terms-of-service .column-main h3 {
    font-size: 16px;
    margin: 46px 0 12px;
    letter-spacing: -0.15px;
}

.terms-of-service .column-main h3 span {
    display: inline-block;
    width: 36px;
    color: #f84e5d;
}

.terms-of-service .column-main p {
    font-size: 16px;
    margin: 10px -3px 10px 37px;
    letter-spacing: -0.12px;
    line-height: 1.5;
}

.visual-boxes {
    margin-top: 15px;
}

.visual-boxes .visual {
    margin-bottom: 20px;
}

.media-logo-section {
    display: inline-block;
    vertical-align: top;
    margin-bottom: -6px;
}

.media-logo-section .caption, .media-logo-section .supercaption {
    margin-top: 18px;
    font-size: 18px;
    margin-bottom: 16px;
}

.media-logo-boxes a {
    background: #f2f2f2;
    width: 180px;
    height: 106px;
    margin-right: 16px;
    margin-bottom: 20px;
    display: inline-block;
}

.profile-head {
    margin-top: -35px;
    min-height: 276px;
    position: relative;
}

.profile-left {
    float: left;
    padding-top: 41px;
    margin-right: 21px;
}

.profile-right {
    padding-top: 55px;
    font-size: 16px;
    color: #8c8c8c;
    font-weight: 300;
    letter-spacing: 0;
}

.profile-right .caption, .profile-right .supercaption {
    margin: 0 0 11px;
    padding: 30px 0 17px;
    border-bottom: 1px solid #e9e9e9;
    font-weight: 300;
}

.profile-link.large {
    font-size: 24px;
    color: #363636;
}

.profile-title {
    line-height: 1.5;
}

.profile-website {
    float: right;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.8px;
    margin-right: -2px;
}

.profile-info {
    float: right;
    width: 1079px;
    margin-bottom: 30px;
}

.profile-info .info-tile {
    float: left;
    line-height: 1.9;
}

.profile-info .info-tile.right {
    float: right;
}

.profile-info .info-label {
    display: inline-block;
    vertical-align: top;
    width: 195px;
    text-overflow: ellipsis;
}

.profile-info .info-value {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    text-overflow: ellipsis;
    line-height: 1;
    padding-top: 7px;
}

.profile-content {
    margin-top: 35px;
}

.profile-content .comment-item {
    margin-bottom: 59px;
}

.profile-content .comment-text p {
    margin-bottom: 6px;
}

.profile-content .article-comments-listing {
    margin-bottom: -21px;
}

.profile-content h2 {
    margin-bottom: 10px;
}

.profile-content .article-summary {
    padding-bottom: 15px;
}

.profile-content .article-summary p {
    letter-spacing: -0.13px;
}

.profile-threads {
    padding-bottom: 29px;
}

.visual {
    position: relative;
    overflow: hidden;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
}

.visual h3 {
    line-height: 1.25;
    position: absolute;
    margin: 0;
    border-bottom: 2px solid #f84e5d;
    padding-bottom: 4px;
}

.visual .action-button {
    position: absolute;
    height: 30px;
    padding: 6px 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.visual.h240, .visual.h240md {
    height: 240px;
}

.visual.h240 h3, .visual.h240md h3 {
    top: 47px;
    left: 214px;
}

.visual.h240 .action-button, .visual.h240md .action-button {
    top: 190px;
    left: 298px;
}

.visual.h240md {
    width: 724px;
    margin: 0 auto;
}

.visual.h240md h3 {
    left: auto;
    right: 39px;
    top: 34px;
    font-size: 36px;
    font-weight: normal;
    line-height: 1.1;
    padding-bottom: 15px;
}

.visual.h240md .action-button {
    left: auto;
    right: 40px;
}

.visual.h320 {
    height: 320px;
}

.visual.h320 h3 {
    font-weight: 400;
    letter-spacing: -0.2px;
    top: 33px;
    left: 22px;
}

.visual.h320 .action-button {
    top: 266px;
    left: 22px;
}

.hoverEffect {
    position: relative;
    overflow: hidden;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hoverEffect span {
    background-image: url(/img/noavatar.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    background-size: cover;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 10px;
}

.hoverEffect span:hover {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.visual.text-light h3 {
    color: #fff;
}

.popup-width {
    width: 580px;
    margin: 0 auto;
    padding: 40px;
    min-height: 200px;
}

.fqr-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 201;
    opacity: 0;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    display: none;
    overflow-y: auto;
}

.popup-background {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #363636;
    opacity: 0.75;
}

.popup-content {
    position: absolute;
    z-index: 101;
    top: 50px;
    right: 0;
    left: 0;
    margin-bottom: 80px;
    font-size: 16px;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 50px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 50px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 50px 0px rgba(0, 0, 0, 0.25);
    -moz-transform: translateY(-40px) scale(0.9);
    -ms-transform: translateY(-40px) scale(0.9);
    -webkit-transform: translateY(-40px) scale(0.9);
    transform: translateY(-40px) scale(0.9);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    background: #f6f6f6;
}

.popup-content .popup-close {
    right: 20px;
    top: 12px;
    z-index: 102;
}

.popup-close {
    position: fixed;
    z-index: 101;
    right: 40px;
    top: 40px;
}

.popup-close .icons-x-sm-w {
    color: #000;
}

.popup-content.fqr-video-popup {
    position: fixed;
    background: transparent;
}

.popup-content.fqr-video-popup .popup-video-container {
    width: 100%;
    height: 660px;
    background: #eee;
    margin: 0 auto;
}

.popup-content.fqr-video-popup .video-title {
    text-align: center;
    position: absolute;
    top: auto;
    margin-top: 28px;
}

.fqr-popup.visible {
    opacity: 1;
}

.fqr-popup.visible .popup-content {
    -moz-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
}

.profile-picture.xlarge {
    margin: 0 auto;
    width: 160px;
    height: 160px;
    background-size: 160px;
}

.popup-title {
    color: #f84e5d;
    font-weight: 900;
    font-size: 24px;
    margin: 17px 0 11px;
}

.submit-question-caption {
    text-align: left;
}

.submit-question-intro {
    margin-top: 22px;
    line-height: 1.5;
}

.popup-inputs {
    margin-top: 30px;
    margin-bottom: 16px;
}

.popup-inputs label {
    display: block;
    margin-top: 15px;
    margin-bottom: 7px;
}

.popup-inputs input, .popup-inputs textarea {
    width: 100%;
}

.popup-inputs textarea {
    height: 120px;
}

.popup-inputs .half {
    width: 240px;
    float: left;
    margin-right: 20px;
}

.popup-actions {
    font-size: 14px;
    margin-bottom: -12px;
}

.popup-actions label {
    margin: 4px 19px 4px 9px;
    display: inline-block;
}

.popup-actions .action-button {
    margin-top: 39px;
    width: 125px;
    padding: 0;
}

.popup-head {
    height: 240px;
    margin: -40px 0 35px -40px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.forgot-password {
    float: right;
    font-size: 14px;
    color: #8c8c8c;
    margin-top: 6px;
    text-decoration: underline;
}

.register-prompt {
    display: inline-block;
    margin-top: 12px;
    margin-left: 18px;
}

.register-prompt a {
    color: #f84e5d;
}

.popup-facebook {
    background: #46629e;
    display: block;
    text-align: center;
    color: #fff;
    height: 70px;
    min-height: 70px;
    margin-top: 42px;
    margin-left: -40px;
    margin-bottom: -40px;
    font-size: 14px;
    padding: 26px 0;
    letter-spacing: -0.1px;
}

.popup-facebook:hover {
    color: rgba(255, 255, 255, 0.7);
}

.popup-facebook:active {
    color: #fff;
}

#p-edit-profile {
    text-align: center;
    position: relative;
}

#p-edit-profile .profile-picture.xlarge {
    margin-top: -120px;
    border: 8px solid #fff;
}

#p-edit-profile .inputs {
    text-align: left;
}

#p-edit-profile .input-box {
    margin-bottom: 15.33px;
}

#p-edit-profile .input-box input, #p-edit-profile .input-box select {
    width: 500px;
    height: 40px;
}

#p-edit-profile .input-box.half {
    width: 240px;
    margin-right: 20px;
}

#p-edit-profile .input-box.half input, #p-edit-profile .input-box.half select {
    width: 240px;
}

#p-edit-profile label {
    margin: 0 0 7px;
}

#p-edit-profile button {
    margin-top: 3px;
    padding: 11px 19px;
}

#p-login .popup-inputs, #p-register .popup-inputs {
    margin-top: 24px;
}

#p-login .popup-actions, #p-register .popup-actions {
    margin-top: 40px;
}

#p-login button, #p-register button {
    margin-top: 0;
}

/* MINE */

.fqr-forum-column-main {
    float: right;
}

.fqr-forum-column-side {
    width: 380px;
    float: left;
}

.forum-menu, .forum-list, .forum-discussion,
.forum-menu li, .forum-list li, .forum-discussion li,
.forum-menu li p {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 16px;
}

.forum-menu li > div > p:first-child:first-letter {
    text-transform: uppercase;
}

.forum-menu li p {
    margin-bottom: 5px;
    font-weight: 900;
}

.forum-menu li {
    margin-left: 20px;
    margin-bottom: 17px;
    padding-top: 10px;
    position: relative;
}

.forum-menu li p + p > span {
    color: #8c8c92;
    font-size: 14px;
}

.forum-menu li:before {
    content: '';
    display: block;
    width: 14px;
    height: 1px;
    background-color: #f84e5d;
    position: absolute;
    top: 0;
    left: 0;
}

.forum-menu li.active div > p > a {
    background: #f84e5d;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #fff;
    padding: 3px 5px;
    margin-left: -5px;
    position: relative;
    /*    overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    /* test */
}

.forum-menu li.active div > p > a:after {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 13px 13px;
    border-color: transparent transparent transparent #f84e5d;
    position: absolute;
    top: 0;
    right: -13px;
}

/*
.forum-menu li.active div > p > a:after {
    display: inline-block;
    content: '';
    width: 13px;
    height: 26px;
    background: url('../img/icons/active-arrow.svg') no-repeat center right;
    position: absolute;
    top: 0;
    right: -12px;
}
*/
.content-wrapper {
    position: relative;
}

.content-wrapper > h2,
.menu-wrapper > h2 {
    margin: 0;
    margin-bottom: 32px;
}

.content-wrapper > h2:first-letter,
.menu-wrapper > h2:first-letter {
    text-transform: uppercase;
}

.forum-list li {
    position: relative;
    padding-top: 10px;
    margin-bottom: 25px;
}

.forum-list li:before {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #f84e5d;
    position: absolute;
    top: 0;
    left: 0;
}

.forum-list li h3 {
    margin-top: 5px;
}

.forum-list li h3 a {
    font-weight: 400;
}

.forum-list li h3 ~ div a,
.forum-list li h3 ~ a,
.forum-list li h3 + a {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.38rem;
}

.forum-list .article-author, .forum-list .tags a {
    font-size: 14px;
}

.forum-list li h3 > b {
    background: #f84e5d;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    padding: 2px 8px;
    margin-left: 10px;
    border-radius: 3px;
    vertical-align: middle;
    font-weight: normal;
}

.forum-list li p {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.forum-list-helpers {
    margin-top: 15px;
    margin-bottom: 15px;
}

.forum-list-helpers > div {
    display: inline-block;
    vertical-align: middle;
}

.forum-list-helpers > div.forum-time,
.forum-list-helpers > div.forum-user,
.forum-list-helpers > div.permalink {
    line-height: 40px;
}

.forum-list-helpers > div.forum-user {
    /*    line-height: 2.2rem;*/
}

.forum-list-helpers > div.forum-user .profile-picture {
    margin: -4px 8px 0 0;
}

.forum-list-helpers > div.forum-time *,
.forum-list-helpers > div.forum-user *,
.forum-list-helpers > div.permalink * {
    vertical-align: middle;
}

.forum-list-helpers > div.forum-time {
    font-size: 14px;
    line-height: 39px;
    font-weight: 600;
}

.forum-list-helpers > div.forum-user a.article-author {
    color: #363636;
}

.forum-list-helpers > div.comments a {
    padding-top: 5px;
}

.forum-list-helpers > *:not(:last-child) {
    margin-right: 24px;
}

.forum-list-helpers .avatar {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    border-radius: 20px;
    display: inline-block;
}

.forum-list-helpers .quotelink,
.forum-list-helpers .fraud,
.forum-list-helpers .permalink {
    float: right;
    line-height: 40px;
    vertical-align: middle;
}

.forum-list-helpers .quotelink {
    margin-right: 27px;
    font-size: .85rem;
}

.forum-list-helpers .permalink {
    margin-right: 27px;
    font-size: .85rem;
}

.forum-list-helpers .fraud {
    margin-right: 0px;
    font-size: .85rem;
}

.forum-list-helpers .fraud a:before {
    content: '';
    width: 11px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
    background: url('../img/icons/eye-r.png') no-repeat center top;
    background-size: contain;
}

.forum-list-helpers .quotelink a:before {
    content: '';
    width: 11px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
    background: url('../img/icons/ico-quotelink.svg') no-repeat center top;
    background-size: contain;
}

.forum-list-helpers .permalink a:before {
    content: '';
    width: 8px;
    height: 12px;
    display: inline-block;
    margin-right: 4px;
    background: url('../img/icons/ico-permalink.svg') no-repeat center top;
    background-size: contain;
}

a.quotelink, a.permalink {
    color: #afaeae !important;
}

a.quotelink:before {
    content: '';
    width: 11px;
    height: 10px;
    display: inline-block;
    margin-right: 4px;
    background: url('../img/icons/ico-quotelink.svg') no-repeat center top;
    background-size: contain;
}

a.permalink:before {
    content: '';
    width: 8px;
    height: 12px;
    display: inline-block;
    margin-right: 4px;
    background: url('../img/icons/ico-permalink.svg') no-repeat center top;
    background-size: contain;
}

a.observelink {
    margin-left: 22px;
    color: #363636;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    display: inline-block;
    line-height: 38px;
}

a.observelink:before {
    content: '';
    width: 14px;
    height: 10px;
    display: inline-block;
    margin-right: 12px;
    background: url('../img/icons/ico-observelink.svg') no-repeat center center;
    background-size: contain;
}

/*
.forum-list-helpers .permalink a span{
  color: #f3344b;
}
*/
.forum-list-helpers .quotelink a,
.forum-list-helpers .permalink a,
.forum-list-helpers .fraud a {
    color: #afaeae;
    vertical-align: middle;
}

div.pagination {
    position: relative;
    padding-top: 25px;
    margin-bottom: 25px;
}

div.pagination :before {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #f84e5d;
    position: absolute;
    top: 0;
    left: 0;
}

div.pagination a.current {
    border-color: #a4a4a4;
}

.chat-module .forum-entry p {
    margin-top: 0;
    font-weight: 400;
}

.forum-entry p {
    font-size: 18px;
    /*font-weight: 600;*/
    line-height: 22px;
}

.forum-discussion .header {
    font-weight: 900;
    font-size: 14px;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 35px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.forum-discussion li {
    word-wrap: break-word;
    padding-bottom: 23px;
    margin-bottom: 23px;
}

.forum-discussion li:not(:last-child) {
    border-bottom: 1px solid #e9e9e9;
}

.forum-discussion li .forum-list-helpers * {
    font-weight: 400;
}

.forum-discussion li .forum-list-helpers + div {
    padding-left: 51px;
    line-height: 1.38rem;
}

.forum-discussion li .forum-list-helpers + div figure img {
    max-width: 100%;
}

.forum-discussion li .forum-list-helpers + div p:first-child {
    margin-top: 0;
}

.forum-discussion li .forum-list-helpers + div p {
    font-size: 18px;
    /*font-weight: 600;*/
}

quote {
    display: block;
    padding: .8rem 2rem;
    background: #efefef;
    border-radius: 8px;
    font-size: .85rem;
    color: #9a9a9a;
    font-style: italic;
    line-height: 1.35rem;
    margin: 1rem 0;
    border-top-left-radius: 0;
}

/*
quote {
  display: block;
  border-left: 2px solid #f3344b;
  padding-left: 28px;
  margin: 26px 0;
  font-style: italic;
}
*/

.forum-form {
    position: relative;
    padding-top: 5px;
    margin-bottom: 25px;
}

.forum-form h5 {
    margin-bottom: 25px;
}

.forum-form:before {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #f84e5d;
    position: absolute;
    top: 0;
    left: 0;
}

.forum-form textarea {
    width: 100%;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
}

.forum-form .textarea-wrapper {
    margin-bottom: 15px;
}

.button-wrapper {
    margin-bottom: 25px;
    overflow: hidden;
    width: 100%;
}

.forum-button {
    text-transform: uppercase;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.user-header {
    overflow: hidden;
    margin-bottom: 25px;
}

.user-header .avatar img {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 60px;
}

.user-header > div {
    float: left;
}

.user-header > div.avatar {
    width: 120px;
    margin-right: 20px;
}

.user-header > div.user-details {
    width: calc(100% - 140px);
    font-size: 16px;
    font-weight: 600;
}

.user-header > div.user-details h2 {
    margin: 0;
    font-weight: 800;
}

.user-header > div.user-details h2 span {
    font-style: italic;
    color: #f84e5d;
    font-weight: 400;
}

.user-header > div.user-details p.date {
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    margin-right: 1rem;
}

.user-header > div.user-details p.ranking {
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
}

p.ranking a:hover b {
    color: #ffadb4 !important;
}

.user-header > div.user-details p.ranking b {
    font-weight: 400;
    color: #f84e5d;
}

label sup {
    color: #f84e5d;
    font-size: 1.2rem;
    top: 0;
}

.user-header > div.user-details .action-button {
    font-style: normal;
    margin-left: 1rem;
}

div.user-details {
    position: relative;
}

div.user-details .social-wrapper {
    position: absolute;
    top: 4px;
    right: 0;
}

div.user-details .social-wrapper > div {
    display: inline-block;
}

div.user-details .social-wrapper > div:not(:first-child) {
    margin-left: 1rem;
}

div.user-details .social-wrapper > div a {
    font-size: .85rem;
    font-weight: 400;
}

.social-wrapper .social-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.social-wrapper .social-icon:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: .5rem;
    vertical-align: middle;
}

.social-wrapper .social-icon.facebook:before {
    background: url('../img/icons/social-facebook.png') no-repeat center center;
    background-size: contain;
}

.social-wrapper .social-icon.twitter:before {
    background: url('../img/icons/social-twitter.png') no-repeat center center;
    background-size: contain;
}

.social-wrapper .social-icon.google:before {
    background: url('../img/icons/social-google.png') no-repeat center center;
    background-size: contain;
}

.user-menu {
    margin-bottom: 45px;
}

.user-menu > button {
    width: 100%;
    margin-bottom: 20px;
    display: none;
}

.user-menu > div {
    overflow: hidden;
    width: 100%;
    border-bottom: 2px solid #f84e5d;
}

.user-menu > div > p {
    float: left;
    margin: 0;
    padding: 10px 0;
}

.user-menu > div > p.current {
    border-bottom: 2px solid #f84e5d;
}

.user-menu > div > p.current a {
    color: #f84e5d;
}

.user-menu > div > p:not(:last-child) {
    margin-right: 5%;
}

.user-menu p a {
    position: relative;
}

.user-menu p a > span {
    background: #f84e5d;
    color: #fff;
    font-size: 12px;
    border-radius: 20px;
    padding: 2px;
    display: inline-block;
    position: absolute;
    right: -20px;
    top: -5px;
    min-width: 18px;
    text-align: center;
}

.chat-menu > li > div > p > a {
    position: relative;
}

.chat-menu > li.current > div > p > a {
    background: #f84e5d;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
}

.chat-menu > li > div > p + span {
    color: #afaeae;
    font-size: .85rem;
}

span.counter {
    background: #f84e5d;
    color: #fff;
    font-size: 12px;
    border-radius: 20px;
    padding: 2px;
    display: inline-block;
    position: absolute;
    right: -20px;
    top: -5px;
    min-width: 18px;
    text-align: center;
    z-index: 1;
}

.settings-wrapper form fieldset {
    border: none;
    margin: 10px 0 20px 0;
    padding: 0;
}

.settings-wrapper form h5 {
    margin-bottom: 20px;
}

.settings-wrapper form label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #818181;
    margin-bottom: 10px;
}

.settings-wrapper .form-button-wrapper {
    margin-top: 40px;
}

.settings-wrapper button {
    text-transform: uppercase;
}

.settings-wrapper textarea {
    min-width: 75%;
}

.settings-wrapper input#home_site {
    min-width: 65%;
}

.settings-wrapper input#firstname,
.settings-wrapper input#facebook,
.settings-wrapper input#googleplus,
.settings-wrapper input#website,
.settings-wrapper input#video {
    min-width: 55%;
}

.settings-wrapper .form-2-columns {
    overflow: hidden;
}

.settings-wrapper .form-2-columns > fieldset {
    width: 35%;
    float: left;
}

.settings-wrapper .form-2-columns > fieldset > * {
    width: 90%;
    font-weight: 600;
}

.settings-wrapper + .clearfix {
    margin-bottom: 45px;
}

.settings-wrapper .redactor-editor {
    min-height: 180px !important;
    padding-bottom: 2rem;
}

.settings-wrapper h2.line {
    position: relative;
    margin-top: 0;
    padding-bottom: 1.8rem;
    margin-bottom: 2rem;
}

.settings-wrapper h2.line:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #f84e5d;
    position: absolute;
    bottom: 0;
    left: 0;
}

.settings-wrapper .user-menu {
    margin-bottom: 25px;
}

.settings-wrapper .column-side {
    margin-top: 81px;
}

.settings-wrapper .forum-entry a {
    font-weight: 400;
}

.settings-wrapper .forum-list-helpers + .forum-entry {
    margin-top: 1rem;
}

h5 + h2 {
    margin-top: -15px;
}

.chat-module {
    overflow: hidden;
    padding-top: 10px;
    border-bottom: 1px solid #e9e9e9;
}

.chat-module .article-author .profile-picture {
    margin-top: 0;
}

.chat-module .forum-user {
    float: left;
}

.chat-module .chat-helper {
    overflow: hidden;
    font-size: 14px;

    padding-top: 0px;
    margin-top: 0;
}

.chat-module .chat-helper > * {
    float: right;
    margin-left: 25px;
    color: #afaeae;
}

.chat-module .chat-helper > span:first-child {
    float: left;
    margin-left: 0;
}

.chat-module .chat-helper a {
    color: #f84e5d;
}

.chat-module .chat-wrapper {
    margin-left: 50px;
}

.chat-module:last-child {
    border: none;
}

.chat-module.reply .chat-helper {
    overflow: inherit;
    max-width: 190px;
    float: right;
}

.chat-module .chat-helper > .quotelink {
    margin-right: 0 !important;
}

.chat-helper .quotelink {
    line-height: 1rem;
}

.chat-helper .quotelink a {
    color: #afaeae;
}

.chat-module.reply .forum-entry {
    padding-top: 15px;
    float: left;
    width: calc(100% - 170px);
}

.chat-module.reply .forum-entry p {
    margin-top: 0;
}

.chat-wrapper .chat-helper.forum-list-helpers {
    display: block;
}

.chat-content .chat-wrapper .forum-entry {
    padding-top: .65rem;
    padding-bottom: 1rem;
    margin-bottom: .45rem;
    font-size: .85rem;
    line-height: 1.25rem;
}

.forum-topic .forum-entry {
    font-size: 18px;
    line-height: 1.38rem;
}

.content-width.subjects-list, .fqr-article.blog .article-text img.subjects-list,
.content-width.comments-list,
.fqr-article.blog .article-text img.comments-list {
    margin: 0;
}

.content-width.subjects-list .forum-topic, .fqr-article.blog .article-text img.subjects-list .forum-topic,
.content-width.comments-list .forum-topic,
.fqr-article.blog .article-text img.comments-list .forum-topic {
    position: relative;
    padding-top: 25px;
    margin-bottom: 25px;
}

.content-width.subjects-list .forum-topic:after, .fqr-article.blog .article-text img.subjects-list .forum-topic:after,
.content-width.comments-list .forum-topic:after,
.fqr-article.blog .article-text img.comments-list .forum-topic:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #f84e5d;
    position: absolute;
    top: 0;
    left: 0;
}

.content-width.subjects-list .forum-topic, .fqr-article.blog .article-text img.subjects-list .forum-topic {
    padding-top: 5px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.cancel-button {
    border: 1px solid #cacaca;
    background: transparent;
    color: #bababa;
}

.cancel-button:hover {
    background: #bababa;
    color: #fff;
}

/*

git add --all
git commit -m "komunikat"
git push

*/
#replyModal {
    position: fixed;
    pointer-events: visible;
    background: #f6f6f6;
    width: 98%;
    height: 98%;
    top: 1%;
    left: 1%;
    border-radius: 3px;
    border: 1px solid rgba(156, 156, 156, .5);
    box-shadow: 0 0 25px 5px rgba(128, 128, 128, .25);
    z-index: 1000;
}

#replyModal > div {
    padding: 10px;
}

#replyModal > span:first-child {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: .8rem .5rem 0 .5rem;
}

#replyModal a#closeReplyModal {
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: .5rem;
    top: .7rem;
    line-height: 1rem;
    vertical-align: middle;
    text-align: center;
}

#replyModal textarea {
    width: 100%;
    min-height: 400px;
    display: block;
    margin-top: 0;
}

#replyModal button {
    margin-top: 0;
    float: right;
}

#replyModal .modalAction {
    background: #eaeaea;
    padding: 10px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

form.search-box input {
    width: 300px;
    display: inline-block;
    margin-right: 33px;
    height: 38px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

form.search-box #searchSubject {
    vertical-align: top;
    padding: 8px 10px;
    display: inline-block;
    margin-left: -4px;
    border-radius: 0;
}

form.search-box .select2-container {
    min-width: 0;
    right: 37px;
    top: -1px;
}

form.search-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 4px;
    padding-bottom: 4px;
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
}

form.search-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: -5px;
}

form.search-box .select2-container .select2-selection--single {
    height: 38px;
}

form.search-box .search-icon {
    height: 38px;
    padding-top: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.transparent form.search-box .select2-container--default .select2-selection--single {
    background: transparent;
}

.transparent form.search-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    background: transparent;
}

/*select2 select2-container select2-container--default select2-container--below select2-container--focus */
form.search-box .select2-container--open {
    background: rgba(255, 255, 255, .5);
}

form.search-box .select2-container--default .select2-selection--single {
    border-radius: 0;
}

form.search-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-radius: 0;
}

form#header-search button[type="submit"] {
    top: -9px;
}

form[name="contact"] div.input-box textarea#contact_content {
    display: block;
}

form[name="contact"] .make-space div.g-recaptcha {
    display: block;
}

.captcha-contact {
    margin-top: 3rem;
}

.redactor-box {
    padding-top: 0 !important;
}

table.user-table {
    table-layout: fixed;
    width: 100%;
}

table.user-table th {
    width: 20%;
    text-align: left;
}

table.user-table th, table.user-table td {
    padding: .5rem .15rem;
}

table.user-table tr:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
}

.fqr-main .search-box {
    float: none;
}

.forum-discussion.forum-discussion-wrapper li .redactor-buttons + div {
    opacity: 0;
    transition-duration: .3s;
}

.forum-discussion.forum-discussion-wrapper li:hover .redactor-buttons + div {
    opacity: 1;
}

.forum-discussion.forum-discussion-wrapper ul.redactor-toolbar {
    width: calc(100% - 50px) !important;
    left: 50px !important;
}

.forum-discussion.forum-discussion-wrapper ul.redactor-toolbar,
.forum-discussion.forum-discussion-wrapper div.redactor-in,
.forum-discussion.forum-discussion-wrapper .redactor-buttons {
    margin-left: 50px;
}

.forum-discussion.forum-discussion-wrapper .redactor-buttons + div a {
    font-size: 12px;
    color: #f84e5d;
}

.forum-discussion.forum-discussion-wrapper .redactor-buttons + div a:first-child {
    margin-left: 50px;
}

.mod-buttons a:not(:first-child):before {
    content: ' | ';
    display: inline-block;
    margin: 0 10px;
    color: #e9e9e9;
}

.redactor-toolbar {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

.redactor-in {
    border-top: 1px dashed rgba(0, 0, 0, .15) !important;
}

/*.redactorIt + div*/

/*<<<<<<< HEAD*/
.button-wrapper.sticky.fixed {
    position: fixed;
    background: rgba(246, 246, 246, .85);
    padding-top: 34px;
    padding-bottom: 15px;
    z-index: 101;
}

.button-wrapper.sticky.fixed + h2 {
    margin-top: 52px;
}

form[name="user_data"] label,
form[name="user_data"] input[type="text"],
form[name="user_data"] input[type="password"] {
    font-weight: 600;
}

form[name="user_data"] select#state {
    margin-bottom: 20px;
}

/*=======*/
.button-wrapper.sticky.fixed {
    position: fixed;
    background: rgba(246, 246, 246, .85);
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 101;
}

.button-wrapper.sticky.fixed + h2 {
    margin-top: 52px;
    margin-top: 10px;
}

.no-border {
    border: none;
}

.select-text {
    background-color: #f84e5d;
    color: #FFFFFF;
}

/*>>>>>>> b5121236baad69dc7e9427d83633a430bfb59a0d*/

.subject-wrapper {
    width: 780px;
    overflow: hidden;
    border: 1rem solid #fff;
    position: relative;
    z-index: 10;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    margin-bottom: 2rem;
}

.subject-wrapper > div {
    background: #fff;
    width: 780px;
}

.in-wrapper {
    height: 150px;
    overflow: hidden;
    margin-bottom: 1rem;
    position: relative;
}

.in-wrapper:after {
    content: '';
    display: block;
    width: 100%;
    height: 1.25rem;
    position: absolute;
    bottom: 0;
    background: transparent;
    z-index: 9;
}

/*.subject-wrapper.open {width: calc(780px + 246px); position: absolute; box-shadow: 0 0 8px rgba(128,128,128,.25);}*/
.subject-wrapper.open div.in-wrapper {
    height: auto;
}

/*.subject-wrapper.open + * {padding-top: 270px;}*/
.subject-wrapper h5 {
    color: #afaeae;
    margin-top: 0;
}

.subject-wrapper ul {

    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    padding-left: 0;
    width: 246px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.subject-wrapper li {
    padding-left: 1rem;
    position: relative;
    width: calc(33% - 1rem);
    margin-right: 1rem;
    float: left;
    height: 60px;
}

.subject-wrapper li:before {
    content: '';
    background: url('../img/icons/icon-right-check-mark.svg') no-repeat center center;
    background-size: contain;
    width: 8px;
    height: 16px;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
}

.subject-wrapper li > p {
    font-size: 16px;
    margin-top: 0;
}

.subject-wrapper li > p span {
    font-size: 14px;
    display: block;
    color: #afaeae;
}

.subject-wrapper a.action-button {
    transition-duration: .2s;
}

.subject-wrapper a.action-button span:before {
    content: '';
    background: url('../img/icons/icon-btn-arrow-down.svg') no-repeat center center;
    background-size: contain;
    width: 16px;
    height: 8px;
    display: inline-block;
    margin-right: .25rem;
}

.subject-wrapper.open a.action-button span:before {
    transform: rotateZ(180deg);
}

.subject-wrapper + h2 + ul + h2 {
    margin-top: 6rem;
}

.avatar-modal-wrapper > .gallery-wrapper ul,
.user-data-wrapper ul.comments-list,
.user-data-wrapper ul.observed-list,
ul.breadcrumb,
ul.entries-list-side {
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    padding-left: 0;
}

ul.breadcrumb {
    margin-top: 0;
    margin-bottom: 0;
}

.closed,
.pinned {
    display: inline-block;
    background: #8d8d8d;
    color: #fff;
    letter-spacing: 1px;
    font-size: .6rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 6px;
    padding: .4rem .6rem .2rem 1.4rem;
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: .65rem;
    position: relative;
}

.closed:before,
.pinned:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 14px;
    height: 13px;
    background: url('../img/icons/icon-pin.svg') no-repeat center center;
    background-size: contain;
    margin-right: .2rem;
    vertical-align: middle;
}

.closed:before {
    background: url('../img/icons/ico-closed.svg') no-repeat center center;
    top: 4px;
    height: 14px;
}

ul.entries-list-side {
    margin-bottom: 2rem;
}

ul.entries-list-side li {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
}

ul.entries-list-side li > div {
    margin-top: -2px;
    margin-bottom: 6px;
}

ul.entries-list-side h3 {
    display: inline;
    margin: 0;
    margin-right: .5rem;
    line-height: 1rem;
}

ul.entries-list-side h3 a {
    font-size: .9rem;
}

ul.entries-list-side a.tag {
    font-size: .7rem;
    border: 1px solid #e2e2e2;
    color: #cdcdcd;
    border-radius: 3px;
    padding: 2px 8px !important;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle !important;
    width: auto !important;
}

ul.entries-list-side a.tag:hover {
    color: #e2e2e2;
}

ul.entries-list-side a.tag:first-letter {
    text-transform: uppercase !important;
}

ul.entries-list-side p {
    margin: 0;
    margin-top: .5rem;
    font-size: .75rem;
}

ul.entries-list-side p * {
    color: #afaeae;
    display: inline-block;
    font-weight: 400;
}

ul.entries-list-side p *:not(:last-child) {
    margin-right: 1rem;
}

ul.entries-list-side .comment-counter:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../img/icons/ico-comment.svg') no-repeat center center;
    background-size: contain;
    vertical-align: bottom;
    margin-right: 5px;
}

a.tag {
    white-space: nowrap;
}

div.entries-list-side h3 {
    font-size: 1rem;
    color: #f3344b;
    margin-bottom: 2rem;
}

div.entries-list-side h3:not(:first-child) {
    margin-top: 3rem;
}

div.entries-list-side .action-button.main {
    background: transparent;
    color: #f3344b;
    border: 1px solid #f3344b;
    text-transform: uppercase;
}

ul.entries-list-side .action-button.main {
    margin-top: -2rem;
    margin-bottom: 2rem;
}

.entries-list-side > div + div {
    margin-top: 3rem;
}

.fqr-forum-column-main.fqr-user-messages {
    float: right;
    width: 880px;
}

.fqr-forum-column-main {
    float: left;
}

.fqr-forum-column-side.fqr-user-messages {
    float: left;
    width: 280px;
}

.fqr-forum-column-side {
    float: right;
}

.user-data-wrapper h2 {
    margin-bottom: 2rem;
}

.user-data-wrapper ul.comments-list li .forum-entry {
    font-size: 1rem;
}

.user-data-wrapper ul.comments-list li {
    position: relative;
    padding-bottom: 25px;
    margin-top: 15px;
}

.user-data-wrapper ul.comments-list li:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #f84e5d;
    position: absolute;
    bottom: 0;
    left: 0;
}

.user-data-wrapper ul.observed-list li {
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9e9e9;
}

.user-data-wrapper ul.observed-list li div.text-wrapper {
    font-weight: 600;
    font-size: 1rem;
    padding-right: 200px;
}

.user-data-wrapper ul.observed-list li .tags * {
    font-weight: 600;
}

.user-data-wrapper ul.observed-list li .forum-list-helpers > div.forum-user a.article-author {
    font-weight: 400;
}

.user-data-wrapper ul.observed-list li .forum-list-helpers > div.forum-user a.forum-time {
    font-weight: 400;
}

.observed-list .forum-list-helpers > div.forum-time {
    font-weight: 400;
}

.observed-list .tags a::first-letter {
    text-transform: uppercase;
}

.observed-list .tags a {
    font-weight: 400 !important;
}

.observed-helper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-75%);
}

.observed-helper * {
    text-transform: uppercase;
}

.observed-helper a {
    font-size: .9rem !important;
    font-weight: 400 !important;
}

.observed-helper a:not(.action-button) {
    color: #f84e5d;
}

.observed-remove {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 1.5rem;
    background: url(../img/icons/x-lg.png) no-repeat center center;
    background-size: contain;
    text-indent: -9999rem;
    vertical-align: middle;
}

.observed-helper .action-button + .observed-remove {
    margin-top: 13px;
}

.observed-helper .action-button {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.fqr-head .menu .logged-menu a.observed-link-menu * {
    text-indent: -9999rem;
}

.fqr-head .menu .logged-menu a.observed-link-menu {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: -9999rem;
    background: url('../img/icons/ico-observe-menu.png') no-repeat center center;
    background-size: contain;
    vertical-align: middle;
}

.open-modal-avatar {
    text-align: center;
    font-size: 1rem;
}

.open-modal-avatar span {
    display: block;
    margin-top: 1rem;
}

.avatar-modal {
    position: fixed;
    background: #fff;
    width: 800px;
    margin: 0 auto;
    top: 135px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1002;
    padding: 1rem;
    display: none;
}

.avatar-modal > div {
    position: relative;
}

.close-modal-avatar {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
}

.avatar-modal-wrapper {
    overflow: hidden;
}

.avatar-modal-wrapper header {
    margin-bottom: 1rem;
}

.avatar-modal-wrapper > .picture-wrapper {
    width: 300px;
    float: left;
    text-align: center;
}

.avatar-modal-wrapper > .picture-wrapper p {
    font-size: .9rem;
    color: #818181;
    margin-top: 0;
    width: 100%;
}

.avatar-modal-wrapper > .picture-wrapper p > img {
    display: block;
    margin: 0 auto 10px auto;
}

.avatar-modal-wrapper > .picture-wrapper p:first-child {
    margin-bottom: 0;
    padding-bottom: 200px;
}

.avatar-modal-wrapper > .picture-wrapper .img-wrapper {
    text-transform: uppercase;
    width: 300px;
    height: 300px;
    float: left;
    border: 3px dashed #cfcfcf;
    background: #ededed url('../img/avatar-upload-img.png') no-repeat top 50px center;
    text-align: center;
    margin: 8px 0;
    position: relative;
    overflow: hidden;
}

.avatar-modal-wrapper > .picture-wrapper .img-wrapper > div {
    position: absolute;
    top: 50%;
    transform: translateY(-10%) translateX(-50%);
    left: 50%;
}

.avatar-modal-wrapper > .picture-wrapper .img-wrapper > div {
    position: absolute;
    top: 0;
    left: 0;
}

.avatar-modal-wrapper > .picture-wrapper .img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 300px;
    display: none;
}

.avatar-modal-wrapper > .picture-wrapper .img-wrapper img.show {
    display: block;
}

.avatar-modal-wrapper > .gallery-wrapper {
    width: 450px;
    float: right;
    height: 300px;
    overflow: auto;
    margin-top: 25px;
}

.avatar-modal-wrapper > .gallery-wrapper li {
    width: 130px;
    height: 130px;
    float: left;
    margin: 0 10px 10px 0;
}

.avatar-modal-wrapper > .gallery-wrapper li img {
    display: block;
    width: 130px;
    height: 130px;
    background: #fafafa;
}

.avatar-modal-wrapper > .gallery-wrapper li.choose-from-disk {
    text-align: center;
    color: #f84e5d;
    text-transform: uppercase;
    font-size: .9rem;
}

.avatar-modal-wrapper > .gallery-wrapper li.choose-from-disk * {
    color: #f84e5d;
}

.avatar-modal-wrapper > .gallery-wrapper li.choose-from-disk div {
    background-color: #ebebeb;
    height: 100%;
    margin: 0;
}

.avatar-modal-wrapper > .gallery-wrapper li.choose-from-disk a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.avatar-modal-wrapper > .gallery-wrapper li.choose-from-disk a span {
    position: absolute;
    bottom: 20px;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.avatar-modal-wrapper > .gallery-wrapper li.choose-from-disk a span:before {
    position: absolute;
    content: '';
    width: 34px;
    height: 34px;
    left: 13px;
    top: -40px;
    display: block;
    background: #ebebeb url('../img/avatars/ico-default-empty.png') no-repeat center center;
}

.avatar-modal-wrapper > .picture-wrapper .img-wrapper.selected {
    border: 3px solid #fff;
}

/*.avatar-modal-wrapper > .picture-wrapper .img-wrapper.selected:before {content: ''; display: block; position: absolute; z-index: 100; width: 294px; height: 294px; background: url('../img/avatars/avatar-mask.png') no-repeat center center; background-size: contain;}*/
.avatar-modal-wrapper > .picture-wrapper .img-wrapper + .submit-wrapper {
    display: none;
}

.avatar-modal-wrapper > .picture-wrapper .img-wrapper.selected + .submit-wrapper {
    display: block;
}

.avatar-modal h5 {
    margin-top: 0;
}

.close-modal-avatar {
    display: block;
    width: 13px;
    height: 13px;
    background: url(../img/icons/x-lg.png) no-repeat center center;
    background-size: contain;
    text-indent: -9999rem;
}

.avatar-screen-cover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .25);
    z-index: 1001;
    display: none;
}

.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 102px;
    height: 102px;
    transform: scale(3);
    transform-origin: 0 97%;
}

.cropit-preview-image-container {
    cursor: move;
}

.image-size-label {
    margin-top: 10px;
}

input, .export {
    display: block;
}

button {
    margin-top: 10px;
}

/* Show load indicator when image is being loaded */
.cropit-preview.cropit-image-loading .spinner {
    opacity: 1;
}

/* Show move cursor when image has been loaded */
.cropit-preview.cropit-image-loaded .cropit-preview-image-container {
    cursor: move;
}

/* Gray out zoom slider when the image cannot be zoomed */
.cropit-image-zoom-input[disabled] {
    opacity: .2;
}

/* Hide default file input button if you want to use a custom button */
input.cropit-image-input {
    visibility: hidden;
    height: 1px;
}

/* The following styles are only relevant to when background image is enabled */

/* Translucent background image */
.cropit-preview-background {
    opacity: .2;
}

/*
 * If the slider or anything else is covered by the background image,
 * use non-static position on it
 */
input.cropit-image-zoom-input {
    position: relative;
}

/* Limit the background image by adding overflow: hidden */
#image-cropper {
    /*overflow: hidden;*/
}

.cropit-preview-image-container:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: url('../img/avatars/avatar-mask.png') no-repeat center center;
    background-size: contain;
    opacity: .75;
}

p.range-input-lead {
    margin: 1rem 0 .1rem 0 !important;
}

.cropit-image-zoom-input {
    width: 300px;
    margin-bottom: 1rem;
}

.confirm-modal {
    width: 380px;
    border-radius: 3px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1002;
    display: none;
}

.confirm-modal + .confirm-modal-cover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 1001;
    display: none;
}

.confirm-modal > div {
    padding: 1.25rem 2rem;
    position: relative;
}

.confirm-modal > div > .confirm-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.confirm-modal > div > .confirm-close {
    display: block;
    width: 9px;
    height: 9px;
    background: url(../img/icons/x-sm.png) no-repeat center center;
    background-size: contain;
    text-indent: -9999rem;
}

.confirm-modal header {
    text-align: center;
    font-size: 1rem;
    font-weight: 800;
    padding: 1rem;
}

.confirm-modal > div > p {
    text-align: left;
    font-size: .85rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.confirm-modal .buttons-wrapper {
    padding-top: 1rem;
    overflow: hidden;
}

.confirm-modal .buttons-wrapper .action-button:first-child {
    margin-left: 20px;
}

.confirm-modal .buttons-wrapper .action-button + .action-button {
    margin-right: 20px;
}

.confirm-modal .buttons-wrapper > * {
    float: left;
    min-width: 35%;
}

.confirm-modal .buttons-wrapper > *:last-child {
    float: right;
}

.confirm-modal .action-button.confirm-modal-accept {
    color: #fff !important;
}

.cancel-button {
    border-color: transparent;
    background: transparent;
    color: #f84e5d;
}

.cancel-button:hover {
    border-color: transparent;
    background: transparent;
    color: #000;
}

.tooltipster-base {
    font-size: .9rem !important;
}

div.breadcrumb {
    border-bottom: 1px solid #ececec;
    margin-bottom: 1.5rem;
}

.breadcrumb * {
    color: #c4c4c4;
    display: inline-block;
    font-size: .85rem;
    font-weight: 600;
}

.breadcrumb li {
    display: inline-block;
}

.breadcrumb li:after {
    content: '/';
    display: inline-block;
    margin: 0 .55rem;
}

.breadcrumb li:first-child {
    margin-right: .55rem;
}

.breadcrumb li:first-child:after {
    content: none;
}

.breadcrumb li:last-child:after {
    content: none;
}

.breadcrumb li:last-child a {
    cursor: text;
}

.breadcrumb li:last-child a:hover {
    color: #c4c4c4 !important;
}

.breadcrumb.unfixed {
    padding-top: 45px;
    margin-bottom: 1rem;
}

.breadcrumb h3 a {
    color: #f84e5d;
    font-size: 1rem;
    font-weight: 600;
}

.breadcrumb h3 {
    float: right;
    margin-top: 11px;
}

.sort-wrapper {
    font-size: .8rem;
    margin: 2rem 0 1rem 0;
}

.sort-wrapper a.active {
    color: #f84e5d;
}

.sort-wrapper > a {
    display: inline-block;
}

.sort-wrapper > a:not(:last-child) {
    margin-right: 2rem;
}

.table-wrapper table {
    table-layout: fixed;
    width: 100%;
}

table.ranking {
    border: 1px solid #ececec;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

table.ranking td {
    border-bottom: 1px solid #ececec;
    padding: 1rem;
    font-size: .8rem;
    vertical-align: middle;
}

table.ranking td .article-author {
    font-weight: 800;
    color: #000;
    line-height: 40px;
}

table.ranking td .article-author:hover:after {
    content: 'Pokaż profil';
    display: inline-block;
    color: #f84e5d;
    font-size: .75rem;
    margin-left: 8px;
    font-weight: 600;
    line-height: 1rem;
}

table.ranking td .article-author .profile-picture {
    margin: 0;
    margin-right: 8px;
}

table.ranking tr:hover td {
    background-color: #f0f0f0;
}

table.ranking td:first-child {
    width: 60px;
    text-align: right;
    font-weight: 800;
    font-size: .9rem;
}

table.ranking td:last-child {
    width: 150px;
    color: #949494;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: right;
}

table.ranking th:first-child {
    width: 60px;
    text-align: right;
}

table.ranking th:last-child {
    width: 150px;
    text-align: right;
}

table.ranking th {
    font-size: .9rem;
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #ececec;
}

.alert-modal.running {
    display: block;
    animation: alert-in 5s linear forwards;
}

.alert-modal.running-out {
    display: block;
    animation: alert-out .6s ease-out forwards;
}

.alert-modal {
    display: none;
    min-width: 310px;
    min-height: 140px;
    border-radius: 5px;
    background: #fff;
    padding: 1rem;
    z-index: 1002;
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 50px rgba(0, 0, 0, .25);
}

.alert-modal a.close-alert-modal {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: block;
    width: 10px;
    height: 10px;
    background: url(../img/icons/x-sm.png) no-repeat center center;
    background-size: contain;
    text-indent: -9999rem;
}

.alert-modal div p {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}

.alert-modal div:not(.button-wrapper) {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.alert-modal div.button-wrapper {
    text-align: center;
    margin-bottom: 1rem;
}

.alert-modal .action-button {
    font-size: .9rem;
    font-weight: 600;
    background: transparent;
    color: #f3344b;
    border: 1px solid #fff;
    text-transform: uppercase;
}

@keyframes alert-in {
    0% {
        opacity: 0;
        top: -100%;
    }
    10% {
        opacity: 1;
        top: 10%;
    }
    90% {
        opacity: 1;
        top: 10%;
    }
    100% {
        opacity: 1;
        top: -100%;
    }
}

@keyframes alert-out {
    0% {
        top: 10%;
        opacity: 1;
    }
    100% {
        top: -100%;
        opacity: 0;
    }
}

.icons-hamburger.marked {
    position: relative;
}

.icons-hamburger.marked:after {
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    right: -4px;
    width: 8px;
    height: 8px;
    background: #ef4655;
    border-radius: 10px;
    border: 3px solid #f6f6f6;
}

.fqr-popup.visible {
    z-index: 1001;
}

.forum-list li h3 ~ div {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.mods-in {
    position: relative;
}

.mods {
    box-shadow: 4px 4px 16px rgba(128, 128, 128, .35);
    z-index: 100;
}

.mods.mods-editor {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    line-height: 12px;
    position: absolute;
    right: 0;
    bottom: -10px;
}

.mods.mods-editor p {
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 400;
}

.mods.mods-editor .mods-buttons > div {
    display: inline-block;
    border-left: 1px solid #e1e1e1;
    padding: 2px 12px !important;
    margin: 0;
}

.mods.mods-editor .mods-buttons > div.pin {
    position: relative;
    padding-left: 18px !important;
}

.mods.mods-editor .mods-buttons > div.pin:before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 7px;
    width: 14px;
    height: 13px;
    background: url('../img/icons/ico-mod-pin-black.svg') no-repeat center center;
    background-size: contain;
    margin-right: .2rem;
    vertical-align: middle;
}

.mods.mods-editor .mods-buttons > div.pin:hover:before {
    background: url('../img/icons/ico-mod-pin-hover.svg') no-repeat center center;
}

.mods.mods-editor .mods-buttons > div p {
    display: inline-block;
    border-left: 1px solid #626262;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 5px;
    line-height: 12px !important;
}

.mods.mods-editor .mods-buttons > div p:first-child {
    border: none;
}

.mods.mods-editor .mods-buttons > div:first-child {
    border: none;
}

.mods.mods-editor .mods-buttons > div a {
    color: #292929;
    font-weight: 600;
    vertical-align: middle;
    line-height: 12px;
}

.mods.mods-editor .mods-buttons > div a:hover {
    color: #f3344b;
}

.mods.mods-editor .mods-buttons > div.hamburger {
    position: relative;
    padding-right: 10px;
    display: none;
}

.mods.mods-editor .mods-buttons > div.hamburger p {
    width: 16px;
    height: 15px;
}

.mods.mods-editor .mods-buttons > div.hamburger a {
    display: block;
    width: 16px;
    height: 15px;
    background: url(../img/icons/ico-mod-hamburger.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 5px;
    left: 12px;
}

h2 .mods.mods-editor {
    line-height: 0;
}

.mods.mods-editor {
    display: none;
}

.mods-in:hover .mods.mods-editor {
    display: block;
}

h3.mods-in:hover {
    border-radius: 3px;
}

/*.mods.mods-cover, .mods.mods-alert {display: none;}*/
.mods.mods-cover {
    display: none;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.mods.mods-alert {
    display: none;
    background: #fff;
    border-radius: 5px;
    position: fixed;
    min-width: 680px;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1001;
}

.mods-close-alert {
    display: block;
    width: 13px;
    height: 13px;
    background: url(../img/icons/x-lg.png) no-repeat center center;
    background-size: contain;
    text-indent: -9999rem;
    top: 1rem;
    right: 1rem;
    position: absolute;
}

.mods.mods-alert header {
    margin-bottom: 1.5rem;
}

.mods.mods-alert h3 {
    color: #f84e5d;
}

.mods.mods-alert > div {
    padding: 1rem 2rem;
    position: relative;
}

.mods .form-wrapper {
}

.mods .form-wrapper label {
    display: block;
    font-size: 1rem;
    margin-bottom: .65rem;
}

.mods .form-wrapper label em {
    font-style: italic;
    font-weight: 200;
}

.mods .form-wrapper fieldset {
    border: none;
    margin-bottom: 1rem;
    padding: 0;
}

.mods .form-wrapper select {
    min-width: 75% !important;
}

.mods .form-wrapper .list-wrapper {
    max-height: 300px;
    overflow: auto;
}

.mods .form-wrapper .list-wrapper ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    padding-left: 0;
}

.mods .form-wrapper .list-wrapper {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    background: #f6f6f6;
}

.mods .form-wrapper .list-wrapper li {
    padding: .25rem .25rem;
}

.mods .form-wrapper .list-wrapper li:not(:last-child) {
    margin-bottom: 0rem
}

.mods .form-wrapper .list-wrapper p {
    font-size: 1rem;
    margin: 0;
}

.mods .form-wrapper .list-wrapper p a {
    font-weight: 400;
    display: block;
    padding: .25rem .25rem;
    border-radius: 2px;
}

.mods .form-wrapper .list-wrapper p a.selected,
.mods .form-wrapper .list-wrapper p a:hover {
    color: #fff;
    background: #f84e5d;
}

.mods .action-button {
    font-weight: 600;
    text-transform: uppercase;
}

.mods .action-button.disabled {
    background: #b6b6b6;
}

.mods .form-wrapper fieldset + button {
    margin-top: .15rem;
}

.mods.mods-user-menu {
    float: right;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mods.mods-user-menu > a:not(:last-child) {
    margin-right: 3rem;
}

body.mod-logged h2.mods-in:hover,
body.mod-logged h3.mods-in:hover,
body.mod-logged .forum-discussion li .mods-in div[data-post-id]:hover,
body.mod-logged .mods-in .forum-entry:hover {
    background: #f0f0f0;
}

/*body.mod-logged .forum-discussion li .mods-in div[data-post-id]:hover {margin-left: 51px; padding-left: 0;}*/

/* http://jinplace.org/demo.html */
.mods-in form input {
    width: 100% !important;
    display: block;
}

h3.mods-in form input[type="text"] {
    color: #535353 !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
    padding: 0;
}

span.profile-picture.blocked,
div.avatar.blocked {
    position: relative;
}

div.avatar.blocked img {
    opacity: .4;
}

div.avatar.blocked:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: #8d8d8d url('../img/icons/ico-closed.svg') no-repeat center center;
    background-size: 45%;
    border-radius: 30px;
    border: 3px solid #fff;
    right: 5px;
    bottom: 5px;
    position: absolute;
    z-index: 10;
}

span.profile-picture.blocked:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #8d8d8d url('../img/icons/ico-closed.svg') no-repeat center center;
    background-size: 45%;
    border-radius: 30px;
    border: 2px solid #fff;
    right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 10;
}

.select2-container {
    min-width: 75%;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-results .select2-highlighted {
    background: #f84e5d;
    color: #fff;
}

.select2-drop-active {
    border: 1px solid rgba(248, 78, 93, .25);
    border-top: none;
}

button, .action-button {
    text-align: center !important;
}

form[name="letter_to_cancer"] label {
    display: none;
}

form[name="letter_to_cancer"] #redactor-uuid-0.redactor-placeholder::after {
    top: 20px;
}

.mag-article-body form[name="letter_to_cancer"] .redactor-editor > p {
    margin-top: 20px !important;
}

/*
.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid rgba(210, 100, 10, 1.8);
}
*/
/*
.select2-container--open, .select2-container--focus,
.select2-container-active .select2-choice,
.select2-container-active .select2-choice:focus,
.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid rgba(248,78,93,.25);
    outline: none;

    -webkit-box-shadow: 0 0 10px rgba(248,78,93,.25);
            box-shadow: 0 0 10px rgba(248,78,93,.25) !important;
}
*/
/*
.select2-choice:focus {
  border: 1px solid #999 !important;
  box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.6) !important;
}
*/

/* MINE END */

/* MOBILE */
@media screen and (max-width: 1200px) {

    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md, td.visible-md {
        display: table-cell !important;
    }

    .visible-md-block {
        display: block !important;
    }

    .visible-md-inline {
        display: inline !important;
    }

    .visible-md-inline-block {
        display: inline-block !important;
    }

    .hidden-md {
        display: none !important;
    }

    .fullwidth {
        width: 724px;
    }

    .content-width, .fqr-article.blog .article-text img {
        width: 476px;
    }

    .side-width {
        width: 229px;
    }

    .quote-width {
        width: 351px;
    }

    .search-box input {
        width: 175px;
    }

    h1 {
        font-size: 36px;
        margin: 15px 0 0px;
        letter-spacing: -0.9px;
    }

    h2 {
        font-size: 28px;
        line-height: 1.2;
        margin: 14px 0 11px;
    }

    h3 {
        margin: 13px 0 8px;
    }

    .fqr-head {
        height: auto;
    }

    .fqr-head .top {
        padding-top: 20px;
        border-bottom: 2px solid #f84e5d;
        height: 79px;
    }

    .fqr-head .menu {
        height: auto;
        border: none;
        font-size: 21px;
        display: none;
        overflow: hidden;
        position: fixed;
        background: #f6f6f6;
        height: 0%;
        width: 100%;
        opacity: 0;
        -moz-transition-property: height, opacity;
        -o-transition-property: height, opacity;
        -webkit-transition-property: height, opacity;
        transition-property: height, opacity;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .fqr-head .menu .main-menu {
        text-align: center;
        width: 100%;
        line-height: 2.3;
        padding-top: 15px;
        padding-bottom: 81px;
    }

    .fqr-head .menu .main-menu li {
        display: block;
        padding: 0 0 0 10px;
    }

    .fqr-head .menu.visible {
        display: block;
        height: 100%;
        opacity: 1;
        overflow-y: auto;
    }

    .fqr-head .menu .mobile-logged-menu {
        width: 314px;
        margin: 0 auto;
        text-align: left;
        margin-top: -8px;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
    }

    .fqr-head .menu .mobile-logged-menu .profile-link {
        width: 20px;
    }

    .fqr-head .menu .mobile-logged-menu .watch-link {
        line-height: 30px;
    }

    .fqr-head .menu .mobile-logged-menu .profile-picture {
        width: 40px;
        height: 40px;
        margin: 3px 16px 0px -3px;
    }

    .fqr-head .menu .mobile-logged-menu a {
        padding-left: 0;
    }

    .fqr-head .menu .mobile-logged-menu .msg-link, .fqr-head .menu .mobile-logged-menu .watch-link {
        margin-left: 27px;
    }

    .fqr-head .menu .mobile-logged-menu .icons-msg-lg {
        margin-top: 15px;
        margin-left: 5px;
    }

    .fqr-head .menu .mobile-logged-menu .icons-eye-lg {
        margin-top: 4px;
        margin-left: -4px;
    }

    .fqr-head .menu .mobile-logged-menu .count {
        top: -5px;
        left: 12px;
        width: 19px;
        height: 17px;
        padding: 0;
        text-align: center;
        font-size: 11.74px;
        line-height: 17px;
    }

    .fqr-footer .footer-text .info {
        width: 248px;
    }

    .fqr-footer .footer-text .links {
        width: 123px;
    }

    .fqr-footer .footer-text .links .sub {
        margin-top: -2px;
        line-height: 2.2;
    }

    .fqr-footer .footer-text .links .sub a {
        margin: -3px 0 12px;
    }

    .fqr-footer .footer-text .links a {
        line-height: 1.45;
        margin: 4px 0 11px;
    }

    .fqr-footer .footer-text .last {
        width: 105px;
    }

    .fqr-main {
        margin-top: 114px;
    }

    .article-summary {
        padding-bottom: 25px;
    }

    .article-summary p {
        display: none;
    }

    .article-summary .art-image {
        height: 218px;
    }

    .article-summary .tags {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .article-summary.half {
        width: 228px;
    }

    .article-summary.small {
        padding-bottom: 11px;
        margin-bottom: 10px;
    }

    .article-summary.quote h1 {
        font-size: 36px;
        width: 150%;
    }

    .article-summary.side-image .art-image {
        width: 475px;
        height: 218px;
        margin-bottom: 20px;
    }

    .article-summary.side-image.small .art-image {
        width: 228px;
    }

    .recents {
        margin: 33px 0 35px;
    }

    .recents .timestamp {
        float: none;
        margin-left: 20px;
    }

    .recents .title {
        float: none;
        width: auto;
        margin-left: 20px;
    }

    .input-box input, .input-box textarea {
        width: 476px;
    }

    .blog-add-photo {
        height: 220px;
    }

    .blog-add-photo .action-button {
        top: 98px;
    }

    .hero-image {
        margin-top: -114px;
    }

    .mag-article-head {
        width: 600px;
    }

    .fqr-article .article-text .mag-highlight {
        font-size: 28px;
        font-weight: 900;
    }

    .fqr-article .mag-article-body {
        width: 600px;
    }

    .fqr-article .floater {
        width: 229px;
        margin: 0 40px 0 0px;
    }

    .mag-article-head.blog h1 {
        margin-bottom: 67px;
    }

    .fqr-article.blog h1 {
        margin-bottom: 67px;
    }

    .fqr-article.blog .article-text p {
        padding: 0;
    }

    .fqr-article.blog .article-text img {
        width: 100%;
    }

    .fqr-article.blog .quote-style {
        width: 600px;
        margin: 30px 0 27px 0;
        padding: 58px 80px 64px;
    }

    .article-related.blog {
        width: 600px;
    }

    .article-related.blog .article-summary {
        width: 290px;
    }

    .article-comments .article-comments-body {
        width: 600px;
    }

    .article-comments textarea {
        width: 600px;
    }

    .article-comments .comment-text-wrap {
        width: 520px;
    }

    .article-comments .inline-quote .quote-text {
        width: 367px;
    }

    .article-comments .comment-item.level-2 .comment-text-wrap {
        width: 390px;
    }

    .article-video {
        height: 332px;
    }

    .article-video iframe {
        width: 600px;
        height: 332px;
    }

    .contact {
        width: 600px;
    }

    .contact .input-box input, .contact .input-box textarea {
        width: 414px;
    }

    .contact .input-box label {
        width: 185px;
    }

    .popular-blogs .opt-link {
        max-width: 60px;
    }

    .expert h1 {
        font-size: 36px;
    }

    .expert .search-box input {
        width: 476px;
    }

    .followed-threads {
        width: 600px;
    }

    .newsletter-signup form input {
        width: 400px;
    }

    .about-us-head-text {
        width: 357px;
        top: 403px;
    }

    .about-us-head-text h1 {
        margin-bottom: 10px;
        letter-spacing: -0.3px;
    }

    .fqr-article.about-us .article-text {
        width: 475px;
        margin: 0 auto;
        font-size: 16px;
    }

    .fqr-article.about-us .article-text h2 {
        font-size: 28px;
        margin: 64px auto 33px;
        width: 475px;
        font-weight: 900;
        letter-spacing: -0.5px;
    }

    .fqr-article.about-us .article-text p {
        padding: 0 0px 0 60px;
        line-height: 1.5;
        margin: 16px 0 -16px;
    }

    .fqr-article.about-us .article-text .floater {
        margin: 15px 73px 0px 0px;
        width: 175px;
    }

    .fqr-article.about-us .article-text .mag-highlight {
        line-height: 1.15;
    }

    .fqr-article.about-us .loadmore {
        padding: 20px 0 12px;
    }

    .article-comments.about-us .article-comments-body {
        width: 475px;
    }

    .article-comments.about-us textarea {
        width: 475px;
    }

    .article-comments.about-us .comment-text-wrap {
        width: 420px;
    }

    .video-link {
        width: 475px;
        height: 267px;
        margin: 0 auto 20px;
    }

    .video-link .emph {
        font-size: 18px;
        line-height: 1.2;
    }

    .video-link.half {
        width: 226px;
        height: 128px;
        font-size: 16px;
    }

    .video-link.half .video-title {
        top: 73px;
    }

    .video-link.half .emph {
        font-size: 16px;
    }

    .video-title {
        top: 57px;
        font-size: 16px;
    }

    .icons-videoplay {
        margin-bottom: -24px;
    }

    .slider-all-videos .slider-page a, .slider-all-videos .slider-page span {
        width: 167px;
    }

    .slider-all-videos-arrows .slider-arrow.left {
        left: -62px;
    }

    .slider-all-videos-arrows .slider-arrow.right {
        right: -62px;
    }

    .profile-info {
        width: 623px;
    }

    .profile-content .comment-text-wrap {
        width: 376px;
    }

    .fqr-article .mag-article-body.media-logos {
        width: 476px;
    }

    .article-video.lcStyle {
        height: 217px;
    }

    .article-video.lcStyle iframe {
        width: 100%;
        height: 217px;
    }

    .comment-text-wrap.lcStyle {
        width: 500px;
    }

    .form-button.lcStyle {
        width: 100%;
        margin-top: 40px;
    }

    .lc-head {
        height: 376px;
    }

    #form-letter.lcStyle .popup-actions {
        width: 290px;
        white-space: nowrap;
    }

    #form-letter.lcStyle .popup-actions label {
        white-space: normal;
    }

    .nsStyle {
        text-align: center;
    }

    .nsStyle .article-summary.half .comments {
        margin-left: 138px !important;
    }

    .popup-content.fqr-video-popup .popup-video-container {
        width: 100% !important;
        height: 415px;
    }

    .fqr-forum-column-main {
        width: 724px;
    }

    .settings-wrapper .form-2-columns > fieldset {
        width: 100% !important;
        float: none !important;
    }

    .settings-wrapper input,
    .settings-wrapper textarea,
    .settings-wrapper select {
        width: 90% !important;
    }

    .subject-wrapper {
        width: 100% !important;
    }

    .subject-wrapper > div {
        width: auto !important;
    }

    .subject-wrapper li {
        width: calc(50% - 1rem);
        height: 50px;
    }

    .observed-helper {
        top: 0;
        transform: translateY(0);
    }

    .fqr-forum-column-main.fqr-user-messages {
        width: 100%;
    }

    .fqr-forum-column-side.fqr-user-messages {
        width: 100%;
    }

    div.user-details .social-wrapper {
        position: relative;
        margin: 1rem 0;
    }

    .fqr-forum-column-side.side-width.hidden-sm {
        display: block;
        width: 100%;
    }

    .fqr-forum-column-side.side-width.hidden-sm .entries-list-side > div {
        width: 48%;
        float: left;
    }

    .fqr-forum-column-side.side-width.hidden-sm .entries-list-side > div + div {
        float: right;
        margin-top: 0;
    }

    .settings-wrapper .column-side {
        margin-top: 78px;
    }

    .home-articles .article-summary .tags {
        display: inline-block;
    }
}

/* /1200 end */

@media screen and (max-width: 767px) {
    .redactor-editor {
        padding-bottom: 80px !important;
    }

    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }

    .visible-sm-block {
        display: block !important;
    }

    .visible-sm-inline {
        display: inline !important;
    }

    .visible-sm-inline-block {
        display: inline-block !important;
    }

    .hidden-sm {
        display: none !important;
    }

    .fullwidth, .content-width, .fqr-article.blog .article-text img, .popup-width {
        width: 314px;
    }

    .popup-width {
        padding: 18px;
    }

    .quote-width {
        width: 239px;
    }

    h1 {
        font-size: 28px;
        font-weight: 900;
        letter-spacing: -0.5px;
        line-height: 1.15;
        margin-top: 14px;
    }

    h2 {
        font-size: 21px;
        letter-spacing: -0.5px;
    }

    h3 {
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 12px;
        letter-spacing: -0.4px;
    }

    .search-box input {
        width: 228px;
    }

    .logo {
        width: 125px;
        height: 31px;
        width: 144px;
        height: 28px;
    }

    .logo-sub {
        width: 155px;
        height: 26px;
        left: 56px;
        top: 42px;
    }

    .profile-picture.large {
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
    }

    .mobile-menu-open, .mobile-menu-close, .mobile-search-open {
        padding: 6px 0 0 19px;
    }

    .mobile-menu-close {
        padding: 2px 0 0 22px;
    }

    .mobile-search-open {
        padding: 3px 0 0 10px;
    }

    .fqr-head .top {
        padding-top: 30px;
        height: 84px;
    }

    .fqr-head.transparent .top {
        border-bottom: 2px solid #f84e5d;
    }

    .fqr-head .menu .main-menu {
        padding-top: 9px;
    }

    .fqr-head .menu .mobile-social {
        margin-top: 54px;
    }

    .fqr-footer {
        text-align: center;
    }

    .fqr-footer .footer-text .last {
        float: none;
        width: auto;
        font-size: 14px;
        padding-top: 23px;
    }

    .fqr-footer .footer-text .info {
        width: auto;
        float: none;
        font-size: 14px;
        padding-top: 5px;
        line-height: 1.6;
    }

    .mobile-social {
        display: none;
    }

    .mobile-social a {
        width: 25px;
        height: 24px;
        margin: 0 10px;
    }

    .fqr-main {
        margin-top: 99px;
    }

    .blog-add-photo {
        height: 145px;
        margin: 15px 0 5px;
    }

    .blog-add-photo .action-button {
        top: 58px;
    }

    .input-box {
        margin-bottom: 0px;
    }

    .input-box label {
        margin: 10px 0 12px -2px;
    }

    .input-box input, .input-box textarea {
        width: 100%;
    }

    .input-box textarea {
        margin-bottom: 21px;
    }

    .hero-image {
        height: 391px;
        margin-top: -100px;
    }

    .hero-image.blogs-home-head {
        height: 363px;
    }

    .blogs-home-head-text {
        padding-top: 105px;
    }

    .blogs-home-head-text h1 {
        letter-spacing: -0.2px;
    }

    .blogs-home-head-text h4 {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 12px;
    }

    .orange-section .tags, .blog .tags, .article-summary.quote .tags {
        margin-bottom: 35px;
    }

    .fqr-two-column .column-main, .fqr-two-column .column-side {
        width: auto;
        float: none;
    }

    .article-summary {
        padding-top: 20px;
    }

    .article-summary .art-image {
        height: 145px;
    }

    .article-summary .art-image.mobile-square {
        height: 297px;
    }

    .article-summary.half {
        width: auto;
        float: none;
        display: block;
        margin: 0;
        padding-bottom: 14px;
    }

    .article-summary.half .art-image {
        height: 297px;
    }

    .article-summary.small {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .article-summary.blog {
        padding: 12px 0 20px;
        margin-bottom: 8px;
    }

    .article-summary.blog h2 {
        margin-top: 14px;
        line-height: 1.2;
    }

    .article-summary.blog .tags {
        margin-top: 12px;
    }

    .article-summary.blog.half {
        padding: 12px 0 20px;
    }

    .article-summary.quote h1 {
        font-size: 28px;
    }

    .article-summary.quote .comments {
        display: none;
    }

    .mag-article-head h1 {
        font-size: 28px;
        margin-bottom: 46px;
        line-height: 1.2;
    }

    .mag-article-head.blog h1 {
        margin-bottom: 46px;
    }

    .mag-article-head.blog .article-author {
        font-size: 16px;
        line-height: 1.5;
    }

    .fqr-article .article-text {
        font-size: 16px;
    }

    .fqr-article .article-text .mag-highlight {
        font-size: 21px;
        margin: 38px 0 25px;
        text-align: center;
    }

    .fqr-article .article-text .mag-highlight span {
        padding-bottom: 6px;
    }

    .fqr-article .mag-article-body {
        width: 316px;
        padding: 17px 0 3px;
    }

    .fqr-article .floater {
        width: auto;
        float: none;
        margin: 0;
    }

    .fqr-article.blog .mag-article-body {
        width: 316px;
        padding: 17px 0 3px;
    }

    .fqr-article.blog .article-text p {
        line-height: 1.5;
        margin-top: 17px;
        letter-spacing: -0.4px;
    }

    .fqr-article.blog .article-text ul {
        padding: 0 40px;
    }

    .fqr-article.blog .quote-style {
        width: auto;
        padding: 38px 23px;
    }

    .article-related.blog {
        width: 314px;
    }

    .first-letter {
        font-size: 82px;
        line-height: 64px;
    }

    .article-video, .article-video iframe {
        width: 100%;
        height: 174px;
    }

    .article-comments .article-comments-body {
        width: 316px;
    }

    .article-comments textarea {
        width: 316px;
    }

    .article-comments .profile-picture {
        display: block;
        margin-top: 7px;
    }

    .article-comments .comment-text-wrap {
        padding-top: 15px;
        width: 314px;
    }

    .article-comments .comment-item {
        margin-bottom: 39px;
    }

    .article-comments .comment-item.level-2 {
        padding-left: 40px;
        width: 276px;
    }

    .article-comments .comment-item.level-2 .comment-text-wrap {
        width: 276px;
    }

    .article-comments .inline-quote, .article-comments.blog .inline-quote {
        padding-bottom: 3px;
    }

    .article-comments .inline-quote .quote-text, .article-comments.blog .inline-quote .quote-text {
        width: 240px;
    }

    .newsletter-signup form input {
        width: 228px;
    }

    .newsletter-signup form button {
        width: 67px;
        padding: 11px;
    }

    .action-button.fb, .action-button.twitter, .action-button.googleplus {
        width: 58px;
    }

    .contact h2 {
        margin-bottom: 0;
    }

    .contact .input-box input, .contact .input-box textarea {
        width: 314px;
    }

    .contact .mobile-social {
        margin-bottom: 40px;
    }

    .contact .mobile-social a {
        height: 25px;
    }

    .recaptcha {
        width: 314px;
        margin-bottom: 21px;
    }

    .expert h1 {
        font-size: 28px;
        font-weight: 900;
        letter-spacing: -0.5px;
        line-height: 1.4;
    }

    .expert .links {
        width: 254px;
        margin: 10px 18px 0;
    }

    .expert .links.right {
        margin: 0 18px 10px;
    }

    .expert-nav {
        margin-top: 36px;
        margin-bottom: 12px;
    }

    .expert-nav .caption, .expert-nav .supercaption {
        font-weight: 900;
    }

    .expert-section {
        padding-top: 21px;
        margin-bottom: 9px;
    }

    .expert-section .links {
        margin-top: 5px;
        width: 296px;
        margin-right: 0;
    }

    .expert-section .loadmore {
        padding: 10px 0 31px;
    }

    .expert-article {
        margin-top: 15px;
    }

    .expert-article h2 {
        margin-bottom: 10px;
    }

    .expert-article p {
        margin: 0 0px 10px -1px;
    }

    .expert-article .reply {
        margin: 28px 0px 29px 19px;
    }

    .expert-article .reply p {
        margin: 0px 2px 0px;
    }

    .expert-contact {
        width: 314px;
        margin: 40px 0;
        padding-top: 35px;
        border-top: 1px solid #e9e9e9;
    }

    .expert-contact .caption, .expert-contact .supercaption {
        margin-bottom: 22px;
    }

    .expert-contact .input-box {
        margin-bottom: 0px;
    }

    .expert-contact .input-box textarea {
        margin-bottom: 0;
    }

    .expert-contact .input-box.nomargin {
        margin-bottom: 15px;
    }

    .expert-contact .mobile-social {
        margin-left: -12px;
        margin-bottom: 39px;
    }

    .expert-article-actions {
        padding-top: 5px;
    }

    .expert-article-actions .back {
        height: 40px;
        width: 89px;
        padding: 10px 14px;
    }

    .expert-article-actions .watch {
        padding-top: 9px;
    }

    .large-search {
        margin-top: 12px;
    }

    .large-search input {
        height: 40px;
        font-size: 16px;
        width: 314px;
    }

    .large-search .action-button {
        height: 38px;
        font-size: 16px;
        width: 82px;
    }

    .large-search .search-icon {
        height: 40px;
    }

    .large-search .search-icon span {
        margin-top: 14px;
    }

    .hero-image.about-us-head {
        height: 200px;
    }

    .about-us-head-text {
        top: 105px;
    }

    .about-us-menu-mobile {
        margin: 20px 0 0;
        border: 1px solid #e9e9e9;
        padding: 9px 18px;
        height: 40px;
        font-size: 16px;
        position: relative;
    }

    .about-us-menu-mobile a {
        font-weight: 900;
    }

    .about-us-menu-mobile .icons-down {
        position: absolute;
        right: 21px;
        top: 18px;
    }

    .about-us-menu {
        display: none;
        position: absolute;
        top: 39px;
        width: 100%;
        padding: 9px 18px;
        border: 1px solid #e9e9e9;
        border-top: none;
        background: #f6f6f6;
        cursor: pointer;
        opacity: 0;
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        -webkit-transition-property: -webkit-transform, opacity;
        transition-property: transform, opacity;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .about-us-menu a {
        font-weight: 900;
    }

    .about-us-menu.visible {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .fqr-article.about-us .mag-article-body {
        padding-top: 0;
    }

    .fqr-article.about-us .article-text {
        width: auto;
    }

    .fqr-article.about-us .article-text h2 {
        font-size: 21px;
        margin-top: 70px;
        margin-bottom: 16px;
        width: auto;
        letter-spacing: -0.4px;
    }

    .fqr-article.about-us .article-text .floater {
        width: auto;
        margin: 22px 0 0 -4px;
    }

    .fqr-article.about-us .article-text p {
        padding: 0;
        margin: 14px 0 -16px;
    }

    .video-link, .video-link.half {
        width: 314px;
        height: 177px;
    }

    .video-link .emph, .video-link.half .emph {
        line-height: 1.6;
    }

    .video-link .video-title, .video-link.half .video-title {
        top: 10px;
    }

    .icons-videoplay {
        margin-bottom: -29px;
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .article-comments.about-us .article-comments-body {
        width: 314px;
    }

    .article-comments.about-us .comment-text-wrap {
        width: 314px;
        padding-top: 15px;
    }

    .article-comments.about-us .comment-text p {
        margin-top: 12px;
        margin-bottom: 15px;
    }

    .article-comments.about-us textarea {
        width: 314px;
    }

    .article-comments.about-us .profile-picture {
        width: 60px;
        height: 60px;
        margin-top: 1px;
        background-size: 60px 60px;
    }

    .slideout-all-videos {
        top: 199px;
        position: static;
        height: 0;
        z-index: 2;
        overflow: hidden;
    }

    .slideout-all-videos .slider-item {
        margin: 20px 21px 0px -1px;
        width: 143px;
    }

    .slideout-all-videos .slider-page span, .slideout-all-videos .slider-page a {
        width: 146px;
    }

    .slideout-all-videos .slider-page a {
        margin: 21px 18px 44px 0px;
    }

    .slideout-all-videos .slider-page span {
        height: 81px;
    }

    .slider-all-videos-arrows .slider-arrow {
        width: 29px;
        line-height: 120px;
        height: 170px;
    }

    .slider-all-videos-arrows .slider-arrow.right {
        right: -30px;
    }

    .slider-all-videos-arrows .slider-arrow.left {
        left: -30px;
    }

    .slideout-all-videos.expanded {
        height: 170px;
    }

    .about-us-head.expanded .about-us-head-text {
        top: 105px;
    }

    .profile-left {
        float: none;
        text-align: center;
        padding-top: 60px;
        margin-right: 0;
    }

    .profile-left .profile-picture.large {
        background-image: url(/images/temp/example_avatar.jpg);
        height: 80px;
        width: 80px;
        background-size: 80px 80px;
    }

    .profile-right {
        padding-top: 16px;
        text-align: center;
    }

    .profile-right .caption, .profile-right .supercaption {
        text-align: left;
        margin-bottom: 7px;
    }

    .profile-link.large {
        font-size: 18px;
    }

    .profile-info {
        width: auto;
        float: none;
        margin-bottom: 0px;
    }

    .profile-website {
        font-size: 16px;
        margin-top: -3px;
    }

    .icons-link {
        margin: 3px 10px 0 0;
    }

    .profile-content {
        margin-top: 0;
    }

    .profile-content .article-comments-listing {
        padding-top: 12px;
    }

    .profile-content .comment-text p {
        font-size: 16px;
        margin-top: 11px;
        letter-spacing: -0.1px;
        line-height: 1.5;
    }

    h2.search-header {
        font-weight: 900;
    }

    .search-results {
        padding-top: 5px;
    }

    .search-results h3 {
        font-size: 21px;
        letter-spacing: -0.5px;
    }

    .search-results .loadmore {
        text-align: center;
    }

    .article-summary.side-image .art-image {
        width: 314px;
        height: 145px;
        float: none;
    }

    .article-summary.side-image.small .art-image {
        width: 314px;
        height: 297px;
        float: none;
    }

    .about-us-head.small .about-us-head-text {
        top: 106px;
    }

    .media-logo-section .caption, .media-logo-section .supercaption {
        font-size: 16px;
        font-weight: 900;
    }

    .media-logo-section .media-logo-boxes img, .media-logo-section .media-logo-boxes a {
        width: 147px;
        height: 85px;
    }

    .media-logo-section .media-logo-boxes a:nth-child(2n) {
        margin-right: 0;
    }

    .fqr-article .mag-article-body.media-logos {
        width: 314px;
    }

    .terms-of-service .column-main h2 {
        font-weight: 900;
        margin-bottom: -10px;
    }

    .terms-of-service .column-main h3 {
        font-weight: 900;
    }

    .terms-of-service p {
        font-weight: bold;
    }

    .profile-picture.xlarge {
        width: 117px;
        height: 117px;
        background-size: 117px 117px;
    }

    .popup-title {
        font-size: 18px;
        margin: 15px 0 12px;
    }

    .popup-head {
        margin: -18px 0 35px -18px;
        height: 130px;
    }

    .popup-actions {
        text-align: center;
    }

    .popup-actions label {
        text-align: left;
        width: 220px;
        margin-bottom: 20px;
    }

    .popup-facebook {
        margin: 36px 0px -18px -18px;
        height: 55px;
        min-height: 55px;
    }

    #p-edit-profile .profile-picture.xlarge {
        margin-top: -76px;
    }

    #p-edit-profile .inputs {
        text-align: center;
    }

    #p-edit-profile button {
        margin-top: -16px;
    }

    #p-edit-profile .input-box, #p-edit-profile .input-box input, #p-edit-profile .input-box.half, #p-edit-profile .input-box.half input, #p-edit-profile .input-box select, #p-edit-profile .input-box.half select {
        width: 275px;
        text-align: left;
    }

    #p-login button, #p-register button {
        margin-bottom: 10px;
    }

    #p-submit-question .popup-actions .action-button {
        margin: 30px 0;
    }

    .corner.lcStyle {
        display: none;
    }

    #form-letter.lcStyle {
        padding: 20px 40px;
    }

    .box-with-corner {
        padding: 20px 40px !important;
    }

    .comment-text-wrap.lcStyle {
        float: none;
        width: 100%;
    }

    .box-with-corner .titlePost {
        font-size: 16px;
    }

    .comment-editor-buttons.lcStyle {
        text-align: center;
    }

    .comment-editor-buttons.lcStyle span {
        display: block;
    }

    #form-letter.lcStyle input:first-child {
        font-size: 14px;
    }

    .mag-article-head.lcStyle h1 {
        margin-bottom: 15px;
    }

    #form-letter > div > label {
        width: 180px;
    }

    .action-button.lcStyle {
        float: none;
        display: block;
        margin: 10px auto 0;
    }

    #form-letter.lcStyle .popup-actions {
        width: auto;
    }

    #form-letter.lcStyle .comment-editor-buttons {
        width: 285px;
        margin-left: -14px;
    }

    .article-video.lcStyle {
        height: 132px;
    }

    .article-video.lcStyle iframe {
        height: 132px;
    }

    .errorBox .errorText {
        display: none;
    }

    .errorBox p {
        width: 100%;
    }

    .errorBox h1 {
        margin: 0px;
        font-size: 50px;
    }

    .popup-content.fqr-video-popup .popup-video-container {
        width: 100% !important;
        height: 185px !important;
    }

    .fqr-forum-column-main {
        width: 314px;
    }

    .settings-wrapper .user-menu > div {
        border-bottom: none;
    }

    .settings-wrapper .user-menu > div > p {
        float: none !important;
        margin: 0;
        padding: 10px 0;
    }

    .settings-wrapper .user-header > div {
        width: 100% !important;
        float: none !important;
        text-align: center;
    }

    .settings-wrapper .user-header > div img {
        margin: 0 auto;
        width: 65px;
        height: 65px;
    }

    .open-modal-avatar span {
        margin-top: 1px;
        margin-bottom: 2px;
    }

    .user-header {
        margin-bottom: 5px;
    }

    .settings-wrapper .user-header h2,
    .settings-wrapper .user-header p.date {
        text-align: center;
    }

    .settings-wrapper .form-2-columns > fieldset {
        width: 100% !important;
        float: none !important;
    }

    .user-menu > button {
        display: block !important;
    }

    .user-menu > button + .menu-wrapper {
        display: none;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 2rem;
    }

    .user-menu .menu-wrapper.open {
        display: block;
    }

    .user-data-wrapper ul.observed-list li div.text-wrapper {
        padding-right: 0 !important;
    }

    .observed-helper {
        position: relative !important;
        top: auto !important;
        transform: translateY(0) !important;
        margin-bottom: 1rem !important;
    }

    .chat-module.reply .forum-entry {
        width: 100%;
    }

    .subject-wrapper {
        width: 100% !important;
    }

    .subject-wrapper > div {
        width: auto !important;
    }

    .subject-wrapper a.action-button {
        width: 100%;
        text-align: center;
    }

    .avatar-modal {
        width: 100%;
        height: 100vh;
        overflow: auto;
        padding-bottom: 100px;
        top: 0px;
    }

    .avatar-modal-wrapper > .gallery-wrapper,
    .avatar-modal-wrapper > .picture-wrapper {
        width: 100%;
        float: none;
    }

    .avatar-modal-wrapper > .picture-wrapper .img-wrapper {
        width: 280px;
        height: 280px;
    }

    .avatar-modal-wrapper > .gallery-wrapper {
        min-height: 140px;
        overflow: auto;
    }

    .avatar-modal-wrapper > .gallery-wrapper ul {
    }

    .avatar-modal-wrapper > .gallery-wrapper li {
        margin-right: 20px;
    }

    .avatar-modal-wrapper > .picture-wrapper .img-wrapper.selected:before {
        width: 274px;
        height: 274px;
    }

    .subject-wrapper li {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .forum-list-helpers {
        overflow: hidden;
    }

    .forum-list-helpers .forum-user {
        width: 45%;
    }

    .forum-list-helpers .forum-time {
        width: 35%;
    }

    .forum-list-helpers .permalink {
        float: left;
        margin-left: 25px;
    }

    .forum-list-helpers .quotelink {
        float: left;
    }

    .observed-helper .observed-remove {
        float: right;
    }

    .observed-helper a:not(.action-button) + a.observed-remove {
        margin-top: 8px;
    }

    div.breadcrumb {
        padding-top: 95px;
    }

    a.observelink {
        margin-left: 0;
        margin-top: 10px;
    }

    div.user-details .social-wrapper {
        position: relative;
        margin: 2rem 0;
        text-align: center;
    }

    .fqr-forum-column-side.side-width.hidden-sm {
        display: block !important;
        width: 100%;
    }

    .fqr-forum-column-side.side-width.hidden-sm .entries-list-side > div {
        width: 100%;
        float: none;
    }

    .fqr-forum-column-side.side-width.hidden-sm .entries-list-side > div + div {
        float: none;
        margin-top: 4rem;
    }

    .fqr-main.bcrumb {
        margin-top: -106px;
    }

    .settings-wrapper .column-side {
        margin-top: 0px;
    }

    .user-table tr {
        display: block;
    }

    .user-table th {
        display: block;
    }

    .user-table td {
        display: block;
    }

    table.user-table th {
        padding: .5rem 0 .15rem 0;
    }

    table.user-table td {
        padding: .15rem 0 .5rem 0;
    }

    table.ranking td:last-child,
    table.ranking th:last-child {
        width: 100px;
    }

    table.ranking td .article-author:hover:after {
        display: none;
    }

    table.ranking td .article-author .profile-picture {
        width: 20px;
        height: 20px;
        background-size: contain;
    }

    table.ranking td .article-author {
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 20px;
    }

    .chat-wrapper .chat-helper.forum-list-helpers {
        float: none;
        width: 100%;
    }

    .chat-module .chat-helper > .quotelink {
        margin-left: 0;
    }

    ul.forum-menu.chat-menu li {
        margin-left: 0;
    }

    .user-header > div.user-details .action-button {
        margin: 1rem 0 0 0;
    }

    .settings-wrapper .redactor-editor {
        min-height: 180px !important;
        padding-bottom: 2rem;
    }

    .mods.mods-editor {
        display: block;
    }

    .mods.mods-editor .mods-buttons > div.hamburger {
        display: block;
    }

    .mods.mods-editor .mods-buttons > div.hamburger p {
        height: 15px;
    }

    .mods.mods-editor .mods-buttons > div.hamburger ~ div {
        display: none;
    }

    .mods.mods-editor .mods-buttons > div.hamburger.active {
        display: none;
    }

    .mods.mods-editor .mods-buttons > div.hamburger.active ~ div {
        display: block;
    }

    .mods.mods-editor .mods-buttons > div {
        border-left: none;
    }

    .mods.mods-editor .mods-buttons > div.hamburger.active ~ div > p {
        display: block;
        border-left: none;
        padding: 5px 20px;
    }

    .mods.mods-editor .mods-buttons > div.hamburger.active ~ div > p {
        max-width: 280px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mods.mods-editor .mods-buttons > div.pin {
        border-bottom: 1px dotted #eaeaea;
    }

    .mods.mods-editor .mods-buttons > div.pin p {
        padding-left: 14px !important;
    }

    .mods.mods-editor .mods-buttons > div.pin:before {
        top: 8px;
    }

    h3.mods-in form input[type="text"] {
        color: #363636 !important;
        font-weight: 400 !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
        padding: 0;
    }

    .mods .form-wrapper select {
        min-width: 100%;
    }

    .mods.mods-alert {
        position: fixed;
        min-width: 0;
        width: 96%;
        top: 10%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1001;
    }

    .mods .form-wrapper .list-wrapper {
        max-height: 250px;
    }

    .chat-module .chat-helper > * {
        margin-left: 0px;
    }

    .home-articles .article-summary .tags {
        display: inline-block;
    }
}

/* /768-end */

section.cookies-module {
    background-color: #fff;
    border-top: 5px solid #f9a036;
    padding: 25px;
    position: fixed;
    bottom: 0;
    z-index: 2147483647;
    width: 100%;
    text-align: center;
    pointer-events: none;
    left: 0px;
    display: none;
}

section.cookies-module.show {
    pointer-events: auto;
    display: block;
}

section.cookies-module p {
    color: #363636;
    margin: 0;
    font-size: 16px;
}

section.cookies-module a {
    font-weight: 500;
    color: inherit;
    text-decoration: underline;
}

section.cookies-module a button {
    margin-top: 15px;
}

section.cookies-module button {
    color: #f9a036;
    padding: 5px 16px;
    display: block;
    margin: 10px auto;
    font-size: 16px;
    font-weight: 700;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #f9a036;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

section.cookies-module button:hover {
    color: #fff;
    background-color: #f84e5d;
    text-decoration: none;
}

#side-right-fixed {
    position: relative;
}

.side-right-fix {
    position: absolute;
    top: 0px;
    right: 0px;
    min-width: 100%
}

.faq-modal {
    width: 675px;
    border-radius: 3px;
    background: #fff;
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%) translateY(-10%);
    z-index: 1002;
    display: none;
}

.faq-modal + .faq-modal-cover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 1001;
    display: none;
}

.faq-modal > div {
    padding: 1.25rem 2rem;
    position: relative;
}

.faq-modal > div > .faq-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.faq-modal > div > .faq-close {
    display: block;
    width: 9px;
    height: 9px;
    background: url(../img/icons/x-sm.png) no-repeat center center;
    background-size: contain;
    text-indent: -9999rem;
}

.faq-modal header {
    text-align: left;
    font-size: 1.5rem;
    font-weight: 800;
    padding: 1rem 0;
    color: #f84e5d;
}

.faq-modal > div > p {
    text-align: left;
    font-size: .85rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.faq-modal .buttons-wrapper {
    padding-top: 1rem;
    overflow: hidden;
}

.faq-modal .buttons-wrapper .action-button:first-child {
    margin-left: 0px;
}

.faq-modal .buttons-wrapper .action-button + .action-button {
    margin-right: 20px;
}

.faq-modal .buttons-wrapper > * {
    float: left;
    min-width: 35%;
}

.faq-modal .buttons-wrapper > *:last-child {
    float: left;
}

.faq-modal .action-button.faq-modal-accept {
    color: #fff !important;
}

.faq-modal textarea {
    width: 100%;
    max-width: 100%
}

.faq-modal input[type='email'] {
    width: 50%;
    display: block
}

.faq-box {
    background-color: #E9E9E9;
    color: #000;
    padding: 10px 10px 20px 10px;
    text-align: center;
    margin-bottom: 15px;
}

.m60 {
    margin-top: 60px;
}

.fqr-article .mag-article-body, .fqr-article .mag-article-body p, .fqr-article .mag-article-body a, .fqr-article .mag-article-body div, .fqr-article .article-text quote {
    padding-top: 0px;
    margin-top: 0px;
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.fqr-article .mag-article-body {
    padding-top: 16px;
}

.mag-article-body .tags a {
    padding: 5px 10px;
}

.fqr-article .article-text h1 {
    font-size: 36px;
    color: #000;
    margin: 0px;
    padding: 36px 0px 72px 0px;
}

.fqr-article .article-text h2 {
    font-size: 26px;
    color: #000;
    margin: 0px;
    padding: 36px 0px;
}

.fqr-article .article-text h3 {
    font-size: 18px;
    color: #000;
    margin: 0px;
    padding: 36px 0px 16px 0px;
}

.fqr-article .article-text ul, .fqr-article .article-text ol {
    margin: 38px 0px 38px 86px;
    padding: 0px;
}

.fqr-article .article-text ul li, .fqr-article .article-text ol li {
    margin: 5px 0px;
    padding: 0px;
}

.fqr-article .article-text quote {
    display: block;
    border-left: 2px solid #f3344b;
    margin: 38px 0px 38px 86px;
    padding: 0px 0px 0px 10px;
    border-radius: 0;
    background: none;
    color: #000;
    font-style: normal;
}

.no-margin {
    margin: 0px;
}

.expert-description p {
    font-weight: normal;
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .fqr-popup .popup-content {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .popup-content.fqr-video-popup {
        top: 5px !important;
    }

    .popup-content.fqr-video-popup .popup-video-container {
        height: 500px;
        width: 900px;
    }
}

@media screen and (min-width: 1301px) and (max-width: 1550px) {
    .popup-content.fqr-video-popup {
        top: 10px !important;
    }

    .popup-content.fqr-video-popup .popup-video-container {
        height: 590px;
    }
}

.valid-info-error {
    color: #f84e5d;
    text-align: center;
}

.valid-info-message {
    color: #023b00;
    text-align: center;
}

p.appverk-crafted {
    margin-bottom: 0;
    padding-bottom: 0;
}

p.appverk-crafted span {
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
}

p.appverk-crafted b {
    display: inline-block;
    margin-left: 6px;
    width: 100px;
    background: url("/assets/faqrak/img/appverk-full-dark.svg") no-repeat center center;
    background-size: contain;
    text-indent: -9999rem;
}

.form-mobile-show {
    display: none;
}

.button-mobile {
    width: 100%;
    text-transform: uppercase;
    margin-top: 5px;
}