@charset "UTF-8";
/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
/* ------------------------------------------ */
/* Style for modal */
/* ------------------------------------------ */
/*$min-w-tablet: 768px;
$max-w-tablet: 1023px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279px;
$min-w-lg-desktop: 1280px;*/
/*
$tablet:    "( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:   "( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:    "( min-width: " + $min-w-lg-desktop + " )";

*/
@media (max-width: 767px) {
  .modal {
    padding-right: 0 !important; } }

.modal .modal-dialog {
  max-width: 1024px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .modal .modal-dialog {
      max-width: 920px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .modal .modal-dialog {
      max-width: 720px; } }
  @media (max-width: 767px) {
    .modal .modal-dialog {
      position: fixed;
      width: 100%;
      height: 100%;
      margin: 0; } }

.modal .modal-content {
  border: none;
  border-radius: 0;
  background: #ffffff; }
  @media (max-width: 767px) {
    .modal .modal-content {
      height: 100%;
      overflow-y: auto; } }

.modal .modal-header {
  position: relative;
  border-radius: 0;
  border: none;
  text-align: center;
  border-bottom: solid 1px #ededed;
  padding: 0;
  /*
        .close{ //bootstrap predefined class
            opacity: 1;
        }
        .title_desktop_wrap, .title_mobile_wrap{
            position: relative;
            width: 100%;
        }

        .title{
            text-align: center;
            display: inline-block;
            width: calc( 100% - 2.5rem );
            margin-right: auto;
            @media ( max-width: 767px ){
                width: 100%;
            }
        }

        .closeBtn{
            position: absolute;
            right: 0;
            top: 50%;
            @include centerY();
            width: 2rem;
            height: 2rem;
            padding: 0;
            margin: 0;
        }

        .modalHeaderSection_wrap{
            margin-top: $pagePadding_m;
            margin-bottom: -0.5*$pagePadding_m;
            padding-top: 0.5*$pagePadding_m;
            //border-top: solid 1px $colorBorderLtGrey;
        }

        */ }

.modal .backBtn {
  margin: 0;
  padding: 0;
  background: transparent; }

.modal .modal-body {
  padding-left: 0;
  padding-right: 0;
  /*
        >.content{
            max-width: 920px;//835px;
            margin: auto;
        }
        */ }
  @media (max-width: 767px) {
    .modal .modal-body {
      max-height: 100%;
      overflow-y: auto; } }

.modal .modal-footer {
  padding: 0; }

.sideBarModal .modal-header {
  -ms-flex-item-align: start;
  align-self: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  display: block; }

.sideBarModal .modal-body {
  padding: 0;
  max-height: 100%;
  overflow-y: auto; }

.sideBarModal .modal-footer {
  -ms-flex-item-align: end;
  align-self: flex-end;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  display: block; }

.sideBarModal.left .modal-dialog,
.sideBarModal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 30rem;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }
  @media (max-width: 767px) {
    .sideBarModal.left .modal-dialog,
    .sideBarModal.right .modal-dialog {
      width: 100%; } }

.sideBarModal.left .modal-content,
.sideBarModal.right .modal-content {
  height: 100%;
  overflow-y: auto; }

/*Left*/
.sideBarModal.left.fade .modal-dialog {
  left: -30rem;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out; }
  @media (max-width: 767px) {
    .sideBarModal.left.fade .modal-dialog {
      left: -100%; } }

.sideBarModal.left.fade.show .modal-dialog {
  left: 0; }

/*Right*/
.sideBarModal.right.fade .modal-dialog {
  right: -30rem;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out; }
  @media (max-width: 767px) {
    .sideBarModal.right.fade .modal-dialog {
      right: -100%; } }

.sideBarModal.right.fade.show .modal-dialog {
  right: 0; }

/* ----- MODAL STYLE ----- */
/* ------------------------------------------ */
/* END Style modal  */
/* ------------------------------------------ */
/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
[alt="www.000webhost.com"] {
  display: none; }

* {
  -webkit-font-smoothing: antialiased;
  /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
  -moz-osx-font-smoothing: grayscale;
  /* Fixes font bold issue in Firefox version 25+ on Mac */
  text-rendering: optimizeLegibility;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.2; }

html, body {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  letter-spacing: 0.1em;
  margin: 0 !important;
  padding: 0;
  background: #FFF;
  color: #606060;
  font-size: 16px; }
  @media (max-width: 1199.98px) {
    html, body {
      font-size: 15px; } }
  @media (max-width: 991.98px) {
    html, body {
      font-size: 14px; } }
  @media (max-width: 767.98px) {
    html, body {
      font-size: 13px; } }
  :lang(en) html, :lang(en) body {
    letter-spacing: 0.02em; }

body {
  /*
    height: auto !important;
    width: 100%;
    overflow-x: hidden;
    position: relative;
    min-width: 300px;

    */ }

/* font */
@font-face {
  font-family: 'Roboto';
  src: url(lib/fonts/Roboto-Regular.ttf); }

@font-face {
  font-family: 'Roboto';
  src: url(lib/fonts/Roboto-Thin.ttf);
  font-weight: 100; }

@font-face {
  font-family: 'Roboto';
  src: url(lib/fonts/Roboto-Bold.ttf);
  font-weight: bold; }

/*
@font-face {
  font-family: 'Roboto';
  src: url(lib/fonts/Roboto-Black.ttf);
  font-weight: 500;
}
*/
@font-face {
  font-family: 'Roboto';
  src: url(lib/fonts/Roboto-Light.ttf);
  font-weight: 200; }

/*
html {
  scroll-behavior: smooth;
}
*/
body {
  font-family: 'Roboto', 'Microsoft JhengHei', 'SimHei', 微軟正黑體, 微軟雅黑體,
 細明體_HKSCS, Arial, sans-serif; }

html:lang(zh-hk) .cfont,
html:lang(zh-cn) .cfont {
  font-family: 'SimHei', 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial,
 sans-serif; }

html:lang(zh-hk) .hkfont,
html:lang(zh-cn) .hkfont {
  font-family: 'PMingLiU'; }

/*
:root {
  font-size: 14px;
  font-family: 'Roboto', 'Microsoft JhengHei', 微軟正黑體, 微軟雅黑體,
    細明體_HKSCS, Arial, sans-serif;
}


//width
::-webkit-scrollbar {
  width: 10px;
}

//Track
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

//Handle
::-webkit-scrollbar-thumb {
  background: #888;
}

//Handle on hover
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
// This part is a little bit ugly, I will explain what is going on in a blog post soon.
@media (min-width: 768px) and (max-width: 1200px) {
  :root {
    font-size: calc(p-0
      14px + (16 - 14) *
        ((100vw - 768px) / (1200 - 768))
    );
  }
}
@media (min-width: 1200px) {
  :root {
    font-size: 16px;
  }
}

*/
/* font end */
.container-custom, .container-custom-noP {
  max-width: 1400px;
  margin: auto; }

.container-custom {
  padding-left: 60px;
  padding-right: 60px; }
  @media (max-width: 991.98px) {
    .container-custom {
      padding-left: 20px;
      padding-right: 20px; } }

@media (max-width: 767.98px) {
  .container-fluid.fullWMobile {
    padding-left: 0;
    padding-right: 0; } }

.container-custom-innerB {
  max-width: 1080px;
  margin: auto; }

.container-custom-inner {
  max-width: 920px;
  margin: auto;
  color: #613500;
 }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .container-custom-inner {
      max-width: 80%; } }

