@charset "UTF-8";
/* ==========================================================================
   RESET
========================================================================== */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0 none;
  font-size: 100%;
  font: inherit; }

*:focus {
  outline: none; }

article, aside, audio, canvas, datagrid, datalist, details,
dialog, figure, footer, header, main, menu, nav, section, video {
  display: block; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

ol, ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

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

a, abbr {
  color: inherit;
  text-decoration: none;
  background-color: transparent; }

img {
  border: 0 none;
  vertical-align: middle; }

[contenteditable="true"]:active,
[contenteditable="true"]:focus {
  border: none;
  outline: none; }

input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

button {
  border: none;
  background: transparent; }

button, input, optgroup, select, textarea {
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border-radius: 0; }

button {
  overflow: visible;
  background-color: transparent; }

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; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  padding: 0; }

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

input[type="search"] {
  -webkit-appearance: textfield; }

.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-search--inline {
  float: left; }

.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/*RED*/
/*BLUE*/
/*GREEN*/
/*TABLE*/
/* ==========================================================================
    AUTHOR CSS
========================================================================== */
/**
    All about module, OOCSS (like buttons), semantic class,
    pseudo-selector targeting, override component CSS from bower component etc...
    The less you write here the better the app is !
**/
html {
  overflow-x: hidden;
  height: 100%; }

html, html[lang='en'] {
  font-family: 'franklin-gothic-urw', arial , sans-serif; }

html[lang='zh'] {
  font-family: 'source-han-sans-simplified-c', STXihei, 华文细黑, SimSun, 宋体, sans-serif; }

body {
  line-height: 1.5;
  counter-reset: row;
  position: relative;
  min-height: 100%;
  padding-bottom: 4rem; }

.viewport {
  max-width: 80rem; }

.mask {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: none; }

/*BURGER ICO*/
#js-burger {
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: relative;
  margin-top: 0.75rem;
  margin-right: 1rem; }
  #js-burger:hover span, #js-burger:focus span {
    background-color: #E5E5E5; }
    #js-burger:hover span:before, #js-burger:hover span:after, #js-burger:focus span:before, #js-burger:focus span:after {
      background-color: #E5E5E5; }
  #js-burger.active > span {
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
    #js-burger.active > span:before {
      -webkit-transform: translateY(0) rotate(45deg);
              transform: translateY(0) rotate(45deg); }
    #js-burger.active > span:after {
      -webkit-transform: translateY(0) rotate(-45deg);
              transform: translateY(0) rotate(-45deg); }
  #js-burger span {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 100%;
    background-color: #ffffff;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
    #js-burger span:before, #js-burger span:after {
      background: #ffffff;
      content: "";
      display: block;
      height: 4px;
      width: 100%;
      left: 0;
      position: absolute;
      -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
      transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
      transition: transform 0.3s ease, background-color 0.3s ease;
      transition: transform 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease; }
    #js-burger span:before {
      transform: translateY(-11px);
      -webkit-transform: translateY(-11px); }
    #js-burger span:after {
      transform: translateY(11px);
      -webkit-transform: translateY(11px); }

