@charset "UTF-8";
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
  font-family: 'fontello';
  color: #535353; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes moveup {
  0% {
    opacity: 0;
    transform: translateY(10rem); }
  40% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0); } }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0; }

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder; }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none; }

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible; }

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none; }

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline; }

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto; }

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block; }

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item; }

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none; }

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%; }

body {
  font-size: 2.1rem;
  box-sizing: border-box;
  font-family: 'DB Heavent';
  font-weight: 400;
  color: #333333;
  position: relative;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased; }
  body.active {
    position: fixed;
    overflow: hidden;
    width: 100%; }

a {
  color: inherit;
  text-decoration: none !important; }
  a:hover {
    color: inherit; }

small {
  font-size: inherit !important; }

main {
  position: relative;
  overflow: hidden;
  position: relative;
  margin-top: 70px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media only screen and (min-width: 62em) {
    main {
      margin-top: 98px; } }
  main::after {
    content: '';
    display: block;
    background: url("../../images/home/graphic-bg-home.svg") left top -8rem no-repeat;
    height: 12rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    width: 100%;
    bottom: 0rem;
    z-index: -1; }
  main.home::after {
    display: none; }

.main-content {
  background: url("../../images/home/graphic-bg-home.svg") left top -7rem no-repeat;
  width: 100%; }
  @media only screen and (min-width: 62em) {
    .main-content {
      padding-bottom: 0; } }

.padding-all-5 {
  padding: 5rem 0; }

.padding-top-4 {
  padding-top: 4rem; }

.padding-top-5 {
  padding-top: 5rem; }

.padding-bottom-5 {
  padding-bottom: 5rem; }

.margin-all-5 {
  margin: 5rem 0; }

.margin-top-5 {
  margin-top: 5rem; }

.margin-bottom-5 {
  margin-bottom: 5rem; }

.bg-grey {
  background-color: #FCFCFC; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto; }

img.alignnone, img.alignleft, img.alignright {
  max-width: 100%;
  height: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pink-text {
  color: #EC008C !important; }

.grey-text {
  color: #8C9294 !important; }

.indented {
  text-indent: 3rem; }
  @media only screen and (min-width: 48em) {
    .indented {
      text-indent: 4rem; } }
  @media only screen and (min-width: 62em) {
    .indented {
      text-indent: 6rem; } }

.font-bold {
  font-family: 'DB Heavent Bold'; }

.font-cond {
  font-family: 'DB Heavent Cond' !important; }

.font-cond-bold {
  font-family: 'DB Heavent Black Cond' !important; }

.about-content .award-menu--desktop .owl-nav {
  font-family: 'fontello';
  position: absolute;
  top: 1.5rem;
  z-index: 2;
  width: 100%; }
  .about-content .award-menu--desktop .owl-nav .owl-prev,
  .about-content .award-menu--desktop .owl-nav .owl-next {
    color: #EC008C !important; }
  .about-content .award-menu--desktop .owl-nav .owl-prev {
    position: absolute;
    left: -1.5rem; }
  
  .about-content .award-menu--desktop .owl-nav .owl-next {
    position: absolute;
    right: 0; }

.about-content .award-menu--desktop .owl-dots {
  display: none !important; }

.text-notfound {
  text-align: center;
  color: #EC008C; }

button[type='submit'] {
  background: #EC008C;
  color: #FFF;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  font-size: inherit; }

.grey-scale {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
  filter: grayscale(1); }

.select-style {
  position: relative;
  display: flex;
  align-items: center; }
  .select-style select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none; }
  .select-style:after {
    font-family: "fontello";
    content: '\e80b';
    position: absolute;
    display: block;
    right: 20px;
    color: #EC008C;
    font-size: 1.8rem;
    font-weight: bold;
    pointer-events: none; }

.form-control {
  font-size: inherit; }

.btn.focus, .btn:focus, button:focus, .form-control:focus {
  box-shadow: none !important; }

.noticed h1, .template-default h1, .template-content h1, .post-wrapper__content h1, .post-content h1, .category-content h1, .print_container h1 {
  font-size: 3.5rem;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 48em) {
    .noticed h1, .template-default h1, .template-content h1, .post-wrapper__content h1, .post-content h1, .category-content h1, .print_container h1 {
      font-size: 4.1rem; }
      .noticed h1.font-cond-bold, .template-default h1.font-cond-bold, .template-content h1.font-cond-bold, .post-wrapper__content h1.font-cond-bold, .post-content h1.font-cond-bold, .category-content h1.font-cond-bold, .print_container h1.font-cond-bold {
        font-size: 4.3rem; } }
  .noticed h1.size50, .template-default h1.size50, .template-content h1.size50, .post-wrapper__content h1.size50, .post-content h1.size50, .category-content h1.size50, .print_container h1.size50 {
    font-size: 4.4rem; }
    @media only screen and (min-width: 62em) {
      .noticed h1.size50, .template-default h1.size50, .template-content h1.size50, .post-wrapper__content h1.size50, .post-content h1.size50, .category-content h1.size50, .print_container h1.size50 {
        font-size: 5rem; }
        .noticed h1.size50.font-cond-bold, .template-default h1.size50.font-cond-bold, .template-content h1.size50.font-cond-bold, .post-wrapper__content h1.size50.font-cond-bold, .post-content h1.size50.font-cond-bold, .category-content h1.size50.font-cond-bold, .print_container h1.size50.font-cond-bold {
          font-size: 5.3rem; } }
  .noticed h1.size60, .template-default h1.size60, .template-content h1.size60, .post-wrapper__content h1.size60, .post-content h1.size60, .category-content h1.size60, .print_container h1.size60 {
    font-size: 5.4rem;
    line-height: 6rem; }
    @media only screen and (min-width: 62em) {
      .noticed h1.size60, .template-default h1.size60, .template-content h1.size60, .post-wrapper__content h1.size60, .post-content h1.size60, .category-content h1.size60, .print_container h1.size60 {
        font-size: 6rem; }
        .noticed h1.size60.font-cond-bold, .template-default h1.size60.font-cond-bold, .template-content h1.size60.font-cond-bold, .post-wrapper__content h1.size60.font-cond-bold, .post-content h1.size60.font-cond-bold, .category-content h1.size60.font-cond-bold, .print_container h1.size60.font-cond-bold {
          font-size: 6.3rem; } }

.noticed h2, .template-default h2, .template-content h2, .post-wrapper__content h2, .post-content h2, .category-content h2, .print_container h2 {
  font-size: 2.9rem; }
  @media only screen and (min-width: 48em) {
    .noticed h2, .template-default h2, .template-content h2, .post-wrapper__content h2, .post-content h2, .category-content h2, .print_container h2 {
      font-size: 3.3rem; }
      .noticed h2.font-cond-bold, .template-default h2.font-cond-bold, .template-content h2.font-cond-bold, .post-wrapper__content h2.font-cond-bold, .post-content h2.font-cond-bold, .category-content h2.font-cond-bold, .print_container h2.font-cond-bold {
        font-size: 3.7rem; } }

.noticed h3, .template-default h3, .template-content h3, .post-wrapper__content h3, .post-content h3, .category-content h3, .print_container h3 {
  font-size: 2.6rem; }
  @media only screen and (min-width: 48em) {
    .noticed h3, .template-default h3, .template-content h3, .post-wrapper__content h3, .post-content h3, .category-content h3, .print_container h3 {
      font-size: 2.9rem; } }

.noticed h4, .template-default h4, .template-content h4, .post-wrapper__content h4, .post-content h4, .category-content h4, .print_container h4 {
  font-size: 2.3rem; }
  @media only screen and (min-width: 48em) {
    .noticed h4, .template-default h4, .template-content h4, .post-wrapper__content h4, .post-content h4, .category-content h4, .print_container h4 {
      font-size: 2.6rem; } }

.noticed h5, .template-default h5, .template-content h5, .post-wrapper__content h5, .post-content h5, .category-content h5, .print_container h5 {
  font-size: 2.1rem; }

.noticed h6, .template-default h6, .template-content h6, .post-wrapper__content h6, .post-content h6, .category-content h6, .print_container h6 {
  font-size: 1.9rem; }

.noticed {
  max-width: 50rem;
  position: relative;
  background: linear-gradient(169deg, #FBDBEF, #FFF) !important; }

.white-popup {
  background: #FFF;
  padding: 20px;
  margin: 0 auto; }

.highlightClass {
  color: #EC008C; }

.owl-carousel:not(.owl-loaded) {
  opacity: 0; }

.wow {
  visibility: hidden; }

.seemore {
  position: relative; }
  .seemore > span {
    margin-right: 1.2rem; }
  .seemore:after {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    right: 0; }
  .seemore:hover:after {
    right: -5px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

.print_btn {
  background: #EC008C;
  color: #FFF;
  border: none;
  padding: .5rem 1.5rem;
  border-radius: .5rem; }

.print_icon {
  cursor: pointer;
  font-size: 1.8rem;
  margin-bottom: 2rem; }

/********* Ninjaform ************/
.nf-form-title {
  display: none !important; }

.qtranxs-available-languages-message-en {
  display: none !important; }

.g-recaptcha > div {
  width: 100% !important;
  max-width: 500px; }

.nf-before-form-content {
  background-color: #fbdcee;
  color: #333333;
  text-align: center; }

.listradio-wrap .nf-field-element label.nf-checked-label:before {
  background: #EC008C !important;
  top: .20em !important; }

.listradio-wrap .nf-field-element label.nf-checked-label:after {
  border-color: #EC008C !important; }

.checkbox-wrap .nf-field-element label.nf-checked-label:before, .checkbox-wrap .nf-field-label label.nf-checked-label:before, .listcheckbox-wrap .nf-field-element label.nf-checked-label:before, .listcheckbox-wrap .nf-field-label label.nf-checked-label:before {
  color: #EC008C !important; }

.checkbox-container.label-right label:before {
  left: -27px !important; }

.checkbox-wrap .nf-field-element label:before, .checkbox-wrap .nf-field-label label:before, .listcheckbox-wrap .nf-field-element label:before, .listcheckbox-wrap .nf-field-label label:before {
  font-size: 18px !important; }

#export-contact {
  background: #EC008C;
  color: #FFF;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem;
  font-size: 2.2rem;
  border: none; }

.cc-link {
  opacity: 1;
  text-decoration: underline !important; }
  .cc-link:focus {
    outline: none; }

.cc-window.cc-banner {
  font-family: 'DB Heavent';
  font-size: 2.2rem; }

.cc-banner .cc-message {
  flex: 1;
  max-width: 100%;
  margin-right: 1em;
  display: flex;
  -webkit-box-align: center; }
  .cc-banner .cc-message p {
    margin-bottom: 0; }

.cc-color-override--423527273 {
  text-align: center;
  max-width: 100% !important;
  width: 100%;
  bottom: 0;
  font-family: 'DB Heavent';
  font-size: 2.5rem;
  padding: 1rem !important; }

@media only screen and (min-width: 48em) {
  .cc-compliance {
    width: 20%; } }

.cc-deny {
  background: #f3f7fa;
  border: 1px solid #bcccdc !important;
  border-radius: 4px;
  color: #486682;
  width: 50%; }

.cc-allow {
  width: 50%;
  border-radius: 4px; }

.cc-message {
  line-height: 1.2;
  margin-top: .5rem;
  margin-bottom: .5rem !important; }

.cc-revoke.cc-bottom {
  bottom: -10rem !important; }

.cx-form-inputs table {
  table-layout: auto; }

.cc-color-override--423527273 {
  font-size: unset !important; }

@font-face {
  font-family: 'DB Heavent Cond';
  src: url("../fonts/DBHeavent-Cond.woff2") format("woff2"), url("../fonts/DBHeavent-Cond.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DB Heavent Bold';
  src: url("../fonts/DBHeavent-Bold.woff2") format("woff2"), url("../fonts/DBHeavent-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DB Heavent';
  src: url("../fonts/DBHeavent.woff2") format("woff2"), url("../fonts/DBHeavent.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DB Heavent Black Cond';
  src: url("../fonts/DBHeavent-MedCond.woff2") format("woff2"), url("../fonts/DBHeavent-MedCond.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'fontello';
  src: url("../fonts/icons/fontello.eot?95306225");
  src: url("../fonts/icons/fontello.eot?95306225#iefix") format("embedded-opentype"), url("../fonts/icons/fontello.woff2?95306225") format("woff2"), url("../fonts/icons/fontello.woff?95306225") format("woff"), url("../fonts/icons/fontello.ttf?95306225") format("truetype"), url("../fonts/icons/fontello.svg?95306225#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-home:before {
  content: '\e800'; }

/* '' */
.icon-search:before {
  content: '\e801'; }

/* '' */
.icon-down-open:before {
  content: '\e802'; }

/* '' */
.icon-left-open:before {
  content: '\e803'; }

/* '' */
.icon-right-open:before {
  content: '\e804'; }

/* '' */
.icon-up-open:before {
  content: '\e805'; }

/* '' */
.icon-left-open-1:before {
  content: '\e806'; }

/* '' */
.icon-right-open-1:before {
  content: '\e807'; }

/* '' */
.icon-up-open-1:before {
  content: '\e808'; }

/* '' */
.icon-cancel:before {
  content: '\e809'; }

/* '' */
.icon-down-open-1:before {
  content: '\e80a'; }

/* '' */
.icon-down-open-big:before {
  content: '\e80b'; }

/* '' */
.icon-left-open-big:before {
  content: '\e80c'; }

/* '' */
.icon-right-open-big:before {
  content: '\e80d'; }

/* '' */
.icon-up-open-big:before {
  content: '\e80e'; }

/* '' */
.icon-cancel-1:before {
  content: '\e80f'; }

/* '' */
.icon-print:before {
  content: '\e810'; }

/* '' */
.icon-calendar-1:before {
  content: '\e811'; }

/* '' */
.icon-ic_facebook:before {
  content: '\e812'; }

/* '' */
.icon-ic_twitter:before {
  content: '\e813'; }

/* '' */
.icon-ic_line:before {
  content: '\e814'; }

/* '' */
.icon-ic_download:before {
  content: '\e815'; }

/* '' */
.icon-spin5:before {
  content: '\e838'; }

/* '' */
.icon-spin6:before {
  content: '\e839'; }

/* '' */
.icon-ccw:before {
  content: '\f025'; }

/* '' */
.icon-copyright:before {
  content: '\f1f9'; }

/* '' */
/** for item carousel style**/
.thumbs-box-promotions .thumbs-box__img {
  min-height: 25rem;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media only screen and (min-width: 23.43em) {
    .thumbs-box-promotions .thumbs-box__img {
      min-height: 27rem; } }
  @media only screen and (min-width: 36em) {
    .thumbs-box-promotions .thumbs-box__img {
      min-height: 18rem; } }
  @media only screen and (min-width: 48em) {
    .thumbs-box-promotions .thumbs-box__img {
      min-height: 25rem; } }
  @media only screen and (min-width: 62em) {
    .thumbs-box-promotions .thumbs-box__img {
      min-height: 34rem; } }
  @media only screen and (min-width: 75em) {
    .thumbs-box-promotions .thumbs-box__img {
      min-height: 40rem; } }

.thumbs-box {
  position: relative;
  cursor: pointer;
  overflow: hidden; }
  .thumbs-box:hover .thumbs-box__img {
    transform: scale(1.1); }
  .thumbs-box__wrap {
    position: relative;
    overflow: hidden; }
  .thumbs-box__img {
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    background-size: cover;
    background-position: center center;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .thumbs-box__img--card {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 24rem;
      background-size: cover;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .thumbs-box__img--card img {
        height: 17rem;
        width: auto !important; }
      .thumbs-box__img--card::after {
        background: linear-gradient(180deg, rgba(12, 12, 12, 0) 0%, rgba(12, 12, 12, 0.5) 90%) !important; }
    .thumbs-box__img:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      bottom: 0;
      background: linear-gradient(177.98deg, rgba(12, 12, 12, 0) 0%, rgba(12, 12, 12, 0.8) 100%); }
  .thumbs-box__detail {
    position: absolute;
    width: calc(100% - 4rem);
    padding: 0 2rem;
    bottom: 1.5rem; }
    .thumbs-box__detail a {
      text-decoration: none !important; }
    .thumbs-box__detail h3 {
      color: #FFF;
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 3.12rem;
      /* Fallback for non-webkit */
      font-size: 2.6rem;
      line-height: 1.2;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 0; }
    .thumbs-box__detail .see-more {
      color: #FFF;
      font-size: 1.8rem; }
    .thumbs-box__detail.detail-online h2, .thumbs-box__detail.detail-online h3 {
      margin-bottom: 0;
      line-height: 3rem; }
  .thumbs-box-promotions a {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
  .thumbs-box-promotions .thumbs-box__img {
    width: 100%; }
    .thumbs-box-promotions .thumbs-box__img::after {
      display: none; }
  .thumbs-box-promotions .thumbs-box__detail h3 {
    font-family: "DB Heavent Bold";
    font-weight: bold;
    font-size: 3rem;
    line-height: 3rem;
    height: auto;
    margin-bottom: 0; }
    @media only screen and (min-width: 62em) {
      .thumbs-box-promotions .thumbs-box__detail h3 {
        font-size: 4rem;
        line-height: 4rem; } }
  .thumbs-box-promotions .thumbs-box__detail .see-more {
    font-size: 2rem; }
    @media only screen and (min-width: 62em) {
      .thumbs-box-promotions .thumbs-box__detail .see-more {
        font-size: 2.4rem; } }
  .thumbs-box-promotions:hover .thumbs-box__img {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

/** for jump menu style**/
.jump_menu_style, .post-menu__desktop--lists, .category-menu__lists, .category-promotion__menu--lists, .category-about__menu--lists {
  list-style: none;
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-bottom: 0;
  justify-content: flex-start;
  padding-top: 1.5rem; }
  .jump_menu_style li, .post-menu__desktop--lists li, .category-menu__lists li, .category-promotion__menu--lists li, .category-about__menu--lists li {
    padding-right: 3rem;
    font-size: 2.2rem;
    cursor: pointer; }
    .jump_menu_style li.active::after, .post-menu__desktop--lists li.active::after, .category-menu__lists li.active::after, .category-promotion__menu--lists li.active::after, .category-about__menu--lists li.active::after {
      opacity: 1; }
    .jump_menu_style li a, .post-menu__desktop--lists li a, .category-menu__lists li a, .category-promotion__menu--lists li a, .category-about__menu--lists li a {
      text-decoration: none !important;
      color: inherit; }
    @media only screen and (min-width: 62em) {
      .jump_menu_style li, .post-menu__desktop--lists li, .category-menu__lists li, .category-promotion__menu--lists li, .category-about__menu--lists li {
        font-size: 2rem; } }
    @media only screen and (min-width: 75em) {
      .jump_menu_style li, .post-menu__desktop--lists li, .category-menu__lists li, .category-promotion__menu--lists li, .category-about__menu--lists li {
        font-size: 2.2rem; } }
    .jump_menu_style li:after, .post-menu__desktop--lists li:after, .category-menu__lists li:after, .category-promotion__menu--lists li:after, .category-about__menu--lists li:after {
      content: "";
      width: 100%;
      height: .5rem;
      display: block;
      background-color: #EC008C;
      opacity: 0;
      margin-top: 1rem; }
    .jump_menu_style li:hover::after, .post-menu__desktop--lists li:hover::after, .category-menu__lists li:hover::after, .category-promotion__menu--lists li:hover::after, .category-about__menu--lists li:hover::after {
      opacity: 1; }

.slide-carousel .owl-nav {
  position: relative;
  width: 100%;
  top: -50%;
  font-family: "fontello"; }
  .slide-carousel .owl-nav .owl-prev,
  .slide-carousel .owl-nav .owl-next {
    background: rgba(255, 255, 255, 0.5) !important;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    color: #EC008C !important;
    position: absolute; }
  .slide-carousel .owl-nav .owl-prev {
    left: 0; }
  .slide-carousel .owl-nav .owl-next {
    right: 0; }

/*****for thumbnail gallery ************/
.lSSlideOuter .lSPager.lSGallery li {
  max-height: 2.5rem;
  overflow: hidden; }
  @media only screen and (min-width: 48em) {
    .lSSlideOuter .lSPager.lSGallery li {
      max-height: 3rem; } }
  @media only screen and (min-width: 62em) {
    .lSSlideOuter .lSPager.lSGallery li {
      max-height: 4.2rem; } }
  @media only screen and (min-width: 75em) {
    .lSSlideOuter .lSPager.lSGallery li {
      max-height: 5rem; } }

/***** for pagination********/
.pagination__paging .page-numbers {
  text-align: center;
  padding: .25rem 1rem;
  color: inherit;
  text-decoration: none;
  font-size: 1.8rem;
  border-radius: 50rem !important; }
  .pagination__paging .page-numbers:hover {
    color: #ed5a9f; }
  .pagination__paging .page-numbers.prev, .pagination__paging .page-numbers.next {
    font-family: "fontello";
    color: #ed5a9f; }
  .pagination__paging .page-numbers.current {
    border: 2px solid #ed5a9f; }

.pagination__total {
  width: 100%;
  text-align: center;
  color: #CECECE;
  margin-top: .5rem;
  font-size: 1.8rem; }

.menu-dropdown-mobile {
  position: relative; }
  .menu-dropdown-mobile .dropdown-title {
    display: flex;
    justify-content: space-between; }
    .menu-dropdown-mobile .dropdown-title > span {
      font-family: 'DB Heavent Bold';
      font-size: 2.2rem; }
  .menu-dropdown-mobile .dropdown-side {
    display: none;
    position: absolute;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: .5rem .3rem 1.5rem .5rem;
    border: none;
    background-color: #fce7f1;
    margin-left: 0 !important;
    font-size: 2rem;
    max-height: 50rem;
    z-index: 3; }
    .menu-dropdown-mobile .dropdown-side::after {
      display: none; }
    .menu-dropdown-mobile .dropdown-side .icon-down-open {
      color: #EC008C; }
    .menu-dropdown-mobile .dropdown-side .dropdown-item-mobile {
      list-style-type: none; }
      .menu-dropdown-mobile .dropdown-side .dropdown-item-mobile .cate-arrow-mobile {
        font-size: 1.6rem; }
      .menu-dropdown-mobile .dropdown-side .dropdown-item-mobile .sidebar-title {
        border-bottom: 1px solid #FACCE6; }
        .menu-dropdown-mobile .dropdown-side .dropdown-item-mobile .sidebar-title a.active {
          color: #EC008C; }
      .menu-dropdown-mobile .dropdown-side .dropdown-item-mobile .sidebar_sub {
        display: none;
        list-style: none;
        margin-left: 0 !important; }
        .menu-dropdown-mobile .dropdown-side .dropdown-item-mobile .sidebar_sub > li {
          padding-top: .5rem; }
          .menu-dropdown-mobile .dropdown-side .dropdown-item-mobile .sidebar_sub > li .head-menu .title a {
            padding-left: 2rem;
            display: block; }
            .menu-dropdown-mobile .dropdown-side .dropdown-item-mobile .sidebar_sub > li .head-menu .title a.active {
              color: #EC008C; }

.menu-dropdown {
  width: 100%;
  position: relative;
  padding: .5rem 0; }
  .menu-dropdown .dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .menu-dropdown .dropdown-toggle span {
      font-family: 'DB Heavent Bold';
      font-size: 2.2rem; }
    .menu-dropdown .dropdown-toggle::after {
      display: none; }
    .menu-dropdown .dropdown-toggle .icon-down-open {
      color: #EC008C; }
    .menu-dropdown .dropdown-toggle[aria-expanded="true"] .icon-down-open:before {
      content: '\e805'; }
  .menu-dropdown .dropdown-menu {
    font-size: inherit;
    width: 100%;
    transform: translate3d(0px, 30px, 0px) !important;
    border: none;
    background-color: #fce7f1;
    margin-left: 0 !important;
    font-size: 2rem;
    max-height: 30rem; }
    .menu-dropdown .dropdown-menu.dropdown-side {
      top: 14px !important; }
    .menu-dropdown .dropdown-menu li {
      white-space: normal; }
      .menu-dropdown .dropdown-menu li:hover {
        background-color: transparent;
        color: inherit; }
      .menu-dropdown .dropdown-menu li.active, .menu-dropdown .dropdown-menu li:active {
        background-color: transparent;
        color: inherit; }
      .menu-dropdown .dropdown-menu li:not(:last-child) a {
        border-bottom: 1px solid #ed5a9f; }
      .menu-dropdown .dropdown-menu li .level2, .menu-dropdown .dropdown-menu li .level3 {
        display: none; }
      .menu-dropdown .dropdown-menu li .level2 {
        padding-left: 1rem; }
        .menu-dropdown .dropdown-menu li .level2 li {
          padding: .5rem 0 0;
          border-bottom: none; }
          .menu-dropdown .dropdown-menu li .level2 li i {
            font-size: 1.6rem; }
      .menu-dropdown .dropdown-menu li .level3 {
        list-style-type: none;
        padding-left: 1rem; }
        .menu-dropdown .dropdown-menu li .level3 li > a {
          border-bottom: none; }
      .menu-dropdown .dropdown-menu li span.sidebar-sub {
        display: flex;
        justify-content: space-between;
        cursor: pointer; }
        .menu-dropdown .dropdown-menu li span.sidebar-sub:after {
          content: "\e80b";
          display: block;
          font-size: 1.6rem;
          font-family: "fontello"; }
        .menu-dropdown .dropdown-menu li span.sidebar-sub.show:after {
          content: "\e80e"; }
    .menu-dropdown .dropdown-menu a {
      color: inherit !important;
      text-decoration: none !important;
      width: 100%;
      display: block; }
      .menu-dropdown .dropdown-menu a.active {
        color: inherit;
        font-family: 'DB Heavent Bold';
        background-color: transparent; }

.fixed {
  background-color: #FFF;
  position: fixed;
  width: 100%;
  z-index: 3; }
  .fixed ul li {
    font-size: 2rem !important; }
    @media only screen and (min-width: 48em) {
      .fixed ul li {
        font-size: 2.2rem; } }
    .fixed ul li::after {
      margin-top: .5rem !important; }
  .fixed .menu-slide .owl-nav {
    top: 1rem; }

.accordion .card {
  background-color: transparent;
  margin-bottom: 2rem;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important; }
  .accordion .card .card-header {
    padding: 0rem;
    background-color: transparent; }
  .accordion .card .card-body {
    padding: 1.25rem 0; }
    .accordion .card .card-body img {
      max-width: 100%; }

.accordion .btn-link {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  text-decoration: none;
  padding: 0; }
  .accordion .btn-link .title {
    text-align: left; }
    .accordion .btn-link .title h2 {
      font-size: 2.5rem;
      font-family: "DB Heavent" !important;
      color: #333333 !important; }
    .accordion .btn-link .title h3 {
      font-size: 1.9rem;
      color: #EC008C; }
  .accordion .btn-link i {
    font-size: 1.8rem;
    color: #EC008C;
    font-family: "DB Heavent Bold"; }
  .accordion .btn-link[aria-expanded="true"] > .icon-down-open-big:before {
    content: "\e80e"; }

.social_share {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin-bottom: 0;
  justify-content: flex-end; }
  .social_share li:not(:first-child) {
    margin-top: .4rem; }
  .social_share li i {
    color: #EC008C; }

.datepicker-dropdown {
  font-size: 1.6rem; }
  .datepicker-dropdown .table-condensed {
    table-layout: auto !important; }
  .datepicker-dropdown.datepicker-orient-top::before, .datepicker-dropdown.datepicker-orient-top::after {
    bottom: auto !important;
    top: -6px;
    border-top: 0 !important; }
  .datepicker-dropdown.datepicker-orient-top:before {
    border-bottom: 6px solid #999 !important; }
  .datepicker-dropdown.datepicker-orient-top:after {
    border-bottom: 6px solid #fff !important; }
  .datepicker-dropdown.datepicker-orient-bottom::before, .datepicker-dropdown.datepicker-orient-bottom::after {
    top: auto !important;
    bottom: -6px;
    border-bottom: 0 !important; }
  .datepicker-dropdown.datepicker-orient-bottom:before {
    border-top: 6px solid #999 !important; }
  .datepicker-dropdown.datepicker-orient-bottom:after {
    border-top: 6px solid #fff !important; }
  .datepicker-dropdown .table-condensed {
    border-top: none; }
    .datepicker-dropdown .table-condensed td {
      padding: 0; }

.tag-lists .tag-item {
  display: inline-block;
  background-color: #FACCE6;
  color: #EC008C;
  font-size: 1.7rem;
  padding: .1rem .5rem;
  border-radius: .5rem; }

.wrap-box--highlight .col-md-8 .image, .wrap-box--highlight .col-md-4 .image, .wrap-box [class^="col-"] .box-column {
  min-height: 28rem;
  width: 100%; }
  @media only screen and (min-width: 23.43em) {
    .wrap-box--highlight .col-md-8 .image, .wrap-box--highlight .col-md-4 .image, .wrap-box [class^="col-"] .box-column {
      min-height: 34rem; } }
  @media only screen and (min-width: 36em) {
    .wrap-box--highlight .col-md-8 .image, .wrap-box--highlight .col-md-4 .image, .wrap-box [class^="col-"] .box-column {
      min-height: 40rem; } }

.thumbs-box__img, .thumbs-box-related .thumbs-box__img, .blog-thumb__img {
  height: 30rem; }
  @media only screen and (min-width: 36em) {
    .thumbs-box__img, .thumbs-box-related .thumbs-box__img, .blog-thumb__img {
      height: 35rem; } }
  @media only screen and (min-width: 48em) {
    .thumbs-box__img, .thumbs-box-related .thumbs-box__img, .blog-thumb__img {
      height: 25rem; } }
  @media only screen and (min-width: 75em) {
    .thumbs-box__img, .thumbs-box-related .thumbs-box__img, .blog-thumb__img {
      height: 30rem; } }

.wrap-box--highlight [class^="col-"] {
  padding: 0px 15px 30px;
  position: relative; }

.wrap-box--highlight .image {
  background-size: cover;
  min-height: 28rem;
  position: relative;
  transition: all .3s; }
  .wrap-box--highlight .image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(12, 12, 12, 0) 0%, rgba(33, 32, 32, 0.8) 100%); }

.wrap-box--highlight .play-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.wrap-box--highlight .description {
  position: absolute;
  z-index: 2;
  width: calc(100% - 4rem);
  bottom: 5rem;
  padding: 0 2rem; }
  .wrap-box--highlight .description h3 {
    color: #FFF;
    font-family: "DB Heavent Bold";
    margin-bottom: 0;
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    height: 4.6rem;
    /* Fallback for non-webkit */
    font-size: 2.3rem;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .wrap-box--highlight .description .period-date {
    color: #FFF; }

.wrap-box--highlight .col-md-8 a {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }

.wrap-box--highlight .col-md-8 .image {
  background-position: top center;
  width: 100%;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  @media only screen and (min-width: 48em) {
    .wrap-box--highlight .col-md-8 .image {
      min-height: 45rem; } }
  @media only screen and (min-width: 62em) {
    .wrap-box--highlight .col-md-8 .image {
      min-height: 53rem; } }
  @media only screen and (min-width: 75em) {
    .wrap-box--highlight .col-md-8 .image {
      min-height: 63rem; } }

.wrap-box--highlight .col-md-8 .description h3 {
  font-family: "DB Heavent Bold";
  margin-bottom: 0;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  height: 5rem;
  /* Fallback for non-webkit */
  font-size: 2.5rem;
  line-height: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.wrap-box--highlight .col-md-8:hover .image {
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.wrap-box--highlight .col-md-4 a {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }

.wrap-box--highlight .col-md-4 .image {
  width: 100%;
  background-position: top center;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  @media only screen and (min-width: 48em) {
    .wrap-box--highlight .col-md-4 .image {
      min-height: 21rem; } }
  @media only screen and (min-width: 62em) {
    .wrap-box--highlight .col-md-4 .image {
      min-height: 25rem; } }
  @media only screen and (min-width: 75em) {
    .wrap-box--highlight .col-md-4 .image {
      min-height: 30rem; } }

.wrap-box--highlight .col-md-4 .description h3 {
  font-family: "DB Heavent Bold";
  margin-bottom: 0;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  height: 5.06rem;
  /* Fallback for non-webkit */
  font-size: 2.3rem;
  line-height: 1.1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.wrap-box--highlight .col-md-4:hover .image {
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.wrap-box [class^="col-"] {
  margin-bottom: 3rem; }
  .wrap-box [class^="col-"]:first-child {
    order: 1; }
    @media only screen and (min-width: 48em) {
      .wrap-box [class^="col-"]:first-child {
        order: 3; } }
    @media only screen and (min-width: 62em) {
      .wrap-box [class^="col-"]:first-child {
        order: 1; } }
    .wrap-box [class^="col-"]:first-child:hover .box-column {
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
  .wrap-box [class^="col-"]:nth-child(2) {
    order: 2; }
    @media only screen and (min-width: 48em) {
      .wrap-box [class^="col-"]:nth-child(2) {
        order: 1; } }
    @media only screen and (min-width: 62em) {
      .wrap-box [class^="col-"]:nth-child(2) {
        order: 2; } }
    .wrap-box [class^="col-"]:nth-child(2):hover .box-column-col:first-child {
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
  .wrap-box [class^="col-"]:nth-child(3) {
    order: 3; }
    @media only screen and (min-width: 48em) {
      .wrap-box [class^="col-"]:nth-child(3) {
        order: 4; } }
    @media only screen and (min-width: 62em) {
      .wrap-box [class^="col-"]:nth-child(3) {
        order: 3; } }
    .wrap-box [class^="col-"]:nth-child(3):hover .box-column-col:first-child {
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
  .wrap-box [class^="col-"]:nth-child(4) {
    order: 4; }
    @media only screen and (min-width: 48em) {
      .wrap-box [class^="col-"]:nth-child(4) {
        order: 3; } }
    @media only screen and (min-width: 62em) {
      .wrap-box [class^="col-"]:nth-child(4) {
        order: 4; } }
    .wrap-box [class^="col-"]:nth-child(4):hover .box-column {
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
  .wrap-box [class^="col-"] a {
    color: inherit;
    position: relative;
    text-decoration: none;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
  .wrap-box [class^="col-"] .description {
    bottom: 2rem;
    position: absolute;
    z-index: 2;
    width: calc(100% - 4rem);
    padding: 0 2rem; }
    .wrap-box [class^="col-"] .description h3 {
      color: #FFF;
      line-height: 1.3;
      font-family: "DB Heavent Bold";
      margin-bottom: 0;
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 4.6rem;
      /* Fallback for non-webkit */
      font-size: 2.3rem;
      line-height: 1;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .wrap-box [class^="col-"] .description .period-date {
      color: #FFF; }
  .wrap-box [class^="col-"] .box-column {
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: 100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .wrap-box [class^="col-"] .box-column .play-video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .wrap-box [class^="col-"] .box-column .read-more {
      position: absolute;
      bottom: 1rem;
      left: 1rem;
      color: #EC008C;
      display: flex;
      align-items: center; }
      .wrap-box [class^="col-"] .box-column .read-more:after {
        font-family: "fontello";
        content: '\e804';
        display: block;
        float: right;
        margin-left: .5rem; }
    @media only screen and (min-width: 48em) {
      .wrap-box [class^="col-"] .box-column {
        flex-direction: row; } }
    @media only screen and (min-width: 48em) {
      .wrap-box [class^="col-"] .box-column {
        min-height: 25rem; } }
    @media only screen and (min-width: 62em) {
      .wrap-box [class^="col-"] .box-column {
        min-height: 20rem; } }
    @media only screen and (min-width: 75em) {
      .wrap-box [class^="col-"] .box-column {
        min-height: 30rem; } }
    .wrap-box [class^="col-"] .box-column .box-footer {
      position: absolute;
      bottom: 1rem; }
    .wrap-box [class^="col-"] .box-column--1:after, .wrap-box [class^="col-"] .box-column--4:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 50%;
      bottom: 0;
      background: linear-gradient(180deg, rgba(12, 12, 12, 0) 0%, rgba(33, 32, 32, 0.8) 100%); }
    .wrap-box [class^="col-"] .box-column .box-column-col {
      width: 100%;
      height: 30rem; }
      .wrap-box [class^="col-"] .box-column .box-column-col .play-video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      @media only screen and (min-width: 48em) {
        .wrap-box [class^="col-"] .box-column .box-column-col {
          width: 50%; } }
      @media only screen and (min-width: 36em) {
        .wrap-box [class^="col-"] .box-column .box-column-col {
          height: 35rem; } }
      @media only screen and (min-width: 48em) {
        .wrap-box [class^="col-"] .box-column .box-column-col {
          height: 25rem; } }
      @media only screen and (min-width: 75em) {
        .wrap-box [class^="col-"] .box-column .box-column-col {
          height: 30rem; } }
      .wrap-box [class^="col-"] .box-column .box-column-col:first-child {
        background-repeat: no-repeat;
        background-size: cover;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        position: relative; }
        @media only screen and (min-width: 48em) {
          .wrap-box [class^="col-"] .box-column .box-column-col:first-child::after {
            content: "";
            display: block;
            width: 20%;
            position: absolute;
            top: 0;
            right: 0;
            background: linear-gradient(90deg, transparent, rgba(236, 0, 140, 0.3));
            height: 100%; } }
      .wrap-box [class^="col-"] .box-column .box-column-col:last-child {
        padding: 2rem;
        position: relative;
        background-color: #FFF;
        height: auto; }
        @media only screen and (min-width: 48em) {
          .wrap-box [class^="col-"] .box-column .box-column-col:last-child {
            background-color: #F9F9F9; } }
        .wrap-box [class^="col-"] .box-column .box-column-col:last-child::before {
          content: "";
          position: absolute;
          top: -2rem;
          left: 1rem;
          z-index: 3;
          border-left: 13px solid transparent;
          border-right: 13px solid transparent;
          border-bottom: 20px solid #FFF; }
          @media only screen and (min-width: 48em) {
            .wrap-box [class^="col-"] .box-column .box-column-col:last-child::before {
              top: 2rem;
              left: -3.7rem;
              z-index: 3;
              border-right: 25px solid #F9F9F9;
              border-top: 15px solid transparent;
              border-bottom: 15px solid transparent; } }
        .wrap-box [class^="col-"] .box-column .box-column-col:last-child h3 {
          color: #ed5a9f;
          font-family: "DB Heavent Bold";
          font-size: 2.5rem;
          line-height: 1; }
          @media only screen and (min-width: 48em) {
            .wrap-box [class^="col-"] .box-column .box-column-col:last-child h3 {
              font-size: 3rem; } }
        .wrap-box [class^="col-"] .box-column .box-column-col:last-child .des {
          margin-top: 1rem;
          color: #5E5D5D;
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 6.9rem;
          /* Fallback for non-webkit */
          font-size: 2.3rem;
          line-height: 1;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; }
        .wrap-box [class^="col-"] .box-column .box-column-col:last-child .period-date {
          color: #B58300; }
        .wrap-box [class^="col-"] .box-column .box-column-col:last-child .tag-category {
          border: 1px solid #B58300;
          padding: .15rem 1rem;
          color: #B58300;
          display: inline-block;
          margin-top: 1rem;
          margin-bottom: 0rem;
          font-size: 1.4rem; }
          @media only screen and (min-width: 62em) {
            .wrap-box [class^="col-"] .box-column .box-column-col:last-child .tag-category {
              margin-bottom: 1rem;
              font-size: 1.6rem; } }

.home-highlights .wrap-box--highlight .image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  background: linear-gradient(180deg, rgba(12, 12, 12, 0) 0%, rgba(33, 32, 32, 0.8) 100%); }

.home-highlights .wrap-box--highlight .description {
  bottom: 4rem; }
  .home-highlights .wrap-box--highlight .description .see-more {
    color: #FFF !important;
    font-family: 'DB Heavent Bold';
    text-decoration: none;
    display: flex; }
    .home-highlights .wrap-box--highlight .description .see-more::after {
      content: '\e804';
      display: block;
      color: #FFF;
      font-family: "fontello";
      margin-left: .5rem; }

.home-highlights .wrap-box .description {
  bottom: .5rem; }
  .home-highlights .wrap-box .description .see-more {
    font-family: 'DB Heavent Bold';
    color: #FFF !important;
    text-decoration: none;
    display: flex; }
    .home-highlights .wrap-box .description .see-more::after {
      content: '\e804';
      display: block;
      color: #FFF;
      font-family: "fontello";
      margin-left: .5rem; }

.home-highlights .wrap-box .box-column--1::after, .home-highlights .wrap-box .box-column--4::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  background: linear-gradient(180deg, rgba(12, 12, 12, 0) 0%, rgba(33, 32, 32, 0.8) 100%); }

.blog-thumb {
  position: relative;
  background-color: #F9F9F9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
  .blog-thumb:hover {
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.25); }
    .blog-thumb:hover .blog-thumb__img {
      transform: scale(1.2);
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
  .blog-thumb a {
    text-decoration: none !important;
    color: #333333 !important; }
  .blog-thumb__wrap {
    overflow: hidden; }
  .blog-thumb__img {
    position: relative;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-size: cover;
    background-position: center; }
  .blog-thumb__detail {
    width: 100%;
    padding: 2rem 2rem;
    bottom: 1.5rem; }
    .blog-thumb__detail h3 {
      color: #333333 !important;
      font-family: 'DB Heavent Bold';
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 6.24rem;
      /* Fallback for non-webkit */
      font-size: 2.6rem;
      line-height: 1.2;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 1rem; }
      @media only screen and (min-width: 48em) {
        .blog-thumb__detail h3 {
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 6rem;
          /* Fallback for non-webkit */
          font-size: 2.4rem;
          line-height: 1.25;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; } }
      @media only screen and (min-width: 62em) {
        .blog-thumb__detail h3 {
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 6.24rem;
          /* Fallback for non-webkit */
          font-size: 2.6rem;
          line-height: 1.2;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          height: 6rem; } }
    .blog-thumb__detail p {
      color: #333333 !important;
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 6.6rem;
      /* Fallback for non-webkit */
      font-size: 2rem;
      line-height: 1.1;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 0; }
    .blog-thumb__detail .date {
      color: #B58300; }
    .blog-thumb__detail .seemore {
      color: #EC008C;
      font-size: 1.8rem; }
    .blog-thumb__detail .indented {
      text-indent: 0 !important; }
    .blog-thumb__detail .category-tag {
      margin-top: 2rem;
      color: #B58300;
      font-size: 1.6rem;
      padding: 0 1rem;
      border: 1px solid #B58300;
      display: inline-block; }
      .blog-thumb__detail .category-tag a {
        color: #B58300 !important;
        text-decoration: none; }

.item-banner, .main-banner .hero-banner, .post-banner, .category-banner {
  position: relative; }
  .item-banner .hero-description, .main-banner .hero-banner .hero-description, .post-banner .hero-description, .category-banner .hero-description {
    position: absolute;
    width: 100%;
    top: 5%; }
    @media only screen and (min-width: 36em) {
      .item-banner .hero-description, .main-banner .hero-banner .hero-description, .post-banner .hero-description, .category-banner .hero-description {
        top: 50%;
        transform: translate(0, -50%); } }
    .item-banner .hero-description .container:not(.home), .main-banner .hero-banner .hero-description .container:not(.home), .post-banner .hero-description .container:not(.home), .category-banner .hero-description .container:not(.home) {
      animation-name: moveup;
      animation-duration: .5s;
      animation-timing-function: ease-in-out; }
    .item-banner .hero-description h3, .main-banner .hero-banner .hero-description h3, .post-banner .hero-description h3, .category-banner .hero-description h3 {
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      width: 100%;
      color: rgba(255, 255, 255, 0.8);
      font-size: 2.2rem; }
      @media only screen and (min-width: 48em) {
        .item-banner .hero-description h3, .main-banner .hero-banner .hero-description h3, .post-banner .hero-description h3, .category-banner .hero-description h3 {
          width: 60%;
          font-size: 2.8rem; } }
      @media only screen and (min-width: 62em) {
        .item-banner .hero-description h3, .main-banner .hero-banner .hero-description h3, .post-banner .hero-description h3, .category-banner .hero-description h3 {
          font-size: 3rem; } }
      @media only screen and (min-width: 75em) {
        .item-banner .hero-description h3, .main-banner .hero-banner .hero-description h3, .post-banner .hero-description h3, .category-banner .hero-description h3 {
          font-size: 4rem;
          margin-bottom: 1rem; } }
    .item-banner .hero-description h1, .main-banner .hero-banner .hero-description h1, .post-banner .hero-description h1, .category-banner .hero-description h1 {
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      width: 100%;
      font-family: 'DB Heavent Bold';
      color: #FFF;
      font-size: 3.6rem;
      line-height: 3.2rem;
      margin: 0; }
      @media only screen and (min-width: 48em) {
        .item-banner .hero-description h1, .main-banner .hero-banner .hero-description h1, .post-banner .hero-description h1, .category-banner .hero-description h1 {
          width: 60%;
          font-size: 4.2rem;
          line-height: 4.2rem; } }
      @media only screen and (min-width: 62em) {
        .item-banner .hero-description h1, .main-banner .hero-banner .hero-description h1, .post-banner .hero-description h1, .category-banner .hero-description h1 {
          font-size: 5rem;
          line-height: 5rem; } }
      @media only screen and (min-width: 75em) {
        .item-banner .hero-description h1, .main-banner .hero-banner .hero-description h1, .post-banner .hero-description h1, .category-banner .hero-description h1 {
          font-size: 7.5rem;
          line-height: 6.5rem; } }
    .item-banner .hero-description h2, .main-banner .hero-banner .hero-description h2, .post-banner .hero-description h2, .category-banner .hero-description h2 {
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      width: 100%;
      color: #FFF;
      font-size: 2.25rem;
      margin-bottom: 0; }
      @media only screen and (min-width: 48em) {
        .item-banner .hero-description h2, .main-banner .hero-banner .hero-description h2, .post-banner .hero-description h2, .category-banner .hero-description h2 {
          width: 60%;
          font-size: 3rem;
          line-height: 3rem; } }
      @media only screen and (min-width: 62em) {
        .item-banner .hero-description h2, .main-banner .hero-banner .hero-description h2, .post-banner .hero-description h2, .category-banner .hero-description h2 {
          font-size: 4rem;
          line-height: 4rem; } }
      @media only screen and (min-width: 75em) {
        .item-banner .hero-description h2, .main-banner .hero-banner .hero-description h2, .post-banner .hero-description h2, .category-banner .hero-description h2 {
          font-size: 5rem;
          line-height: 5rem; } }
    .item-banner .hero-description .banner-readmore, .main-banner .hero-banner .hero-description .banner-readmore, .post-banner .hero-description .banner-readmore, .category-banner .hero-description .banner-readmore {
      margin-top: 1rem; }
      @media only screen and (min-width: 62em) {
        .item-banner .hero-description .banner-readmore, .main-banner .hero-banner .hero-description .banner-readmore, .post-banner .hero-description .banner-readmore, .category-banner .hero-description .banner-readmore {
          margin-top: 3rem; } }
      @media only screen and (min-width: 75em) {
        .item-banner .hero-description .banner-readmore, .main-banner .hero-banner .hero-description .banner-readmore, .post-banner .hero-description .banner-readmore, .category-banner .hero-description .banner-readmore {
          margin-top: 5rem; } }
      .item-banner .hero-description .banner-readmore .btn-banner-readmore, .main-banner .hero-banner .hero-description .banner-readmore .btn-banner-readmore, .post-banner .hero-description .banner-readmore .btn-banner-readmore, .category-banner .hero-description .banner-readmore .btn-banner-readmore {
        background: radial-gradient(circle, #FF0097 0%, #E60088 100%);
        font-size: 1.5rem;
        color: #FFF;
        padding: .5rem 1rem;
        text-decoration: none;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        -ms-border-radius: 0.5rem;
        border-radius: 0.5rem; }
        @media only screen and (min-width: 48em) {
          .item-banner .hero-description .banner-readmore .btn-banner-readmore, .main-banner .hero-banner .hero-description .banner-readmore .btn-banner-readmore, .post-banner .hero-description .banner-readmore .btn-banner-readmore, .category-banner .hero-description .banner-readmore .btn-banner-readmore {
            font-size: 2rem;
            padding: .5rem 1.5rem; } }
        @media only screen and (min-width: 75em) {
          .item-banner .hero-description .banner-readmore .btn-banner-readmore, .main-banner .hero-banner .hero-description .banner-readmore .btn-banner-readmore, .post-banner .hero-description .banner-readmore .btn-banner-readmore, .category-banner .hero-description .banner-readmore .btn-banner-readmore {
            font-size: 2.5rem;
            padding: .5rem 1.5rem; } }
  .item-banner img, .main-banner .hero-banner img, .post-banner img, .category-banner img {
    width: 100%; }

.template-thumbnail .thumbnail-col__image, .post-sidebar .blog-related--img {
  min-height: 30rem; }
  @media only screen and (min-width: 48em) {
    .template-thumbnail .thumbnail-col__image, .post-sidebar .blog-related--img {
      min-height: 20rem; } }
  @media only screen and (min-width: 62em) {
    .template-thumbnail .thumbnail-col__image, .post-sidebar .blog-related--img {
      min-height: 26rem; } }
  @media only screen and (min-width: 75em) {
    .template-thumbnail .thumbnail-col__image, .post-sidebar .blog-related--img {
      min-height: 28rem; } }

.template-thumbnail .thumbnail-col__image--side {
  min-height: 30rem; }
  @media only screen and (min-width: 48em) {
    .template-thumbnail .thumbnail-col__image--side {
      min-height: 20rem; } }
  @media only screen and (min-width: 62em) {
    .template-thumbnail .thumbnail-col__image--side {
      min-height: 26rem; } }

.template {
  /******** thumbnail-image************/
  /******** thumbnail-list-download************/
  /******** thumbnail-video************/
  /******** thumbnail-sound************/
  /******** thumbnail-brouchure************/ }
  .template .download-btn {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    margin: .5rem 0;
    position: relative;
    min-height: 31px; }
    .template .download-btn:hover > img {
      filter: opacity(0.6); }
    .template .download-btn:hover > span {
      color: #ed5a9f !important; }
    .template .download-btn img {
      width: 25px; }
    .template .download-btn span {
      margin-left: 1rem;
      color: #EC008C !important;
      display: none; }
      @media only screen and (min-width: 48em) {
        .template .download-btn span {
          display: block; } }
    .template .download-btn.download-btn-research {
      justify-content: center; }
  .template-sidebar {
    border-bottom: 2px solid #FCE5F2;
    height: 100%; }
    @media only screen and (min-width: 62em) {
      .template-sidebar {
        border-right: 2px solid #FCE5F2;
        border-bottom: none; } }
    .template-sidebar .sidebar-category h1 {
      margin: 0;
      margin-bottom: 1rem;
      font-family: "DB Heavent Black Cond";
      color: #535353;
      line-height: 4.2rem; }
    .template-sidebar .sidebar-category__lists {
      list-style: none;
      margin-left: 0 !important;
      padding-right: 1rem; }
      .template-sidebar .sidebar-category__lists li {
        padding-top: 1rem;
        font-size: 2.1rem;
        line-height: 2.8rem; }
        .template-sidebar .sidebar-category__lists li .sidebar-title {
          border-bottom: 1px solid #FACCE6; }
          .template-sidebar .sidebar-category__lists li .sidebar-title .cate-arrow {
            font-size: 1.8rem;
            margin-top: .2rem;
            cursor: pointer; }
        .template-sidebar .sidebar-category__lists li .sidebar_sub {
          display: none;
          list-style: none;
          margin-left: 0 !important; }
          .template-sidebar .sidebar-category__lists li .sidebar_sub > li {
            padding-top: .5rem; }
            .template-sidebar .sidebar-category__lists li .sidebar_sub > li .head-menu .title a {
              padding-left: 2rem;
              display: block; }
            .template-sidebar .sidebar-category__lists li .sidebar_sub > li .head-menu .title:hover > a {
              color: #EC008C; }
        .template-sidebar .sidebar-category__lists li a {
          color: inherit;
          text-decoration: none;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .template-sidebar .sidebar-category__lists li a.active {
            color: #EC008C; }
      .template-sidebar .sidebar-category__lists--sub .level2, .template-sidebar .sidebar-category__lists--sub .level3 {
        display: none; }
      .template-sidebar .sidebar-category__lists--sub li span.sidebar-sub {
        display: flex;
        justify-content: space-between;
        cursor: pointer; }
        .template-sidebar .sidebar-category__lists--sub li span.sidebar-sub:after {
          content: "\e80b";
          display: block;
          font-size: 1.6rem;
          font-family: "fontello"; }
        .template-sidebar .sidebar-category__lists--sub li span.sidebar-sub.show:after {
          content: "\e80e"; }
      .template-sidebar .sidebar-category__lists--sub .level2 {
        padding-left: 1rem; }
        .template-sidebar .sidebar-category__lists--sub .level2 li {
          padding: .5rem 0 0;
          border-bottom: none; }
          .template-sidebar .sidebar-category__lists--sub .level2 li i {
            font-size: 1.6rem; }
      .template-sidebar .sidebar-category__lists--sub .level3 {
        list-style-type: none;
        padding-left: 1rem; }
        .template-sidebar .sidebar-category__lists--sub .level3 li {
          border-bottom: none; }
  .template-default h1 {
    margin: 0;
    margin-bottom: 2rem;
    font-family: 'DB Heavent Black Cond';
    color: #EC008C;
    font-size: 4.1rem;
    width: 100%;
    line-height: 4.2rem; }
  .template-default--side ul, .template-default--side ol {
    margin-left: 1.5rem; }
  .template-content h1 {
    margin: 0;
    margin-bottom: 2rem;
    font-family: 'DB Heavent Black Cond';
    color: #EC008C;
    width: 100%; }
  .template-thumbnail .thumbnail-col {
    cursor: pointer;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
    .template-thumbnail .thumbnail-col:hover {
      box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.15); }
    .template-thumbnail .thumbnail-col__image {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      box-shadow: none !important; }
      .template-thumbnail .thumbnail-col__image--side {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        box-shadow: none !important; }
    .template-thumbnail .thumbnail-col__detail {
      padding: 1.5rem;
      background-color: #FFF;
      box-shadow: none !important; }
      .template-thumbnail .thumbnail-col__detail h2 {
        font-family: 'DB Heavent Bold';
        font-size: 2.4rem;
        line-height: normal;
        color: #ed5a9f;
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 5.76rem;
        /* Fallback for non-webkit */
        font-size: 2.4rem;
        line-height: 1.2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
      .template-thumbnail .thumbnail-col__detail > .description {
        margin-top: 1rem;
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 5.04rem;
        /* Fallback for non-webkit */
        font-size: 2.1rem;
        line-height: 1.2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
    .template-thumbnail .thumbnail-col .read-more {
      text-align: right;
      color: #EC008C !important;
      margin-top: 1rem; }
      .template-thumbnail .thumbnail-col .read-more > a {
        color: #EC008C !important; }
  .template-thumbnail-book .thumbnail-col {
    cursor: pointer; }
    .template-thumbnail-book .thumbnail-col__images {
      text-align: center;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top center;
      height: 350px; }
      @media only screen and (min-width: 36em) {
        .template-thumbnail-book .thumbnail-col__images {
          background-size: cover; } }
    .template-thumbnail-book .thumbnail-col__detail {
      padding: 1rem 1.5rem; }
      @media only screen and (min-width: 36em) {
        .template-thumbnail-book .thumbnail-col__detail h2 {
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 5.28rem;
          /* Fallback for non-webkit */
          font-size: 2.2rem;
          line-height: 1.2;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; } }
  .template-lists {
    list-style: none;
    width: 100%; }
    .template-lists li {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #FCE5F2;
      margin-bottom: 1rem; }
      .template-lists li h2 {
        font-size: 2.3rem !important;
        padding-right: 1rem; }
        @media only screen and (min-width: 48em) {
          .template-lists li h2 {
            padding-right: 0rem; } }
      .template-lists li .download-btn {
        margin-top: 0;
        justify-content: center; }
  .template-search {
    list-style: none;
    width: 100%;
    margin-left: 0 !important; }
    .template-search li {
      display: flex;
      flex-flow: column;
      border-bottom: 1px solid #FCE5F2;
      margin-bottom: 1rem;
      padding-bottom: 1rem; }
      .template-search li > a {
        display: block;
        color: inherit !important; }
        .template-search li > a > h4 {
          margin-bottom: 0; }
  .template-video .thumb-video {
    cursor: pointer;
    background-color: #F8F9F9;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }
    .template-video .thumb-video:hover {
      box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.3); }
    .template-video .thumb-video__image {
      position: relative; }
      .template-video .thumb-video__image .feature-image {
        height: 250px;
        background-size: cover;
        background-position: center; }
        @media only screen and (min-width: 48em) {
          .template-video .thumb-video__image .feature-image {
            height: 180px; } }
      .template-video .thumb-video__image .play-video {
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        top: 0;
        background: rgba(0, 0, 0, 0.2); }
        .template-video .thumb-video__image .play-video img {
          width: 5rem; }
    .template-video .thumb-video__content {
      padding: 2rem; }
      .template-video .thumb-video__content h2 {
        font-family: 'DB Heavent Bold';
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 5.28rem;
        /* Fallback for non-webkit */
        font-size: 2.2rem;
        line-height: 1.2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 2rem; }
  .template-sound .thumb-sound {
    cursor: pointer;
    background-color: #FFF;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    border-radius: 1rem;
    padding: 2rem;
    border: 1px solid transparent;
    cursor: pointer; }
    .template-sound .thumb-sound__audio audio {
      width: 100%; }
    .template-sound .thumb-sound:hover {
      box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.3); }
    .template-sound .thumb-sound h2 {
      font-family: 'DB Heavent Bold';
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      height: 6rem;
      /* Fallback for non-webkit */
      font-size: 2.5rem;
      line-height: 1.2;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 1rem; }
    .template-sound .thumb-sound a {
      color: #EC008C; }
  .template-brouchure .thumb-brouchure {
    height: 40rem;
    background-size: cover;
    background-position: top;
    position: relative;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer; }
    .template-brouchure .thumb-brouchure:hover {
      box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.3); }
    .template-brouchure .thumb-brouchure__content {
      position: absolute;
      right: 0;
      background: #FFFFFF;
      bottom: 0;
      width: 90%;
      padding: 2rem; }
      .template-brouchure .thumb-brouchure__content h2 {
        font-family: "DB Heavent Bold";
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 6rem;
        /* Fallback for non-webkit */
        font-size: 2.5rem;
        line-height: 1.2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
  .template-accordian {
    width: 100%; }
  .template-table form {
    width: 100%; }
    .template-table form input, .template-table form select {
      font-size: inherit; }
  .template-table table tr:first-child td:first-child {
    min-width: 40rem; }
  .template-table table td {
    padding: 9px; }
    .template-table table td span.label {
      background-color: #FFE8F2;
      font-size: 1.8rem;
      padding: .25rem 1rem;
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      border-radius: 0.5rem; }
    .template-table table td .download-btn {
      display: flex;
      align-items: center;
      text-decoration: none !important;
      justify-content: center; }
      .template-table table td .download-btn img {
        width: 22px; }
      .template-table table td .download-btn span {
        margin-left: 1rem;
        color: #EC008C !important; }
  .template-tab .link-menu {
    display: flex;
    list-style: none;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    border-bottom: #8C9294 1px solid; }
    @media only screen and (min-width: 62em) {
      .template-tab .link-menu {
        width: 80%; } }
    .template-tab .link-menu li {
      width: 100%;
      padding: .5rem 0; }
      .template-tab .link-menu li a {
        display: block;
        text-align: center;
        color: #5E5D5D; }
      .template-tab .link-menu li.actived {
        background-color: #EC008C; }
        .template-tab .link-menu li.actived a {
          color: #FFF; }
  .template-salak {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FBFBFB;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    padding: 1.5rem; }
    .template-salak:hover {
      box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.3); }
    .template-salak .title h3 {
      margin-bottom: 0;
      color: #EC008C; }
    .template-salak .detail > .icon-right-open {
      color: #EC008C !important; }

.menu-slide__wrapper {
  padding: 0 11px;
  box-sizing: border-box;
  position: relative; }

.menu-slide__contents {
  float: left;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  position: relative; }
  .menu-slide__contents-no-transition {
    transition: none; }

.menu-slide__nav {
  /* Make this scrollable when needed */
  overflow-x: auto;
  /* We don't want vertical scrolling */
  overflow-y: hidden;
  /* For WebKit implementations, provide inertia scrolling */
  -webkit-overflow-scrolling: touch;
  /* We don't want internal inline elements to wrap */
  white-space: nowrap;
  /* If JS present, let's hide the default scrollbar */
  /* positioning context for advancers */
  position: relative; }

.js .menu-slide__nav {
  /* Make an auto-hiding scroller for the 3 people using a IE */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none;
  /* Remove the default scrollbar for WebKit implementations */ }

.js .menu-slide__nav::-webkit-scrollbar {
  display: none; }

.menu-slide__links {
  text-decoration: none;
  font-size: inherit;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: inherit !important; }
  .menu-slide__links span {
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    display: block; }
    .menu-slide__links span::after {
      content: "";
      width: 100%;
      height: 0.5rem;
      display: block;
      background-color: #ec008c;
      opacity: 0;
      margin-top: 1rem; }
  .menu-slide__links.active span:after {
    opacity: 1; }

.pn-Advancer {
  /* Reset the button */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  color: #EC008C;
  /* Now style it as needed */
  position: absolute;
  top: 0;
  bottom: 0;
  /* Set the buttons invisible by default */
  opacity: 0;
  transition: opacity 0.3s; }

.pn-Advancer:focus {
  outline: 0; }

.pn-Advancer:hover {
  cursor: pointer; }

.pn-Advancer_Left {
  left: -1rem; }

[data-overflowing="both"] ~ .pn-Advancer_Left,
[data-overflowing="left"] ~ .pn-Advancer_Left {
  opacity: 1; }

.pn-Advancer_Right {
  right: -1rem; }

[data-overflowing="both"] ~ .pn-Advancer_Right,
[data-overflowing="right"] ~ .pn-Advancer_Right {
  opacity: 1; }

.pn-Advancer_Icon {
  width: 20px;
  height: 44px;
  fill: #bbb; }

.menu-slide__nav_Indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100px;
  background-color: transparent;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: background-color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }

.table-style, table, .category-contact table, .post-content > .vc_section table {
  width: 100%;
  border-top: 3px solid #F066B2; }
  @media screen and (max-width: 48em) {
    .table-style, table, .category-contact table, .post-content > .vc_section table {
      table-layout: fixed; }
      .table-style td, table td, .category-contact table td, .post-content > .vc_section table td {
        width: 200px; }
        .table-style td:first-child, table td:first-child, .category-contact table td:first-child, .post-content > .vc_section table td:first-child {
          width: 300px; }
      .table-style tbody tr:first-child, table tbody tr:first-child, .category-contact table tbody tr:first-child, .post-content > .vc_section table tbody tr:first-child {
        border-bottom: 1px solid #8C9294; }
      .table-style tbody tr:nth-child(even), table tbody tr:nth-child(even), .category-contact table tbody tr:nth-child(even), .post-content > .vc_section table tbody tr:nth-child(even) {
        background-color: #FDF6FA; }
      .table-style tbody tr td, table tbody tr td, .category-contact table tbody tr td, .post-content > .vc_section table tbody tr td {
        padding: 6px 18px; } }

table a {
  color: inherit !important; }
  table a:hover {
    color: #EC008C !important; }

@media screen and (max-width: 48em) {
  .table-responsive table td {
    width: 20rem !important; } }

.table-responsive table tr:not(:first-child) {
  border-bottom: 1px solid #EBEBEB; }

.table-borderless tr:first-child {
  border-bottom: none; }

@media screen and (max-width: 768px) {
  .branch-table td:last-child {
    width: 100px; } }

.header {
  position: fixed;
  z-index: 4;
  width: 100%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 0; }
  .header .menu-desktop {
    display: none;
    background-color: #FFF; }
    @media only screen and (min-width: 62em) {
      .header .menu-desktop {
        display: block; } }
    .header .menu-desktop .main-menu {
      background-color: #FFF; }
      .header .menu-desktop .main-menu .container {
        display: flex;
        position: relative; }
        .header .menu-desktop .main-menu .container .main-menu-lists {
          list-style: none;
          display: flex;
          align-content: center;
          justify-content: space-between;
          margin-bottom: 0;
          width: calc(98% - 8.7rem);
          font-size: 2.2rem; }
          @media only screen and (min-width: 75em) {
            .header .menu-desktop .main-menu .container .main-menu-lists {
              width: calc(95% - 8.7rem);
              margin-right: 5%; } }
          .header .menu-desktop .main-menu .container .main-menu-lists.home > li:first-child a {
            color: #EC008C; }
          .header .menu-desktop .main-menu .container .main-menu-lists.home > li:first-child:after {
            opacity: 1 !important; }
          .header .menu-desktop .main-menu .container .main-menu-lists > li {
            padding: 1rem 0 0; }
            .header .menu-desktop .main-menu .container .main-menu-lists > li:last-child {
              padding: 1rem 3rem 0;
              background: linear-gradient(0.14deg, #F077B1 50%, #F288BB 100%); }
              .header .menu-desktop .main-menu .container .main-menu-lists > li:last-child a {
                color: #FFF; }
            .header .menu-desktop .main-menu .container .main-menu-lists > li > a {
              color: #000;
              text-decoration: none; }
            .header .menu-desktop .main-menu .container .main-menu-lists > li:not(:last-child):after {
              content: "";
              height: .5rem;
              background-color: #EC008C;
              margin-top: .5rem;
              border-bottom: 0.5rem solid #EC008C;
              display: block;
              opacity: 0; }
            .header .menu-desktop .main-menu .container .main-menu-lists > li:not(:last-child):hover a {
              color: #EC008C; }
            .header .menu-desktop .main-menu .container .main-menu-lists > li:not(:last-child):hover:after {
              opacity: 1; }
            .header .menu-desktop .main-menu .container .main-menu-lists > li.current-menu-parent a, .header .menu-desktop .main-menu .container .main-menu-lists > li.current-menu-item a {
              color: #EC008C; }
            .header .menu-desktop .main-menu .container .main-menu-lists > li.current-menu-parent:after, .header .menu-desktop .main-menu .container .main-menu-lists > li.current-menu-item:after {
              opacity: 1 !important; }
            .header .menu-desktop .main-menu .container .main-menu-lists > li > ul.sub-menu {
              display: none; }
        .header .menu-desktop .main-menu .container .brand-logo {
          width: 8.4rem;
          position: absolute;
          right: 15px;
          z-index: 5; }
          .header .menu-desktop .main-menu .container .brand-logo img {
            width: 100%; }
    .header .menu-desktop .sub-menu-panel {
      background-color: #FCE7F1;
      font-size: 2rem;
      min-height: 4.5rem; }
      .header .menu-desktop .sub-menu-panel .wrap-submenu {
        width: calc(98% - 8.7rem);
        display: flex; }
        @media only screen and (min-width: 75em) {
          .header .menu-desktop .sub-menu-panel .wrap-submenu {
            width: calc(95% - 8.7rem);
            margin-right: 5%; } }
        .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-lists {
          width: 85%; }
          .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-lists ul {
            list-style: none;
            display: block;
            margin-bottom: 0;
            padding: .5rem 0; }
            .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-lists ul li {
              padding-right: 2rem;
              display: inline-block; }
              .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-lists ul li a {
                color: #000;
                text-decoration: none; }
                .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-lists ul li a:hover {
                  color: #EC008C; }
              .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-lists ul li ul {
                display: none; }
              .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-lists ul li.current-menu-item a {
                color: #EC008C; }
        .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-tools {
          width: 15%;
          display: flex;
          padding-top: .4rem;
          justify-content: flex-end;
          cursor: pointer; }
          .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-tools .tools-lang {
            margin-right: .5rem; }
            .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-tools .tools-lang a.dropdown-toggle {
              color: #EC008C;
              font-size: 2.5rem; }
              .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-tools .tools-lang a.dropdown-toggle::after {
                font-family: "fontello";
                border: none;
                content: '\e802';
                vertical-align: middle; }
            .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-tools .tools-lang .dropdown-menu {
              min-width: auto;
              font-size: inherit; }
          .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-tools .icon-search {
            position: relative; }
            .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-tools .icon-search::before {
              color: #333333;
              margin-right: 0;
              margin-top: 1.1rem;
              font-size: 1.4rem; }
            .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-tools .icon-search.open {
              position: fixed;
              z-index: 5; }
              .header .menu-desktop .sub-menu-panel .wrap-submenu .sub-menu-tools .icon-search.open:before {
                content: '\e80f';
                color: #FFF !important;
                font-size: 3rem; }
  .header.fixed {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: fixed; }
    .header.fixed .brand-logo {
      width: 8.1rem !important; }
  .header .menu-mobile {
    position: fixed;
    width: 100%;
    height: 70px;
    display: block; }
    .header .menu-mobile.active {
      height: calc(100% - 70px); }
    @media only screen and (min-width: 62em) {
      .header .menu-mobile {
        display: none; } }
    .header .menu-mobile .main-menu-mobile {
      background-color: #fbdcee;
      position: fixed;
      width: 100%;
      z-index: 2; }
      .header .menu-mobile .main-menu-mobile .main-mobile-menu-head {
        list-style: none;
        display: flex;
        align-content: center;
        justify-content: space-between;
        margin-bottom: 0; }
        .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li {
          align-self: center; }
          .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li:first-child {
            align-self: stretch;
            background-color: transparent; }
          .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.check-lotto {
            display: flex;
            align-items: center; }
            .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.check-lotto .btn-check-lottery {
              padding: .25rem 1.5rem;
              background: linear-gradient(0.14deg, #F077B1 50%, #F288BB 100%);
              cursor: pointer;
              margin-left: .5rem;
              box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
              .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.check-lotto .btn-check-lottery a {
                color: #FFF;
                text-decoration: none; }
            .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.check-lotto .icon-search {
              position: relative; }
              .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.check-lotto .icon-search::before {
                margin-left: 1rem;
                margin-top: 1rem;
                font-size: 1.6rem; }
              .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.check-lotto .icon-search.open {
                position: fixed;
                z-index: 5;
                right: 15px; }
                .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.check-lotto .icon-search.open:before {
                  content: '\e80f';
                  color: #FFF !important;
                  font-size: 3rem; }
          .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.menu-hamburger {
            position: relative;
            width: 3.5rem;
            cursor: pointer;
            margin-top: 1.6rem;
            padding: 0 .5rem;
            border-top-left-radius: .5rem;
            border-top-right-radius: .5rem; }
            .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.menu-hamburger .navi-toggle {
              position: relative;
              background-color: #EC008C;
              height: 3px;
              top: 2rem;
              cursor: pointer; }
              .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.menu-hamburger .navi-toggle:before {
                content: "";
                display: block;
                height: 3px;
                position: relative;
                top: -.7rem;
                background-color: #EC008C;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                -webkit-transition: all 0.3s;
                transition: all 0.3s; }
              .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.menu-hamburger .navi-toggle:after {
                content: "";
                display: block;
                height: 3px;
                position: relative;
                top: .4rem;
                background-color: #EC008C;
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                -webkit-transition: all 0.3s;
                transition: all 0.3s; }
              .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.menu-hamburger .navi-toggle.active {
                background-color: transparent; }
                .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.menu-hamburger .navi-toggle.active:before {
                  content: "";
                  display: block;
                  height: 3px;
                  position: relative;
                  top: -.7rem;
                  background-color: #EC008C;
                  transform: rotate(-45deg) translate(-7px, 8px); }
                .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.menu-hamburger .navi-toggle.active:after {
                  content: "";
                  display: block;
                  height: 3px;
                  position: relative;
                  top: .4rem;
                  background-color: #EC008C;
                  transform: rotate(45deg) translate(-2px, -3px); }
          .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.brand-logo {
            width: 6rem !important;
            height: 7rem;
            margin-right: 1rem;
            margin-left: auto; }
            .header .menu-mobile .main-menu-mobile .main-mobile-menu-head li.brand-logo img {
              width: 100%; }
    .header .menu-mobile .menu-mobile-panel {
      width: 100%;
      height: 100%;
      margin-top: 70px;
      transform: translateY(-150%);
      position: relative;
      overflow: hidden;
      background-color: #FFF;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .header .menu-mobile .menu-mobile-panel .panel-content {
        height: calc(100% - 11rem);
        width: 100%;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto; }
        .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-list-menu {
          list-style: none;
          display: flex;
          align-content: center;
          justify-content: space-between;
          margin-bottom: 0;
          flex-flow: column;
          padding: 1rem 10%;
          transform: translateX(0);
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-list-menu li {
            border-bottom: 1px solid #fbdcee;
            padding: .5rem 0; }
            .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-list-menu li:last-child {
              border-bottom: none; }
            .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-list-menu li a {
              position: relative;
              width: 100%;
              color: #881659;
              display: block;
              text-decoration: none;
              font-family: 'DB Heavent Bold';
              font-size: 2.2rem; }
              .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-list-menu li a::after {
                font-family: "fontello";
                content: '\e804';
                position: absolute;
                right: 0px;
                top: 0; }
            .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-list-menu li ul {
              display: none; }
          .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-list-menu.hide {
            transform: translateX(-100%); }
        .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu {
          width: 100%;
          position: absolute;
          transform: translateX(100%);
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          top: 2rem; }
          .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul {
            list-style: none;
            display: flex;
            align-content: center;
            justify-content: space-between;
            margin-bottom: 0;
            flex-flow: column;
            height: 0; }
            .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li {
              padding: .5rem 0;
              background-color: #ed5a9f; }
              .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li a {
                color: #FFF;
                text-decoration: none;
                width: 100%;
                display: flex;
                justify-content: space-between;
                padding: 0 10%; }
              .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li.menu-item-has-children {
                cursor: pointer; }
                .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li.menu-item-has-children > a {
                  position: relative; }
                  .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li.menu-item-has-children > a:after {
                    content: '\e802';
                    display: block;
                    color: #FFF;
                    font-family: 'fontello'; }
                  .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li.menu-item-has-children > a.expanded::after {
                    content: '\e805'; }
                  .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li.menu-item-has-children > a.expanded + .sub-menu {
                    height: auto; }
                .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li.menu-item-has-children.level-0 {
                  background-color: transparent; }
                  .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li.menu-item-has-children.level-0 > a {
                    justify-content: flex-start;
                    color: #881659;
                    font-family: "DB Heavent Bold";
                    font-size: 2.2rem; }
                    .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li.menu-item-has-children.level-0 > a:before {
                      content: '\e803';
                      font-family: 'fontello';
                      display: block;
                      color: #881659;
                      margin-left: -1rem;
                      padding-right: 1rem; }
                    .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li.menu-item-has-children.level-0 > a:after {
                      content: ""; }
                .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li.menu-item-has-children:not(.level-0) .sub-menu {
                  height: 0;
                  overflow: hidden; }
                  .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu ul li.menu-item-has-children:not(.level-0) .sub-menu > li {
                    background-color: rgba(0, 0, 0, 0.2); }
          .header .menu-mobile .menu-mobile-panel .panel-content .main-mobile-sub-list-menu.active {
            transform: translateX(0); }
      .header .menu-mobile .menu-mobile-panel .panel-footer {
        background-color: #fbdcee;
        padding: .5rem 10%;
        height: 11rem;
        text-align: center; }
        .header .menu-mobile .menu-mobile-panel .panel-footer h2 {
          font-size: 2.2rem;
          text-align: center; }
        .header .menu-mobile .menu-mobile-panel .panel-footer-social {
          list-style: none;
          display: flex;
          align-content: center;
          justify-content: space-between;
          margin-bottom: 0;
          justify-content: center; }
          .header .menu-mobile .menu-mobile-panel .panel-footer-social li > a > img {
            width: auto;
            height: 35px; }
        .header .menu-mobile .menu-mobile-panel .panel-footer .footer-mobile-lang {
          display: flex;
          justify-content: center;
          list-style: none;
          margin-bottom: 0; }
          .header .menu-mobile .menu-mobile-panel .panel-footer .footer-mobile-lang li {
            padding: 0 .4rem; }
            .header .menu-mobile .menu-mobile-panel .panel-footer .footer-mobile-lang li:first-child {
              display: flex; }
              .header .menu-mobile .menu-mobile-panel .panel-footer .footer-mobile-lang li:first-child::after {
                content: "";
                display: block;
                width: 2px;
                height: 60%;
                margin-left: .6rem;
                margin-top: .6rem;
                background-color: black; }
            .header .menu-mobile .menu-mobile-panel .panel-footer .footer-mobile-lang li a {
              color: black;
              text-decoration: none; }
              .header .menu-mobile .menu-mobile-panel .panel-footer .footer-mobile-lang li a.active {
                color: #EC008C; }
      .header .menu-mobile .menu-mobile-panel.active {
        transform: translateY(0); }

.search-popup {
  position: fixed;
  background-color: #ED5A9F;
  width: 100%;
  height: 0;
  z-index: 5;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .search-popup .search-wrapper {
    width: 100%;
    float: left; }
    @media only screen and (min-width: 62em) {
      .search-popup .search-wrapper {
        width: calc(98% - 8.7rem); } }
    .search-popup .search-wrapper form {
      margin-top: -13rem;
      padding: 0; }
      .search-popup .search-wrapper form .input-search.show {
        animation-name: moveup;
        animation-duration: .5s;
        animation-timing-function: ease-in-out; }
      .search-popup .search-wrapper form input {
        height: 4rem;
        font-size: inherit;
        background-color: transparent !important;
        border: transparent;
        border-bottom: 1px solid #FFF !important;
        color: white !important; }
        .search-popup .search-wrapper form input:focus {
          outline: none;
          border-color: transparent;
          box-shadow: none; }
        .search-popup .search-wrapper form input::placeholder {
          color: white !important; }
      .search-popup .search-wrapper form button {
        font-size: 2rem;
        background-color: transparent;
        border: transparent;
        border-bottom: 1px solid #FFF;
        color: #FFF;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none; }
  .search-popup.show {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 100vh; }
    .search-popup.show form {
      margin-top: 13rem; }

#webchatStart {
  position: fixed;
  right: 10px;
  bottom: 130px;
  cursor: pointer;
  z-index: 5; }
  @media only screen and (min-width: 62em) {
    #webchatStart {
      right: 50px; } }
  #webchatStart img {
    width: 50px;
    height: 50px; }
  #webchatStart::after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    z-index: -1;
    box-shadow: 10px 8px 14px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    position: absolute;
    top: 0; }

.main-banner {
  position: relative; }
  .main-banner .paging-banner {
    position: absolute;
    left: 50%;
    z-index: 2;
    bottom: 1rem;
    text-align: center;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    transform: translate(-50%, 0);
    line-height: 2rem;
    padding: 0 15px; }
    .main-banner .paging-banner .owl-dot {
      width: .8rem;
      height: .8rem;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      margin-right: 1rem;
      background-color: rgba(255, 255, 255, 0.5);
      outline: none;
      border: none; }
      @media only screen and (min-width: 36em) {
        .main-banner .paging-banner .owl-dot {
          width: 1rem;
          height: 1rem; } }
      .main-banner .paging-banner .owl-dot.active {
        background-color: #EC008C; }

.product-highlight ul {
  list-style: none;
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-bottom: 0;
  flex-flow: column;
  background-color: #FFF;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  border-radius: 1rem; }
  @media only screen and (min-width: 48em) {
    .product-highlight ul {
      flex-flow: row; } }
  .product-highlight ul li {
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
    padding: 0 4rem; }
    @media only screen and (min-width: 48em) {
      .product-highlight ul li {
        border-right: 1px solid #E6E6E6;
        border-bottom: none;
        text-align: center;
        padding: 1rem 0 .5rem; } }
    .product-highlight ul li:first-child {
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
      border-bottom-left-radius: 0rem; }
      @media only screen and (min-width: 48em) {
        .product-highlight ul li:first-child {
          border-top-right-radius: 0rem;
          border-bottom-left-radius: 1rem; } }
    .product-highlight ul li:last-child {
      border-right: none; }
    .product-highlight ul li .icon-highlight {
      display: flex;
      align-items: center;
      margin-right: 1rem; }
      @media only screen and (min-width: 48em) {
        .product-highlight ul li .icon-highlight {
          margin-right: 0rem; } }
      @media only screen and (min-width: 62em) {
        .product-highlight ul li .icon-highlight {
          margin-right: 1rem; } }
      .product-highlight ul li .icon-highlight > img {
        width: 4rem;
        height: 4rem;
        margin-right: 1rem;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        @media only screen and (min-width: 62em) {
          .product-highlight ul li .icon-highlight > img {
            width: 6rem;
            height: 6rem;
            margin-right: 0rem; } }
      @media only screen and (min-width: 48em) {
        .product-highlight ul li .icon-highlight {
          min-height: 5.5rem; } }
    .product-highlight ul li a {
      display: inline-flex;
      text-decoration: none;
      color: inherit;
      padding: 1rem 0;
      align-items: center;
      justify-content: center;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
      @media only screen and (min-width: 48em) {
        .product-highlight ul li a {
          flex-flow: column; } }
      @media only screen and (min-width: 62em) {
        .product-highlight ul li a {
          flex-flow: row; } }
      .product-highlight ul li a > span {
        font-size: 2.5rem; }
      .product-highlight ul li a:hover {
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        transform: scale(1.1); }
        .product-highlight ul li a:hover > span {
          color: #EC008C; }

.main-content .home-content2 {
  background: #F5F5F5; }
  .main-content .home-content2 .interest-rate .column-rate {
    background-color: #FFF;
    height: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
    .main-content .home-content2 .interest-rate .column-rate.tab .nav-pills li {
      width: 50%; }
      .main-content .home-content2 .interest-rate .column-rate.tab .nav-pills li a {
        width: 100%;
        display: block;
        text-align: center;
        padding: .9rem 2rem;
        background-color: #8C9294;
        color: rgba(255, 255, 255, 0.5); }
        .main-content .home-content2 .interest-rate .column-rate.tab .nav-pills li a.active {
          background-color: #ed5a9f;
          color: white; }
    .main-content .home-content2 .interest-rate .column-rate.tab .fade.in {
      opacity: 1; }
    .main-content .home-content2 .interest-rate .column-rate.deposit-rate .header-rate {
      border-bottom: 1px solid #E4E4E6; }
    .main-content .home-content2 .interest-rate .column-rate .header-rate {
      padding: .6rem 2rem;
      font-size: 2.4rem;
      font-family: "DB Heavent Bold";
      color: #ed5a9f; }
    .main-content .home-content2 .interest-rate .column-rate .content-rate {
      min-height: 28.5rem; }
      .main-content .home-content2 .interest-rate .column-rate .content-rate > table {
        border-top: 0px; }
        .main-content .home-content2 .interest-rate .column-rate .content-rate > table thead th {
          text-align: center;
          color: #535353;
          font-family: 'DB Heavent Bold'; }
          @media only screen and (min-width: 62em) {
            .main-content .home-content2 .interest-rate .column-rate .content-rate > table thead th {
              font-size: 2rem; } }
          @media only screen and (min-width: 75em) {
            .main-content .home-content2 .interest-rate .column-rate .content-rate > table thead th {
              font-size: inherit; } }
          .main-content .home-content2 .interest-rate .column-rate .content-rate > table thead th:first-child {
            padding-left: 2rem;
            text-align: left; }
          .main-content .home-content2 .interest-rate .column-rate .content-rate > table thead th:last-child {
            padding-right: 2rem; }
        .main-content .home-content2 .interest-rate .column-rate .content-rate > table tbody {
          padding: 0 1rem; }
          .main-content .home-content2 .interest-rate .column-rate .content-rate > table tbody tr:nth-child(even) {
            background-color: transparent; }
          .main-content .home-content2 .interest-rate .column-rate .content-rate > table tbody tr > td:first-child {
            padding-left: 2rem;
            max-width: 160px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .main-content .home-content2 .interest-rate .column-rate .content-rate > table tbody tr > td:last-child {
            padding-right: 2rem; }
    .main-content .home-content2 .interest-rate .column-rate .footer-rate {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top: 1px solid #E4E4E6;
      padding: 1rem 2rem;
      font-size: 1.8rem; }
      .main-content .home-content2 .interest-rate .column-rate .footer-rate span {
        color: #8C9294; }
      .main-content .home-content2 .interest-rate .column-rate .footer-rate a {
        font-size: 1.8rem;
        display: flex;
        text-decoration: none;
        color: #8C9294; }
        .main-content .home-content2 .interest-rate .column-rate .footer-rate a:after {
          font-family: "fontello";
          content: '\e804';
          color: #EC008C;
          margin-left: 1rem; }
  .main-content .home-content2 .interest-rate .site-link {
    background-color: #ed5a9f;
    height: 100%;
    list-style: none;
    padding: 1rem 2rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
    .main-content .home-content2 .interest-rate .site-link li {
      display: flex;
      align-items: center;
      min-height: 5rem; }
      .main-content .home-content2 .interest-rate .site-link li:not(:last-child) {
        border-bottom: 1px solid #dc3986; }
    .main-content .home-content2 .interest-rate .site-link a {
      display: block;
      color: #FFF !important; }
      .main-content .home-content2 .interest-rate .site-link a i {
        display: inline-flex;
        align-items: center;
        padding-left: 2px;
        padding-bottom: 2px;
        margin-right: 2rem;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #FFF; }
        .main-content .home-content2 .interest-rate .site-link a i::before {
          margin: 0; }
      .main-content .home-content2 .interest-rate .site-link a span {
        font-size: 2.4rem;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      .main-content .home-content2 .interest-rate .site-link a:hover > span {
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        margin-left: 1.5rem; }
  .main-content .home-content2 .home-news .home-news-box {
    padding: 3rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    background: url("../../images/bg_pattern.png") bottom left -1px no-repeat, #FFF;
    background-size: 80%; }
    @media only screen and (min-width: 62em) {
      .main-content .home-content2 .home-news .home-news-box {
        background-size: 60%; } }
    .main-content .home-content2 .home-news .home-news-box a.seemore {
      text-decoration: none;
      color: #8C9294;
      display: flex;
      font-size: 2rem;
      justify-content: flex-end; }
      .main-content .home-content2 .home-news .home-news-box a.seemore::after {
        font-family: "fontello";
        content: '\e804';
        color: #EC008C;
        margin-left: 1rem; }
    .main-content .home-content2 .home-news .home-news-box h2 {
      font-size: 3.4rem;
      margin-bottom: 2rem;
      color: #ed5a9f; }
    .main-content .home-content2 .home-news .home-news-box .content {
      display: block; }
      .main-content .home-content2 .home-news .home-news-box .content::after {
        content: "";
        display: table;
        clear: both; }
      .main-content .home-content2 .home-news .home-news-box .content p {
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 8.58rem;
        /* Fallback for non-webkit */
        font-size: 2.2rem;
        line-height: 1.3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 1.5rem;
        width: calc(100% - 7.5rem - 1.5rem);
        float: left; }
    .main-content .home-content2 .home-news .home-news-box .date-news {
      float: left;
      width: 7.5rem;
      background-color: #F3F3F4;
      padding: .5rem 1rem;
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      border-radius: 0.5rem; }
      .main-content .home-content2 .home-news .home-news-box .date-news h2 {
        font-size: 4.8rem;
        text-align: center;
        line-height: 4rem;
        margin-bottom: 0;
        font-family: "DB Heavent Bold";
        color: #ed5a9f; }
      .main-content .home-content2 .home-news .home-news-box .date-news h3 {
        font-size: 2.8rem;
        line-height: 2rem;
        text-align: center;
        color: #8C9294; }

.post-wrapper {
  background: url("../../images/bg-inner-page.png") no-repeat top 0rem right;
  background-size: 100%;
  padding-bottom: 10rem; }
  @media only screen and (min-width: 48em) {
    .post-wrapper {
      background: url("../../images/bg-inner-page.png") no-repeat top -10rem right;
      background-size: 100%; } }
  .post-wrapper__content dl,
  .post-wrapper__content ol,
  .post-wrapper__content ul {
    margin-left: 1.5rem; }
  .post-wrapper__content iframe {
    border: 0;
    width: 100%;
    min-height: 30rem; }
    @media only screen and (min-width: 48em) {
      .post-wrapper__content iframe {
        min-height: 45rem; } }
    @media only screen and (min-width: 62em) {
      .post-wrapper__content iframe {
        width: 80%;
        min-height: 50rem; } }
  .post-wrapper__content .blog-recommend {
    background: url("../../images/right-graphic.png"), #FCFCFC;
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 2.5rem 0; }
    .post-wrapper__content .blog-recommend__header {
      font-size: 3rem;
      font-family: "DB Heavent Bold";
      color: #EC008C;
      display: inline-block; }
      .post-wrapper__content .blog-recommend__header span {
        padding-left: 2.5rem; }
      .post-wrapper__content .blog-recommend__header::after {
        content: "";
        display: block;
        height: .35rem;
        width: 100%;
        background-color: #EC008C; }
    .post-wrapper__content .blog-recommend__description {
      padding: 0 2.5rem; }
      .post-wrapper__content .blog-recommend__description--link a {
        color: #EC008C !important;
        text-decoration: none; }
      .post-wrapper__content .blog-recommend__description--remark {
        color: #CCC; }
  .post-wrapper__content .category-tag {
    margin-top: 2rem;
    color: #B58300;
    font-size: 1.6rem;
    padding: 0 1rem;
    border: 1px solid #B58300;
    display: inline-block; }
    .post-wrapper__content .category-tag a {
      color: #B58300 !important;
      text-decoration: none; }
  .post-wrapper__content .shared-content {
    list-style: none;
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 0; }
  .post-wrapper__content .gallery-list-item {
    background-size: cover;
    background-position: center;
    background-repeat: none;
    height: 14rem; }
    @media only screen and (min-width: 62em) {
      .post-wrapper__content .gallery-list-item {
        height: 12rem; } }
    @media only screen and (min-width: 75em) {
      .post-wrapper__content .gallery-list-item {
        height: 14rem; } }

.post-header__title {
  font-family: 'DB Heavent Black Cond';
  font-size: 4rem;
  line-height: 4rem;
  color: #ed5a9f; }
  @media only screen and (min-width: 48em) {
    .post-header__title {
      font-size: 4.5rem;
      line-height: 4.5rem; } }
  @media only screen and (min-width: 48em) {
    .post-header__title--head2 {
      font-size: 3.6rem; } }
  .post-header__title--pink {
    color: #EC008C; }

.post-header__des {
  font-size: 2.4rem;
  line-height: 3rem; }

.post-header__date {
  color: #B58300; }

.post-menu {
  background-color: #FFF; }
  .post-menu__desktop--lists {
    width: 67%;
    display: none; }
    .post-menu__desktop--lists li {
      display: inline-block; }
      .post-menu__desktop--lists li:active {
        opacity: 1; }
      .post-menu__desktop--lists li.current-menu-item::after {
        opacity: 1; }
    @media only screen and (min-width: 62em) {
      .post-menu__desktop--lists {
        display: block; } }
  .post-menu__desktop__right {
    width: 100%;
    padding: .5rem 0;
    justify-content: flex-end;
    display: flex;
    align-items: center; }
    @media only screen and (min-width: 62em) {
      .post-menu__desktop__right {
        width: 33%;
        padding: 0; } }
  .post-menu__desktop--register {
    list-style: none;
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 0;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0 !important; }
    @media only screen and (min-width: 62em) {
      .post-menu__desktop--register {
        justify-content: flex-end; } }
    .post-menu__desktop--register li:not(:last-child) {
      margin-right: 1rem;
      margin-left: 1rem; }
    .post-menu__desktop--register li:nth-child(2) {
      margin-left: auto; }
      @media only screen and (min-width: 62em) {
        .post-menu__desktop--register li:nth-child(2) {
          margin-left: 0; } }
    .post-menu__desktop--register .card-thumb img {
      height: 4rem; }
    .post-menu__desktop--register .btn-loans-register {
      padding: .5rem 1rem;
      background-color: #EC008C;
      -webkit-border-radius: 0.5rem;
      -moz-border-radius: 0.5rem;
      -ms-border-radius: 0.5rem;
      border-radius: 0.5rem;
      color: #FFF;
      text-decoration: none;
      cursor: pointer; }

.post-sidebar h3 {
  font-size: 2.6rem;
  font-family: "DB Heavent Bold"; }

.post-sidebar .latest > ul {
  list-style: none; }
  .post-sidebar .latest > ul li {
    border-top: 1px solid #FACCE6;
    padding: .5rem 0; }
    .post-sidebar .latest > ul li a {
      color: inherit;
      text-decoration: none; }
      .post-sidebar .latest > ul li a:hover {
        color: #EC008C; }
    .post-sidebar .latest > ul li:last-child {
      border-bottom: 1px solid #FACCE6; }

.post-sidebar .blog-related a {
  display: block;
  overflow: hidden; }
  .post-sidebar .blog-related a:hover {
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.25); }

.post-sidebar .blog-related--img {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f066b2; }
  .post-sidebar .blog-related--img:hover {
    transform: scale(1.1);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

.post-content {
  padding-top: 4rem; }
  .post-content .heading_title {
    font-family: "DB Heavent Black Cond"; }

.post-not-found > .inform {
  width: 100%;
  margin: 0 auto; }
  @media only screen and (min-width: 48em) {
    .post-not-found > .inform {
      width: 70%; } }
  @media only screen and (min-width: 62em) {
    .post-not-found > .inform {
      width: 50%; } }
  .post-not-found > .inform > .title {
    font-family: "DB Heavent Black Cond";
    color: #EC008C; }
  .post-not-found > .inform > .line {
    border-top: 2px solid #EC008C; }
  .post-not-found > .inform-img > img {
    width: 100%;
    max-width: 25rem;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    @media only screen and (min-width: 62em) {
      .post-not-found > .inform-img > img {
        max-width: 37rem; } }

.post-procurement h2 {
  font-family: "DB Heavent Black Cond";
  font-size: 3rem;
  padding-bottom: 2rem; }

.post-procurement h3 {
  font-size: 3rem; }

.post-procurement .date {
  color: #8C9294;
  font-size: 1.8rem; }

.post-form .btn-back {
  color: #EC008C;
  cursor: pointer;
  display: flex;
  margin-top: 4rem; }
  .post-form .btn-back::before {
    font-family: "fontello";
    content: '\e803';
    display: block;
    color: #EC008C;
    font-size: inherit;
    margin-right: 1rem; }

.post-form:after {
  display: block;
  content: "";
  clear: both; }

.post-form .header-form {
  font-family: 'DB Heavent Cond';
  font-size: 5rem;
  line-height: 5rem;
  margin: 1rem auto 1rem;
  font-weight: 500; }

.sitemap-column > .title {
  display: flex;
  align-items: center; }

.sitemap-column > .list-menu {
  border-left: 1px solid pink;
  padding-left: 3rem;
  margin-left: 1rem; }
  .sitemap-column > .list-menu > li {
    list-style-type: none; }

.mymo_content .memo_intro .vc_row {
  display: flex;
  flex-direction: column-reverse; }
  @media only screen and (min-width: 48em) {
    .mymo_content .memo_intro .vc_row {
      flex-direction: row; } }
  .mymo_content .memo_intro .vc_row .img-mymo {
    max-width: 90%;
    margin: 0 auto; }
    @media only screen and (min-width: 48em) {
      .mymo_content .memo_intro .vc_row .img-mymo {
        max-width: 100%;
        text-align: left; } }
  .mymo_content .memo_intro .vc_row h1 {
    background: -webkit-linear-gradient(234.99deg, #FF7466 0%, #F56280 53.27%, #F1428C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3.5rem;
    line-height: 3.5rem;
    margin-top: 3rem;
    text-align: center !important; }
    @media only screen and (min-width: 23.43em) {
      .mymo_content .memo_intro .vc_row h1 {
        font-size: 4rem;
        line-height: 4rem; } }
    @media only screen and (min-width: 48em) {
      .mymo_content .memo_intro .vc_row h1 {
        text-align: left !important;
        font-size: 3.5rem;
        margin-top: 0rem; } }
    @media only screen and (min-width: 75em) {
      .mymo_content .memo_intro .vc_row h1 {
        font-size: 5.5rem;
        line-height: 5rem; } }
  .mymo_content .memo_intro .vc_row h2 {
    font-size: 2.8rem;
    line-height: 2.8rem;
    text-align: center !important; }
    @media only screen and (min-width: 23.43em) {
      .mymo_content .memo_intro .vc_row h2 {
        font-size: 3.2rem;
        line-height: 3.2rem; } }
    @media only screen and (min-width: 48em) {
      .mymo_content .memo_intro .vc_row h2 {
        text-align: left !important;
        font-size: 2.8rem;
        line-height: 2.8rem; } }
    @media only screen and (min-width: 75em) {
      .mymo_content .memo_intro .vc_row h2 {
        font-size: 4rem;
        line-height: 4rem; } }

.mymo_content .mymo_pros {
  padding: 5rem 0;
  background: linear-gradient(234.99deg, #FF7466 0%, #F56280 53.27%, #F1428C 100%); }
  @media screen and (max-width: 36em) {
    .mymo_content .mymo_pros .vc_row .wpb_column:nth-child(odd) {
      clear: both; } }
  .mymo_content .mymo_pros .mega_info_box {
    color: #FFF;
    float: left; }
    .mymo_content .mymo_pros .mega_info_box .mega-info-desc {
      margin-bottom: 0; }
      .mymo_content .mymo_pros .mega_info_box .mega-info-desc h2 {
        font-size: 2.65rem;
        line-height: 2.65rem; }
        @media only screen and (min-width: 62em) {
          .mymo_content .mymo_pros .mega_info_box .mega-info-desc h2 {
            font-size: 3.2rem;
            line-height: 3rem; } }

.mymo_content .mymo_download {
  padding: 8rem 0 0; }
  .mymo_content .mymo_download .download-app {
    display: flex; }
    .mymo_content .mymo_download .download-app img {
      height: 5rem;
      width: auto;
      margin-right: 2rem; }

.mymo_content .mymo-youtube {
  padding: 3rem 0 0; }

.mymo_content .btn-mymo-download .wpb_wrapper {
  display: flex;
  justify-content: center; }
  .mymo_content .btn-mymo-download .wpb_wrapper .vc_btn3 {
    color: #FFF !important;
    font-size: 1.5rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    border: none;
    margin-right: 2rem;
    background: linear-gradient(234.99deg, #FF7466 0%, #F56280 53.27%, #F1428C 100%) !important; }
    @media only screen and (min-width: 48em) {
      .mymo_content .btn-mymo-download .wpb_wrapper .vc_btn3 {
        padding: 2rem;
        font-size: 2.5rem; } }
    .mymo_content .btn-mymo-download .wpb_wrapper .vc_btn3:before {
      font-family: "fontello";
      content: '\e815';
      display: block;
      color: #FFF;
      margin-right: 1rem; }

.nf-form-layout {
  font-size: 2.2rem; }

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
  height: 40px !important; }

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {
  padding: 9px !important; }

.nf-error.field-wrap .nf-field-element:after {
  height: 38px !important;
  line-height: 38px !important; }

.nf-form-content .list-select-wrap > div div:after {
  font-size: 18px !important;
  height: 42px !important;
  line-height: 44px !important; }

.nf-form-content {
  max-width: none !important;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px !important;
  margin-right: -15px !important;
  padding: 0 !important;
  padding-top: 2rem !important; }
  .nf-form-content input:not([type=button]) {
    border: 1px solid #CECECE !important;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background: transparent !important;
    font-size: inherit !important; }
  .nf-form-content label,
  .nf-form-content select {
    font-size: inherit !important;
    font-weight: 500 !important; }
  .nf-form-content select {
    background: transparent !important; }
  .nf-form-content button,
  .nf-form-content input[type=button],
  .nf-form-content input[type=submit] {
    background: linear-gradient(180deg, #F01C9A 0%, #EC008C 100%) !important;
    color: #FFF !important;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    border-radius: 0.8rem;
    padding: 0 3rem;
    font-size: 2.2rem;
    margin: 0 auto;
    display: block;
    line-height: 1; }

.nf-after-form-content {
  display: none; }

.nf-response-msg {
  font-size: 2.4rem; }

.category-wrapper {
  background: url("../../images/bg-inner-page.png") no-repeat top 0rem right;
  background-size: 100%;
  padding-bottom: 10rem; }
  @media only screen and (min-width: 48em) {
    .category-wrapper {
      background: url("../../images/bg-inner-page.png") no-repeat top -10rem right;
      background-size: 100%; } }

.category-content {
  padding-top: 4rem; }
  @media only screen and (min-width: 75em) {
    .category-content {
      padding-top: 6rem; } }
  .category-content .heading_title {
    font-family: "DB Heavent Cond";
    font-weight: bold; }

.category-header__title {
  font-family: 'DB Heavent Black Cond';
  margin-bottom: 0 !important; }
  .category-header__title--head1 {
    font-size: 4.5rem !important;
    line-height: 4.5rem !important; }
    @media only screen and (min-width: 48em) {
      .category-header__title--head1 {
        font-size: 5.5rem !important;
        line-height: 5.5rem !important; } }
  @media only screen and (min-width: 48em) {
    .category-header__title--head2 {
      font-size: 3.6rem; } }
  .category-header__title--pink {
    color: #EC008C; }

.category-menu {
  background-color: #FFF;
  position: relative; }

.category-breadcrumb {
  font-size: 1.8rem; }
  @media only screen and (min-width: 48em) {
    .category-breadcrumb {
      font-size: inherit; } }
  .category-breadcrumb .container {
    text-align: right;
    color: #777777;
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .category-breadcrumb .container span a {
      color: #777777;
      text-decoration: none; }
      .category-breadcrumb .container span a:hover {
        color: #333333; }
    .category-breadcrumb .container span.current-item {
      color: #333333;
      white-space: nowrap;
      max-width: 10rem;
      display: inline-block;
      overflow: hidden;
      vertical-align: bottom;
      text-overflow: ellipsis; }
      @media only screen and (min-width: 62em) {
        .category-breadcrumb .container span.current-item {
          width: auto;
          white-space: normal;
          max-width: 100%; } }
      .category-breadcrumb .container span.current-item a, .category-breadcrumb .container span.current-item span {
        color: #333333; }
    .category-breadcrumb .container span:last-child a, .category-breadcrumb .container span:last-child span {
      color: #333333; }

.category-category .category-lists {
  padding: 5rem 0; }
  .category-category .category-lists h2 {
    font-family: "DB Heavent Black Cond";
    font-size: 4rem;
    line-height: 4rem;
    color: #ed5a9f; }
    @media only screen and (min-width: 48em) {
      .category-category .category-lists h2 {
        font-size: 4.5rem;
        line-height: 4.5rem; } }
  .category-category .category-lists [class^="col-"] {
    padding-bottom: 2rem; }
    .category-category .category-lists [class^="col-"]:last-child {
      padding-bottom: 0rem; }
    @media only screen and (min-width: 48em) {
      .category-category .category-lists [class^="col-"] {
        padding-bottom: 3rem; } }
  .category-category .category-lists .category-item-box {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1); }
    .category-category .category-lists .category-item-box:hover {
      box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.25); }
      .category-category .category-lists .category-item-box:hover .item-image {
        transform: scale(1.1);
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
    .category-category .category-lists .category-item-box a {
      text-decoration: none;
      color: inherit;
      display: flex; }
      @media only screen and (min-width: 48em) {
        .category-category .category-lists .category-item-box a {
          display: block; } }
      .category-category .category-lists .category-item-box a .item-image-wrap {
        overflow: hidden; }
      .category-category .category-lists .category-item-box a .item-image {
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        height: auto;
        background-color: #F7F7F7;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 12rem;
        background-size: cover;
        height: 100%; }
        @media only screen and (min-width: 36em) {
          .category-category .category-lists .category-item-box a .item-image {
            height: 35rem;
            width: 100%; } }
        @media only screen and (min-width: 48em) {
          .category-category .category-lists .category-item-box a .item-image {
            height: 25rem;
            width: 100%; } }
        @media only screen and (min-width: 75em) {
          .category-category .category-lists .category-item-box a .item-image {
            height: 30rem;
            width: 100%; } }
        .category-category .category-lists .category-item-box a .item-image img {
          height: 7rem; }
          @media only screen and (min-width: 48em) {
            .category-category .category-lists .category-item-box a .item-image img {
              height: 10rem; } }
          @media only screen and (min-width: 62em) {
            .category-category .category-lists .category-item-box a .item-image img {
              height: 70%; } }
        .category-category .category-lists .category-item-box a .item-image h3 {
          font-family: "DB Heavent Bold";
          font-size: 2.5rem;
          padding: 0 1rem;
          text-align: center;
          color: #f066b2; }
          @media only screen and (min-width: 48em) {
            .category-category .category-lists .category-item-box a .item-image h3 {
              font-size: 3rem;
              padding: 0; } }
      .category-category .category-lists .category-item-box a .item-content {
        background-color: #FFFFFF;
        padding: 1.5rem;
        width: calc(100% - 12rem);
        position: relative; }
        @media only screen and (min-width: 48em) {
          .category-category .category-lists .category-item-box a .item-content {
            padding: 2rem;
            width: 100%;
            min-height: 21rem; } }
        .category-category .category-lists .category-item-box a .item-content h3 {
          font-family: "DB Heavent Bold";
          color: #ed5a9f;
          font-size: 2.1rem;
          line-height: 1.2; }
          @media only screen and (min-width: 48em) {
            .category-category .category-lists .category-item-box a .item-content h3 {
              font-size: 2.45rem;
              display: block;
              /* Fallback for non-webkit */
              display: -webkit-box;
              height: 5.88rem;
              /* Fallback for non-webkit */
              font-size: 2.45rem;
              line-height: 1.2;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-overflow: ellipsis; } }
        .category-category .category-lists .category-item-box a .item-content p {
          display: block;
          /* Fallback for non-webkit */
          display: -webkit-box;
          height: 4.8rem;
          /* Fallback for non-webkit */
          font-size: 2rem;
          line-height: 1.2;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-bottom: 0; }
        .category-category .category-lists .category-item-box a .item-content .tag-cate {
          margin-top: 1rem;
          font-size: 2rem;
          border: 1px solid #B58300;
          display: inline-block;
          padding: 0 .5rem;
          color: #B58300; }
          @media only screen and (min-width: 48em) {
            .category-category .category-lists .category-item-box a .item-content .tag-cate {
              position: absolute;
              bottom: 2rem;
              padding: 0 1.5rem; } }
        .category-category .category-lists .category-item-box a .item-content .read-more {
          color: #EC008C;
          display: none;
          font-size: 2rem; }
          @media only screen and (min-width: 48em) {
            .category-category .category-lists .category-item-box a .item-content .read-more {
              display: block;
              margin-top: 1rem; } }
  .category-category .category-lists:nth-child(even) {
    background-color: #FCFCFC; }

.category-promotion__all {
  position: relative; }

.category-promotion__menu {
  background-color: #FFF; }

.category-news__search form {
  text-align: center; }
  .category-news__search form .input-search {
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 48em) {
      .category-news__search form .input-search {
        width: 70%; } }
    .category-news__search form .input-search input {
      height: 4rem;
      border: 1px solid #CECECE;
      background-color: #F9F9F9;
      border-radius: 0;
      font-size: 2rem;
      border-right: none; }
    .category-news__search form .input-search .input-group-append .input-group-text {
      background-color: #F9F9F9;
      font-size: 1.5rem;
      color: #FACCE6;
      border-radius: 0;
      border-left: none; }
    .category-news__search form .input-search .input-group-append button:focus {
      outline: none; }

.category-about__menu {
  background-color: #FFF; }
  .category-about__menu--lists li {
    padding-right: 0;
    display: inline-block; }

.category-other .other-link-menu {
  display: flex;
  list-style: none;
  width: 100%;
  margin: 0 auto;
  justify-content: space-between;
  border-bottom: #8C9294 1px solid; }
  .category-other .other-link-menu li {
    width: 100%;
    padding: .5rem 0; }
    .category-other .other-link-menu li a {
      display: block;
      text-align: center;
      color: #5E5D5D; }
    .category-other .other-link-menu li.actived {
      background-color: #EC008C; }
      .category-other .other-link-menu li.actived a {
        color: #FFF; }

.category-other .others-thumbs {
  width: 100%;
  background: #F8F9F9; }
  .category-other .others-thumbs a {
    color: inherit !important; }
  .category-other .others-thumbs__img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    @media only screen and (min-width: 23.43em) {
      .category-other .others-thumbs__img {
        min-height: 15rem; } }
    @media only screen and (min-width: 31.25em) {
      .category-other .others-thumbs__img {
        min-height: 18rem; } }
    @media only screen and (min-width: 62em) {
      .category-other .others-thumbs__img {
        min-height: 20rem; } }
    .category-other .others-thumbs__img > img {
      max-width: 75%; }
  .category-other .others-thumbs__title {
    padding: 1rem 2rem 0rem;
    font-family: "DB Heavent Bold";
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    height: 4.75rem;
    /* Fallback for non-webkit */
    font-size: 1.9rem;
    line-height: 1.25;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 6rem; }
    @media only screen and (min-width: 48em) {
      .category-other .others-thumbs__title {
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        height: 5.04rem;
        /* Fallback for non-webkit */
        font-size: 2.1rem;
        line-height: 1.2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 8rem; } }

.category-contact table .branch_title {
  color: #EC008C;
  font-family: "DB Heavent Bold";
  font-size: 2.3rem;
  margin-bottom: 0; }

.category-contact table a {
  color: inherit !important; }

.category-contact-apply .category-apply__image {
  background-size: cover;
  height: 100%;
  min-height: 24rem; }
  @media only screen and (min-width: 48em) {
    .category-contact-apply .category-apply__image {
      min-height: auto; } }
  @media only screen and (min-width: 62em) {
    .category-contact-apply .category-apply__image {
      min-height: 31rem; } }
  @media only screen and (min-width: 75em) {
    .category-contact-apply .category-apply__image {
      min-height: 37rem; } }

.category-contact-apply .category-apply__content h1 {
  color: #EC008C;
  font-size: 3.3rem; }
  @media only screen and (min-width: 62em) {
    .category-contact-apply .category-apply__content h1 {
      font-size: 3.9rem; } }

.category-contact-apply .category-apply__content h2 {
  font-family: "DB Heavent Bold";
  color: #8C9294;
  padding-left: 40px;
  font-size: 2.5rem; }
  @media only screen and (min-width: 62em) {
    .category-contact-apply .category-apply__content h2 {
      font-size: 3rem; } }

.category-contact-apply .category-apply__content p {
  padding-left: 40px; }

.category-contact-apply .category-apply__content a {
  margin-left: 40px;
  background-color: #EC008C;
  padding: .5rem 2rem;
  display: inline-block;
  color: #FFF;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  border-radius: 0.5rem; }

.category-contact-office h1 {
  font-family: 'DB Heavent Black Cond';
  color: #EC008C; }

.category-contact-office .contact_info {
  display: flex; }

.category-service .currency {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-right: 1rem; }

.category-service .service-link-menu {
  display: flex;
  list-style: none;
  width: 100%;
  margin: 0 auto;
  justify-content: space-between; }
  .category-service .service-link-menu li {
    width: 100%;
    padding: .5rem 0;
    border-bottom: #8C9294 1px solid; }
    .category-service .service-link-menu li:first-child {
      flex: 0 0 32%; }
    .category-service .service-link-menu li::nth-child(2) {
      flex: 0 0 28%; }
    .category-service .service-link-menu li:last-child {
      flex: 0 0 40%; }
    .category-service .service-link-menu li a {
      display: block;
      text-align: center;
      color: #5E5D5D; }
    .category-service .service-link-menu li.actived {
      background-color: #EC008C; }
      .category-service .service-link-menu li.actived a {
        color: #FFF; }

.category-service .post-header__title {
  color: #EC008C; }

.category-service table tr {
  border-bottom: #E6E6E6 1px solid; }
  .category-service table tr td:first-child {
    padding-left: 1rem; }
  .category-service table tr td:not(:first-child) {
    padding: 0; }

.category-service table tr:nth-child(even) {
  background-color: #FFF; }

.category-service table.table-rate td, .category-service .print_container .table_print_procurement > table td, .print_container .category-service .table_print_procurement > table td {
  min-width: 10rem; }
  .category-service table.table-rate td.border-right, .category-service .print_container .table_print_procurement > table td.border-right, .print_container .category-service .table_print_procurement > table td.border-right {
    border-right: solid 1px #CCC; }
  .category-service table.table-rate td div > h4, .category-service .print_container .table_print_procurement > table td div > h4, .print_container .category-service .table_print_procurement > table td div > h4 {
    font-size: 2.1rem;
    line-height: 2rem; }
  .category-service table.table-rate td div > span, .category-service .print_container .table_print_procurement > table td div > span, .print_container .category-service .table_print_procurement > table td div > span {
    font-size: 1.8rem; }

.category-salak .salak-row-banner {
  position: relative; }
  .category-salak .salak-row-banner .wpb_single_image {
    margin-bottom: 2rem; }
  .category-salak .salak-row-banner .wpb_text_column {
    text-align: center;
    margin-bottom: 0rem; }
    .category-salak .salak-row-banner .wpb_text_column h1 {
      font-size: 4rem;
      margin-bottom: 0; }
    @media only screen and (min-width: 48em) {
      .category-salak .salak-row-banner .wpb_text_column {
        text-align: left;
        position: absolute;
        z-index: 1;
        top: 35%;
        margin-left: 3rem;
        transform: translateY(-35%);
        color: #FFF; }
        .category-salak .salak-row-banner .wpb_text_column h1 {
          font-size: 5rem; } }
    @media only screen and (min-width: 75em) {
      .category-salak .salak-row-banner .wpb_text_column h1 {
        font-size: 8rem;
        line-height: 8rem; }
      .category-salak .salak-row-banner .wpb_text_column h2 {
        font-size: 5rem; } }

.category-salak button.vc_btn3 {
  font-size: inherit; }

.category-salak .mega_info_box_2 {
  display: flex;
  align-items: center; }
  .category-salak .mega_info_box_2 .mega-info-header img {
    max-width: 12rem; }
    @media only screen and (min-width: 62em) {
      .category-salak .mega_info_box_2 .mega-info-header img {
        max-width: 14rem; } }

@media only screen and (min-width: 75em) {
  .bg-category {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%), url(../../images/bg2.png);
    background-size: 100%;
    background-repeat: repeat-y; } }

.vc_section {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100%; }

.vc_btn3 {
  font-size: inherit !important; }

.vc_col-has-image-fill > .vc_column-inner {
  min-height: 30rem; }
  @media only screen and (min-width: 48em) {
    .vc_col-has-image-fill > .vc_column-inner {
      min-height: 35rem; } }
  @media only screen and (min-width: 75em) {
    .vc_col-has-image-fill > .vc_column-inner {
      min-height: 40rem; } }

@media only screen and (min-width: 48em) {
  .rll-youtube-player {
    padding-bottom: 0% !important; } }

.container-fluid {
  padding-left: 0px;
  padding-right: 0px; }

.vc_row {
  margin-left: -15px !important;
  margin-right: -15px !important; }
  .vc_row .vc_column_container > .vc_column-inner {
    padding-left: 15px;
    padding-right: 15px; }
  @media screen and (max-width: 767px) {
    .vc_row.vc_rtl-columns-reverse {
      flex-flow: column-reverse; } }

.vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_col-has-fill > .vc_column-inner {
  padding-top: 0px !important; }

.header-section-main {
  position: relative;
  display: flex;
  align-items: center; }
  .header-section-main::before {
    content: "";
    width: 3rem;
    margin: 0 .5rem;
    height: .2rem;
    background-color: #ccc; }

.header-section-sub {
  position: relative;
  display: flex;
  align-items: center; }
  .header-section-sub::before {
    content: "";
    width: 2rem;
    margin: 0 .5rem;
    height: .2rem;
    background-color: #ccc; }

.evc-iwt-icon-left {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem; }
  .evc-iwt-icon-left .evc-iwt-content .evc-iwt-text {
    margin: 0; }

.vc_sep_pos_align_center {
  margin-bottom: 1.5rem !important;
  margin-top: .5rem; }

.mega_info_box_2 {
  padding-bottom: 0;
  display: flex;
  align-items: center; }
  .mega_info_box_2 .mega-info-desc {
    margin-top: .5rem; }
  .mega_info_box_2 .mega-info-title {
    margin-bottom: 0px !important; }
  .mega_info_box_2 .mega-info-img {
    padding-bottom: 0px !important; }

strong,
b {
  font-family: 'DB Heavent Bold'; }

.vc_tta-container {
  margin-bottom: 0 !important; }

.vc_tta-panels-container .vc_tta-panel-heading {
  background-color: transparent !important;
  border-color: transparent !important; }

.vc_tta-panels-container .vc_tta-panel-title {
  border-bottom: 1px solid #ebebeb; }
  .vc_tta-panels-container .vc_tta-panel-title a {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding-left: 0px !important;
    padding-right: 20px !important; }
    .vc_tta-panels-container .vc_tta-panel-title a .vc_tta-title-text {
      font-size: 2.9rem;
      color: #EC008C;
      font-family: 'DB Heavent Black Cond'; }
      @media only screen and (min-width: 62em) {
        .vc_tta-panels-container .vc_tta-panel-title a .vc_tta-title-text {
          font-size: 3.2rem; } }
    .vc_tta-panels-container .vc_tta-panel-title a:after {
      font-family: "fontello";
      content: '\e80b';
      display: block;
      font-weight: 600;
      font-size: 1.6rem;
      color: #EC008C; }

.vc_tta-panels-container .vc_tta-panel-body {
  border-color: transparent !important;
  background-color: #FCFCFC !important; }
  .vc_tta-panels-container .vc_tta-panel-body.panel-files ul {
    margin-left: 1.5rem; }
    .vc_tta-panels-container .vc_tta-panel-body.panel-files ul li a {
      color: inherit; }
  .vc_tta-panels-container .vc_tta-panel-body > .container {
    width: auto;
    padding-left: 0;
    padding-right: 0; }

.vc_tta-panel.vc_active .vc_tta-panel-heading a:after {
  content: '\e80e' !important; }

.wpb_video_widget {
  overflow: hidden; }

.wpb_wrapper ul {
  margin-left: 2rem; }

@media screen and (max-width: 36em) {
  .height-image-info:nth-child(3n+3) {
    clear: both; } }

.height-image-info .mega-info-header {
  min-height: 4rem; }

.mega_info_box .mega-info-img {
  max-width: 100%; }

.mfp-figure > .mfp-close {
  color: #3c3c3c;
  right: 0; }

.mfp-figure > figure {
  background: #FFF;
  padding: 2rem; }

.post2-carousel > .owl-stage-outer > .owl-stage {
  display: flex; }

.post2-carousel .owl-item img {
  width: auto;
  max-width: 100%; }

.post2-carousel .owl-dots {
  margin: 0 auto; }

.vc_general.vc_btn3 {
  font-size: 1.8 !important; }

.vc_btn3-color-pink {
  border-color: #ed599f !important;
  background-color: #ed599f !important; }

.post-content > .vc_section {
  /****** list ******/
  /****** list ******/
  /****** table ******/
  /****** table ******/ }
  .post-content > .vc_section ol li {
    margin-left: 15px; }
  .post-content > .vc_section ul {
    margin-left: 15px; }
    .post-content > .vc_section ul li {
      margin-left: 15px; }
  .post-content > .vc_section p {
    margin-bottom: 0; }

.post-content .vc_separator {
  margin-bottom: 2rem; }

.header_section {
  font-size: 3.4rem;
  font-weight: 500;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 1rem; }

.download-section {
  padding-top: 3rem; }
  .download-section__header {
    font-family: 'DB Heavent Cond';
    font-size: 4rem;
    color: #EC008C;
    border-bottom: none;
    margin-bottom: 2.5rem; }
  .download-section__items {
    margin-top: 1rem;
    display: flex;
    align-items: flex-start;
    text-decoration: none !important;
    color: inherit !important; }
    .download-section__items--img {
      margin-right: 1rem;
      position: relative; }
      .download-section__items--img .icon-default {
        background-color: white; }
      .download-section__items--img .icon-hover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1; }
    .download-section__items--title {
      line-height: 2rem; }
    .download-section__items:hover .download-section__items--img .icon-hover {
      z-index: 2; }
    .download-section__items:hover .download-section__items--title {
      color: #EC008C; }

.promotion-section {
  padding-top: 5rem; }
  .promotion-section .header_section {
    font-family: "DB Heavent Black Cond";
    color: #EC008C;
    border-bottom: none; }

.mega-info-list .vc_info_list_outer:first-child .vc_info_list::before {
  top: 0.5em; }

.mega-info-list .vc_info_list_outer:last-child .vc_info_list::before {
  bottom: auto;
  height: 0.5em; }

.mega-info-list .vc_info_list {
  display: block !important;
  margin-bottom: 0 !important;
  position: relative;
  border-left: 0 !important; }
  .mega-info-list .vc_info_list::before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    bottom: 0;
    background: #facce6;
    z-index: -1;
    left: -1px;
    top: 0; }

.mega-info-list .media .media-left > div {
  background: transparent !important; }

.mega-info-list .media .media-left [class*="fa-circle"] {
  background-color: #FFF;
  border-radius: 50%; }

.mega-info-list .media-body {
  margin-top: -1rem;
  padding-top: 10px; }
  .mega-info-list .media-body h2 {
    margin-top: 12px;
    font-size: inherit;
    margin-bottom: 0;
    display: none; }

.about-content .header-section-main-bold {
  font-size: 4.5rem !important; }
  @media only screen and (min-width: 48em) {
    .about-content .header-section-main-bold {
      font-size: 6rem !important; } }

.about-content #president-desktop {
  display: none; }
  @media only screen and (min-width: 48em) {
    .about-content #president-desktop {
      display: flex;
      align-items: center;
      height: 42.5rem; } }

.about-content #president-mobile {
  display: block; }
  @media only screen and (min-width: 48em) {
    .about-content #president-mobile {
      display: none; } }

.about-content .profile-organization:first-of-type .profile-box > img {
  width: 75% !important; }

.about-content .profile-img {
  border-radius: 50%;
  background-size: 110%;
  background-repeat: no-repeat;
  background-position: center; }
  .about-content .profile-img:after {
    content: "";
    display: block;
    padding-bottom: 100%; }

.about-content a {
  text-decoration: none !important;
  color: inherit; }

.about-content .profile.profile-chart {
  cursor: pointer; }

.about-content .profile .profile-box {
  text-align: center;
  cursor: pointer; }
  .about-content .profile .profile-box:hover > img {
    transform: scale(1.1);
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .about-content .profile .profile-box img {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 60%; }
  .about-content .profile .profile-box > h2 {
    font-family: "DB Heavent Bold";
    font-size: 2.2rem; }
    @media only screen and (min-width: 36em) {
      .about-content .profile .profile-box > h2 {
        font-size: 2.4rem; } }
    @media only screen and (min-width: 62em) {
      .about-content .profile .profile-box > h2 {
        font-size: 2.6rem; } }
  .about-content .profile .profile-box > h3 {
    color: #EC008C;
    font-size: 2rem; }
    @media only screen and (min-width: 62em) {
      .about-content .profile .profile-box > h3 {
        font-size: 2.2rem; } }

.about-content .profile .profile-content {
  display: none; }

.about-content .award-menu {
  position: relative; }
  .about-content .award-menu--desktop {
    display: flex;
    flex-flow: column;
    list-style: none;
    position: relative;
    width: 95%;
    margin: 0 auto; }
    .about-content .award-menu--desktop:after {
      content: "";
      display: block;
      width: calc(100% - 4rem);
      height: 1px;
      background: #EC008C;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 1.1rem;
      z-index: -1; }
    .about-content .award-menu--desktop li {
      position: relative;
      display: inline-block;
      font: bold 14px arial;
      height: 50px;
      position: relative;
      cursor: pointer;
      top: 1rem; }
      .about-content .award-menu--desktop li p {
        left: 0rem;
        position: relative;
        margin-bottom: 0;
        margin-top: 2rem;
        font-size: 2.1rem;
        font-family: "DB Heavent Bold"; }
      .about-content .award-menu--desktop li::after {
        content: "";
        top: -4px;
        left: 1rem;
        display: block;
        width: 12px;
        height: 12px;
        border: 1px solid #EC008C;
        border-radius: 12px;
        background: #fff;
        position: absolute; }
      .about-content .award-menu--desktop li.active p {
        font-size: 2.9rem;
        margin-top: 1.5rem;
        color: #EC008C; }
      .about-content .award-menu--desktop li.active::before {
        content: "";
        top: -2.2px;
        left: 14px;
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 15px;
        background: #EC008C;
        position: absolute;
        z-index: 2; }
      .about-content .award-menu--desktop li.active::after {
        content: "";
        top: -6px;
        display: block;
        width: 18px;
        height: 18px;
        border: 1px solid #EC008C;
        border-radius: 18px;
        background: #fff;
        position: absolute; }
    .about-content .award-menu--desktop .owl-nav {
      top: -.5rem; }
      .about-content .award-menu--desktop .owl-nav .owl-prev {
        left: -1rem; }
        @media only screen and (min-width: 75em) {
          .about-content .award-menu--desktop .owl-nav .owl-prev {
            left: -1.5rem; } }
      .about-content .award-menu--desktop .owl-nav .owl-next {
        right: -1rem; }
        @media only screen and (min-width: 75em) {
          .about-content .award-menu--desktop .owl-nav .owl-next {
            right: -1.5rem; } }

.about-content .award-content {
  margin-top: 5rem; }
  .about-content .award-content h2 {
    color: #EC008C;
    font-family: "DB Heavent Black Cond" !important; }
  .about-content .award-content-list .loading {
    text-align: center; }

.profile-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 100%;
  margin: 20px auto; }
  @media only screen and (min-width: 62em) {
    .profile-popup {
      max-width: 85%;
      padding: 4rem; } }
  .profile-popup h2 {
    font-size: 3rem;
    margin-bottom: 0; }
    @media only screen and (min-width: 48em) {
      .profile-popup h2 {
        font-size: 3.4rem; } }
  .profile-popup h3 {
    font-size: 2.4rem; }
    @media only screen and (min-width: 48em) {
      .profile-popup h3 {
        font-size: 2.6rem; } }
  .profile-popup .profile-content-founder .content-founder-right {
    max-height: 40rem; }
  .profile-popup .profile-content-president .content-president-left > .profile-img {
    border-radius: 0 !important;
    background-size: 100% !important;
    margin: 0 !important;
    max-width: 100% !important; }
    @media only screen and (min-width: 62em) {
      .profile-popup .profile-content-president .content-president-left > .profile-img {
        max-width: 90% !important; } }
  .profile-popup .profile-content-president .content-president-right {
    max-height: 40rem; }
  .profile-popup .profile-img {
    border-radius: 50%;
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 200px;
    margin: 0 auto; }
    .profile-popup .profile-img:after {
      content: "";
      display: block;
      padding-bottom: 100%; }
  .profile-popup > .vc_section {
    margin: 0; }
    .profile-popup > .vc_section > .vc_row {
      margin: 0 auto;
      max-width: 100%;
      padding: 2rem 0; }
      .profile-popup > .vc_section > .vc_row > .vc_col-sm-8 {
        max-height: 60rem; }
        @media only screen and (min-width: 62em) {
          .profile-popup > .vc_section > .vc_row > .vc_col-sm-8 {
            padding-left: 1.5rem; } }
      .profile-popup > .vc_section > .vc_row .wpb_wrapper > h2, .profile-popup > .vc_section > .vc_row .wpb_wrapper > h3 {
        display: none; }
      .profile-popup > .vc_section > .vc_row h2.vc_custom_heading {
        font-size: 2.8rem; }
        @media only screen and (min-width: 48em) {
          .profile-popup > .vc_section > .vc_row h2.vc_custom_heading {
            font-size: 3.4rem; } }
      .profile-popup > .vc_section > .vc_row h3 {
        font-size: 2.4rem; }
        @media only screen and (min-width: 48em) {
          .profile-popup > .vc_section > .vc_row h3 {
            font-size: 2.6rem; } }
    .profile-popup > .vc_section .mfp-close {
      color: #EC008C;
      border: 1px solid #EC008C;
      border-radius: 50%;
      margin-top: 1rem;
      margin-right: 1rem; }

.welcome-page {
  background-size: cover;
  width: 100vw;
  height: 100vh;
  background-repeat: repeat;
  position: fixed; }
  @media (orientation: landscape) {
    .welcome-page {
      overflow-y: scroll; } }

.welcome-content-wrapper {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto; }

.welcome-content .container {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .welcome-content .container .vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.welcome-content .vc_column-inner {
  justify-content: center; }
  .welcome-content .vc_column-inner .wpb_content_element {
    margin-bottom: 0 !important; }

.welcome-content__button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }
  .welcome-content__button .welcome-btn {
    font-size: 2rem;
    padding: .25rem 1rem;
    border-radius: 1rem;
    font-family: 'DB Heavent Bold';
    position: relative;
    text-align: center; }
    @media only screen and (min-width: 48em) {
      .welcome-content__button .welcome-btn {
        font-size: 2.5rem;
        padding: .5rem 2rem; } }
    .welcome-content__button .welcome-btn.login_th {
      display: flex;
      align-items: center; }
      .welcome-content__button .welcome-btn.login_th::after {
        content: "";
        width: 2px;
        height: 80%;
        right: 0;
        background-color: #CCC;
        position: absolute; }
    .welcome-content__button .welcome-btn.extra-btn-img {
      padding: 0; }
    .welcome-content__button .welcome-btn.extra-btn img {
      max-width: 30rem; }

#welcome_1column {
  width: auto; }

#welcome_2columns {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (orientation: landscape) and (max-width: 768px) {
    #welcome_2columns {
      top: 10%;
      transform: translate(-50%, -5%); } }
  #welcome_2columns .vc_single_image-wrapper {
    text-align: left; }
    #welcome_2columns .vc_single_image-wrapper:first-child {
      text-align: right; }
    @media only screen and (min-width: 48em) {
      #welcome_2columns .vc_single_image-wrapper > img {
        max-width: 100%; } }

.print_container h1 {
  font-family: 'DB Heavent Black Cond'; }

.print_container h2 {
  font-family: 'DB Heavent Black Cond'; }

.print_container .logo >
img {
  width: 100%;
  max-width: 350px; }

.print_container .table_print_procurement > table td:first-child {
  padding-left: 1rem; }

.print_container .table-rate, .print_container .table_print_procurement > table {
  border-top: none;
  border: 1px solid #c5c5c5; }
  .print_container .table-rate td, .print_container .table_print_procurement > table td {
    padding: 0;
    border: 1px solid #c5c5c5; }
    .print_container .table-rate td .name_currency, .print_container .table_print_procurement > table td .name_currency {
      width: 150px;
      margin-left: 10px; }
    .print_container .table-rate td img, .print_container .table_print_procurement > table td img {
      max-width: 20px; }
  .print_container .table-rate tr, .print_container .table_print_procurement > table tr {
    background-color: transparent !important;
    border: 1px solid #c5c5c5; }

footer {
  width: 100%;
  background-color: #ed5a9f; }
  footer .footer-site-map {
    margin-top: 0rem;
    font-size: 2.2rem; }
    @media only screen and (min-width: 62em) {
      footer .footer-site-map {
        font-size: 2rem; } }
    footer .footer-site-map [class^="col-"] {
      flex: 0 0 20%; }
      @media only screen and (min-width: 62em) {
        footer .footer-site-map [class^="col-"] {
          margin-top: 2rem; } }
      footer .footer-site-map [class^="col-"] .header-columns {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        font-size: 2.2rem; }
        @media only screen and (min-width: 62em) {
          footer .footer-site-map [class^="col-"] .header-columns {
            font-size: 2rem; } }
        footer .footer-site-map [class^="col-"] .header-columns span {
          color: #333333;
          font-size: 2.2rem; }
          @media only screen and (min-width: 62em) {
            footer .footer-site-map [class^="col-"] .header-columns span {
              display: block;
              font-size: 2rem; } }
          footer .footer-site-map [class^="col-"] .header-columns span:after {
            content: "";
            height: .3rem;
            background-color: #f17fb6;
            width: 6rem;
            display: none; }
            @media only screen and (min-width: 62em) {
              footer .footer-site-map [class^="col-"] .header-columns span:after {
                display: block; } }
        footer .footer-site-map [class^="col-"] .header-columns .icon-down-open {
          display: block; }
          @media only screen and (min-width: 62em) {
            footer .footer-site-map [class^="col-"] .header-columns .icon-down-open {
              display: none; } }
      footer .footer-site-map [class^="col-"] .links-columns {
        list-style: none;
        display: flex;
        align-content: center;
        justify-content: space-between;
        margin-bottom: 0;
        flex-flow: column;
        display: none; }
        @media only screen and (min-width: 62em) {
          footer .footer-site-map [class^="col-"] .links-columns {
            display: flex !important; } }
        footer .footer-site-map [class^="col-"] .links-columns li img {
          max-width: 10rem; }
        footer .footer-site-map [class^="col-"] .links-columns li.group {
          font-family: 'DB Heavent Cond'; }
        footer .footer-site-map [class^="col-"] .links-columns li .group a {
          display: inline-block; }
          footer .footer-site-map [class^="col-"] .links-columns li .group a span img {
            width: auto;
            height: 25px; }
        footer .footer-site-map [class^="col-"] .links-columns li a {
          color: #FFF;
          text-decoration: none; }
  footer .footer-row2 {
    margin-top: 1rem; }
    footer .footer-row2 ul {
      list-style: none;
      display: flex;
      align-content: center;
      justify-content: space-between;
      margin-bottom: 0;
      justify-content: flex-start;
      flex-flow: row;
      flex-wrap: wrap; }
      @media only screen and (min-width: 62em) {
        footer .footer-row2 ul {
          justify-content: center; } }
      footer .footer-row2 ul li {
        color: #FFF;
        font-family: 'DB Heavent Cond';
        margin-right: 2rem;
        font-size: 2.2rem; }
        footer .footer-row2 ul li a {
          text-decoration: none;
          color: #FFF; }
        @media only screen and (min-width: 62em) {
          footer .footer-row2 ul li {
            margin-right: 3rem;
            font-size: 3rem; } }
  footer .footer-row1 {
    margin-top: 1rem;
    background-color: #ed5a9f; }
    @media only screen and (min-width: 62em) {
      footer .footer-row1 {
        margin-top: 2rem;
        display: flex; } }
    footer .footer-row1 .col-12 {
      display: flex;
      justify-content: flex-start; }
      @media only screen and (min-width: 62em) {
        footer .footer-row1 .col-12 {
          align-items: center;
          justify-content: center; } }
    footer .footer-row1 h2 {
      color: #FFF;
      font-size: 2.2rem;
      margin-bottom: 1rem;
      font-family: 'DB Heavent Cond'; }
      @media only screen and (min-width: 62em) {
        footer .footer-row1 h2 {
          flex: 0 0 10%; } }
    footer .footer-row1 ul {
      margin-bottom: 0rem; }
      footer .footer-row1 ul li {
        display: inline-block;
        padding: 0rem 1rem;
        border: 1px solid #FFF;
        color: #FFF;
        margin-right: .15rem;
        font-size: 2rem;
        margin-bottom: 1rem; }
        footer .footer-row1 ul li a {
          text-decoration: none;
          color: #FFF; }
    footer .footer-row1:after {
      display: none; }
      @media only screen and (min-width: 62em) {
        footer .footer-row1:after {
          content: "";
          display: block;
          border-bottom: 1px solid #FACCE6;
          margin: 0 15px;
          margin-top: 2rem;
          width: 100%; } }
  footer .footer-row3 {
    margin-top: 1rem;
    color: #333333; }
    footer .footer-row3 i:before {
      margin-bottom: 0;
      font-size: 1.4rem; }
    footer .footer-row3 span:nth-child(3), footer .footer-row3 span:nth-child(4) {
      color: #FFF; }
    footer .footer-row3 span.policy {
      line-height: 2.2rem; }
      footer .footer-row3 span.policy a {
        color: #FFF !important; }
      @media only screen and (min-width: 62em) {
        footer .footer-row3 span.policy {
          line-height: 3rem; } }
  footer .footer-row4 .text-support {
    width: 100%; }
    @media only screen and (min-width: 62em) {
      footer .footer-row4 .text-support {
        width: auto; } }