/* Components */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */

@font-face {
    font-family: icomoon;
    src: url(/hc/theming_assets/01HZM4JP08935EXETEQ3GHCPV6?8fpdve);
    src: url(/hc/theming_assets/01HZM4JP08935EXETEQ3GHCPV6?8fpdve#iefix) format("embedded-opentype"),url(/hc/theming_assets/01HZM4JPJ2YT7GE2XZHJRK614F?8fpdve) format("woff2"),url(/hc/theming_assets/01HZM4JPA1SCTRMV6G95R79Z7F?8fpdve) format("truetype"),url(/hc/theming_assets/01HZM4JPE6YZ7HWG7543F9HFVC?8fpdve) format("woff"),url(/hc/theming_assets/01HZM4JP5NCS3MB5679CYM9WPG?8fpdve#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'proxima nova';
  	src: url(/hc/theming_assets/01HZM4JQ5MV85AXKX6EWJTV6GG);
    src: url(/hc/theming_assets/01HZM4JQ5MV85AXKX6EWJTV6GG?#iefix) format("embedded-opentype"),url(/hc/theming_assets/01HZM4JQW7PYF0H578TX63HZTR) format("woff2"),url(/hc/theming_assets/01HZM4JQQH0NKKF531A6XEKZ3B) format("woff"),url(/hc/theming_assets/01HZM4JQJC1KAQYXJ51VFMH1HX) format("truetype"),url(/hc/theming_assets/01HZM4JQB7YRZ4RBBZM0JFREHC#proxima_novalight) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'proxima nova';
  	src: url(/hc/theming_assets/01HZM4JR4D4KJFESHT02AK0P36);
  	src: url(/hc/theming_assets/01HZM4JR4D4KJFESHT02AK0P36?#iefix) format("embedded-opentype"),url(/hc/theming_assets/01HZM4JRVT4G8W9P8CHV2PRBPT) format("woff2"),url(/hc/theming_assets/01HZM4JRPWVBX4QM3GA7RK756X) format("woff"),url(proximanova-reg-webfont-ttf) format("truetype"),url(proximanova-reg-webfont-svg#proxima_nova_rgregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'proxima nova';
		src: url(/hc/theming_assets/01HZM4JS0PFFMQN6TFHW7NGYWT);
    src: url(/hc/theming_assets/01HZM4JS0PFFMQN6TFHW7NGYWT?#iefix) format("embedded-opentype"),url(/hc/theming_assets/01HZM4JSR1DK1T8TAJWYQTKW4P) format("woff2"),url(/hc/theming_assets/01HZM4JSKBK8D10MN61HYPMP8Y) format("woff"),url(/hc/theming_assets/01HZM4JSASMPWJ84SMAG4S5HC4) format("truetype"),url(/hc/theming_assets/01HZM4JS5PTFW9ATQ22EQ7TEDZ#proxima_novasemibold) format("svg");
    font-weight: 700;
    font-style: normal
}

/*  html {
     font-family: proxima nova;
    /* 1 */
     -ms-text-size-adjust: 100%;
    /* 2 */
     -webkit-text-size-adjust: 100%;
    /* 2 */
} */
/** * Remove default margin. */
 body {
    margin: 0;
   	
}
/* HTML5 display definitions ========================================================================== */
/** * Correct `block` display not defined for any HTML5 element in IE * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
     display: block;
}
/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
 audio, canvas, progress, video {
     display: inline-block;
    /* 1 */
     vertical-align: baseline;
    /* 2 */
}
/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */
 audio:not([controls]) {
     display: none;
     height: 0;
}
/** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
 [hidden], template {
     display: none;
}
/* Links ========================================================================== */
/** * Remove the gray background color from active links in IE 10. */
 a {
     background-color: transparent;
}
/** * Improve readability when focused and also mouse hovered in all browsers. */
 a:active, a:hover {
     outline: 0;
}
/* Text-level semantics ========================================================================== */
/** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
 abbr[title] {
     border-bottom: 1px dotted;
}
/** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
 b, strong {
     font-weight: bold;
}
/** * Address styling not present in Safari and Chrome. */
 dfn {
     font-style: italic;
}
/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */
 h1 {
     margin: 0.67em 0;
     font-size: 2em;
}
/** * Address styling not present in IE 8/9. */
 mark {
     color: #000;
     background: #ff0;
}
/** * Address inconsistent and variable font size in all browsers. */
 small {
     font-size: 80%;
}
/** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */
 sub, sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline;
}
 sup {
     top: -0.5em;
}
 sub {
     bottom: -0.25em;
}
/* Embedded content ========================================================================== */
/** * Remove border when inside `a` element in IE 8/9/10. */
 img {
     border: 0;
}
/** * Correct overflow not hidden in IE 9/10/11. */
 svg:not(:root) {
     overflow: hidden;
}
/* Grouping content ========================================================================== */
/** * Address margin not present in IE 8/9 and Safari. */
 figure {
     margin: 1em 40px;
}
/** * Address differences between Firefox and other browsers. */
 hr {
     height: 0;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
}
/** * Contain overflow in all browsers. */
 pre {
     overflow: auto;
}
/** * Address odd `em`-unit font size rendering in all browsers. */
 code, kbd, pre, samp {
     font-family: monospace;
     font-size: 1em;
}
/* Forms ========================================================================== */
/** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */
/** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
 button, input, optgroup, select, textarea {
     margin: 0;
    /* 3 */
     font: inherit;
    /* 2 */
     color: inherit;
    /* 1 */
}
/** * Address `overflow` set to `hidden` in IE 8/9/10/11. */
 button {
     overflow: visible;
}
/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */
 button, select {
     text-transform: none;
}
/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */
 button, html input[type="button"], 
/* 1 */
 input[type="reset"], input[type="submit"] {
     cursor: pointer;
    /* 3 */
     -webkit-appearance: button;
    /* 2 */
}
/** * Re-set default cursor for disabled elements. */
 button[disabled], html input[disabled] {
     cursor: default;
}
/** * Remove inner padding and border in Firefox 4+. */
 button::-moz-focus-inner, input::-moz-focus-inner {
     padding: 0;
     border: 0;
}
/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */
 input {
     line-height: normal;
}
/** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */
 input[type="checkbox"], input[type="radio"] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
    /* 1 */
     padding: 0;
    /* 2 */
}
/** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
     height: auto;
}
/** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */
 input[type="search"] {
     -webkit-box-sizing: content-box;
    /* 2 */
     box-sizing: content-box;
     -webkit-appearance: textfield;
    /* 1 */
}
/** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
}
/** * Define consistent border, margin, and padding. */
 fieldset {
     padding: 0.35em 0.625em 0.75em;
     margin: 0 2px;
     border: 1px solid #c0c0c0;
}
/** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
 legend {
     padding: 0;
    /* 2 */
     border: 0;
    /* 1 */
}
/** * Remove default vertical scrollbar in IE 8/9/10/11. */
 textarea {
     overflow: auto;
}
/** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
 optgroup {
     font-weight: bold;
}
/* Tables ========================================================================== */
/** * Remove most spacing between table cells. */
 table {
     border-spacing: 0;
     border-collapse: collapse;
   padding: 10;
   border: 1px solid black;
}
 td, th {
     padding: 10;
   border: 1px solid black;
}
/* Reset the box-sizing */
 *, *:before, *:after {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 html, body {
     height: 100%;
}
/* Body reset */
 html {
     font-size: 10px;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 body {
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     line-height: 1.5;
     color: #4e5565;
     background-color: #fff;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     font-weight: normal;
}
/* Reset fonts for relevant elements */
 input, button, select, textarea {
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
}
/* Links */
 a {
     /* color: rgba(218, 0, 95, 1); */
   color: #FF50E3 ;
     text-decoration: none;
}
 a.kocowa, a.Contact_Us, a.dropdown-toggle, a.login {
     /* color: #ffffff ; */
   color: #FF50E3 ;
     text-decoration: none;
}
 a:hover, a:focus {
     color: #8e003e;
     text-decoration: none;
}
 a:hover.kocowa, .kocowa:focus, a:hover.Contact_Us, .Contact_Us:focus, a:hover.dropdown-toggle , .dropdown-toggle:focus, {
     color: #FF50E3 ;
     text-decoration: none;
}
 figure {
     margin: 0;
}
 img {
     max-width: 100%;
     height: auto;
     vertical-align: middle;
}
 hr {
     display: block;
     height: 1px;
     padding: 0;
     margin: 1em 0;
     border: 0;
     border-top: 1px solid #eceeef;
}
 audio, canvas, iframe, img, svg, video {
     vertical-align: middle;
}
/* Headings */
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-weight: bold;
     line-height: 1.2;
}
 h1 {
     margin: 0 0 calc(16px * 1.5);
}
 h2 {
     margin: 0 0 calc(16px * 1);
}
 h3 {
     margin: 0 0 calc(16px * 1.5);
}
 h4 {
     margin: 0 0 calc(16px * 1.5);
}
 h5 {
     margin: 0 0 calc(16px * 1.5);
}
 h6 {
     margin: 0 0 calc(16px * 1.5);
}
 .h1 {
     margin: 0 0 calc(16px * 1.5);
}
 .h2 {
     margin: 0 0 calc(16px * 1.5);
}
 .h3 {
     margin: 0 0 calc(16px * 1.5);
}
 .h4 {
     margin: 0 0 calc(16px * 1.5);
}
 .h5 {
     margin: 0 0 calc(16px * 1.5);
}
 .h6 {
     margin: 0 0 calc(16px * 1.5);
}
 p {
     margin: 0 0 calc(16px * 1.5);
}
 ul {
     margin: 0 0 calc(16px * 1.5);
}
 ol {
     margin: 0 0 calc(16px * 1.5);
}
 h1 {
     font-size: calc(16px * 2.5);
}
 .h1 {
     font-size: calc(16px * 2.5);
}
 h2 {
     font-size: calc(16px * 1.75);
}
 .h2 {
     font-size: calc(16px * 1.88);
}
 h3 {
     font-size: calc(16px * 1.3);
}
 .h3 {
     font-size: calc(16px * 1.5);
}
 h4 {
     font-size: calc(16px * 1.25);
}
 .h4 {
     font-size: calc(16px * 1.25);
}
 h5 {
     font-size: calc(16px * 1.1);
}
 .h5 {
     font-size: calc(16px * 1.1);
}
 h6 {
     font-size: calc(16px * 1);
}
 .h6 {
     font-size: calc(16px * 1);
}
 b, strong {
     font-weight: bold;
}
 small, .small {
     font-size: 80%;
     font-weight: normal;
     line-height: 1;
}
/* Description Lists */
 dl {
     margin-top: 0;
     margin-bottom: calc(16px * 1.5);
}
 dt {
     margin-bottom: calc(16px * 1.5 / 2);
     line-height: 1.5;
}
 dd {
     margin-bottom: calc(16px * 1.5 / 2);
     line-height: 1.5;
}
 dt {
     font-weight: bold;
}
 dd {
     margin-left: 0;
    /* Undo browser default */
}
 .dl-horizontal:before, .dl-horizontal:after {
     display: table;
     content: "";
}
 .dl-horizontal:after {
     clear: both;
}
 .dl-horizontal dt {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 @media (min-width: 768px) {
     .dl-horizontal dt {
         float: left;
         width: 30%;
         padding-right: 15px;
         clear: both;
    }
}
 @media (min-width: 768px) {
     .dl-horizontal dd {
         float: right;
         width: 70% 
    }
}
/* Abbreviations and acronyms */
 abbr[title] {
     cursor: help;
     border-bottom: 1px dotted #818a91;
}
 abbr[data-original-title] {
     cursor: help;
     border-bottom: 1px dotted #818a91;
}
/* Blockquotes */
 blockquote {
     padding: calc(16px * 1.5 / 2) calc(16px * 1.5);
     margin: 0 0 calc(16px * 1.5);
     font-family: 'Open Sans', sans-serif;
     font-style: italic;
     background-color: #f7f7f9;
     border-left: 5px solid #eceeef;
}
 blockquote.is-colored {
     border-left: 5px solid #069;
}
 blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
     margin-bottom: 0;
}
/* Code */
 code {
     padding: 20px !important;
     border-radius: 4px !important;
}
/* Addresses */
 address {
     margin-bottom: calc(16px * 1.5);
     font-style: normal;
     line-height: 1.5;
}
 .clearfix:before, .clearfix:after {
     display: table;
     content: "";
}
 .clearfix:after {
     clear: both;
}
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0;
}
 .list-unstyled {
     padding-left: 0;
     list-style: none;
}
 .is-hidden, .hidden {
     display: none !important;
}
 .powered-by-zendesk {
     display: none;
}
/* Normalize non-controls Restyle and baseline non-control form elements. */
 fieldset {
     padding: 0;
     margin: 0;
     border: 0;
    /* Chrome and Firefox set a `min-width: min-content;
    ` on fieldsets, so we reset that to ensure it behaves more like a standard block element See https:github.com/twbs/bootstrap/issues/12359. */
     min-width: 0;
}
 legend {
     display: block;
     width: 100%;
     padding: 0;
     margin-bottom: calc(16px * 1.5);
     font-size: calc(16px * 1.5);
     line-height: inherit;
     color: #373a3c;
     border: 0;
     border-bottom: 1px solid #e5e5e5;
}
 label {
     display: inline-block;
     max-width: 100%;
     margin-bottom: calc(16px * 1.5 / 2);
     font-weight: 600;
}
/* Normalize form controls While most of our form styles require extra classes, some basic normalization is required to ensure optimum display with or without those classes to better address browser inconsistencies. */
/* Override content-box in Normalize (* isn't specific enough) */
 input[type="search"] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
/* Position radios and checkboxes better */
 input[type="radio"], input[type="checkbox"] {
     margin: 4px 0 0;
     margin-top: 1px \9;
     line-height: normal;
}
/* Set the height of file controls to match text inputs */
 input[type="file"] {
     display: block;
}
/* Make range inputs behave like textual form controls */
 input[type="range"] {
     display: block;
     width: 100%;
}
/* Make multiple select elements height not fixed */
 select[multiple], select[size] {
     height: auto;
}
/* Focus for file, radio, and checkbox */
 input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
/* Adjust output element */
 output {
     display: block;
     padding-top: 7px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
}
/* Common form controls Shared size and type resets for form controls. Apply `.form-control` to any of the following form controls: */
 select {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 textarea {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="text"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="password"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="datetime"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="datetime-local"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="date"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="month"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="time"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="week"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="number"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="email"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="url"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="search"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="tel"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 input[type="color"] {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
 .nesty-input {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
    /* Reset unusual Firefox-on-Android default style;
     see https:github.com/necolas/normalize.css/issues/214 */
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
/* Customize the `:focus` state to imitate native WebKit styles. */
 select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .nesty-input:focus {
     border-color: #9ed5e7;
     outline: 0;
}
/* Placeholder */
 select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .nesty-input::-webkit-input-placeholder {
     color: #999;
     opacity: 1;
}
 select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .nesty-input:-ms-input-placeholder {
     color: #999;
     opacity: 1;
}
 select::-ms-input-placeholder, textarea::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, .nesty-input::-ms-input-placeholder {
     color: #999;
     opacity: 1;
}
 select::placeholder, textarea::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="time"]::placeholder, input[type="week"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="color"]::placeholder, .nesty-input::placeholder {
     color: #999;
     opacity: 1;
}
 select {
     height: calc(16px * 1.5 + 12px + 2px);
}
/* Reset height for `textarea`s */
 textarea {
     height: auto;
     resize: vertical;
     height: calc((16px * 1.5 + 12px + 2px) * 3);
}
/* Search inputs in iOS */
/* This overrides the extra rounded corners on search inputs in iOS so that our `.form-control` class can properly style them. Note that this cannot simply be added to `.form-control` as it's not specific enough. For details, see https:github.com/twbs/bootstrap/issues/11586. */
 input[type="search"] {
     -webkit-appearance: none;
}
/* Special styles for iOS temporal inputs In Mobile Safari, setting `display: block` on temporal inputs causes the text within the input to become vertically misaligned. As a workaround, we set a pixel line-height that matches the given height of the input, but only for Safari. */
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
     input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
         line-height: calc(16px * 1.5 * 2.5);
    }
}
/* Form groups Designed to help with the organization and spacing of vertical forms. For horizontal forms, use the predefined grid classes. */
 .form-field {
     margin-bottom: calc(16px * 1.5);
}
 .form-field.required > label:after {
     content: "*";
     color: #ff5252;
     margin-left: 2px;
}
 .form-field.boolean {
     position: relative;
     padding-left: 20px;
}
 .form-field.boolean input[type="checkbox"] {
     position: absolute;
     left: 0;
}
 .form-field.boolean label {
     min-height: calc(16px * 1.5);
    /* Ensure the input doesn't jump when there is no text */
     margin-bottom: 0;
     cursor: pointer;
}
 input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] {
     cursor: not-allowed;
}
/* Help text Apply to any element you wish to create light text for placement immediately below a form control. Use for general help, formatting, or instructional text. */
 .form-field p, .help-block {
     font-size: 90%;
     display: block;
    /* account for any element using help-block */
     margin-top: 10px;
     margin-bottom: 15px;
     color: #8c94a6;
    /* lighten the text some for contrast */
}
 .btn, input[type="submit"], [role="button"], .topbar .login, 
/*201801008 추가 **/
 .topbar .kocowa, .topbar .Contact_Us, 
/*201801008 추가 **/
 .lines-button, .community-recent-activity .recent-activity-controls a, .satisfaction-box input[type="radio"] ~ label {
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
     font-size: calc(16px - 3px);
     font-weight: 700;
     line-height: 1.5;
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 0.1px;
     white-space: nowrap;
     vertical-align: middle;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-image: none;
    /** 20180108 border: 2px solid transparent;
     border-radius: 4px;
     **/
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
}
 .btn:focus, .btn:active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, [role="button"]:focus, [role="button"]:active:focus, .topbar .login:focus, .topbar .login:active:focus, 
/*201801008 추가 **/
 .topbar .kocowa:focus, .topbar .kocowa:active:focus, .topbar .Contact_Us:focus, .topbar .Contact_Us:active:focus, 