a {
  color: #606060;
  text-decoration: none;
  /*
    &:hover {
        opacity: $hoverOpacity;
    }
    */ }
  a:hover, a:active, a:focus {
    color: #e99781; }
  a:hover, a:active, a:focus {
    text-decoration: none; }

button {
  color: #606060;
  letter-spacing: inherit; }

a[href^="mailto:"] {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word; }

a.boxUnderline, button.boxUnderline {
  border-color: inherit;
  border-bottom: 1px solid; }

.underlineLink, .underlineLink_wrap a, .underlineLink_wrap button {
  text-decoration: underline;
  /* word-break: break-all; */
  }
  .underlineLink:hover, .underlineLink_wrap a:hover, .underlineLink_wrap button:hover {
    color: #e99781;
    text-decoration: underline; }

a.hoverUnderline:hover, button.hoverUnderline:hover {
  text-decoration: underline; }

a.hoverBoxUnderline:hover, button.hoverUnderline:hover {
  border-bottom: 1px solid; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-link:focus {
  outline: inherit; }

img {
  image-rendering: -webkit-optimize-contrast;
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

dl, ol, ul {
  margin: 0;
  padding: 0; }

.ul-closeBullets {
  margin-left: 1em; }
  .ul-closeBullets li {
    list-style-type: "• ";
    margin-bottom: 0;
    line-height: 1.5; }

.ul-like-p {
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
  margin-left: 1em; }
  .ul-like-p li {
    list-style-type: "• ";
    margin-bottom: 1rem; }

.font-like-p {
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
  line-height: 1.5; }

p {
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
  line-height: 1.5; }
  p:last-child {
    margin-bottom: 0; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0.75em; }
  h1.like-p, .h1.like-p,
  h2.like-p, .h2.like-p,
  h3.like-p, .h3.like-p,
  h4.like-p, .h4.like-p,
  h5.like-p, .h5.like-p,
  h6.like-p, .h6.like-p {
    font-size: 1.25rem;
    /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
    /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
    line-height: 1.5; }
    h1.like-p:last-child, .h1.like-p:last-child,
    h2.like-p:last-child, .h2.like-p:last-child,
    h3.like-p:last-child, .h3.like-p:last-child,
    h4.like-p:last-child, .h4.like-p:last-child,
    h5.like-p:last-child, .h5.like-p:last-child,
    h6.like-p:last-child, .h6.like-p:last-child {
      margin-bottom: 0; }

/*

ul,
ol {
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: $cmSpacing;
    &:last-child {
        margin-bottom: 0;
    }
}
*/
/*
b,
strong {
    font-weight: bold;
}


input, button{
    outline: none;
    box-shadow: none;
}

input:focus, button:focus{
    outline: none;
    box-shadow: none;
}
*/
.clearfix {
  /*
    content: '';
    display: table;
    width: 100%;
    height: 0;
    clear: both;
    */ }
  .clearfix::after {
    display: block;
    content: "";
    clear: both; }
  .clearfix .mid {
    text-align: center; }
    .clearfix .mid > .content {
      display: inline-block; }

.float-left {
  float: left; }

.float-right {
  float: right; }

/*


//Font weight
.weight--strong{
    font-weight:900;
}
.weight--weak{
    font-weight:200;
}

//Line breaking
.oneword {
    display: inline-block;
}
.force-oneword {
    display: inline-block;
    white-space: nowrap;
}
.force-nobreak {
    white-space: nowrap;
}

.force-break {
    word-break: break-all;
}
*/
/*
h1 {
  font-size: 4rem;
  font-weight: 100;
}
h2 {
  font-size: 3.5rem;
  font-weight: 100;
  margin-bottom: 1rem;
  padding-top: 1.5rem;
}
h3 {
  font-size: 1.5rem;
  font-weight: 400;
}
h4 {
  font-size: 1.2rem;
  font-weight: 400;
}
h5 {
  font-size: 1rem;
}

input,
select {
  font-size: 100%;
}

*/
.table {
  color: #606060; }

h1, .h1, h2, .h2 {
  font-size: 2.5rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

h3, .h3 {
  font-size: 1.75rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

h4, .h4 {
  font-size: 1.5rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

.custom-text--big {
  font-size: 2.5rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

.custom-text--mediumBig2 {
  font-size: 1.75rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

.custom-text--mediumBig {
  font-size: 1.5rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

.custom-text--medium {
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

.custom-text--small {
  font-size: 0.875rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

.custom-text--menu {
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

.title-icon {
  margin-right: 1rem; }
  .title-icon--01, .title-icon--02 {
    height: 10rem; }
    @media (max-width: 767.98px) {
      .title-icon--01, .title-icon--02 {
        height: 6rem; } }
  .title-icon--03, .title-icon--04 {
    height: 8.75rem; }
    @media (max-width: 767.98px) {
      .title-icon--03, .title-icon--04 {
        height: 5.25rem; } }

.pt-section, .py-section {
  padding-top: 4rem; }

.pb-section, .py-section {
  padding-bottom: 4rem; }

.pt-05-section, .py-05-section {
  padding-top: 2rem; }

.pb-05-section, .py-05-section {
  padding-bottom: 2rem; }

.mt-section, .my-section {
  margin-top: 4rem; }

.mb-section, .my-section {
  margin-bottom: 4rem; }

.mt-05-section, .my-05-section {
  margin-top: 2rem; }

.mb-05-section, .my-05-section {
  margin-bottom: 2rem; }

.cta_btn {
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  font-size: 1.5rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 1.25em;
  min-width: 12em;
  padding: 0 1.25em;
  background: #452702;
  color: #ffffff; }
  .cta_btn:hover, .cta_btn:active, .cta_btn:focus {
    color: #D77F37;
    text-decoration: underline;
   }
  .cta_btn--wArrow::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle; }
  .cta_btn--wArrow::after {
    content: "";
    background-image: url(../images/common/arrow-next-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 0.72985em;
    height: 1em;
    vertical-align: middle;
    margin-left: 0.5em; }
  .cta_btn--wArrow:hover::after, .cta_btn--wArrow:active::after, .cta_btn--wArrow:focus::after {
    background-image: url(../images/common/arrow-next-yellow.svg); }
  .cta_btn--orange {
    background: #fc6d67; }
    .cta_btn--orange:hover, .cta_btn--orange:active, .cta_btn--orange:focus {
      color: #452702; }

main > section {
  position: relative; }

.top_banner_wrap {
  text-align: center; }

.section-border {
  position: absolute;
  top: 2px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  z-index: 1; }

.bg-white {
  background: #ffffff; }

.bg-skin, .bg-light-brown {
  background: #f3e7d9; }

.bg-orange {
  background: #e99781; }

.bg-grey-brown {
  background: #b5a397; }

.bg-coral-red {
  background: #da7a7a; }

.bg-gradientPlain {
  background: #fffdfc;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 253, 252, 0)), color-stop(10%, #fffdfc), color-stop(90%, #fffdfc), to(rgba(255, 253, 252, 0)));
  background: -webkit-linear-gradient(bottom, rgba(255, 253, 252, 0) 0%, #fffdfc 10%, #fffdfc 90%, rgba(255, 253, 252, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(255, 253, 252, 0) 0%, #fffdfc 10%, #fffdfc 90%, rgba(255, 253, 252, 0) 100%);
  background: linear-gradient(0deg, rgba(255, 253, 252, 0) 0%, #fffdfc 10%, #fffdfc 90%, rgba(255, 253, 252, 0) 100%); }

.bg-dots, .bg-dots2 {
  background-color: transparent;
  background-repeat: repeat-y;
  background-size: 100% auto; }

.bg-dots {
  background-image: url(../images/common/bg-dots.gif); }

.bg-dots2 {
  background-image: url(../images/common/bg-dots2.gif); }

.text-color-orange {
  color: #e99781; }

.text-color-brown {
  color: #452702; }

.page_intro_wrap {
  position: relative;
  color: #ffffff;
  text-align: center;
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
  .page_intro_wrap .page_intro_content {
    background: #e99781; }

.bookmarks_wrap {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  .bookmarks_wrap__white a {
    color: #41290B; }
    .bookmarks_wrap__white a:hover, .bookmarks_wrap__white a:active, .bookmarks_wrap__white a:focus {
      color: #452702; 
      text-decoration: underline;
    }
  .bookmarks_wrap:last-child {
    margin-bottom: 0; }

.bookmark_span {
  display: inline-block;
  margin-bottom: 0.5rem; }

.bookmark_span_sp::after {
  content: '|'; }

.breadcrumb {
  padding: 0;
  padding-top: 2rem;
  margin-bottom: 4rem;
  background-color: transparent;
  color: #6e6e6e; }
  .breadcrumb a {
    color: #6e6e6e; }
    .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
      color: #e73465; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: .25rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    padding-right: .25rem;
    color: #6e6e6e;
    content: '>'; }

.loadingImgAbs_wrap {
  background: url(../images/common/loading.gif) no-repeat center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.sideBarModal .modal-header {
  border: none;
  height: 5.5rem; }
  .sideBarModal .modal-header .container-custom {
    text-align: right;
    line-height: 5.5rem; }

main {
  margin-top: 5.5rem; }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
header {
  background: #ffffff;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1060;
  border-bottom: 1px solid #ededed; }
  header .skip-link__link {
    display: block;
    margin: 0;
    max-height: 0;
    position: absolute;
    top: -5000px;
    left: -5000px; }
    header .skip-link__link:focus {
      z-index: 999;
      max-height: 1920px;
      display: inline-block;
      padding: 2px 10px;
      text-decoration: none;
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #e99781;
      color: #ffffff;
      -webkit-border-bottom-right-radius: 2px;
      -webkit-border-bottom-left-radius: 2px;
      -moz-border-radius-bottomright: 2px;
      -moz-border-radius-bottomleft: 2px;
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px; }
  header .logo_wrap {
    z-index: 2000;
    padding: .75rem; }
    @media (max-width: 767.98px) {
      header .logo_wrap {
        padding-left: 0;
        padding-right: 0; } }
  header .logo {
    height: 4rem; }
  header #search-block-form .form-control-searchtext, header #search-block-form .btn-search {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5em;
    height: calc( 1.5em + 0.5rem);
    background: #ededed;
    border: none;
    border-radius: 0 calc( 0.75em + 0.25rem) calc( 0.75em + 0.25rem) 0; }
    header #search-block-form .form-control-searchtext .search_icon, header #search-block-form .btn-search .search_icon {
      height: 1em; }
  header #search-block-form .form-control-searchtext {
    padding-left: .875rem;
    border-radius: calc( 0.75em + 0.25rem) 0 0 calc( 0.75em + 0.25rem);
    width: 7.5rem; }
  header .menu_wrap {
    padding-left: .75rem;
    padding-right: .75rem; }
    @media (max-width: 767.98px) {
      header .menu_wrap {
        padding-right: 0; } }
  header .menu_desktop .main_menu {
    font-size: 1.25rem;
    /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
    /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
    header .menu_desktop .main_menu > .nav-item {
      margin: 0 0.25rem; }
    header .menu_desktop .main_menu .nav-link {
      padding: .75rem; }
    header .menu_desktop .main_menu.sf-menu ul {
      min-width: 100%;
      -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); }
    header .menu_desktop .main_menu.sf-menu li {
      background: transparent; }
    header .menu_desktop .main_menu.sf-menu a {
      color: #000000; }
      header .menu_desktop .main_menu.sf-menu a:hover, header .menu_desktop .main_menu.sf-menu a:active, header .menu_desktop .main_menu.sf-menu a:focus {
        color: #B44341;
        text-decoration: underline; }
    header .menu_desktop .main_menu.sf-menu > .subListTitle > ul {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); }
    header .menu_desktop .main_menu.sf-menu .subListTitle ul {
      text-align: center; }
      header .menu_desktop .main_menu.sf-menu .subListTitle ul a {
        color: #606060;
        background: #ffffff; }
        header .menu_desktop .main_menu.sf-menu .subListTitle ul a:focus, header .menu_desktop .main_menu.sf-menu .subListTitle ul a:hover {
          color: #ffffff;
          background: #e99781; }
  header .menu_desktop .func_menu_wrap {
    padding-bottom: .75rem;
    font-size: 1rem; }
    header .menu_desktop .func_menu_wrap a:hover, header .menu_desktop .func_menu_wrap a:active, header .menu_desktop .func_menu_wrap a:focus {
      color: #e73465; }
  header .menu_mobile {
    height: 5.5rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    header .menu_mobile .menu_icon_link {
      margin-left: 1rem; }
  header .menu_icon {
    padding: 0.25rem;
    height: 2.5rem; }
  header sideBarModal .nav-item:hover {
    /*
        .dropdown{
          background: $color-orange;
        }
        */ }
    header sideBarModal .nav-item:hover > a {
      background: #e99781;
      color: #ffffff; }
  header sideBarModal .dropdown.show .dropdown-toggle {
    background: #e99781;
    color: #ffffff; }
    header sideBarModal .dropdown.show .dropdown-toggle > .dropdown-menu > .dropdown-item {
      background: #ededed;
      color: #606060; }
  header sideBarModal .dropdown .dropdown-toggle {
    display: block;
    width: 100%;
    border: none;
    border-radius: 0;
    background: #ffffff;
    color: #606060; }
    header sideBarModal .dropdown .dropdown-toggle:hover {
      background: #e99781;
      color: #ffffff; }
    header sideBarModal .dropdown .dropdown-toggle:active {
      background: #ffffff;
      color: #606060; }
    header sideBarModal .dropdown .dropdown-toggle:focus, header sideBarModal .dropdown .dropdown-toggle:active:focus {
      -webkit-box-shadow: none;
      box-shadow: none; }
  header sideBarModal .dropdown .dropdown-menu {
    width: 100%;
    padding: 0;
    border: none;
    text-align: center; }
  header .sf-vertical ul {
    left: 0px;
    position: relative; }
  header #modal_main_menu {
    text-align: center; }
    header #modal_main_menu ul, header #modal_main_menu li {
      list-style: none; }
    header #modal_main_menu .card {
      border: none; }
    header #modal_main_menu .card-header {
      padding: 0; }
      header #modal_main_menu .card-header .btn {
        position: relative;
        min-height: 4rem;
        line-height: 4rem;
        font-size: 1.75rem;
        /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
        /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
        text-decoration: none;
        width: 100%;
        border: none;
        border-radius: 0;
        background-color: #ffffff;
        color: #606060; }
        header #modal_main_menu .card-header .btn:hover {
          color: #e99781; }
        header #modal_main_menu .card-header .btn:focus {
          outline: -webkit-focus-ring-color auto 1px; }
        header #modal_main_menu .card-header .btn:not(.collapsed) {
          background-color: #e99781;
          color: #ffffff;
          text-decoration: none; }
          header #modal_main_menu .card-header .btn:not(.collapsed)::after {
            background-image: url(../images/common/arrow-up-white.svg);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
        header #modal_main_menu .card-header .btn::after {
          content: "";
          background-image: url(../images/common/arrow-up-dark-grey.svg);
          background-size: contain;
          background-repeat: no-repeat;
          position: absolute;
          width: 0.5em;
          height: 0.5em;
          vertical-align: middle;
          top: 50%;
          right: 1.25em;
          -webkit-transform: translateY(-50%) rotate(180deg);
          -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); }
    header #modal_main_menu .card-body {
      border: none;
      padding: 0; }
      header #modal_main_menu .card-body a.nav-link {
        line-height: 4rem;
        padding: 0.5rem; }
    header #modal_main_menu .card-body {
      background-color: #ededed;
      font-size: 1.5rem;
      /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
      /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
      header #modal_main_menu .card-body > .accordion .btn {
        font-size: 1.5rem;
        /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
        /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
        background-color: #ededed;
        color: #606060; }
        header #modal_main_menu .card-body > .accordion .btn:hover {
          color: #e99781; }
        header #modal_main_menu .card-body > .accordion .btn:not(.collapsed) {
          background-color: #e99781;
          color: #ffffff;
          text-decoration: none; }
      header #modal_main_menu .card-body > .accordion .card-body {
        background-color: #d9d9d9;
        font-size: 1.25rem;
        /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
        /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
  header #search-block-form_m {
    margin-top: 1rem; }
    header #search-block-form_m .input-group {
      width: 100%; }
    header #search-block-form_m .form-control-searchtext, header #search-block-form_m .btn-search {
      padding: 0.25rem 0.5rem;
      font-size: 1.5rem;
      line-height: 2em;
      border: none;
      background: #ededed;
      height: calc( 2em + 0.5rem); }
      header #search-block-form_m .form-control-searchtext .search_icon, header #search-block-form_m .btn-search .search_icon {
        height: 1em; }
    header #search-block-form_m .form-control-searchtext {
      padding-left: 1.5rem;
      border-radius: calc( 1em + 0.25rem) 0 0 calc( 1em + 0.25rem);
      width: 7.5rem; }
    header #search-block-form_m .btn-search {
      border-radius: 0 calc( 1em + 0.25rem) calc( 1em + 0.25rem) 0;
      padding-right: 1.5rem; }
  header #modal_language {
    text-align: center; }
    header #modal_language .langBtn {
      display: block;
      height: 4rem;
      line-height: 4rem;
      font-size: 1.75rem;
      /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
      /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
      header #modal_language .langBtn:hover {
        background-color: #e99781;
        color: #ffffff;
        text-decoration: none; }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
footer {
  position: relative; }
  footer .footer_sitemap_wrap {
    position: relative;
    text-align: left;
    color: #ffffff; }
    footer .footer_sitemap_wrap .sitemap-content {
      background: #b5a397; }
    footer .footer_sitemap_wrap ul {
      list-style: none; }
      footer .footer_sitemap_wrap ul li {
        line-height: 1.2;
        margin-bottom: 1rem; }
        footer .footer_sitemap_wrap ul li .ul-subsubpages {
          margin-top: 0.5rem; }
          footer .footer_sitemap_wrap ul li .ul-subsubpages li {
            margin-bottom: 0.5rem; }
    footer .footer_sitemap_wrap .sitemap_title {
      font-size: 1.5rem;
      /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
      /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
      font-weight: bold; }
    footer .footer_sitemap_wrap .sitemap_link {
      font-size: 1.25rem;
      /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
      /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
    footer .footer_sitemap_wrap a {
      color: #41290B; }
      footer .footer_sitemap_wrap a:hover, footer .footer_sitemap_wrap a:active, footer .footer_sitemap_wrap a:focus {
      color: #41290B;
      text-decoration: underline; }
  footer .footer_info_wrap {
    position: relative;
    text-align: center;
    color: #ffffff; }
  footer .wcag {
    width: auto;
    height: 2.5rem; }

#totop {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 0;
  z-index: 1000;
  cursor: pointer;
  background: none; }
  #totop .back-to-top {
    border-radius: 50%;
    width: 3.750rem; }
    @media (max-width: 767.98px) {
      #totop .back-to-top {
        width: 3rem; } }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
.sf-menu a {
  border: none; }

.swiper-container {
  width: 100%;
  height: 100%; }
  .swiper-container--sameH .swiper-slide {
    height: auto; }

.swiper-slide {
  /* Center slide text vertically */
  /*
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    */ }

.swiper-pagination {
  position: relative;
  width: 100%;
  margin: 2rem 0; }

.swiper-pagination-bullet-active {
  background: #ffce00; }

.swiper-pagination-bullet {
  margin: 8px; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  display: none; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(../images/common/slider-arrow-next.png);
  right: -1rem; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(../images/common/slider-arrow-next.png);
  left: -1rem;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 3.750rem;
  height: 3.750rem;
  margin-top: -1.875rem;
  z-index: 100;
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  -webkit-box-shadow: -4px 0px 0.5rem rgba(0, 0, 0, 0.4);
  box-shadow: -4px 0px 0.5rem rgba(0, 0, 0, 0.4); }
  @media (max-width: 767.98px) {
    .swiper-button-next, .swiper-button-prev {
      width: 3rem;
      height: 3rem;
      margin-top: -1.5rem; } }

.lightbox .lb-image {
  border-radius: 0;
  border: 8px solid white; }

.lightboxOverlay {
  background-color: #606060;
  opacity: 0.9; }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
.Legend .legend-icon {
  display: inline-block;
  width: 2em; }

.legend-tick {
  color: #3dbf84;
  font-weight: bold; }

.legend-sharp {
  color: #ff961e;
  font-weight: bold; }
  .legend-sharp a {
    color: #ff961e; }
    .legend-sharp a:hover {
      opacity: 0.8; }

.legend-dot {
  color: #7cccd2; }

.legend-na {
  color: #aaa3a3;
  font-weight: bold; }
  .legend-na.legend-icon {
    padding: 0 0.15em; }

.SearchTable th {
  white-space: nowrap; }

.SearchTable .catCol_wrap .dropdown_wrap, .SearchTable .alphabCol_wrap .dropdown_wrap {
  width: 100%; }
  @media (max-width: 767.98px) {
    .SearchTable .catCol_wrap .dropdown_wrap, .SearchTable .alphabCol_wrap .dropdown_wrap {
      display: block; } }

.SearchTable .catCol_wrap .grey_dropdown, .SearchTable .alphabCol_wrap .grey_dropdown {
  min-width: 15rem;
  width: auto; }
  @media (max-width: 991.98px) {
    .SearchTable .catCol_wrap .grey_dropdown, .SearchTable .alphabCol_wrap .grey_dropdown {
      width: 100%; } }
  :lang(en) .SearchTable .catCol_wrap .grey_dropdown, :lang(en) .SearchTable .alphabCol_wrap .grey_dropdown {
    width: 100%; }

.SearchTable .searchCol_wrap {
  text-align: right; }
  @media (max-width: 767.98px) {
    .SearchTable .searchCol_wrap {
      text-align: left; } }
  .SearchTable .searchCol_wrap .searchTextBtn_wrap {
    width: 100%; }
    @media (max-width: 767.98px) {
      .SearchTable .searchCol_wrap .searchTextBtn_wrap {
        display: block; } }
    :lang(en) .SearchTable .searchCol_wrap .searchTextBtn_wrap .searchText_input {
      width: 19rem; }
    @media (max-width: 991.98px) {
      .SearchTable .searchCol_wrap .searchTextBtn_wrap .searchText_input {
        width: 100%; }
        :lang(en) .SearchTable .searchCol_wrap .searchTextBtn_wrap .searchText_input {
          width: 100%; } }

.SearchTable .table-responsive {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .SearchTable .table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 0.8rem; }
  .SearchTable .table-responsive::-webkit-scrollbar-track {
    background: #ededed;
    border-radius: 0.4rem; }
  .SearchTable .table-responsive::-webkit-scrollbar-thumb {
    background: #b7b7b7;
    border-radius: 0.4rem; }
  .SearchTable .table-responsive::-webkit-scrollbar-thumb:hover {
    background: #6e6e6e;
    opacity: 0.8; }

.table_result {
  text-align: center;
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
  .table_result th {
    background-color: #ffe7e6;
    color: #41290B;
    font-weight: normal;
    border: #ffffff 1px solid; }
  .table_result .th-icon {
    width: 3.25rem;
    margin-bottom: 0.5rem; }
  .table_result th, .table_result td {
    padding: 1rem 0.5rem;
    vertical-align: middle; }
  .table_result td {
    background-color: #fff9f9;
    border: #ffffff 1px solid; }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
select::-ms-expand {
  display: none; }

.checkboxes_wrap {
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
  border-radius: calc( 0.75em + 0.5rem);
  padding: 0 1rem;
  background: #ededed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .checkboxes_wrap .form-check-inline {
    padding: 0.5rem 0; }
  .checkboxes_wrap .custom-checkbox {
    white-space: nowrap; }
  .checkboxes_wrap .custom-control-input ~ .custom-control-label::before,
  .checkboxes_wrap .custom-control-input:checked ~ .custom-control-label::before {
    color: #6e6e6e;
    border-color: #6e6e6e;
    background-color: white; }
  .checkboxes_wrap .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-size: 100%;
    top: 0.1rem;
    left: -1.45rem;
    background-image: url(../images/common/checkbox-tick.svg); }
  .checkboxes_wrap .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: white; }

.dropdownLabel {
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

.dropdown_wrap {
  display: inline-block;
  position: relative; }
  .dropdown_wrap .arrow_icon {
    position: absolute;
    width: 1rem;
    vertical-align: middle;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    pointer-events: none; }

.grey_dropdown, .grey_dropdown:focus {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 15rem;
  width: auto;
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
  background: #ededed;
  color: #6e6e6e;
  line-height: 1.5em;
  border: none;
  border-radius: calc( 0.75em + 0.5rem);
  padding: 0.5rem 1rem;
  padding-right: 3rem; }

.grey_dropdown__small, .grey_dropdown__small:focus {
  border-radius: 0;
  min-width: 0;
  width: auto;
  font-size: 0.875rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
  .grey_dropdown__small ~ .arrow_icon, .grey_dropdown__small:focus ~ .arrow_icon {
    width: 0.8rem;
    right: 0.8rem; }

@media (max-width: 767.98px) {
  .gallery_select_wrap {
    text-align: right; } }

.searchTextBtn_wrap {
  display: inline-block;
  position: relative; }
  .searchTextBtn_wrap .searchText_input {
    width: 20rem;
    font-size: 1.25rem;
    /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
    /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
    line-height: 1.5em;
    background: #ededed;
    border: none;
    border-radius: calc( 0.75em + 0.5rem);
    padding: 0.5rem 1rem;
    padding-right: 3rem; }
    .searchTextBtn_wrap .searchText_input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #6e6e6e;
      opacity: 1; }
    .searchTextBtn_wrap .searchText_input::-moz-placeholder {
      /* Firefox 19+ */
      color: #6e6e6e;
      opacity: 1; }
    .searchTextBtn_wrap .searchText_input:-ms-input-placeholder {
      /* IE 10+ */
      color: #6e6e6e;
      opacity: 1; }
    .searchTextBtn_wrap .searchText_input:-moz-placeholder {
      /* Firefox 18- */
      color: #6e6e6e;
      opacity: 1; }
  .searchTextBtn_wrap .search_icon {
    position: absolute;
    width: 1rem;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.prevPageBtn, .nextPageBtn {
  width: 2.188rem;
  height: 2.188rem;
  background-color: #ededed;
  background-image: url(../images/common/arrow-next-mid-grey-2.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 50%;
  vertical-align: bottom; }
  .prevPageBtn:hover, .prevPageBtn:focus, .nextPageBtn:hover, .nextPageBtn:focus {
    background-color: #e99781;
    background-image: url(../images/common/arrow-next-white.svg); }
  .prevPageBtn.disabled, .nextPageBtn.disabled {
    pointer-events: none;
    background-image: url(../images/common/arrow-next-white.svg); }

.prevPageBtn {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
.Diagram .max-10 {
  max-width: 10rem;
  margin: auto; }

.Diagram .max-30 {
  max-width: 30rem;
  margin: auto; }

.Diagram .circle_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  text-align: center;
  border-radius: 50%;
  position: relative; }
  .Diagram .circle_wrap .content {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1rem;
    white-space: nowrap; }
    :lang(en) .Diagram .circle_wrap .content {
      font-size: 0.9rem; }
    @media (max-width: 991.98px) {
      :lang(en) .Diagram .circle_wrap .content {
        font-size: 0.8rem; } }
    @media (max-width: 767.98px) {
      .Diagram .circle_wrap .content {
        font-size: 0.9rem; }
        :lang(en) .Diagram .circle_wrap .content {
          font-size: 0.85rem; } }
    @media (max-width: 359.98px) {
      :lang(en) .Diagram .circle_wrap .content {
        font-size: 0.7rem; } }
    .Diagram .circle_wrap .content .icon {
      width: 40%;
      height: auto;
      display: inline-block;
      margin-bottom: 0.25em; }
      :lang(en) .Diagram .circle_wrap .content .icon {
        margin-top: -0.5em; }
  .Diagram .circle_wrap--orange {
    background-color: #ff9e89;
    color: #ffffff; }
  .Diagram .circle_wrap.circle_v_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.Diagram .box_wrap {
  padding: 1rem 2rem;
  border-radius: 1rem; }
  @media (max-width: 767.98px) {
    .Diagram .box_wrap {
      padding: 1rem; } }
  .Diagram .box_wrap--orange {
    background-color: #fde7e2; }
  .Diagram .box_wrap--yellow {
    background-color: #fff1dc; }
  .Diagram .box_wrap--blue {
    background-color: #e9efef; }
  .Diagram .box_wrap--mid-grey {
    color: #ffffff;
    background-color: #b7b7b7; }
  .Diagram .box_wrap--gold {
    color: #ffffff;
    background-color: #ffc570; }
  .Diagram .box_wrap--platinum {
    color: #ffffff;
    background-color: #ff9e89; }
  .Diagram .box_wrap--orange-sharp {
    color: #ffffff;
    background-color: #f26c4f; }
  .Diagram .box_wrap--grey-green {
    color: #ffffff;
    background-color: #a9c0c0; }
  .Diagram .box_wrap.box_v_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.Diagram .mb-box {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 1rem; }

.Diagram .mb-small {
  margin-bottom: 0.5rem; }

.FlowChart {
  text-align: center;
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
  .FlowChart .title_wLine {
    color: #929292;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #b7b7b7; }
  .FlowChart .trophy {
    width: 7rem;
    min-width: 7rem;
    margin-right: 1rem;
    /*
		@include media-breakpoint-down(sm){
			width: 4.5rem;
			min-width: 4.5rem;
		}
    */ }
  .FlowChart .oneToTwoLines_wrap {
    text-align: center;
    width: 100%;
    line-height: 0;
    font-size: 0;
    margin-top: 0.5rem; }
    .FlowChart .oneToTwoLines_wrap div {
      line-height: 0;
      font-size: 0; }
    .FlowChart .oneToTwoLines_wrap .line {
      display: inline-block;
      background: #b7b7b7; }
      .FlowChart .oneToTwoLines_wrap .line--vertical {
        width: 1px;
        height: 5rem; }
        @media (max-width: 767.98px) {
          .FlowChart .oneToTwoLines_wrap .line--vertical {
            height: 4rem; } }
        .FlowChart .oneToTwoLines_wrap .line--vertical-short {
          width: 1px;
          height: 2rem; }
          .FlowChart .oneToTwoLines_wrap .line--vertical-short:first-child {
            margin-right: calc( 50% - 2px); }
          @media (max-width: 767.98px) {
            .FlowChart .oneToTwoLines_wrap .line--vertical-short {
              display: none; } }
        .FlowChart .oneToTwoLines_wrap .line--vertical-short-m {
          width: 1px;
          height: 2rem; }
      .FlowChart .oneToTwoLines_wrap .line--horizontal-half {
        width: 50%;
        height: 1px; }
        @media (max-width: 767.98px) {
          .FlowChart .oneToTwoLines_wrap .line--horizontal-half {
            display: none; } }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
.EventList {
  background-color: #fff4f3; }
  .EventList ~ .EventList .yearmonth_heading_wrap {
    margin-top: 2rem; }
  .EventList:last-child .news_table {
    padding-bottom: 2rem; }
  .EventList .yearmonth_heading_wrap {
    background: #e99781;
    color: #ffffff;
    font-size: 1.25rem;
    /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
    /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
    font-weight: bold; }
    .EventList .yearmonth_heading_wrap .yearmonth_heading {
      padding: 1rem 0.5rem; }
  .EventList .news_table {
    display: table;
    vertical-align: top;
    padding-top: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
    .EventList .news_table .news_table-date {
      display: table-cell;
      vertical-align: top; }
    .EventList .news_table .news_table-event {
      display: table-cell;
      vertical-align: top;
      width: 100%; }
  .EventList .dateCircle_wrap {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ff746e;
    color: #ffffff;
    font-size: 1.25rem;
    /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
    /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
    font-weight: bold;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .EventList .dateCircle_wrap.pressrelease {
      background: #75ced0; }
  .EventList .event_title {
    font-weight: bold; }
  .EventList .event_info {
    font-size: 0.875rem;
    /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
    /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
    margin-bottom: 0.5em; }
  .EventList .event_summary {
    font-size: 1rem; }
    @media (max-width: 767.98px) {
      .EventList .event_summary {
        margin-bottom: 1rem; } }
  .EventList .event_thumbnail {
    width: 100%;
    max-width: 300px;
    border-radius: 1rem; }
  .EventList .except_wrap {
    position: relative;
    /*.readMore_wrap{
		    display: inline-block;
		    position: absolute;
		    right: 0;
		    bottom: 0;
		    background: $color-light-orange;
		}*/ }
    .EventList .except_wrap .except_content_wrap {
      overflow: hidden;
      height: 2.4em; }
    .EventList .except_wrap .showLess_btn {
      display: none; }
    .EventList .except_wrap.showMore .except_content_wrap {
      height: auto; }
    .EventList .except_wrap.showMore .readMore_wrap {
      display: none; }
    .EventList .except_wrap.showMore .showLess_btn {
      display: block; }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
.custom-card-slide {
  padding: 1rem 0.75rem; }

.custom-card {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  border-radius: 1rem;
  overflow: hidden; }
  .custom-card .custom-card-img_wrap {
    position: relative; }
  .custom-card .custom-card-img-bg {
    position: relative;
    width: 100%;
    padding-top: 60%;
    background-size: cover;
    background-position: center; }
  .custom-card .custom-card-body {
    text-align: left;
    padding: 0.75rem 2rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .custom-card .custom-card-title {
    margin-bottom: 1rem; }

.custom-card-gallery {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 1rem; }
  .custom-card-gallery a {
    display: block;
    background-color: #ffffff; }
    .custom-card-gallery a:hover .playIcon {
      opacity: 0.8; }
    .custom-card-gallery a:hover .custom-card-img-bg::after {
      opacity: 0.2; }
  .custom-card-gallery .custom-card-img_wrap {
    position: relative;
    padding: 0 1rem; }
    @media (max-width: 767.98px) {
      .custom-card-gallery .custom-card-img_wrap {
        padding: 0 0.75rem; } }
  .custom-card-gallery .custom-card-img-bg {
    position: relative;
    width: 100%;
    padding-top: 60%;
    background-size: cover;
    background-position: center; }
    .custom-card-gallery .custom-card-img-bg::after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #ffffff;
      opacity: 0; }
  .custom-card-gallery .playIcon {
    width: 3.375rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media (max-width: 767.98px) {
      .custom-card-gallery .playIcon {
        width: 3rem; } }
  .custom-card-gallery .custom-card-body {
    text-align: center;
    -webkit-box-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.4);
    padding: 0.75rem 1rem;
    margin: 0 0.5rem 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media (max-width: 767.98px) {
      .custom-card-gallery .custom-card-body {
        padding: 0.75rem; } }
    .custom-card-gallery .custom-card-body .date {
      font-size: 0.875rem;
      /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
      /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

.custom-card-photo {
  padding: 0.625rem 0.625rem 3rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  margin-bottom: 2rem; }
  @media (max-width: 767.98px) {
    .custom-card-photo {
      padding-bottom: 2.125rem; } }
  .custom-card-photo a {
    display: block; }
    .custom-card-photo a:hover .custom-card-img-bg::after {
      opacity: 0.2; }
  .custom-card-photo .custom-card-img_wrap {
    position: relative; }
  .custom-card-photo .custom-card-img-bg {
    position: relative;
    width: 100%;
    padding-top: 85%;
    background-size: cover;
    background-position: center; }
    .custom-card-photo .custom-card-img-bg::after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #ffffff;
      opacity: 0; }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
.Faq {
  font-size: 1.25rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
  .Faq .faq_wrap {
    margin-bottom: 1rem; }
  .Faq .question_btn {
    line-height: 1.5;
    position: relative;
    display: block;
    background: #fff4f3;
    color: #e99781;
    font-weight: bold;
    padding: 1rem 2rem;
    padding-right: 5.5rem;
    width: 100%;
    text-align: left; }
    .Faq .question_btn:focus {
      outline: none; }
    .Faq .question_btn:focus-visible {
      outline: -webkit-focus-ring-color auto 1px; }
    .Faq .question_btn:hover {
      background-color: #ffe2df; }
    .Faq .question_btn::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 2rem;
      width: 1.5rem;
      height: 100%;
      background-image: url(../images/common/plus-orange.svg);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat; }
    .Faq .question_btn[aria-expanded="true"]::after {
      background-image: url(../images/common/minus-orange.svg); }
  .Faq .answer_wrap {
    line-height: 1.5;
    background: #fff4f3;
    padding: 1rem 2rem; }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
@-webkit-keyframes sparkle_ani {
  0% {
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes sparkle_ani {
  0% {
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1; }
  100% {
    opacity: 0; } }

.Game {
  position: relative;
  font-size: 1440px;
  overflow: hidden;
  letter-spacing: 0.001em; }
  :lang(en) .Game {
    letter-spacing: 0; }
  .Game * {
    position: absolute;
    background-color: transparent; }
  .Game br {
    position: relative; }
  .Game b {
    position: relative; }
  .Game img {
    pointer-events: none; }
  .Game button {
    padding: 0;
    margin: 0; }
    .Game button:focus {
      outline: none; }
    .Game button:focus-visible {
      outline: -webkit-focus-ring-color auto 1px; }
  .Game .fullW, .Game .fullWH {
    width: 100%;
    top: 0;
    left: 0; }
  .Game .fullWH {
    height: 100%; }
  .Game .scene {
    width: 100%;
    height: 100%;
    display: none; }
    .Game .scene.active .levelProgress_wrap {
      top: 0; }
  .Game .bigTitle {
    color: #e73465;
    font-weight: bold;
    font-size: 4.72%; }
  .Game .bigTitle2 {
    color: #e73465;
    font-weight: bold;
    font-size: 4.17%; }
  .Game p {
    margin-bottom: 0.1em;
    font-size: 1.39%;
    line-height: 1.2; }
    .Game p.big {
      font-size: 1.94%; }
    .Game p.bigger {
      font-size: 2.22%; }
    .Game p.bigger2 {
      font-size: 2.5%; }
  .Game h4 {
    margin-bottom: 0.1em;
    font-size: 2.22%;
    line-height: 1.2;
    font-weight: bold; }
  .Game .rectBtn {
    font-size: 1.81%;
    font-weight: bold;
    text-align: center;
    padding: 0.6em 1.2em;
    border-radius: 0.6em;
    background-color: #bc473b;
    color: #ffffff; }
    .Game .rectBtn:hover, .Game .rectBtn:focus {
      background-color: #ff8b88; }
    .Game .rectBtn--pink {
      background-color: #e73465; }
      .Game .rectBtn--pink:hover, .Game .rectBtn--pink:focus {
        background-color: #eb7556; }
  .Game .gameProgress_wrap {
    pointer-events: none;
    /*
    .progressTitle_wrap{

      .progressTitle{
        @include tranformSelfCenter();
        font-size: toWPercentage(18);
        color: rgba($color-white, 0.4);
        left: toWPercentage(92);

        &.active{
          color: $color-game-dark-orange;
          font-size: toWPercentage(26);
          font-weight: bold;
        }
        &:nth-child(1){
          top: toHPercentage(94);
        }
        &:nth-child(2){
          top: toHPercentage(210);
        }
        &:nth-child(3){
          top: toHPercentage(302);
        }
        &:nth-child(4){
          top: toHPercentage(396);
        }
        &:nth-child(5){
          top: toHPercentage(488);
        }

      }

    }
    */ }
  .Game .levelProgress_wrap {
    pointer-events: none;
    top: 20%;
    -webkit-transition: top 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out; }
  .Game .levelProgress {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.22%;
    top: 94.62%;
    display: none; }
    .Game .levelProgress.progress1 {
      left: 16.67%; }
    .Game .levelProgress.progress2 {
      left: 19.58%; }
    .Game .levelProgress.progress3 {
      left: 22.5%; }
    .Game .levelProgress.progress4 {
      left: 25.42%; }
    .Game .levelProgress.progress5 {
      left: 28.33%; }
  .Game .bubble_wrap {
    display: none;
    color: #bc473b; }
    .Game .bubble_wrap h4, .Game .bubble_wrap p {
      text-align: center; }
    .Game .bubble_wrap .message h4, .Game .bubble_wrap .message p {
      position: relative; }
    .Game .bubble_wrap--green {
      color: #0a5972; }
  .Game .closeBtn {
    display: block;
    width: 2.5%; }
    .Game .closeBtn .content {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0; }
      .Game .closeBtn .content::after {
        position: relative;
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 100%;
        background-image: url(../images/game/common/close-orange.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%; }
    .Game .closeBtn:focus .content {
      outline: none !important; }
    .Game .closeBtn:focus-visible .content {
      outline: -webkit-focus-ring-color auto 1px !important; }
    .Game .closeBtn:hover .content::after, .Game .closeBtn.focus .content::after {
      background-image: url(../images/game/common/close-orange-hover.png); }
    .Game .closeBtn--green .content::after {
      background-image: url(../images/game/common/close-green.png); }
    .Game .closeBtn--green:hover .content::after, .Game .closeBtn--green.focus .content::after {
      background-image: url(../images/game/common/close-green-hover.png); }
  .Game .helpBtn {
    display: block;
    left: 93.75%;
    top: 83.15%;
    width: 4.31%;
    height: 11.11%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/game/common/question-mark.png); }
    .Game .helpBtn:hover, .Game .helpBtn--icon {
      background-image: url(../images/game/common/question-mark-hover.png); }
  .Game .helpOlStart {
    display: none; }
  .Game .helpOl_wrap {
    display: none;
    background-color: rgba(255, 124, 102, 0.9); }
    .Game .helpOl_wrap .message {
      color: #ffffff;
      text-align: center;
      left: 19.44%;
      top: 26.52%;
      width: 61.11%; }
      .Game .helpOl_wrap .message > * {
        position: relative; }
      .Game .helpOl_wrap .message h4 {
        margin-bottom: 1em; }
      .Game .helpOl_wrap .message div {
        display: inline; }
      .Game .helpOl_wrap .message .roundEndsBtn {
        margin-top: 2em;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
  .Game .roundEndsBtn {
    font-size: 2.22%;
    background-color: #ffffff;
    color: #ff7c66;
    padding: 0.3em 0.6em;
    border-radius: 1em;
    min-width: 5em; }
    .Game .roundEndsBtn:hover, .Game .roundEndsBtn:focus {
      background-color: #fdbfb5;
      color: #ffffff; }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
#page-home {
  text-align: center; }
  #page-home .home_participants_wrap .participants-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #page-home .home_participants_wrap .participants-content .circle_wrap {
      position: relative;
      width: 30%;
      padding-top: 30%;
      display: inline-block;
      margin-top: 2rem; }
      #page-home .home_participants_wrap .participants-content .circle_wrap:nth-child(odd) {
        margin-top: 4rem; }
      #page-home .home_participants_wrap .participants-content .circle_wrap:nth-child(1) .circle {
        background-image: url(../images/home/circle1.png); }
      #page-home .home_participants_wrap .participants-content .circle_wrap:nth-child(2) .circle {
        background-image: url(../images/home/circle2.png); }
      #page-home .home_participants_wrap .participants-content .circle_wrap:nth-child(3) .circle {
        background-image: url(../images/home/circle3.png); }
    #page-home .home_participants_wrap .participants-content .circle {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding-top: 100%;
      border-radius: 50%;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      color: #452702;
      font-size: 2.5rem;
      /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
      /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
      :lang(en) #page-home .home_participants_wrap .participants-content .circle {
        font-size: 2rem;
        /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
        /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }
      @media (max-width: 359.98px) {
        #page-home .home_participants_wrap .participants-content .circle {
          font-size: 1.75rem;
          /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
          /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ } }
      #page-home .home_participants_wrap .participants-content .circle:hover, #page-home .home_participants_wrap .participants-content .circle:active, #page-home .home_participants_wrap .participants-content .circle:focus {
        color: #e73465; }
      #page-home .home_participants_wrap .participants-content .circle > span {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        line-height: 1.2; }
    @media (max-width: 991.98px) {
      #page-home .home_participants_wrap .participants-content {
        display: block;
        text-align: left; }
        #page-home .home_participants_wrap .participants-content .circle_wrap {
          text-align: center;
          width: 45%;
          padding-top: 45%;
          margin: 0;
          margin-bottom: -20%; }
          #page-home .home_participants_wrap .participants-content .circle_wrap:nth-child(odd) {
            margin-top: 0; }
          #page-home .home_participants_wrap .participants-content .circle_wrap:nth-child(even) {
            margin-top: -5%;
            margin-left: 55%; }
          #page-home .home_participants_wrap .participants-content .circle_wrap:last-child {
            margin-top: 3%;
            margin-left: 5%;
            margin-bottom: 0%; } }
    @media (max-width: 767.98px) {
      #page-home .home_participants_wrap .participants-content .circle_wrap {
        width: 60%;
        padding-top: 60%;
        margin-bottom: -5%; }
        #page-home .home_participants_wrap .participants-content .circle_wrap:nth-child(even) {
          margin-left: 40%;
          margin-top: -10%;
          margin-bottom: -10%; } }
  #page-home .home_news_wrap {
    overflow: hidden;
    /*
    background-image: url(../images/home/news-bg.png);
    background-repeat: no-repeat;;
    background-position: center 3.75rem;
    background-size: 100%;
    @include media-breakpoint-down(sm){
      background-image: url(../images/home/news-bg-mobile.png);
    }
    */ }
    #page-home .home_news_wrap .news-bg {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1); }
      @media (max-width: 1199.98px) {
        #page-home .home_news_wrap .news-bg {
          -webkit-transform: translate(-50%, -50%) scale(1.06);
          -ms-transform: translate(-50%, -50%) scale(1.06);
          transform: translate(-50%, -50%) scale(1.06); } }
      @media (max-width: 991.98px) {
        #page-home .home_news_wrap .news-bg {
          -webkit-transform: translate(-50%, -50%) scale(1.1);
          -ms-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1); } }
      @media (max-width: 767.98px) {
        #page-home .home_news_wrap .news-bg {
          -webkit-transform: translate(-50%, -50%) scale(1);
          -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1); } }
      @media (max-width: 575.98px) {
        #page-home .home_news_wrap .news-bg {
          -webkit-transform: translate(-50%, -50%) scale(1.15);
          -ms-transform: translate(-50%, -50%) scale(1.15);
          transform: translate(-50%, -50%) scale(1.15); } }
    #page-home .home_news_wrap .news-content {
      position: relative; }
      #page-home .home_news_wrap .news-content h2 {
        color: #452702; }
    @media (max-width: 767.98px) {
      #page-home .home_news_wrap .swiper-container-ue.swiper-container-initialized {
        overflow: visible; } }
    #page-home .home_news_wrap .custom-card-body {
      text-align: left;
      font-size: 1rem; }
      @media (max-width: 767.98px) {
        #page-home .home_news_wrap .custom-card-body {
          font-size: 1.25rem;
          /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
          /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ } }
      #page-home .home_news_wrap .custom-card-body a {
        display: block; }
      #page-home .home_news_wrap .custom-card-body .learnMore {
        font-size: 0.875rem;
        /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
        /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/
        color: #000000;
        display: inline-block; }
        #page-home .home_news_wrap .custom-card-body .learnMore:hover, #page-home .home_news_wrap .custom-card-body .learnMore:focus {
          border-bottom: 1px solid #e99781; }
  #page-home .home_game_wrap {
    text-align: left;
    color: #5e534f; }
    @media (max-width: 767.98px) {
      #page-home .home_game_wrap {
        text-align: center; } }
    #page-home .home_game_wrap .game-content {
      background: #f3e7d9; }
    #page-home .home_game_wrap #test1 {
      /*
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

flex-direction: column;

      flex-grow: 1;*/
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      /*align-content: center;*/
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
    #page-home .home_game_wrap .matchHcol {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      #page-home .home_game_wrap .matchHcol .matchHContent {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      #page-home .home_game_wrap .link_questionMark {
      position: relative;
      padding-left: 1.4em; 
      color: #2A1904;}
      #page-home .home_game_wrap .link_questionMark::before {
        content: '';
        display: block;
        background: no-repeat center;
        background-image: url(../images/common/question.svg);
        background-size: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        height: 1.2em;
        width: 1.2em;
       }
      #page-home .home_game_wrap .link_questionMark:hover::before, #page-home .home_game_wrap .link_questionMark:focus::before {
        background-image: url(../images/common/question-orange.svg);
        color: #B44341 !important;
        text-decoration: underline !important;
        }
        #page-home .home_game_wrap .link_questionMark:hover {
        color: #B44341;
        text-decoration: underline;
        }
/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
#page-about .subhead-orange, .page-about-content .subhead-orange {
  color: #e99781;
  font-weight: bold;
  font-size: 1.75rem;
  /*
    $enName: $name + "-en";
    @include onlyEN(){
        font-size: map-get( $fontSizes, $enName );
    }
    */
  /*@include media-breakpoint-down(md){
        font-size: map-get( $fontSizes_mobile, $name );

    }*/ }

#page-about .Diagram .box_wrap, .page-about-content .Diagram .box_wrap {
  border-radius: 2rem; }
  @media (max-width: 767.98px) {
    #page-about .Diagram .box_wrap, .page-about-content .Diagram .box_wrap {
      border-radius: 1rem; } }
  @media (max-width: 767.98px) {
    :lang(en) #page-about .Diagram .box_wrap p, :lang(en) .page-about-content .Diagram .box_wrap p {
      font-size: 1.125rem; } }
  @media (max-width: 359.98px) {
    :lang(en) #page-about .Diagram .box_wrap, :lang(en) .page-about-content .Diagram .box_wrap {
      padding: 0.5rem; }
      :lang(en) #page-about .Diagram .box_wrap p, :lang(en) .page-about-content .Diagram .box_wrap p {
        font-size: 1.125rem; } }

@media (max-width: 575.98px) {
  #page-about #box_wrap1_2, .page-about-content #box_wrap1_2 {
    margin-top: 2rem; } }

#page-about .answer_wrap, #page-about .answer_wrap_m, .page-about-content .answer_wrap, .page-about-content .answer_wrap_m {
  position: relative;
  width: 100%;
  height: 1px; }
  #page-about .answer_wrap .imgTxt, #page-about .answer_wrap_m .imgTxt, .page-about-content .answer_wrap .imgTxt, .page-about-content .answer_wrap_m .imgTxt {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0; }
  #page-about .answer_wrap .box_wrap, #page-about .answer_wrap_m .box_wrap, .page-about-content .answer_wrap .box_wrap, .page-about-content .answer_wrap_m .box_wrap {
    display: inline-block;
    position: absolute;
    z-index: 10;
    white-space: nowrap; }
    :lang(en) #page-about .answer_wrap .box_wrap, :lang(en) #page-about .answer_wrap_m .box_wrap, :lang(en) .page-about-content .answer_wrap .box_wrap, :lang(en) .page-about-content .answer_wrap_m .box_wrap {
      white-space: normal; }

#page-about .answer_wrap, .page-about-content .answer_wrap {
  padding-top: 58.46%;
  margin-bottom: 6rem; }
  :lang(en) #page-about .answer_wrap, :lang(en) .page-about-content .answer_wrap {
    margin-bottom: 8rem; }
  #page-about .answer_wrap #box_wrap2_1, .page-about-content .answer_wrap #box_wrap2_1 {
    top: 82.5%;
    left: 22%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    :lang(en) #page-about .answer_wrap #box_wrap2_1, :lang(en) .page-about-content .answer_wrap #box_wrap2_1 {
      -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      top: 80%;
      max-width: 26rem; }
      @media (max-width: 991.98px) {
        :lang(en) #page-about .answer_wrap #box_wrap2_1, :lang(en) .page-about-content .answer_wrap #box_wrap2_1 {
          max-width: 18rem; } }
  #page-about .answer_wrap #box_wrap2_2, .page-about-content .answer_wrap #box_wrap2_2 {
    top: 39.5%;
    right: 0; }
    :lang(en) #page-about .answer_wrap #box_wrap2_2, :lang(en) .page-about-content .answer_wrap #box_wrap2_2 {
      max-width: 22rem; }
      @media (max-width: 991.98px) {
        :lang(en) #page-about .answer_wrap #box_wrap2_2, :lang(en) .page-about-content .answer_wrap #box_wrap2_2 {
          right: -0.5rem;
          max-width: 20rem; } }
  #page-about .answer_wrap #box_wrap2_3, .page-about-content .answer_wrap #box_wrap2_3 {
    top: 97.5%;
    right: 0; }
    :lang(en) #page-about .answer_wrap #box_wrap2_3, :lang(en) .page-about-content .answer_wrap #box_wrap2_3 {
      max-width: 22rem; }
      @media (max-width: 991.98px) {
        :lang(en) #page-about .answer_wrap #box_wrap2_3, :lang(en) .page-about-content .answer_wrap #box_wrap2_3 {
          right: -0.5rem;
          max-width: 20rem; } }

#page-about .answer_wrap_m, .page-about-content .answer_wrap_m {
  padding-top: 116.75%; }
  @media (max-width: 767.98px) {
    :lang(en) body:not([id="page-about"]) #page-about .answer_wrap_m, :lang(en) body:not([id="page-about"]) .page-about-content .answer_wrap_m {
      margin-top: 18%; } }
  @media (max-width: 359.98px) {
    :lang(en) body:not([id="page-about"]) #page-about .answer_wrap_m, :lang(en) body:not([id="page-about"]) .page-about-content .answer_wrap_m {
      margin-top: 30%; } }
  #page-about .answer_wrap_m #box_wrap2_1_m, .page-about-content .answer_wrap_m #box_wrap2_1_m {
    top: 20.5%;
    left: 33.5%;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }

#page-about .about_contact_wrap .d-table, .page-about-content .about_contact_wrap .d-table {
  table-layout: fixed; }
  #page-about .about_contact_wrap .d-table .d-table-row, .page-about-content .about_contact_wrap .d-table .d-table-row {
    vertical-align: top; }
    #page-about .about_contact_wrap .d-table .d-table-row .d-table-cell, .page-about-content .about_contact_wrap .d-table .d-table-row .d-table-cell {
      padding: 0.2em; }
      #page-about .about_contact_wrap .d-table .d-table-row .d-table-cell:first-child, .page-about-content .about_contact_wrap .d-table .d-table-row .d-table-cell:first-child {
        padding-left: 0;
        white-space: nowrap; }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