/*NAV*/
.js-has-subnav {
  position: relative; }
  .js-has-subnav .js-subnav {
    display: none; }
  .js-has-subnav.main-subnav:hover > div:after {
    border-color: #3482EC; }
  .js-has-subnav.main-subnav:hover > div > a {
    color: #3482EC; }
  .js-has-subnav.user-subnav:hover > div > a {
    border-bottom: 1px solid #ffffff; }
  .js-has-subnav > div {
    position: relative;
    padding-right: 1rem; }
    .js-has-subnav > div:after {
      content: '';
      position: absolute;
      right: 5px;
      border-bottom: 1px solid currentColor;
      border-right: 1px solid currentColor;
      display: block;
      width: 0.5rem;
      height: 0.5rem;
      top: 50%;
      margin-top: -0.375rem;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .js-has-subnav:hover > div:after {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
    margin-top: 0rem; }
  .js-has-subnav:hover .js-subnav {
    display: block; }
    .js-has-subnav:hover .js-subnav li {
      border-style: solid;
      border-color: black;
      border-width: 0 1px 1px; }
  @media screen and (max-width: 1024px) {
    .js-has-subnav .no-mobile-nav-arrow:after {
      border: none; } }

#header.active {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  z-index: 5;
  background-color: #ffffff; }
  #header.active #user-info, #header.active #nav {
    display: block; }

/*MISC BACKGROUND*/
.dfs-notice.fail:before, .dfs-notice.check:before, .dfs-notice.star:before {
  width: 40px;
  height: 40px;
  margin: 1rem 3rem; }

.dfs-notice.fail:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.533 438.533' height='40' width='40'%3E%3Cpath d='M409.133 109.203c-19.608-33.592-46.205-60.19-79.798-79.796C295.735 9.8 259.058 0 219.273 0c-39.78 0-76.466 9.8-110.063 29.407-33.595 19.604-60.192 46.2-79.8 79.796C9.8 142.8 0 179.49 0 219.267S9.804 295.73 29.407 329.33c19.607 33.584 46.204 60.188 79.8 79.797 33.596 19.605 70.282 29.407 110.062 29.407s76.47-9.802 110.064-29.407c33.593-19.602 60.19-46.206 79.795-79.798 19.602-33.6 29.402-70.288 29.402-110.063 0-39.778-9.8-76.472-29.4-110.064zM255.82 356.02c0 2.67-.862 4.9-2.573 6.708s-3.806 2.71-6.283 2.71h-54.818c-2.472 0-4.663-.95-6.565-2.853-1.903-1.903-2.853-4.093-2.853-6.563V301.78c0-2.478.95-4.668 2.854-6.57 1.904-1.903 4.094-2.852 6.566-2.852h54.818c2.478 0 4.58.907 6.283 2.707 1.71 1.817 2.573 4.045 2.573 6.715v54.24zm-.574-98.208c-.192 1.902-1.188 3.568-2.99 4.996-1.814 1.424-4.046 2.135-6.71 2.135h-52.82c-2.667 0-4.95-.71-6.854-2.135-1.904-1.428-2.857-3.094-2.857-4.996L178.162 80.51c0-2.288.95-3.997 2.852-5.14 1.906-1.52 4.19-2.284 6.854-2.284h62.82c2.665 0 4.947.76 6.85 2.284 1.903 1.143 2.848 2.856 2.848 5.14l-5.14 177.302z' fill='%23D80027'/%3E%3C/svg%3E"); }

.dfs-notice.check:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='40' height='40'%3E%3Cpath fill='%236ec72c' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm7.8 9.6l-8.6 8.6c-.2.2-.5.2-.6 0l-1.3-1.3-.6-.6-3-3.1c-.1-.1-.1-.2-.1-.3 0-.1 0-.2.1-.3L7 11.4c.1-.1.2-.1.3-.1.1 0 .2 0 .3.1l2.9 3c.2.2.5.2.6 0l6.7-6.7c.2-.2.5-.2.6 0L19.7 9c.2.1.2.4.1.6z'/%3E%3C/svg%3E"); }

.dfs-notice.star:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 40 40'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.326 18.266l-4.326-2.314-4.326 2.313.863-4.829-3.537-3.399 4.86-.671 2.14-4.415 2.14 4.415 4.86.671-3.537 3.4.863 4.829z' fill='%234A4A4A'/%3E%3C/svg%3E"); }

/*FORM ELEM SKIN*/
label.required:before {
  content: '*';
  color: #BF311A; }

textarea {
  width: 400px;
  min-height: 100px;
  border: 1px solid #E5E5E5; }

input:disabled, input:-moz-read-only {
  background-color: #F5F5F5; }

input:disabled, input:read-only {
  background-color: #F5F5F5; }

.radio {
  width: 18px;
  height: 18px;
  -webkit-appearance: inherit;
  border: 1px solid #9E9E9E;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer; }
  .radio:before {
    display: block;
    content: "";
    background-color: #fff;
    border-radius: 12px;
    width: 12px;
    height: 12px;
    margin-left: 2px;
    margin-top: 2px; }
  .radio:checked {
    outline: none;
    border-color: #3482EC; }
    .radio:checked:before {
      background-color: #3482EC;
      -webkit-transition: all 250ms ease;
      transition: all 250ms ease; }
  .radio:disabled {
    border-color: #747474; }
    .radio:disabled:checked:before {
      background-color: #747474; }
    .radio:disabled:not(:checked):before {
      background-color: #E5E5E5; }
  .radio:focus {
    outline: none; }
  .radio + label {
    color: #747474;
    margin-right: 0.5rem;
    cursor: pointer; }
    .radio + label.required:before {
      content: ''; }

.custom-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: 2;
  width: 25px;
  height: 25px; }
  .custom-radio input[type="radio"]:checked + .label:before {
    background-color: #3482EC;
    -webkit-box-shadow: inset 0 0 0 2px #ffffff;
            box-shadow: inset 0 0 0 2px #ffffff; }
  .custom-radio input[type="radio"]:focus + .label:before {
    outline: none;
    border-color: #3482EC; }

.custom-radio .label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .custom-radio .label:before {
    content: '';
    background: #ffffff;
    border-radius: 100%;
    border: 1px solid #9E9E9E;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 21px;
    height: 21px;
    position: relative;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease; }

.password-input-group {
  position: relative; }
  .password-input-group .password-v {
    right: 0.25rem;
    width: 2.25rem;
    background: url("/img/password-v.png") no-repeat;
    background-size: cover;
    margin: auto 0; }
    .password-input-group .password-v.visible {
      background-position: -2.34rem; }

.custom-checkbox {
  position: relative; }
  .custom-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
    .custom-checkbox input[type="checkbox"] + .label {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
      .custom-checkbox input[type="checkbox"] + .label:before {
        content: '';
        background: #ffffff;
        border: 1px solid #9E9E9E;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 20px;
        height: 20px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        position: relative;
        margin-right: 0.5rem;
        cursor: pointer;
        text-align: center;
        -webkit-transition: all 250ms ease;
        transition: all 250ms ease; }
    .custom-checkbox input[type="checkbox"]:checked + .label:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.2 11.7L3.5 7 1.1 9.5l7.1 7L18.9 5.8l-2.4-2.4z' fill='%23FFF'/%3E%3C/svg%3E");
      background-color: #3482EC;
      -webkit-box-shadow: inset 0 0 0 2px #ffffff;
              box-shadow: inset 0 0 0 2px #ffffff; }
    .custom-checkbox input[type="checkbox"]:focus + .label:before {
      outline: none;
      border-color: #3482EC; }
    .custom-checkbox input[type="checkbox"]:disabled + .label:before {
      background-color: #E5E5E5;
      -webkit-box-shadow: inset 0 0 0 2px #ffffff;
              box-shadow: inset 0 0 0 2px #ffffff; }

.custom-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  -webkit-transition: border-color 0.25s ease;
  transition: border-color 0.25s ease;
  position: relative; }
  .custom-select:after {
    content: '';
    border-bottom: 1px solid #747474;
    border-right: 1px solid #747474;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: 0.75rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    pointer-events: none; }
  .custom-select select::-ms-expand {
    display: none; }
  .custom-select select {
    padding: 0.25rem  2rem 0.25rem 0.5rem;
    border-radius: 5px;
    background-color: #ffffff;
    border: none;
    border: 1px solid #E5E5E5;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #747474;
    width: 100%; }
    .custom-select select:hover {
      border: 1px solid #747474; }

.spacer {
  display: block;
  width: 1rem;
  height: 1px; }

.select2-container--default .select2-selection--single {
  border: 1px solid #E5E5E5;
  height: 37px;
  padding: 8px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #747474;
    line-height: 19px; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 37px; }

/*Toggle tab*/
.js-toggle-section,
.js-toggle-tab-section,
.js-toggle-checkbox-target,
.js-toggle-radio-target {
  display: none; }
  .js-toggle-section.active,
  .js-toggle-tab-section.active,
  .js-toggle-checkbox-target.active,
  .js-toggle-radio-target.active {
    display: block; }

.js-toggle-tab-button {
  position: relative;
  top: 2px; }
  .js-toggle-tab-button.active {
    color: #BF311A;
    border-bottom: 2px solid #BF311A; }

#questionnaire + footer #questionnaire-footer {
  display: none; }

#questionnaire + footer #generic-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#questionnaire.active + footer #questionnaire-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#questionnaire.active + footer #generic-footer {
  display: none; }

.js-toggle-section-button {
  cursor: pointer; }
  .js-toggle-section-button.active button:after {
    opacity: 0; }
  .js-toggle-section-button button {
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .js-toggle-section-button button:before, .js-toggle-section-button button:after {
      content: '';
      position: absolute;
      background-color: #282828;
      display: block;
      width: 80%;
      height: 3px;
      top: 50%;
      left: 50%; }
    .js-toggle-section-button button:before {
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .js-toggle-section-button button:after {
      -webkit-transform: translate(-50%, -50%) rotate(90deg);
              transform: translate(-50%, -50%) rotate(90deg);
      -webkit-transition: opacity 0.25s ease;
      transition: opacity 0.25s ease; }

/*pagination*/
.pagination .active {
  color: #BF311A;
  font-weight: 700; }

.pagination .prev,
.pagination .next {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 0;
  width: 23px;
  height: 23px;
  text-indent: 100px;
  overflow: hidden;
  background-color: #3482EC;
  opacity: 0.8;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  color: transparent; }
  .pagination .prev:hover,
  .pagination .next:hover {
    opacity: 1; }
  .pagination .prev:before,
  .pagination .next:before {
    content: '';
    cursor: pointer;
    position: absolute;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    left: 50%;
    top: 50%;
    width: 30%;
    height: 30%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
    border-left: 1px solid white;
    border-top: 1px solid white;
    -webkit-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0; }
  .pagination .prev.next:before,
  .pagination .next.next:before {
    -webkit-transform: translate(-50%, -50%) rotate(-225deg);
            transform: translate(-50%, -50%) rotate(-225deg); }

/*BTN HOVER*/
.btn-shadow\:h {
  -webkit-transition: -webkit-box-shadow 0.25s ease;
  transition: -webkit-box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease;
  transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease; }
  .btn-shadow\:h:hover {
    -webkit-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.5); }

/*LIS*/
.counter-list {
  counter-reset: my-counter; }
  .counter-list li:not(.select2-search):not(.select2-selection__choice):before {
    content: counter(my-counter) ".";
    counter-increment: my-counter;
    display: inline-block;
    vertical-align: middle;
    color: #4A4A4A;
    font-weight: 700;
    font-size: 1.25rem; }

/*ICO*/
.user-ico ellipse,
.user-ico path {
  fill: none;
  stroke-width: 5;
  stroke-miterlimit: 10;
  stroke: #E5E5E5; }

/*PICKADATE*/
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  -webkit-box-shadow: 0 1px 2px 2px rgba(40, 40, 40, 0.15);
          box-shadow: 0 1px 2px 2px rgba(40, 40, 40, 0.15);
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table; }

.pika-single:after {
  clear: both; }

.pika-single {
  border-radius: 7px 7px 0 0;
  width: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.pika-single.is-hidden {
  display: none; }

.pika-single.is-bound {
  position: absolute !important;
  top: 100% !important;
  left: auto !important;
  right: 50% !important;
  z-index: 5;
  margin-top: 1rem;
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(50%);
          transform: translateX(50%); }

.pika-lendar {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
  @media screen and (max-width: 834px) {
    .pika-lendar {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; } }

.pika-title {
  position: relative;
  padding: 1rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #E5E5E5;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0; }

.pika-label {
  position: relative;
  overflow: hidden;
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0.25rem; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  outline: none;
  border: 0;
  padding: 0;
  width: 23px;
  height: 23px;
  text-indent: 100px;
  white-space: nowrap;
  overflow: hidden;
  background-color: #3482EC;
  opacity: 0.8;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }
  .pika-prev:hover,
  .pika-next:hover {
    opacity: 1; }

.pika-prev:before,
.pika-next:before {
  content: '';
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.25rem;
  margin-left: -0.125rem; }

.pika-prev {
  left: 1rem; }
  .pika-prev:before {
    border-left: 1px solid white;
    border-top: 1px solid white;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.pika-next {
  right: 1rem; }
  .pika-next:before {
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 25% 100%;
            transform-origin: 25% 100%; }

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.4; }

.pika-select {
  display: none; }

.pika-table {
  table-layout: fixed;
  border: 0;
  width: 100%;
  border-spacing: 10px;
  border-collapse: separate; }
  .pika-table th,
  .pika-table td {
    width: 14.285714285714286%;
    padding: 0; }
  .pika-table th {
    padding: 0.7em 0.3em;
    font-size: 0.912rem;
    font-weight: bold;
    text-align: center; }

.pika-button {
  cursor: pointer;
  display: block;
  color: #4A4A4A;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  font-size: 0.915rem;
  text-align: center; }

.pika-week {
  font-size: 11px;
  color: #999; }

.is-today .pika-button {
  color: #3482EC;
  font-weight: bold; }

.is-selected .pika-button,
.has-event .pika-button {
  color: #ffffff;
  font-weight: bold;
  background: #3482EC;
  -webkit-box-shadow: inset 0 1px 3px #178fe5;
          box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px; }

.is-selected .pika-button:hover {
  color: #ffffff; }

.has-event .pika-button {
  background: #005da9;
  -webkit-box-shadow: inset 0 1px 3px #0076c9;
          box-shadow: inset 0 1px 3px #0076c9; }

.is-inrange .pika-button {
  background: #D5E9F7; }

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px; }

.is-endrange .pika-button {
  color: #fff;
  background: #3482EC;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px; }

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #9E9E9E;
  opacity: .3; }

.is-outside-current-month .pika-button {
  color: #999;
  opacity: .3; }

.is-selection-disabled {
  pointer-events: none;
  cursor: default; }

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #3482EC; }

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help; }

.datatable * {
  max-width: 125px; }
  @media screen and (max-width: 499px) {
    .datatable * {
      max-width: 100%; } }

.datatable .mobile-body * {
  max-width: 100%; }

.datatable .index {
  max-width: 20px; }
  @media screen and (max-width: 499px) {
    .datatable .index {
      max-width: 100%; } }

.datatable .dfs-trash input[type="checkbox"] {
  visibility: hidden; }

.datatable .dfs-trash .trash-icon {
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 30 30'%3E %3Cpath fill='%239e9e9e' d='M6 5s-.5 0-.5 1S6 7 6 7h18s.5 0 .5-1-.5-1-.5-1H6zm.5 3h17l-2 18h-13l-2-18zm7-4c-1 0-1 1-1 1h5s0-1-1-1h-3zm-2 20h1l-1-16h-1l1 16zm7-16l-1 16h1l1-16h-1zm-4 0v16h1V8h-1z'/%3E %3C/svg%3E") no-repeat center;
  background-size: contain;
  margin: auto;
  cursor: pointer; }

.datatable .dfs-trash.cancel .trash-icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110'%3E %3Cpath transform='rotate(130.17501831054688 51.17881393432617,55.17330551147462)' d='m68.6,41.6s3.9,24.4 9.6,57.1c-43.7,-7.3 -57,-9.8 -57,-9.8l16,-16.2c-50.9,-51 24.5,-77.3 53,-51c-44,-14.9 -63.4,7.3 -36,36l14.4,-16.1z' fill='%239E9E9E'/%3E %3C/svg%3E") no-repeat center;
  background-size: contain; }

.datatable .dfs-removed {
  opacity: 0.5; }

.datatable td:hover {
  background-color: #eff5fd; }

.datatable td.no-hover:hover {
  background-color: transparent; }

.datatable td.cell-error {
  background-color: rgba(191, 49, 26, 0.25); }
  .datatable td.cell-error:hover {
    background-color: rgba(191, 49, 26, 0.25); }

.datatable td.add-rows:hover, .datatable td.dfs-trash:hover, .datatable td.index:hover {
  background-color: #fff; }
  @media screen and (max-width: 499px) {
    .datatable td.add-rows:hover, .datatable td.dfs-trash:hover, .datatable td.index:hover {
      background-color: transparent; } }

.datatable td .overline {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-bottom: 1px solid #9E9E9E;
  vertical-align: middle;
  max-width: none; }

.placeholder-red::-webkit-input-placeholder {
  color: #BF311A; }

.remove-button {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233482EC' width='22' height='22' viewBox='0 0 21.9 21.9'%3E%3Cpath d='M14.1 11.3c-.2-.2-.2-.5 0-.7l7.5-7.5c.2-.2.3-.5.3-.7s-.1-.5-.3-.7L20.2.3c-.2-.2-.5-.3-.7-.3-.3 0-.5.1-.7.3l-7.5 7.5c-.2.2-.5.2-.7 0L3.1.3C2.9.1 2.6 0 2.4 0s-.5.1-.7.3L.3 1.7c-.2.2-.3.5-.3.7s.1.5.3.7l7.5 7.5c.2.2.2.5 0 .7L.3 18.8c-.2.2-.3.5-.3.7s.1.5.3.7l1.4 1.4c.2.2.5.3.7.3s.5-.1.7-.3l7.5-7.5c.2-.2.5-.2.7 0l7.5 7.5c.2.2.5.3.7.3s.5-.1.7-.3l1.4-1.4c.2-.2.3-.5.3-.7s-.1-.5-.3-.7l-7.5-7.5z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  cursor: pointer; }
  @media screen and (max-width: 499px) {
    .remove-button {
      top: 1rem;
      right: 1rem; } }

.delete-btn {
  display: block;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233482EC' width='22' height='22' viewBox='0 0 21.9 21.9'%3E%3Cpath d='M14.1 11.3c-.2-.2-.2-.5 0-.7l7.5-7.5c.2-.2.3-.5.3-.7s-.1-.5-.3-.7L20.2.3c-.2-.2-.5-.3-.7-.3-.3 0-.5.1-.7.3l-7.5 7.5c-.2.2-.5.2-.7 0L3.1.3C2.9.1 2.6 0 2.4 0s-.5.1-.7.3L.3 1.7c-.2.2-.3.5-.3.7s.1.5.3.7l7.5 7.5c.2.2.2.5 0 .7L.3 18.8c-.2.2-.3.5-.3.7s.1.5.3.7l1.4 1.4c.2.2.5.3.7.3s.5-.1.7-.3l7.5-7.5c.2-.2.5-.2.7 0l7.5 7.5c.2.2.5.3.7.3s.5-.1.7-.3l1.4-1.4c.2-.2.3-.5.3-.7s-.1-.5-.3-.7l-7.5-7.5z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  cursor: pointer; }

.oversized-border-top {
  display: block;
  background-color: #282828;
  width: 25%;
  height: 15px;
  margin-left: 25%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.arrow-to-top {
  display: block;
  position: absolute;
  bottom: -1px;
  left: 50%;
  border: 14px solid transparent;
  border-bottom-color: #ffffff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.fail-block {
  display: block;
  height: 40px;
  width: 40px;
  background: url("data:image/svg+xml,%3C?xml version='1.0' ?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg height='40' id='Layer_1' version='1.1' viewBox='0 0 48 48' width='40' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cpath d='M40.682,6.746C31.152-2.468,15.958-2.211,6.745,7.318c-9.213,9.53-8.957,24.723,0.574,33.938 c9.529,9.211,24.723,8.955,33.936-0.574C50.469,31.152,50.211,15.958,40.682,6.746z M31.844,30.32l-1.259,1.299 c-0.191,0.189-0.92,0.795-1.796-0.057l-4.741-4.594l-4.588,4.746c-0.849,0.879-1.587,0.305-1.77,0.137l-1.3-1.258 c-0.19-0.189-0.795-0.918,0.053-1.795l4.592-4.751l-4.641-4.498c-0.216-0.216-0.983-1.1-0.162-1.948l1.098-1.133 c0.773-0.797,1.555-0.311,1.9-0.015l4.723,4.576l4.488-4.643c0.217-0.216,1.099-0.985,1.948-0.164l1.135,1.097 c0.798,0.771,0.313,1.554,0.016,1.9l-4.574,4.731l4.745,4.597C32.587,29.4,32.013,30.139,31.844,30.32z' fill='%23FF4949'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  margin-right: 3rem; }

.active-tab {
  position: relative;
  color: #BF311A; }
  .active-tab:after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: currentColor;
    margin-top: 1.275rem; }

.add-left-right-arrows {
  position: relative; }
  .add-left-right-arrows:before {
    content: "\2190";
    color: #E5E5E5;
    position: absolute;
    left: calc(-1rem - 20px); }
  .add-left-right-arrows:after {
    content: "\2192";
    color: #E5E5E5;
    position: absolute;
    right: calc(-1rem - 20px); }

.results-circle {
  position: relative; }
  .results-circle svg {
    width: 40px;
    height: 40px; }
  .results-circle span {
    position: absolute;
    display: block;
    background-color: #F5F5F5;
    border-radius: 40px;
    width: 36px;
    height: 36px;
    top: 2px;
    left: 2px;
    text-align: center;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 36px; }

.line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 2;
      flex-shrink: 2;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  height: 1px;
  width: 27%;
  margin-left: 3%;
  margin-right: 3%;
  background-color: #282828;
  margin-top: 1rem; }

.group-img {
  margin-top: -3rem; }

.dfs-group_nb {
  font-size: 1.625rem;
  font-weight: normal; }

.dfs-arrow {
  display: inline-block;
  position: relative;
  padding-left: 1rem; }
  .dfs-arrow:before {
    content: '';
    border: 6px solid transparent;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-bottom-color: currentColor;
    position: absolute;
    left: 0;
    bottom: 35%; }
  .dfs-arrow-up {
    color: #387805; }
    .dfs-arrow-up:lang(zh_CN) {
      color: #BF311A; }
  .dfs-arrow-down {
    color: #BF311A; }
    .dfs-arrow-down:lang(zh_CN) {
      color: #387805; }
    .dfs-arrow-down:before {
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1);
      bottom: 0; }

.dfs-big-arrow {
  position: relative; }
  .dfs-big-arrow:before {
    content: "";
    position: absolute;
    left: 6.25rem;
    bottom: 100%;
    border: 20px solid transparent;
    border-bottom-color: #F5F5F5; }

.svg-profiles svg {
  width: 40px;
  height: 40px;
  fill: #9E9E9E; }

.partner-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .partner-label:before {
    counter-increment: row;
    content: "(" counter(row) ")";
    margin-right: 5px; }
  .partner-label:after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px dashed currentColor;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-item-align: center;
        align-self: center; }

#popup-overlay, #popup-overlay-scanner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#loader {
  position: relative;
  margin: 0 auto;
  width: 100px; }
  #loader:before {
    content: '';
    display: block;
    padding-top: 100%; }
  #loader .circular {
    -webkit-animation: rotate 2s linear infinite;
            animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  #loader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1s ease-in-out infinite, color 4s ease-in-out infinite;
            animation: dash 1s ease-in-out infinite, color 4s ease-in-out infinite;
    stroke-linecap: round; }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

@-webkit-keyframes color {
  100%,
  0% {
    stroke: #3482EC; } }

@keyframes color {
  100%,
  0% {
    stroke: #3482EC; } }

.btn-loader {
  border: 3px solid #fff;
  border-top: 3px solid transparent;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  -webkit-animation: rotate 1s linear infinite;
          animation: rotate 1s linear infinite; }

.vertical-menu {
  background-image: url("data:image/svg+xml,%3Csvg fill='%233482EC' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0 0h24v24H0z' fill='none'/%3E %3Cpath d='M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E %3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  height: 35px;
  width: 25px;
  cursor: pointer; }
  .vertical-menu .vertical-menu-list {
    position: absolute;
    padding: 5px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    -webkit-transform: translate(-65%, 35px);
            transform: translate(-65%, 35px);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    background-color: #ffffff;
    z-index: 10; }
    .vertical-menu .vertical-menu-list li {
      text-decoration: none;
      color: #282828; }
      .vertical-menu .vertical-menu-list li:hover {
        background-color: #E5E5E5; }
    .vertical-menu .vertical-menu-list .menu-item-disabled {
      color: #9E9E9E;
      cursor: default; }
      .vertical-menu .vertical-menu-list .menu-item-disabled:hover {
        background-color: transparent; }

.cover-image {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background-image: url("/img/login-alt.jpg");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover; }

.dfs-login {
  position: relative;
  top: 3.75rem;
  width: 19.25rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
  padding: 1.25rem;
  background-color: rgba(255, 255, 255, 0.9); }
  .dfs-login .password-input-group .password-v {
    width: 2rem; }
    .dfs-login .password-input-group .password-v.visible {
      background-position: -2.28rem 0; }

.dfs-ribbon {
  position: absolute;
  display: block;
  right: -25px;
  top: 20px;
  background-color: #41ad49;
  text-transform: uppercase;
  color: #fff;
  font-size: 1rem;
  padding: 1rem;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: 3; }

.dfs-ribbon-flag {
  position: absolute;
  display: block;
  background-color: #41ad49;
  width: 60px;
  height: 50px;
  right: -60px;
  top: 38px; }
  .dfs-ribbon-flag:after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 25px solid #F5F5F5; }

.tax-refund-bgc {
  background-color: #fcfcfc; }

.add-right-arrow:before {
  content: "";
  position: absolute;
  right: -26px;
  top: calc(50% - 26px);
  width: 0;
  height: 0;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 26px solid #E5E5E5; }

.add-right-arrow:after {
  content: "";
  position: absolute;
  right: -25px;
  top: calc(50% - 25px);
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #fcfcfc; }

.slider {
  min-height: 80%; }

.slider-control {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .slider-control span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #3482EC;
    color: #fff;
    height: 25px;
    width: 25px;
    border-radius: 25px;
    font-size: 1.3rem;
    cursor: pointer; }
    .slider-control span:first-of-type {
      margin-right: 1rem; }

.slider-content {
  position: absolute;
  left: 0;
  width: 1500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: -webkit-transform 0.8s ease-out;
  transition: -webkit-transform 0.8s ease-out;
  transition: transform 0.8s ease-out;
  transition: transform 0.8s ease-out, -webkit-transform 0.8s ease-out; }
  .slider-content li {
    min-width: 260px;
    max-width: 260px; }

.snackbar {
  visibility: hidden;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background-color: #239123;
  color: #ffffff;
  position: fixed;
  left: 50%;
  bottom: 0; }
  .snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;
    animation: fadein 0.5s, fadeout 0.5s 3.5s; }
  .snackbar.error {
    background-color: #BF311A !important; }

@-webkit-keyframes fadein {
  from {
    bottom: -100px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

@keyframes fadein {
  from {
    bottom: -100px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

@-webkit-keyframes fadeout {
  from {
    bottom: 0;
    opacity: 1; }
  to {
    bottom: -100px;
    opacity: 0; } }

@keyframes fadeout {
  from {
    bottom: 0;
    opacity: 1; }
  to {
    bottom: -100px;
    opacity: 0; } }

svg {
  pointer-events: none; }

@media screen and (max-width: 499px) {
  .data-label {
    position: relative; }
    .data-label:before {
      content: attr(data-label);
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
    .data-label.required {
      padding-left: 15px; }
      .data-label.required:after {
        position: absolute;
        content: "*";
        color: #BF311A;
        left: 5px; } }

.partners-list-btn {
  position: relative;
  width: 20px;
  height: 20px;
  /* Vertical line */
  /* Horizontal line */ }
  .partners-list-btn:after, .partners-list-btn:before {
    content: "";
    position: absolute;
    background-color: #4A4A4A;
    -webkit-transition: -webkit-transform 0.25s ease-out;
    transition: -webkit-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
    transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; }
  .partners-list-btn:before {
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    margin-left: -2px; }
  .partners-list-btn:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    margin-top: -2px; }
  .partners-list-btn.open {
    cursor: pointer; }
    .partners-list-btn.open:before {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    .partners-list-btn.open:after {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

.password-row > .required:before {
  display: none; }

.separator {
  display: block;
  height: 15px;
  width: 1px;
  background-color: #9E9E9E; }

.dfs-tree-conteneur {
  overflow: auto;
  padding: 1rem 0; }

.dfs-tree ul {
  display: block;
  text-align: center;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  position: relative; }
  .dfs-tree ul li {
    display: inline-block;
    vertical-align: top;
    position: relative; }
    .dfs-tree ul li:not(:only-child) {
      padding: 20px 8px 0; }
      .dfs-tree ul li:not(:only-child):first-child:before {
        left: 50%;
        width: 50%; }
      .dfs-tree ul li:not(:only-child):last-child:before {
        left: 0;
        width: 50%; }
      .dfs-tree ul li:not(:only-child):after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        border-left: 1px solid #ccc;
        width: 100%;
        height: 20px; }
      .dfs-tree ul li:not(:only-child):before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        border-top: 1px solid #ccc;
        width: 100%;
        height: 20px; }
    .dfs-tree ul li.current > span {
      background-color: #fff;
      color: #000; }
    .dfs-tree ul li span {
      border-radius: 5px;
      color: #fff;
      background-color: #000;
      border: 1px solid #ccc;
      padding: 5px 10px;
      text-decoration: none;
      color: #fff;
      font-family: arial,verdana,tahoma;
      font-size: 11px;
      display: inline-block; }
  .dfs-tree ul ul:after {
    content: "";
    display: block;
    height: 20px;
    width: 0;
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    border-radius: 5px 0 0 0; }

.file-upload {
  background-color: #3482EC;
  margin: 0 -1rem -1rem -1rem;
  border-radius: 0 0 5px 5px;
  position: relative;
  overflow: hidden;
  height: 7.5rem; }
  @media screen and (max-width: 499px) {
    .file-upload {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
      height: auto; } }
  .file-upload input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .0001;
    z-index: 2;
    font-size: 500px; }
    .file-upload input:hover {
      cursor: pointer; }
    .file-upload input + * {
      display: block;
      position: absolute;
      top: -40px;
      left: 50%;
      height: 160px;
      width: 680px;
      margin-left: -340px;
      -webkit-transition: -webkit-transform 300ms;
      transition: -webkit-transform 300ms;
      transition: transform 300ms;
      transition: transform 300ms, -webkit-transform 300ms; }
    .file-upload input.focus + *,
    .file-upload input:focus + *,
    .file-upload input:hover + * {
      -webkit-transform: scale(1.4);
      transform: scale(1.4); }
  .file-upload-field {
    color: #bdd5f6;
    margin-bottom: 0; }
    .file-upload-field_input {
      position: static; }
    .file-upload-field_label {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      padding: .625rem 5rem;
      width: 37.5rem;
      text-align: center;
      font-size: 1.6875rem;
      line-height: 2.5rem;
      z-index: 1;
      overflow: hidden;
      text-overflow: ellipsis; }
      .file-upload-field_label_icon {
        position: absolute;
        top: 0;
        right: 1.5rem; }
  @media screen and (max-width: 499px) {
    .file-upload_drop {
      display: none; } }
  .file-upload_drop + * {
    display: block;
    text-transform: none;
    font-size: 1rem;
    line-height: 1.25rem; }

.validate-passport-animation {
  -webkit-animation: move 6s infinite linear;
          animation: move 6s infinite linear; }

@-webkit-keyframes move {
  0% {
    margin-right: -230%; }
  100% {
    margin-left: -230%; } }

@keyframes move {
  0% {
    margin-right: -230%; }
  100% {
    margin-left: -230%; } }

/* DO NOT EDIT and update it via bower !!! */
/* ==========================================================================
  ATOMIC CORE
========================================================================== */
/**
  The atomic classes you can export to any project and represents the core of the framework.
  These are structural/layout classes

  NAMING : .<property>-<value>{property: value};
  If a class is not named like that, you can write it in author css
**/
/* ===  FLUX  === */
.f-r {
  float: right; }

.f-l {
  float: left; }

.f-n {
  float: none; }

.c-b {
  clear: both; }

.c-l {
  clear: left; }

.c-r {
  clear: right; }

.d-ib {
  display: inline-block;
  float: none; }

.d-i {
  display: inline; }

.d-b {
  display: block; }

.d-t {
  display: table;
  float: none; }

.d-tc {
  display: table-cell;
  float: none; }

.tl-f {
  table-layout: fixed; }

/* ===  FLEXBOX MODULE === */
/* As flexbox is particular layouting, I use 'flex',
  in order to simplify reading html classes */
.d-f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.d-if {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

/*FLEX-DIRECTION*/
.fd-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.fd-rr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.fd-c {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.fd-cr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

/*== FLEX WRAP (whether items wrap to the next row
  only applies if combined width of items is greater than container's) ==*/
.fw-nw {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.fw-w {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.fw-wr {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse; }

/*==JUSTIFY CONTENT (X-axis)==*/
.jc-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.jc-fs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.jc-fe {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.jc-sa {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.jc-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

/*==ALIGN CONTENT (only applies if there is more than one row of items)==*/
.ac-s {
  -ms-flex-line-pack: stretch;
      align-content: stretch; }

.ac-c {
  -ms-flex-line-pack: center;
      align-content: center; }

.ac-fs {
  -ms-flex-line-pack: start;
      align-content: flex-start; }

.ac-fe {
  -ms-flex-line-pack: end;
      align-content: flex-end; }

.ac-sa {
  -ms-flex-line-pack: distribute;
      align-content: space-around; }

.ac-sb {
  -ms-flex-line-pack: justify;
      align-content: space-between; }

/*== ALIGN ITEMS (Y-axis)== */
.ai-s {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.ai-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.ai-bs {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.ai-fs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.ai-fe {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

/* ===  FLEXBOX CHILDS === */
/*Flex-grow*/
.fg-0 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.fg-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

/*Flex-Shrink*/
.fs-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.fs-1 {
  -ms-flex-negative: 1;
      flex-shrink: 1; }

/*== FLEX BASIS (flex-direction is row: flex-basis controls width.
flex-direction is column: flex-basis controls height.) ==*/
.fb-50 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }

/* ===  OVERFLOWING  === */
.o-h {
  overflow: hidden; }

.ox-h {
  overflow-x: hidden; }

.ox-y {
  overflow-y: hidden; }

.oy-a {
  overflow-y: auto; }

.ox-a {
  overflow-x: auto; }

.o-a {
  overflow: auto; }

/* ===  VISIBILITY  === */
.d-n {
  display: none; }

.v-h {
  visibility: hidden; }

.o-0 {
  opacity: 0; }

.o-c5 {
  opacity: 0.5; }

/* ===  POSITION  === */
.p-r {
  position: relative; }

.p-a {
  position: absolute; }

.p-f {
  position: fixed; }

.t-0 {
  top: 0; }

.l-0 {
  left: 0; }

.r-0 {
  right: 0; }

.b-0 {
  bottom: 0; }

.t-50 {
  top: 50%; }

.l-50 {
  left: 50%; }

.r-50 {
  right: 50%; }

.b-50 {
  bottom: 50%; }

.t-100 {
  top: 100%; }

.l-100 {
  left: 100%; }

.r-100 {
  right: 100%; }

.b-100 {
  bottom: 100%; }

/* ===  Z-INDEX  === */
.zi-1 {
  z-index: 1; }

.zi-2 {
  z-index: 2; }

.zi-3 {
  z-index: 3; }

.zi-4 {
  z-index: 4; }

.zi-5 {
  z-index: 5; }

.zi-6 {
  z-index: 6; }

.zi-7 {
  z-index: 7; }

.zi-8 {
  z-index: 8; }

.zi-9 {
  z-index: 9; }

.zi-10 {
  z-index: 10; }

/* ===   VERTICAL ALIGNMENT === */
.va-t {
  vertical-align: top; }

.va-b {
  vertical-align: bottom; }

.va-m {
  vertical-align: middle; }

/* ===  TEXT ALIGN  === */
.ta-c {
  text-align: center; }

.ta-r {
  text-align: right; }

.ta-l {
  text-align: left; }

.ta-j {
  text-align: justify; }

/* ===  TEXT STYLING  === */
.td-u {
  text-decoration: underline; }

.tt-u {
  text-transform: uppercase; }

.fs-i, em {
  font-style: italic; }

.fw-700, strong {
  font-weight: 700; }

.fw-600 {
  font-weight: 600; }

.fw-400 {
  font-weight: 400; }

.fw-300 {
  font-weight: 300; }

/*== MISC ==*/
.c-p {
  cursor: pointer; }

/* ===  MARGIN  === */
.mt-0 {
  margin-top: 0; }

.mt-0c5 {
  margin-top: 0.5rem; }

.mt-1 {
  margin-top: 1rem; }

.mt-1c5 {
  margin-top: 1.5rem; }

.mt-2 {
  margin-top: 2rem; }

.mt-3 {
  margin-top: 3rem; }

.mr-0 {
  margin-right: 0; }

.mr-0c5 {
  margin-right: 0.5rem; }

.mr-1 {
  margin-right: 1rem; }

.mr-1c5 {
  margin-right: 1.5rem; }

.mr-2 {
  margin-right: 2rem; }

.mr-3 {
  margin-right: 3rem; }

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

.mb-0c5 {
  margin-bottom: 0.5rem; }

.mb-1 {
  margin-bottom: 1rem; }

.mb-1c5 {
  margin-bottom: 1.5rem; }

.mb-2 {
  margin-bottom: 2rem; }

.mb-3 {
  margin-bottom: 3rem; }

.mb-4 {
  margin-bottom: 4rem; }

.ml-0 {
  margin-left: 0; }

.ml-0c5 {
  margin-left: 0.5rem; }

.ml-1 {
  margin-left: 1rem; }

.ml-1c5 {
  margin-left: 1.5rem; }

.ml-2 {
  margin-left: 2rem; }

.ml-3 {
  margin-left: 3rem; }

.m-0 {
  margin: 0; }

.m-0c5 {
  margin: 0.5rem; }

.m-1 {
  margin: 1rem; }

.m-1c5 {
  margin: 1.5rem; }

.m-2 {
  margin: 2rem; }

.m-3 {
  margin: 3rem; }

/* ===  PADDING  === */
.p-0 {
  padding: 0; }

.p-0c5 {
  padding: 0.5rem; }

.p-1 {
  padding: 1rem; }

.p-1c5 {
  padding: 1.5rem; }

.p-2 {
  padding: 2rem; }

.p-2c5 {
  padding: 2.5rem; }

.p-3 {
  padding: 3rem; }

.pt-0 {
  padding-top: 0; }

.pt-0c5 {
  padding-top: 0.5rem; }

.pt-1 {
  padding-top: 1rem; }

.pt-1c5 {
  padding-top: 1.5rem; }

.pt-2 {
  padding-top: 2rem; }

.pt-2c5 {
  padding-top: 2.5rem; }

.pt-3 {
  padding-top: 3rem; }

.pr-0 {
  padding-right: 0; }

.pr-0c5 {
  padding-right: 0.5rem; }

.pr-1 {
  padding-right: 1rem; }

.pr-1c5 {
  padding-right: 1.5rem; }

.pr-2 {
  padding-right: 2rem; }

.pr-2c5 {
  padding-right: 2.5rem; }

.pr-3 {
  padding-right: 3rem; }

.pb-0 {
  padding-bottom: 0; }

.pb-0c5 {
  padding-bottom: 0.5rem; }

.pb-1 {
  padding-bottom: 1rem; }

.pb-1c5 {
  padding-bottom: 1.5rem; }

.pb-2 {
  padding-bottom: 2rem; }

.pb-2c5 {
  padding-bottom: 2.5rem; }

.pb-3 {
  padding-bottom: 3rem; }

.pl-0 {
  padding-left: 0; }

.pl-0c5 {
  padding-left: 0.5rem; }

.pl-1 {
  padding-left: 1rem; }

.pl-1c5 {
  padding-left: 1.5rem; }

.pl-2 {
  padding-left: 2rem; }

.pl-2c5 {
  padding-left: 2.5rem; }

.pl-3 {
  padding-left: 3rem; }

/* === HEIGHT === */
.h-100 {
  height: 100%; }

.mh-100 {
  min-height: 100%; }

.h-auto {
  height: auto; }

.h-0 {
  height: 0; }

/*=== WIDTH === */
.w-25 {
  width: 25%; }

.w-33c3 {
  width: 33.33%; }

.w-50 {
  width: 50%; }

.w-66 {
  width: 66.666%; }

.w-100 {
  width: 100%;
  float: none; }

.w-a {
  width: auto; }

.mw-100 {
  max-width: 100%; }

/* === BORDERS === */
.b-n {
  border: none; }

/* === RADIUS === */
.br-50 {
  border-radius: 50%; }

/*RED*/
/*BLUE*/
/*GREEN*/
/*TABLE*/
/* ==========================================================================
	ATOMIC CUSTOM
========================================================================== */
/**
	All the atomic classes you need in addition to the core classes
	for example a class for border-bottom with light color (bb-light)...
	whatever suits your needs.

	There's also classes that exposes variable like colors, size etc...
	that you can customize for your project
**/
/* === FONT-SIZE  === */
/*
	10px = 0.625rem
	12px = 0.75rem
	14px = 0.875rem
	16px = 1rem (base)
	18px = 1.125rem
	20px = 1.25rem
	24px = 1.5rem
	30px = 1.875rem
	32px = 2rem
*/
.fs-3c6 {
  font-size: 3.625rem; }

.fs-3 {
  font-size: 3rem; }

.fs-2c6 {
  font-size: 2.625rem; }

.fs-1c75 {
  font-size: 1.75rem; }

.fs-1c6 {
  font-size: 1.675rem; }

.fs-1c5 {
  font-size: 1.5rem; }

.fs-1c2 {
  font-size: 1.25rem; }

.fs-1c1 {
  font-size: 1.125rem; }

.fs-1c06 {
  font-size: 1.0625rem; }

.fs-1 {
  font-size: 1rem; }

.fs-0c9 {
  font-size: 0.975rem; }

.fs-0c8 {
  font-size: 0.875rem; }

.fs-0c7 {
  font-size: 0.75rem; }

.td-u\:h:hover {
  text-decoration: underline; }

.td-ud {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

.tt-n {
  text-transform: none; }

.to-e {
  text-overflow: ellipsis; }

.ws-nw {
  white-space: nowrap; }

/* ===  FONT FAMILY  === */
/*trigramme font name change it to suit your need*/
.ff-fra {
  font-family: 'franklin-gothic-urw', arial , sans-serif; }

.ff-a {
  font-family: 'arial', 'sans-serif'; }

/* === COLOR  === */
/*Custom it with sass var, you can go mid-dark, main-dar, main-darker etc for extra nuance*/
.c-i {
  color: inherit; }

.c-w {
  color: #fff; }

.c-lighter {
  color: #ffffff; }

.c-lighter\:h:hover {
  color: #ffffff; }

.c-light {
  color: #F5F5F5; }

.c-mid {
  color: #E5E5E5; }

.c-mid-dark {
  color: #9E9E9E; }

.c-mid-darker {
  color: #747474; }

.c-dark {
  color: #4A4A4A; }

.c-darker {
  color: #282828; }

.c-black\:h:hover {
  color: #000000; }

.c-main {
  color: #BF311A; }

.c-main\:h:hover {
  color: #BF311A; }

.c-main-scd {
  color: #3482EC; }

.c-main-scd\:h:hover {
  color: #3482EC; }

/* === SVG === */
.f-lighter path {
  fill: #ffffff; }

.f-lighter\:h:hover {
  fill: #ffffff; }

.f-mid path {
  fill: #E5E5E5; }

.f-main path {
  fill: #BF311A; }

.f-dark path {
  fill: #4A4A4A; }

.f-darker path {
  fill: #282828; }

.f-mid-dark path {
  fill: #9E9E9E; }

.f-mid-darker path {
  fill: #747474; }

.f-main-scd\:h:hover {
  fill: #3482EC; }

.f-main {
  fill: #BF311A; }

.f-main-scd {
  fill: #3482EC; }

/* === FLEX === */
.fb-80 {
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%; }

.fb-60 {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%; }

.fb-55 {
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%; }

.fb-45 {
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%; }

.fb-40 {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%; }

.fb-35 {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%; }

.fb-30 {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%; }

.fb-33c3 {
  -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%; }

.fb-25 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%; }

.fb-20 {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%; }

.fb-16 {
  -ms-flex-preferred-size: 16%;
      flex-basis: 16%; }

.fb-15 {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%; }

.fb-10 {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%; }

.fb-66c6 {
  -ms-flex-preferred-size: 66.6%;
      flex-basis: 66.6%; }

.fb-66c6 .js-choices, .fb-66c6 .txt-w {
  max-width: 50%; }

.fb-col50 {
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px; }

.as-c {
  -ms-flex-item-align: center;
      align-self: center; }

.as-fe {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.as-s {
  -ms-flex-item-align: stretch;
      align-self: stretch; }

.fg-2 {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2; }

/* === WIDTH === */
.col-25 {
  width: 25px; }

.col-50 {
  width: 50%; }

.w-90 {
  width: 90%; }

.w-65 {
  width: 65%; }

.w-17c5 {
  width: 17.5%; }

.mw-100 {
  min-width: 100px; }

.mw-110 {
  min-width: 110px; }

.mw-120 {
  min-width: 120px; }

.mw-170 {
  min-width: 170px; }

.mw-200 {
  min-width: 200px; }

.mw-80 {
  max-width: 80%; }

/* === POSITION === */
.l-20 {
  left: 20%; }

.l-25 {
  left: 25%; }

.l-50 {
  left: 50%; }

/* === BORDERS === */
.b-light-1 {
  border: 1px solid #F5F5F5; }

.bt-light-1 {
  border-top: 1px solid #F5F5F5; }

.bb-light-1 {
  border-bottom: 1px solid #F5F5F5; }

.b-mid-1 {
  border: 1px solid #E5E5E5; }

.bt-mid-1 {
  border-top: 1px solid #E5E5E5; }

.br-mid-1 {
  border-right: 1px solid #E5E5E5; }

.bb-mid-1 {
  border-bottom: 1px solid #E5E5E5; }

.bl-mid-1 {
  border-left: 1px solid #E5E5E5; }

.bb-mid-2 {
  border-bottom: 2px solid #E5E5E5; }

.bb-mid-3 {
  border-bottom: 3px solid #E5E5E5; }

.b-mid-dark-1 {
  border: 1px solid #9E9E9E; }

.bb-mid-dark-1 {
  border-bottom: 1px solid #9E9E9E; }

.bb-mid-dark-2 {
  border-bottom: 2px solid #9E9E9E; }

.b-dark-1 {
  border: 1px solid #4A4A4A; }

.bb-dark-1 {
  border-bottom: 1px solid #4A4A4A; }

.br-dark-2 {
  border-right: 2px solid #4A4A4A; }

.bb-dark-2 {
  border-bottom: 2px solid #4A4A4A; }

.bl-dark-2 {
  border-left: 2px solid #4A4A4A; }

.b-mid-darker-1 {
  border: 1px solid #747474; }

.bt-mid-darker-1 {
  border-top: 1px solid #747474; }

.br-mid-darker-1 {
  border-right: 1px solid #747474; }

.bb-mid-darker-1 {
  border-bottom: 1px solid #747474; }

.b-item-selected {
  border: 1px solid #808080; }

.b-item-selected\:f:focus {
  border: 1px solid #808080; }

.bb-table-side-1 {
  border-bottom: 1px solid #cdcdcd; }

.br-table-side-3 {
  border-right: 3px solid #cdcdcd; }

.bl-table-side-3 {
  border-left: 3px solid #cdcdcd; }

.bb-main-1\:h:hover {
  border-bottom: 1px solid #BF311A; }

.bb-main-1\:f:focus {
  border-bottom: 1px solid #BF311A; }

.bl-main-3 {
  border-left: 3px solid #BF311A; }

.b-red-3 {
  border-left: 3px solid #BF311A;
  border-right: 3px solid #BF311A; }

.b-blue-3 {
  border-left: 3px solid #3482EC;
  border-right: 3px solid #3482EC; }

.b-green-3 {
  border-left: 3px solid #239123;
  border-right: 3px solid #239123; }

.b-grey-3 {
  border-left: 3px solid #9E9E9E;
  border-right: 3px solid #9E9E9E; }

.b-main-scd-1 {
  border: 1px solid #3482EC; }

.bb-main-scd-1\:h:hover {
  border-bottom: 1px solid #3482EC; }

.bb-main-scd-1\:f:focus {
  border-bottom: 1px solid #3482EC; }

.b-t-1 {
  border: 1px solid transparent; }

.bb-current-2 {
  border-bottom: 2px solid currentColor; }

/* === RADIUS === */
.btrr-5 {
  border-top-right-radius: 5px; }

.btlr-5 {
  border-top-left-radius: 5px; }

.bbrr-5 {
  border-bottom-right-radius: 5px; }

.bblr-5 {
  border-bottom-left-radius: 5px; }

.br-5 {
  border-radius: 5px; }

/* === BG COLOR  === */
.bgc-lighter {
  background-color: #ffffff; }

.bgc-light {
  background-color: #F5F5F5; }

.bgc-mid {
  background-color: #E5E5E5; }

.bgc-mid\:h:hover {
  background-color: #E5E5E5; }

.bgc-mid-dark\:h:hover {
  background-color: #9E9E9E; }

.bgc-dark {
  background-color: #4A4A4A; }

.bgc-darker {
  background-color: #282828; }

.bgc-black {
  background-color: #000000; }

.bgc-lighter\:h:hover {
  background-color: #ffffff; }

.bgc-main {
  background-color: #BF311A; }

.bgc-main-scd {
  background-color: #3482EC; }

.bgc-main-scd\:h:hover {
  background-color: #3482EC; }

.bgc-menu {
  background-color: #e2e2e2; }

.bgc-t {
  background-color: transparent; }

.bgc-w {
  background-color: #fff; }

/* ===  LINE-HEIGHT   === */
.lh-c8 {
  line-height: 0.8; }

.lh-c9 {
  line-height: 0.9; }

.lh-1 {
  line-height: 1; }

.lh-1c25 {
  line-height: 1.25; }

.lh-1c5 {
  line-height: 1.5; }

.lh-2 {
  line-height: 2; }

.lh-3 {
  line-height: 3; }

/* ===  PADDING   === */
.p-0c75 {
  padding: 0.75rem; }

.p-1c25 {
  padding: 1.25rem; }

.p-3c25 {
  padding: 3.25rem; }

.pt-0c25 {
  padding-top: 0.25rem; }

.pb-0c25 {
  padding-bottom: 0.25rem; }

.pt-0c25 {
  padding-top: 0.25rem; }

.pb-0c25 {
  padding-bottom: 0.25rem; }

.pl-0c5 {
  padding-left: 0.5rem; }

.pr-0c5 {
  padding-right: 0.5rem; }

.pt-0c625 {
  padding-top: 0.625rem; }

.pb-0c625 {
  padding-bottom: 0.625rem; }

.pl-0c625 {
  padding-left: 0.625rem; }

.pr-0c625 {
  padding-right: 0.625rem; }

.pt-0c75 {
  padding-top: 0.75rem; }

.pb-0c75 {
  padding-bottom: 0.75rem; }

.pl-0c75 {
  padding-left: 0.75rem; }

.pr-0c75 {
  padding-right: 0.75rem; }

.pt-1\+b {
  padding-top: calc(1rem + 1px); }

.pt-1 {
  padding-top: 1rem; }

.pb-1 {
  padding-bottom: 1rem; }

.pt-1c25 {
  padding-top: 1.25rem; }

.pr-1c25 {
  padding-right: 1.25rem; }

.pb-1c25 {
  padding-bottom: 1.25rem; }

.pt-1c75 {
  padding-top: 1.75rem; }

.pb-1c75 {
  padding-bottom: 1.75rem; }

.pl-4 {
  padding-left: 4rem; }

.pl-5 {
  padding-left: 5rem; }

/* ===  MARGIN   === */
.mt-0c25 {
  margin-top: 0.25rem; }

.mr-0c25 {
  margin-right: 0.25rem; }

.mr-0c75 {
  margin-right: 0.75rem; }

.mt-0c625 {
  margin-top: 0.625rem; }

.mt-0c7 {
  margin-top: 0.7rem; }

.m-0c75 {
  margin: 0.75rem; }

.mb-0c8 {
  margin-bottom: 0.8rem; }

.mb-1c25 {
  margin-bottom: 1.25rem; }

.ml-4 {
  margin-left: 4rem; }

.ml-33c3 {
  margin-left: 33.3%; }

.mb-minus-2px {
  margin-bottom: -2px; }

.mt-4 {
  margin-top: 4rem; }

.ml-4 {
  margin-left: 4rem; }

.t-2 {
  top: 2rem; }

.r-2 {
  right: 2rem; }

/* ===  HELPERS  === */
.bs-light {
  -webkit-box-shadow: 0px -1px 3px 2px rgba(40, 40, 40, 0.15);
          box-shadow: 0px -1px 3px 2px rgba(40, 40, 40, 0.15); }

.bs-1 {
  -webkit-box-shadow: 0 1px 2px 1px rgba(40, 40, 40, 0.15);
          box-shadow: 0 1px 2px 1px rgba(40, 40, 40, 0.15); }

.tty-n50 {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.ttx-n50 {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

/* activation de l'accélération matérielle */
.ttz-0 {
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

.m-auto {
  margin-left: auto;
  margin-right: auto; }

/* === LIST === */
.ls-i {
  list-style: inherit; }

.lst-i {
  list-style-type: inherit; }

.lsp-i {
  list-style-position: inside; }

.o-c75 {
  opacity: 0.75; }

.out-n:focus {
  outline: none; }

/* === CURSOR === */
.c-d {
  cursor: default; }

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */
/**

  mq class name are based on suffixing exisiting width classes such as .d-n, with:
  @<mq-shortcut>

  .d-n@lg means : display: none for tablet;
  lg is referencing the mq associated with it (below it's associated with 1024px)

  You can use a semantic class too if the element allows it.

**/
@media screen and (max-width: 1280px) {
  .d-n\@lg {
    display: none; } }

/*MEDIA SCREEN MEDIUM*/
@media screen and (max-width: 834px) {
  textarea {
    width: 100%; }
  /*DISPLAY*/
  .d-n\@md {
    display: none; }
  .d-b\@md {
    display: block; }
  .d-wb\@md {
    display: -webkit-box; }
  .d-t\@md {
    display: table; }
  /*POSITION*/
  .p-r\@md {
    position: relative; }
  .t-0\@md {
    top: 0; }
  .ta-l\@md {
    text-align: left; }
  .ta-r\@md {
    text-align: right; }
  .ta-c\@md {
    text-align: center; }
  /*FLEX*/
  .fd-c\@md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .fd-r\@md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .jc-fs\@md {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .ai-fs\@md {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .ai-s\@md {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .fb-a\@md {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
  .fb-100\@md {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .fb-50\@md {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .fg-1\@md {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .jc-c\@md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .jc-sb\@md {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  /*PADDING*/
  .p-0\@md {
    padding: 0; }
  .pt-0\@md {
    padding-top: 0; }
  .pb-0\@md {
    padding-bottom: 0; }
  .pt-1\@md {
    padding-top: 1rem; }
  .pb-1\@md {
    padding-bottom: 1rem; }
  .pl-1\@md {
    padding-left: 1rem; }
  .pr-1\@md {
    padding-right: 1rem; }
  /*MARGIN*/
  .m-0\@md {
    margin: 0; }
  .mt-0c5\@md {
    margin-top: 0.5rem; }
  .mt-1\@md {
    margin-top: 1rem; }
  .mt-2\@md {
    margin-top: 2rem; }
  .mb-0c5\@md {
    margin-bottom: 0.5rem; }
  .mb-1\@md {
    margin-bottom: 1rem; }
  .ml-0\@md {
    margin-left: 0; }
  /*WIDTH*/
  .w-45\@md {
    width: 45%; }
  .w-50\@md {
    width: 50%; }
  .w-100\@md {
    width: 100%; }
  .mw-100\@md {
    max-width: 100%; }
  /*BGC*/
  .bgc-mid\@md {
    background-color: #E5E5E5; }
  /*COLORS*/
  .c-dark\@md {
    color: #4A4A4A; }
  /*BORDERS*/
  .br-n\@md {
    border-right: none; }
  .bb-n\@md {
    border-bottom: none; }
  .bb-lighter-1\@md {
    border-bottom: 1px solid #ffffff; }
  .bb-mid-1\@md {
    border-bottom: 1px solid #E5E5E5; }
  .b-mid-1\@md {
    border: 1px solid #E5E5E5; }
  .br-mid-1\@md {
    border-right: 1px solid #E5E5E5; }
  .bb-mid-dark-1\@md {
    border-bottom: 1px solid #9E9E9E; }
  .b-mid-dark-1\@md {
    border: 1px solid #9E9E9E; }
  .br-mid-dark-1\@md {
    border-right: 1px solid #9E9E9E; }
  /*FILL*/
  .f-dark\@md path {
    fill: #4A4A4A; }
  .user-ico ellipse,
  .user-ico path {
    stroke: #4A4A4A; }
  /*NAV*/
  .js-has-subnav .js-subnav {
    display: block; }
  /*MISC*/
  .pika-single {
    width: 100%; }
  .fs-1\@md {
    font-size: 1rem; }
  /*DISPLAY*/
  .d-n\@sm {
    display: none; }
  .d-b\@sm {
    display: block; }
  .d-f\@sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  /*POSITION*/
  .p-r\@sm {
    position: relative; }
  .t-0\@sm {
    top: 0; }
  .ta-l\@sm {
    text-align: left; }
  /*FLEX*/
  .fb-100\@sm {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .fd-c\@sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .ai-c\@sm {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .fg-1\@sm {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  /*MARGIN*/
  .ml-a\@sm {
    margin-left: auto; }
  /*MISC*/
  .pika-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .pika-table thead {
    display: none; }
  /*TABLE COL*/
  .col-100\@md {
    width: 100%; } }

/*MEDIA SCREEN EXTRA-SMALL*/
@media screen and (max-width: 499px) {
  /*DISPLAY*/
  .d-n\@xs {
    display: none; }
  .d-b\@xs {
    display: block; }
  /*POSITION*/
  .p-a\@xs {
    position: absolute; }
  .p-r\@xs {
    position: relative; }
  .t-0\@xs {
    top: 0; }
  .o-h\@xs {
    overflow: hidden; }
  /*FLEX*/
  .d-f\@xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .fd-r\@xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .fd-c\@xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .ai-bs\@xs {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .ai-c\@xs {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .ai-fs\@xs {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .ai-n\@xs {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal; }
  .ai-s\@xs {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .fb-40\@xs {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%; }
  .fb-50\@xs {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .fb-60\@xs {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%; }
  .fb-100\@xs {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .fb-i\@xs {
    -ms-flex-preferred-size: inherit;
        flex-basis: inherit; }
  .fg-1\@xs {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .fs-0\@xs {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  /*WIDTH*/
  .w-a\@xs {
    width: auto; }
  .w-1\@xs {
    width: 1px; }
  .w-75\@xs {
    width: 75%; }
  .w-100\@xs {
    width: 100%; }
  .w-100\@xs .js-choices, .w-100\@xs .txt-w {
    max-width: 100%; }
  /*MARGIN*/
  .m-0\@xs {
    margin: 0; }
  .mr-0\@xs {
    margin-right: 0; }
  .ml-0\@xs {
    margin-left: 0; }
  .ml-3\@xs {
    margin-left: 3rem; }
  .mt-0c5\@xs {
    margin-top: 0.5rem; }
  .mt-0c625\@xs {
    margin-top: 0.625rem; }
  .mt-1\@xs  {
    margin-top: 1rem; }
  .mb-1\@xs {
    margin-bottom: 1rem; }
  /*PADDING*/
  .pt-0\@xs {
    padding-top: 0; }
  .pr-0\@xs {
    padding-right: 0; }
  .pl-0\@xs {
    padding-left: 0; }
  .pr-0c25\@xs {
    padding-right: 0.25rem; }
  .pl-0c25\@xs {
    padding-left: 0.25rem; }
  .pt-0c5\@xs {
    padding-top: 0.5rem; }
  .pb-0c5\@xs {
    padding-bottom: 0.5rem; }
  .pt-0c625\@xs {
    padding-top: 0.625rem; }
  .pb-0c625\@xs {
    padding-bottom: 0.625rem; }
  .pl-0c625\@xs {
    padding-left: 0.625rem; }
  .p-0c75\@xs {
    padding: 0.75rem; }
  .p-1\@xs {
    padding: 1rem; }
  .p-0c5\@xs {
    padding: 0.5rem; }
  .pt-1c25\@xs {
    padding-top: 1.25rem; }
  /*FONT*/
  .fs-0c8\@xs {
    font-size: 0.8rem; }
  .fs-1c1\@xs {
    font-size: 1.1rem; }
  .fw-700\@xs {
    font-weight: 700; }
  .tt-u\@xs {
    text-transform: uppercase; }
  /*ALIGNMENT*/
  .ta-l\@xs {
    text-align: left; }
  .ta-r\@xs {
    text-align: right; }
  /*COLORS*/
  .c-dark\@xs {
    color: #4A4A4A; }
  .bgc-light\@xs {
    background-color: #F5F5F5; }
  /*BORDERS*/
  .b-n\@xs {
    border: none; }
  /*MOBILE PAX-TABLE*/
  .c-0\@xs {
    clip: rect(0 0 0 0); }
  .lh-2\@xs {
    line-height: 2; }
  .h-33\@xs {
    height: 33%; } }

@media screen and (max-width: 369px) {
  .fd-c\@xxs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .ml-1\@xxs {
    margin-left: 1rem; } }

span.menu-label {
  display: inline-block;
  padding-left: 5px; }

.flash_sale {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .flash_sale .login-title {
    color: #fff;
    font-size: 2.875rem; }
  .flash_sale .dfs-login {
    top: 0; }
  .flash_sale .cover-image {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-image: url("/img/flash_sale.jpg");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover; }
  .flash_sale .custom-checkbox input[type="checkbox"] + .label:before {
    content: '';
    background: #ffffff;
    border: 1px solid #4A4A4A; }
  .flash_sale .custom-checkbox input[type="checkbox"]:checked + .label:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.2 11.7L3.5 7 1.1 9.5l7.1 7L18.9 5.8l-2.4-2.4z' fill='%23FFF'/%3E%3C/svg%3E");
    background-color: #282828;
    -webkit-box-shadow: inset 0 0 0 2px #ffffff;
    box-shadow: inset 0 0 0 2px #ffffff; }
  .flash_sale .custom-checkbox input[type="checkbox"]:focus + .label:before {
    outline: none;
    border-color: #4A4A4A; }
  .flash_sale .custom-checkbox input[type="checkbox"]:disabled + .label:before {
    background-color: #E5E5E5;
    -webkit-box-shadow: inset 0 0 0 2px #ffffff;
    box-shadow: inset 0 0 0 2px #ffffff; }
  .flash_sale .custom-button {
    display: block;
    width: 100%;
    padding: 0.875rem 1.5625rem;
    border: solid 0.0625rem #000;
    text-transform: uppercase;
    color: #fff; }
    .flash_sale .custom-button.theme-black {
      background-color: #000; }
    .flash_sale .custom-button:focus {
      outline: solid 4px #bbd9e5; }
    .flash_sale .custom-button svg {
      display: block;
      fill: #fff; }
    .flash_sale .custom-button .label-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 1rem; }
    .flash_sale .custom-button .label {
      display: block; }
    .flash_sale .custom-button .icon {
      display: block;
      width: 1.5rem;
      margin-right: 0.625rem; }
  @media screen and (min-width: 769px) {
    .flash_sale .custom-button {
      min-width: inherit;
      -webkit-transition-property: border-color, background-color;
      transition-property: border-color, background-color;
      -webkit-transition-duration: .3s;
              transition-duration: .3s; }
      .flash_sale .custom-button.theme-black:hover {
        background-color: #333333;
        border-color: #333333; } }
  @media screen and (max-width: 600px) {
    .flash_sale .custom-button {
      padding: 0.875rem 0;
      margin: 0 0 1.25rem 0; }
      .flash_sale .custom-button:last-child {
        margin-bottom: 0; } }

/*# sourceMappingURL=styles.css.map*/