/*201801008 추가 **/
 .lines-button:focus, .lines-button:active:focus, .community-recent-activity .recent-activity-controls a:focus, .community-recent-activity .recent-activity-controls a:active:focus, .satisfaction-box input[type="radio"] ~ label:focus, .satisfaction-box input[type="radio"] ~ label:active:focus {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
/*a.btn.btn--default.see-all-articles {
     color: #818486 ;
}
 */
 a.btn.btn--default.see-all-articles:hover, a.btn.btn--default.see-all-articles:focus {
     color: #FF50E3 ;
}
 .btn:hover, .btn:focus, input[type="submit"]:hover, input[type="submit"]:focus, [role="button"]:hover, [role="button"]:focus, .topbar .login:hover, .topbar .login:focus, 
/*201801008 추가 **/
 .footer .footer-social-link:hover, .footer .footer-social-link:focus, .topbar .Contact_Us:hover, .topbar .Contact_Us:focus, .article-list-item__link:hover , .article-list-item__link:focus , 
/*201801008 추가 **/
 .lines-button:hover, .lines-button:focus, .community-recent-activity .recent-activity-controls a:hover, .community-recent-activity .recent-activity-controls a:focus, .satisfaction-box input[type="radio"] ~ label:hover, .satisfaction-box input[type="radio"] ~ label:focus {
     color: #FF50E3 ;
     text-decoration: none;
}
 .btn:active, input[type="submit"]:active, [role="button"]:active, .topbar .login:active, 
/*201801008 추가 **/
 .topbar .kocowa:active, .topbar .Contact_Us:active, 
/*201801008 추가 **/
 .lines-button:active, .community-recent-activity .recent-activity-controls a:active, .satisfaction-box input[type="radio"] ~ label:active {
     background-image: none;
     outline: none;
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
 [role="button"], .btn--default, .section-subscribe .dropdown-toggle, .community-recent-activity .recent-activity-controls a, .article-subscribe, .article-unsubscribe, .post-subscribe, .post-unsubscribe, .topic-controls__item--subscribe .dropdown-toggle, .topic-controls__item--subscribe .topic-unsubscribe {
    /*20180108 color: rgba(206, 36, 78, 1);
     */
     background-color: transparent;
     border-color: rgba(206, 36, 78, 1);
}
 [role="button"]:hover, [role="button"]:focus, [role="button"]:active, .btn--default:hover, .btn--default:focus, .btn--default:active, .section-subscribe .dropdown-toggle:hover, .section-subscribe .dropdown-toggle:focus, .section-subscribe .dropdown-toggle:active, .community-recent-activity .recent-activity-controls a:hover, .community-recent-activity .recent-activity-controls a:focus, .community-recent-activity .recent-activity-controls a:active, .article-subscribe:hover, .article-subscribe:focus, .article-subscribe:active, .article-unsubscribe:hover, .article-unsubscribe:focus, .article-unsubscribe:active, .post-subscribe:hover, .post-subscribe:focus, .post-subscribe:active, .post-unsubscribe:hover, .post-unsubscribe:focus, .post-unsubscribe:active, .topic-controls__item--subscribe .dropdown-toggle:hover, .topic-controls__item--subscribe .dropdown-toggle:focus, .topic-controls__item--subscribe .dropdown-toggle:active, .topic-controls__item--subscribe .topic-unsubscribe:hover, .topic-controls__item--subscribe .topic-unsubscribe:focus, .topic-controls__item--subscribe .topic-unsubscribe:active {
     color: #9a1b3a;
     background-color: transparent;
     border-color: #9a1b3a;
}
 input[type="submit"], .btn--primary {
     color: #fff;
     background-color: rgba(255, 72, 116, 1);
     border-color: rgba(255, 72, 116, 1);
}
 input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .btn--primary:hover, .btn--primary:focus, .btn--primary:active {
     color: #fff;
     background-color: #ff0b46;
     border-color: #ff0b46;
}
/*--- 20180108 .btn--topbar, .topbar .login {
     color: #0c9;
     background-color: transparent;
     border-color: #0c9;
}
 .btn--topbar:hover, .btn--topbar:focus, .btn--topbar:active, .topbar .login:hover, .topbar .login:focus, .topbar .login:active {
     color: #008f6b;
     background-color: transparent;
     border-color: #008f6b;
}
 20180108 */
 .container {
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width: 768px) {
     .container {
         padding-right: calc(15px * 2);
         padding-left: calc(15px * 2) 
    }
}
 .container-inner {
     max-width: 1200px;
     margin: 0 auto;
}
 .row {
     margin-right: calc(15px * -1);
     margin-left: calc(15px * -1);
}
 .column {
     position: relative;
     float: left;
     width: 100%;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
}
 .column--xs-1 {
     width: 8.33333%;
}
 .column--xs-2 {
     width: 16.66667%;
}
 .column--xs-3 {
     width: 25%;
}
 .column--xs-4 {
     width: 20%;
}
 .column--xs-5 {
     width: 41.66667%;
}
 .column--xs-6 {
     width: 50%;
}
 .column--xs-7 {
     width: 58.33333%;
}
 .column--xs-8 {
     width: 66.66667%;
}
 .column--xs-9 {
     width: 75%;
}
 .column--xs-10 {
     width: 83.33333%;
}
 .column--xs-11 {
     width: 91.66667%;
}
 .column--xs-12 {
     width: 100%;
}
 .column--xs-offset-0 {
     margin-left: 0%;
}
 .column--xs-offset-1 {
     margin-left: 8.33333%;
}
 .column--xs-offset-2 {
     margin-left: 16.66667%;
}
 .column--xs-offset-3 {
     margin-left: 25%;
}
 .column--xs-offset-4 {
     margin-left: 33.33333%;
}
 .column--xs-offset-5 {
     margin-left: 41.66667%;
}
 .column--xs-offset-6 {
     margin-left: 50%;
}
 .column--xs-offset-7 {
     margin-left: 58.33333%;
}
 .column--xs-offset-8 {
     margin-left: 66.66667%;
}
 .column--xs-offset-9 {
     margin-left: 75%;
}
 .column--xs-offset-10 {
     margin-left: 83.33333%;
}
 .column--xs-offset-11 {
     margin-left: 91.66667%;
}
 .column--xs-offset-12 {
     margin-left: 100%;
}
 @media (min-width: 768px) {
     .column--sm-1 {
         width: 8.33333%;
    }
     .column--sm-2 {
         width: 16.66667%;
    }
     .column--sm-3 {
         width: 25%;
    }
     .column--sm-4 {
         width: 33.33333%;
    }
     .column--sm-5 {
         width: 41.66667%;
    }
     .column--sm-6 {
         width: 50%;
    }
     .column--sm-7 {
         width: 58.33333%;
    }
     .column--sm-8 {
         width: 66.66667%;
    }
     .column--sm-9 {
         width: 75%;
    }
     .column--sm-10 {
         width: 83.33333%;
    }
     .column--sm-11 {
         width: 91.66667%;
    }
     .column--sm-12 {
         width: 100%;
    }
     .column--sm-offset-0 {
         margin-left: 0%;
    }
     .column--sm-offset-1 {
         margin-left: 8.33333%;
    }
     .column--sm-offset-2 {
         margin-left: 16.66667%;
    }
     .column--sm-offset-3 {
         margin-left: 25%;
    }
     .column--sm-offset-4 {
         margin-left: 33.33333%;
    }
     .column--sm-offset-5 {
         margin-left: 41.66667%;
    }
     .column--sm-offset-6 {
         margin-left: 50%;
    }
     .column--sm-offset-7 {
         margin-left: 58.33333%;
    }
     .column--sm-offset-8 {
         margin-left: 66.66667%;
    }
     .column--sm-offset-9 {
         margin-left: 75%;
    }
     .column--sm-offset-10 {
         margin-left: 83.33333%;
    }
     .column--sm-offset-11 {
         margin-left: 91.66667%;
    }
     .column--sm-offset-12 {
         margin-left: 100%;
    }
}
 @media (min-width: 992px) {
     .column--md-1 {
         width: 8.33333%;
    }
     .column--md-2 {
         width: 16.66667%;
    }
     .column--md-3 {
         width: 25%;
    }
     .column--md-4 {
         width: 33.33333%;
    }
     .column--md-5 {
         width: 41.66667%;
    }
     .column--md-6 {
         width: 50%;
    }
     .column--md-7 {
         width: 58.33333%;
    }
     .column--md-8 {
         width: 66.66667%;
    }
     .column--md-9 {
         width: 75%;
    }
     .column--md-10 {
         width: 83.33333%;
    }
     .column--md-11 {
         width: 91.66667%;
    }
     .column--md-12 {
         width: 100%;
    }
     .column--md-offset-1 {
         margin-left: 8.33333%;
    }
     .column--md-offset-2 {
         margin-left: 16.66667%;
    }
     .column--md-offset-3 {
         margin-left: 25%;
    }
     .column--md-offset-4 {
         margin-left: 33.33333%;
    }
     .column--md-offset-5 {
         margin-left: 41.66667%;
    }
     .column--md-offset-6 {
         margin-left: 50%;
    }
     .column--md-offset-7 {
         margin-left: 58.33333%;
    }
     .column--md-offset-8 {
         margin-left: 66.66667%;
    }
     .column--md-offset-9 {
         margin-left: 75%;
    }
     .column--md-offset-10 {
         margin-left: 83.33333%;
    }
     .column--md-offset-11 {
         margin-left: 91.66667%;
    }
     .column--md-offset-12 {
         margin-left: 100%;
    }
}
 @media (min-width: 1200px) {
     .column--lg-1 {
         width: 8.33333%;
    }
     .column--lg-2 {
         width: 16.66667%;
    }
     .column--lg-3 {
         width: 25%;
    }
     .column--lg-4 {
         width: 33.33333%;
    }
     .column--lg-5 {
         width: 41.66667%;
    }
     .column--lg-6 {
         width: 50%;
    }
     .column--lg-7 {
         width: 58.33333%;
    }
     .column--lg-8 {
         width: 66.66667%;
    }
     .column--lg-9 {
         width: 75%;
    }
     .column--lg-10 {
         width: 83.33333%;
    }
     .column--lg-11 {
         width: 91.66667%;
    }
     .column--lg-12 {
         width: 100%;
    }
     .column--lg-pull-0 {
         right: auto;
    }
     .column--lg-pull-1 {
         right: 8.33333%;
    }
     .column--lg-pull-2 {
         right: 16.66667%;
    }
     .column--lg-pull-3 {
         right: 25%;
    }
     .column--lg-pull-4 {
         right: 33.33333%;
    }
     .column--lg-pull-5 {
         right: 41.66667%;
    }
     .column--lg-pull-6 {
         right: 50%;
    }
     .column--lg-pull-7 {
         right: 58.33333%;
    }
     .column--lg-pull-8 {
         right: 66.66667%;
    }
     .column--lg-pull-9 {
         right: 75%;
    }
     .column--lg-pull-10 {
         right: 83.33333%;
    }
     .column--lg-pull-11 {
         right: 91.66667%;
    }
     .column--lg-pull-12 {
         right: 100%;
    }
     .column--lg-push-0 {
         left: auto;
    }
     .column--lg-push-1 {
         left: 8.33333%;
    }
     .column--lg-push-2 {
         left: 16.66667%;
    }
     .column--lg-push-3 {
         left: 25%;
    }
     .column--lg-push-4 {
         left: 33.33333%;
    }
     .column--lg-push-5 {
         left: 41.66667%;
    }
     .column--lg-push-6 {
         left: 50%;
    }
     .column--lg-push-7 {
         left: 58.33333%;
    }
     .column--lg-push-8 {
         left: 66.66667%;
    }
     .column--lg-push-9 {
         left: 75%;
    }
     .column--lg-push-10 {
         left: 83.33333%;
    }
     .column--lg-push-11 {
         left: 91.66667%;
    }
     .column--lg-push-12 {
         left: 100%;
    }
     .column--lg-offset-0 {
         margin-left: 0%;
    }
     .column--lg-offset-1 {
         margin-left: 8.33333%;
    }
     .column--lg-offset-2 {
         margin-left: 16.66667%;
    }
     .column--lg-offset-3 {
         margin-left: 25%;
    }
     .column--lg-offset-4 {
         margin-left: 33.33333%;
    }
     .column--lg-offset-5 {
         margin-left: 41.66667%;
    }
     .column--lg-offset-6 {
         margin-left: 50%;
    }
     .column--lg-offset-7 {
         margin-left: 58.33333%;
    }
     .column--lg-offset-8 {
         margin-left: 66.66667%;
    }
     .column--lg-offset-9 {
         margin-left: 75%;
    }
     .column--lg-offset-10 {
         margin-left: 83.33333%;
    }
     .column--lg-offset-11 {
         margin-left: 91.66667%;
    }
     .column--lg-offset-12 {
         margin-left: 100%;
    }
}
 .logo-wrapper {
     display: inline-block;
     vertical-align: middle;
}
 .logo img {
     display: block;
     max-height: 35px !important;
}
 .layout {
/*      display: -ms-flexbox;
     display: flex;
     height: 100vh;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column; */
     background-color: #fff;
}
 .layout__main {
     width: 100%;
     -webkit-box-flex: 1;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto;
}
 .layout__main:after {
     display: block;
     height: 0;
     visibility: hidden;
     content: '\00a0';
}
 .layout__header, .layout__footer {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
}
/***** 20180108 Header *****/
 .layout__header {
     max-width: 1160px;
     margin: 0 auto;
     padding: 0 5%;
     position: relative;
     align-items: center;
     display: flex;
     height: 71px;
     justify-content: space-between;
}
 .topbar {
     width: 100%;
     margin-bottom: calc(16px * 1.5);
     color: #fff;
     background-color: rgba(44, 44, 44, 1);
     border-color: #0c9;
     border-style: solid;
     border-width: 0;
}
 @media (max-width: 767px) {
     .topbar .submit-a-request, .topbar .login, .topbar .language-selector {
         margin-bottom: 6px 
    }
}
 @media (min-width: 768px) {
     .topbar {
         margin-bottom: calc(16px * 1.5 * 2) 
    }
}
 .topbar--bordered {
     border-color: #0c9 transparent #eee transparent;
     border-style: solid;
     border-width: 4px 0 1px;
}
 .topbar__inner {
     width: 100%;
     margin: 0 auto;
}
 @media (min-width: 768px) {
     .topbar__inner {
         display: table;
    }
}
 .topbar__col {
     position: relative;
     padding: calc(16px * 1.5 / 2) 0;
}
 .Help Center {
     color:#F1F2F3 ;
     background-color:#C0C3C5;
     border:1px solid #C0C3C5;
     font-size: 20px;
}
 @media (min-width: 768px) {
     .topbar__col {
         display: table-cell;
         vertical-align: middle;
    }
}
 @media (min-width: 768px) {
     .topbar__controls {
         float: right;
    }
}
 @media (max-width: 767px) {
     .topbar__collapse {
         display: none;
         padding-top: calc(16px * 1.5 / 2);
         padding-bottom: calc(16px * 1.5) 
    }
}
 @media (min-width: 768px) {
     .topbar__collapse {
         display: block !important 
    }
}
 @media (max-width: 767px) {
     .topbar__menu {
         padding: 0 
    }
}
 @media (min-width: 768px) {
     .topbar__col {
/*          padding: 20px 0; */
       padding: 12px 0;
    }
}
/***** 20180109 Header 추가 start *****/
 .user-nav {
     display: inline-block;
     position: absolute;
     white-space: nowrap;
     margin-top: 18px;
}
 @media (min-width: 768px) {
     .user-nav {
         position: relative;
    }
}
 .user-nav[aria-expanded=true] {
     background-color: #fff;
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
     border: solid 1px #ddd;
     right: 0;
     left: 0;
     top: 38px;
     z-index: 1;
}
 .user-nav[aria-expanded=true]>a {
     display: block;
     margin: 20px;
}
 .nav-wrapper a {
     border: 0;
     color: #03363d;
     display: none;
     font-size: 14px;
     padding: 0 20px 0 0;
     width: auto;
}
 @media (min-width: 768px) {
     .nav-wrapper a {
         display: inline-block;
    }
}
 .nav-wrapper .icon-menu {
     display: inline-block;
     margin-right: 10px;
     color: #03363d;
}
 @media (min-width: 768px) {
     .nav-wrapper .icon-menu {
         display: none;
    }
}
/***** 20180109 Header 추가 end *****/
/* stylelint-disable */
 #user-menu {
     margin: 0 !important;
     border: 0 !important;
}
 #user-menu [role="menuitem"] {
     white-space: nowrap;
}
 #user > .btn {
     padding-right: 0;
     padding-left: 0;
     font-weight: 400;
     text-transform: none;
     letter-spacing: 0;
}
 @-webkit-keyframes bounce {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -25px, 0);
         transform: translate3d(0, -25px, 0);
    }
     25% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
    }
     50% {
         -webkit-transform: translate3d(0, -6px, 0);
         transform: translate3d(0, -6px, 0);
    }
     75% {
         -webkit-transform: translate3d(0, 2px, 0);
         transform: translate3d(0, 2px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes bounce {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -25px, 0);
         transform: translate3d(0, -25px, 0);
    }
     25% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
    }
     50% {
         -webkit-transform: translate3d(0, -6px, 0);
         transform: translate3d(0, -6px, 0);
    }
     75% {
         -webkit-transform: translate3d(0, 2px, 0);
         transform: translate3d(0, 2px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @media (max-width: 767px) {
     #user-dropdown {
         position: static;
         display: inline;
         float: none;
         background: transparent !important;
         border: 0;
         -webkit-box-shadow: none;
         box-shadow: none;
         opacity: 1 !important 
    }
     #user-dropdown:before, #user-dropdown:after {
         display: none;
    }
}
 #user-dropdown [role="menuitem"] {
     padding: 10px 0;
}
 @media (max-width: 767px) {
     #user-dropdown [role="menuitem"] {
         color: #fff;
    }
     #user-dropdown [role="menuitem"]:hover {
         background-color: transparent;
    }
}
 @media (min-width: 768px) {
     #user-dropdown [role="menuitem"] {
         padding-right: 16px;
         padding-left: 16px;
    }
}
 #user-dropdown [role="separator"] {
     padding: 0;
     margin: 0;
}
 @media (max-width: 767px) {
     #user-dropdown [role="separator"] {
         border-color: rgba(255, 255, 255, 0.15);
    }
}
 @media (min-width: 768px) {
     #user-dropdown[aria-expanded="true"] {
         -webkit-animation: bounce 0.6s ease-out;
         animation: bounce 0.6s ease-out 
    }
}
 #user-dropdown:before, #user-dropdown:after {
     color: inherit;
}
 #user {
     display: block;
}
 @media (min-width: 768px) {
     #user {
         display: inline-block;
         vertical-align: middle 
    }
}
 #user .dropdown-toggle {
     padding-right: 0;
     padding-left: 0;
     font-size: calc(16px - 2px);
     color: inherit;
}
 #user .dropdown-toggle, #user .dropdown-toggle:active, #user .dropdown-toggle:hover {
     border-color: transparent;
}
 #user .dropdown-toggle:before, #user .dropdown-toggle:after {
     color: #fff;
}
 @media (max-width: 767px) {
     #user .dropdown-toggle:before, #user .dropdown-toggle:after {
         display: none;
    }
}
 #user-password, #user-profile {
     color: #4e5565;
}
 @media (max-width: 767px) {
     #user-password {
         min-width: 1px !important;
         padding: calc(16px * 1.5 / 4) 12px !important;
         margin-top: calc(16px * 1.5 / 4);
         background-color: #fff;
         border-radius: 4px 
    }
     #user-profile {
         min-width: 1px !important;
         padding: calc(16px * 1.5 / 4) 12px !important;
         margin-top: calc(16px * 1.5 / 4);
         background-color: #fff;
         border-radius: 4px 
    }
}
 #user-password [role="separator"] {
     padding: calc(16px * 1.5 / 4) 12px !important;
}
 #user-profile [role="separator"] {
     padding: calc(16px * 1.5 / 4) 12px !important;
}
 #user-password form {
     padding: calc(16px * 1.5 / 4) 12px !important;
}
 #user-profile form {
     padding: calc(16px * 1.5 / 4) 12px !important;
}
 #user-profile {
     font-size: calc(16px - 2px) !important;
}
 #user-profile dt {
     padding: 8px 4px !important;
}
 #user-profile dt label {
     margin-bottom: 0 !important;
}
 #user-profile input[type="text"] {
     font-size: calc(16px - 2px) !important;
}
 #password-form label {
     font-size: calc(16px - 2px) !important;
}
 #password-submit {
     float: none !important;
     margin: 0 !important;
     background: auto !important;
}
 .avatar {
     position: relative;
     display: inline-block;
}
 .avatar--agent:before {
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     position: absolute;
     right: 0;
     bottom: 0;
     margin-right: -4px;
     margin-bottom: -4px;
     font-size: calc(16px * 0.75);
     color: #069;
     content: "\f19d";
}
 .user-avatar {
     border-radius: 100%;
}
 .user-avatar--default {
     width: 40px;
     height: 40px;
}
 #user .user-avatar {
     width: 30px;
     height: 30px;
}
 .lines-button {
     padding: 15px 7.5px;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: transparent;
     border: 0;
     -webkit-transition: 0.3s;
     transition: 0.3s;
}
 @media (max-width: 767px) {
     .lines-button {
         float: right 
    }
}
 @media (min-width: 768px) {
     .lines-button {
         display: none 
    }
}
 .lines-button:hover {
     opacity: 1;
}
 .lines-button:active {
     outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-transition: 0;
     transition: 0;
}
 .lines-button:focus {
     outline: 0;
}
/*common to all three-liners */
 .lines, .lines:before, .lines:after {
     display: inline-block;
     width: 30px;
     height: 2px;
     background: #fff;
     border-radius: 2px;
     -webkit-transition: 0.3s;
     transition: 0.3s;
}
 .lines {
     position: relative;
}
 .lines:before, .lines:after {
     position: absolute;
     left: 0;
     content: '';
     -webkit-transform-origin: calc(30px / 14) center;
     transform-origin: calc(30px / 14) center;
}
 .lines:before {
     top: 7.5px;
}
 .lines:after {
     top: -7.5px;
}
 .lines-button.is-active {
     -webkit-transform: scale3d(0.8, 0.8, 0.8);
     transform: scale3d(0.8, 0.8, 0.8);
}
 .lines-button.is-active .lines {
     background: transparent;
}
 .lines-button.is-active .lines:before, .lines-button.is-active .lines:after {
     top: 0;
     width: 30px;
     -webkit-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
}
 .lines-button.is-active .lines:before {
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
}
 .lines-button.is-active .lines:after {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
}
 .help-center-name {
     display: inline-block;
     margin: 0;
     vertical-align: middle;
}
 @media (max-width: 767px) {
     .help-center-name {
         display: none 
    }
}
 .hero-bg {
     position: absolute;
     top: -10%;
     left: 0;
     z-index: 1;
     width: 100%;
     height: 150%;
     background-image: url(/hc/theming_assets/01HZM4JTP8S863BHKSPNP6J2RR);
     background-repeat: no-repeat;
     background-position: 50% 40%;
     background-size: cover;
}
 .hero-unit {
     position: relative;
     padding: 15% 15px 10%;
     margin-top: calc(16px * 1.5 * -1);
     margin-bottom: calc(16px * 1.5 * 2);
     overflow: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 @media (min-width: 768px) {
     .hero-unit {
         padding-bottom: 5%;
         margin-top: calc(16px * 1.5 * -2) 
    }
}
 .hero-unit:after {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     width: 100%;
     height: 100%;
     content: '';
     background-color: rgba(255, 255, 255, 1);
     opacity: 1;
}
 .intro-title {
     margin-bottom: calc(16px * 1.5);
     font-size: calc(16px * 1.5);
     font-weight: 300;
     line-height: 1.1;
     color: #fff;
     text-align: center;
}
 @media (min-width: 768px) {
     .intro-title {
         font-size: calc(16px * 1.75) 
    }
}
 @media (min-width: 992px) {
     .intro-title {
         margin-bottom: calc(16px * 1.5 * 1.5);
         font-size: calc(16px * 2.5) 
    }
}
/* Search */
 .search {
     position: relative;
}
 .search:before {
     position: absolute;
     top: 50%;
     left: 10px;
     margin-top: -9px;
     font-size: 18px;
     color: #4e5565;
     content: "\f002";
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .searchbox {
     margin-top: calc(16px * 1.5);
}
 .searchbox-suggestions ul {
     padding-left: 0;
     margin-bottom: calc(16px * 1.5);
     list-style: none;
}
 .searchbox-suggestions li {
     margin-bottom: calc(16px * 1.5 / 3);
}
 .search-box {
     position: relative;
}
 .search-box #query {
     padding-left: 43px;
     -webkit-transition: border 0.3s ease;
     transition: border 0.3s ease;
}
 .search-box--hero-unit {
     z-index: 2;
     max-width: 720px;
     margin: 0 auto;
     -webkit-transition: top 0.3s ease;
     transition: top 0.3s ease;
}
 .search-box--hero-unit .search {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .search-box--hero-unit .search:before {
     left: 20px;
     margin-top: -11px;
     font-size: 22px;
}
 .search-box--hero-unit #query {
     height: 50px;
     padding: 10 55px;
     font-size: 20px;
     border-color: #fff;
     background-color: rgba(255, 255, 255, 1);
     -webkit-transition: border 0.3s ease, background-color 0.3s ease;
     transition: border 0.3s ease, background-color 0.3s ease;
}
 .search-box--hero-unit #query:focus {
     background-color: #fff;
}
 @media (min-width: 992px) {
     .search-box--hero-unit #query {
         height: 60px 
    }
}
 .search-box--hero-unit input[type="submit"] {
     display: inline-block;
     height: 60px;
     margin-left: 16px;
     padding-right: calc(12px * 2);
     padding-left: calc(12px * 2);
}
 @media (max-width: 991px) {
     .search-box--hero-unit input[type="submit"] {
         display: none 
    }
}
 .search-box--small {
     margin-bottom: calc(16px * 1.5 * 2);
}
 @media (max-width: 479px) {
     .custom-blocks {
         margin-bottom: calc(16px * 1.5) 
    }
}
 .custom-block {
     margin-bottom: calc(16px * 1.5);
}
 @media (max-width: 479px) {
     .custom-block {
         float: none;
         width: 100%;
         padding: 0 calc(12px * 2);
    }
}
 @media (min-width: 480px) {
     .custom-block {
         padding: 0 calc(12px * 2);
         text-align: center;
    }
}
 @media (min-width: 768px) {
     .custom-block {
         margin-bottom: calc(16px * 1.5);
    }
}
 .custom-block__link {
     display: block;
}
 @media (max-width: 479px) {
     .custom-block__link {
         display: table 
    }
}
 .custom-block__link:active .custom-block__icon path, .custom-block__link:focus .custom-block__icon path, .custom-block__link:hover .custom-block__icon path {
     fill: #1f3249;
}
 .custom-block__link:active .custom-block__icon circle, .custom-block__link:focus .custom-block__icon circle, .custom-block__link:hover .custom-block__icon circle {
     stroke: #1f3249;
}
 .custom-block__icon {
     display: inline-block;
}
 @media (min-width: 480px) {
     .custom-block__icon {
         margin-bottom: calc(16px * 1.5) 
    }
}
 .custom-block__icon svg {
     width: 56px;
     height: 56px;
}
 @media (min-width: 480px) {
     .custom-block__icon svg {
         width: calc(56px + 10px);
         height: calc(56px + 10px) 
    }
}
 .custom-block__icon circle, .custom-block__icon path {
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
}
 .custom-block__icon path {
     fill: rgba(236, 89, 104, 1);
}
 .custom-block__icon circle {
     stroke: rgba(236, 89, 104, 1);
}
 .custom-block__title {
     font-size: 16px;
     font-weight: 600;
     color: #4e5565;
     text-transform: uppercase;
}
 @media (max-width: 479px) {
     .custom-block__title {
         display: table-cell;
         width: 100%;
         padding-left: 12px;
    }
}
 @media (min-width: 480px) {
     .custom-block__title {
         display: block;
    }
}
 @media (min-width: 768px) {
     .category-page {
         margin-bottom: calc(16px * 1.5 * 2);
       
       /* Dae Edited */
      	min-height: 700px;
    }
}
 .category-description:empty {
     display: none;
}
/*  .category-tree-item__title {
     padding-bottom: calc(16px * 1.5 / 2);
     border-bottom: 2px solid #eceeef;
} */