.page-brands-content {
  /*
  .brand_img_wrap{
    width: 100%;
    padding-top: 180/320 * 100%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  */ }
  .page-brands-content .link_washPdt {
    border-bottom: 2px solid;
    border-color: inherit; }
  .page-brands-content .link_loadMore:hover {
    border-bottom: 2px solid; }
  .page-brands-content .link_fullList {
    color: #e99781; }
    .page-brands-content .link_fullList:hover, .page-brands-content .link_fullList:active, .page-brands-content .link_fullList:focus {
      border-bottom: 2px solid;
      border-color: inherit; }
  .page-brands-content .brand-slide {
    position: relative;
    padding: 0.25rem 0.75rem;
    text-align: center; }
    .page-brands-content .brand-slide .slide-content {
      position: relative;
      display: inline-block;
      max-width: 200px; }
  .page-brands-content .brandLogo_hoverArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    opacity: 0; }
    .page-brands-content .brandLogo_hoverArea:hover, .page-brands-content .brandLogo_hoverArea:focus {
      opacity: 1; }
    .page-brands-content .brandLogo_hoverArea .brandName_wrap {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 0;
      padding-top: 100%;
      word-break: break-word; }
      .page-brands-content .brandLogo_hoverArea .brandName_wrap .bg {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #e99781;
        border-radius: 50%;
        opacity: 0.95; }
      .page-brands-content .brandLogo_hoverArea .brandName_wrap .brandName {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        color: #ffffff; }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .page-brands-content #brandsList_wrap .form-check {
      width: 20%; } }
  @media only screen and (min-width: 768px) and (max-width: 800px) {
    :lang(en) .page-brands-content #brandsList_wrap .form-check {
      width: 20%; } }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
#page-participants .legend-na.legend-icon {
  padding: 0 0.3em; }

@media (min-width: 576px) and (max-width: 767.98px) {
  #page-participants #participantsList_wrap .form-check {
    width: 20%; } }

:lang(en) #page-participants #participantsList_wrap .form-check {
  width: 20%; }
  @media (max-width: 1199.98px) {
    :lang(en) #page-participants #participantsList_wrap .form-check {
      width: auto; } }

#page-participants #participants_table td {
  min-width: 5em; }

/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
/*
$min-w-tablet: 768px;
$max-w-tablet: 1023.98px;
$min-w-desktop: 1024px;
$max-w-desktop: 1279.98px;
$min-w-lg-desktop: 1280px;
$mobile:	"( max-width: " + $max-w-sm + " )";

$tablet:	"( min-width: " + $min-w-tablet + " ) and ( max-width: " + $max-w-tablet + " )";
$desktop:	"( min-width: " + $min-w-desktop + " ) and ( max-width: " + $min-w-desktop + " )";
$lg-desktop:	"( min-width: " + $min-w-lg-desktop + " )";

*/
/*
//typo
$lineH_s: 1.3;//1.2
$lineH_m: 1.5;
$lineH_ml: 1.7;
$lineH_l: 2;

$letterSp: 0.2em;

$fontWeight_thin: 200;
*/
/*
//Shadow
$boxShadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);
$boxShadow_darker:0px 2px 20px 0px rgba(0, 0, 0, 0.3);
$boxShadow_noTop: 0 5px 5px rgba(0, 0, 0, 0.1);
$boxShadow_darker_noTop: 0 5px 5px rgba(0, 0, 0, 0.3);
*/
/*

$gridMaxWidth_narrow: 1058+40+40px;
$gridMaxWidth: 1280px;//1380px;
$gridMaxWidth_wider: 1600px;//1440px;
$gridPercent: 94%;
$gridPercentS: 90%;


$cmSpacing: 1.25rem;
$cmSpacing_rem_num: 1.25;
$cmSpacing_px: 20px;
$cmSpacing_px_num: 20;

$gapSpacing: $cmSpacing;//1rem;

$global_shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);


$inactiveAlpha: 0.3;
$olOpacity: 0.5;

*/
/*
$fontSizes_mobile: (
  'big': 1.5rem, //24px

  'mediumBig2': 1.25rem, //20px

  'mediumBig': 1.125em, //18px

  'medium': 0.938rem, //15px

  'small': .875rem, //14px

  'menu': 0.938rem, //15px
);
*/
/*
@mixin getWrapperWidth() {
    width: $gridPercent;
    @media screen and (max-width: 767px) {
        $gridPercentS: 90%;
    }
}
*/
#page-game #totop {
  display: none !important; }