.category-tree-item__title {
    padding-bottom: calc(16px * 1.5*2.8);
/*   	padding-top: calc(16px * 1.5*2); */
  	text-align: center;
    font-size: 50px;
    letter-spacing: 0px;
    margin-bottom: 0 !important;
}
 .category-tree-item__sections {
/*      margin-bottom: calc(16px * 1.5*2); */
   
}
 @media (min-width: 768px) {
     .category-tree-item__sections .section:nth-child(2n+1) {
         clear: left;
    }
}
 @media (min-width: 992px) {
     .category-tree-item__sections .section:nth-child(2n+1) {
         clear: none;
    }
     .category-tree-item__sections .section:nth-child(3n+1) {
         clear: left;
    }
}
 .category-tree-item__title-link {
     color: inherit;
}
 .category-list {
     padding-left: 0;
     margin-bottom: calc(16px * 1.5);
     list-style: none;
}
 .category-list-item {
     position: relative;
     margin-bottom: calc(16px * 1.5);
}
 @media (min-width: 768px) {
     .category-list-item {
         display: table;
         height: 150px 
    }
}
 .category-list-item__link {
     display: block;
     padding: calc(16px * 1.5) 15px;
     font-weight: 600;
     color: #fff;
     text-align: center;
     vertical-align: middle;
     background-color: #1f3249;
     border-radius: 4px;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .category-list-item__link:active, .category-list-item__link:focus, .category-list-item__link:hover {
     color: #fff;
     text-decoration: none;
     background-color: #069;
}
 @media (min-width: 768px) {
     .category-list-item__link {
         display: table-cell 
    }
}
 .category-list-item__title {
     margin-bottom: 0;
     font-weight: 600;
}
 .section-page {
     margin-bottom: calc(16px * 1.5 * 2);
}
 .section {
     margin-bottom: calc(16px * 1.5);
}
 .section__title {
     font-weight: bold;
}
 .section__title-link {
     color: inherit;
}
 .section-header {
     position: relative;
}
 .section-subscribe {
     position: absolute;
     top: 0;
     right: 0;
}
 .section-subscribe .dropdown-menu {
     right: 0;
     left: initial;
}
 .section-title {
     padding-right: 120px;
}
 @media (min-width: 768px) {
     .section-tree .section:nth-child(2n+1) {
         clear: left;
    }
}
 @media (min-width: 992px) {
     .section-tree .section:nth-child(2n+1) {
         clear: none;
    }
     .section-tree .section:nth-child(3n+1) {
         clear: left;
    }
}
 .article-list {
     list-style: none;
     padding-left: 0;
}
 .article-list-item {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .article-list-item--is-promoted span {
     font-size: 10px;
     color: #fbce0a;
     vertical-align: middle;
}
 .community-recent-activity {
     padding: calc(16px * 1.5) 15px;
     margin-bottom: calc(16px * 1.5 * 2);
     border: 2px solid #eceeef;
     border-radius: 4px;
}
 .community-recent-activity h4 {
     font-weight: 600;
     font-size: calc(16px * 1.75);
}
 .community-recent-activity .recent-activity-header {
     display: none;
}
 .community-recent-activity .recent-activity-list {
     margin-bottom: 0;
     list-style: none;
     padding-left: 0;
}
 @media (min-width: 768px) {
     .community-recent-activity .recent-activity-list {
         margin-right: calc(15px * -1);
         margin-left: calc(15px * -1) 
    }
}
 @media (min-width: 768px) {
     .community-recent-activity .recent-activity-item {
         display: inline-block;
         width: 33.3333%;
         padding-right: 15px;
         padding-left: 15px;
         margin-bottom: calc(16px * 1.5);
         vertical-align: top 
    }
}
 .community-recent-activity .recent-activity-item-meta {
     font-size: calc(16px * 0.75);
     color: #979797;
}
 .community-recent-activity .recent-activity-item-comment span:before {
     margin-right: 2px;
     content: "\f0e5";
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .community-recent-activity .recent-activity-item-parent {
     font-weight: 600;
     color: #4e5565;
}
 .footer-submit-ticket {
     padding: calc(16px * 1.5 * 2) calc(12px * 2) calc(16px * 1.5);
     margin-bottom: calc(16px * 1.5 * 2);
     text-align: center;
     background-color: #eceeef;
     border-radius: 4px;
}
 .footer-submit-ticket__title {
     font-size: calc(16px * 1.5);
}
 .footer-submit-ticket__subtitle {
     font-size: calc(16px * 1.5);
     color: #7e879b;
}
 .footer-submit-ticket__btn:empty {
     display: none;
}
 .footer-submit-ticket__btn .btn {
     padding: 10px 18px;
}
 .footer {
    /*height: 150px;
    */
     padding-top: calc(16px * 1.5 * 1.2);
  	 padding-bottom: calc(16px * 1.5 * 0.3);
     font-size: calc(16px - 2px);
     line-height: 1.1;
     color: #fff;
     background-color: rgba(44, 44, 44, 1);
}
 .footer__inner {
     width: 100%;
     margin: 0 auto;
}
 @media (min-width: 768px) {
     .footer__inner {
         display: table 
    }
}
 .footer__col {
     position: relative;
}
 @media (min-width: 768px) {
     .footer__col {
         display: table-cell;
    }
}
 @media (min-width: 768px) {
     .footer__col--social-links {
         text-align: right 
    }
}
 .footer-social-link {
     padding: calc(16px / 2);
     font-size: 16px !important;
     color: #fff;
     vertical-align: middle;
}
 .footer-social-link + .footer-social-link {
     margin-left: 5px;
}
 .copyright a {
     color: #999;
}
 table {
     background-color: transparent;
}
 caption {
     padding-top: 12px;
     padding-bottom: 12px;
     color: #818a91;
     text-align: left;
}
 th {
     text-align: left;
}
 .table {
     width: 100%;
     max-width: 100%;
     margin-bottom: calc(16px * 1.5);
}
 .table th, .table td {
     padding: 12px;
     vertical-align: top;
}
 .table td {
     border-top: 1px solid #d3d6d8;
}
 .table thead th {
     vertical-align: bottom;
}
 .table tbody + tbody {
     border-top: 1px solid #d3d6d8;
}
 .table .table {
     background-color: #fff;
}
 .table--color-header th {
     background-color: #069;
     color: #fff;
}
 .table--striped th, .table--striped td, .table--striped thead th {
     border-color: #fff;
}
 .table--striped tbody tr:nth-child(odd) {
     background-color: #eceeef;
     color: inherit;
}
 .table--hover tbody tr:hover {
     background-color: #eceeef;
     color: inherit;
}
 .table--bordered {
     border: 1px solid #d3d6d8;
}
 .table--bordered td {
     border-left: 1px solid #d3d6d8;
}
 .table--bordered th {
     border-left: 1px solid #d3d6d8;
}
 .table-responsive {
     min-height: 0.01%;
     overflow-x: auto;
}
 @media screen and (max-width: 767px) {
     .table-responsive {
         width: 100%;
         margin-bottom: calc(16px * 1.5 * 0.75);
         overflow-y: hidden;
         -ms-overflow-style: -ms-autohiding-scrollbar;
         border: 1px solid #d3d6d8 
    }
     .table-responsive > .table {
         margin-bottom: 0;
    }
     .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
         white-space: nowrap;
    }
}
 .meta {
     font-size: 14px;
     color: #979797;
}
 .meta__item {
     display: inline-block;
     margin-right: calc(12px / 2);
}
 .meta__item + .meta__item:before {
     margin-right: calc(12px / 2);
     font-size: 10px;
     content: "\2022";
}
 .meta--profile {
     margin-bottom: 0;
}
 .breadcrumbs {
     padding: 8px 0 0;
     margin-bottom: calc(16px * 1.5);
     list-style: none;
     background-color: transparent;
     border-radius: 4px;
}
 .breadcrumbs > li {
     display: inline-block;
}
 .breadcrumbs > li + li:before {
     content: "\00a0";
     padding: 0 5px;
     color: #ccc;
     content: "› ";
}
 .breadcrumbs > li a {
     color: rgba(218, 0, 95, 1);
}
 .breadcrumbs--search-results {
     padding: 0;
     margin-bottom: calc(16px * 1.5 / 2);
     font-size: calc(16px * 0.75);
}
 .language-selector {
     display: inline-block;
     vertical-align: middle;
}
 .search-results-page {
     margin-bottom: calc(16px * 1.5 * 2);
}
 .search-results-count {
     font-size: calc(16px * 1.25);
}
 .search-result {
     margin-bottom: calc(16px * 1.5);
     border-bottom: 2px solid #eceeef;
}
 .search-result__title {
     margin-bottom: calc(16px * 1.5 / 2);
     font-weight: 600;
}
 .search-result__description {
     margin-bottom: calc(16px * 1.5 / 2);
     font-size: calc(16px * 0.75);
}
 .search-result__description:empty {
     display: none;
}
 .search-result__description em {
     padding: 0 3px;
     font-style: normal;
     font-weight: 600;
     background-color: #fff3ca;
     border-radius: 3px;
}
 .search-result__meta {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .search-result-votes {
     display: inline-block;
     padding: 2px 4px;
     font-size: calc(16px * 0.75);
     color: #fff;
     background-color: #069;
     border-radius: 4px;
}
 .article-page {
     margin-bottom: calc(16px * 1.5 * 2);
}
 .article {
     position: relative;
}
 .article__title {
     font-size: calc(16px * 1.5);
     font-weight: 300;
}
 @media (min-width: 768px) {
     .article__title {
         font-size: calc(16px * 1.75) 
    }
}
 @media (min-width: 992px) {
     .article__title {
         font-size: calc(16px * 2.5) 
    }
}
 .article-meta {
     display: table;
     width: 100%;
     margin-bottom: calc(16px * 1.5);
}
 .article-meta__col {
     display: table-cell;
     vertical-align: top;
}
 .article-meta__col--main {
     width: 100%;
     padding-right: 12px;
}
 .article__body {
     margin-bottom: calc(16px * 1.5);
}
 .article__body h2 {
     font-size: calc(16px * 1.75);
     font-weight: 400;
     line-height: 1.2;
}
 .article__body .wysiwyg-font-size-x-large {
     font-size: calc(16px * 1.75);
     font-weight: 400;
     line-height: 1.2;
}
 .article__body .wysiwyg-font-size-large {
     font-size: calc(16px * 1.5);
     font-weight: 600;
     line-height: 1.2;
}
 .article__body .wysiwyg-font-size-medium {
     font-size: calc(16px * 1.25);
     font-weight: 600;
     line-height: 1.2;
}
 .article__body .wysiwyg-font-size-small {
     font-size: calc(16px * 0.75);
}
 .article__body ul, .article__body ol {
     padding-left: 20px;
}
 .article__body ul ul {
     margin-top: calc(16px * 1.5 / 2);
}
 .article__body ul ol {
     margin-top: calc(16px * 1.5 / 2);
}
 .article__body ol ul {
     margin-top: calc(16px * 1.5 / 2);
}
 .article__body ol ol {
     margin-top: calc(16px * 1.5 / 2);
}
 .article__body ul li {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .article__body ol li {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .article-vote {
     position: relative;
     padding: calc(16px * 1.5) 12px;
     border: 2px solid #eceeef;
     border-radius: 4px;
}
 .article-vote-controls__item {
     color: #4e5565;
     background-color: #eceeef;
     border-color: #eceeef;
}
 .article-vote-controls__item:hover {
     color: #333842;
     background-color: #cbd0d3;
     border-color: #cbd0d3;
}
 .article-vote-controls__item:focus {
     color: #333842;
     background-color: #cbd0d3;
     border-color: #cbd0d3;
}
 .article-vote-controls__item:active {
     color: #333842;
     background-color: #cbd0d3;
     border-color: #cbd0d3;
}
 .article-vote-controls__item:active {
     background-image: none;
}
 .article-vote-controls__item--voted {
     color: #383d48;
     border-color: #383d48;
}
 @media (max-width: 767px) {
     .article-vote-question {
         display: block;
         margin-bottom: calc(16px * 1.5 / 2) 
    }
}
 @media (min-width: 768px) {
     .article-vote-question {
         float: left;
         margin-right: 12px 
    }
}
 .article-vote-controls {
     white-space: nowrap;
}
 @media (max-width: 767px) {
     .article-vote-controls {
         display: block;
         margin-bottom: calc(16px * 1.5 / 2) 
    }
}
 .article-vote-count {
     display: block;
     font-size: calc((16px * 0.75) - 2);
     color: #979797;
}
 .article__share {
     margin-bottom: calc(16px * 1.5);
}
 .article__share ul {
     margin-top: 0;
}
 .article-footer {
     margin-bottom: calc(16px * 1.5);
}
 .article__attachments {
     margin-bottom: calc(16px * 1.5);
}
 .article-more-questions {
     margin-bottom: calc(16px * 1.5);
     clear: both;
}
 .article-more-questions:empty {
     display: none;
}
 .article-more-questions a {
     white-space: nowrap;
}
 @media (max-width: 767px) {
     .article-sidebar {
         padding-top: calc(16px * 1.5);
         border-top: 2px solid #eceeef 
    }
}
 .comment-form__body {
     margin-bottom: calc(16px * 1.5);
}
 .comments {
}
 .comments__callout {
     font-size: calc(16px * 0.75);
     color: #979797;
}
 .comments__callout:empty {
     display: none;
}
 .comments__list {
     padding-left: 0;
     list-style: none;
}
 .comment-list-header {
     margin-bottom: calc(16px * 1.5);
     border-bottom: 2px solid #eceeef;
     padding-bottom: calc(16px * 1.5 / 2);
}
 .comment-list-heading {
     margin-bottom: 0;
     font-size: calc(16px * 1.1);
     font-weight: 600;
}
 .comment-sorter {
     margin-bottom: calc(16px * 1.5);
     border-bottom: 2px solid #eceeef;
     padding-bottom: calc(16px * 1.5);
}
 @media (min-width: 768px) {
     .comment-sorter {
         display: table;
         width: 100% 
    }
}
 @media (min-width: 768px) {
     .comment-sorter__col {
         display: table-cell;
         vertical-align: middle 
    }
}
 @media (max-width: 767px) {
     .comment-sorter__col--main {
         margin-bottom: calc(16px * 1.5 / 2) 
    }
}
 @media (min-width: 768px) {
     .comment-sorter__col--main {
         padding-right: 12px 
    }
}
 @media (min-width: 768px) {
     .comment-sorter__col--filters {
         text-align: right 
    }
}
 .comment-sorter__item.is-active {
     font-weight: 600;
}
 .comment-sorter__item + .comment-sorter__item:before {
     margin: 0 calc(12px / 2);
     font-size: 10px;
     content: '\2022';
}
 .comment {
     margin-bottom: calc(16px * 1.5);
     border-bottom: 2px solid #eceeef;
     padding-bottom: calc(16px * 1.5);
}
 .comment__inner {
     position: relative;
     padding-right: calc(40px + 12px);
}
 .comments__content {
     position: relative;
     padding-right: 12px;
}
 .comment__header {
     position: relative;
     margin-bottom: calc(16px * 1.5);
}
 .comment__voting-and-actions {
     position: absolute;
     right: 0;
     top: 0;
     width: 40px;
     text-align: center;
}
 .comment__voting-and-actions .dropdown-toggle:after {
     margin-left: 0;
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     content: '\f013';
}
 .comment__official-heading {
     position: absolute;
     right: calc(12px * 3);
     top: 0;
     width: auto;
     padding: 1px calc(12px / 2);
     font-size: calc(16px * 0.75);
     color: #fff;
     background-color: #069;
     border-radius: 0 0 4px 4px;
}
 .comment--official .comment__inner {
     position: relative;
     border: 2px solid #069;
     border-radius: 4px;
     background-color: #b3e6ff;
     padding-top: calc(16px * 1.5);
     padding-bottom: calc(16px * 1.5);
     padding-left: calc(12px * 2);
     padding-right: calc(12px * 2);
}
 .comment-form {
     position: relative;
     margin-bottom: calc(16px * 1.5);
}
 @media (min-width: 768px) {
     .comment-form {
         padding-left: calc(40px + 12px) 
    }
}
 .comment-form__avatar {
     position: absolute;
     top: 0;
     left: 0;
}
 @media (max-width: 767px) {
     .comment-form__avatar {
         display: none 
    }
}
 .comment__body {
     margin-bottom: calc(16px * 1.5);
}
 .comment__body ul {
     list-style: disc;
}
 .comment__body ul, .comment__body ol {
     padding-left: 20px;
}
 .comment__body ul ul {
     margin-top: calc(16px * 1.5 / 2);
}
 .comment__body ul ol {
     margin-top: calc(16px * 1.5 / 2);
}
 .comment__body ol ul {
     margin-top: calc(16px * 1.5 / 2);
}
 .comment__body ol ol {
     margin-top: calc(16px * 1.5 / 2);
}
 .comment__body ul li {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .comment__body ol li {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .comment-form__attachments {
     margin-bottom: calc(16px * 1.5);
}
 .comment-form__mark-as-solved {
     position: relative;
}
 .comment-form__comment-ccs ul {
     margin-bottom: 0;
}
 .share {
     padding-left: 0;
     white-space: nowrap;
     list-style: none;
}
 .share li {
     position: relative;
     display: inline-block;
     margin-bottom: 5px;
     vertical-align: top;
}
 .share a {
     display: block;
     width: 30px;
     height: 30px;
     overflow: hidden;
     line-height: 30px;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     background-color: #eceeef;
     border-color: #eceeef;
     border-radius: 4px;
    /*color: var(--gray-dark);
    */
     background-color: #eceeef;
     border-color: #eceeef;
}
 .share a:hover {
     color: #1a1b1c;
     background-color: #cbd0d3;
     border-color: #cbd0d3;
}
 .share a:focus {
     color: #1a1b1c;
     background-color: #cbd0d3;
     border-color: #cbd0d3;
}
 .share a:active {
     color: #1a1b1c;
     background-color: #cbd0d3;
     border-color: #cbd0d3;
}
 .share a:active {
     background-image: none;
}
 .share a:before {
     position: relative;
     display: inline-block;
     width: 100%;
     font-family: FontAwesome;
     text-align: center;
}
 .share-facebook {
     color: #3d5b95;
}
 .share-facebook:hover {
     color: #2b406a;
}
 .share-facebook:before {
     content: "\f09a";
}
 .share-twitter {
     color: #24aadd;
}
 .share-twitter:hover {
     color: #1a82a9;
}
 .share-twitter:before {
     content: "\f099";
}
 .share-linkedin {
     color: #0976b4;
}
 .share-linkedin:hover {
     color: #06507a;
}
 .share-linkedin:before {
     content: "\f0e1";
}
 .share-googleplus {
     color: #d23e30;
}
 .share-googleplus:hover {
     color: #a22e23;
}
 .share-googleplus:before {
     content: "\f0d5";
}
 .my-activities-header {
     margin-bottom: calc(16px * 1.5);
}
 .my-activities-items {
     margin-bottom: calc(16px * 1.5 * 2);
}
 @media (min-width: 768px) {
     .my-activities-items {
         display: table;
         width: 100% 
    }
}
 .my-activities-items__head {
     display: none;
     color: #979797;
}
 @media (min-width: 768px) {
     .my-activities-items__head {
         display: table-header-group;
         font-size: calc(16px * 0.75);
         font-weight: 600;
         text-transform: uppercase 
    }
}
 @media (min-width: 768px) {
     .my-activities-items__body {
         display: table-row-group 
    }
}
 @media (min-width: 768px) {
     .my-activities-items__row {
         display: table-row 
    }
}
 @media (min-width: 768px) {
     .my-activities-items__col {
         display: table-cell;
         padding-top: calc(16px * 1.5 / 2);
         padding-bottom: calc(16px * 1.5 / 2);
         border-bottom: 1px solid #eceeef 
    }
     .my-activities-items__col + .my-activities-items__col {
         padding-left: 12px;
    }
}
 @media (max-width: 767px) {
     .my-activities-items__request-id {
         display: inline 
    }
}
 @media (min-width: 768px) {
     .my-activities-items__request-id {
         display: none 
    }
}
 .my-activities-menu ul {
     list-style: none;
     padding-left: 0;
}
 .my-activities-menu__items {
     margin-bottom: 0;
}
 .my-activities-menu__item {
     margin-bottom: 0;
}
 .my-activities-menu__item a {
     display: block;
}
 @media (min-width: 768px) {
     .my-activities-menu__item {
         float: left 
    }
}
 @media (min-width: 768px) {
     .my-activities-menu__item + .my-activities-menu__item {
         margin-left: 12px;
    }
}
 .my-activities-menu--main {
     padding-bottom: calc(16px * 1.5);
     margin-bottom: calc(16px * 1.5);
     border-bottom: 2px solid #eceeef;
}
 .my-activities-menu--main .my-activities-menu__item {
     padding: calc(12px / 2) 12px;
     background-color: #eceeef;
     border-radius: 4px;
}
 @media (max-width: 767px) {
     .my-activities-menu--main .my-activities-menu__item {
         margin-bottom: calc(16px * 1.5 / 3) 
    }
}
 .my-activities-menu--main .my-activities-menu__item.is-active {
     font-weight: 600;
     color: #4e5565;
}
 .my-activities-menu--sub {
     margin-bottom: calc(16px * 1.5);
}
 .my-activities-menu--sub .my-activities-menu__item.is-active {
     font-weight: 600;
}
 .my-activities-menu--sub .my-activities-menu__item a {
     display: inline-block;
}
 @media (min-width: 768px) {
     .my-activities-menu--sub .my-activities-menu__item + .my-activities-menu__item:before {
         margin-right: calc(12px / 2);
         font-size: 10px;
         content: "\2022";
    }
}
 @media (max-width: 767px) {
     .my-activities-item {
         padding: calc(16px * 1.5 / 2) 12px;
         margin-bottom: calc(16px * 1.5);
         border: 2px solid #eceeef;
         border-radius: 4px 
    }
}
 .my-activities-item__meta {
     font-size: 14px;
     color: #979797;
}
 @media (max-width: 767px) {
     .my-activities-item__meta {
         display: inline-block;
         margin-right: calc(12px / 2) 
    }
     .my-activities-item__meta + .my-activities-item__meta:before {
         margin-right: calc(12px / 2);
         content: "\2022";
    }
}
 .my-activities-item__title {
     font-weight: 400;
}
 @media (max-width: 767px) {
     .my-activities-item__title {
         font-size: calc(16px * 1.25) 
    }
}
 @media (max-width: 767px) {
     .my-activities-item__icon {
         display: inline-block 
    }
}
 @media (min-width: 768px) {
     .my-activities-item__icon {
         display: none 
    }
}
 .request-table-toolbar {
     padding-top: 12px;
     padding-bottom: calc(12px / 2);
     margin-bottom: calc(16px * 1.5);
     background-color: #f9f9f9;
     border-radius: 4px;
}
 @media (min-width: 768px) {
     .request-table-toolbar {
         padding-top: calc(12px / 2);
         padding-bottom: 12px 
    }
}
 .request-table-toolbar label {
     font-size: calc(16px * 0.75);
     text-transform: uppercase;
}
 @media (min-width: 768px) {
     .request-table-filters {
         display: table;
         width: 100% 
    }
}
 .request-table-filters__item {
     padding-right: 12px;
     padding-left: 12px;
}
 @media (max-width: 767px) {
     .request-table-filters__item {
         margin-bottom: calc(16px * 1.5 / 2) 
    }
}
 @media (min-width: 768px) {
     .request-table-filters__item {
         display: table-cell;
         width: 33%;
         vertical-align: bottom 
    }
}
 .request-table-organization {
     display: table;
     width: 100%;
}
 .request-table-organization__col {
     display: table-cell;
     vertical-align: middle;
}
 .request-table-organization__col--main {
     width: 100%;
}
 .request-table-organization__col--button {
     padding-left: calc(12px / 2);
}
 .request-table-organization__col--button [role="button"] {
     height: calc(16px * 1.5 + 12px + 2px);
     line-height: calc(16px * 1.5 + 12px + 2px);
     padding-top: 0;
     padding-bottom: 0;
}
 .requests-sort-symbol {
     font-size: 0;
     display: inline-block;
     vertical-align: middle;
}
 .requests-sort-symbol:after {
     font-family: FontAwesome;
     content: '\f0d7';
     display: inline-block;
     color: #979797;
     font-size: 14px;
     margin-left: 5px;
     margin-bottom: 2px;
}
 .requests-link {
     white-space: nowrap;
     color: #979797;
}
 .requests-link[href*="asc"] .requests-sort-symbol:after {
     content: '\f0d8';
}
 .request-page {
     margin-bottom: calc(16px * 1.5 * 2);
}
 .request {
     position: relative;
}
 .request-id {
     margin-bottom: calc(16px * 1.5 / 2);
     font-weight: 600;
}
 .request-subject {
     font-size: calc(16px * 1.5);
}
 @media (min-width: 992px) {
     .request-subject {
         font-size: calc(16px * 1.75);
         font-weight: 300 
    }
}
 .request-follow-up:empty {
     display: none;
}
 .request-sidebar {
     padding: calc(16px * 1.5) 12px 0;
     margin-bottom: calc(16px * 1.5);
     font-size: 14px;
     border: 2px solid #eceeef;
     border-radius: 4px;
}
 .request-sidebar dd {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .request-status {
     display: inline-block;
     padding: 1px calc(12px / 2);
     font-size: 12px;
     color: #fff;
     border-radius: 4px;
     white-space: nowrap;
}
 .request-status--solved, .request-status--closed {
     background-color: #0c9;
}
 .request-status--new, .request-status--open {
     background-color: #ff5252;
}
 .request-status--answered {
     background-color: #fad782;
}
 .new-request-page {
     margin-bottom: calc(16px * 1.5 * 2);
   
   /* Dae Edited */
   min-height: 700px;
}
 .new-request-title {
     font-size: calc(16px * 1.5);
}
 @media (min-width: 768px) {
     .new-request-title {
         font-size: calc(16px * 1.75) 
    }
}
 @media (min-width: 992px) {
     .new-request-title {
         font-size: calc(16px * 2.5) 
    }
}
 .new-request-form {
     margin-bottom: calc(16px * 1.5);
}
 .upload-dropzone {
     padding: calc(16px * 1.5) 16px;
     border-color: #eceeef;
     border-radius: 4px;
}
 .upload-dropzone {
     font-size: calc(16px * 0.75);
}
 .upload-dropzone a {
     font-size: calc(16px * 0.75);
}
 .dropdown-toggle:after {
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin-left: 5px;
     color: inherit;
     content: '\f107';
}
 .dropdown-menu {
     min-width: 170px !important;
     font-size: 14px;
     overflow: hidden;
}
 .dropdown-menu [role=menuitem] {
     padding: calc(16px * 1.5 / 2) 12px;
     padding-right: 26px;
     white-space: normal;
     position: relative;
}
 .dropdown-menu [role=menuitem][aria-selected=true]:after {
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     content: '\f00c';
     position: absolute;
     right: 12px;
     top: 16px;
     margin-left: 10px !important;
}
 .error-page {
     padding: 10% 0 10%;
     text-align: center;
}
 .error-page__title {
     text-transform: capitalize;
}
 .note {
     position: relative;
     padding-left: 12px;
     margin: calc(16px * 1.5) 0;
     color: #7e879b;
     border-left: calc(2px * 2) solid transparent;
}
 .note p:last-child {
     margin-bottom: 0;
}
 .note-title {
     margin-bottom: calc(16px * 1.5 / 2);
     font-weight: 600;
}
 .note-default {
     border-color: #818a91;
}
 .note--default {
     border-color: #818a91;
}
 .note-default .note-title {
     color: #818a91;
}
 .note--default .note-title {
     color: #818a91;
}
 .note-info, .note--info {
     border-color: #5bc0de;
}
 .note-info .note-title, .note--info .note-title {
     color: #5bc0de;
}
 .note-warning, .note--warning {
     border-color: #fad782;
}
 .note-warning .note-title, .note--warning .note-title {
     color: #fad782;
}
 .note-success, .note--success {
     border-color: #0c9;
}
 .note-success .note-title, .note--success .note-title {
     color: #0c9;
}
 .note-danger, .note--danger {
     border-color: #ff5252;
}
 .note-danger .note-title, .note--danger .note-title {
     color: #ff5252;
}
 .pagination ul {
     display: inline-block;
     padding-left: 0;
     margin: 0 0 calc(16px * 1.5 / 2);
}
 .pagination ul > li {
     display: inline-block;
     margin-right: 6px;
     margin-bottom: calc(16px * 1.5 / 2);
}
 .pagination ul > li > a {
     position: relative;
     display: block;
     padding: calc(12px / 2) 16px;
     line-height: 1.5;
     color: #a6a6a7;
     text-decoration: none;
     background-color: #f6f6f6;
     border-radius: 4px;
}
 .pagination ul > li > span {
     position: relative;
     display: block;
     padding: calc(12px / 2) 16px;
     line-height: 1.5;
     color: #a6a6a7;
     text-decoration: none;
     background-color: #f6f6f6;
     border-radius: 4px;
}
 .pagination ul > li > a:hover {
     color: #9d0044;
     background-color: #eceeef;
     border-color: #ddd;
}
 .pagination ul > li > a:focus {
     color: #9d0044;
     background-color: #eceeef;
     border-color: #ddd;
}
 .pagination ul > li > span:hover {
     color: #9d0044;
     background-color: #eceeef;
     border-color: #ddd;
}
 .pagination ul > li > span:focus {
     color: #9d0044;
     background-color: #eceeef;
     border-color: #ddd;
}
 .pagination ul > .pagination-current > span, .pagination ul > .pagination-current > span:hover, .pagination ul > .pagination-current > span:focus {
     z-index: 2;
     color: #fff;
     cursor: default;
     background-color: #069;
     border-color: #069;
}
 .satisfaction-box {
     padding: calc(16px * 1.5) 15px;
     margin: 0 0 calc(10px * 2) 0;
     margin-top: 0;
     border-color: #eceeef;
     border-radius: 4px;
}
 .satisfaction-box h4:last-child {
     margin-bottom: 0;
}
 .satisfaction-box input[type=radio] ~ label {
     letter-spacing: normal;
     margin-right: 10px;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"] {
     color: #fff;
     background-color: #0c9;
     border-color: #0c9;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"]:hover, .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"]:focus, .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"]:active {
     color: #e0e0e0;
     background-color: #009973;
     border-color: #008f6b;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"]:active {
     background-image: none;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"] {
     color: #fff;
     background-color: #ff5252;
     border-color: #ff5252;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"]:hover, .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"]:focus, .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"]:active {
     color: #e0e0e0;
     background-color: #ff1f1f;
     border-color: #ff1515;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"]:active {
     background-image: none;
}
 .satisfaction-box input[type=radio][checked=checked][value=good] + label {
     background-color: #008f6b !important;
     color: #fff !important;
     border-color: #008f6b !important;
}
 .satisfaction-box input[type=radio][checked=checked][value=bad] + label {
     background-color: #ff1515 !important;
     color: #fff !important;
     border-color: #ff1515 !important;
}
 .satisfaction-box label.disabled {
     margin-bottom: calc(16px * 1.5) !important;
}
 .satisfaction-box label.disabled[for="satisfaction_rating_score_good"] {
     color: #0c9 !important;
}
 .satisfaction-box label.disabled[for="satisfaction_rating_score_bad"] {
     color: #ff5252 !important;
}
 .satisfaction-comment {
     margin-top: 15px;
}
 .satisfaction-box .satisfaction-submit {
     color: #fff;
     background-color: #069;
     border-color: #069;
     margin-left: 10px !important;
     font-size: calc(16px - 5px) !important;
}
 .satisfaction-box .satisfaction-submit:hover, .satisfaction-box .satisfaction-submit:focus, .satisfaction-box .satisfaction-submit:active {
     color: #e0e0e0;
     background-color: #046;
     border-color: #003d5c;
}
 .satisfaction-box .satisfaction-submit:active {
     background-image: none;
}
 .satisfaction-reason {
     padding-top: calc(16px * 1.5);
}
 .satisfaction-box .satisfaction-cancel {
     font-size: calc(16px - 5px) !important;
     line-height: 1.5 !important;
}
 .scroll-to-top {
     position: fixed;
     right: 30px;
     bottom: -50px;
     z-index: 3;
     font-size: 32px !important;
     line-height: 45px !important;
     text-align: center;
     border: 2px solid rgba(218, 0, 95, 1);
     border-radius: 4px;
     -webkit-transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     width: 50px;
     height: 50px;
}
 .scroll-to-top:focus, .scroll-to-top:active {
     outline: 0;
}
 .scroll-to-top.is-active {
     bottom: 30px;
}
 .scroll-to-top:hover {
     color: #9d0044;
     border-color: #9d0044;
}
 @media (max-width: 767px) {
     .scroll-to-top {
         display: none 
    }
}
 .embed, .embed-responsive {
     position: relative;
     display: block;
     height: 0;
     padding: 0;
     padding-bottom: 56.25%;
     margin-bottom: 30px;
     overflow: hidden;
     z-index: 1;
}
 .embed img, .embed-responsive img {
     width: 100%;
}
 .embed iframe, .embed embed, .embed object, .embed video, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
}
 .embed:focus, .embed-responsive:focus {
     outline: none !important;
}
 .embed-responsive--16by9 {
     padding-bottom: 56.25%;
}
 .embed-responsive--4by3 {
     padding-bottom: 75%;
}
 @-ms-viewport {
     width: device-width;
}
 .visible-xs, .visible-sm, .visible-md, .visible-lg {
     display: block !important;
}
 @media (max-width: 767px) {
     .visible-xs {
         display: block;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .visible-sm {
         display: block;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .visible-md {
         display: block;
    }
}
 @media (min-width: --screen-lg) {
     .visible-lg {
         display: block;
    }
}
 @media (max-width: 767px) {
     .hidden-xs {
         display: none !important;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .hidden-sm {
         display: none !important;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .hidden-md {
         display: none !important;
    }
}
 @media (min-width: 1200px) {
     .hidden-lg {
         display: none !important;
    }
}
 .visible-print {
     display: none !important;
}
 @media print {
     .visible-print {
         display: block;
    }
}
 .visible-print-block {
     display: none !important;
}
 @media print {
     .visible-print-block {
         display: block !important 
    }
}
 .visible-print-inline {
     display: none !important;
}
 @media print {
     .visible-print-inline {
         display: inline !important 
    }
}
 .visible-print-inline-block {
     display: none !important;
}
 @media print {
     .visible-print-inline-block {
         display: inline-block !important 
    }
}
 @media print {
     .hidden-print {
         display: none !important;
    }
}
 .page-header {
     margin-bottom: calc(16px * 1.5);
}
 .page-header--with-border {
     border-bottom: 2px solid #eceeef;
}
 .recent-articles h3 {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .related-articles h3 {
     margin-bottom: calc(16px * 1.5 / 2);
}
 @media (min-width: 768px) {
     .recent-articles h3 {
         margin-top: calc(16px * 1.5 / 2) 
    }
     .related-articles h3 {
         margin-top: calc(16px * 1.5 / 2) 
    }
}
 .recent-articles ul, .related-articles ul {
     list-style: none;
     padding-left: 0;
}
 .recent-articles ul > li {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .related-articles ul > li {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .recent-articles ul > li a {
     color: #4e5565;
     border-bottom: 1px solid #eceeef;
     padding-bottom: 1px;
}
 .related-articles ul > li a {
     color: #4e5565;
     border-bottom: 1px solid #eceeef;
     padding-bottom: 1px;
}
 .recent-articles h3 {
     font-size: calc(16px * 1.25);
}
 .section-articles {
     margin-bottom: calc(16px * 1.5);
}
 .section-articles__title {
     font-size: calc(16px * 1.25);
     margin-bottom: calc(16px * 1.5 / 2);
}
 .section-articles__list {
     padding-left: 0;
     list-style: none;
}
 .section-articles__item {
     margin-bottom: calc(16px * 1.5 / 2);
}
/*.section-articles__link {
     color: #4e5565;
     border-bottom: 1px solid var(--hr-border);
     padding-bottom: 1px;
}
*/
 .profile-header {
     margin-bottom: calc(16px * 1.5);
     border-radius: 4px;
     background-color: #1f3249;
     padding: calc(16px * 1.5) 15px;
     text-align: center;
     color: #fff;
}
 .profile-header__avatar {
     display: inline-block;
}
 .profile-header__name {
     margin-bottom: calc(16px * 1.5 / 2);
     font-size: calc(16px * 1.5);
}
 .profile-header__name a {
     color: #fff;
}
 @media (min-width: 768px) {
     .profile-header__name {
         font-size: calc(16px * 1.75);
         font-weight: 300 
    }
}
 .profile-header__options [data-action="edit-profile"] {
     color: #069;
     background-color: transparent;
     border-color: #069;
}
 .profile-header__options [data-action="edit-profile"]:hover, .profile-header__options [data-action="edit-profile"]:focus, .profile-header__options [data-action="edit-profile"]:active {
     color: #003d5c;
     background-color: darken(transparent, 12%);
     border-color: #003d5c;
}
 .profile-header__options [data-action="edit-profile"]:active {
     background-image: none;
}
 .profile-header__options [data-action="edit-profile"]:hover {
     border-color: rgba(0,0,0,0.8);
     opacity: 0.8;
}
 .profile-header__private-badge {
     display: inline-block;
     margin-bottom: calc(16px * 1.5);
     background-color: #069;
}
 .profile-header__description {
     word-break: break-all;
     word-break: break-word;
}
 .profile-stats {
     margin-bottom: calc(16px * 1.5 / 2);
     padding-left: 0;
     list-style: none;
     font-size: calc(16px - 2px);
     color: #979797;
}
 .profile-stats__stat {
     margin-right: 12px;
     margin-bottom: calc(16px * 1.5 / 4);
}
 @media (max-width: 767px) {
     .profile-stats__stat {
         display: block 
    }
     .profile-stats__stat:before {
         display: none;
    }
}
 .profile-stats__label {
     margin-right: calc(12px / 2);
}
 .profile-stats__value {
     color: #fff;
}
 .profile-nav {
     margin-bottom: calc(16px * 1.5);
     border-radius: 4px;
     background-color: #eceeef;
     overflow: hidden;
     font-size: calc(16px * 0.75);
     font-weight: 600;
}
 .profile-nav__items {
     margin: 0;
     padding-left: 0;
     list-style: none;
}
 .profile-nav__item {
     margin-bottom: 0;
}
 @media (min-width: 768px) {
     .profile-nav__item {
         display: inline-block;
         vertical-align: middle 
    }
}
 .profile-nav__item a {
     display: block;
     color: #4e5565;
}
 .profile-nav__item.is-active {
     background-color: #069;
     color: #fff;
}
 .profile-nav__item.is-active {
     padding: calc(16px * 1.5 / 1.5) 12px;
     line-height: 1;
}
 .profile-nav__item a {
     padding: calc(16px * 1.5 / 1.5) 12px;
     line-height: 1;
}
 .profile-nav__item:after {
     right: 12px !important;
}
 .profile-section {
     width: 100%;
}
 .profile-section__header {
     margin-bottom: calc(16px * 1.5);
}
 .profile-section__title {
     margin-bottom: calc(16px * 1.5 / 2);
     font-size: calc(16px * 1.5);
}
 .profile-section__description {
     color: #979797;
     font-size: calc(16px * 0.75);
}
 @media (min-width: 768px) {
     .profile-section__description {
         padding-bottom: 0 
    }
}
 .profile-section-sorter {
     font-size: calc(16px * 0.75);
}
 .profile-section-sorter .dropdown {
     display: inline-block;
}
 @media (min-width: 768px) {
     .profile-section-sorter {
         display: table;
         width: 100% 
    }
}
 @media (min-width: 768px) {
     .profile-section-sorter {
         border-top: 0;
         padding-top: 0 
    }
}
 @media (min-width: 768px) {
     .profile-section-sorter__col {
         display: table-cell;
         vertical-align: middle 
    }
}
 @media (max-width: 767px) {
     .profile-section-sorter__col--main {
         margin-bottom: calc(16px * 1.5 / 2) 
    }
}
 @media (min-width: 768px) {
     .profile-section-sorter__col--main {
         padding-right: 12px 
    }
}
 @media (min-width: 768px) {
     .profile-section-sorter__col--btn {
         text-align: right 
    }
}
 .profile-contribution {
     position: relative;
     border-radius: 4px;
     background-color: #f4f5f6;
     padding: calc(16px * 1.5 / 2) 15px;
     word-wrap: break-word;
}
 .profile-contribution__header {
     margin-bottom: calc(16px * 1.5 / 4);
}
 .profile-contribution__status {
     margin-bottom: calc(16px * 1.5 / 4);
}
 .profile-contribution__title {
     margin-bottom: calc(16px * 1.5 / 4);
     font-size: 16px;
     font-weight: 600;
}
 .profile-contribution__body {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .profile-contribution--list .profile-contribution__title:before {
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin-right: 2px;
}
 .profile-contribution__breadcrumbs {
     margin-bottom: calc(16px * 1.5 / 2);
     padding: 0;
     font-size: calc(16px * 0.75);
}
 .profile__no-activity {
     text-align: center;
     color: #979797;
}
 .profile__private-activity {
     text-align: center;
     color: #979797;
}
 .profile-activity-list {
     padding-left: 0;
     list-style: none;
}
 .profile-activity {
     position: relative;
     margin-bottom: calc(16px * 1.5 * 1.5);
}
 .profile-activity__header {
     margin-bottom: calc(16px * 1.5 / 2);
     font-size: calc(16px * 0.75);
     font-weight: 600;
}
 .profile-activity__header:before {
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin-right: 2px;
}
 .profile-activity__avatar {
     width: 30px;
     height: 30px;
     margin-right: calc(12px / 2);
}
 .profile-activity-list--articles .profile-contribution__title:before, .profile-activity[class$="-article"] .profile-activity__header:before {
     content: '\f0f6';
}
 .profile-activity-list--posts .profile-contribution__title:before, .profile-activity[class$="-post"] .profile-activity__header:before {
     content: '\f0e6';
}
 .profile-activity-list--comments .profile-contribution__title:before, .profile-activity[class$="-comment"] .profile-activity__header:before {
     content: '\f0e5';
}
 .user-subscribe {
     display: inline-block;
}
 .entry-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-size: calc(16px * 0.75);
}
 .entry-info__avatar {
     padding-right: 12px;
}
 .status-label {
     padding: 2px calc(12px / 2);
     font-size: 12px;
     color: #fff;
     border-radius: 4px;
}
 .status-label--pending {
     background-color: #fad782;
}
 .status-label--with-ticket {
     background-color: #069;
}
 .status-label--with-ticket:hover, .status-label--with-ticket:focus, .status-label--with-ticket:active {
     color: #fff;
}
 .status-label--solved, .status-label--closed {
     background-color: #0c9;
}
 .status-label--new, .status-label--open {
     background-color: #ff5252;
}
 .status-label--answered {
     background-color: #fad782;
}
 .status-label--official {
     background-color: #069;
}
 .status-label--completed, .status-label--answered {
     background-color: #0c9;
}
 .status-label--planned {
     background-color: #1f3249;
}
 .status-label--not-planned {
     color: #4e5565;
     background-color: #eceeef;
}
 .attachment-list {
     list-style: none;
     padding-left: 0;
     margin: 0;
     font-size: calc(16px * 0.75);
}
 .attachment-list__item {
     position: relative;
     padding-left: calc(12px * 1.5);
     margin-bottom: calc(16px * 1.5 / 2);
}
 .attachment-list__item:last-child {
     margin-bottom: 0;
}
 .attachment-list__icon {
     position: absolute;
     left: 0;
     top: 4px;
}
 .promoted-articles__list {
     list-style: none;
     padding-left: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
}
 .promoted-articles__title {
     font-weight: 600;
}
 .promoted-articles-item__title {
     display: block;
     font-size: calc(16px * 1);
     margin-bottom: calc(16px * 1.5 / 4);
}
 .callout {
     padding: calc(16px * 1.5) 20px;
     margin-bottom: calc(16px * 1.5);
     background-color: #eceeef;
     border-left-width: 5px;
     border-left-style: solid;
}
 .callout p:last-child {
     margin-bottom: 0;
}
 .callout--transparent {
     background-color: transparent;
     border-width: 1px;
     border-color: #dedede;
     -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}
 .callout--success {
     color: #4e5565;
     background-color: #d1fff4;
     border-color: #0c9;
}
 .callout--success .callout__title {
     color: #0c9;
}
 .callout--info {
     color: #4e5565;
     background-color: #e3f4f9;
     border-color: #5bc0de;
}
 .callout--info .callout__title {
     color: #5bc0de;
}
 .callout--warning {
     color: #4e5565;
     background-color: #fffbf3;
     border-color: #fad782;
}
 .callout--warning .callout__title {
     color: #fad782;
}
 .callout--danger {
     color: #4e5565;
     background-color: #fff5f5;
     border-color: #ff5252;
}
 .callout--danger .callout__title {
     color: #ff5252;
}
 .callout--primary {
     color: #4e5565;
     background-color: #dbf3ff;
     border-color: #069;
}
 .callout--primary .callout__title {
     color: #069;
}
 .callout--dashed {
     border-width: 1px;
     border-style: dashed;
}
 .image-with-border {
     padding: 10px;
     border: 1px solid #d3d6d8;
     border-radius: 4px;
}
 .image-with-shadow {
     -webkit-box-shadow: 0 5px 15px 2px #55595c;
     box-shadow: 0 5px 15px 2px #55595c;
}
 .image-with-lightbox {
     cursor: pointer;
}
 .image-overlay {
     position: relative;
}
 .image-overlay:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(255, 255, 255, 0.3);
}
 .image-with-video-icon {
     position: relative;
     display: block;
}
 .image-with-video-icon img {
     width: 100%;
}
 .image-with-video-icon:before {
     content: '';
     font-size: 0;
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 30px 0 30px 60px;
     border-color: transparent transparent transparent #fff;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: -webkit-transform 0.6s ease;
     transition: -webkit-transform 0.6s ease;
     transition: transform 0.6s ease;
     transition: transform 0.6s ease, -webkit-transform 0.6s ease;
     z-index: 3;
}
 .image-with-video-icon:after {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.3);
     z-index: 2;
}
 .image-with-video-icon:active:before, .image-with-video-icon:hover:before {
     -webkit-transform: translate(-50%, -50%) scale(1.1);
     transform: translate(-50%, -50%) scale(1.1);
}
 .list-colored, .list-bullet {
     counter-reset: list;
     list-style-type: none;
     padding-left: 0 !important;
}
 .list-colored li {
     position: relative;
     padding-left: calc(30px + 12px);
     counter-increment: list;
     margin-bottom: calc(16px * 1.5 / 1.5) !important;
}
 .list-colored li:before {
     position: absolute;
     top: -3px;
     left: 0;
     content: counter(list);
     text-align: center;
     font-size: calc(16px * 0.75);
     width: 30px;
     height: 30px;
     background-color: #069;
     border-radius: 50%;
     z-index: 1;
     color: #fff;
     line-height: 30px;
}
 .list-colored ol {
     counter-reset: list;
     list-style-type: none;
     margin-bottom: 14px;
}
 .list-bullet li {
     position: relative;
     padding-left: 30px;
     margin-bottom: 10px;
}
 .list-bullet li:before {
     position: absolute;
     left: 0;
     top: -3px;
     font-family: 'FontAwesome';
     font-size: 20px;
     font-weight: 400;
     font-style: normal;
     content: '\f046';
     color: #069;
     background-color: transparent;
     width: auto;
     height: auto;
}
 .list-bullet ul {
     list-style: none;
     margin-bottom: 14px;
}
 .text-left {
     text-align: left;
}
 .text-center {
     text-align: center;
}
 .text-right {
     text-align: right;
}
 .text-primary {
     background-color: #3bf;
}
 .text-info {
     background-color: #5bc0de;
}
 .text-warning {
     background-color: #fad782;
}
 .text-danger {
     background-color: #ff5252;
}
 .text-success {
     background-color: #0c9;
}
 .accordion {
     border: 1px solid #ddd;
     border-radius: 4px;
     padding-top: 0;
     margin-bottom: calc(16px * 1.5);
}
 .accordion__item-title {
     position: relative;
     font-size: calc(16px * 1.25);
     padding: 15px 20px 15px 52px;
     cursor: pointer;
}
 .accordion__item-title:not(.accordion__item-title--active) {
     border-bottom: 1px solid #ddd;
}
 .accordion__item-title:before {
     content: '';
     position: absolute;
}
 .accordion__item-content {
     display: none;
     padding: 20px;
     border-bottom: 1px solid #ddd;
}
 .accordion__item-content p:last-child {
     margin-bottom: 0;
}
 .accordion__item:last-child .accordion__item-title {
     border-bottom: none;
}
 .accordion--default .accordion__item-title:before {
     left: 22px;
     top: 50%;
     width: 8px;
     height: 8px;
     margin-top: -4px;
     border-bottom: 2px solid #069;
     border-left: 2px solid #069;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transition: -webkit-transform 0.3s;
     transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     transition: transform 0.3s, -webkit-transform 0.3s;
}
 .accordion--default .accordion__item-title--active {
     background-color: #f0f0f0;
}
 .accordion--default .accordion__item-title--active:before {
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
     -webkit-transition: -webkit-transform 0.3s;
     transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     transition: transform 0.3s, -webkit-transform 0.3s;
}
 .accordion--colored .accordion__item-title {
     -webkit-transition: background-color 0.3s;
     transition: background-color 0.3s;
}
 .accordion--colored .accordion__item-title:before, .accordion--colored .accordion__item-title:after {
     top: 50%;
}
 .accordion--colored .accordion__item-title:before {
     width: 10px;
     height: 2px;
     margin-top: -1px;
     background-color: #818a91;
     left: 20px;
}
 .accordion--colored .accordion__item-title:after {
     content: '';
     position: absolute;
     left: 24px;
     width: 2px;
     height: 10px;
     margin-top: -5px;
     background-color: #818a91;
}
 .accordion--colored .accordion__item-title--active {
     background-color: #069;
     color: #fff;
     -webkit-transition: background-color 0.3s;
     transition: background-color 0.3s;
}
 .accordion--colored .accordion__item-title--active:before {
     background-color: #fff;
}
 .accordion--colored .accordion__item-title--active:after {
     display: none;
}
 .tabs {
     margin-bottom: calc(16px * 1.5);
}
 .tab {
     display: block;
     padding: 30px;
     margin-top: -1px;
     border: 1px solid #ddd;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
}
 .tab p:last-child {
     margin-bottom: 0;
}
 @media (min-width: 768px) {
     .tab {
         border-top-left-radius: 4px;
         border-top-right-radius: 4px 
    }
}
 .tab:nth-child(2) {
     border-top-left-radius: 0;
}
 .tabs-link {
     display: block;
     padding: 8px 30px;
     margin: 0;
     font-weight: 600;
     color: #4e5565;
     cursor: pointer;
     border-color: transparent;
     border-style: solid;
     border-width: 1px 1px 0;
}
 .tabs-link:hover {
     color: #069;
}
 @media (max-width: 767px) {
     .tabs-link {
         border-top-color: #ddd;
         border-right-color: #ddd;
         border-left-color: #ddd 
    }
     .tabs-link:first-child {
         border-top-left-radius: 4px;
         border-top-right-radius: 4px;
    }
}
 @media (min-width: 768px) {
     .tabs-link {
         display: inline-block 
    }
}
 .is-hidden {
     display: none;
}
 .tabs-link.is-active {
     color: #069;
     cursor: pointer;
     border-color: #ddd;
}
 .tabs-link.is-active:hover {
     color: #069;
     cursor: default;
}
 @media (min-width: 768px) {
     .tabs-link.is-active {
         border-bottom: 1px solid #fff;
         border-top-left-radius: 4px;
         border-top-right-radius: 4px 
    }
}
 .tabs--colored-1 .tab {
     background-color: #f7f7f9 !important;
}
 .tabs--colored-1 .tabs-link.is-active {
     background-color: #f7f7f9;
     border-bottom-color: #f7f7f9;
}
 .tabs--colored-2 .tabs-link:hover {
     color: #069;
}
 .tabs--colored-2 .tabs-link.is-active {
     color: #fff;
     background-color: #069;
     border-color: #069;
}
 .tabs--colored-2 .tabs-link.is-active:hover {
     color: #fff;
}
 .tabs--colored-2 .tab {
     background-color: #f7f7f9 !important;
}
/* Community */
 .community-nav {
}
 .community-nav__item {
     float: left;
}
 .community-nav__item + .community-nav__item {
     margin-left: 12px;
}
 .community-nav__item.is-active {
     font-weight: 600;
}
 .community-nav__item--button {
     float: right;
}
 .vote {
     max-width: 40px;
     width: 100%;
}
 .vote [aria-selected=true] {
     z-index: 2;
}
 .vote-sum {
     display: block;
     padding-top: calc(16px * 1.5 / 4);
     padding-bottom: calc(16px * 1.5 / 4);
     font-weight: 600;
     text-align: center;
}
 .vote-control {
     position: relative;
     z-index: 1;
     display: block !important;
     padding: calc(16px * 1.5 / 6) 0 !important;
     font-size: 16px !important;
     color: #4e5565;
     border-color: #eceeef;
     line-height: 1.5 !important;
}
 .vote-control:hover, .vote-control:active {
     z-index: 2;
}
 .vote-control--active {
     border-color: #474747;
}
 @media (min-width: 768px) {
     .topic-list-page {
         margin-bottom: calc(16px * 1.5) 
    }
}
 .topic-list-item:nth-child(2n+1) {
     clear: left;
}
 .topic-list-item__box {
     padding: calc(16px * 1.5) 12px;
     margin-bottom: calc(16px * 1.5);
     border: 2px solid #eceeef;
     border-radius: 4px;
}
 .topic-list-item__title {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .topic-page {
     margin-bottom: calc(16px * 1.5 * 2);
}
 .topic {
     padding-bottom: calc(16px * 1.5 / 2);
     margin-bottom: calc(16px * 1.5);
     border-bottom: 2px solid #eceeef;
     display: table;
     width: 100%;
}
 .topic__col {
     display: table-cell;
     vertical-align: inherit;
}
 @media (min-width: 480px) {
     .topic__col {
         vertical-align: top 
    }
}
 .topic__col--new-post {
     text-align: right;
}
 .topic__title {
     width: 100%;
     font-size: calc(16px * 1.75);
     margin-bottom: calc(16px * 1.5 / 2);
}
 .topic-filters__item {
     float: left;
     margin-right: calc(12px / 2);
}
 @media (max-width: 767px) {
     .topic-filters__item {
         margin-bottom: calc(16px * 1.5 / 2) 
    }
}
 .topic-controls {
     margin-bottom: calc(16px * 1.5 * 2);
}
 .topic-controls__item {
     float: left;
}
 .topic-followers {
     margin-right: calc(12px / 2);
}
 @media (min-width: 768px) {
     .topic-controls__item--subscribe {
         float: right;
         white-space: nowrap 
    }
}
 .topic-controls__item--subscribe .dropdown {
     display: inline-block;
     vertical-align: middle;
}
 .topic-controls__item--subscribe .dropdown-menu {
     left: initial;
     right: 0;
}
 @media (min-width: 768px) {
     .post-page {
         margin-bottom: calc(16px * 1.5 * 2) 
    }
}
 .post {
     position: relative;
     margin-bottom: calc(16px * 1.5);
}
 .post__title {
     font-size: calc(16px * 1.5);
     padding-right: calc(12px * 1.5);
}
 @media (min-width: 768px) {
     .post__title {
         font-size: calc(16px * 1.75) 
    }
}
 @media (min-width: 992px) {
     .post__title {
         font-size: calc(16px * 2.5) 
    }
}
 .post-meta {
     display: table;
     margin-bottom: calc(16px * 1.5);
     width: 100%;
}
 .post-meta__col {
     display: table-cell;
     vertical-align: top;
}
 .post-meta__col--main {
     padding-right: 12px;
     width: 100%;
}
 .post__text {
     word-wrap: break-word;
}
 .post__body {
     padding-right: calc(40px + 12px);
}
 .post__body ul {
     list-style: disc;
}
 .post__body ul, .post__body ol {
     padding-left: 20px;
}
 .post__body ul ul {
     margin-top: calc(16px * 1.5 / 2);
}
 .post__body ul ol {
     margin-top: calc(16px * 1.5 / 2);
}
 .post__body ol ul {
     margin-top: calc(16px * 1.5 / 2);
}
 .post__body ol ol {
     margin-top: calc(16px * 1.5 / 2);
}
 .post__body ul li {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .post__body ol li {
     margin-bottom: calc(16px * 1.5 / 2);
}
 .post__voting-and-actions {
     position: absolute;
     right: 0;
     top: 0;
     text-align: center;
     width: 40px;
}
 .post__voting-and-actions .dropdown-toggle {
     font-size: 0;
}
 .post__voting-and-actions .dropdown-toggle:after {
     content: '\f013';
     margin-left: 0;
     font-size: 16px;
}
 .post__actions .dropdown-menu {
     width: auto;
}
 .post__actions .dropdown-menu [role=menuitem] {
     white-space: nowrap;
}
 .post-callout {
     background-color: #eceeef;
     padding: calc(16px * 1.5 / 2) 15px;
}
 @media (max-width: 767px) {
     .post-callout {
         margin-bottom: 25px 
    }
}
 .post-callout__title {
     font-size: calc(16px * 1.1);
     font-weight: 600;
}
 @media (min-width: 768px) {
     .post-list-page {
         margin-bottom: calc(16px * 1.5 * 2) 
    }
}
 .post-list-item {
     border-bottom: 2px solid #eceeef;
     margin-bottom: calc(16px * 1.5);
     padding-bottom: calc(16px * 1.5);
}
 @media (min-width: 768px) {
     .post-list-item {
         display: table;
         width: 100% 
    }
}
 .post-list-item__title {
     font-size: calc(16px * 1.5);
     margin-bottom: calc(16px * 1.5 / 2);
}
 .post-list-item__title .fa-star {
     position: relative;
     font-size: 50%;
     top: -4px;
}
 @media (min-width: 768px) {
     .post-list-item__col {
         display: table-cell;
         vertical-align: top 
    }
}
 @media (min-width: 768px) {
     .post-list-item__col--main {
         width: 60% 
    }
}
 @media (min-width: 768px) {
     .post-list-item__col--side {
         width: 40%;
         text-align: right 
    }
}
 .post-info {
     color: #979797;
     font-size: 14px;
}
 @media (min-width: 768px) {
     .post-info {
         float: right;
         text-align: center;
         min-width: 90px;
         background-color: #f9f9f9;
         border-radius: 4px;
         padding: calc(12px / 2) 12px 
    }
}
 @media (min-width: 768px) {
     .post-info__count {
         display: block;
         color: #4e5565;
         font-weight: 600 
    }
}
 .post-info + .post-info {
     margin-right: 12px;
}
 @media (max-width: 767px) {
     .post-info + .post-info:before {
         margin-right: calc(12px / 2);
         font-size: 10px;
         content: "\2022";
    }
}
 .post-status {
     display: inline-block;
     padding: 1px calc(12px / 2);
     font-size: 12px;
     color: #fff;
     border-radius: 4px;
}
 .post-status--completed, .post-status--answered {
     background-color: #0c9;
}
 .post-status--planned {
     background-color: #1f3249;
}
 .post-status--not-planned {
     color: #4e5565;
     background-color: #eceeef;
}
 @media (min-width: 768px) {
     .new-post-page {
         margin-bottom: calc(16px * 1.5 * 2) 
    }
}
 .new-post-title {
     font-size: calc(16px * 1.5);
}
 @media (min-width: 768px) {
     .new-post-title {
         font-size: calc(16px * 1.75) 
    }
}
 @media (min-width: 992px) {
     .new-post-title {
         font-size: calc(16px * 2.5) 
    }
}
 .new-post-form {
     margin-bottom: calc(16px * 1.5);
}
/* ==================================================== Section Tree ==================================================== */
 .section-tree-with-article ul.article-list, .section-tree-with-article article.article-body {
    display: none;
}
 .section-tree-with-article .section {
    margin-bottom: 10px;
}
 .section-tree-with-article .section h2 {
     cursor: pointer;
     text-align: left;
}
 .section-tree-with-article ul.article-list, .section-tree-with-article article.article-body {
    display: none;
}
 .section-tree-with-article .section {
    margin-bottom: 10px;
}
 .section-tree-with-article .section h2 {
     cursor: pointer;
     text-align: left;
}
















/*20180306 Style sheet 추가 */
 @charset "UTF-8";
 html {
     font-family: sans-serif;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
}
 body {
     margin: 0;
}
 article, aside, figcaption, figure, footer, header, hgroup, main, menu, nav, section, details, summary {
     display: block;
}

 audio, canvas, progress, video {
     display: inline-block;
     vertical-align: baseline;
}
 audio:not([controls]) {
     display: none;
     height: 0;
}
 [hidden], template {
     display: none;
}
 a {
     background-color: transparent;
}
 a:active, a:hover {
     outline: 0;
}
 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;
}
 img {
     border: 0;
}
 svg:not(:root) {
     overflow: hidden;
}
 figure {
     margin: 1em 40px;
}
 hr {
     box-sizing: content-box;
     height: 0;
}
 pre {
     overflow: auto;
}
 code, kbd, pre, samp {
     font-family: monospace, monospace;
     font-size: 1em;
}
 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;
     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;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 td, th {
     padding: 0;
}
 *, *:before, *:after {
     box-sizing: border-box;
}
 html, body {
     height: 100%;
}
 html {
     font-size: 10px;
     -webkit-tap-highlight-color: transparent;
}
 body {
/*      font-family: "Open Sans", sans-serif; */
   font-family: "proxima nova","Helvetica Neue",Helvetica,Arial,sans-serif;
     font-size: 16px;
     line-height: 1.5;
/*      color: #4e5565; */
   	color: #000;
     background-color: #fff;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
}
 input, button, select, textarea {
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
}
 a {
   color: #1a1d21;
/*    	 color: #999999; */
   
     text-decoration: none;
}
 a:hover, a:focus {
     color: #FF50E3;
     text-decoration: none;
}
 a.disabled {
     color: #818a91;
     cursor: default;
}
 figure {
     margin: 0;
}
 img {
     max-width: 100%;
     height: auto;
     vertical-align: middle;
}
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #eceeef;
     margin: 1em 0;
     padding: 0;
}
 audio, canvas, iframe, img, svg, video {
     vertical-align: middle;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: inherit;
     font-weight: 400;
     line-height: 1.2;
     color: inherit;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, ul, ol {
     margin: 0 0 24px;
}
 h1, .h1 {
     font-size: 40px;
}
 h2, .h2 {
     font-size: 28px;
}
 h3, .h3 {
     font-size: 24px;
}
 h4, .h4 {
     font-size: 20px;
}
 h5, .h5 {
     font-size: 18px;
}
 h6, .h6 {
     font-size: 16px;
}
 b, strong {
     font-weight: 600;
}
 small, .a {
     font-size: 80%;
     font-weight: normal;
     line-height: 1;
}
 dl {
     margin-top: 0;
     margin-bottom: 24px;
}
 dt, dd {
     line-height: 1.5;
     margin-bottom: 12px;
}
 dt {
     font-weight: bold;
}
 dd {
     margin-left: 0;
}
 .dl-horizontal:before, .dl-horizontal:after {
     display: table;
     content: "";
}
 .dl-horizontal:after {
     clear: both;
}
 .dl-horizontal dt {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 @media (min-width: 768px) {
     .dl-horizontal dt {
         width: 30%;
         float: left;
         clear: both;
         padding-right: 15px;
    }
}
 @media (min-width: 768px) {
     .dl-horizontal dd {
         width: 70%;
         float: right;
    }
}
 abbr[title], abbr[data-original-title] {
     cursor: help;
     border-bottom: 1px dotted #818a91;
}
 blockquote {
     font-style: italic;
     font-family: Georgia, "Times New Roman", Times, serif;
     background-color: #f7f7f9;
     padding: 12px 24px;
     margin: 0 0 24px;
     border-left: 5px solid #eceeef;
}
 blockquote.is-colored {
     border-left: 5px solid #FF50E3;
}
 blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
     margin-bottom: 0;
}
 code {
     border-radius: 4px !important;
     padding: 20px !important;
}
 address {
     margin-bottom: 24px;
     font-style: normal;
     line-height: 1.5;
}
 .clearfix:before, .clearfix:after {
     display: table;
     content: "";
}
 .clearfix:after {
     clear: both;
}
 .b {
     position: absolute;
     width: 1px;
     height: 1px;
     margin: -1px;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0;
}
 .c {
     list-style: none;
     padding-left: 0;
}
 .is-hidden, .hidden {
     display: none !important;
}
 select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .nesty-input {
     display: block;
     width: 100%;
     height: auto;
     padding: 6px 12px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
     background-color: #fff;
     background-image: none;
     border: 2px solid #eceeef;
     border-radius: 4px;
     -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
     background-clip: padding-box;
}
 select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .nesty-input:focus {
     border-color: #9ed5e7;
     outline: 0;
}
 select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .nesty-input::-moz-placeholder {
     color: #999;
     opacity: 1;
}
 select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .nesty-input:-ms-input-placeholder {
     color: #999;
}
 select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .nesty-input::-webkit-input-placeholder {
     color: #999;
}
 fieldset {
     padding: 0;
     margin: 0;
     border: 0;
     min-width: 0;
}
 legend {
     display: block;
     width: 100%;
     padding: 0;
     margin-bottom: 24px;
     font-size: 24px;
     line-height: inherit;
     color: #373a3c;
     border: 0;
     border-bottom: 1px solid #e5e5e5;
}
 label {
     display: inline-block;
     max-width: 100%;
     margin-bottom: 12px;
     font-weight: 600;
}
 input[type="search"] {
     box-sizing: border-box;
}
 input[type="radio"], input[type="checkbox"] {
     margin: 4px 0 0;
     margin-top: 1px \9;
     line-height: normal;
}
 input[type="file"] {
     display: block;
}
 input[type="range"] {
     display: block;
     width: 100%;
}
 select[multiple], select[size] {
     height: auto;
}
 input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
 output {
     display: block;
     padding-top: 7px;
     font-size: 16px;
     line-height: 1.5;
     color: #55595c;
}
 select {
     height: 38px;
}
 textarea {
     resize: vertical;
     height: 114px;
}
 input[type="search"] {
     -webkit-appearance: none;
}
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
     input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
         line-height: 38px;
    }
}
 .form-field {
     margin-bottom: 24px;
}
 .form-field.required > label:after {
     content: "*";
     color: #ff5252;
     margin-left: 2px;
}
 .form-field.d {
     position: relative;
     padding-left: 20px;
}
 .form-field.d input[type="checkbox"] {
     position: absolute;
     left: 0;
}
 .form-field.d label {
     min-height: 24px;
     margin-bottom: 0;
     cursor: pointer;
}
 input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] {
     cursor: not-allowed;
}
 .e, .form-field p {
     font-size: 90%;
     display: block;
     margin-top: 10px;
     margin-bottom: 15px;
     color: #8c94a6;
}
 .btn, input[type="submit"], [role="button"], .lines-button, .satisfaction-box input[type=radio] ~ label, .satisfaction-box .satisfaction-submit, .f .login, .g .recent-activity-controls a {
     display: inline-block;
     margin-bottom: 0;
     font-weight: 700;
     text-transform: uppercase;
     text-align: center;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     background-image: none;
     border: 2px solid transparent;
     white-space: nowrap;
     letter-spacing: 0.1px;
     padding: 6px 12px 6px 12px;
     font-size: 14px;
     line-height: 1.5;
     border-radius: 4px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .btn:focus, input[type="submit"]:focus, [role="button"]:focus, .lines-button:focus, .satisfaction-box input[type=radio] ~ label:focus, .satisfaction-box .satisfaction-submit:focus, .f .login:focus, .g .recent-activity-controls a:focus, .btn:active:focus, input[type="submit"]:active:focus, [role="button"]:active:focus, .lines-button:active:focus, .satisfaction-box input[type=radio] ~ label:active:focus, .satisfaction-box .satisfaction-submit:active:focus, .f .login:active:focus, .g .recent-activity-controls a:active:focus {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
 .btn:hover, input[type="submit"]:hover, [role="button"]:hover, .lines-button:hover, .satisfaction-box input[type=radio] ~ label:hover, .satisfaction-box .satisfaction-submit:hover, .f .login:hover, .g .recent-activity-controls a:hover, .btn:focus, input[type="submit"]:focus, [role="button"]:focus, .lines-button:focus, .satisfaction-box input[type=radio] ~ label:focus, .satisfaction-box .satisfaction-submit:focus, .f .login:focus, .g .recent-activity-controls a:focus {
     color: #FF50E3;
     text-decoration: none;
}
 .btn:active, input[type="submit"]:active, [role="button"]:active, .lines-button:active, .satisfaction-box input[type=radio] ~ label:active, .satisfaction-box .satisfaction-submit:active, .f .login:active, .g .recent-activity-controls a:active {
     outline: none;
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
 .btn--default {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .btn--default:hover, .btn--default:focus, .btn--default:active {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .btn--default:active {
     background-image: none;
}
 .h {
     color: #fff;
     background-color: #FF50E3;
     border-color: #FF50E3;
}
 .h:hover, .h:focus, .h:active {
     color: #e0e0e0;
     background-color: #cf3241;
     border-color: #FF50E3;
}
 .h:active {
     background-image: none;
}
 .i {
     color: #fff;
     background-color: #FF50E3;
     border-color: #FF50E3;
}
 .i:hover, .i:focus, .i:active {
     color: #e0e0e0;
     background-color: #cf3241;
     border-color: #FF50E3;
}
 .i:active {
     background-image: none;
}
 .j {
     color: #fad782;
     background-color: transparent;
     border-color: #f9cf69;
}
 .j:hover, .j:focus, .j:active {
     color: #f8c447;
     background-color: transparent;
     border-color: #f7bc2f;
}
 .j:active {
     background-image: none;
}
 .k {
     color: #fff;
     background-color: #ff5252;
     border-color: #ff3939;
}
 .k:hover, .k:focus, .k:active {
     color: #e0e0e0;
     background-color: #ff1f1f;
     border-color: #fa0000;
}
 .k:active {
     background-image: none;
}
 .l {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .l:hover, .l:focus, .l:active {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .l:active {
     background-image: none;
}
 input[type="submit"] {
     color: #fff;
     background-color: #FF50E3;
     border-color: #FF50E3;
}
 input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active {
     color: #e0e0e0;
     background-color: #d03c60;
     border-color: #FF50E3;
}
 input[type="submit"]:active {
     background-image: none;
}
 [role="button"] {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 [role="button"]:hover, [role="button"]:focus, [role="button"]:active {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 [role="button"]:active {
     background-image: none;
}
 [role="button"]:active:focus {
     outline: none;
}
 .m {
     padding-right: 15px;
     padding-left: 15px;
}
 @media (min-width: 768px) {
     .m {
         padding-right: 30px;
         padding-left: 30px;
    }
}
 .n {
     max-width: 1200px;
     margin: 0 auto;
}
 table {
     background-color: transparent;
}
 caption {
     padding-top: 12px;
     padding-bottom: 12px;
     color: #818a91;
     text-align: left;
}
 th {
     text-align: left;
}
 .table {
     width: 100%;
     max-width: 100%;
     margin-bottom: 24px;
}
 .table th, .table td {
     padding: 12px;
     vertical-align: top;
}
 .table td {
     border-top: 1px solid #ddd;
}
 .table thead th {
     vertical-align: bottom;
}
 .table tbody + tbody {
     border-top: 1px solid #ddd;
}
 .table .table {
     background-color: #fff;
}
 .table--color-header th {
     background-color: #FF50E3;
     color: #fff;
}
 .table--striped th, .table--striped td, .table--striped thead th {
     border-color: #fff;
}
 .table--striped tbody tr:nth-child(odd) {
     background-color: #eceeef;
     color: inherit;
}
 .table--hover tbody tr:hover {
     background-color: #eceeef;
     color: inherit;
}
 .table--bordered {
     border: 1px solid #d3d6d8;
}
 .table--bordered td, .table--bordered th {
     border-left: 1px solid #d3d6d8;
}
 .table-responsive {
     min-height: 0.01%;
     overflow-x: auto;
}
 @media screen and (max-width: 767px) {
     .table-responsive {
         width: 100%;
         margin-bottom: 18px;
         overflow-y: hidden;
         -ms-overflow-style: -ms-autohiding-scrollbar;
         border: 1px solid #ddd;
    }
     .table-responsive > .table {
         margin-bottom: 0;
    }
     .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
         white-space: nowrap;
    }
}
 .p {
     margin-left: -15px;
     margin-right: -15px;
}
 .q {
     float: left;
     width: 100%;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 .r {
     width: 8.33333%;
}
 .s {
     width: 16.66667%;
}
 .t {
     width: 25%;
}
 .u {
     width: 33.33333%;
}
 .v {
     width: 41.66667%;
}
 .w {
     width: 50%;
}
 .y {
     width: 58.33333%;
}
 .z {
     width: 66.66667%;
}
 .aa {
     width: 75%;
}
 .ab {
     width: 83.33333%;
}
 .ac {
     width: 91.66667%;
}
 .ad {
     width: 100%;
}
 .ae {
     right: auto;
}
 .af {
     right: 8.33333%;
}
 .ag {
     right: 16.66667%;
}
 .ah {
     right: 25%;
}
 .ai {
     right: 33.33333%;
}
 .aj {
     right: 41.66667%;
}
 .ak {
     right: 50%;
}
 .al {
     right: 58.33333%;
}
 .am {
     right: 66.66667%;
}
 .an {
     right: 75%;
}
 .ao {
     right: 83.33333%;
}
 .ap {
     right: 91.66667%;
}
 .aq {
     right: 100%;
}
 .ar {
     left: auto;
}
 .as {
     left: 8.33333%;
}
 .at {
     left: 16.66667%;
}
 .au {
     left: 25%;
}
 .av {
     left: 33.33333%;
}
 .aw {
     left: 41.66667%;
}
 .ax {
     left: 50%;
}
 .ay {
     left: 58.33333%;
}
 .az {
     left: 66.66667%;
}
 .ba {
     left: 75%;
}
 .bb {
     left: 83.33333%;
}
 .bc {
     left: 91.66667%;
}
 .bd {
     left: 100%;
}
 .be {
     margin-left: 0%;
}
 .bf {
     margin-left: 8.33333%;
}
 .bg {
     margin-left: 16.66667%;
}
 .bh {
     margin-left: 25%;
}
 .bi {
     margin-left: 33.33333%;
}
 .bj {
     margin-left: 41.66667%;
}
 .bk {
     margin-left: 50%;
}
 .bl {
     margin-left: 58.33333%;
}
 .bm {
     margin-left: 66.66667%;
}
 .bn {
     margin-left: 75%;
}
 .bo {
     margin-left: 83.33333%;
}
 .bp {
     margin-left: 91.66667%;
}
 .bq {
     margin-left: 100%;
}
 @media (min-width: 768px) {
     .br {
         width: 8.33333%;
    }
     .bs {
         width: 16.66667%;
    }
     .bt {
         width: 25%;
    }
     .bu {
         width: 33.33333%;
    }
     .bv {
         width: 41.66667%;
    }
     .bw {
         width: 50%;
    }
     .bx {
         width: 58.33333%;
    }
     .by {
         width: 66.66667%;
    }
     .bz {
         width: 75%;
    }
     .ca {
         width: 83.33333%;
    }
     .cb {
         width: 91.66667%;
    }
     .cc {
         width: 100%;
    }
     .cd {
         right: auto;
    }
     .ce {
         right: 8.33333%;
    }
     .cf {
         right: 16.66667%;
    }
     .cg {
         right: 25%;
    }
     .ch {
         right: 33.33333%;
    }
     .ci {
         right: 41.66667%;
    }
     .cj {
         right: 50%;
    }
     .ck {
         right: 58.33333%;
    }
     .cl {
         right: 66.66667%;
    }
     .cm {
         right: 75%;
    }
     .cn {
         right: 83.33333%;
    }
     .co {
         right: 91.66667%;
    }
     .cp {
         right: 100%;
    }
     .cq {
         left: auto;
    }
     .cr {
         left: 8.33333%;
    }
     .cs {
         left: 16.66667%;
    }
     .ct {
         left: 25%;
    }
     .cu {
         left: 33.33333%;
    }
     .cv {
         left: 41.66667%;
    }
     .cw {
         left: 50%;
    }
     .cx {
         left: 58.33333%;
    }
     .cy {
         left: 66.66667%;
    }
     .cz {
         left: 75%;
    }
     .da {
         left: 83.33333%;
    }
     .db {
         left: 91.66667%;
    }
     .dc {
         left: 100%;
    }
     .dd {
         margin-left: 0%;
    }
     .de {
         margin-left: 8.33333%;
    }
     .df {
         margin-left: 16.66667%;
    }
     .dg {
         margin-left: 25%;
    }
     .dh {
         margin-left: 33.33333%;
    }
     .di {
         margin-left: 41.66667%;
    }
     .dj {
         margin-left: 50%;
    }
     .dk {
         margin-left: 58.33333%;
    }
     .dl {
         margin-left: 66.66667%;
    }
     .dm {
         margin-left: 75%;
    }
     .dn {
         margin-left: 83.33333%;
    }
     .do {
         margin-left: 91.66667%;
    }
     .dp {
         margin-left: 100%;
    }
}
 @media (min-width: 992px) {
     .dq {
         width: 8.33333%;
    }
     .dr {
         width: 16.66667%;
    }
     .ds {
         width: 25%;
    }
     .dt {
         width: 33.33333%;
    }
     .du {
         width: 41.66667%;
    }
     .dv {
         width: 50%;
    }
     .dw {
         width: 58.33333%;
    }
     .dx {
         width: 66.66667%;
    }
     .dy {
         width: 75%;
    }
     .dz {
         width: 83.33333%;
    }
     .ea {
         width: 91.66667%;
    }
     .eb {
         width: 100%;
    }
     .ec {
         right: auto;
    }
     .ed {
         right: 8.33333%;
    }
     .ee {
         right: 16.66667%;
    }
     .ef {
         right: 25%;
    }
     .eg {
         right: 33.33333%;
    }
     .eh {
         right: 41.66667%;
    }
     .ei {
         right: 50%;
    }
     .ej {
         right: 58.33333%;
    }
     .ek {
         right: 66.66667%;
    }
     .el {
         right: 75%;
    }
     .em {
         right: 83.33333%;
    }
     .en {
         right: 91.66667%;
    }
     .eo {
         right: 100%;
    }
     .ep {
         left: auto;
    }
     .eq {
         left: 8.33333%;
    }
     .er {
         left: 16.66667%;
    }
     .es {
         left: 25%;
    }
     .et {
         left: 33.33333%;
    }
     .eu {
         left: 41.66667%;
    }
     .ev {
         left: 50%;
    }
     .ew {
         left: 58.33333%;
    }
     .ex {
         left: 66.66667%;
    }
     .ey {
         left: 75%;
    }
     .ez {
         left: 83.33333%;
    }
     .fb {
         left: 91.66667%;
    }
     .fc {
         left: 100%;
    }
     .fd {
         margin-left: 0%;
    }
     .fe {
         margin-left: 8.33333%;
    }
     .ff {
         margin-left: 16.66667%;
    }
     .fg {
         margin-left: 25%;
    }
     .fh {
         margin-left: 33.33333%;
    }
     .fi {
         margin-left: 41.66667%;
    }
     .fj {
         margin-left: 50%;
    }
     .fk {
         margin-left: 58.33333%;
    }
     .fl {
         margin-left: 66.66667%;
    }
     .fm {
         margin-left: 75%;
    }
     .fn {
         margin-left: 83.33333%;
    }
     .fo {
         margin-left: 91.66667%;
    }
     .fp {
         margin-left: 100%;
    }
}
 @media (min-width: 1200px) {
     .fq {
         width: 8.33333%;
    }
     .fr {
         width: 16.66667%;
    }
     .fs {
         width: 25%;
    }
     .ft {
         width: 33.33333%;
    }
     .fu {
         width: 41.66667%;
    }
     .fv {
         width: 50%;
    }
     .fw {
         width: 58.33333%;
    }
     .fx {
         width: 66.66667%;
    }
     .fy {
         width: 75%;
    }
     .fz {
         width: 83.33333%;
    }
     .ga {
         width: 91.66667%;
    }
     .gb {
         width: 100%;
    }
     .gc {
         right: auto;
    }
     .gd {
         right: 8.33333%;
    }
     .ge {
         right: 16.66667%;
    }
     .gf {
         right: 25%;
    }
     .gg {
         right: 33.33333%;
    }
     .gh {
         right: 41.66667%;
    }
     .gi {
         right: 50%;
    }
     .gj {
         right: 58.33333%;
    }
     .gk {
         right: 66.66667%;
    }
     .gl {
         right: 75%;
    }
     .gm {
         right: 83.33333%;
    }
     .gn {
         right: 91.66667%;
    }
     .go {
         right: 100%;
    }
     .gp {
         left: auto;
    }
     .gq {
         left: 8.33333%;
    }
     .gr {
         left: 16.66667%;
    }
     .gs {
         left: 25%;
    }
     .gt {
         left: 33.33333%;
    }
     .gu {
         left: 41.66667%;
    }
     .gv {
         left: 50%;
    }
     .gw {
         left: 58.33333%;
    }
     .gx {
         left: 66.66667%;
    }
     .gy {
         left: 75%;
    }
     .gz {
         left: 83.33333%;
    }
     .ha {
         left: 91.66667%;
    }
     .hb {
         left: 100%;
    }
     .hc {
         margin-left: 0%;
    }
     .hd {
         margin-left: 8.33333%;
    }
     .he {
         margin-left: 16.66667%;
    }
     .hf {
         margin-left: 25%;
    }
     .hg {
         margin-left: 33.33333%;
    }
     .hh {
         margin-left: 41.66667%;
    }
     .hi {
         margin-left: 50%;
    }
     .hj {
         margin-left: 58.33333%;
    }
     .hk {
         margin-left: 66.66667%;
    }
     .hl {
         margin-left: 75%;
    }
     .hm {
         margin-left: 83.33333%;
    }
     .hn {
         margin-left: 91.66667%;
    }
     .ho {
         margin-left: 100%;
    }
}
 .hp {
     font-size: 14px;
     color: #979797;
}
 .hq {
     display: inline-block;
     margin-right: 6px;
}
 .hq + .hq:before {
     margin-right: 6px;
     font-size: 10px;
     content: "\2022";
}
 .hr {
     margin-bottom: 0;
}
 .lines-button {
     padding: 15px 7.5px;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-color: transparent;
     border: 0;
     -webkit-transition: 0.3s;
     transition: 0.3s;
}
 @media (max-width: 767px) {
     .lines-button {
         float: right;
    }
}
 @media (min-width: 768px) {
     .lines-button {
         display: none;
    }
}
 .lines-button:hover {
     opacity: 1;
}
 .lines-button:active {
     outline: 0;
     box-shadow: none;
     -webkit-transition: 0;
     transition: 0;
}
 .lines-button:focus {
     outline: 0;
}
 .lines {
     position: relative;
     display: inline-block;
     width: 30px;
     height: 2px;
     background: #fff;
     border-radius: 2px;
     -webkit-transition: 0.3s;
     transition: 0.3s;
}
 .lines:before, .lines:after {
     position: absolute;
     left: 0;
     content: '';
     -webkit-transform-origin: 2.14286px center;
     transform-origin: 2.14286px center;
     display: inline-block;
     width: 30px;
     height: 2px;
     background: #fff;
     border-radius: 2px;
     -webkit-transition: 0.3s;
     transition: 0.3s;
}
 .lines:before {
     top: 7.5px;
}
 .lines:after {
     top: -7.5px;
}
 .lines-button.is-active {
     -webkit-transform: scale3d(0.8, 0.8, 0.8);
     transform: scale3d(0.8, 0.8, 0.8);
}
 .lines-button.is-active .lines {
     background: transparent;
}
 .lines-button.is-active .lines:before, .lines-button.is-active .lines:after {
     top: 0;
     width: 30px;
     -webkit-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
}
 .lines-button.is-active .lines:before {
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
}
 .lines-button.is-active .lines:after {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg);
}
 .hs {
     display: inline-block;
     vertical-align: middle;
}
/*  .logo img {
     display: block;
     max-height: 50px !important;
} */
 #user-menu {
     margin: 0 !important;
     border: 0 !important;
}
 #user-menu [role=menuitem] {
     white-space: nowrap;
}
 #user > .btn {
     font-weight: 400;
     text-transform: none;
     letter-spacing: 0;
     padding-left: 0;
     padding-right: 0;
}
 @-webkit-keyframes bounce {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -25px, 0);
         transform: translate3d(0, -25px, 0);
    }
     25% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
    }
     50% {
         -webkit-transform: translate3d(0, -6px, 0);
         transform: translate3d(0, -6px, 0);
    }
     75% {
         -webkit-transform: translate3d(0, 2px, 0);
         transform: translate3d(0, 2px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes bounce {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0, -25px, 0);
         transform: translate3d(0, -25px, 0);
    }
     25% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0);
    }
     50% {
         -webkit-transform: translate3d(0, -6px, 0);
         transform: translate3d(0, -6px, 0);
    }
     75% {
         -webkit-transform: translate3d(0, 2px, 0);
         transform: translate3d(0, 2px, 0);
    }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 #user-dropdown [role="menuitem"] {
     padding: 10px 0;
}
 @media (max-width: 767px) {
     #user-dropdown [role="menuitem"] {
         color: #fff;
    }
     #user-dropdown [role="menuitem"]:hover {
         background-color: transparent;
    }
}
 @media (min-width: 768px) {
     #user-dropdown [role="menuitem"] {
         padding-right: 16px;
         padding-left: 16px;
    }
}
 #user-dropdown [role=separator] {
     padding: 0;
     margin: 0;
}
 @media (max-width: 767px) {
     #user-dropdown [role=separator] {
         border-color: rgba(255, 255, 255, 0.15);
    }
}
 @media (min-width: 768px) {
     #user-dropdown[aria-expanded="true"] {
         -webkit-animation: bounce 0.6s ease-out;
         animation: bounce 0.6s ease-out;
    }
}
 #user-dropdown:before, #user-dropdown:after {
     color: inherit;
}
 @media (max-width: 767px) {
     #user-dropdown {
         position: static;
         display: inline;
         float: none;
         background: transparent !important;
         border: 0;
         box-shadow: none;
         opacity: 1 !important;
    }
     #user-dropdown:before, #user-dropdown:after {
         display: none;
    }
}
 #user {
     display: block;
}
 #user .dropdown-toggle {
     padding-right: 0;
     padding-left: 0;
     font-size: 14px;
     color: inherit;
}
 #user .dropdown-toggle, #user .dropdown-toggle:active, #user .dropdown-toggle:hover {
     border-color: transparent;
}
 #user .dropdown-toggle:before, #user .dropdown-toggle:after {
     color: #fff;
}
 @media (max-width: 767px) {
     #user .dropdown-toggle:before, #user .dropdown-toggle:after {
         display: none;
    }
}
 @media (min-width: 768px) {
     #user {
         display: inline-block;
         vertical-align: middle;
    }
}
 #user-password, #user-profile {
     color: #4e5565;
}
 @media (max-width: 767px) {
     #user-password, #user-profile {
         min-width: 1px !important;
         padding: 6px 12px !important;
         margin-top: 6px;
         background-color: #fff;
         border-radius: 4px;
    }
}
 #user-password [role=separator], #user-profile [role=separator] {
     padding: 6px 12px !important;
}
 #user-password form, #user-profile form {
     padding: 6px 12px !important;
}
 #user-profile {
     font-size: 14px !important;
}
 #user-profile dt {
     padding: 8px 4px !important;
}
 #user-profile dt label {
     margin-bottom: 0 !important;
}
 #user-profile input[type="text"] {
     font-size: 14px !important;
}
 #password-form label {
     font-size: 14px !important;
}
 #password-submit {
     float: none !important;
     margin: 0 !important;
     background: auto !important;
}
 .breadcrumbs {
     padding: 8px 0 0;
     margin-bottom: 24px;
     list-style: none;
     background-color: transparent;
     border-radius: 4px;
}
 .breadcrumbs > li {
     display: inline-block;
}
 .breadcrumbs > li + li:before {
     content: "› ";
     padding: 0 5px;
     color: #ccc;
}
 .breadcrumbs > li a {
}
 .ht {
     margin-bottom: 12px;
     font-size: 14px;
     padding: 0;
}
 .hu {
     display: inline-block;
     margin: 0;
     vertical-align: middle;
}
 @media (max-width: 767px) {
     .hu {
         display: none;
    }
}
 .hero-bg {
     position: absolute;
     top: -10%;
     left: 0;
     z-index: 1;
     background-repeat: no-repeat;
     background-position: 50% 40%;
     background-size: cover;
     width: 100%;
     height: 150%;
}
 .hero-unit {
     position: relative;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     margin-top: -24px;
     margin-bottom: 0 !important;
     padding: 15% 15px 10%;
     overflow: hidden;
}
 .hero-unit:after {
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     z-index: 1;
     background-color: #FFFFFF;
     width: 100%;
     height: 100%;
     content: '';
}
 @media (min-width: 768px) {
     .hero-unit {
         margin-top: -48px;
         padding-bottom: 5%;
    }
}
 .language-selector {
     display: inline-block;
     vertical-align: middle;
}
 .avatar {
     position: relative;
     display: inline-block;
}
 .avatar--agent:before {
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     position: absolute;
     bottom: 0;
     right: 0;
     margin-right: -4px;
     margin-bottom: -4px;
     font-size: 14px;
     color: #1f3249;
     content: "\f19d";
}
 .user-avatar {
     border-radius: 100%;
}
 .hv {
     width: 40px;
     height: 40px;
}
 #user .user-avatar {
     width: 30px;
     height: 30px;
}
 .search {
     position: relative;
}
 .search:before {
     position: absolute;
     top: 50%;
     left: 10px;
     margin-top: -9px;
     font-size: 18px;
     color: #4e5565;
     content: "\f002";
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .searchbox {
     margin-top: 24px;
}
 .searchbox-suggestions ul {
     list-style: none;
     padding-left: 0;
     margin-bottom: 24px;
}
 .searchbox-suggestions li {
     margin-bottom: 8px;
}
 .search-box {
     position: relative;
}
 .search-box #query {
     padding-left: 45px;
     -webkit-transition: border 0.3s ease;
     transition: border 0.3s ease;
}
 .hw {
     z-index: 2;
     max-width: 720px;
     margin: 0 auto;
     -webkit-transition: top 0.3s ease;
     transition: top 0.3s ease;
}
 .hw .search {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .hw .search:before {
     left: 20px;
     margin-top: -11px;
     font-size: 22px;
}
 .hw #query {
     height: 50px;
     padding: 0 55px;
     font-size: 20px;
     border-color: #fff;
     background-color: rgba(255, 255, 255, 0.9);
     -webkit-transition: border 0.3s ease, background-color 0.3s ease;
     transition: border 0.3s ease, background-color 0.3s ease;
}
 .hw #query:focus {
     background-color: #fff;
}
 @media (min-width: 992px) {
     .hw #query {
         height: 60px;
    }
}
 .hw input[type="submit"] {
     display: inline-block;
     height: 60px;
     margin-left: 16px;
     padding-right: 16px;
     padding-left: 16px;
     color: #fff;
     background-color: #FF50E3;
     border-color: #FF50E3;
}
 .hw input[type="submit"]:hover, .hw input[type="submit"]:focus, .hw input[type="submit"]:active {
     color: #e0e0e0;
     background-color: #d03c60;
     border-color: #FF50E3;
}
 .hw input[type="submit"]:active {
     background-image: none;
}
 @media (max-width: 991px) {
     .hw input[type="submit"] {
         display: none;
    }
}
 .hx {
     margin-bottom: 48px;
}
 .hy {
     margin-bottom: 48px;
}
 .hz {
     font-size: 20px;
}
 .search-result {
     margin-bottom: 24px;
     border-bottom: 2px solid #eceeef;
}
 .ia {
     margin-bottom: 12px;
     font-weight: 600;
}
 .ib {
     margin-bottom: 12px;
     font-size: 14px;
}
 .ib:empty {
     display: none;
}
 .ib em {
     padding: 0 3px;
     font-style: normal;
     font-weight: 600;
     background-color: #fff3ca;
     border-radius: 3px;
}
 .ic {
     margin-bottom: 12px;
}
 .search-result-votes {
     display: inline-block;
     padding: 2px 4px;
     font-size: 14px;
     color: #fff;
     background-color: #FF50E3;
     border-radius: 4px;
}
 @media (min-width: 768px) {
     .id {
         margin-bottom: 48px;
    }
}
 .ie:empty {
     display: none;
}
 .if {
     padding-bottom: 12px;
     border-bottom: 2px solid #eceeef;
}
 .ig {
     margin-bottom: 24px;
}
 @media (min-width: 768px) {
     .ig .section:nth-child(2n+1) {
         clear: left;
    }
}
 @media (min-width: 992px) {
     .ig .section:nth-child(2n+1) {
         clear: none;
    }
     .ig .section:nth-child(3n+1) {
         clear: left;
    }
}
 .ih {
     color: inherit;
}
 .category-list {
     padding-left: 0;
     margin-bottom: 24px;
     list-style: none;
}
 .ii {
     position: relative;
     margin-bottom: 24px;
}
 @media (min-width: 768px) {
     .ii {
         display: table;
         height: 150px;
    }
}
 .ij {
     display: block;
     padding: 24px 15px;
     font-weight: 600;
     color: #fff;
     text-align: center;
     vertical-align: middle;
     background-color: #1f3249;
     border-radius: 4px;
     -webkit-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .ij:active, .ij:focus, .ij:hover {
     color: #fff;
     text-decoration: none;
     background-color: #FF50E3;
}
 @media (min-width: 768px) {
     .ij {
         display: table-cell;
    }
}
 .ik {
     margin-bottom: 0;
     font-weight: 600;
}
 .il {
     margin-bottom: 48px;
}
 .section {
     margin-bottom: 24px;
}
 .im {
     font-weight: 300;
}
 .io {
     color: inherit;
}
 .ip {
     position: relative;
}
 .section-subscribe {
     position: absolute;
     top: 0;
     right: 0;
}
 .section-subscribe .dropdown-toggle {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .section-subscribe .dropdown-toggle:hover, .section-subscribe .dropdown-toggle:focus, .section-subscribe .dropdown-toggle:active {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .section-subscribe .dropdown-toggle:active {
     background-image: none;
}
 .section-subscribe .dropdown-menu {
     right: 0;
     left: initial;
}
 .iq {
     padding-right: 120px;
}
 @media (min-width: 768px) {
     .section-tree .section:nth-child(2n+1) {
         clear: left;
    }
}
 @media (min-width: 992px) {
     .section-tree .section:nth-child(2n+1) {
         clear: none;
    }
     .section-tree .section:nth-child(3n+1) {
         clear: left;
    }
}
 .ir {
     margin-bottom: 48px;
}
 .is {
     position: relative;
}
 .it {
     font-size: 24px;
     font-weight: 300;
}
 @media (min-width: 768px) {
     .it {
         font-size: 28px;
    }
}
 @media (min-width: 992px) {
     .it {
         font-size: 40px;
    }
}
 .iu {
     display: table;
     margin-bottom: 24px;
     width: 100%;
}
 .iv {
     display: table-cell;
     vertical-align: top;
}
 .iw {
     padding-right: 12px;
     width: 100%;
}
 .article-subscribe, .article-unsubscribe {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .article-subscribe:hover, .article-subscribe:focus, .article-subscribe:active, .article-unsubscribe:hover, .article-unsubscribe:focus, .article-unsubscribe:active {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .article-subscribe:active, .article-unsubscribe:active {
     background-image: none;
}
 .ix {
     margin-bottom: 24px;
}
 .ix h2, .ix .wysiwyg-font-size-x-large {
     font-size: 28px;
     font-weight: 400;
     line-height: 1.2;
}
 .ix .wysiwyg-font-size-large {
     font-size: 24px;
     font-weight: 600;
     line-height: 1.2;
}
 .ix .wysiwyg-font-size-medium {
     font-size: 20px;
     line-height: 1.2;
     font-weight: 600;
}
 .ix .wysiwyg-font-size-small {
     font-size: 14px;
}
 .ix ul, .ix ol {
     padding-left: 20px;
}
 .ix ul ul, .ix ul ol, .ix ol ul, .ix ol ol {
     margin-top: 12px;
}
 .ix ul li, .ix ol li {
     margin-bottom: 12px;
}
 .article-vote {
     position: relative;
     padding: 24px 12px;
     border: 2px solid #eceeef;
     border-radius: 4px;
}
 .iy {
     color: #4e5565;
     background-color: #eceeef;
     border-color: #eceeef;
}
 .iy:hover, .iy:focus, .iy:active {
     color: #333842;
     background-color: #d0d5d8;
     border-color: #cbd0d3;
}
 .iy:active {
     background-image: none;
}
 .article-vote-controls__item--voted {
     color: #383d48;
     border-color: #383d48;
}
 @media (max-width: 767px) {
     .article-vote-question {
         display: block;
         margin-bottom: 12px;
    }
}
 @media (min-width: 768px) {
     .article-vote-question {
         float: left;
         margin-right: 12px;
    }
}
 .article-vote-controls {
     white-space: nowrap;
}
 @media (max-width: 767px) {
     .article-vote-controls {
         display: block;
         margin-bottom: 12px;
    }
}
 .article-vote-count {
     display: block;
     font-size: 12px;
     color: #979797;
}
 .iz {
     margin-bottom: 24px;
}
 .iz ul {
     margin-top: 0;
}
 .ja {
     margin-bottom: 24px;
}
 .jb {
     margin-bottom: 24px;
}
 .article-more-questions {
     margin-bottom: 24px;
     clear: both;
}
 .article-more-questions:empty {
     display: none;
}
 .article-more-questions a {
     white-space: nowrap;
}
 @media (max-width: 767px) {
     .jc {
         padding-top: 24px;
         border-top: 2px solid #eceeef;
    }
}
 .article-list {
     list-style: none;
     padding-left: 0;
}
 .article-list-item {
     margin-bottom: 12px;
}
 .jd {
     color: #2d7ccc;
}
 .article-list-item--is-promoted span {
     font-size: 10px;
     color: #fbce0a;
     vertical-align: middle;
}
 .je {
     font-size: 14px;
     color: #979797;
}
 .je:empty {
     display: none;
}
 .jf {
     padding-left: 0;
     list-style: none;
}
 .jg {
     margin-bottom: 24px;
     border-bottom: 2px solid #eceeef;
     padding-bottom: 12px;
}
 .jh {
     margin-bottom: 0;
     font-size: 18px;
     font-weight: 600;
}
 .comment-sorter {
     margin-bottom: 24px;
     border-bottom: 2px solid #eceeef;
     padding-bottom: 24px;
}
 @media (min-width: 768px) {
     .comment-sorter {
         display: table;
         width: 100%;
    }
}
 @media (min-width: 768px) {
     .ji {
         display: table-cell;
         vertical-align: middle;
    }
}
 @media (max-width: 767px) {
     .jj {
         margin-bottom: 12px;
    }
}
 @media (min-width: 768px) {
     .jj {
         padding-right: 12px;
    }
}
 @media (min-width: 768px) {
     .jk {
         text-align: right;
    }
}
 .comment-sorter__item.is-active {
     font-weight: 600;
}
 .comment-sorter__item + .comment-sorter__item:before {
     margin: 0 6px;
     font-size: 10px;
     content: '\2022';
}
 .comment {
     margin-bottom: 24px;
     border-bottom: 2px solid #eceeef;
     padding-bottom: 24px;
}
 .jl {
     position: relative;
     padding-right: 52px;
}
 .jm {
     position: relative;
     padding-right: 12px;
}
 .jn {
     position: relative;
     margin-bottom: 24px;
}
 .jo {
     position: absolute;
     right: 0;
     top: 0;
     width: 40px;
     text-align: center;
}
 .jo .dropdown-toggle:after {
     margin-left: 0;
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     content: '\f013';
}
 .jp {
     position: absolute;
     right: 36px;
     top: 0;
     width: auto;
     padding: 1px 6px;
     font-size: 14px;
     color: #fff;
     background-color: #FF50E3;
     border-radius: 0 0 4px 4px;
}
 .comment--official .jl {
     position: relative;
     border: 2px solid #FF50E3;
     border-radius: 4px;
     background-color: #e9fbf7;
     padding-top: 24px;
     padding-bottom: 24px;
     padding-left: 24px;
     padding-right: 24px;
}
 .comment-form {
     position: relative;
     margin-bottom: 24px;
}
 @media (min-width: 768px) {
     .comment-form {
         padding-left: 52px;
    }
}
 .jq {
     position: absolute;
     top: 0;
     left: 0;
}
 @media (max-width: 767px) {
     .jq {
         display: none;
    }
}
 .jr {
     margin-bottom: 24px;
}
 .jr ul {
     list-style: disc;
}
 .jr ul, .jr ol {
     padding-left: 20px;
}
 .jr ul ul, .jr ul ol, .jr ol ul, .jr ol ol {
     margin-top: 12px;
}
 .jr ul li, .jr ol li {
     margin-bottom: 12px;
}
 .jt {
     margin-bottom: 24px;
}
 .ju {
     position: relative;
}
 .jv ul {
     margin-bottom: 0;
}
 .share {
     padding-left: 0;
     white-space: nowrap;
     list-style: none;
}
 .share li {
     position: relative;
     display: inline-block;
     margin-bottom: 5px;
     vertical-align: top;
}
 .share a {
     display: block;
     width: 30px;
     height: 30px;
     overflow: hidden;
     line-height: 30px;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     background-color: #eceeef;
     border-color: #eceeef;
     border-radius: 4px;
}
 .share a:before {
     position: relative;
     display: inline-block;
     width: 100%;
     font-family: FontAwesome;
     text-align: center;
}
 .share-facebook {
     color: #3d5b95;
     background-color: #eceeef;
     border-color: #eceeef;
}
 .share-facebook:hover, .share-facebook:focus, .share-facebook:active {
     color: #2b406a;
     background-color: #d0d5d8;
     border-color: #cbd0d3;
}
 .share-facebook:active {
     background-image: none;
}
 .share-facebook:before {
     content: "\f09a";
}
 .share-twitter {
     color: #24aadd;
     background-color: #eceeef;
     border-color: #eceeef;
}
 .share-twitter:hover, .share-twitter:focus, .share-twitter:active {
     color: #1a82a9;
     background-color: #d0d5d8;
     border-color: #cbd0d3;
}
 .share-twitter:active {
     background-image: none;
}
 .share-twitter:before {
     content: "\f099";
}
 .share-linkedin {
     color: #0976b4;
     background-color: #eceeef;
     border-color: #eceeef;
}
 .share-linkedin:hover, .share-linkedin:focus, .share-linkedin:active {
     color: #06507a;
     background-color: #d0d5d8;
     border-color: #cbd0d3;
}
 .share-linkedin:active {
     background-image: none;
}
 .share-linkedin:before {
     content: "\f0e1";
}
 .share-googleplus {
     color: #d23e30;
     background-color: #eceeef;
     border-color: #eceeef;
}
 .share-googleplus:hover, .share-googleplus:focus, .share-googleplus:active {
     color: #a22e23;
     background-color: #d0d5d8;
     border-color: #cbd0d3;
}
 .share-googleplus:active {
     background-image: none;
}
 .share-googleplus:before {
     content: "\f0d5";
}
 .jw {
     margin-bottom: 24px;
}
 .my-activities-items {
     margin-bottom: 48px;
}
 @media (min-width: 768px) {
     .my-activities-items {
         display: table;
         width: 100%;
    }
}
 .jx {
     display: none;
     color: #979797;
}
 @media (min-width: 768px) {
     .jx {
         display: table-header-group;
         font-size: 14px;
         font-weight: 600;
         text-transform: uppercase;
    }
}
 @media (min-width: 768px) {
     .jy {
         display: table-row-group;
    }
}
 @media (min-width: 768px) {
     .jz {
         display: table-row;
    }
}
 @media (min-width: 768px) {
     .ka {
         display: table-cell;
         padding-top: 12px;
         padding-bottom: 12px;
         border-bottom: 1px solid #eceeef;
    }
     .ka + .ka {
         padding-left: 12px;
    }
}
 @media (max-width: 767px) {
     .kb {
         display: inline;
    }
}
 @media (min-width: 768px) {
     .kb {
         display: none;
    }
}
 .my-activities-menu ul {
     list-style: none;
     padding-left: 0;
}
 .kc {
     margin-bottom: 0;
}
 .my-activities-menu__item {
     margin-bottom: 0;
}
 .my-activities-menu__item a {
     display: block;
}
 @media (min-width: 768px) {
     .my-activities-menu__item {
         float: left;
    }
}
 @media (min-width: 768px) {
     .my-activities-menu__item + .my-activities-menu__item {
         margin-left: 12px;
    }
}
 .kd {
     padding-bottom: 24px;
     margin-bottom: 24px;
     border-bottom: 2px solid #eceeef;
}
 .kd .my-activities-menu__item {
     padding: 6px 12px;
     background-color: #eceeef;
     border-radius: 4px;
}
 @media (max-width: 767px) {
     .kd .my-activities-menu__item {
         margin-bottom: 8px;
    }
}
 .kd .my-activities-menu__item.is-active {
     font-weight: 600;
     color: #4e5565;
}
 .ke {
     margin-bottom: 24px;
}
 .ke .my-activities-menu__item.is-active {
     font-weight: 600;
}
 .ke .my-activities-menu__item a {
     display: inline-block;
}
 @media (min-width: 768px) {
     .ke .my-activities-menu__item + .my-activities-menu__item:before {
         margin-right: 6px;
         font-size: 10px;
         content: "\2022";
    }
}
 @media (max-width: 767px) {
     .kf {
         padding: 12px 12px;
         margin-bottom: 24px;
         border: 2px solid #eceeef;
         border-radius: 4px;
    }
}
 .kg {
     font-size: 14px;
     color: #979797;
}
 @media (max-width: 767px) {
     .kg {
         display: inline-block;
         margin-right: 6px;
    }
     .kg + .kg:before {
         margin-right: 6px;
         content: "\2022";
    }
}
 .kh {
     font-weight: 400;
}
 @media (max-width: 767px) {
     .kh {
         font-size: 20px;
    }
}
 @media (max-width: 767px) {
     .ki {
         display: inline-block;
    }
}
 @media (min-width: 768px) {
     .ki {
         display: none;
    }
}
 .request-table-toolbar {
     padding-top: 12px;
     padding-bottom: 6px;
     margin-bottom: 24px;
     background-color: #f9f9f9;
     border-radius: 4px;
}
 @media (min-width: 768px) {
     .request-table-toolbar {
         padding-top: 6px;
         padding-bottom: 12px;
    }
}
 .request-table-toolbar label {
     font-size: 14px;
     text-transform: uppercase;
}
 @media (min-width: 768px) {
     .kj {
         display: table;
         width: 100%;
    }
}
 .kk {
     padding-right: 12px;
     padding-left: 12px;
}
 @media (max-width: 767px) {
     .kk {
         margin-bottom: 12px;
    }
}
 @media (min-width: 768px) {
     .kk {
         display: table-cell;
         width: 33%;
         vertical-align: bottom;
    }
}
 .kl {
     display: table;
     width: 100%;
}
 .km {
     display: table-cell;
     vertical-align: middle;
}
 .kn {
     width: 100%;
}
 .ko {
     padding-left: 6px;
}
 .ko [role="button"] {
     height: 38px;
     line-height: 38px;
     padding-top: 0;
     padding-bottom: 0;
}
 .kp {
     font-size: 0;
     display: inline-block;
     vertical-align: middle;
}
 .kp:after {
     font-family: FontAwesome;
     content: '\f0d7';
     display: inline-block;
     color: #979797;
     font-size: 14px;
     margin-left: 5px;
     margin-bottom: 2px;
}
 .kq {
     white-space: nowrap;
     color: #979797;
}
 .kq[href*="asc"] .kp:after {
     content: '\f0d8';
}
 .kr {
     margin-bottom: 48px;
}
 .ks {
     position: relative;
}
 .kt {
     margin-bottom: 12px;
     font-weight: 600;
}
 .ku {
     font-size: 24px;
}
 @media (min-width: 992px) {
     .ku {
         font-size: 28px;
         font-weight: 300;
    }
}
 .kv:empty {
     display: none;
}
 .kw {
     padding: 24px 12px 0;
     margin-bottom: 24px;
     font-size: 14px;
     border: 2px solid #eceeef;
     border-radius: 4px;
}
 .kw dd {
     margin-bottom: 12px;
}
 .request-status {
     display: inline-block;
     padding: 1px 6px;
     font-size: 12px;
     color: #fff;
     border-radius: 4px;
     white-space: nowrap;
}
 .request-status--solved, .request-status--closed {
     background-color: #FF50E3;
}
 .request-status--new, .request-status--open {
     background-color: #ff5252;
}
 .request-status--answered {
     background-color: #fad782;
}
 .kx {
     margin-bottom: 48px;
}
 .ky {
     font-size: 24px;
}
 @media (min-width: 768px) {
     .ky {
         font-size: 28px;
    }
}
 @media (min-width: 992px) {
     .ky {
         font-size: 40px;
    }
}
 .kz {
     margin-bottom: 24px;
}
 .upload-dropzone {
     padding: 24px 16px;
     border-color: #eceeef;
     border-radius: 4px;
}
 .upload-dropzone, .upload-dropzone a {
     font-size: 14px;
}
 .la {
     margin-bottom: 24px;
     font-size: 24px;
     font-weight: 300;
     line-height: 1.1;
     color: #fff;
     text-align: center;
}
 @media (min-width: 768px) {
     .la {
         font-size: 28px;
    }
}
 @media (min-width: 992px) {
     .la {
         margin-bottom: 36px;
         font-size: 40px;
    }
}
 @media (max-width: 479px) {
     .lb {
         margin-bottom: 24px;
    }
}
 .lc {
     margin-bottom: 24px;
}
 @media (max-width: 479px) {
     .lc {
         float: none;
         width: 100%;
         padding: 0 16px;
    }
}
 @media (min-width: 480px) {
     .lc {
         padding: 0 16px;
         text-align: center;
    }
}
 @media (min-width: 768px) {
     .lc {
         margin-bottom: 24px;
    }
}
 .ld {
     display: block;
}
 @media (max-width: 479px) {
     .ld {
         display: table;
    }
}
 .ld:active .le path, .ld:focus .le path, .ld:hover .le path {
     fill: #1f568d;
}
 .ld:active .le circle, .ld:focus .le circle, .ld:hover .le circle {
     stroke: #1f568d;
}
 .le {
     display: inline-block;
}
 @media (min-width: 480px) {
     .le {
         margin-bottom: 24px;
    }
}
 .le svg {
     width: 56px;
     height: 56px;
}
 @media (min-width: 480px) {
     .le svg {
         width: 66px;
         height: 66px;
    }
}
 .le circle, .le path {
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
}
 .le path {
     fill: #FF50E3;
}
 .le circle {
     stroke: #FF50E3;
}
 .lf {
     font-size: 16px;
     font-weight: 600;
     color: #4e5565;
     text-transform: uppercase;
}
 @media (max-width: 479px) {
     .lf {
         display: table-cell;
         width: 100%;
         padding-left: 12px;
    }
}
 @media (min-width: 480px) {
     .lf {
         display: block;
    }
}
 .dropdown-toggle:after {
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin-left: 5px;
     color: inherit;
     content: '\f107';
}
 .dropdown-menu {
     min-width: 170px !important;
     font-size: 14px;
     overflow: hidden;
}
 .dropdown-menu [role=menuitem] {
     padding: 12px 12px;
     padding-right: 26px;
     white-space: normal;
     position: relative;
}
 .dropdown-menu [role=menuitem][aria-selected=true]:after {
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     content: '\f00c';
     position: absolute;
     right: 12px;
     top: 16px;
     margin-left: 10px !important;
}
 .lg {
     padding: 10% 0 10%;
     text-align: center;
}
 .lh {
     text-transform: capitalize;
}
 .li {
     padding: 48px 16px 24px;
     margin-bottom: 48px;
     text-align: center;
     background-color: #eceeef;
     border-radius: 4px;
}
 .lj {
     font-size: 24px;
}
 .lk {
     font-size: 24px;
     color: #7e879b;
}
 .ll:empty {
     display: none;
}
 .ll .btn {
     padding: 9px 18px;
}
 .note {
     position: relative;
     padding-left: 12px;
     margin: 24px 0;
     color: #7e879b;
     border-left: 4px solid transparent;
}
 .note p:last-child {
     margin-bottom: 0;
}
 .lm {
     margin-bottom: 12px;
     font-weight: 600;
}
 .ln, .note--default {
     border-color: #818a91;
}
 .ln .lm, .note--default .lm {
     color: #818a91;
}
 .lo, .note--info {
     border-color: #5bc0de;
}
 .lo .lm, .note--info .lm {
     color: #5bc0de;
}
 .lp, .note--warning {
     border-color: #fad782;
}
 .lp .lm, .note--warning .lm {
     color: #fad782;
}
 .lq, .note--success {
     border-color: #FF50E3;
}
 .lq .lm, .note--success .lm {
     color: #FF50E3;
}
 .lr, .note--danger {
     border-color: #ff5252;
}
 .lr .lm, .note--danger .lm {
     color: #ff5252;
}
 .ls {
     padding-top: 48px;
     font-size: 14px;
     line-height: 1.1;
     color: #fff;
     background-color: #1f3249;
     border-color: transparent;
     border-style: solid;
     border-width: 0;
}
 .lt {
     width: 100%;
     margin: 0 auto;
}
 @media (min-width: 768px) {
     .lt {
         display: table;
    }
}
 .lu {
     position: relative;
}
 @media (min-width: 768px) {
     .lu {
         display: table-cell;
         vertical-align: top;
    }
}
 @media (min-width: 768px) {
     .lv {
         text-align: right;
    }
}
 .lw {
     width: 30px;
     height: 30px;
     font-size: 18px;
     color: #fff;
     vertical-align: middle;
}
 .lw + .lw {
     margin-left: 5px;
}
 .lx a {
     color: #fff;
}
 .ly {
     min-height: 100%;
     margin-bottom: -150px;
     background-color: #fff;
}
 @media (max-width: 767px) {
     .ly {
         margin-bottom: -198px;
    }
}
 .ly:after {
     display: block;
     content: "";
}
 .ls, .ly:after {
     height: 150px;
}
 @media (max-width: 767px) {
     .ls, .ly:after {
         height: 198px;
    }
}
 .pagination ul {
     display: inline-block;
     padding-left: 0;
     margin: 0 0 12px;
}
 .pagination ul > li {
     display: inline-block;
     margin-right: 6px;
     margin-bottom: 12px;
}
 .pagination ul > li > a, .pagination ul > li > span {
     position: relative;
     display: block;
     padding: 6px 16px;
     line-height: 1.5;
     color: #a6a6a7;
     text-decoration: none;
     background-color: #f6f6f6;
     border-radius: 4px;
}
 .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > li > span:hover, .pagination ul > li > span:focus {
     color: #1f568d;
     background-color: #eceeef;
     border-color: #ddd;
}
 .pagination ul > .pagination-current > span, .pagination ul > .pagination-current > span:hover, .pagination ul > .pagination-current > span:focus {
     z-index: 2;
     color: #fff;
     cursor: default;
     background-color: #FF50E3;
     border-color: #FF50E3;
}
 .satisfaction-box {
     padding: 10px 16px;
     margin: 0 0 20px 0;
     margin-top: 0;
     font-size: 14px;
     border-color: #eceeef;
     border-radius: 4px;
}
 .satisfaction-box h4 {
     margin-bottom: 10px;
     font-family: "Open Sans", sans-serif;
     font-size: 16px;
     font-weight: normal;
}
 .satisfaction-box h4:last-child {
     margin-bottom: 0;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"] {
     color: #fff;
     background-color: #FF50E3;
     border-color: #FF50E3;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"]:hover, .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"]:focus, .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"]:active {
     color: #e0e0e0;
     background-color: #d03c60;
     border-color: #FF50E3;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_good"]:active {
     background-image: none;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"] {
     color: #fff;
     background-color: #ff5252;
     border-color: #ff3939;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"]:hover, .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"]:focus, .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"]:active {
     color: #e0e0e0;
     background-color: #ff1f1f;
     border-color: #fa0000;
}
 .satisfaction-box input[type=radio] ~ label[for="satisfaction_rating_score_bad"]:active {
     background-image: none;
}
 .satisfaction-box input[type=radio][checked=checked][value=good] + label:not([class="disabled"]) {
     background-color: #0c9 !important;
}
 .satisfaction-box input[type=radio][checked=checked][value=bad] + label:not([class="disabled"]) {
     background-color: #ff5252 !important;
}
 .satisfaction-box input[type=radio][checked=checked] + label:not([class="disabled"]) {
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
 .satisfaction-box label.disabled {
     padding: 0 !important;
     background-color: transparent !important;
     border: 0 !important;
}
 .satisfaction-box label.disabled[for="satisfaction_rating_score_good"] {
     color: #0c9 !important;
}
 .satisfaction-box label.disabled[for="satisfaction_rating_score_bad"] {
     color: #ff5252 !important;
}
 .satisfaction-comment {
     margin-top: 15px;
}
 .satisfaction-comment label {
     font-weight: normal;
}
 .satisfaction-box .satisfaction-submit {
     margin-left: 15px !important;
     color: #fff !important;
     background-color: #d03c60 !important;
     border-color: #FF50E3 !important;
}
 .f {
     width: 100%;
     color: #fff;
     background-color: #1f3249;
     border-color: #eceeef;
     border-style: solid;
     border-width: 0 0 0 0;
     margin-bottom: 24px;
}
 @media (min-width: 768px) {
     .f {
         margin-bottom: 48px;
    }
}
 .f .login {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .f .login:hover, .f .login:focus, .f .login:active {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .f .login:active {
     background-image: none;
}
 @media (max-width: 767px) {
     .f .submit-a-request, .f .login, .f .language-selector {
         margin-bottom: 5px;
    }
}
 .lz {
     width: 100%;
     margin: 0 auto;
}
 @media (min-width: 768px) {
     .lz {
         display: table;
    }
}
 .ma {
     position: relative;
     padding: 12px 0;
}
 @media (min-width: 768px) {
     .ma {
         display: table-cell;
         vertical-align: middle;
    }
}
 @media (min-width: 768px) {
     .mb {
         float: right;
    }
}
 @media (max-width: 767px) {
     .mc {
         display: none;
         padding-bottom: 24px;
    }
}
 @media (min-width: 768px) {
     .mc {
         display: block !important;
    }
}
 @media (max-width: 767px) {
     .md {
         padding: 0;
         margin-top: 15px;
    }
}
 @media (min-width: 768px) {
     .ma {
         padding: 20px 0;
    }
}
 .me {
     position: fixed;
     right: 30px;
     bottom: -50px;
     z-index: 3;
     font-size: 32px !important;
     line-height: 45px !important;
     text-align: center;
     border: 2px solid #2d7ccc;
     border-radius: 4px;
     -webkit-transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     width: 50px;
     height: 50px;
}
 .me:focus, .me:active {
     outline: 0;
}
 .me.is-active {
     bottom: 30px;
}
 .me:hover {
     color: #1f568d;
     border-color: #1f568d;
}
 @media (max-width: 767px) {
     .me {
         display: none;
    }
}
 .embed, .embed-responsive {
     position: relative;
     display: block;
     height: 0;
     padding: 0;
     padding-bottom: 56.25%;
     margin-bottom: 30px;
     overflow: hidden;
     z-index: 1;
}
 .embed img, .embed-responsive img {
     width: 100%;
}
 .embed iframe, .embed embed, .embed object, .embed video, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
}
 .embed:focus, .embed-responsive:focus {
     outline: none !important;
}
 .embed-responsive--16by9 {
     padding-bottom: 56.25%;
}
 .embed-responsive--4by3 {
     padding-bottom: 75%;
}
 @-ms-viewport {
     width: device-width;
}
 .mf {
     display: none !important;
}
 .mg {
     display: none !important;
}
 .mh {
     display: none !important;
}
 .mi {
     display: none !important;
}
 @media (max-width: 767px) {
     .mf {
         display: block !important;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .mg {
         display: block !important;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .mh {
         display: block !important;
    }
}
 @media (min-width: 1200px) {
     .mi {
         display: block !important;
    }
}
 @media (max-width: 767px) {
     .mj {
         display: none !important;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .mk {
         display: none !important;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .ml {
         display: none !important;
    }
}
 @media (min-width: 1200px) {
     .mm {
         display: none !important;
    }
}
 .mn {
     margin-bottom: 24px;
}
 .mo {
     border-bottom: 2px solid #eceeef;
}
 .recent-articles h3, .related-articles h3 {
     margin-bottom: 12px;
}
 @media (min-width: 768px) {
     .recent-articles h3, .related-articles h3 {
         margin-top: 12px;
    }
}
 .recent-articles ul, .related-articles ul {
     list-style: none;
     padding-left: 0;
}
 .recent-articles ul > li, .related-articles ul > li {
     margin-bottom: 12px;
}
 .recent-articles ul > li a, .related-articles ul > li a {
     color: #4e5565;
     border-bottom: 1px solid #eceeef;
     padding-bottom: 1px;
}
 .recent-articles h3 {
     font-size: 20px;
}
 .mp {
     margin-bottom: 24px;
}
 .mq {
     font-size: 20px;
     margin-bottom: 12px;
}
 .mr {
     padding-left: 0;
     list-style: none;
}
 .ms {
     margin-bottom: 12px;
}
 .mt {
     color: #4e5565;
     border-bottom: 1px solid #eceeef;
     padding-bottom: 1px;
}
 .g {
     padding: 24px 15px;
     margin-bottom: 48px;
     border: 2px solid #eceeef;
     border-radius: 4px;
}
 .g h4 {
     font-weight: 600;
     font-size: 28px;
}
 .g .recent-activity-header {
     display: none;
}
 .g .recent-activity-list {
     margin-bottom: 0;
     list-style: none;
     padding-left: 0;
}
 @media (min-width: 768px) {
     .g .recent-activity-list {
         margin-right: -15px;
         margin-left: -15px;
    }
}
 @media (min-width: 768px) {
     .g .recent-activity-item {
         display: inline-block;
         width: 33.3333%;
         padding-right: 15px;
         padding-left: 15px;
         margin-bottom: 24px;
         vertical-align: top;
    }
}
 .g .recent-activity-item-meta {
     font-size: 14px;
     color: #979797;
}
 .g .recent-activity-item-comment span:before {
     margin-right: 3px;
     content: "\f0e5";
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .g .recent-activity-item-parent {
     font-weight: 600;
     color: #4e5565;
}
 .g .recent-activity-controls a {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .g .recent-activity-controls a:hover, .g .recent-activity-controls a:focus, .g .recent-activity-controls a:active {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .g .recent-activity-controls a:active {
     background-image: none;
}
 .mu {
     margin-bottom: 24px;
     border-radius: 4px;
     background-color: #1f3249;
     padding: 24px 15px;
     text-align: center;
     color: #fff;
}
 .mv {
     display: inline-block;
}
 .mw {
     margin-bottom: 12px;
     font-size: 24px;
}
 .mw a {
     color: #fff;
}
 @media (min-width: 768px) {
     .mw {
         font-size: 28px;
         font-weight: 300;
    }
}
 .mx [data-action="edit-profile"] {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .mx [data-action="edit-profile"]:hover, .mx [data-action="edit-profile"]:focus, .mx [data-action="edit-profile"]:active {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .mx [data-action="edit-profile"]:active {
     background-image: none;
}
 .mx [data-action="edit-profile"]:hover {
     border-color: rgba(0, 0, 0, 0.8);
     opacity: 0.8;
}
 .my {
     display: inline-block;
     margin-bottom: 24px;
     background-color: #FF50E3;
}
 .mz {
     word-break: break-all;
     word-break: break-word;
}
 .na {
     margin-bottom: 12px;
     padding-left: 0;
     list-style: none;
     font-size: 14px;
     color: #979797;
}
 .nb {
     margin-right: 12px;
     margin-bottom: 6px;
}
 @media (max-width: 767px) {
     .nb {
         display: block;
    }
     .nb:before {
         display: none;
    }
}
 .nc {
     margin-right: 6px;
}
 .nd {
     color: #fff;
}
 .ne {
     margin-bottom: 24px;
     border-radius: 4px;
     background-color: #eceeef;
     overflow: hidden;
     font-size: 14px;
     font-weight: 600;
}
 .nf {
     margin: 0;
     padding-left: 0;
     list-style: none;
}
 .ng {
     margin-bottom: 0;
}
 @media (min-width: 768px) {
     .ng {
         display: inline-block;
         vertical-align: middle;
    }
}
 .ng a {
     display: block;
     color: #4e5565;
}
 .ng.is-active {
     background-color: #FF50E3;
     color: #fff;
}
 .ng.is-active, .ng a {
     padding: 16px 12px;
     line-height: 1;
}
 .ng:after {
     right: 12px !important;
}
 .nh {
     width: 100%;
}
 .ni {
     margin-bottom: 24px;
}
 .nj {
     margin-bottom: 12px;
     font-size: 24px;
}
 .nk {
     color: #979797;
     font-size: 14px;
}
 @media (min-width: 768px) {
     .nk {
         padding-bottom: 0;
    }
}
 .nl {
     font-size: 14px;
}
 .nl .dropdown {
     display: inline-block;
}
 @media (min-width: 768px) {
     .nl {
         display: table;
         width: 100%;
    }
}
 @media (min-width: 768px) {
     .nl {
         border-top: 0;
         padding-top: 0;
    }
}
 @media (min-width: 768px) {
     .nm {
         display: table-cell;
         vertical-align: middle;
    }
}
 @media (max-width: 767px) {
     .nn {
         margin-bottom: 12px;
    }
}
 @media (min-width: 768px) {
     .nn {
         padding-right: 12px;
    }
}
 @media (min-width: 768px) {
     .no {
         text-align: right;
    }
}
 .np {
     position: relative;
     border-radius: 4px;
     background-color: #f4f5f6;
     padding: 12px 15px;
     word-wrap: break-word;
}
 .nq {
     margin-bottom: 6px;
}
 .nr {
     margin-bottom: 6px;
}
 .ns {
     margin-bottom: 6px;
     font-size: 16px;
     font-weight: 600;
}
 .nt {
     margin-bottom: 12px;
}
 .nu .ns:before {
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin-right: 2px;
}
 .nv {
     margin-bottom: 12px;
     padding: 0;
     font-size: 14px;
}
 .nw, .nx {
     text-align: center;
     color: #979797;
}
 .ny {
     padding-left: 0;
     list-style: none;
}
 .profile-activity {
     position: relative;
     margin-bottom: 36px;
}
 .nz {
     margin-bottom: 12px;
     font-size: 14px;
     font-weight: 600;
}
 .nz:before {
     display: inline-block;
     font-family: 'FontAwesome';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin-right: 2px;
}
 .oa {
     width: 30px;
     height: 30px;
     margin-right: 6px;
}
 .profile-activity-list--articles .ns:before, .profile-activity[class$="-article"] .nz:before {
     content: '\f0f6';
}
 .profile-activity-list--posts .ns:before, .profile-activity[class$="-post"] .nz:before {
     content: '\f0e6';
}
 .profile-activity-list--comments .ns:before, .profile-activity[class$="-comment"] .nz:before {
     content: '\f0e5';
}
 .ob {
     display: inline-block;
}
 .oc {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-size: 14px;
}
 .od {
     padding-right: 12px;
}
 .status-label {
     padding: 2px 6px;
     font-size: 12px;
     color: #fff;
     border-radius: 4px;
}
 .status-label--pending {
     background-color: #fad782;
}
 .status-label--with-ticket {
     background-color: #FF50E3;
}
 .status-label--with-ticket:hover, .status-label--with-ticket:focus, .status-label--with-ticket:active {
     color: #fff;
}
 .status-label--solved, .status-label--closed {
     background-color: #FF50E3;
}
 .status-label--new, .status-label--open {
     background-color: #ff5252;
}
 .status-label--answered {
     background-color: #fad782;
}
 .status-label--official {
     background-color: #FF50E3;
}
 .status-label--completed, .status-label--answered {
     background-color: #FF50E3;
}
 .status-label--planned {
     background-color: #1f3249;
}
 .status-label--not-planned {
     color: #4e5565;
     background-color: #eceeef;
}
 .oe {
     list-style: none;
     padding-left: 0;
     margin: 0;
     font-size: 14px;
}
 .of {
     position: relative;
     padding-left: 18px;
     margin-bottom: 12px;
}
 .of:last-child {
     margin-bottom: 0;
}
 .og {
     position: absolute;
     left: 0;
     top: 4px;
}
 .oh {
     list-style: none;
     padding-left: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
}
 .oi {
     font-weight: 600;
}
 .oj {
     display: block;
     font-size: 16px;
     margin-bottom: 6px;
}
 .callout {
     padding: 24px 20px;
     margin-bottom: 24px;
     background-color: #eceeef;
     border-left-width: 5px;
     border-left-style: solid;
}
 .callout p:last-child {
     margin-bottom: 0;
}
 .callout--transparent {
     background-color: transparent;
     border-width: 1px;
     border-color: #dedede;
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}
 .callout--success {
     background-color: rgba(0, 202, 26, 0.23);
     color: #4e5565;
     border-color: #5cb85c;
}
 .callout--success .callout__title {
     color: #5cb85c;
}
 .callout--info {
     color: #4e5565;
     background-color: #daf1f8;
     border-color: #5bc0de;
}
 .callout--info .callout__title {
     color: #5bc0de;
}
 .callout--warning {
     color: #4e5565;
     background-color: #fceedb;
     border-color: #f0ad4e;
}
 .callout--warning .callout__title {
     color: #f0ad4e;
}
 .callout--danger {
     color: #4e5565;
     background-color: #f4cecd;
     border-color: #d9534f;
}
 .callout--danger .callout__title {
     color: #ff1515;
}
 .callout--primary {
     color: #fff;
     background-color: #FF50E3;
     border-color: #FF50E3;
}
 .callout--primary .callout__title {
     color: #fff;
}
 .callout--dashed {
     border-width: 1px;
     border-style: dashed;
}
 .image-with-border {
     padding: 10px;
     border: 1px solid #d3d6d8;
     border-radius: 4px;
}
 .image-with-shadow {
     box-shadow: 0 5px 15px 2px #55595c;
}
 .image-with-lightbox {
     cursor: pointer;
}
 .image-overlay {
     position: relative;
}
 .image-overlay:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(255, 255, 255, 0.3);
}
 .image-with-video-icon {
     position: relative;
     display: block;
}
 .image-with-video-icon img {
     width: 100%;
}
 .image-with-video-icon:before {
     content: '';
     font-size: 0;
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 30px 0 30px 60px;
     border-color: transparent transparent transparent #fff;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: -webkit-transform 0.6s ease;
     transition: -webkit-transform 0.6s ease;
     transition: transform 0.6s ease;
     transition: transform 0.6s ease, -webkit-transform 0.6s ease;
     z-index: 3;
}
 .image-with-video-icon:after {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.3);
     z-index: 2;
}
 .image-with-video-icon:active:before, .image-with-video-icon:hover:before {
     -webkit-transform: translate(-50%, -50%) scale(1.1);
     transform: translate(-50%, -50%) scale(1.1);
}
 .list-colored, .list-bullet {
     counter-reset: list;
     list-style-type: none;
     padding-left: 0 !important;
}
 .list-colored li {
     position: relative;
     padding-left: 42px;
     counter-increment: list;
     margin-bottom: 16px !important;
}
 .list-colored li:before {
     position: absolute;
     top: -3px;
     left: 0;
     content: counter(list);
     text-align: center;
     font-size: 14px;
     width: 30px;
     height: 30px;
     background-color: #FF50E3;
     border-radius: 50%;
     z-index: 1;
     color: #fff;
     line-height: 30px;
}
 .list-colored ol {
     counter-reset: list;
     list-style-type: none;
     margin-bottom: 14px;
}
 .list-bullet li {
     position: relative;
     padding-left: 30px;
     margin-bottom: 10px;
}
 .list-bullet li:before {
     position: absolute;
     left: 0;
     top: -2px;
     font-family: 'FontAwesome';
     font-size: 20px;
     font-weight: 400;
     font-style: normal;
     content: "";
     color: #FF50E3;
}
 .list-bullet ul {
     list-style: none;
     margin-bottom: 14px;
}
 .text-left {
     text-align: left;
}
 .text-center {
     text-align: center;
}
 .text-right {
     text-align: right;
}
 .text-primary {
     background-color: #66ffd9;
}
 .text-info {
     background-color: #5bc0de;
}
 .text-warning {
     background-color: #fad782;
}
 .text-danger {
     background-color: #ff5252;
}
 .text-success {
     background-color: #FF50E3;
}
 .accordion {
     border: 1px solid #ddd;
     border-radius: 4px;
     padding-top: 0;
     margin-bottom: 24px;
}
 .accordion__item-title {
     position: relative;
     font-size: 20px;
     padding: 15px 20px 15px 52px;
     cursor: pointer;
}
 .accordion__item-title:not(.accordion__item-title--active) {
     border-bottom: 1px solid #ddd;
}
 .accordion__item-title:before {
     content: '';
     position: absolute;
}
 .accordion__item-content {
     display: none;
     padding: 20px;
     border-bottom: 1px solid #ddd;
}
 .accordion__item-content p:last-child {
     margin-bottom: 0;
}
 .ok:last-child .accordion__item-title {
     border-bottom: none;
}
 .accordion--default .accordion__item-title:before {
     left: 22px;
     top: 50%;
     width: 8px;
     height: 8px;
     margin-top: -4px;
     border-bottom: 2px solid #FF50E3;
     border-left: 2px solid #FF50E3;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transition: -webkit-transform 0.3s;
     transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     transition: transform 0.3s, -webkit-transform 0.3s;
}
 .accordion--default .accordion__item-title--active {
     background-color: #f0f0f0;
}
 .accordion--default .accordion__item-title--active:before {
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
     -webkit-transition: -webkit-transform 0.3s;
     transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     transition: transform 0.3s, -webkit-transform 0.3s;
}
 .accordion--colored .accordion__item-title {
     -webkit-transition: background-color 0.3s;
     transition: background-color 0.3s;
}
 .accordion--colored .accordion__item-title:before, .accordion--colored .accordion__item-title:after {
     top: 50%;
}
 .accordion--colored .accordion__item-title:before {
     width: 10px;
     height: 2px;
     margin-top: -1px;
     background-color: #818a91;
     left: 20px;
}
 .accordion--colored .accordion__item-title:after {
     content: '';
     position: absolute;
     left: 24px;
     width: 2px;
     height: 10px;
     margin-top: -5px;
     background-color: #818a91;
}
 .accordion--colored .accordion__item-title--active {
     background-color: #FF50E3;
     color: #fff;
     -webkit-transition: background-color 0.3s;
     transition: background-color 0.3s;
}
 .accordion--colored .accordion__item-title--active:before {
     background-color: #fff;
}
 .accordion--colored .accordion__item-title--active:after {
     display: none;
}
 .tabs {
     margin-bottom: 24px;
}
 .tab {
     display: block;
     border: 1px solid #ddd;
     padding: 30px;
     margin-top: -1px;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
}
 .tab p:last-child {
     margin-bottom: 0;
}
 @media (min-width: 768px) {
     .tab {
         border-top-left-radius: 4px;
         border-top-right-radius: 4px;
    }
}
 .tab:nth-child(2) {
     border-top-left-radius: 0;
}
 .tabs-link {
     display: block;
     margin: 0;
     cursor: pointer;
     padding: 8px 30px;
     color: #4e5565;
     font-weight: 600;
     border-width: 1px 1px 0;
     border-style: solid;
     border-color: transparent;
}
 .tabs-link:hover {
     color: #FF50E3;
}
 @media (max-width: 767px) {
     .tabs-link {
         border-top-color: #ddd;
         border-left-color: #ddd;
         border-right-color: #ddd;
    }
     .tabs-link:first-child {
         border-top-left-radius: 4px;
         border-top-right-radius: 4px;
    }
}
 @media (min-width: 768px) {
     .tabs-link {
         display: inline-block;
    }
}
 .is-hidden {
     display: none;
}
 .tabs-link.is-active {
     border-color: #ddd;
     color: #FF50E3;
     cursor: pointer;
}
 .tabs-link.is-active:hover {
     color: #FF50E3;
     cursor: default;
}
 @media (min-width: 768px) {
     .tabs-link.is-active {
         border-bottom: 1px solid #fff;
         border-top-left-radius: 4px;
         border-top-right-radius: 4px;
    }
}
 .tabs--colored-1 .tab {
     background-color: #f7f7f9 !important;
}
 .tabs--colored-1 .tabs-link.is-active {
     background-color: #f7f7f9;
     border-bottom-color: #f7f7f9;
}
 .tabs--colored-2 .tabs-link:hover {
     color: #FF50E3;
}
 .tabs--colored-2 .tabs-link.is-active {
     background-color: #FF50E3;
     color: #fff;
     border-color: #FF50E3;
}
 .tabs--colored-2 .tabs-link.is-active:hover {
     color: #fff;
}
 .tabs--colored-2 .tab {
     background-color: #f7f7f9 !important;
}
 .ol {
     float: left;
}
 .ol + .ol {
     margin-left: 12px;
}
 .ol.is-active {
     font-weight: 600;
}
 .om {
     float: right;
}
 .vote {
     max-width: 40px;
     width: 100%;
}
 .vote [aria-selected=true] {
     z-index: 2;
}
 .vote-sum {
     display: block;
     padding-top: 6px;
     padding-bottom: 6px;
     font-weight: 600;
     text-align: center;
}
 .vote-control {
     position: relative;
     z-index: 1;
     display: block !important;
     padding: 4px 0 !important;
     font-size: 16px !important;
     color: #4e5565;
     border-color: #eceeef;
     line-height: 1.5 !important;
}
 .vote-control:hover, .vote-control:active {
     z-index: 2;
}
 .vote-control--active {
     border-color: #474747;
}
 @media (min-width: 768px) {
     .on {
         margin-bottom: 24px;
    }
}
 .oo:nth-child(2n+1) {
     clear: left;
}
 .op {
     padding: 24px 12px;
     margin-bottom: 24px;
     border: 2px solid #eceeef;
     border-radius: 4px;
}
 .oq {
     margin-bottom: 12px;
}
 .or {
     margin-bottom: 48px;
}
 .topic {
     padding-bottom: 12px;
     margin-bottom: 24px;
     border-bottom: 2px solid #eceeef;
     display: table;
     width: 100%;
}
 .os {
     display: table-cell;
     vertical-align: inherit;
}
 @media (min-width: 480px) {
     .os {
         vertical-align: top;
    }
}
 .ot {
     text-align: right;
}
 .ou {
     width: 100%;
     font-size: 28px;
     margin-bottom: 12px;
}
 .ov {
     float: left;
     margin-right: 6px;
}
 @media (max-width: 767px) {
     .ov {
         margin-bottom: 12px;
    }
}
 .ow {
     margin-bottom: 48px;
}
 .ox {
     float: left;
}
 .oy {
     margin-right: 6px;
}
 @media (min-width: 768px) {
     .oz {
         float: right;
         white-space: nowrap;
    }
}
 .oz .dropdown {
     display: inline-block;
     vertical-align: middle;
}
 .oz .dropdown-menu {
     left: initial;
     right: 0;
}
 .oz .dropdown-toggle, .oz .pa {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .oz .dropdown-toggle:hover, .oz .dropdown-toggle:focus, .oz .dropdown-toggle:active, .oz .pa:hover, .oz .pa:focus, .oz .pa:active {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .oz .dropdown-toggle:active, .oz .pa:active {
     background-image: none;
}
 @media (min-width: 768px) {
     .pb {
         margin-bottom: 48px;
    }
}
 .post {
     position: relative;
     margin-bottom: 24px;
}
 .pc {
     font-size: 24px;
     padding-right: 18px;
}
 @media (min-width: 768px) {
     .pc {
         font-size: 28px;
    }
}
 @media (min-width: 992px) {
     .pc {
         font-size: 40px;
    }
}
 .pd .pe, .pd .pf {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .pd .pe:hover, .pd .pe:focus, .pd .pe:active, .pd .pf:hover, .pd .pf:focus, .pd .pf:active {
     color: #FF50E3;
     background-color: transparent;
     border-color: #FF50E3;
}
 .pd .pe:active, .pd .pf:active {
     background-image: none;
}
 .pg {
     display: table;
     margin-bottom: 24px;
     width: 100%;
}
 .ph {
     display: table-cell;
     vertical-align: top;
}
 .pi {
     padding-right: 12px;
     width: 100%;
}
 .pj {
     word-wrap: break-word;
}
 .pk {
     padding-right: 52px;
}
 .pk ul {
     list-style: disc;
}
 .pk ul, .pk ol {
     padding-left: 20px;
}
 .pk ul ul, .pk ul ol, .pk ol ul, .pk ol ol {
     margin-top: 12px;
}
 .pk ul li, .pk ol li {
     margin-bottom: 12px;
}
 .pl {
     position: absolute;
     right: 0;
     top: 0;
     text-align: center;
     width: 40px;
}
 .pl .dropdown-toggle {
     font-size: 0;
}
 .pl .dropdown-toggle:after {
     content: '\f013';
     margin-left: 0;
     font-size: 16px;
}
 .pm .dropdown-menu {
     width: auto;
}
 .pm .dropdown-menu [role=menuitem] {
     white-space: nowrap;
}
 .pn {
     background-color: #eceeef;
     padding: 12px 15px;
}
 @media (max-width: 768px) {
     .pn {
         margin-bottom: 25px;
    }
}
 .po {
     font-size: 18px;
     font-weight: 600;
}
 @media (min-width: 768px) {
     .pp {
         margin-bottom: 48px;
    }
}
 .post-list-item {
     border-bottom: 2px solid #eceeef;
     margin-bottom: 24px;
     padding-bottom: 24px;
}
 @media (min-width: 768px) {
     .post-list-item {
         display: table;
         width: 100%;
    }
}
 .pq {
     font-size: 24px;
     margin-bottom: 12px;
}
 .pq .fa-star {
     position: relative;
     font-size: 50%;
     top: -4px;
}
 @media (min-width: 768px) {
     .pr {
         display: table-cell;
         vertical-align: top;
    }
}
 @media (min-width: 768px) {
     .ps {
         width: 60%;
    }
}
 @media (min-width: 768px) {
     .pt {
         width: 40%;
         text-align: right;
    }
}
 .pu {
     color: #979797;
     font-size: 14px;
}
 @media (min-width: 768px) {
     .pu {
         float: right;
         text-align: center;
         min-width: 90px;
         background-color: #f9f9f9;
         border-radius: 4px;
         padding: 6px 12px;
    }
}
 @media (min-width: 768px) {
     .pv {
         display: block;
         color: #4e5565;
         font-weight: 600;
    }
}
 .pu + .pu {
     margin-right: 12px;
}
 @media (max-width: 767px) {
     .pu + .pu:before {
         margin-right: 6px;
         font-size: 10px;
         content: "\2022";
    }
}
 .post-status {
     display: inline-block;
     padding: 1px 6px;
     font-size: 12px;
     color: #fff;
     border-radius: 4px;
}
 .post-status--completed, .post-status--answered {
     background-color: #FF50E3;
}
 .post-status--planned {
     background-color: #1f3249;
}
 .post-status--not-planned {
     color: #4e5565;
     background-color: #eceeef;
}
 @media (min-width: 768px) {
     .pw {
         margin-bottom: 48px;
    }
}
 .px {
     font-size: 24px;
}
 @media (min-width: 768px) {
     .px {
         font-size: 28px;
    }
}
 @media (min-width: 992px) {
     .px {
         font-size: 40px;
    }
}
 .py {
     margin-bottom: 24px;
}

 /*MW-Notificaiton Banner CSS */
/* Common, default styles for the notification box */

/* change the background color by editing "background"  */
/* change the text color by editing "color"  */
.ns-box {
	background: rgba(192, 57, 43,0.85);
	padding: 10px 20px 20px 20px;
	line-height: 1.4;
	z-index: 1000;
	pointer-events: none;
	color: rgba(250,251,255,0.95);
	font-size: 85%;
  border-bottom: 1px solid #DDD;
}

.ns-box.ns-show {
	pointer-events: auto;
}

.ns-box a {
	color: inherit;
  opacity: 0.7;
	font-weight: 700;
}

.ns-box a:hover,
.ns-box a:focus {
	opacity: 1;
}

.ns-box p {
    margin: 0;
}

.ns-box.ns-show,
.ns-box.ns-visible {
	pointer-events: auto;
}

.ns-close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
	overflow: hidden;
	text-indent: 100%;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ns-close:hover, 
.ns-close:focus {
	outline: none;
}

.ns-close::before,
.ns-close::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 60%;
	top: 50%;
	left: 50%;
	background: #6e6e6e;
}

.ns-close:hover::before,
.ns-close:hover::after {
	background: #fff;
}

.ns-close::before {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}

.ns-close::after {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

.ns-box-inner i {
    color: #fff;
    font-size: 3.8em;
}

.megaphone:before { 
  content:'\1F4E3';
  font-family: "entypo";
  font-size: 2.2em;
}

/* Top bar notifications */
.ns-box.ns-bar {
	top: 0;
	left: 0;
	width: 100%;
}

.ns-bar .ns-close {
	background: transparent;
	margin-top: 15px;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ns-bar .ns-close::before,
.ns-bar .ns-close::after {
	background: #b7b5b3;
}

[class^="ns-effect-"].ns-bar.ns-hide,
[class*=" ns-effect-"].ns-bar.ns-hide {
	-webkit-animation-direction: reverse;
	animation-direction: reverse;
}



/* Slide on top */
.ns-effect-slidetop {
	box-shadow: inset 5.4em 0 rgba(0,0,0,0.1);
}

.ns-effect-slidetop .icon {
	position: absolute;
	display: block;
	font-size: 109%;
	top: 50%;
	left: 1em;
	-webkit-transform: translate3d(0,-20%,0);
	transform: translate3d(0,-20%,0);
}

.ns-effect-slidetop p {
	padding: 0 3.2em;
	font-size: 1.2em;
	display: inline-block;
}

.ns-effect-slidetop .ns-close::before,
.ns-effect-slidetop .ns-close::after {
	width: 2px;
	background: #fff;
}

.ns-effect-slidetop .ns-close:hover::before,
.ns-effect-slidetop .ns-close:hover::after {
	background: #fff;
}

.ns-effect-slidetop.ns-show .icon,
.ns-effect-slidetop.ns-show p {
	-webkit-animation-name: animScaleUp;
	animation-name: animScaleUp;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.ns-effect-slidetop.ns-show p {
	-webkit-animation-name: animFade;
	animation-name: animFade;
}

@-webkit-keyframes animScaleUp {
	0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0) scale3d(0,0,1); }
	100% { opacity 1; -webkit-transform: translate3d(0,-50%,0) scale3d(1,1,1); }
}

@keyframes animScaleUp {
	0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0) scale3d(0,0,1); transform: translate3d(0,-50%,0) scale3d(0,0,1); }
	100% { opacity 1; -webkit-transform: translate3d(0,-50%,0) scale3d(1,1,1); transform: translate3d(0,-50%,0) scale3d(1,1,1); }
}

.ns-effect-slidetop.ns-show,
.ns-effect-slidetop.ns-hide {
	-webkit-animation-name: animSlideTop;
	animation-name: animSlideTop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}

@-webkit-keyframes animSlideTop {
	0% { -webkit-transform: translate3d(0,-100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); }
}

@keyframes animSlideTop {
	0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}




/* added 200226   */

body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/* #115000424054 notice category id */
#115000424054 > div section {
  float: none;
  margin: 0 auto;
}
/* notice category title*/
#115000424054 h3.section__title {
  display: none;
}
/* notice section title*/
#115000930514 h3.section__title {
  display: none;
}

.no_hover:hover {
  color: unset;
  color: initial;
}
.category-tree > section:first-child .category-tree-item__title {
  border-top: none;
}



.layout-footer {
  -webkit-flex: 1;
  flex: 1;
}
.category-tree-item__sections {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  
}

.category-tree-item {
  position: relative;
/*   border-top: 2px solid #eceeef; */
  padding-top: calc(16px * 1.5*2.8);
/*   margin-right: calc(-15px * 2);
  margin-left: calc(-15px * 2); */
  padding-bottom: calc(16px * 1.5*2.8);
}

.category-tree-item:after {
  content:"";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: #eceeef;
}


@media (min-width: 1200px) {
  .hero-unit + .container {
    padding-left: 0;
    padding-right: 0;
  }  
}


/* 200227 */
.fa-star:before {
  color: #ff50e3;
}
.see-all-articles {
  border: none !important;
  padding-left: 0;
  padding-top: 0;
}
.article-list-item {
  margin-bottom: 14px;
}
.section {
  margin-bottom: 60px;
}
.contact-us-custom {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 1.25rem 2rem;
  font-size: 2rem;
  line-height: 2;
  border-radius: 6.25rem;
  padding: 0.25rem 4rem;
  background: #ff50e3;
  color: white;
}

.hero-unit .search-box #query {
  font-weight: 400;
/*   cursor: pointer; */
  border: 1px solid transparent;
  padding: 1.25rem 2rem;
/*   font-size: 2rem; */
  line-height: 2;
  border-radius: 6.25rem;
  padding: 0.25rem 4rem;
  padding-left: 30px;
}
.search-box--hero-unit .search::before {
  right: 25px !important;
  left: initial !important;
}

.search-box--hero-unit input[type="submit"] {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  font-size: 0;
}
.intro-title {
  margin-bottom: 0;
}
.hero-unit {
  padding-bottom: 4%;
}
.hero-bg {
  background-position: 50% 43%;
}

.breadcrumbs > li,
.breadcrumbs > li a {
  color: #000;
}

.breadcrumbs > li:last-child,
.breadcrumbs > li:last-child a{
  color: #FF50E3
}

/* en contact category -> contact section id 900000050443 */
#900000050443 {
	display: none;
}

/* pr contact category -> contact section id 900000050463 */
#900000050463 {
	display: none;
}

/* sp contact category -> contact section id 900000050483 */
#900000050483 {
	display: none;
}


.search-box.search-box--small #query {
  font-weight: 400;
/*   cursor: pointer; */
/*   border: 1px solid transparent; */
  padding: 1.25rem 2rem;
/*   font-size: 2rem; */
  line-height: 2;
  border-radius: 6.25rem;
  padding: 0.25rem 4rem;
  padding-left: 30px;
}
.search-box.search-box--small .search:before {
  right: 20px !important;
  left: initial !important;
}

/* Cookie Consent Popup */
.ot-more-info-combined a.privacy-notice-link {
    color: unset !important;
    text-decoration: none !important;
    pointer-events: none !important;
    margin: 40px 0 !important;
}

#onetrust-banner-sdk {
    background: #222222 !important;
    border: none !important;
    border-radius: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
}

#onetrust-cookie-btn-container {
    display: none;
}

#onetrust-policy-title {
    color: #ffffff !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
    line-height: 1.38 !important;
}

#onetrust-banner-sdk .banner-content {
    padding: 20px 20px 24px 20px !important;
}

#onetrust-banner-sdk .ot-sdk-container {
    width: 100% !important;
    margin: 0 !important;
}

.ot-sdk-row {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.ot-sdk-row #onetrust-group-container {
    width: 100% !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    position: static !important;
    transform: none !important;
}

.ot-b-addl-desc,
#onetrust-policy-text,
#onetrust-policy-text span,
.ot-dpd-container * {
    font-size: 14px !important;
    line-height: 1.36 !important;
    color: #b2b2b2 !important;
}
.ot-dpd-container {
    padding-top: 10px !important;
}

#onetrust-policy-text {
    padding-bottom: 8px !important;
}

#onetrust-policy-text a {
    color: #ff50e3 !important;
}