#page-game #game_wrap {
  width: 100%;
  height: 0;
  padding-bottom: 38.75%; }

#page-game #scene0 {
  background: center no-repeat transparent;
  background-image: url(../images/common/loading.gif);
  display: block; }

#page-game #scene1 #text_wrap1_1 {
  text-align: right;
  width: 51.39%;
  top: 25.09%;
  left: 9.72%; }
  :lang(en) #page-game #scene1 #text_wrap1_1 {
    width: 63.89%;
    top: 25.09%;
    left: 4.17%; }
  #page-game #scene1 #text_wrap1_1 p {
    position: relative; }

#page-game #scene1 #start_btn {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 77.78%;
  top: 39.43%;
  min-width: 17.36%; }
  :lang(en) #page-game #scene1 #start_btn {
    left: 81.94%; }

#page-game #scene2 .microbead {
  display: block;
  width: 0.83%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  #page-game #scene2 .microbead .content {
    display: block;
    position: relative;
    width: 100%;
    padding: 16.66667%; }
    #page-game #scene2 .microbead .content::after {
      position: relative;
      content: "";
      display: block;
      width: 100%;
      padding-bottom: 100%;
      background: #83ccc6;
      border-radius: 50%; }
  #page-game #scene2 .microbead.clicked {
    pointer-events: none; }
    #page-game #scene2 .microbead.clicked .content::after {
      background: #cccccc; }
  @media (max-width: 767.98px) {
    #page-game #scene2 .microbead {
      width: 1.25%; }
      #page-game #scene2 .microbead .content {
        padding: 27.77778%; } }