.ot-sdk-row #onetrust-button-group-parent {
    min-width: 100% !important;
    margin-top: 32px !important;
    position: static !important;
    transform: none !important;
}

#onetrust-button-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
}

.ot-sdk-row #onetrust-policy {
    margin: 0 !important;
}

#onetrust-reject-btn-container,
#onetrust-accept-btn-container,
#onetrust-pc-btn-container {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    text-align: center !important;
}

#onetrust-pc-btn-container {
    margin-right: 0 !important;
}

#onetrust-accept-btn-handler,
#onetrust-pc-btn-handler,
#onetrust-reject-all-handler {
    width: 100% !important;
    margin: 0 !important;
    font-size: 14px !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    box-shadow: none !important;
    font-weight: normal !important;
    border-radius: 64.5px !important;
    white-space: normal !important;
    max-width: 280px !important;
    float: none !important;
}

#onetrust-pc-btn-handler,
#onetrust-reject-all-handler {
    color: #ffffff !important;
    border-color: #b2b2b2 !important;
    background-color: #222222 !important;
}

#onetrust-accept-btn-handler {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}


@media (min-width: 768px) {
    .banner-content {
        padding: 24px 40px 20px 20px !important;
        /* 이전 1023px max-width에서 가져옴 */
    }

    .ot-sdk-row {
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 40px;
    }

    .ot-sdk-row::after {
        display: none !important;
    }

    .ot-sdk-row #onetrust-group-container {
        width: 70% !important;
    }

    .ot-sdk-row #onetrust-button-group-parent {
        width: 30% !important;
        min-width: 153px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #onetrust-button-group {
        gap: 10px !important;
    }

    #onetrust-accept-btn-handler,
    #onetrust-reject-all-handler,
    #onetrust-pc-btn-handler {
        width: 100% !important;
        font-size: 14px !important;
    }
}