#page-game #scene2 #microbead1 {
  left: 49.86%;
  top: 51.61%; }

#page-game #scene2 #microbead2 {
  left: 49.17%;
  top: 56.27%; }

#page-game #scene2 #microbead3 {
  left: 50.28%;
  top: 58.42%; }

#page-game #scene2 #microbead4 {
  left: 51.39%;
  top: 63.8%; }

#page-game #scene2 #microbead5 {
  left: 58.75%;
  top: 46.95%; }

#page-game #scene2 #microbead6 {
  left: 60.42%;
  top: 51.25%; }

#page-game #scene2 #microbead7 {
  left: 59.86%;
  top: 56.99%; }

#page-game #scene2 #microbead8 {
  left: 58.61%;
  top: 59.14%; }

#page-game #scene2 #microbead9 {
  left: 58.75%;
  top: 63.8%; }

#page-game #scene2 #task2 {
  left: 15.56%;
  top: 81.72%;
  width: 16.67%; }
  :lang(en) #page-game #scene2 #task2 {
    top: 78.14%; }

#page-game #scene2 .bubble_wrap {
  background-color: rgba(255, 202, 197, 0.8); }
  #page-game #scene2 .bubble_wrap p {
    text-align: center; }

#page-game #scene2 #bubble_wrap2_1 .message {
  left: 15.83%;
  top: 26.88%;
  width: 21.53%; }
  :lang(en) #page-game #scene2 #bubble_wrap2_1 .message {
    top: 21.51%;
    width: 22.22%; }

#page-game #scene2 #bubble_wrap2_1 .remindClose {
  left: 18.75%;
  top: 53.76%;
  width: 15.97%; }
  :lang(en) #page-game #scene2 #bubble_wrap2_1 .remindClose {
    top: 57.35%;
    width: 16.67%; }

#page-game #scene2 #bubble_wrap2_1 .closeBtn {
  left: 33.75%;
  top: 17.56%; }
  :lang(en) #page-game #scene2 #bubble_wrap2_1 .closeBtn {
    top: 10.75%; }

#page-game #scene2 #bubble_wrap2_2 .message {
  left: 70.56%;
  top: 41.22%;
  width: 23.61%; }
  :lang(en) #page-game #scene2 #bubble_wrap2_2 .message {
    left: 65.28%;
    top: 35.84%;
    width: 27.78%; }

#page-game #scene2 #bubble_wrap2_2 .remindClose {
  left: 72.92%;
  top: 68.82%;
  width: 15.97%; }
  :lang(en) #page-game #scene2 #bubble_wrap2_2 .remindClose {
    left: 68.75%;
    top: 73.48%;
    width: 16.67%; }

#page-game #scene2 #bubble_wrap2_2 .closeBtn {
  left: 91.11%;
  top: 34.05%; }
  :lang(en) #page-game #scene2 #bubble_wrap2_2 .closeBtn {
    left: 86.81%;
    top: 23.3%; }

#page-game #scene2 #bubble_wrap2_3 .message {
  left: 15.97%;
  top: 28.67%;
  width: 21.53%; }
  :lang(en) #page-game #scene2 #bubble_wrap2_3 .message {
    top: 23.3%;
    width: 22.22%; }

#page-game #scene2 #bubble_wrap2_3 .remindClose {
  left: 18.75%;
  top: 44.8%;
  width: 15.97%; }
  :lang(en) #page-game #scene2 #bubble_wrap2_3 .remindClose {
    left: 15.97%;
    top: 48.39%;
    width: 21.53%; }

#page-game #scene2 #bubble_wrap2_3 .closeBtn {
  left: 33.75%;
  top: 17.56%; }
  :lang(en) #page-game #scene2 #bubble_wrap2_3 .closeBtn {
    top: 10.75%; }

#page-game #scene2 #bubble_wrap2_3 #nextBtn2 {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 26.39%;
  top: 60.04%;
  font-size: 1.39%; }
  :lang(en) #page-game #scene2 #bubble_wrap2_3 #nextBtn2 {
    top: 62.72%; }

#page-game #scene3 {
  background-color: #fee0ab;
  background-image: url(../images/game/finding-shop/street-bg.png);
  background-repeat: repeat-x;
  background-size: auto 100%; }
  #page-game #scene3[data-streetStep="0"] #shop3_hitArea, #page-game #scene3[data-streetStep="0"] #shop4_hitArea, #page-game #scene3[data-streetStep="0"] #shop5_hitArea {
    display: none; }
  #page-game #scene3[data-streetStep="0"] .bubble_wrap.shop1 {
    left: 42%; }
  #page-game #scene3[data-streetStep="1"] #shop1_hitArea, #page-game #scene3[data-streetStep="1"] #shop4_hitArea, #page-game #scene3[data-streetStep="1"] #shop5_hitArea {
    display: none; }
  #page-game #scene3[data-streetStep="1"] .bubble_wrap.shop2 {
    left: 42%; }
  #page-game #scene3[data-streetStep="2"] #shop1_hitArea, #page-game #scene3[data-streetStep="2"] #shop2_hitArea, #page-game #scene3[data-streetStep="2"] #shop5_hitArea {
    display: none; }
  #page-game #scene3[data-streetStep="2"] .bubble_wrap.shop3 {
    left: 42%; }
  #page-game #scene3[data-streetStep="3"] #shop1_hitArea, #page-game #scene3[data-streetStep="3"] #shop2_hitArea, #page-game #scene3[data-streetStep="3"] #shop3_hitArea {
    display: none; }
  #page-game #scene3[data-streetStep="3"] .bubble_wrap.shop4 {
    left: 42%; }
  #page-game #scene3 #street_wrap {
    width: 200%;
    height: 100%; }
    #page-game #scene3 #street_wrap .shop, #page-game #scene3 #street_wrap #hitArea_wrap3 {
      width: 100%;
      height: 100%; }
    #page-game #scene3 #street_wrap img {
      width: 200%;
      left: 0;
      top: 0; }
    #page-game #scene3 #street_wrap .shop.answered .shopDone {
      display: block !important;
      opacity: 1; }
    #page-game #scene3 #street_wrap .shopDone {
      display: none;
      opacity: 0.1; }
    #page-game #scene3 #street_wrap .hitArea {
      top: 0; }
    #page-game #scene3 #street_wrap #shop1_hitArea {
      left: 11.46%;
      width: 14.51%;
      height: 92.47%; }
    #page-game #scene3 #street_wrap #shop2_hitArea {
      left: 25.56%;
      width: 17.36%;
      height: 91.4%; }
    #page-game #scene3 #street_wrap #shop3_hitArea {
      left: 42.43%;
      width: 13.96%;
      height: 96.42%; }
    #page-game #scene3 #street_wrap #shop4_hitArea {
      left: 55.9%;
      width: 19.65%;
      height: 91.4%; }
    #page-game #scene3 #street_wrap #shop5_hitArea {
      left: 75.35%;
      width: 17.85%;
      height: 93.91%; }
  #page-game #scene3 #answer_wrap3 {
    display: none;
    width: 200%;
    height: 100%; }
    #page-game #scene3 #answer_wrap3 .answer {
      display: none;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 202, 197, 0.8); }
      #page-game #scene3 #answer_wrap3 .answer .correct {
        display: block; }
      #page-game #scene3 #answer_wrap3 .answer .wrong {
        display: none; }
      #page-game #scene3 #answer_wrap3 .answer.wrongAns {
        background-color: rgba(186, 211, 210, 0.8); }
        #page-game #scene3 #answer_wrap3 .answer.wrongAns .correct {
          display: none; }
        #page-game #scene3 #answer_wrap3 .answer.wrongAns .wrong {
          display: block; }
    #page-game #scene3 #answer_wrap3 img {
      width: 200%;
      left: 0;
      top: 0; }
  #page-game #scene3 #bubble_wrap3_correct.lastMessage .message {
    top: 35.84%; }
  #page-game #scene3 #bubble_wrap3_correct.lastMessage #nextBtn3 {
    display: block; }
  #page-game #scene3 #bubble_wrap3_correct .message {
    left: 21.53%;
    top: 39.43%;
    width: 17.78%; }
    :lang(en) #page-game #scene3 #bubble_wrap3_correct .message {
      left: 21.18%; }
  #page-game #scene3 #bubble_wrap3_correct .closeBtn {
    left: 36.94%;
    top: 20.43%; }
  #page-game #scene3 #bubble_wrap3_correct #nextBtn3 {
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 30.14%;
    top: 62.72%;
    font-size: 1.39%; }
  #page-game #scene3 #bubble_wrap3_wrong .message {
    left: 22.22%;
    top: 44.44%;
    width: 13.33%;
    text-align: center; }
  #page-game #scene3 #bubble_wrap3_wrong .closeBtn {
    left: 33.89%;
    top: 35.84%; }
  #page-game #scene3 #task3 {
    left: 15.56%;
    top: 81.72%;
    width: 16.67%; }
    :lang(en) #page-game #scene3 #task3 {
      width: 19.44%; }
  #page-game #scene3 .toL {
    display: none; }
  #page-game #scene3 #gradientL {
    pointer-events: initial;
    width: 17.64%;
    height: 100%;
    left: 0;
    top: 0; }
  #page-game #scene3 #gradientR {
    pointer-events: initial;
    width: 9.38%;
    height: 100%;
    right: 0;
    top: 0; }
  #page-game #scene3 #toL_btn, #page-game #scene3 #toR_btn {
    top: 39.43%;
    width: 4.86%;
    height: 20.79%;
    background-repeat: no-repeat;
    background-size: contain; }
    #page-game #scene3 #toL_btn:hover, #page-game #scene3 #toR_btn:hover {
      opacity: 0.7; }
  #page-game #scene3 #toL_btn {
    left: 9.86%;
    background-image: url(../images/game/finding-shop/arrow-left.png); }
  #page-game #scene3 #toR_btn {
    left: 93.19%;
    background-image: url(../images/game/finding-shop/arrow-right.png); }

#page-game #scene4 #task4 {
  left: 15.56%;
  top: 81.72%;
  width: 18.4%; }
  :lang(en) #page-game #scene4 #task4 {
    width: 30.56%; }

#page-game #scene4 .product, #page-game #scene4 .answer {
  width: 22.64%;
  height: 50.9%; }

#page-game #scene4 .hitArea, #page-game #scene4 #sparkles_wrap4 {
  width: 11.94%;
  height: 26.88%; }

#page-game #scene4 #product3_hitArea, #page-game #scene4 #product6_hitArea {
  height: 21.51%;
  -webkit-transform: translate(-50%, -37.5%);
  -ms-transform: translate(-50%, -37.5%);
  transform: translate(-50%, -37.5%); }

#page-game #scene4 #product7_hitArea {
  width: 7.64%; }

#page-game #scene4 #product8_hitArea {
  height: 17.92%;
  -webkit-transform: translate(-50%, -25%);
  -ms-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%); }

#page-game #scene4 .product, #page-game #scene4 .hitArea, #page-game #scene4 .answer, #page-game #scene4 #sparkles_wrap4 {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  #page-game #scene4 .product.pos1, #page-game #scene4 .product.pos2, #page-game #scene4 .product.pos3, #page-game #scene4 .product.pos4, #page-game #scene4 .hitArea.pos1, #page-game #scene4 .hitArea.pos2, #page-game #scene4 .hitArea.pos3, #page-game #scene4 .hitArea.pos4, #page-game #scene4 .answer.pos1, #page-game #scene4 .answer.pos2, #page-game #scene4 .answer.pos3, #page-game #scene4 .answer.pos4, #page-game #scene4 #sparkles_wrap4.pos1, #page-game #scene4 #sparkles_wrap4.pos2, #page-game #scene4 #sparkles_wrap4.pos3, #page-game #scene4 #sparkles_wrap4.pos4 {
    top: 25.09%; }
  #page-game #scene4 .product.pos5, #page-game #scene4 .product.pos6, #page-game #scene4 .product.pos7, #page-game #scene4 .product.pos8, #page-game #scene4 .hitArea.pos5, #page-game #scene4 .hitArea.pos6, #page-game #scene4 .hitArea.pos7, #page-game #scene4 .hitArea.pos8, #page-game #scene4 .answer.pos5, #page-game #scene4 .answer.pos6, #page-game #scene4 .answer.pos7, #page-game #scene4 .answer.pos8, #page-game #scene4 #sparkles_wrap4.pos5, #page-game #scene4 #sparkles_wrap4.pos6, #page-game #scene4 #sparkles_wrap4.pos7, #page-game #scene4 #sparkles_wrap4.pos8 {
    top: 56.63%; }
  #page-game #scene4 .product.pos1, #page-game #scene4 .product.pos5, #page-game #scene4 .hitArea.pos1, #page-game #scene4 .hitArea.pos5, #page-game #scene4 .answer.pos1, #page-game #scene4 .answer.pos5, #page-game #scene4 #sparkles_wrap4.pos1, #page-game #scene4 #sparkles_wrap4.pos5 {
    left: 25.21%; }
  #page-game #scene4 .product.pos2, #page-game #scene4 .product.pos6, #page-game #scene4 .hitArea.pos2, #page-game #scene4 .hitArea.pos6, #page-game #scene4 .answer.pos2, #page-game #scene4 .answer.pos6, #page-game #scene4 #sparkles_wrap4.pos2, #page-game #scene4 #sparkles_wrap4.pos6 {
    left: 37.71%; }
  #page-game #scene4 .product.pos3, #page-game #scene4 .product.pos7, #page-game #scene4 .hitArea.pos3, #page-game #scene4 .hitArea.pos7, #page-game #scene4 .answer.pos3, #page-game #scene4 .answer.pos7, #page-game #scene4 #sparkles_wrap4.pos3, #page-game #scene4 #sparkles_wrap4.pos7 {
    left: 53.96%; }
  #page-game #scene4 .product.pos4, #page-game #scene4 .product.pos8, #page-game #scene4 .hitArea.pos4, #page-game #scene4 .hitArea.pos8, #page-game #scene4 .answer.pos4, #page-game #scene4 .answer.pos8, #page-game #scene4 #sparkles_wrap4.pos4, #page-game #scene4 #sparkles_wrap4.pos8 {
    left: 66.46%; }

#page-game #scene4 .product.answered .greyout {
  display: block !important;
  opacity: 1; }

#page-game #scene4 .greyout {
  display: none;
  opacity: 0.2; }

#page-game #scene4 #answer_wrap4 {
  display: none;
  background-color: rgba(255, 202, 197, 0.8); }
  #page-game #scene4 #answer_wrap4.wrongAns {
    background-color: rgba(186, 211, 210, 0.8); }

#page-game #scene4 #bubble_wrap4_correct.lastMessage .message {
  top: 37.63%; }
  :lang(en) #page-game #scene4 #bubble_wrap4_correct.lastMessage .message {
    top: 37.28%; }

#page-game #scene4 #bubble_wrap4_correct.lastMessage #nextBtn4 {
  display: block; }

#page-game #scene4 #bubble_wrap4_correct .message {
  left: 78.33%;
  top: 41.22%;
  width: 15.69%;
  text-align: center; }
  :lang(en) #page-game #scene4 #bubble_wrap4_correct .message {
    top: 39.43%; }

#page-game #scene4 #bubble_wrap4_correct .closeBtn {
  left: 93.06%;
  top: 35.84%; }

#page-game #scene4 #bubble_wrap4_correct #nextBtn4 {
  display: none;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 85.97%;
  top: 62.72%;
  font-size: 1.39%; }
  :lang(en) #page-game #scene4 #bubble_wrap4_correct #nextBtn4 {
    top: 67.38%; }

#page-game #scene4 #bubble_wrap4_wrong .message {
  left: 76.81%;
  top: 43.01%;
  width: 18.19%;
  text-align: center; }
  :lang(en) #page-game #scene4 #bubble_wrap4_wrong .message {
    top: 40.5%; }

#page-game #scene4 #bubble_wrap4_wrong .closeBtn {
  left: 95.42%;
  top: 38.17%; }

#page-game #scene4 #sparklesIndicator4 {
  display: none; }

#page-game #scene4 #sparkles_wrap4 {
  display: none; }
  #page-game #scene4 #sparkles_wrap4.startAni #sparkles4_1 {
    -webkit-animation-name: sparkle_ani;
    animation-name: sparkle_ani;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2; }
  #page-game #scene4 #sparkles_wrap4.startAni #sparkles4_2 {
    -webkit-animation-name: sparkle_ani;
    animation-name: sparkle_ani;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  #page-game #scene4 #sparkles_wrap4 .sparkles {
    -webkit-animation: none;
    animation: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 5%;
    top: 0;
    -webkit-transform-origin: 85% 15%;
    -ms-transform-origin: 85% 15%;
    transform-origin: 85% 15%;
    opacity: 0; }
  #page-game #scene4 #sparkles_wrap4 #sparkles4_2 {
    left: -75%;
    top: 65%; }
  #page-game #scene4 #sparkles_wrap4 .sparklesOn {
    display: none; }

#page-game #scene5 #task5 {
  left: 15.42%;
  top: 85.3%;
  width: 21.53%; }
  :lang(en) #page-game #scene5 #task5 {
    width: 23.61%; }

#page-game #scene5 .food, #page-game #scene5 .answer {
  width: 22.36%;
  height: 55.56%; }

#page-game #scene5 .hitArea, #page-game #scene5 #sparkles_wrap5 {
  width: 12.64%;
  height: 31.36%; }

#page-game #scene5 #food1_hitArea {
  width: 7.78%;
  height: 27.24%;
  -webkit-transform: translate(-50%, -42.43421%);
  -ms-transform: translate(-50%, -42.43421%);
  transform: translate(-50%, -42.43421%); }

#page-game #scene5 #food2_hitArea {
  width: 2.36%;
  height: 14.7%;
  -webkit-transform: translate(32.35294%, 6.70732%);
  -ms-transform: translate(32.35294%, 6.70732%);
  transform: translate(32.35294%, 6.70732%); }

#page-game #scene5 #food3_hitArea {
  width: 9.31%;
  height: 21.51%;
  -webkit-transform: translate(-30.22388%, -27.08333%);
  -ms-transform: translate(-30.22388%, -27.08333%);
  transform: translate(-30.22388%, -27.08333%); }

#page-game #scene5 #food4_hitArea {
  width: 5.42%;
  height: 21.86%;
  -webkit-transform: translate(10.25641%, -28.27869%);
  -ms-transform: translate(10.25641%, -28.27869%);
  transform: translate(10.25641%, -28.27869%); }