@media (min-width: 1024px) {
    #onetrust-banner-sdk {
        background: linear-gradient(#222222, #222222) padding-box,
            linear-gradient(219deg, #7687ff, #b620e0, #ff6158) border-box !important;
        border: 1px solid transparent !important;
        border-radius: 12px !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        left: 60px !important;
        right: 60px !important;
        bottom: 40px !important;
        width: calc(100% - 120px) !important;
    }

    #onetrust-banner-sdk .banner-content {
        padding: 24px 40px 24px 24px !important;
    }

    .banner-content {
        padding: 24px !important;
    }

    #onetrust-policy-title {
        font-size: 21px !important;
        margin-bottom: 16px !important;
        line-height: 1.33 !important;
    }

    #onetrust-policy-text {
        font-size: 16px !important;
        line-height: 1.38 !important;
        padding-bottom: 0 !important;
    }

    #onetrust-button-group {
        gap: 12px !important;
    }

    .ot-b-addl-desc,
    #onetrust-policy-text,
    #onetrust-policy-text span,
    .ot-dpd-container * {
        font-size: 16px !important;
        line-height: 1.38 !important;
    }

    #onetrust-accept-btn-handler,
    #onetrust-reject-all-handler,
    #onetrust-pc-btn-handler {
        font-size: 16px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