#page-game #scene5 #food5_hitArea {
  width: 5%;
  height: 17.2%;
  -webkit-transform: translate(0.69444%, -8.85417%);
  -ms-transform: translate(0.69444%, -8.85417%);
  transform: translate(0.69444%, -8.85417%); }

#page-game #scene5 #food6_hitArea {
  width: 10.69%;
  height: 20.79%;
  -webkit-transform: translate(-50%, -24.56897%);
  -ms-transform: translate(-50%, -24.56897%);
  transform: translate(-50%, -24.56897%); }

#page-game #scene5 #food7_hitArea {
  width: 4.03%;
  height: 17.2%;
  -webkit-transform: translate(-50%, -8.85417%);
  -ms-transform: translate(-50%, -8.85417%);
  transform: translate(-50%, -8.85417%); }

#page-game #scene5 #food8_hitArea {
  width: 3.61%; }

#page-game #scene5 #food9_hitArea {
  width: 5.69%;
  height: 25.81%;
  -webkit-transform: translate(-92.68293%, -39.23611%);
  -ms-transform: translate(-92.68293%, -39.23611%);
  transform: translate(-92.68293%, -39.23611%); }

#page-game #scene5 #food10_hitArea {
  width: 3.13%;
  height: 26.88%;
  -webkit-transform: translate(-202.22222%, -41.66667%);
  -ms-transform: translate(-202.22222%, -41.66667%);
  transform: translate(-202.22222%, -41.66667%); }

#page-game #scene5 #food11_hitArea {
  width: 6.6%;
  height: 19.71%;
  -webkit-transform: translate(-93.68421%, -15%);
  -ms-transform: translate(-93.68421%, -15%);
  transform: translate(-93.68421%, -15%); }

#page-game #scene5 #food12_hitArea {
  width: 5.69%;
  height: 14.34%;
  -webkit-transform: translate(-110.36585%, 5%);
  -ms-transform: translate(-110.36585%, 5%);
  transform: translate(-110.36585%, 5%); }

#page-game #scene5 .food, #page-game #scene5 .hitArea, #page-game #scene5 .answer, #page-game #scene5 #sparkles_wrap5 {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  #page-game #scene5 .food.pos1, #page-game #scene5 .food.pos2, #page-game #scene5 .food.pos3, #page-game #scene5 .hitArea.pos1, #page-game #scene5 .hitArea.pos2, #page-game #scene5 .hitArea.pos3, #page-game #scene5 .answer.pos1, #page-game #scene5 .answer.pos2, #page-game #scene5 .answer.pos3, #page-game #scene5 #sparkles_wrap5.pos1, #page-game #scene5 #sparkles_wrap5.pos2, #page-game #scene5 #sparkles_wrap5.pos3 {
    top: 18.82%; }
  #page-game #scene5 .food.pos1, #page-game #scene5 .food.pos6, #page-game #scene5 .hitArea.pos1, #page-game #scene5 .hitArea.pos6, #page-game #scene5 .answer.pos1, #page-game #scene5 .answer.pos6, #page-game #scene5 #sparkles_wrap5.pos1, #page-game #scene5 #sparkles_wrap5.pos6 {
    left: 66.6%; }
  #page-game #scene5 .food.pos2, #page-game #scene5 .food.pos7, #page-game #scene5 .hitArea.pos2, #page-game #scene5 .hitArea.pos7, #page-game #scene5 .answer.pos2, #page-game #scene5 .answer.pos7, #page-game #scene5 #sparkles_wrap5.pos2, #page-game #scene5 #sparkles_wrap5.pos7 {
    left: 79.65%; }
  #page-game #scene5 .food.pos3, #page-game #scene5 .food.pos8, #page-game #scene5 .hitArea.pos3, #page-game #scene5 .hitArea.pos8, #page-game #scene5 .answer.pos3, #page-game #scene5 .answer.pos8, #page-game #scene5 #sparkles_wrap5.pos3, #page-game #scene5 #sparkles_wrap5.pos8 {
    left: 92.71%; }
  #page-game #scene5 .food.pos4, #page-game #scene5 .food.pos5, #page-game #scene5 .food.pos6, #page-game #scene5 .food.pos7, #page-game #scene5 .food.pos8, #page-game #scene5 .hitArea.pos4, #page-game #scene5 .hitArea.pos5, #page-game #scene5 .hitArea.pos6, #page-game #scene5 .hitArea.pos7, #page-game #scene5 .hitArea.pos8, #page-game #scene5 .answer.pos4, #page-game #scene5 .answer.pos5, #page-game #scene5 .answer.pos6, #page-game #scene5 .answer.pos7, #page-game #scene5 .answer.pos8, #page-game #scene5 #sparkles_wrap5.pos4, #page-game #scene5 #sparkles_wrap5.pos5, #page-game #scene5 #sparkles_wrap5.pos6, #page-game #scene5 #sparkles_wrap5.pos7, #page-game #scene5 #sparkles_wrap5.pos8 {
    top: 65.05%; }
  #page-game #scene5 .food.pos4, #page-game #scene5 .hitArea.pos4, #page-game #scene5 .answer.pos4, #page-game #scene5 #sparkles_wrap5.pos4 {
    left: 18.13%; }
  #page-game #scene5 .food.pos5, #page-game #scene5 .hitArea.pos5, #page-game #scene5 .answer.pos5, #page-game #scene5 #sparkles_wrap5.pos5 {
    left: 32.71%; }

#page-game #scene5 .food.answered .greyout {
  display: block !important;
  opacity: 1; }

#page-game #scene5 .greyout {
  display: none;
  opacity: 0.2; }

#page-game #scene5 #answer_wrap5 {
  display: none;
  background-color: rgba(255, 202, 197, 0.8); }
  #page-game #scene5 #answer_wrap5.wrongAns {
    background-color: rgba(186, 211, 210, 0.8); }

#page-game #scene5 #bubble_wrap5_correct.lastMessage .message {
  top: 31.54%; }
  :lang(en) #page-game #scene5 #bubble_wrap5_correct.lastMessage .message {
    top: 34.77%; }

#page-game #scene5 #bubble_wrap5_correct.lastMessage #nextBtn5 {
  display: block; }

#page-game #scene5 #bubble_wrap5_correct .message {
  left: 38.47%;
  top: 34.77%;
  width: 18.06%;
  text-align: center; }
  :lang(en) #page-game #scene5 #bubble_wrap5_correct .message {
    top: 35.48%;
    left: 36.81%;
    width: 19.58%; }
  #page-game #scene5 #bubble_wrap5_correct .message h4 {
    margin-bottom: 0.3em; }

#page-game #scene5 #bubble_wrap5_correct .closeBtn {
  left: 52.78%;
  top: 26.88%; }

#page-game #scene5 #bubble_wrap5_correct #nextBtn5 {
  display: none;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 47.22%;
  top: 60.22%;
  font-size: 1.39%; }
  :lang(en) #page-game #scene5 #bubble_wrap5_correct #nextBtn5 {
    left: 46.53%;
    top: 65.59%; }

#page-game #scene5 #bubble_wrap5_wrong .message {
  left: 41.32%;
  top: 48.39%;
  width: 17.36%;
  text-align: center; }
  :lang(en) #page-game #scene5 #bubble_wrap5_wrong .message {
    width: 16.67%; }
    :lang(en) #page-game #scene5 #bubble_wrap5_wrong .message#food9_message, :lang(en) #page-game #scene5 #bubble_wrap5_wrong .message#food10_message, :lang(en) #page-game #scene5 #bubble_wrap5_wrong .message#food11_message, :lang(en) #page-game #scene5 #bubble_wrap5_wrong .message#food12_message {
      top: 44.8%; }

#page-game #scene5 #bubble_wrap5_wrong .closeBtn {
  left: 54.44%;
  top: 29.75%; }

#page-game #scene5 #sparklesIndicator5 {
  display: none; }

#page-game #scene5 #sparkles_wrap5 {
  display: none; }
  #page-game #scene5 #sparkles_wrap5.food2 #sparkles5_1 {
    left: -12%;
    top: 40%; }
  #page-game #scene5 #sparkles_wrap5.food2 #sparkles5_2 {
    left: -22%;
    top: 80%; }
  #page-game #scene5 #sparkles_wrap5.food3 #sparkles5_2 {
    left: -45%;
    top: 75%; }
  #page-game #scene5 #sparkles_wrap5.food4 #sparkles5_2 {
    left: -20%;
    top: 75%; }
  #page-game #scene5 #sparkles_wrap5.food5 #sparkles5_1 {
    left: 0%;
    top: 35%; }
  #page-game #scene5 #sparkles_wrap5.food5 #sparkles5_2 {
    left: -25%;
    top: 75%; }
  #page-game #scene5 #sparkles_wrap5.startAni #sparkles5_1 {
    -webkit-animation-name: sparkle_ani;
    animation-name: sparkle_ani;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2; }
  #page-game #scene5 #sparkles_wrap5.startAni #sparkles5_2 {
    -webkit-animation-name: sparkle_ani;
    animation-name: sparkle_ani;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  #page-game #scene5 #sparkles_wrap5 .sparkles {
    -webkit-animation: none;
    animation: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 5%;
    top: 0;
    -webkit-transform-origin: 85% 15%;
    -ms-transform-origin: 85% 15%;
    transform-origin: 85% 15%;
    opacity: 0; }
  #page-game #scene5 #sparkles_wrap5 #sparkles5_2 {
    left: -75%;
    top: 65%; }
  #page-game #scene5 #sparkles_wrap5 .sparklesOn {
    display: none; }

#page-game #scene6 #text_wrap6 {
  left: 11.81%;
  top: 19.35%;
  width: 39.58%;
  color: #e73465;
  font-weight: bold; }
  :lang(en) #page-game #scene6 #text_wrap6 {
    width: 34.72%;
    top: 15.77%; }
  #page-game #scene6 #text_wrap6 > * {
    position: relative; }
  #page-game #scene6 #text_wrap6 .bigTitle2 {
    margin-bottom: 0.4em; }
  #page-game #scene6 #text_wrap6 .bigger2 {
    line-height: 1.4; }
  #page-game #scene6 #text_wrap6 #completeCount {
    margin-top: 1em;
    position: relative;
    color: #ff877a; }
  #page-game #scene6 #text_wrap6 .roundEndsBtn_wrap {
    margin-top: 0.04em; }
  #page-game #scene6 #text_wrap6 #roundEndsBtn6 {
    font-weight: normal;
    background-color: #e97555;
    color: #ffffff;
    padding: 0.3em 0.6em;
    padding-right: 1.8em; }
    #page-game #scene6 #text_wrap6 #roundEndsBtn6::after {
      content: '';
      display: block;
      background-image: url(../images/game/end/next.png);
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      height: 1em;
      width: 1em;
      left: initial;
      right: 0.4em;
      bottom: 0.4em; }
    #page-game #scene6 #text_wrap6 #roundEndsBtn6:hover, #page-game #scene6 #text_wrap6 #roundEndsBtn6:focus {
      background-color: #f3b553; }
      #page-game #scene6 #text_wrap6 #roundEndsBtn6:hover::after, #page-game #scene6 #text_wrap6 #roundEndsBtn6:focus::after {
        background-image: url(../images/game/end/next-hover.png); }
        .card-list .card{
          height: 100%;
        }
        .img-wrap.ratio-4-3{
          padding-top: 77%;
        }
        .img-wrap{
          position: relative;
        }
        .img-wrap .img-content {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          overflow: hidden;
        }
        
        .img-wrap .img-content > img {
          max-width: 100%;
          max-height: 100%;
          /*width: auto;*/
        }
        
        .img-wrap .img-content .icon {
          position: absolute;
          width: 100px !important;
          bottom: 0;
          right: 0;
        }
        
        .img-wrap.ratio-4-3 {
          padding-top: 75%;
        }
        #gallery-list .img-wrap .img-content > img,
        .collapse .img-wrap .img-content > img {
          max-width: none;
          max-height: none;
          width: 100%;
        }
        .mini-box{
          margin-top: 0 !important;
        }
        .retailer{
          height: 112px;
        }
        .asso{
          height: 190px;
        }

        .custom-control-input:disabled~.custom-control-label, .custom-control-label{
          color: #41290B;
        }

        .offcanvas {
          width: 100%;
          height: 100%;
          position: absolute;
          display: contents;
        }