@media (min-width: 1440px) {
    #onetrust-banner-sdk .banner-content {
        padding: 40px !important;
    }

    .ot-sdk-row {
        gap: 48px;
    }

    .ot-sdk-row #onetrust-group-container {
        width: 78% !important;
    }

    .ot-sdk-row #onetrust-button-group-parent {
        width: 22% !important;
    }
}

@media (min-width: 1920px) {
    #onetrust-banner-sdk .banner-content {
        padding: 40px 63px 40px 40px !important
    }

    .ot-sdk-row {
        gap: 63px;
    }

    .ot-sdk-row #onetrust-group-container {
        width: 85% !important;
    }

    .ot-sdk-row #onetrust-button-group-parent {
        width: 15% !important;
    }
}

/*
* 
* preference
*
*/
#onetrust-pc-sdk {
    border-radius: 8px;
    box-shadow: none !important;
    background-color: #222222 !important;
}

.ot-pc-header {
    height: auto !important;
    padding: 24px 20px 32px !important;
    border-bottom-color: #505050 !important;
}

.ot-pc-logo {
    display: inline-block !important;
    height: auto !important;
}

.ot-pc-logo img {
    width: 156px !important;
    max-width: 156px !important;
    height: auto !important;
}

#close-pc-btn-handler {
    background-image: url(/hc/theming_assets/01HZM4JTEVWTD7EGZ3N7NRZGFV) !important;
    position: static !important;
    float: right !important;
    width: 24px !important;
    height: 24px !important;
    background-size: 24px !important;
    margin-bottom: 0 !important;
}

#onetrust-pc-sdk #ot-pc-content {
    top: 94px !important;
    margin: 0 !important;
    padding: 20px !important;
    padding-right: 30px !important;
}

#ot-pc-title {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 16px !important;
    line-height: 1.38 !important;
}

#ot-pc-desc {
    margin-top: 8px !important;
    margin-bottom: 40px !important;
    font-size: 14px !important;
    line-height: 1.36 !important;
    color: #b2b2b2 !important;
}
.ot-accordion-layout[data-optanongroupid="C0004"] > .ot-acc-grpcntr.ot-acc-txt {
    display: flex !important;
    flex-direction: column !important;
}
.ot-accordion-layout[data-optanongroupid="C0004"] .ot-acc-grpcntr.ot-acc-txt > .ot-acc-grpdesc.ot-category-desc {
    order: 0 !important;
}

.ot-accordion-layout[data-optanongroupid="C0004"] .ot-acc-grpcntr.ot-acc-txt > .ot-hlst-cntr {
    order: 1 !important;
}
.ot-accordion-layout[data-optanongroupid="C0004"] .ot-acc-grpcntr.ot-acc-txt > .ot-subgrp-cntr {
    order: 2 !important;
}

.privacy-notice-link {
    display: none !important;
}

.ot-more-info-button {
    margin-top: 40px !important;
}

.ot-more-info-button .privacy-notice-link {
    display: inline-block !important;
    pointer-events: none;
    text-decoration: none !important;
    color: #b2b2b2 !important;
    cursor: text !important;
    display: inline-block;
    font-size: 16px !important;
}

.ot-more-info-button .privacy-notice-link~a {
    font-size: 16px !important;
    color: #ff50e3 !important;
    line-height: 1.38 !important;
}

#ot-category-title {
    display: none !important;
}

.ot-sdk-row.ot-cat-grp {
    display: flex !important;
    gap: 8px !important;
    flex-direction: column !important;
}

.ot-acc-grpcntr.ot-acc-txt {
    border-radius: 8px !important;
}

.ot-accordion-layout.ot-cat-item.ot-vs-config {
    border: 1px solid #777777 !important;
    border-radius: 8px !important;
    margin: 0 !important;
}

button:focus {
    border: #000000 !important;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr {
    padding: 8px 0 !important;
    height: auto !important;
    box-sizing: border-box;
}

.ot-acc-cntr button[aria-expanded="true"]+.ot-acc-hdr .ot-plus-minus span:last-of-type,
.ot-accordion-layout button[aria-expanded="true"]+.ot-acc-hdr .ot-plus-minus span:last-of-type {
    display: none !important;
}

.ot-plus-minus {
    width: 24px !important;
    height: 24px !important;
}

.ot-plus-minus span {
    background: #ffffff !important;
}

.ot-plus-minus span:first-of-type {
    top: 0 !important;
    bottom: 0 !important;
    width: 2px !important;
    left: 45% !important;
}

.ot-plus-minus span:last-of-type {
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    top: 45% !important;
}

.ot-always-active {
    line-height: 1.36 !important;
    font-size: 14px !important;
    color: #ff50e3 !important;
    margin-right: 10px !important;
    font-weight: normal !important;
}

.ot-vs-config .ot-cat-header {
    font-weight: bold !important;
    line-height: 1.44 !important;
    color: #fff !important;
    font-size: 14px !important;
}

.ot-pur-vdr-count {
    color: #b2b2b2 !important;
}

#onetrust-pc-sdk .ot-switch {
    position: relative !important;
    display: inline-block !important;
    width: 51px !important;
    height: 33px !important;
}

#onetrust-pc-sdk .ot-switch-nob {
    background-color: #555555 !important;
    border: none !important;
}

#onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob {
    background-color: #ff50e3 !important;
    border: none !important;
}

#onetrust-pc-sdk .ot-switch-nob:before {
    height: 28px !important;
    width: 28px !important;
    bottom: 3px !important;
    background-color: #ffffff !important;
}

.ot-pc-refuse-all-handler,
#accept-recommended-btn-handler,
.save-preference-btn-handler.onetrust-close-btn-handler {
    font-weight: normal !important;
    border-radius: 64.5px !important;
    font-size: 14px !important;
    padding: 8px 20px !important;
    letter-spacing: normal !important;
}

#accept-recommended-btn-handler {
    background-color: #ffffff !important;
    border-color: #222222 !important;
    color: #000000 !important;
}

.ot-pc-refuse-all-handler,
.save-preference-btn-handler.onetrust-close-btn-handler {
    background-color: #222222 !important;
    border-color: #ffffff !important;
}

#onetrust-pc-sdk .ot-pc-footer {
    border-top: 1px solid #505050 !important;
}

.save-preference-btn-handler.onetrust-close-btn-handler {
    margin-top: 8 !important;
}

.ot-pc-footer-logo {
    display: none !important;
}

.ot-btn-container {
    margin: 0 !important;
    padding: 0 20px !important
}


#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt {
    background-color: #222222 !important;
}

#onetrust-pc-sdk .ot-vs-config .ot-subgrp-cntr ul.ot-subgrps li.ot-subgrp h5,
#onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc,
.ot-subgrp-desc {
    color: #b2b2b2 !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pgph-link,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler+a,
#onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-link,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-ven-legclaim-link,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-name a,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-acc-hdr .ot-host-expand,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-host-lst .ot-host-info a,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content #ot-pc-desc .ot-link-btn,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-vnd-serv .ot-vnd-item .ot-vnd-info a,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-lst-cnt .ot-vnd-info a {
    color: #ff50e3 !important;
}



#onetrust-pc-sdk #ot-pc-lst {
    top: 88.5px !important;
}

#ot-back-arw path {
    fill: #fff;
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst #ot-lst-title h3 {
    color: #fff !important;
}

#onetrust-pc-sdk #vendor-search-handler {
    border-radius: 64.5px !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-sel-blk {
    background-color: #222222 !important;
}

#onetrust-pc-sdk #filter-btn-handler {
    padding: 10px !important;
    background-color: #ff50e3 !important;
}

#onetrust-pc-sdk #filter-btn-handler svg {
    margin: 0 !important;
}

#onetrust-pc-sdk #ot-filter-list-header {
    display: none !important;
}

#onetrust-pc-sdk .ot-chkbox input:checked~label::before,
#onetrust-pc-sdk .ot-chkbox input[aria-checked=mixed]~label::before {
    background-color: #ff50e3 !important;
    border: 1px solid #ff50e3 !important;
}

#onetrust-pc-sdk .ot-chkbox label::before {
    border: 1px solid #ff50e3 !important;
}

.ot-lst-title h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
.ot-consent-hdr {
    color: #ffffff !important;
}

#onetrust-pc-sdk .ot-acc-cntr>.ot-acc-hdr {
    background-color: #222222 !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk p {
    color: #b2b2b2 !important;
}

#onetrust-pc-sdk .ot-host-info {
    background-color: #121212 !important;
    border-radius: 8px !important;
}

#onetrust-pc-sdk .ot-host-info>div {
    color: #ffffff !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-txt .ot-ven-dets {
    background-color: #222222 !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk h5,
#onetrust-pc-sdk .ot-ven-dets .ot-ven-pur h5 {
    color: #fff !important;
}

#onetrust-pc-sdk .ot-ven-dets span {
    color: #b2b2b2 !important;
}


#onetrust-pc-sdk #filter-apply-handler,
#onetrust-pc-sdk #filter-apply-handler+button {
    background-color: #ff50e3 !important;
    border: none !important;
}

/* === [KOCOWA Help Center] Long-string overflow hardening === */
/* 1) Prevent layout blowouts from ultra-long words/queries/URLs */
.search-results-page,
.search-results,
.search-results .search-results-count,
.search-results p,
.search-result__title,
.search-result__description,
.breadcrumbs,
.header,
.footer {
  overflow-wrap: anywhere;   /* modern breakpoints inside long strings */
  word-break: break-word;    /* practical fallback */
  hyphens: auto;             /* nicer breaks for normal words */
}

/* 2) Flex safety so children can shrink instead of overflowing */
.search-results * {
  min-width: 0;
}

/* 3) Optional: keep the search box text tidy if users paste a novel */
[data-search-box] input[type="search"] {
  text-overflow: ellipsis;
}
/* === [KOCOWA Help Center] Long-string overflow hardening === */
/* === End === */


/* === [KOCOWA Help Center] Article layout fixes === */
/* Safe defaults (keeps media/tables from blowing past columns) */
.article__body,
.article__body *{ max-width:100%; }
.article__body table{
  display:block;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* PORTRAIT — two columns when there's enough width; stack when narrow */
@media (orientation: portrait) and (min-width: 820px) and (max-width: 1366px){
  /* Make the article row flexible */
  .article-page .row{
    display:flex;
    align-items:flex-start;
    gap:32px;
  }
  /* Neutralize float grid widths */
  .article-page .row > .column{
    float:none;
    width:auto;
  }

  /* If main is first and sidebar is second; swap if your order is reversed */
  .article-page .row > .column:first-child{  /* main content */
    flex:1 1 auto;
    min-width:0;                              /* allows content to shrink */
  }
  .article-page .row > .column:last-child{    /* right sidebar */
    flex:0 0 280px;                           /* tweak 280–320px to taste */
  }

  /* Keep sidebar visible while scrolling (adjust top to your header height) */
  .article-sidebar{
    position:sticky;
    top:88px;
    z-index:1;
    align-self:flex-start;
  }
}

/* PORTRAIT — narrow screens (phones/smaller tablets): stack to avoid crowding */
@media (orientation: portrait) and (max-width: 819px){
  .article-page .row{ display:block !important; }
  .article-page .row > .column{ float:none !important; width:auto !important; }
  .article{ margin-right:0 !important; }
  .article-sidebar{
    position:static !important;
    width:auto !important;
    margin-top:24px !important;
  }
}

/* LANDSCAPE — clean two-column without gaps on tablets & small laptops */
@media (orientation: landscape) and (min-width: 900px) and (max-width: 1366px){
  .article-page .row{
    display:flex;
    align-items:flex-start;
    gap:32px;
  }
  .article-page .row > .column{
    float:none;
    width:auto;
  }
  .article-page .row > .column:first-child{   /* main content */
    flex:1 1 auto;
    min-width:0;
  }
  .article-page .row > .column:last-child{    /* right sidebar */
    flex:0 0 300px;                            /* 280–320px typical */
  }
  .article{ margin-right:0; }
}

/* Tables: allow horizontal scroll on medium screens too */
@media (max-width: 1366px){
  .table-responsive{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}
/* === [KOCOWA Help Center] Article layout fixes === */
/* === End === */